/*start of reset*/
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers.  All browser CSS
 * defaults are different, we're resetting all spacing elements.
 *
 */
body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale;
  /* Firefox on macOS */
  text-rendering: optimizeLegibility;
}
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
@-moz-document url-prefix() {
  body {
    font-weight: 400;
    /* or 300 if Chrome uses 400 */
  }
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
  display: inline-block;
}
:focus {
  outline: 0;
}
ol,
ul {
  list-style: none;
}
/*end of reset*/
/*start of colour variables*/
/* ======================================
   Color Variables
====================================== */
/* Primary - Navy */
/* Primary - Gold */
/*replaces white throughout the site*/
/* Dialogue Colors - TBC */
.bg-navy {
  background-color: #0F014D;
}
.text-navy {
  color: #0F014D;
}
.bg-navy-op-83 {
  background-color: #0F014DD4;
}
.text-navy-op-83 {
  color: #0F014DD4;
}
.bg-navy-op-74 {
  background-color: #0F014DBD;
}
.text-navy-op-74 {
  color: #0F014DBD;
}
.bg-navy-op-69 {
  background-color: #0F014DB0;
}
.text-navy-op-69 {
  color: #0F014DB0;
}
.bg-navy-op-60 {
  background-color: #0F014D99;
}
.text-navy-op-60 {
  color: #0F014D99;
}
.bg-navy-op-49 {
  background-color: #0F014D7D;
}
.text-navy-op-49 {
  color: #0F014D7D;
}
.bg-navy-op-24 {
  background-color: #0F014D3D;
}
.text-navy-op-24 {
  color: #0F014D3D;
}
.bg-navy-op-4 {
  background-color: #0F014D0A;
}
.text-navy-op-4 {
  color: #0F014D0A;
}
.bg-gold-900 {
  background-color: #D8BB8B;
}
.text-gold-900 {
  color: #D8BB8B;
}
.bg-gold-800 {
  background-color: #E0C9A2;
}
.text-gold-800 {
  color: #E0C9A2;
}
.bg-gold-700 {
  background-color: #E7D6B9;
}
.text-gold-700 {
  color: #E7D6B9;
}
.bg-gold-600 {
  background-color: #EFE4D1;
}
.text-gold-600 {
  color: #EFE4D1;
}
.bg-gold-500 {
  background-color: #F7F1E8;
}
.text-gold-500 {
  color: #F7F1E8;
}
.bg-gold-400 {
  background-color: #F7F3EB;
}
.text-gold-400 {
  color: #F7F3EB;
}
.bg-gold-300 {
  background-color: #F8F5EF;
}
.text-gold-300 {
  color: #F8F5EF;
}
.bg-gold-200 {
  background-color: #FAF8F3;
}
.text-gold-200 {
  color: #FAF8F3;
}
.bg-gold-100 {
  background-color: #FCFAF7;
}
.text-gold-100 {
  color: #FCFAF7;
}
.bg-gold-50 {
  background-color: #FDFDFB;
}
.text-gold-50 {
  color: #FDFDFB;
}
/*end of colour variables*/
/*start of svgvariables*/
/*NEW LSI LOGO*/
/*end of svgvariables*/
/*start of mediaqueryvariables*/
/*.cssclass {
    width: 100%;
    
    .responsive(@mediaquery--360px, {
        float: left;
        margin-top: 1em;
    });
}*/
/*end of mediaqueryvariables*/
@font-face {
  font-family: 'ChopinScript';
  src: url('/fonts/ChopinScript.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Kells 2';
  src: url('/fonts/Kells 2.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KellsFLF';
  src: url('/fonts/KellsFLF.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'kellunc';
  src: url('/fonts/kellunc.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.textalign--center {
  text-align: center !important;
}
.textalign--right {
  text-align: right !important;
}
h1.body {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.48rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 1rem;
}
h1.h1--landingpage__solicitor {
  max-width: 1280px;
  margin: 0 auto;
  color: #00888D;
  padding-bottom: 1em;
}
h1.h1--landingpage__public {
  max-width: 1280px;
  margin: 0 auto;
  color: #8D5C12;
  padding-bottom: 1em;
}
h1.h1--landingpage__education {
  max-width: 1280px;
  margin: 0 auto;
  color: #E56A54;
  padding-bottom: 1em;
}
.font__kelsflf {
  font-family: 'KellsFLF';
}
.font__chopinscript {
  font-family: 'ChopinScript';
}
.caption-label {
  line-height: 1.8rem;
}
.grey--text_bold {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.font--colour__brand2Dark {
  color: #8D5C12;
}
/* ======================================
   Global Box Sizing
====================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}
/* ======================================
   Layout Blocks
====================================== */
@media only screen and (max-width: 390px) {
  section.home__row.home__row--full {
    margin-top: 3rem;
  }
}
.container {
  margin: 0 auto;
  width: 100%;
  background: #FCFAF7;
  /*padding-bottom: 1.25em;*/
}
.container.intranet {
  padding-bottom: 0;
}
.container::before,
.container::after {
  content: "";
  display: table;
}
.container::after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.mid-section {
  /*background: @colour--greyscale__white;*/
}
.intranet .mid-section {
  max-width: 1280px;
  margin: 0 auto;
}
.block-gold-hr {
  width: 100%;
  border: 4px solid #DDCBA4;
  background: transparent linear-gradient(to top, #DDCBA4, #DDCBA4) no-repeat 0 bottom;
}
.col-md-8 {
  display: contents;
}
.label-div {
  display: block;
  font-weight: 600;
  padding-top: 0.3125em;
  margin-left: 1em;
}
fieldset {
  display: inline-flex;
}
table#id_matrix fieldset {
  display: contents;
}
/* ======================================
   Flex & Grid Utilities
====================================== */
.flex-1row-2col,
.flex-1row-2equal-col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.flex-1row-2equal-col .flex-col1,
.flex-1row-2equal-col .flex-col2 {
  width: 50%;
  align-self: baseline;
}
@media only screen and (max-width: 576px) {
  .flex-1row-2equal-col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
}
.flex-1row-3col {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.flex-1row-3col .flex-col3 {
  display: flex;
  align-self: end;
}
.flex--direction__reverse {
  flex-direction: column-reverse;
}
.grid-1row-2col {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
}
.width--percentage__50 {
  width: 50%;
}
.width__maxcontent {
  width: max-content;
}
/* ======================================
   Padding & Margin Utilities
====================================== */
/* Generate spacing utilities */
.margin--top__0rem {
  margin-top: 0;
}
.margin--bottom__0rem {
  margin-bottom: 0;
}
.margin--left__0rem {
  margin-left: 0;
}
.margin--right__0rem {
  margin-right: 0;
}
.margin--around__0rem {
  margin: 0;
}
.margin--top__025rem {
  margin-top: 0.25rem;
}
.margin--bottom__025rem {
  margin-bottom: 0.25rem;
}
.margin--left__025rem {
  margin-left: 0.25rem;
}
.margin--right__025rem {
  margin-right: 0.25rem;
}
.margin--around__025rem {
  margin: 0.25rem;
}
.margin--top__05rem {
  margin-top: 0.5rem;
}
.margin--bottom__05rem {
  margin-bottom: 0.5rem;
}
.margin--left__05rem {
  margin-left: 0.5rem;
}
.margin--right__05rem {
  margin-right: 0.5rem;
}
.margin--around__05rem {
  margin: 0.5rem;
}
.margin--top__1rem {
  margin-top: 1rem;
}
.margin--bottom__1rem {
  margin-bottom: 1rem;
}
.margin--left__1rem {
  margin-left: 1rem;
}
.margin--right__1rem {
  margin-right: 1rem;
}
.margin--around__1rem {
  margin: 1rem;
}
.margin--top__2rem {
  margin-top: 2rem;
}
.margin--bottom__2rem {
  margin-bottom: 2rem;
}
.margin--left__2rem {
  margin-left: 2rem;
}
.margin--right__2rem {
  margin-right: 2rem;
}
.margin--around__2rem {
  margin: 2rem;
}
.margin--top__3rem {
  margin-top: 3rem;
}
.margin--bottom__3rem {
  margin-bottom: 3rem;
}
.margin--left__3rem {
  margin-left: 3rem;
}
.margin--right__3rem {
  margin-right: 3rem;
}
.margin--around__3rem {
  margin: 3rem;
}
.margin--top__4rem {
  margin-top: 4rem;
}
.margin--bottom__4rem {
  margin-bottom: 4rem;
}
.margin--left__4rem {
  margin-left: 4rem;
}
.margin--right__4rem {
  margin-right: 4rem;
}
.margin--around__4rem {
  margin: 4rem;
}
.padding--top__0rem {
  padding-top: 0;
}
.padding--bottom__0rem {
  padding-bottom: 0;
}
.padding--left__0rem {
  padding-left: 0;
}
.padding--right__0rem {
  padding-right: 0;
}
.padding--around__0rem {
  padding: 0;
}
.padding--top__025rem {
  padding-top: 0.25rem;
}
.padding--bottom__025rem {
  padding-bottom: 0.25rem;
}
.padding--left__025rem {
  padding-left: 0.25rem;
}
.padding--right__025rem {
  padding-right: 0.25rem;
}
.padding--around__025rem {
  padding: 0.25rem;
}
.padding--top__05rem {
  padding-top: 0.5rem;
}
.padding--bottom__05rem {
  padding-bottom: 0.5rem;
}
.padding--left__05rem {
  padding-left: 0.5rem;
}
.padding--right__05rem {
  padding-right: 0.5rem;
}
.padding--around__05rem {
  padding: 0.5rem;
}
.padding--top__1rem {
  padding-top: 1rem;
}
.padding--bottom__1rem {
  padding-bottom: 1rem;
}
.padding--left__1rem {
  padding-left: 1rem;
}
.padding--right__1rem {
  padding-right: 1rem;
}
.padding--around__1rem {
  padding: 1rem;
}
.padding--top__2rem {
  padding-top: 2rem;
}
.padding--bottom__2rem {
  padding-bottom: 2rem;
}
.padding--left__2rem {
  padding-left: 2rem;
}
.padding--right__2rem {
  padding-right: 2rem;
}
.padding--around__2rem {
  padding: 2rem;
}
.padding--top__3rem {
  padding-top: 3rem;
}
.padding--bottom__3rem {
  padding-bottom: 3rem;
}
.padding--left__3rem {
  padding-left: 3rem;
}
.padding--right__3rem {
  padding-right: 3rem;
}
.padding--around__3rem {
  padding: 3rem;
}
.padding--top__4rem {
  padding-top: 4rem;
}
.padding--bottom__4rem {
  padding-bottom: 4rem;
}
.padding--left__4rem {
  padding-left: 4rem;
}
.padding--right__4rem {
  padding-right: 4rem;
}
.padding--around__4rem {
  padding: 4rem;
}
/* ======================================
   Base Styles for Pages
====================================== */
.l1-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(12px, 2vw, 24px);
}
.home-pg,
.content,
.row {
  max-width: 1280px;
  margin: 0 auto;
}
.home-pg .lower-section,
.content .lower-section,
.row .lower-section {
  background-color: #0F014D;
  overflow: hidden;
}
@media only screen and (max-width: 810px) {
  .home-pg .lower-section .base,
  .content .lower-section .base,
  .row .lower-section .base {
    padding: 0em;
  }
}
/* ===== Container utilities: Full / Wide / Narrow ===== */
.container-full {
  width: 100%;
}
.container-wide {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: clamp(12px, 2vw, 24px);
  padding-right: clamp(12px, 2vw, 24px);
}
.container-narrow {
  max-width: 720px;
}
.l1__container {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}
.l1__section {
  margin: 24px auto;
}
.l1__section .block {
  margin-bottom: clamp(12px, 1.5vw, 20px);
}
.l2-wrap {
  padding-top: clamp(12px, 2vw, 24px);
  padding-bottom: clamp(12px, 2vw, 24px);
}
.l2-header {
  margin-bottom: clamp(16px, 2vw, 28px);
}
.l2-header .l2-metahead {
  max-width: 100%;
}
.l2-intro {
  line-height: 1.6;
  margin: 0.5rem 0 1rem;
}
.l2-summary {
  margin: 0 0 1rem;
}
.l2-grid {
  display: grid;
  gap: clamp(16px, 2vw, 32px);
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
@media only screen and (max-width: 768px) {
  .l2-grid {
    display: block;
  }
}
.l2-main,
.l2-rail {
  min-width: 0;
}
/* Sticky rail option */
.l2-rail--sticky {
  position: sticky;
  /*top: var(--header-h, 72px);*/
  top: var(--spacing, 250px);
  height: fit-content;
}
.l2-rail-section {
  margin-bottom: clamp(16px, 2vw, 24px);
}
.l2-rail-section .l2-ca .col-12 {
  margin-bottom: 2rem;
}
.l2-ca .block {
  margin-bottom: clamp(12px, 1.5vw, 20px);
}
/* SR-only utility */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Respect sticky header for in-page anchors */
:root {
  scroll-padding-top: var(--header-h, 72px);
}
[id],
h1,
h2,
h3,
h4,
h5,
h6,
.focus-target {
  scroll-margin-top: var(--header-h, 72px);
}
/* ========= Layout utilities ========= */
.home {
  --gutter: 16px;
  --row-pad: clamp(20px, 3vw, 40px);
}
.home .container {
  /*max-width: 1280px;
        margin: 0 auto;
        padding: 0 var(--gutter);
        box-sizing: border-box;*/
}
.home .container--narrow {
  max-width: 820px;
}
.home .block {
  margin-bottom: clamp(12px, 1.5vw, 20px);
}
.home section.home__row.home__row--wide:nth-child(1) {
  background-color: transparent;
  width: fit-content;
  margin: 0 auto;
}
.home section.home__row.home__row--wide:nth-child(1) .container {
  background-color: inherit;
}
.home .home__row--full .container {
  max-width: -webkit-fill-available;
  padding: 0;
}
.home .home__row--full .container .container {
  background-color: inherit;
}
/*.home__row {
    padding: var(--row-pad) 0;
}*/
.home__row--full,
.home__row--wide {
  width: 100%;
}
.home__row--full > .band {
  border-radius: 16px;
  overflow: hidden;
}
/* ======================================
   Modern Flexbox Grid (Centered)
====================================== */
.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* centers all columns */
  margin-left: -0.5rem;
  /* adjust for gutter */
  margin-right: -0.5rem;
  box-sizing: border-box;
  max-width: 1280px;
  margin: 0 auto;
}
[class*="span"],
[class*="col"] {
  position: relative;
  box-sizing: border-box;
  /*padding-left: 0.5rem;*/
  /* gutter */
  /*padding-right: 0.5rem;
    margin-bottom: 1rem;*/
}
/* Column widths */
.span2,
.col2 {
  flex: 0 0 15%;
  max-width: 15%;
}
.span4,
.col4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}
.span6,
.col6 {
  flex: 0 0 49%;
  max-width: 49%;
}
.span8,
.col8 {
  flex: 0 0 66%;
  max-width: 66%;
}
.span12,
.col12 {
  flex: 0 0 100%;
  max-width: 100%;
}
/* Center the main content for col12 */
.col12 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 1280px;
  margin: 0 auto;
}
.col12 .main-body {
  padding: 1em;
  width: 100%;
}
/* Responsive tweaks */
@media only screen and (max-width: 576px) {
  .span4,
  .col4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* Nested content */
.span4 .data,
.col4 .data {
  position: relative;
}
/* Divider helper */
.block.dividerfor2columns {
  clear: both;
}
/* Common stylings for granularity */
.flex {
  display: flex;
}
.align-items-center {
  align-items: center;
}
.justify-content-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.rail__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #F7F3EB;
  padding: 1rem;
  border-radius: 0.5rem;
  max-width: 20rem;
  margin-bottom: 2rem;
}
/* A11y helper */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.pull-right {
  float: right;
  justify-items: right;
}
.span3,
.col3 {
  float: left;
  width: 25%;
}
@media only screen and (max-width: 810px) {
  .span3,
  .col3 {
    display: none;
  }
}
.col9.tiny-sort__content .related-content .block.span9,
.col9.tiny-sort__content .related-content .block.span8 {
  border-bottom: 4px solid #DDCBA4;
  padding-bottom: 2em;
}
.col9.tiny-sort__content .related-content .block.span8 {
  border-top: 4px solid #DDCBA4;
}
.col9.tiny-sort__content .related-content .tlist .listimg img {
  width: 90%;
  height: auto;
}
.col9.tiny-sort__content .related-content .block.span9 {
  width: 100% !important;
}
.col9.tiny-sort__content .related-content .block.linklistblock {
  width: -webkit-fill-available;
  width: -moz-available;
}
.span9,
.col9 {
  float: left;
  width: 74.5%;
}
@media only screen and (max-width: 810px) {
  .span9,
  .col9 {
    width: 100%;
  }
}
.span9 .main-content,
.col9 .main-content,
.span9 .related-content,
.col9 .related-content {
  padding: 1rem 4rem 0rem 4rem;
}
@media only screen and (max-width: 1024px) {
  .span9 .main-content,
  .col9 .main-content,
  .span9 .related-content,
  .col9 .related-content {
    padding: 1rem 2rem 0rem 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .span9 .main-content,
  .col9 .main-content,
  .span9 .related-content,
  .col9 .related-content {
    padding: 1rem 1rem 0rem 1rem;
  }
}
.span9.order-cols-top,
.col9.order-cols-top {
  display: block;
  padding: 0em 4em;
  width: 100%;
}
.main-content {
  padding: 1rem;
}
@media only screen and (max-width: 1024px) {
  .main-content {
    padding: 0em 1em;
  }
}
.main-content p {
  margin-top: 1em;
  margin-bottom: 2em;
}
.main-content h2 {
  margin-top: 0;
}
.main-content .hr-grey {
  border: 1px solid #EBEBEB;
  margin-top: 4em;
}
.main-content .formblock table td {
  padding: 0px;
}
.main-content .formblock table td input[type=radio] {
  float: none;
}
.main-content .formblock table span {
  display: block;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
.main-content .formblock table input[type="submit"] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 3rem;
  background: #A67F42;
  border-radius: 0.188rem;
  border: none;
  color: #FAFAFA;
  margin-top: 4rem;
}
.main-content .formblock table label {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025rem;
  line-height: 1.8rem;
}
.main-content .formblock table fieldset {
  display: flex;
  flex-direction: column;
}
.main-content .formblock table *[id*='requiredvalidator'] {
  font-size: 1rem;
}
/*LSI Website Below*/
@font-face {
  font-family: 'Archivo Italic';
  src: url('/Fonts/Archivo-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo';
  src: url('/Fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro Italic';
  src: url('/Fonts/SourceSerif4-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/Fonts/SourceSerif4-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
h1.body {
  font-family: 'Archivo' !important;
  font-weight: 600 !important;
  font-size: 2.48rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 1.4em !important;
  color: #0F014DD4 !important;
  padding-bottom: 1rem;
}
body {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  font-size: 1rem;
  letter-spacing: 0.025em;
}
body2 {
  font-size: 0.833rem;
  letter-spacing: 0.0156em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Archivo';
  font-weight: 600;
  color: #0F014DD4;
  font-style: normal;
  line-height: 1.4em;
  font-weight: 600 !important;
}
h1 {
  font-size: 2.986rem !important;
  letter-spacing: 0.015rem;
  margin: 1rem 0 !important;
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 2.055rem;
  }
}
h2 {
  font-size: 2.488rem !important;
  letter-spacing: 0.0156em;
  line-height: 1.4em;
  margin: 1rem 0 !important;
}
@media only screen and (max-width: 768px) {
  h2 {
    font-size: 1.803rem;
  }
}
h3 {
  font-size: 2.074rem !important;
  letter-spacing: 0.0156em;
  margin: 1rem 0 !important;
  line-height: 1.4em;
}
@media only screen and (max-width: 768px) {
  h3 {
    font-size: 1.6rem;
  }
}
h4 {
  font-size: 1.728rem;
  letter-spacing: 0.0094em;
  margin: 0.5rem 0;
  line-height: 1.4em;
}
@media only screen and (max-width: 768px) {
  h4 {
    font-size: 1.424rem;
  }
}
h4 a {
  line-height: 1.4em;
}
h5 {
  font-size: 1.44rem;
  letter-spacing: 0.0094em;
  line-height: 1.4em;
}
@media only screen and (max-width: 768px) {
  h5 {
    font-size: 1.266rem;
  }
}
h6 {
  font-size: 1.22rem;
  letter-spacing: 0.0094em;
  line-height: 1.4em;
}
@media only screen and (max-width: 768px) {
  h6 {
    font-size: 1.125rem;
  }
}
.page-subheading-blue {
  font-family: 'Archivo';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0rem;
  line-height: 1.8rem;
  color: #0F014DD4;
  display: inline-block;
}
.body--bold__blue {
  font-family: 'Archivo';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DD4;
  display: inline-block;
}
p {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
.control-label {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
.font--weight__400 {
  font-weight: 400;
}
.font--weight__600 {
  font-weight: 600;
}
.font-body3 {
  font-size: 1.728rem;
  font-weight: 400;
  line-height: 2.244rem;
}
.font-body2 {
  font-family: 'Archivo';
  font-size: 1.424rem !important;
  font-weight: 700 !important;
  line-height: 1.8rem;
}
.font-body1 {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.3rem;
}
label.form-heading {
  color: #0F014DBD !important;
  font-weight: 600;
}
p {
  margin: 1rem 0 !important;
}
.ebusiness-main-container ul {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}
.ebusiness-main-container ul li {
  position: relative;
  margin-bottom: 0.5rem;
  margin-left: 1.25rem;
  line-height: 1.5;
  list-style: disc;
}
.ebusiness-main-container ul li::before {
  /*content: "•";
                    position: absolute;
                    left: 0.5rem;*/
}
.color-primary-navy-opacity-60 {
  color: #0F014D99;
}
/*
.text-grey5 {
    .font-default(@font__manrope,400,@colour--greyscale__grey5);

    .bold {
        font-weight: 700;
    }
}

#Saved {
    h1 {
        padding-bottom: 1rem;
        border-bottom: @colour--greyscale__grey2 1px solid;
    }
}

.info-heading {
    .font-default(@font__manrope,700,@colour--primary__brand1);
    padding-bottom: 0.25em;
}

.heading--secondarydark__gold {
    color: @colour--secondary__brand2-dark;
}
*/
.accordion-block {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 0;
}
.accordion-block a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.accordion-block a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.accordion-block a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.accordion-block a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.accordion-block .accordion-heading__block {
  margin: 0 0 0.5rem;
  font-style: normal;
  line-height: normal;
  font-weight: 600;
}
.accordion-block .accordion-item-wrapper {
  border-radius: 8px;
  margin-bottom: 0.5rem;
}
.accordion-block .accordion-item-wrapper:last-child {
  margin-bottom: 0;
}
.accordion-block .accordion-heading {
  margin: 0;
  font-weight: 600;
  line-height: normal;
}
.accordion-block .accordion-heading .accordion-button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  padding: 1rem;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
}
.accordion-block .accordion-heading .accordion-button .material-symbols-outlined {
  font-size: 1.5rem;
  color: #0F014DD4;
  transition: transform 0.2s ease-in-out;
}
.accordion-block .accordion-heading .accordion-button.is-open .material-symbols-outlined {
  content: 'remove';
}
.accordion-block .accordion-heading .accordion-button:hover {
  opacity: 0.74;
}
.accordion-block .accordion-heading .accordion-button:focus {
  border: 1px solid #0F014DD4;
  border-radius: 8px;
}
.accordion-block .accordion-heading .accordion-button:active {
  background-color: #0F014DD4;
  color: #FDFDFB;
  border-radius: 8px;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
@media (prefers-contrast: high) {
  .accordion-block .accordion-heading .accordion-button {
    border: 2px solid currentColor;
  }
  .accordion-block .accordion-heading .accordion-button:focus {
    outline: 3px solid currentColor;
    outline-offset: 1px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .accordion-block .accordion-heading .accordion-button {
    transition: none;
  }
  .accordion-block .accordion-heading .accordion-button .material-symbols-outlined {
    transition: none;
  }
}
.accordion-block .accordion-heading .accordion-button .accordion-icon {
  display: inline-flex;
  margin-left: 0.5rem;
}
.accordion-block .accordion-heading .accordion-button .accordion-icon rect {
  fill: currentColor;
}
.accordion-block .accordion-heading .accordion-button .accordion-icon .acc-vert {
  transition: opacity 0.2s ease;
}
.accordion-block .accordion-panel[hidden] {
  display: none;
}
.accordion-block .accordion-panel {
  padding: 1rem;
}
.accordion-block .accordion-panel ol li {
  list-style: auto;
  margin-left: 1.2rem;
}
.accordion-block .accordion-panel ul li {
  list-style: disc;
  margin-left: 1.2rem;
}
.accordion-block .accordion-panel a:focus,
.accordion-block .accordion-panel button:focus,
.accordion-block .accordion-panel input:focus,
.accordion-block .accordion-panel select:focus,
.accordion-block .accordion-panel textarea:focus {
  outline: 2px solid #0F014DD4;
  outline-offset: 2px;
}
.accordion-block .accordion-panel a {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.accordion-block .accordion-panel a:hover {
  opacity: 0.75;
  text-decoration: none;
}
.accordion-block .accordion-panel a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.accordion-block .accordion-panel a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
:root {
  scroll-padding-top: var(--header-h, 72px);
}
[id],
h1,
h2,
h3,
h4,
h5,
h6,
.focus-target {
  scroll-margin-top: var(--header-h, 72px);
}
.discovery {
  padding: 3rem 1rem;
  border-radius: 1rem;
  margin: 0 auto;
  max-width: 1280px;
}
/* Theme tokens (adjust once centrally) */
.discovery--dark {
  --bg: #0b1220;
  --fg: #e5e7eb;
  --surface: #111827;
  --border: #374151;
  --accent: #60a5fa;
  --onaccent: #0b1220;
  --link: #93c5fd;
  background: var(--bg);
  color: var(--fg);
}
.discovery--light {
  --bg: #f8fafc;
  --fg: #0f172a;
  --surface: #ffffff;
  --border: #cbd5e1;
  --accent: #0ea5e9;
  --onaccent: #ffffff;
  --link: #0369a1;
  background: var(--bg);
  color: var(--fg);
}
.discovery--brand {
  --bg: #0f1a2b;
  --fg: #e6f0ff;
  --surface: #122039;
  --border: #2c3e64;
  --accent: #1e90ff;
  --onaccent: #00122a;
  --link: #9cc7ff;
  background: var(--bg);
  color: var(--fg);
}
.discovery--accent {
  --bg: #111827;
  --fg: #f3f4f6;
  --surface: #1f2937;
  --border: #4b5563;
  --accent: #22c55e;
  --onaccent: #052e14;
  --link: #86efac;
  background: var(--bg);
  color: var(--fg);
}
.discovery__category {
  margin-bottom: 0.75rem;
}
.discovery__category-badge {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.12);
}
.discovery__grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 1fr;
}
@media (min-width: 960px) {
  .discovery__grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
.discovery__title {
  font-weight: 800;
  margin: 0 0 0.5rem 0;
  letter-spacing: -0.01em;
}
.discovery__tagline {
  margin: 0.25rem 0 1rem 0;
}
.discovery__tagline--lead {
  font-size: 1.25rem;
}
.discovery__tagline--small {
  font-size: 0.95rem;
}
.discovery__intro {
  margin: 1rem 0 1.25rem 0;
}
/* Pills */
.discovery__pills {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.discovery__pill {
  background: var(--surface);
  color: var(--fg);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font-weight: 600;
  font-size: 0.9rem;
}
/* Left image */
.discovery__figure {
  margin: 1rem 0 0 0;
}
.discovery__image {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
}
/* Button */
.discovery__btn-wrap {
  margin: 1rem 0;
}
.discovery__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid transparent;
}
.discovery__btn:focus {
  outline: 2px solid;
  outline-offset: 2px;
}
.discovery__btn--primary {
  background: var(--accent);
  color: var(--onaccent);
}
.discovery__btn--secondary {
  background: transparent;
  color: var(--fg);
  border-color: var(--border);
}
.discovery__btn--tertiary {
  background: var(--surface);
  color: var(--fg);
}
.discovery__btn--link {
  background: transparent;
  color: var(--link);
  padding: 0;
  min-height: auto;
}
/* Right links */
.discovery__subtitle {
  margin: 0 0 0.5rem 0;
  font-weight: 800;
}
.discovery__links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.75rem;
}
.discovery__link {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  text-decoration: none;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  background: var(--surface);
  color: inherit;
}
.discovery__link:focus {
  outline: 2px solid;
  outline-offset: 2px;
}
.discovery__link-img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 0.5rem;
}
.discovery__link-label {
  display: block;
  font-weight: 800;
}
.discovery__link-desc {
  display: block;
  opacity: 0.85;
  margin-top: 0.15rem;
  font-size: 0.95rem;
}
/* ---- Download List Block (scoped) ---- */
.download-list-block .download-list__item {
  border: 1px solid #0F014D0A;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
  background: #FDFDFB;
}
@media only screen and (max-width: 390px) {
  .download-list-block .download-list__item {
    gap: 0.5em;
  }
}
.download-list-block .download-list__defaultIcon {
  background-image: url("/UI/images/icons/downloadList__icon.svg");
  width: 1.25rem;
  height: 1.25rem;
  background-position: center;
  background-size: contain;
  display: inline-block;
  opacity: 0.6;
}
.download-list-block .material-symbols-outlined {
  color: #0F014D99;
}
.download-list-block .medianame {
  font-family: 'Archivo' !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0 !important;
  line-height: 1.09em !important;
  color: #0F014DBD !important;
}
div#DownloadCasesAttachment {
  width: 100%;
}
.single-download-btn-block .download-btn {
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 0.75rem;
  height: 3.5rem;
}
.single-download-btn-block .download-btn:hover {
  opacity: 0.75;
}
.single-download-btn-block .download-btn span.download-btn__label.download-text {
  display: flex;
  gap: 0.5rem;
}
.single-download-btn-block .download-btn__icon {
  width: 1.25rem;
  height: 1.25rem;
}
/* ======================================
   Hero Block (LESS + Color Tokens)
====================================== */
/* Sticky header compensation (set by JS) */
:root {
  scroll-padding-top: var(--header-h, 72px);
}
[id],
h1,
h2,
h3,
h4,
h5,
h6,
.focus-target {
  scroll-margin-top: var(--header-h, 72px);
}
/* ==== block shell ==== */
.hero {
  padding: 3rem 1rem;
  border-radius: 1rem;
  margin: 0 auto;
  max-width: 1280px;
}
/* ===== grid (panel) ===== */
.hero__grid {
  display: grid;
  grid-auto-flow: column;
  gap: clamp(16px, 2vw, 28px);
  /*padding: clamp(20px, 3vw, 36px);*/
  /*max-width: 1440px;*/
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .hero__grid {
    display: flex;
    flex-direction: column;
  }
}
/* ===== full-bleed shell ===== */
.hero--fullbleed {
  position: relative;
  width: 100%;
  /* no side padding here; inner handles it */
}
/* optional decorative background image under the band color */
.hero--has-bgimg {
  position: relative;
  z-index: 0;
}
.hero--has-bgimg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--hero-bg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto;
  opacity: 0.25;
  pointer-events: none;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .hero--has-bgimg::after {
    background-image: none;
  }
}
/* ===== inner container ===== */
.hero__inner {
  /* full-bleed while keeping sensible max width for content grid
    padding: clamp(16px, 3vw, 32px) clamp(16px, 4vw, 48px); */
  margin: 0 auto;
  max-width: 1280px;
}
.home__row .hero__inner {
  max-width: none;
}
/* ==== content ==== */
.hero__title {
  color: #D8BB8B;
  font-size: 2.986rem;
}
form.hero__search.hero__search--dockable label {
  color: #F7F3EB;
}
.hero__text {
  padding: 4rem 0 4rem 2rem;
  font-size: 1.728rem;
}
@media only screen and (max-width: 768px) {
  .hero__text {
    padding: 2rem;
  }
}
.hero__intro {
  max-width: 68ch;
  margin: 0 0 1.25rem;
  line-height: 1.45;
  opacity: 0.95;
  text-align: left;
}
.hero__intro p {
  color: #EFE4D1 !important;
  font-size: 27.65px;
}
.home .hero__text {
  display: flex;
  flex-direction: column;
  align-items: anchor-center;
  padding-top: 2rem;
  align-items: center;
  justify-content: center;
}
.home .hero__text .audience-switch .toggle-buttons {
  width: 24rem;
}
.home .hero__intro {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .hero__search-slot {
    width: 100%;
  }
}
/* ==== buttons ==== */
.hero__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.75rem;
  list-style: none;
  margin: 1.25rem 0 2rem 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .hero__buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }
}
.hero__buttons .hero__buttons-item .btn-light-border {
  background-color: #0F014D;
}
.hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.75rem 1.25rem;
  border-radius: 0.75rem;
  text-decoration: none;
  font-weight: 700;
  border: 1px solid transparent;
}
.hero__btn:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
/* ===== buttons ===== */
.hero__btn-icon {
  width: 18px;
  height: 18px;
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.hero__btn-icon--right {
  margin-left: 0.25rem;
}
/* Button variants (use tokens instead of raw hex) */
.hero__btn--primary {
  /*background: @color-secondary-green-500;*/
  color: #FDFDFB;
}
.hero__btn--secondary {
  background: transparent;
  color: inherit;
  border-color: rgba(253, 253, 251, 0.3);
}
.hero__btn--tertiary {
  background: #F8F5EF;
  color: #0F014D;
}
.hero__btn--link {
  background: transparent;
  padding: 0;
  min-height: auto;
}
/* ===== search ===== */
.hero__search {
  margin: 1.25rem 0 0;
  max-width: 720px;
}
.hero__search-wrap {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.hero__search-input {
  flex: 1;
  min-height: 48px;
  border-radius: 8px;
  border: 1px solid #0F014D7D;
  padding: 0.75rem 1rem;
  background: #F7F3EB;
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 1.2rem;
  padding-left: 2.5rem;
}
.hero--light .hero__search-input {
  background: #FDFDFB;
  color: #0F014D;
  border-color: #EFE4D1;
}
.hero__search-submit {
  min-height: 48px;
  border-radius: 0.75rem;
  padding: 0.75rem 1.25rem;
  font-weight: 700;
  border: 1px solid transparent;
  color: #FDFDFB;
}
@media only screen and (max-width: 1023px) {
  .search-input-form input[type="search"] {
    width: 35rem;
  }
}
@media only screen and (max-width: 768px) {
  .search-input-form input[type="search"] {
    width: 40rem;
  }
}
@media only screen and (max-width: 666px) {
  .search-input-form input[type="search"] {
    width: 30rem;
  }
}
@media only screen and (max-width: 548px) {
  .search-input-form input[type="search"] {
    width: 25rem;
  }
}
@media only screen and (max-width: 467px) {
  .search-input-form input[type="search"] {
    width: 25rem;
  }
}
@media only screen and (max-width: 390px) {
  .search-input-form input[type="search"] {
    width: 20rem;
  }
}
/* ===== media (split image) ===== */
.hero__media {
  position: relative;
  display: block;
  overflow: hidden;
  /* angled overlay */
}
.hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 29rem;
  object-fit: cover;
  grid-template-columns: minmax(0, 1fr);
}
.hero__media::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  /* start slightly outside left edge */
  width: 60%;
  /* controls how far the overlay reaches */
  height: 100%;
  background-color: #0F014D;
  clip-path: polygon(0 0, 55% 0, 20% 100%, 0% 100%);
  z-index: 2;
  pointer-events: none;
  transform: translateX(-0.5px);
}
@media only screen and (max-width: 768px) {
  .hero__media::before {
    background: none;
  }
}
@media only screen and (max-width: 768px) {
  .hero--hide-mobile-img .hero__media {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .hero--hide-mobile-angle .hero__media::before {
    background: none !important;
  }
}
.highlights__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.hl-card__img {
  width: 100%;
  height: auto;
  display: block;
}
.highlights-end--dark {
  background: #0e1221;
  color: #fff;
  border-radius: 12px;
  padding: 1.5rem;
}
.tlist {
  display: flex;
  max-width: 1280px;
  margin: auto;
  background: #FDFDFB;
  padding: 4em 1.25em;
}
@media only screen and (max-width: 1024px) {
  .tlist {
    margin: 4em;
  }
}
@media only screen and (max-width: 810px) {
  .tlist {
    padding: 0;
    margin: 0rem 2rem 0rem 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .tlist {
    padding: 1.25em 0;
    margin: 0em;
  }
}
@media only screen and (max-width: 576px) {
  .tlist {
    padding: 0em;
  }
}
.tlist .listimg-mob {
  display: none;
}
.tlist .tlist-links {
  flex: 1;
  padding-bottom: 1em;
  width: 50%;
}
.tlist .tlist-links .listheader {
  padding-bottom: 2em;
}
@media only screen and (max-width: 768px) {
  .tlist .tlist-links .listheader {
    padding: 1.5em;
  }
}
@media only screen and (max-width: 576px) {
  .tlist .tlist-links .listheader {
    padding: 2rem 1rem;
  }
}
.tlist .tlist-links .listheader p {
  background: transparent linear-gradient(to top, #B5B5B5, #B5B5B5) no-repeat 0em bottom;
  padding-top: 2em;
  padding-bottom: 2em;
  background-size: 100% 1px;
  text-align: left;
}
.tlist .tlist-links .listheader h3 {
  margin-top: 0;
}
.tlist .tlist-links .mainlist ul {
  display: grid;
  gap: 2.125em;
  grid-template-columns: 2fr 2fr;
}
.tlist .tlist-links .mainlist ul li {
  display: flex;
  align-items: center;
  background: none;
  padding-left: unset;
  margin-top: unset;
  margin-left: unset;
}
.tlist .tlist-links .mainlist ul li a {
  text-decoration: underline;
  color: #0F014D;
}
.tlist .tlist-links .mainlist ul li a:hover {
  opacity: 0.5;
}
.tlist .listimg {
  width: 20.5em;
  height: 20.5em;
  display: flex;
}
.tlist .listimg img {
  margin: 0;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}
.tlist .link-for-public .listheader h3 {
  color: #0F014D;
}
.tlist .link-for-public .listheader h3 span {
  background: transparent linear-gradient(to top, #0F014D, #0F014D) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 3px;
}
.tlist .link-for-solicitors .listheader h3 {
  color: #0F014D;
}
.tlist .link-for-solicitors .listheader h3 span {
  background: transparent linear-gradient(to top, #0F014D, #0F014D) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 3px;
}
.tlist .link-for-trainees {
  padding-left: 2.5em;
}
.tlist .link-for-trainees .listheader h3 {
  color: #0F014D;
}
.tlist .link-for-trainees .listheader h3 span {
  background: transparent linear-gradient(to top, #0F014D, #0F014D) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 3px;
}
.tlist .link-for-trainees .listimg-mob {
  padding-top: 2em;
}
.tlist .link-for-wellbeing .listheader h3 {
  color: #0F014D;
}
.tlist .link-for-wellbeing .listheader h3 span {
  background: transparent linear-gradient(to top, #0F014D, #0F014D) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 3px;
}
@media only screen and (max-width: 768px) {
  .tlist .tlist-links {
    width: 100%;
    padding: 0;
  }
  .tlist .tlist-links .listheader p {
    background: none;
    padding-bottom: 0em;
  }
  .tlist .tlist-links .listimg-mob {
    display: block;
    padding-top: 1em;
  }
  .tlist .tlist-links .listimg-mob img {
    object-fit: cover;
    width: -webkit-fill-available;
    width: -moz-available;
    margin: 0;
  }
  .tlist .tlist-links .mainlist {
    padding: 24px;
  }
  .tlist .tlist-links .mainlist ul {
    gap: 1.875em;
    grid-template-columns: 1fr;
  }
  .tlist .link-for-public .mainlist {
    padding: 1.5em;
  }
  .tlist .listimg {
    display: none;
  }
  .tlist .link-for-solicitors .mainlist {
    padding: 1.5em;
  }
}
section.llimg.llimg--light {
  max-width: 1280px;
  margin: 0 auto;
}
.linklist__tagline--lead {
  font-size: 1.125rem;
}
.linklist__tagline--small {
  font-size: 0.875rem;
}
/* Practice Areas Showcase — external CSS */
/* Respect sticky headers if present */
:root {
  scroll-padding-top: var(--header-h, 72px);
}
[id],
h1,
h2,
h3,
h4,
h5,
h6,
.focus-target {
  scroll-margin-top: var(--header-h, 72px);
}
/* Root + grid vars */
.pas {
  max-width: 1280px;
  margin: 0 auto;
  --cols-sm: 1;
  --cols-md: 2;
  --cols-lg: 3;
  /* Two-column wrapper: left + (optional) right rail */
  /* Heading + intro */
  /* Right rail */
}
.pas .pas__layout {
  display: grid;
  gap: 2rem;
  border-radius: 8px;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  padding: 2rem;
  margin: 2rem;
  background-color: #FDFDFB;
}
@media (min-width: 1024px) {
  .pas .pas__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.pas .pas__heading {
  text-align: center;
}
.pas .pas__intro {
  padding: 0rem 2rem;
}
.pas .pas__left {
  min-width: 0;
}
.pas .pas__left .pas__leftcard {
  display: flex;
  flex-direction: column;
}
.pas .pas__left .pas__leftcard .pas--top {
  display: flex;
  gap: 1rem;
  place-items: flex-start;
}
.pas .pas__left .pas__leftcard .pas__icon {
  border-radius: 4px;
  padding: 1rem;
  background-color: #F7F3EB;
}
.pas .pas__left .pas__leftcard .pas__icon span {
  width: 28px;
  height: 28px;
  display: block;
}
.pas .pas__left .pas__intro {
  margin: 0;
}
.pas .pas__left .pas__intro h3 {
  margin: 0;
}
.pas .pas__rail {
  /* min-width: 0;
        border: 1px solid #e5e7eb;
        border-radius: 1rem;
        padding: 1rem;
        background: #fff;*/
}
.pas .pas__rail ul.pas__rail-list li {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  row-gap: 1rem;
}
.pas .pas__rail ul.pas__rail-list li::before {
  content: none;
}
.pas__rail-intro {
  margin: 0.25rem 0 0.75rem;
}
.pas__viewall-rail {
  display: inline-block;
  margin-top: 0.25rem;
  font-weight: 700;
  text-decoration: none;
}
/* Quick buttons row */
.pas__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}
.pas__quick-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0.5rem 0.875rem;
  border-radius: 0.75rem;
  text-decoration: none;
  border: 1px solid transparent;
  font-weight: 600;
}
.pas__quick-link:focus,
.pas__quick-link:focus-visible {
  outline: 2px solid;
  outline-offset: 2px;
}
.pas__quick-icon {
  inline-size: 1rem;
  block-size: 1rem;
  object-fit: contain;
}
/* Mini-card grid (generic) */
.pas__grid {
  display: grid;
  grid-template-columns: repeat(var(--cols-sm), minmax(0, 1fr));
  margin: 0 2rem 2rem 2rem;
  gap: 1rem;
}
@media (min-width: 640px) {
  .pas__grid {
    grid-template-columns: repeat(var(--cols-md), minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .pas__grid {
    grid-template-columns: repeat(var(--cols-lg), minmax(0, 1fr));
  }
}
/* EXACT preset: 2 rows × 4 columns on desktop */
@media (min-width: 1024px) {
  .pas__grid--2x4 {
    grid-auto-rows: 1fr;
  }
  /* keeps two neat rows if card heights equal */
}
/* Equal heights helper */
.pas--equal .pa-card {
  display: flex;
  /* turn into flexbox */
  justify-content: space-between;
  /* space between title and icon */
  align-items: center;
  /* vertically center them */
  width: 100%;
  /* fill grid cell */
  flex-flow: wrap;
  padding: 2rem 1rem;
  border-radius: 8px;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.pas--equal .pa-card:hover {
  opacity: 0.74;
}
.pas--equal .pa-card:focus {
  border: 1px solid #0F014D7D;
  outline: 5px double #0F014D7D;
}
.pas--equal .pa-card:active {
  border: 2px solid #0F014D7D;
}
.pas--equal .pa-card span.material-symbols-outlined {
  color: #0F014DD4;
}
.card-explore__intro {
  text-align: center;
}
.pa-card__badge {
  position: absolute;
  top: 0.2rem;
  right: 2rem;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  color: #0F014D;
}
.pa-card__badge:active {
  color: #0F014D;
}
.pa-card__badge:focus {
  color: #0F014D;
}
.pa-card__badge:visited {
  color: #0F014D;
}
.pa-card__link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.pa-card__title {
  margin: 0 !important;
  font-size: 1.125rem;
  font-weight: 800;
}
.pa-card__icon {
  inline-size: 2rem;
  block-size: 2rem;
  object-fit: contain;
  margin-bottom: 0.5rem;
}
.pa-card__img {
  inline-size: 100%;
  block-size: auto;
  border-radius: 0.75rem;
  margin-bottom: 0.5rem;
  display: block;
}
/* Media variants */
.pas--icon .pa-card__img {
  display: none !important;
}
.pas--image .pa-card__icon {
  display: none !important;
}
.pas--text .pa-card__icon,
.pas--text .pa-card__img {
  display: none !important;
}
.pa-card__summary {
  margin: 0.25rem 0 0.75rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.pa-card__actions {
  margin-top: auto;
}
.pa-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.5rem 1rem;
  text-decoration: none;
  font-weight: 700;
}
.pa-card__cta:focus,
.pa-card__cta:focus-visible {
  outline: 2px solid;
  outline-offset: 2px;
}
/* Footer CTA (left column) */
.pas__footer {
  margin-top: 1rem;
}
.pas__viewall {
  font-weight: 700;
  text-decoration: none;
}
.pas__viewall:focus,
.pas__viewall:focus-visible {
  outline: 2px solid;
  outline-offset: 2px;
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .pas * {
    animation: none !important;
    transition: none !important;
  }
}
/* High-contrast support */
@media (forced-colors: active) {
  .pas__rail,
  .pa-card {
    border-color: CanvasText;
  }
  .pa-card__cta,
  .pas__viewall,
  .pas__viewall-rail,
  .pas__quick-link {
    outline-color: CanvasText;
  }
}
/* -------------------------------------------
   Quick Actions & Featured Resources (v2)
   -------------------------------------------
   Section wrapper:        .qar
   Band modifiers:         .qar--light|--muted|--brand|--accent|--dark
   Grid:                   .qar__grid
   Section CTA:            .qar__cta .qar__btn
   Card:                   .qar-card
   Stretched link:         .qar-card__link  (rendered only when NO button)
   Card content wrapper:   .qar-card__inner
   Card bits:              .qar-card__icon, __badge(--top|--bottom),
                           __heading, __intro, __body, __meta, __cta, __btn
*/
/* -------------------------------------------
   Section (band)
------------------------------------------- */
.qar {
  /* Section grid (auto-fit 1–4 cards) */
}
.qar .qar__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  padding: 0.5rem 0rem;
}
.qar .qar__grid > * {
  flex: 1 1 0;
  min-width: 0;
}
@media only screen and (max-width: 768px) {
  .qar .qar__grid {
    display: flex;
    flex-direction: column;
  }
}
.qar .qar-card__cta {
  margin-top: auto;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .qar .qar-card__cta a {
    width: 100%;
  }
}
/* -------------------------------------------
       Card
    ------------------------------------------- */
.qar-card {
  position: relative;
  border-radius: 0.5rem;
  background: #FDFDFB;
  border: 1px solid #FDFDFB;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  outline: none;
  transition: all 0.2s ease-in-out;
  height: 100%;
  /* Badges */
}
.qar-card:hover {
  opacity: 0.74;
}
.qar-card:focus {
  border-radius: 8px;
  border: 1px solid #0F014D99;
  outline: 5px solid #0F014D99;
}
.qar-card:focus .qar-card__inner {
  border-color: #0F014D99;
}
.qar-card:active {
  border-radius: 8px;
  border: 3px solid #0F014D99;
}
@media only screen and (max-width: 768px) {
  .qar-card {
    padding: 1rem;
  }
}
.qar-card .qar-card__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-decoration: none;
}
.qar-card .qar-card__link:focus {
  outline: none;
}
.qar-card .qar-card__btn {
  min-width: 7.5rem;
}
.qar-card .qar-card__btn .qar-card__btn:focus {
  border: 1px solid #0F014D99;
  outline: 5px solid #0F014D99;
}
.qar-card .qar-card__badge {
  padding: 0.35rem 0.55rem;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.06);
  color: inherit;
}
.qar-card .qar--dark .qar-card__badge,
.qar-card .qar--brand .qar-card__badge,
.qar-card .qar--accent .qar-card__badge {
  background: #FDFDFB;
}
.qar-card .qar-card__badge--bottom {
  float: right;
  margin-left: auto;
  max-width: 150px;
  width: auto;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}
.qar-card .qar-card__badge--top {
  float: right;
  margin-left: auto;
  max-width: 150px;
  width: auto;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.qar-card .qar-card__inner {
  display: flex;
  padding: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
  min-width: 0;
  align-items: anchor-center;
  gap: 1rem;
  /* Stretched overlay link (rendered only when NO button):
           - sits ABOVE non-interactive bits
           - sits BELOW true interactive items (links in body, explicit button) */
  /* Re-enable interactions for real links/buttons INSIDE the card */
  /*remove the default margin from H3*/
}
.qar-card .qar-card__inner .qar-card__chevron_rigth {
  background: right url("/UI/images/icons/chevron_right.svg") no-repeat;
  width: 0.5rem;
  height: 0.5rem;
  background-position: center;
  background-size: contain;
  display: inline-block;
  margin-left: auto;
}
.qar-card .qar-card__inner .qar-card__content {
  position: relative;
  flex: 2;
}
.qar-card .qar-card__inner .qar-card__link {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 3;
  /* above inner content */
  text-indent: -9999px;
  /* no visible text */
  pointer-events: auto;
  /* clickable */
}
.qar-card .qar-card__inner .qar-card__body a {
  font-family: 'Archivo';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
  text-decoration: underline;
}
.qar-card .qar-card__inner .qar-card__iconDiv {
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: #0F014D0A;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  aspect-ratio: 1/1;
  /* Icon & text */
}
@media only screen and (max-width: 768px) {
  .qar-card .qar-card__inner .qar-card__iconDiv {
    display: none;
  }
}
.qar-card .qar-card__inner .qar-card__iconDiv .material-symbols-outlined {
  font-size: 2rem;
  color: #0F014D99;
}
.qar-card .qar-card__inner .qar-card__iconDiv .qar-card__icon {
  height: 2rem;
  filter: brightness(0) saturate(100%) invert(10%) sepia(23%) saturate(6153%) hue-rotate(240deg) brightness(97%) contrast(125%);
}
.qar-card .qar-card__inner .qar-card__heading {
  margin: 0;
}
/* Section CTA */
.qar__cta {
  display: flex;
  margin: 2rem 0 0;
}
@media only screen and (max-width: 768px) {
  .qar__cta a {
    width: 100%;
  }
}
.tqa__tab:focus {
  outline: 3px solid #0F014D99;
  outline-offset: 2px;
}
.quote {
  padding: 1rem 0;
}
.quote .quote--light {
  background: none;
}
.quote .quote__title {
  margin: 0 0 0.5rem;
}
.quote .quote__tagline {
  margin: 0 0 0.75rem;
}
.quote .quote__tagline--lead {
  font-size: 1.125rem;
}
.quote .quote__tagline--small {
  font-size: 0.875rem;
}
.quote .quote__intro {
  margin-bottom: 1rem;
}
.quote .quote__row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;
  align-items: start;
  padding: 1rem;
  border-radius: 8px;
  background-color: #FDFDFB;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.quote .quote__row .quote__person--photo {
  width: 4rem;
  height: 4rem;
  background-color: #0F014D0A;
  object-fit: cover;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote .quote__row .quote__person--photo span.material-symbols-outlined {
  font-size: 2rem;
}
.quote .quote__row .quote__person--photo .quote__img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.quote .quote__row .quote__text p {
  margin: 0 !important;
  font-family: "Source Serif Pro" !important;
  font-weight: 400 !important;
  font-size: 1.125em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.08em !important;
  color: #0F014DBD !important;
  font-style: italic;
}
.quote .quote__row .page-subheading-blue {
  margin-top: 0.5rem;
}
.quote .quote__cta {
  margin-top: 1rem;
}
.quote .quote__cta a {
  width: 7.5rem;
}
@media only screen and (max-width: 768px) {
  .quote .quote__cta a {
    width: 100%;
  }
}
/* Shell */
.ticker--step {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.ticker {
  --ticker-gap: 2rem;
  padding: 1rem 4rem;
  background: #0F014D;
  color: #EFE4D1;
  /* Viewport/track */
}
.ticker .ticker__viewport {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  /* Take full width available */
  display: flex;
  justify-content: center;
  /* Center the track horizontally */
}
.ticker .ticker__viewport .ticker__track {
  display: flex;
  gap: var(--ticker-gap, 2rem);
  margin: 0;
  padding: 0;
  list-style: none;
  will-change: transform;
  width: 100%;
  /* Take full viewport width */
  justify-content: center;
  /* Center items horizontally */
  align-items: center;
  /* Center items vertically */
  /* Items */
}
.ticker .ticker__viewport .ticker__track .ticker__item {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  /* Each item takes full viewport width */
  max-width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  position: absolute;
  /* Position items absolutely to stack them */
  left: 0;
  top: 0;
  /* Allow text to wrap */
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* Style for non-linked items */
}
.ticker .ticker__viewport .ticker__track .ticker__item.ticker__item--active {
  opacity: 1;
  visibility: visible;
  position: relative;
  /* Active item uses normal flow */
}
.ticker .ticker__viewport .ticker__track .ticker__item .ticker__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  width: 100%;
  max-width: 100%;
  /* Allow text to wrap */
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* Ensure flex items can wrap */
  flex-wrap: wrap;
  text-decoration: none;
  color: inherit;
}
.ticker .ticker__viewport .ticker__track .ticker__item .ticker__link:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.ticker .ticker__viewport .ticker__track .ticker__item .ticker__link .ticker__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  width: auto;
  max-width: 100%;
  /* Allow text to wrap */
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* Ensure flex items can wrap */
  flex-wrap: wrap;
  line-height: 1.4;
}
.ticker .ticker__viewport .ticker__track .ticker__item .ticker__link .ticker__icon {
  display: block;
  height: 1em;
  width: auto;
  flex-shrink: 0;
}
.ticker .ticker__viewport .ticker__track .ticker__item .ticker__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  width: auto;
  max-width: 100%;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex-wrap: wrap;
  line-height: 1.4;
}
/* Pause while user hovers/focuses */
.ticker--paused .ticker__track {
  animation-play-state: paused !important;
}
/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .ticker__track {
    transition: none !important;
  }
}
@media (max-width: 768px) {
  .ticker {
    padding: 1rem 2rem;
    /* Reduce padding on mobile */
  }
  .ticker__item {
    padding: 0 0.5rem;
    /* Reduce padding on mobile */
  }
  .ticker__link,
  .ticker__text {
    flex-direction: column;
    gap: 0.25rem;
  }
}
/* Parent */
.lpd-block {
  margin-block: 2rem;
}
.lpd-block__heading {
  margin: 0 0 0.5rem 0;
}
.lpd-block__intro {
  margin: 0 0 1rem 0;
}
.lpd-sections {
  display: grid;
  gap: 1.25rem;
}
/* Section card */
.lpd-section {
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 0.75rem;
  background: var(--surface, #fff);
  padding: 1rem;
  display: grid;
  gap: 0.75rem;
}
.lpd-section__title {
  margin: 0;
  font-size: 1.25rem;
}
.lpd-section__intro {
  margin-top: 0.25rem;
}
.lpd-section__footer {
  margin-top: 0.25rem;
}
/* Variants (hook for future styling) */
/* Sub-card grid */
.lpd-subgrid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
/* Sub-card */
.lpd-subcard__article {
  position: relative;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 0.75rem;
  background: var(--surface, #fff);
  padding: 1rem;
  display: grid;
  gap: 0.5rem;
}
.lpd-subcard__icon {
  width: 2.25rem;
  height: 2.25rem;
  display: block;
}
.lpd-subcard__badge {
  font-size: 0.75rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background: #eef2ff;
  width: fit-content;
}
.lpd-subcard__title {
  margin: 0;
  font-size: 1.0625rem;
}
.lpd-subcard__body {
  margin: 0;
}
/* Clickable overlay to keep body HTML valid (no nested <a>) */
.lpd-subcard__link-overlay {
  position: absolute;
  inset: 0;
  /* top/right/bottom/left: 0 */
  text-indent: -9999px;
  /* hide text if any */
  overflow: hidden;
}
.lpd-subcard__link-overlay:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.techhub-block {
  margin-block: 2rem;
}
.techhub-heading {
  margin: 0 0 0.5rem 0;
}
.techhub-intro {
  margin: 0 0 1rem 0;
}
.techhub-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.techhub-card {
  display: block;
}
.techhub-article {
  display: grid;
  gap: 0.5rem;
  grid-template-rows: auto auto auto 1fr auto;
  padding: 1rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 0.75rem;
  background: var(--surface, #fff);
}
.thumb-link {
  display: block;
}
.thumb {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}
.item-title {
  font-size: 1.125rem;
  margin: 0;
}
.item-title a {
  text-decoration: none;
}
.item-title a:focus,
.item-title a:hover {
  text-decoration: underline;
}
.item-meta {
  font-size: 0.875rem;
  color: var(--muted, #6b7280);
  margin: 0;
}
.item-summary {
  margin: 0;
}
.item-cta {
  margin-top: 0.5rem;
}
.techhub-footer {
  margin-top: 1rem;
  text-align: center;
}
.services-solicitors-block {
  margin-block: 2rem;
}
.services-solicitors-block .block-heading {
  margin: 0 0 0.5rem 0;
}
.services-solicitors-block .block-intro {
  margin: 0 0 1rem 0;
}
.sfs-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.sfs-col {
  padding: 0.5rem;
}
.sfs-col-heading {
  margin: 0 0 0.25rem 0;
  font-size: 1.125rem;
}
.sfs-col-desc {
  margin: 0 0 0.5rem 0;
}
.sfs-list {
  margin: 0;
  padding-left: 1.25rem;
}
.sfs-item {
  margin: 0.25rem 0;
}
.sfs-item-title {
  font-weight: 600;
}
.sfs-item-desc {
  color: var(--muted, #4b5563);
}
.sfs-item-link a {
  margin-left: 0.25rem;
}
.block-footer {
  text-align: center;
  margin-top: 1rem;
}
.gazette-news-block {
  margin-block: 2rem;
}
.gazette-news-block .block-heading {
  margin: 0 0 0.5rem 0;
}
.gazette-news-block .block-intro {
  margin: 0 0 1rem 0;
}
.gazette-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
}
.gazette-item {
  display: block;
}
.gazette-article {
  padding: 1rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 0.75rem;
  background: var(--surface, #fff);
}
.gazette-row {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.gazette-badge {
  font-size: 0.75rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  background: #eef2ff;
}
.gazette-title {
  margin: 0;
  font-size: 1.125rem;
}
.gazette-title a {
  text-decoration: none;
}
.gazette-title a:focus,
.gazette-title a:hover {
  text-decoration: underline;
}
.gazette-meta {
  margin: 0.25rem 0 0 0;
  font-size: 0.875rem;
  color: var(--muted, #6b7280);
}
.gazette-summary {
  margin: 0.5rem 0 0 0;
}
.gazette-cta {
  margin-top: 0.5rem;
}
.block-footer {
  margin-top: 1rem;
  text-align: center;
}
.footer--section {
  padding: 4rem 1rem;
  background-color: #0F014D;
  text-align: left;
}
.footer--section .site-footer {
  max-width: 80em;
  margin: 0 auto;
  /* Columns */
  /* Under row */
}
.footer--section .site-footer .footer-columns {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.footer--section .site-footer .footer-columns .footer-col h3,
.footer--section .site-footer .footer-columns .footer-col p {
  color: #FDFDFB;
}
.footer--section .site-footer .footer-columns .footer-col .footer-col__body {
  margin: 0 0 0.5rem 0;
}
.footer--section .site-footer .footer-columns .footer-col .footer-col__body p {
  color: #FDFDFB !important;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media only screen and (max-width: 1024px) {
  .footer--section .site-footer .footer-columns .footer-col .footer-col__body {
    width: 50%;
  }
}
@media only screen and (max-width: 616px) {
  .footer--section .site-footer .footer-columns .footer-col .footer-col__body img {
    width: 100%;
    object-fit: contain;
  }
}
.footer--section .site-footer .footer-columns .footer-col .footer-col__heading {
  margin: 0 0 1em 0 !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
.footer--section .site-footer .footer-columns .footer-col .footer-col__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer--section .site-footer .footer-columns .footer-col .footer-col__list .footer-linkitem {
  margin: 0.5em 0;
}
.footer--section .site-footer .footer-columns .footer-col .footer-col__list .footer-linkitem .footer-linkitem__a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.footer--section .site-footer .footer-columns .footer-col .footer-col__list .footer-linkitem .footer-linkitem__a .footer-linkitem__icon {
  height: auto;
}
.footer--section .site-footer .footer-columns .footer-col:first-of-type .footer-col__heading {
  color: #D8BB8B;
}
.footer--section .site-footer .footer-under {
  display: flex;
  justify-content: space-between;
  color: #FDFDFB;
  border-top: 1px solid #D8BB8B;
  margin-top: 4rem;
  padding-top: 4rem;
  /* Legal (middle row) */
  /* Social (bottom row) */
}
@media only screen and (max-width: 616px) {
  .footer--section .site-footer .footer-under {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer--section .site-footer .footer-under .footer-social,
  .footer--section .site-footer .footer-under .footer-legal {
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  .footer--section .site-footer .footer-under .footer-brandrow {
    margin-top: 1rem;
  }
  .footer--section .site-footer .footer-under .footer-legal__item,
  .footer--section .site-footer .footer-under .footer-social__item {
    margin: 0.25rem 0.5rem;
  }
  .footer--section .site-footer .footer-under .footer-legal__item a:focus,
  .footer--section .site-footer .footer-under .footer-social__item a:focus {
    opacity: 0.74;
  }
}
.footer--section .site-footer .footer-under .footer-legal {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .footer--section .site-footer .footer-under .footer-legal {
    display: flex;
    flex-direction: column;
  }
}
.footer--section .site-footer .footer-under .footer-social {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer--section .site-footer .footer-under .footer-social a.footer-social__a {
  opacity: 0.74;
}
.footer--section .site-footer .footer-under .footer-social a.footer-social__a:hover {
  opacity: 1;
}
.footer--section .site-footer .footer-under .footer-social a.footer-social__a:focus,
.footer--section .site-footer .footer-under .footer-social a.footer-social__a:active {
  opacity: 0.74;
}
.footer--section .site-footer .footer-under .footer-social a.footer-social__a .footer-social__icon {
  width: 24px;
  height: 24px;
  display: block;
}
.footer--section .site-footer .footer-under .footer-brandrow .footer-copyright {
  color: #FDFDFB !important;
}
@media only screen and (max-width: 1024px) {
  .footer--section .site-footer {
    position: relative;
  }
  .footer--section .site-footer .footer-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    align-items: start;
    margin-bottom: 2rem;
  }
  .footer--section .site-footer .footer-columns .footer-col:first-child {
    grid-column: 1 / 4;
    grid-row: 1;
  }
  .footer--section .site-footer .footer-columns .footer-col:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .footer--section .site-footer .footer-columns .footer-col:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
  .footer--section .site-footer .footer-columns .footer-col:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
  }
  .footer--section .site-footer .footer-under .footer-social {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 616px) {
  .footer--section .site-footer {
    position: static;
  }
  .footer--section .site-footer .footer-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin: 1rem;
  }
  .footer--section .site-footer .footer-columns .footer-col:first-child,
  .footer--section .site-footer .footer-columns .footer-col:nth-child(2),
  .footer--section .site-footer .footer-columns .footer-col:nth-child(3),
  .footer--section .site-footer .footer-columns .footer-col:nth-child(4) {
    grid-column: auto;
    grid-row: auto;
  }
  .footer--section .site-footer .footer-under {
    gap: 2rem;
  }
  .footer--section .site-footer .footer-under .footer-social {
    position: static;
  }
}
.gallery-block {
  margin: 1.25rem 0;
}
.gallery-block .gallery-block__heading {
  margin: 0 0 1rem;
}
.gallery-block .gallery-block__intro {
  margin: 0 0 1rem;
}
.gallery-block .gallery-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media only screen and (max-width: 768px) {
  .gallery-block .gallery-grid {
    display: block;
  }
}
.gallery-block .gallery-grid .gallery-grid__item {
  position: relative;
}
.gallery-block .gallery-grid .gallery-grid__item .gallery-thumb {
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.gallery-block .gallery-grid .gallery-grid__item .gallery-thumb:focus,
.gallery-block .gallery-grid .gallery-grid__item .gallery-thumb:hover {
  transform: scale(1.02);
}
.gallery-block .gallery-grid .gallery-grid__item .gallery-thumb img {
  border-radius: 8px;
  width: 100%;
  height: 15rem;
  object-fit: cover;
}
.gallery-block .gallery-grid .gallery-grid__item .gallery-thumb__caption {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1023px) {
  .gallery-block .gallery-grid .gallery-grid__item .gallery-thumb__caption {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1279px) {
  .gallery-block .gallery-grid .gallery-grid__item .gallery-thumb__caption {
    margin-bottom: 3.5rem;
  }
}
.gallery-thumb:focus,
.gallery-modal__close:focus,
.gallery-modal__prev:focus,
.gallery-modal__next:focus {
  outline: 2px solid #0F014D99;
  outline-offset: 2px;
}
.gallery-thumb:focus:not(:focus-visible),
.gallery-modal__close:focus:not(:focus-visible),
.gallery-modal__prev:focus:not(:focus-visible),
.gallery-modal__next:focus:not(:focus-visible) {
  outline: none;
}
.gallery-thumb:focus-visible,
.gallery-modal__close:focus-visible,
.gallery-modal__prev:focus-visible,
.gallery-modal__next:focus-visible {
  outline: 2px solid #0F014D99;
  outline-offset: 2px;
}
/* Modal */
.gallery-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  /* Rest of your existing styles remain the same */
}
.gallery-modal button:not([disabled]) {
  cursor: pointer;
}
.gallery-modal button:not([disabled]):hover {
  opacity: 0.8;
}
.gallery-modal button:not([disabled]):disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.gallery-modal[hidden] {
  display: none !important;
}
.gallery-modal .gallery-modal__backdrop {
  position: absolute;
  inset: 0;
  background: #0F014D99;
}
.gallery-modal .gallery-modal__dialog {
  position: relative;
  background: #FDFDFB;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(15, 1, 77, 0.16);
  overflow: auto;
  /* Change to auto for better scrolling */
  max-width: 1280px;
  /* Use max-width instead of fixed width */
  max-height: 100vh;
  padding: 2rem 1rem 2rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .gallery-modal .gallery-modal__dialog {
    display: block;
  }
}
.gallery-modal .gallery-modal__header {
  display: flex;
  align-items: baseline;
  justify-content: center;
  position: relative;
  /* The fake left space */
}
.gallery-modal .gallery-modal__header .gallery-modal__title {
  margin: 0;
  flex: 1;
  text-align: center;
}
.gallery-modal .gallery-modal__header .gallery-modal__spacer {
  width: 40px;
  /* same width as the close button */
  height: 40px;
  flex-shrink: 0;
  /* stays empty but occupies equal space */
}
.gallery-modal .gallery-modal__header .gallery-modal__close {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: none;
  border: none;
  color: #0F014D99;
  cursor: pointer;
  line-height: 1;
}
.gallery-modal .gallery-modal__header .gallery-modal__close .material-symbols-outlined {
  font-size: 1.5rem;
}
.gallery-modal .gallery-modal__tagline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.gallery-modal .gallery-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  /* optional spacing */
}
.gallery-modal .gallery-modal__content .gallery-modal__prev,
.gallery-modal .gallery-modal__content .gallery-modal__next {
  background: #FDFDFB;
  color: #0F014D99;
  border: 0;
  cursor: pointer;
  flex: 0 0 auto;
  /* do NOT stretch */
  padding: 0;
}
.gallery-modal .gallery-modal__content .gallery-modal__prev .material-symbols-outlined,
.gallery-modal .gallery-modal__content .gallery-modal__next .material-symbols-outlined {
  font-size: 2rem;
}
@media only screen and (max-width: 768px) {
  .gallery-modal .gallery-modal__content .gallery-modal__prev,
  .gallery-modal .gallery-modal__content .gallery-modal__next {
    flex: 0 0 auto;
    align-self: center;
  }
}
.gallery-modal .gallery-modal__content .gallery-modal__prev:disabled,
.gallery-modal .gallery-modal__content .gallery-modal__next:disabled {
  opacity: 0.4;
  cursor: default;
}
.gallery-modal .gallery-modal__content .gallery-modal__figure {
  flex: 1;
  /* take all available space between chevrons */
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 100%;
  width: 95vh;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .gallery-modal .gallery-modal__content .gallery-modal__figure {
    flex: 1 1 auto;
  }
}
.gallery-modal .gallery-modal__content .gallery-modal__figure img {
  max-width: 100%;
  max-height: 100%;
  width: 40vh;
  /* keep natural aspect ratio */
  height: 100%;
  /* keep natural aspect ratio */
  object-fit: contain;
  border-radius: 8px;
}
@media only screen and (max-width: 768px) {
  .gallery-modal .gallery-modal__content .gallery-modal__figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.gallery-modal .gallery-modal__footer {
  display: flex;
  justify-content: center;
}
.linklistblock {
  background-color: unset;
  color: unset;
  justify-items: anchor-center;
  padding: 1rem;
  margin: 4rem 0;
}
@media only screen and (max-width: 768px) {
  .linklistblock {
    margin: 2rem 0;
  }
}
.linklistblock .tlist\@wrapperMod {
  display: flex;
  gap: 1rem;
  width: 100%;
  justify-content: space-evenly;
  align-items: anchor-center;
}
@media only screen and (max-width: 768px) {
  .linklistblock .tlist\@wrapperMod {
    flex-direction: column-reverse;
  }
}
.linklistblock .tlist\@wrapperMod .tlist-links {
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .linklistblock .tlist\@wrapperMod .tlist-links {
    width: 100%;
  }
}
.linklistblock .tlist\@wrapperMod .tlist-links .mainlist {
  border-top: 1px solid #EFE4D1;
  padding-top: 4rem;
  margin-top: 4rem;
}
.linklistblock .tlist\@wrapperMod .tlist-links .mainlist ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.linklistblock .tlist\@wrapperMod .tlist-links .mainlist ul li {
  flex: 1 1 calc(50% - 1rem);
}
@media only screen and (max-width: 768px) {
  .linklistblock .tlist\@wrapperMod .tlist-links .mainlist ul li {
    flex: 1 1 calc(50% - 1rem);
    flex: 1 calc(100%);
  }
}
.linklistblock .tlist\@wrapperMod .listimg {
  flex: 1;
}
.linklistblock .tlist\@wrapperMod .listimg img {
  width: 26rem;
  float: right;
}
@media only screen and (max-width: 768px) {
  .linklistblock .tlist\@wrapperMod .listimg img {
    width: 100%;
    float: none;
  }
}
/* Base popover container */
.search-suggest-popover {
  position: relative;
}
.search-wrapper {
  position: relative;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.search-input-field {
  min-width: -webkit-fill-available;
}
/* Suggestion list container */
.search-suggest-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  background: #FDFDFB;
  border: 1px solid #0F014D3D;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: absolute;
  width: 43.75rem;
  position: relative;
  z-index: 1000;
}
@media only screen and (max-width: 768px) {
  .search-suggest-list {
    width: 100%;
  }
}
.search-suggest-list li {
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: background 0.2s ease;
  font-weight: 700;
  font-size: 1rem;
}
.search-suggest-list li:hover {
  background: #F8F5EF;
}
.search-suggest-list li:focus,
.search-suggest-list li:active,
.search-suggest-list li[aria-selected="true"] {
  background: #EFE4D1;
  outline: none;
}
.search-suggest-list .search-suggest-viewall {
  text-align: center;
  font-weight: 400;
  border-top: 1px solid #EFE4D1;
}
.formblock table td {
  /* padding: 0px 0px 18px 0px; */
}
/*This nesting is needed because there is only 1 id available in the cms page - id_matrix 
 No fix available for the Confirm checkbox due to limitations of x forms
 TODO: Remove this code when x forms are gone
*/
.formblock table td {
  display: block;
  padding: 0 0.25em 0 0;
}
.formblock #id_matrix tbody {
  display: flex;
  flex-direction: column;
}
.formblock #id_matrix tbody tr {
  width: 31em;
  padding: 0;
}
.formblock #id_matrix tbody tr td {
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 576px) {
  .formblock #id_matrix tbody tr {
    width: 80%;
  }
}
.formblock #id_matrix tbody tr:nth-child(2n) {
  margin-bottom: 2em;
}
.formblock #id_matrix span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.4px !important;
  line-height: 1.1875rem !important;
  color: #0B0039 !important;
  line-height: 28.8px;
  /* 180% */
}
.block.formblock.span12 {
  margin-left: 3rem;
  margin-top: -3rem;
}
.block.formblock.span12 label {
  font-weight: 600;
}
.block.formblock.span12 table#id_matrix fieldset {
  display: inline-flex;
  flex-direction: column;
}
.block.formblock.span12 table#id_matrix fieldset legend {
  font-weight: 600;
  margin-bottom: 1rem;
}
.block.formblock.span12 table#id_matrix fieldset label {
  font-weight: 400;
  color: #0F014DBD;
}
.block.formblock.span12 textarea::-webkit-input-placeholder {
  content: 'Please provide your comments';
}
.formblock #id_matrix span.control-label {
  font-weight: 400 !important;
}
.main-content .formblock table input.btn.btn-primary {
  float: right;
}
.main-content .related-content .block.formblock.span12 {
  margin-left: 0rem;
}
.main-content .formblock table input.btn.btn-primary {
  float: right;
}
.related-content .block.formblock.span12 {
  margin-left: 2rem;
}
.related-content .block.formblock.span12 label {
  font-weight: 600;
}
.related-content .block.formblock.span12 table#id_matrix fieldset {
  display: inline-flex;
  flex-direction: column;
}
.related-content .block.formblock.span12 table#id_matrix fieldset legend {
  font-weight: 600;
  margin-bottom: 1rem;
}
.related-content .block.formblock.span12 table#id_matrix fieldset label {
  font-weight: 400;
  color: #0F014DBD;
}
@media only screen and (max-width: 768px) {
  .col9 .editorialblock2 .main-content,
  .col9 .editorialsectionblockmodel .main-content {
    padding: 0em 0em;
  }
}
.container--editorialblock {
  max-width: 1280px;
  margin: 0 auto;
}
.editorialblock2,
.editorialsectionblockmodel {
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .editorialblock2,
  .editorialsectionblockmodel {
    display: contents !important;
  }
}
.editorialblock2 .main-content,
.editorialsectionblockmodel .main-content {
  padding: 1rem;
}
.editorialblock2 .main-content a,
.editorialsectionblockmodel .main-content a {
  color: #0F014DBD;
  text-decoration: underline;
  font-family: 'Manrope';
}
.editorialblock2 h1,
.editorialsectionblockmodel h1,
.editorialblock2 h2,
.editorialsectionblockmodel h2 {
  margin-top: 1rem;
}
.editorialblock2 p,
.editorialsectionblockmodel p {
  margin-top: 0;
  margin-bottom: 2rem;
}
.editorialblock2 .wysywyg-content-section p,
.editorialsectionblockmodel .wysywyg-content-section p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.editorialblock2 img,
.editorialsectionblockmodel img {
  margin-top: 0em !important;
  height: 12em;
  width: -webkit-fill-available;
  width: -moz-available;
  object-fit: cover;
  transition: all 0.5s ease;
}
.editorialblock2 img:hover,
.editorialsectionblockmodel img:hover {
  transform: scale(1.5);
}
@media only screen and (max-width: 768px) {
  .editorialblock2 img img,
  .editorialsectionblockmodel img img {
    width: 100%;
    height: 12em !important;
    padding-right: 0;
  }
}
.editorialblock2 .img-contain,
.editorialsectionblockmodel .img-contain {
  overflow: hidden;
  /*This keeps the image zoom inside the div*/
}
@media only screen and (max-width: 360px) {
  .editorialblock2 .img-contain,
  .editorialsectionblockmodel .img-contain {
    margin: 0 -1rem;
  }
}
.editorialblock2 .img-contain.remove-link img:hover,
.editorialsectionblockmodel .img-contain.remove-link img:hover {
  transform: none;
}
.editorialblock2 a,
.editorialsectionblockmodel a {
  color: #0F014DBD;
  min-height: 3em;
}
.editorialblock2 a i.material-icons,
.editorialsectionblockmodel a i.material-icons {
  position: absolute;
}
.editorialblock2 a:hover,
.editorialsectionblockmodel a:hover {
  opacity: 0.5;
}
.editorialsectionblockmodel {
  display: flex;
  width: 100% !important;
  margin: 0 auto !important;
  max-width: 1280px;
}
.editorialsectionblockmodel .column-split {
  flex: 1;
  min-width: 0;
}
/*NEW EDITORIAL BLOCK*/
.editorial-section {
  padding: 3rem 0;
}
.editorial-section .container {
  background-color: inherit;
  max-width: 1280px !important;
  margin: 0 auto;
}
.editorial-section .container .editorial-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .editorial-section .container .editorial-grid {
    display: flex;
    flex-flow: column;
  }
}
.editorial-section .container .editorial-grid .editorial-card {
  border-radius: 0.5rem;
  padding: 1.25rem;
  height: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.editorial-section .container .editorial-grid .editorial-card .editorial-media img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
  display: block;
  margin-bottom: 0.75rem;
}
.editorial-section .container .editorial-grid .editorial-card .editorial-body {
  margin: 0.25rem 0 1rem;
}
.editorial-section .container .editorial-grid .editorial-card .editorial-cta .btn {
  display: inline-block;
  text-decoration: none;
  border-radius: 0.5rem;
  padding: 0.6rem 1rem;
  font-weight: 700;
}
.editorial-section .container .editorial-grid .editorial-card .editorial-cta a {
  display: flex;
  align-items: anchor-center;
}
/*Article block*/
.article--fullwidth {
  background: #0F014D;
  color: #FDFDFB;
  padding: 2em 0em;
}
@media only screen and (max-width: 1280px) {
  .article--fullwidth {
    padding: 2em 0em;
  }
}
@media only screen and (max-width: 576px) {
  .article--fullwidth {
    padding: 0em;
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .article--fullwidth .base {
    padding: 0em;
  }
}
.article--fullwidth .article--center {
  align-items: center;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.article--fullwidth .article--center h3 {
  color: #FDFDFB;
}
.article--fullwidth .article--center p {
  color: #FDFDFB !important;
}
.article--fullwidth .article--center .article--col1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 54.4%;
  flex: 0 0 54.4%;
  padding: 0 4rem 0 0.5rem;
}
@media only screen and (max-width: 768px) {
  .article--fullwidth .article--center .article--col1 {
    flex: 100%;
    padding: 0 0 4rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .article--fullwidth .article--center .article--col1 {
    padding: 0em 0em 2rem 0em;
  }
}
.article--fullwidth .article--center .article--col1 .article--image {
  padding-top: 76%;
  background-size: cover;
}
.article--fullwidth .article--center .article--col2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45.6%;
  flex: 0 0 45.6%;
}
@media only screen and (max-width: 768px) {
  .article--fullwidth .article--center .article--col2 {
    flex: 100%;
    padding: 0em;
  }
}
@media only screen and (max-width: 576px) {
  .article--fullwidth .article--center .article--col2 {
    padding: 0em 1rem 2rem 1rem;
  }
}
.knowledgelistblock div.block-wrapper {
  width: -webkit-fill-available;
  width: -moz-available;
  padding: 0em;
  border-bottom: 0.5px solid #FDFDFB;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.knowledgelistblock div.block-wrapper:last-child {
  border-bottom: 0;
}
.knowledgelistblock .block-preview {
  position: relative;
}
.knowledgelistblock .block-preview h3 {
  margin-top: 0em;
}
.knowledgelistblock .block-preview h3 a {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.728125rem !important;
  letter-spacing: 0.009375em !important;
  line-height: 1.4rem !important;
  color: #0F014D !important;
  text-decoration: none;
}
.knowledgelistblock .block-preview h3 a:hover {
  opacity: 0.5;
}
.knowledgelistblock .block-btn {
  text-align: center;
}
.knowledgelistblock span {
  margin-bottom: 1rem;
  display: inline-block;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.009375em !important;
  line-height: 1.813em !important;
  color: #0F014D !important;
  text-transform: uppercase;
}
.knowledgelistblock span.date {
  text-transform: uppercase;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 0.834rem !important;
  letter-spacing: 0.0313em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 576px) {
  .knowledgelistblock span.date {
    position: unset;
    width: auto;
  }
}
/*Services Block*/
.servicesblock {
  background-color: #0F014D;
}
.services-block-base {
  margin: auto;
  position: relative;
  width: 100%;
  max-width: 1280px;
}
.services-block {
  padding: 4em 4em;
  display: grid;
  grid-template-columns: 3fr 3fr 3fr;
  gap: 4em;
}
@media only screen and (max-width: 768px) {
  .services-block {
    display: block;
    padding: 0;
    gap: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .services-block {
    flex-direction: column;
  }
}
.services-block .padding-16 {
  padding: 1em;
}
.services-block .padding-16 .text-block {
  color: #FDFDFB !important;
  padding: 1rem 0 2rem;
}
.services-block h1 {
  background: transparent linear-gradient(to top, #0F014D, #0F014D) no-repeat 0em bottom;
  background-size: 7rem 0.125rem;
  color: #FDFDFB;
  padding: 2rem 0em 1rem 0em;
  margin: 0em;
  line-height: 1em;
}
.services-block a {
  color: #FDFDFB;
  text-decoration: underline;
}
.services-block a:hover {
  color: #FDFDFB;
  opacity: 0.5;
}
.services-block .services--image {
  padding-top: 76%;
  background-size: cover;
}
/*ShowCase BLock*/
.showcaseblock {
  display: flex;
  max-width: 1280px;
  margin: auto;
  padding: 2rem 2rem;
}
@media only screen and (max-width: 1024px) {
  .showcaseblock {
    padding: 1rem;
  }
}
.showcaseblock .switch-text {
  display: none;
}
.showcaseblock .desktop {
  display: block;
}
.showcaseblock .hidden {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .showcaseblock .desktop {
    display: none;
  }
  .showcaseblock .mobile {
    display: block;
  }
}
.showcaseblock .font-body1 {
  font-weight: 400 !important;
}
.showcaseblock .reverse {
  flex-direction: row-reverse;
}
.showcaseblock .showcase--fullwidth .showcase--center {
  display: flex;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .showcaseblock .showcase--fullwidth .showcase--center {
    flex-flow: wrap-reverse;
    gap: 1rem;
  }
}
.showcaseblock .showcase--fullwidth .showcase--center .showcase--col1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.showcaseblock .showcase--fullwidth .showcase--center .showcase--col1 a {
  margin-top: 1rem;
  display: flex;
  align-items: anchor-center;
  gap: 0px;
}
@media only screen and (max-width: 768px) {
  .showcaseblock .showcase--fullwidth .showcase--center .showcase--col1 {
    flex: 100%;
  }
}
.showcaseblock .showcase--fullwidth .showcase--center .showcase--col2 {
  flex: 1;
}
.showcaseblock .showcase--fullwidth .showcase--center .showcase--col2 img {
  object-fit: contain;
  width: 100%;
  border-radius: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .showcaseblock .showcase--fullwidth .showcase--center .showcase--col2 {
    flex: 100%;
    justify-content: center;
  }
}
.quote-block p {
  color: #8D5C12;
}
.quote-block h5 {
  font-family: 'Archivo' !important;
  font-weight: normal !important;
  font-size: 1.536rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.063rem !important;
  color: #0F014D !important;
  margin-bottom: 2em;
}
/*Intranet Blocks*/
.intranet-blocks {
  display: inline-block;
  width: 100%;
}
.intranet-blocks .top-content {
  max-width: 1280px;
  margin: 0 auto;
}
.intranet-blocks .btn {
  display: none;
}
.wasthishelpfulblock {
  background: #0F014D;
  color: #FDFDFB;
}
.was-this-helpful {
  padding: 4em 0em 4em 0em;
  display: flex;
  flex-direction: row;
  grid-gap: 2em;
  margin: auto;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .was-this-helpful {
    padding: 2em;
  }
}
@media only screen and (max-width: 576px) {
  .was-this-helpful {
    flex-direction: column;
    padding: 2em 1em 2em 1em;
  }
}
.was-this-helpful h2 {
  color: #FDFDFB;
}
.was-this-helpful .btn-div-wrap {
  display: flex;
  flex-direction: row;
  gap: 2em;
  align-items: center;
}
.linktableblock {
  clear: both;
}
.linktableblock .lt-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1rem;
}
.linktableblock .lt-wrap li.lt-item {
  line-height: 2rem;
}
/*Link Table Block*/
.LinkTable--block {
  padding: 2em 0em;
}
.LinkTable--block p {
  padding-bottom: 2em;
}
.LinkTable--block ul {
  display: grid;
  gap: 2em;
  grid-template-columns: repeat(3, 1fr);
}
.LinkTable--block ul li {
  display: flex;
  align-items: center;
  border-bottom: 0.003em solid #FCFAF7;
  padding-bottom: 1rem;
}
.LinkTable--block ul li a {
  text-decoration: underline;
  color: #0F014D;
}
.LinkTable--block ul li a:hover {
  opacity: 0.5;
}
.LinkTable--block ul li i {
  color: #0F014D;
}
@media only screen and (max-width: 768px) {
  .LinkTable--block ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .LinkTable--block {
    padding: 1em 0em;
  }
}
@media only screen and (max-width: 576px) {
  .LinkTable--block {
    padding: 1em;
  }
}
.full.block.pagelistimageblock {
  background-color: #FDFDFB;
}
.full.block.pagelistimageblock .newsblock {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (max-width: 1024px) {
  .full.block.pagelistimageblock .newsblock {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 576px) {
  .full.block.pagelistimageblock .newsblock {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.pagelistimageblock {
  padding: 1rem;
  max-width: 1280px;
  margin: 0 auto;
  /*-----End of NewsBlock class----*/
}
.pagelistimageblock .data h3 {
  padding: 0 1rem;
}
.pagelistimageblock .mainlist {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .pagelistimageblock .mainlist {
    flex-direction: column;
  }
}
.pagelistimageblock .mainlist .contain {
  width: 100%;
}
.pagelistimageblock .mainlist .contain .thumb a img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .pagelistimageblock .mainlist .contain .thumb a img {
    width: 100%;
  }
}
.pagelistimageblock .mainlist .contain .thumb div {
  padding: 0 1rem;
}
.pagelistimageblock .mainlist .contain p {
  width: 100%;
  padding: 0rem 1rem;
}
.pagelistimageblock .newsblock {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 576px) {
  .pagelistimageblock .newsblock {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.pagelistimageblock .newsblock h4:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 992px) {
  .pagelistimageblock .newsblock.contain {
    padding-right: 0rem;
    width: 100%;
    margin: 0 auto;
  }
}
.pagelistimageblock .newsblock .viewmore {
  display: flex;
  justify-content: center;
}
.pagelistimageblock .newsblock .mainlist {
  display: grid;
  gap: 4em;
  grid-template-columns: 3fr 3fr 3fr;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .pagelistimageblock .newsblock .mainlist {
    display: block;
  }
  .pagelistimageblock .newsblock .mainlist .contain {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1280px) {
  .pagelistimageblock .newsblock .mainlist {
    gap: 2rem;
  }
}
.pagelistimageblock .newsblock .mainlist .mob-content {
  display: none;
}
.pagelistimageblock .newsblock .mainlist .showdate {
  display: none;
}
.pagelistimageblock .newsblock .mainlist .content .textlink {
  color: #0F014D;
  text-decoration: underline;
}
.pagelistimageblock .newsblock .mainlist .content .textlink:hover {
  color: #0F014DBD;
  opacity: 0.5;
}
.pagelistimageblock .newsblock .mainlist .content .textlink i.material-icons {
  position: absolute;
}
.pagelistimageblock .newsblock .mainlist .thumb {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em;
}
.pagelistimageblock .newsblock .mainlist .thumb div {
  overflow: hidden;
  /*This keeps the image zoom inside the div*/
}
.pagelistimageblock .newsblock .mainlist .thumb span {
  font-family: 'Archivo' !important;
  font-weight: normal !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1em !important;
  color: #0F014DBD !important;
  margin: 0em;
}
.pagelistimageblock .newsblock .mainlist .thumb h3 {
  margin: 1em 0em 0.5em 0em;
  border-bottom: 1px solid #FDFDFB;
  padding-bottom: 1em;
}
@media only screen and (max-width: 360px) {
  .pagelistimageblock .newsblock .mainlist .thumb .img-contain {
    margin: 0 -1rem;
  }
}
.pagelistimageblock .newsblock .mainlist .thumb img {
  margin-top: 0em !important;
  height: 12em;
  width: -webkit-fill-available;
  width: -moz-available;
  object-fit: cover;
  transition: all 0.5s ease;
}
.pagelistimageblock .newsblock .mainlist .thumb img:hover {
  transform: scale(1.5);
}
@media only screen and (max-width: 768px) {
  .pagelistimageblock .newsblock .mainlist .thumb img img {
    width: 100%;
    height: 12em !important;
    padding-right: 0;
  }
}
.WYSIWYG-style a {
  text-decoration: underline;
  color: #0F014D;
}
.WYSIWYG-style a:hover {
  opacity: 0.5;
}
.new-find-block {
  padding: 2rem;
}
@media only screen and (max-width: 768px) {
  .new-find-block {
    padding: 2rem 1rem;
  }
}
.new-find-block .base {
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 8px;
  background: #FDFDFB;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  padding: 1rem;
}
.new-find-block .base h2#findSolicitorHeading {
  text-align: center;
}
.new-find-block .base p {
  text-align: center;
  font-size: 1.42375rem !important;
  margin: 1rem 0 2rem 0 !important;
}
.new-find-block .base form.section__search {
  justify-self: anchor-center;
  text-align-last: center;
  width: 100%;
}
.new-find-block .base .search__row[role="radiogroup"] {
  /* flex-wrap: wrap; */
  display: flex;
  gap: 2rem;
  /* flex-direction: row; */
  /* flex-wrap: wrap; */
  justify-content: center;
  margin: 1rem;
  margin: 0 auto;
  margin-bottom: 1rem;
  /* align-content: space-around; */
}
.new-find-block .base input#SearchKeyWord {
  width: 700px;
  justify-items: left;
}
@media only screen and (max-width: 768px) {
  .new-find-block .base input#SearchKeyWord {
    width: 100%;
  }
}
.new-find-block .base .search__button {
  border-radius: 4px;
  margin-top: 0.25rem;
  width: 3em;
  height: 3em;
}
@media only screen and (max-width: 768px) {
  .new-find-block .base .search__button {
    height: unset;
    width: 100%;
  }
}
.new-find-block .base .search__button span.search-text {
  display: none;
}
@media only screen and (max-width: 768px) {
  .new-find-block .base .search__button span.search-text {
    display: block;
  }
}
.new-find-block .base .search__row-input {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .new-find-block .base .search__row-input {
    flex-direction: column;
  }
}
.new-find-block .base .search-advanced-link {
  justify-self: center;
  margin-top: 2rem;
}
.new-find-block .base .search-advanced-link a#advancedSearchLink {
  display: flex;
  align-items: anchor-center;
}
.new-find-block .base .search-advanced-link a#advancedSearchLink span {
  color: #0F014D99;
}
.new-find-block fieldset div.search__row {
  display: flex;
  gap: 2rem;
  /* width: 100%; */
  /* ruby-align: center; */
  /* margin: 0 auto; */
}
#sc-block {
  border: 1px solid #F7F3EB;
  border-radius: 8px;
  background-color: #F8F5EF;
  padding: 1em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 20rem;
  max-width: 100%;
}
#sc-block .sc-block {
  width: 100%;
  /* make nested blocks fit parent width */
  box-sizing: border-box;
  /* include padding/border in width calc */
}
#sc-block .sc-block ul li a {
  text-align: left;
}
#sc-block .sc-block__intro {
  padding: 0.5em;
}
#sc-block .sc-block__links-item + .sc-block__links-item {
  margin-top: 0.5rem;
  text-align: left;
}
#sc-block .sc-block__links-item + .sc-block__links-item a {
  text-align: left;
}
[id^="vid-"] {
  max-width: 100%;
}
[id^="vid-"] .lsi-video-embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}
[id^="vid-"] .lsi-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.video-transcript-link {
  margin-top: 1rem;
}
/* =====================================================================
   WYSIWYG / TinyMCE Content Styles
   File: wysiwyg.less
   Scope: apply to both front-end container (.wysiwyg) and TinyMCE body
          (.mce-content-body) so they render identically.
   ===================================================================== */
#wysiwyg-block {
  /*margin-left: 1.25em;*/
  /* =====================================================================
   RTL support
   ===================================================================== */
  /* =====================================================================
   Print styles
   ===================================================================== */
}
#wysiwyg-block .wysiwyg,
#wysiwyg-block .mce-content-body {
  /* =====================================================================
       LISTS — bullets, ordered, nested, custom markers, print-safe
       ===================================================================== */
  /* ===== Custom bullet styles ===== */
}
#wysiwyg-block .wysiwyg h1,
#wysiwyg-block .mce-content-body h1,
#wysiwyg-block .wysiwyg h2,
#wysiwyg-block .mce-content-body h2,
#wysiwyg-block .wysiwyg h3,
#wysiwyg-block .mce-content-body h3,
#wysiwyg-block .wysiwyg h4,
#wysiwyg-block .mce-content-body h4,
#wysiwyg-block .wysiwyg h5,
#wysiwyg-block .mce-content-body h5,
#wysiwyg-block .wysiwyg h6,
#wysiwyg-block .mce-content-body h6 {
  margin: 1.25em 0 0.6em;
  line-height: 1.25;
  font-weight: 700;
}
#wysiwyg-block .wysiwyg p,
#wysiwyg-block .mce-content-body p {
  margin: 0 0 1rem 0;
}
@media only screen and (max-width: 768px) {
  #wysiwyg-block .wysiwyg p,
  #wysiwyg-block .mce-content-body p {
    display: flex;
    flex-direction: column;
  }
}
#wysiwyg-block .wysiwyg a,
#wysiwyg-block .mce-content-body a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
  display: inline-flex;
  line-height: 1rem;
  align-items: anchor-center;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#wysiwyg-block .wysiwyg a:hover,
#wysiwyg-block .mce-content-body a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
#wysiwyg-block .wysiwyg a:focus,
#wysiwyg-block .mce-content-body a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  width: fit-content;
  padding: 2px 2px 2px 4px;
}
#wysiwyg-block .wysiwyg a:active,
#wysiwyg-block .mce-content-body a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  width: fit-content;
  padding: 2px 2px 2px 4px;
}
#wysiwyg-block .wysiwyg img,
#wysiwyg-block .mce-content-body img,
#wysiwyg-block .wysiwyg video,
#wysiwyg-block .mce-content-body video,
#wysiwyg-block .wysiwyg canvas,
#wysiwyg-block .mce-content-body canvas,
#wysiwyg-block .wysiwyg svg,
#wysiwyg-block .mce-content-body svg {
  max-width: 100%;
  height: auto;
}
#wysiwyg-block .wysiwyg figure,
#wysiwyg-block .mce-content-body figure {
  margin: 0 0 1rem 0;
}
#wysiwyg-block .wysiwyg figcaption,
#wysiwyg-block .mce-content-body figcaption {
  color: var(--muted);
  font-size: 0.95em;
  margin-top: 0.35rem;
  text-align: center;
}
#wysiwyg-block .wysiwyg hr,
#wysiwyg-block .mce-content-body hr {
  border: 0;
  border-top: 1px solid var(--border);
  margin: 2rem 0;
}
#wysiwyg-block .wysiwyg blockquote,
#wysiwyg-block .mce-content-body blockquote {
  margin: 1.25rem 0;
  padding: 0.75rem 1rem;
  border-left: 4px solid var(--link);
  background: var(--bg-note);
}
#wysiwyg-block .wysiwyg code,
#wysiwyg-block .mce-content-body code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.95em;
  background: rgba(2, 6, 23, 0.06);
  padding: 0.1em 0.35em;
  border-radius: 0.25rem;
}
#wysiwyg-block .wysiwyg pre,
#wysiwyg-block .mce-content-body pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  background: var(--code-bg);
  color: var(--code-fg);
  border-radius: var(--radius);
  padding: 1rem 1.25rem;
  overflow: auto;
  line-height: 1.5;
  margin: 1.25rem 0;
}
#wysiwyg-block .wysiwyg pre code,
#wysiwyg-block .mce-content-body pre code {
  background: transparent;
  padding: 0;
  color: inherit;
}
#wysiwyg-block .wysiwyg table,
#wysiwyg-block .mce-content-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-variant-numeric: tabular-nums;
}
#wysiwyg-block .wysiwyg th,
#wysiwyg-block .mce-content-body th,
#wysiwyg-block .wysiwyg td,
#wysiwyg-block .mce-content-body td {
  border: 1px solid var(--border);
  padding: 0.6rem 0.75rem;
  vertical-align: top;
}
#wysiwyg-block .wysiwyg thead th,
#wysiwyg-block .mce-content-body thead th {
  background: var(--table-stripe);
  text-align: left;
}
#wysiwyg-block .wysiwyg tbody tr:nth-child(2n),
#wysiwyg-block .mce-content-body tbody tr:nth-child(2n) {
  background: var(--table-stripe);
}
#wysiwyg-block .wysiwyg caption,
#wysiwyg-block .mce-content-body caption {
  caption-side: bottom;
  color: var(--muted);
  font-size: 0.95em;
  text-align: left;
  margin-top: 0.35rem;
}
#wysiwyg-block .wysiwyg ul,
#wysiwyg-block .mce-content-body ul,
#wysiwyg-block .wysiwyg ol,
#wysiwyg-block .mce-content-body ol {
  margin: var(--list-margin-y) 0;
  padding-left: calc(var(--list-indent) + 0.75rem);
  list-style-position: inside;
}
#wysiwyg-block .wysiwyg li,
#wysiwyg-block .mce-content-body li {
  margin: 0 0 var(--list-gap) 0;
}
#wysiwyg-block .wysiwyg li > img:first-child,
#wysiwyg-block .mce-content-body li > img:first-child,
#wysiwyg-block .wysiwyg li > picture:first-child,
#wysiwyg-block .mce-content-body li > picture:first-child,
#wysiwyg-block .wysiwyg li > input:first-child,
#wysiwyg-block .mce-content-body li > input:first-child {
  vertical-align: text-top;
  margin-right: 0.35rem;
}
#wysiwyg-block .wysiwyg li > ul,
#wysiwyg-block .mce-content-body li > ul,
#wysiwyg-block .wysiwyg li > ol,
#wysiwyg-block .mce-content-body li > ol {
  margin-top: calc(var(--list-gap) * 0.5);
  margin-bottom: 0;
}
#wysiwyg-block .wysiwyg ul,
#wysiwyg-block .mce-content-body ul {
  list-style-type: disc;
  margin-left: 1.25rem;
}
#wysiwyg-block .wysiwyg ul ul,
#wysiwyg-block .mce-content-body ul ul {
  list-style-type: circle;
}
#wysiwyg-block .wysiwyg ul ul ul,
#wysiwyg-block .mce-content-body ul ul ul {
  list-style-type: square;
}
#wysiwyg-block .wysiwyg ul li::marker,
#wysiwyg-block .mce-content-body ul li::marker {
  color: var(--list-marker-color);
}
#wysiwyg-block .wysiwyg ol,
#wysiwyg-block .mce-content-body ol {
  list-style-type: decimal;
  margin-left: 1.25rem;
}
#wysiwyg-block .wysiwyg ol ol,
#wysiwyg-block .mce-content-body ol ol {
  list-style-type: lower-alpha;
}
#wysiwyg-block .wysiwyg ol ol ol,
#wysiwyg-block .mce-content-body ol ol ol {
  list-style-type: lower-roman;
}
#wysiwyg-block .wysiwyg ol li::marker,
#wysiwyg-block .mce-content-body ol li::marker {
  color: var(--list-marker-color);
}
#wysiwyg-block .wysiwyg ol[start],
#wysiwyg-block .mce-content-body ol[start] {
  counter-reset: none;
}
#wysiwyg-block .wysiwyg td ul,
#wysiwyg-block .mce-content-body td ul,
#wysiwyg-block .wysiwyg td ol,
#wysiwyg-block .mce-content-body td ol {
  padding-left: 1.1rem;
}
#wysiwyg-block .wysiwyg .list--tight > li,
#wysiwyg-block .mce-content-body .list--tight > li {
  margin-bottom: 0.25rem;
}
#wysiwyg-block .wysiwyg .list--loose > li,
#wysiwyg-block .mce-content-body .list--loose > li {
  margin-bottom: 0.9rem;
}
#wysiwyg-block .wysiwyg .list--check,
#wysiwyg-block .mce-content-body .list--check {
  list-style: none;
  padding-left: calc(var(--list-indent) + 0.25rem);
}
#wysiwyg-block .wysiwyg .list--check > li::marker,
#wysiwyg-block .mce-content-body .list--check > li::marker {
  content: "✓  ";
  color: var(--list-check-color);
  font-weight: 700;
}
#wysiwyg-block .wysiwyg .list--dash,
#wysiwyg-block .mce-content-body .list--dash {
  list-style: none;
  padding-left: calc(var(--list-indent) + 0.25rem);
}
#wysiwyg-block .wysiwyg .list--dash > li::marker,
#wysiwyg-block .mce-content-body .list--dash > li::marker {
  content: "—  ";
  color: var(--list-dash-color);
  font-weight: 600;
}
#wysiwyg-block .wysiwyg .list--icon,
#wysiwyg-block .mce-content-body .list--icon {
  list-style: none;
  padding-left: calc(var(--list-indent) + 0.25rem);
}
#wysiwyg-block .wysiwyg .list--icon > li,
#wysiwyg-block .mce-content-body .list--icon > li {
  position: relative;
}
#wysiwyg-block .wysiwyg .list--icon > li::before,
#wysiwyg-block .mce-content-body .list--icon > li::before {
  content: "";
  position: absolute;
  left: calc(var(--list-indent) * -1 + 0.25rem);
  top: 0.45em;
  width: var(--list-icon-size);
  height: var(--list-icon-size);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><circle cx='8' cy='8' r='6' fill='currentColor'/></svg>");
}
#wysiwyg-block .wysiwyg .list--icon.check > li::before,
#wysiwyg-block .mce-content-body .list--icon.check > li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.5 11.2 3.3 8l-1.1 1.1 4.3 4.3L14 5.9 12.9 4.7z' fill='currentColor'/></svg>");
}
#wysiwyg-block .wysiwyg .list--icon.arrow > li::before,
#wysiwyg-block .mce-content-body .list--icon.arrow > li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5 3l6 5-6 5V3z' fill='currentColor'/></svg>");
}
#wysiwyg-block .wysiwyg .visually-hidden,
#wysiwyg-block .mce-content-body .visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@supports not (content: "✓" / "marker") {
  #wysiwyg-block .wysiwyg .list--check > li,
  #wysiwyg-block .mce-content-body .list--check > li {
    position: relative;
  }
  #wysiwyg-block .wysiwyg .list--check > li::before,
  #wysiwyg-block .mce-content-body .list--check > li::before {
    content: "✓";
    color: var(--list-check-color);
    position: absolute;
    left: calc(var(--list-indent) * -1);
    top: 0;
    line-height: 1.4;
    width: var(--list-indent);
    text-align: right;
    font-weight: 700;
  }
}
@supports not (content: "—" / "marker") {
  #wysiwyg-block .wysiwyg .list--dash > li,
  #wysiwyg-block .mce-content-body .list--dash > li {
    position: relative;
  }
  #wysiwyg-block .wysiwyg .list--dash > li::before,
  #wysiwyg-block .mce-content-body .list--dash > li::before {
    content: "—";
    color: var(--list-dash-color);
    position: absolute;
    left: calc(var(--list-indent) * -1);
    top: 0;
    line-height: 1.4;
    width: var(--list-indent);
    text-align: right;
    font-weight: 600;
  }
}
#wysiwyg-block [dir="rtl"] .wysiwyg ul,
#wysiwyg-block [dir="rtl"] .mce-content-body ul,
#wysiwyg-block [dir="rtl"] .wysiwyg ol,
#wysiwyg-block [dir="rtl"] .mce-content-body ol {
  padding-left: 0;
  padding-right: calc(var(--list-indent) + 0.75rem);
}
#wysiwyg-block [dir="rtl"] .wysiwyg .list--check,
#wysiwyg-block [dir="rtl"] .mce-content-body .list--check,
#wysiwyg-block [dir="rtl"] .wysiwyg .list--dash,
#wysiwyg-block [dir="rtl"] .mce-content-body .list--dash,
#wysiwyg-block [dir="rtl"] .wysiwyg .list--icon,
#wysiwyg-block [dir="rtl"] .mce-content-body .list--icon {
  padding-left: 0;
  padding-right: calc(var(--list-indent) + 0.25rem);
}
#wysiwyg-block [dir="rtl"] .wysiwyg .list--icon > li::before,
#wysiwyg-block [dir="rtl"] .mce-content-body .list--icon > li::before {
  left: auto;
  right: calc(var(--list-indent) * -1 + 0.25rem);
}
#wysiwyg-block [dir="rtl"] .wysiwyg blockquote,
#wysiwyg-block [dir="rtl"] .mce-content-body blockquote {
  border-left: none;
  border-right: 4px solid var(--link);
}
@media print {
  #wysiwyg-block .wysiwyg,
  #wysiwyg-block .mce-content-body {
    color: #000;
  }
  #wysiwyg-block .wysiwyg a,
  #wysiwyg-block .mce-content-body a {
    text-decoration: underline;
  }
  #wysiwyg-block .wysiwyg .list--icon > li::before,
  #wysiwyg-block .mce-content-body .list--icon > li::before {
    content: "•";
    background: none;
    position: static;
    margin-right: 0.4rem;
  }
  #wysiwyg-block .wysiwyg pre,
  #wysiwyg-block .mce-content-body pre {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
#schedule-list-block {
  padding: 0.5rem 0;
}
#schedule-list-block .schedule-list__intro-block {
  margin: 1rem 0 0 0;
}
#schedule-list-block .schedule-list {
  margin: 0;
  padding: 2rem 0 0 0;
  list-style: none;
}
#schedule-list-block .schedule-list .schedule-list__item {
  margin: 0 0 2em;
  padding-left: 2em;
}
#schedule-list-block .schedule-list .schedule-list__item .schedule-list__row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 2em;
  align-items: start;
  padding: 1rem;
  border: 1px solid #F7F3EB;
}
@media only screen and (max-width: 666px) {
  #schedule-list-block .schedule-list .schedule-list__item .schedule-list__row {
    grid-template-columns: 1fr;
  }
}
#schedule-list-block .schedule-list .schedule-list__item .schedule-list__row .schedule-list__left .schedule-list__label {
  display: inline-block;
  color: var(--text-muted, #0F014DBD);
  word-break: break-word;
}
#schedule-list-block .schedule-list .schedule-list__item .schedule-list__row .schedule-list__right .schedule-list__heading {
  font-size: 1.42em;
  line-height: var(--body-2, 25.11px);
}
#schedule-list-block .schedule-list .schedule-list__item .schedule-list__row .schedule-list__right .schedule-list__intro {
  margin-top: 0.5em;
  color: var(--text-muted, #0F014DBD);
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.pcb {
  border: 1px solid #F7F3EB;
}
.pcb .pcb__list {
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.pcb .pcb__list .pcb__item {
  padding: 0.5rem;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  gap: 1rem;
}
.pcb .pcb__list .pcb__item:hover {
  opacity: 0.74;
}
.pcb .pcb__list .pcb__item:focus {
  border-radius: 8px;
  border: 1px solid #0F014D7D;
}
.pcb .pcb__list .pcb__item:active {
  border-radius: 8px;
  border: 3px solid #0F014D7D;
}
.pcb .pcb__list .pcb__item .pcb__course-date-container,
.pcb .pcb__list .pcb__item .pcb__course-duration-container,
.pcb .pcb__list .pcb__item .pcb__course-price-container {
  display: flex;
  align-items: anchor-center;
  height: min-content;
  gap: 0.25rem;
}
.pcb .pcb__list .pcb__item .pcb__course-date-container span,
.pcb .pcb__list .pcb__item .pcb__course-duration-container span,
.pcb .pcb__list .pcb__item .pcb__course-price-container span {
  font-size: 0.75rem;
  color: #0F014D99;
}
.rsm__item {
  padding: 0.5rem;
  width: 100%;
}
#search-results__filters-toggle-div {
  display: flex;
}
#search-results__filters-toggle-div .material-symbols-outlined {
  align-self: auto;
}
.search-results__body {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
}
.search-results__body .search-results__filters {
  padding-right: 1rem;
  display: block;
}
.search-results__body .search-results__filters .fillters--top {
  display: flex;
  width: 100%;
  gap: 1em;
  white-space: nowrap;
}
.search-results__body .search-results__filters .fillters--top h3.search-results__filters-title {
  flex: 1;
}
.search-results__body .search-results__filters ul li {
  display: flex;
  align-items: center;
}
.search-results__body .search-results__filters ul li .facet-labels {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}
.search-results__body .search-results__filters ul li .facet-labels label:first-child {
  flex: 1;
}
.search-results__body .search-results__filters ul li .facet-labels label:last-child {
  text-align: right;
}
.search-results__body .search-results__main {
  margin: 0 1rem;
  /* Keyboard focus */
}
.search-results__body .search-results__main .esb-card {
  border: 1px solid #EFE4D1;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 1rem;
}
.search-results__body .search-results__main .esb-card .card-categories {
  border-top: 1px solid #EFE4D1;
  padding-top: 1rem;
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
}
.search-results__body .search-results__main .esb-card .card-categories .pill--gold-outline.radius-10 {
  color: #0F014D;
}
.search-results__body .search-results__main .esb-card .esb-card__content-type {
  margin: 1rem 0 0 0;
}
.search-results__body .search-results__main .esb-card h4.esb-card__title a {
  text-align: left;
  line-height: 1.8rem;
}
.search-results__body .search-results__main .esb-card:focus {
  outline: 2px solid #0F014D;
  outline-offset: 0.25em;
}
.search-results__body .search-results__main .esb-card__meta {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
}
.search-results__body .search-results__main .esb-card__meta span.esb-card__date,
.search-results__body .search-results__main .esb-card__meta span.esb-card__author,
.search-results__body .search-results__main .esb-card__meta span.esb-card__views.esb-card__views--low {
  display: flex;
  gap: 0.5rem;
}
.search-results__body .search-results__load-more {
  display: flex;
  justify-content: center;
}
.search-results__body nav.esb__pager {
  margin-top: 2rem;
}
.search-results__body nav.esb__pager button.esb__show-more {
  margin: 0 auto;
}
.search-results__related .search-results__related-section:nth-child(1) .search-results__related-list .search-results__related-item {
  border-left: 5px solid #0F014D;
  margin-bottom: 1rem;
  padding-left: 1rem;
}
.search-results__related .search-results__related-section:nth-child(2) .search-results__related-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-results__related .search-results__related-section:nth-child(2) .search-results__related-list .search-results__related-item {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.search-results__related .search-results__related-section:nth-child(2) .search-results__related-list .search-results__related-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #0F014D;
  border-radius: 50%;
}
.search-results__related .search-results__related-section {
  border: 1px solid grey;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 1rem;
}
.search-results__related .search-results__related-section .esb__related-item {
  margin-bottom: 1rem;
}
.search-results__related .search-results__related-section .search-results__popular-searches {
  display: grid;
}
.search-results__related .search-results__related-section .search-results__popular-searches a {
  margin-bottom: 1rem;
}
/* Mobile Filters Toggle */
.search-results__filters-toggle {
  display: none !important;
  margin: 2rem 0;
  width: 100%;
}
.search-results__filters-toggle .material-symbols-outlined {
  font-size: 1.25rem;
}
/* Mobile Styles */
@media only screen and (max-width: 767px) {
  .search-results__filters-toggle {
    display: flex !important;
    padding: 0 1em !important;
    margin: 0 1em 2em 1em;
  }
  .search-results__body {
    flex-direction: column;
  }
  .search-results__body .search-results__filters {
    display: none;
    width: 100%;
    padding: 1rem;
    border: 1px solid #0F014D3D;
    border-radius: 8px;
    margin-bottom: 1rem;
  }
  .search-results__body .search-results__filters--open {
    display: block !important;
  }
  .search-results__body .search-results__main {
    margin: 0 !important;
    width: 100%;
  }
  .search-results__load-more {
    width: 100%;
  }
}
/* ===================================================
   Tabbed Quick Actions (with QuickActionsCardBlock)
   =================================================== */
/* Container */
.tqa {
  /* Tablist */
  /* ===== Card grid (2 columns x up to 4 rows) ===== */
}
.tqa .tqa__heading {
  margin: 0;
}
.tqa .tqa__tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
  align-items: self-start;
  align-self: stretch;
  margin-bottom: 2rem;
  border-bottom: 1px solid #EFE4D1;
}
@media only screen and (max-width: 768px) {
  .tqa .tqa__tablist {
    flex-direction: column;
    width: 100%;
  }
}
.tqa .tqa__tab {
  appearance: none;
  border: none;
  border-radius: 1rem;
  padding: 0.125rem;
  background: #FDFDFB;
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014D;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.tqa .tqa__tab:hover {
  opacity: 0.75;
  text-decoration: none;
}
.tqa .tqa__tab:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.tqa .tqa__tab:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
@media only screen and (max-width: 768px) {
  .tqa .tqa__tab {
    width: 100%;
  }
}
.tqa .tqa__tab.is-selected {
  background: #0F014D;
  color: #EFE4D1;
}
.tqa .tqa__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  flex-direction: row;
  flex-wrap: wrap;
}
.tqa .tqa__grid > * {
  flex: 1 1 0;
  min-width: 0;
}
@media only screen and (max-width: 768px) {
  .tqa .tqa__grid {
    grid-template-columns: 1fr;
  }
}
#shareThisPlaceholder {
  margin-left: 1em;
  border-top: 1px solid #EFE4D1;
  background-color: #FCFAF7;
}
@media only screen and (max-width: 768px) {
  #shareThisPlaceholder {
    margin: 0;
  }
}
#shareThisPlaceholder .container {
  max-width: 1280px;
  margin: 0 auto;
}
#shareThisPlaceholder .share-host {
  margin-top: 1rem;
}
#shareThisPlaceholder .share {
  display: inline-flex;
  align-items: center;
  gap: 1em;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  #shareThisPlaceholder .share {
    width: 100%;
    flex-direction: column;
    padding: 1rem;
    align-items: stretch;
  }
}
@media only screen and (max-width: 768px) {
  #shareThisPlaceholder .share .share__btn {
    width: 100%;
    justify-content: center;
  }
}
#shareThisPlaceholder .share .share__btn .btn-text {
  padding: 0;
}
#shareThisPlaceholder .share .share__label {
  margin-right: 0.25rem;
}
#shareThisPlaceholder .share .share__icon {
  width: 18px;
  height: 18px;
  display: inline-block;
}
#shareThisPlaceholder .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.card-explore-banded {
  padding: 3rem 0;
}
.card-explore-banded .container {
  background-color: inherit;
  max-width: 1280px !important;
  margin: 0 auto;
  padding: 2rem;
}
.card-explore-banded .container .card-explore__heading {
  text-align: center;
  margin: 0rem !important;
}
.card-explore-banded .container .card-explore__intro {
  text-align: center;
  margin-bottom: 2rem;
}
.card-explore-banded .container .card-explore__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 886px) {
  .card-explore-banded .container .card-explore__grid {
    display: flex;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .card-explore-banded .container .card-explore__grid {
    display: flex;
    gap: 2rem;
    grid-template-columns: repeat(1, 1fr);
    flex-direction: column;
  }
}
.card-explore-banded .container .card-explore__grid .card-explore__item .card-explore__card {
  border-radius: 0.5rem;
  padding: 2rem;
  height: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.card-explore-banded .container .card-explore__grid .card-explore__item .card-explore__card ul.card-explore__bullets {
  padding-left: 1.1rem;
  margin: 0 0 1rem;
}
.card-explore-banded .container .card-explore__grid .card-explore__item .card-explore__card ul.card-explore__bullets li {
  list-style: disc;
}
.card-explore-banded .container .card-explore__grid .card-explore__item .card-explore__card .card-explore__cta a {
  display: flex;
  align-items: anchor-center;
}
.card-explore-banded .card-topcontent {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.card-explore-banded .card-topcontent .card-explore__icon {
  border-radius: 4px;
  padding: 1rem;
}
@media only screen and (max-width: 1023px) {
  .card-explore-banded .card-topcontent .card-explore__icon {
    display: none;
  }
}
.card-explore-banded .card-topcontent .card-explore__icon .icon {
  width: 28px;
  height: 28px;
  display: block;
}
.card-explore-banded .card-topcontent .card-explore__title {
  margin: 0rem !important;
  flex: 1;
}
.card-explore-banded .card-explore__cta .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.card-explore-banded .card-explore__cta .is-disabled {
  pointer-events: none;
  opacity: 0.55;
}
.card-explore-banded .card-explore__bottom {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.lsi-table {
  border-collapse: collapse;
}
.lsi-table caption {
  margin-bottom: 1em;
}
.lsi-table thead .lsi-table th,
.lsi-table thead .lsi-table td {
  padding: 0.5rem 0.75rem;
  vertical-align: top;
}
.lsi-table tbody tr {
  background-color: #FDFDFB;
}
.lsi-table tbody tr .accessibility--table__row button {
  display: inline;
}
.lsi-table tbody tr:nth-child(odd) {
  background-color: #FCFAF7;
}
.lsi-table .visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.featured-content {
  padding: 2rem;
}
.featured-content .container {
  background-color: inherit;
  max-width: 1280px !important;
  margin: 0 auto;
}
.featured-content .container .featured__heading {
  text-align: center;
}
.featured-content .container .featured__intro {
  text-align: center;
  margin-bottom: 2rem;
}
.featured-content .container .featured__grid {
  display: flex;
  flex-flow: wrap;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .featured-content .container .featured__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.featured-content .container .featured__grid .featured__item {
  flex: 1;
}
.featured-content .container .featured__grid .featured__item::before {
  content: none;
}
.featured-content .container .featured__grid .featured__item .featured-card {
  border-radius: 8px;
  padding: 2rem;
  height: 100%;
  border: 1px solid #EFE4D1;
}
.featured-content .container .featured__grid .featured__item .featured-card:hover {
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.featured-content .container .featured__grid .featured__item .featured-card:focus {
  border-radius: 10px;
  border: 1px solid #0F014D7D;
  outline: 10px double solid #0F014D7D;
}
.featured-content .container .featured__grid .featured__item .featured-card:active {
  border-radius: 10px;
  border: 3px solid #0F014D99;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__title {
  margin: 0 !important;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__intro {
  margin: 0 0 1rem;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links a.text-hyperlink-navy.featured-link\@disabledClass {
  display: flex;
  width: 100%;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links .featured-card__link {
  display: flex;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links .featured-card__link::before {
  content: none;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links .featured-card__link a {
  display: flex;
  flex-flow: wrap;
  place-items: center;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links .featured-card__link a .featured-link__title {
  flex: 1;
  font-weight: 400;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links .featured-card__link a .featured-link__intro {
  /*display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    gap: 8px;
                                    gap: 1rem;*/
  flex: 2;
  display: flex;
  align-items: anchor-center;
  gap: 1rem;
}
.featured-content .container .featured__grid .featured__item .featured-card .featured-card__links .featured-card__link.is-disabled {
  pointer-events: none;
  opacity: 0.55;
}
.featured-content .container .featured__footer {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  /* center under grid */
}
.featured-content .container .featured__footer .featured__footer-btn.is-disabled {
  pointer-events: none;
  opacity: 0.55;
}
/* Featured Content with Cards Block */
.featured-cards {
  border-radius: var(--radius-xl, 16px);
  margin-bottom: 2rem;
}
.featured-cards .container {
  max-width: 1280px !important;
  margin: 0 auto;
  /* Header spacing */
  /* Grid of up to 3 cards */
}
.featured-cards .container .featured-cards__header {
  margin-bottom: 0.5rem;
}
.featured-cards .container .lsi-intro p:last-child {
  margin-bottom: 0;
}
.featured-cards .container .featured-cards__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  /* Card shell */
}
@media only screen and (max-width: 768px) {
  .featured-cards .container .featured-cards__list {
    flex-direction: column;
  }
}
.featured-cards .container .featured-cards__list .featured-card {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  /* Keyboard focus */
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner {
  display: flex;
  flex-direction: column;
  background: transparent;
  /* actual color comes from theme class */
  border-radius: var(--radius-xl, 16px);
  box-shadow: var(--shadow-card, 0 1px 2px rgba(0, 0, 0, 0.05));
  /* Icon + title + text */
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner .featured-card__icon {
  line-height: 0;
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner .featured-card__icon .lsi-icon {
  display: inline-block;
  max-width: 56px;
  height: auto;
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner .featured-card__actions {
  /*margin-top: auto;*/
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner .featured-card__actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner .featured-card__actions ul li.lsi-mb-8 .btn-navy {
  width: 100%;
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner .featured-card__actions ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.featured-cards .container .featured-cards__list .featured-card .featured-card__inner .featured-card__actions .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  border-radius: var(--radius-lg, 12px);
  text-decoration: none;
  border: 0;
}
.featured-cards .container .featured-cards__list .featured-card a:focus-visible,
.featured-cards .container .featured-cards__list .featured-card button:focus-visible {
  outline: 2px solid var(--focus-ring, #0a66ff);
  outline-offset: 3px;
  border-radius: inherit;
}
/* FEATURED CONTENT WITH CARDS AND CTAS */
.feat-icons-ctas {
  padding: 3rem 0;
}
.feat-icons-ctas .container {
  background-color: inherit;
  max-width: 1290px !important;
  margin: 0 auto;
  /* Grid */
}
.feat-icons-ctas .container .fic__heading {
  margin: 0 0 0.5rem;
  text-align: center;
}
.feat-icons-ctas .container .fic__intro {
  margin: 0 0 2rem;
  text-align: center;
}
.feat-icons-ctas .container .fic__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.feat-icons-ctas .container .fic__grid .fic__item {
  /* Card */
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card {
  border-radius: 10px;
  padding: 1.25rem;
  height: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card:hover {
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card:focus {
  border-radius: 10px;
  border: 1px solid #0F014D7D;
  outline: 10px double solid #0F014D7D;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card:active {
  border-radius: 10px;
  border: 3px solid #0F014D99;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card .fic-card__top {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card .fic-card__top .fic-card__icon {
  flex: 0 0 4rem;
  /* fix width, prevent shrinking */
  height: 4rem;
  min-width: 4rem;
  /* ensure it never compresses */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  background-color: #FDFDFB;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card .fic-card__top .fic-card__icon .fic-card__icon span {
  width: 2rem;
  height: 2rem;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card .fic-card__top .fic-card__titles {
  padding-top: 0.7rem;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card .fic-card__top .fic-card__titles .fic-card__title {
  margin: 0.1rem 0 0.1rem;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card .fic-card__top .fic-card__cta {
  margin-top: 1rem;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card .fic-card__top .fic-card__cta .fic-btn__arrow {
  font-weight: 700;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card ul.fic-card__bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.4rem;
  padding-left: 1rem;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card ul.fic-card__bullets li.fic-bullet {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  padding-bottom: 1rem;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card ul.fic-card__bullets li.fic-bullet .fic-bullet__fallback {
  display: inline-block;
  margin-top: 0.15rem;
}
.feat-icons-ctas .container .fic__grid .fic__item .fic-card ul.fic-card__bullets li.fic-bullet .fic-bullet__text {
  display: inline-block;
}
.fic-card__intro {
  opacity: 0.9;
}
.fic-card__main {
  margin: 0.75rem 0 1rem;
}
.fic-bullet__icon {
  width: 18px;
  height: 18px;
  margin-top: 0.2rem;
}
/* CTA */
.fic-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
}
.fic-btn.is-disabled {
  pointer-events: none;
  opacity: 0.55;
}
.fullwidth-cta {
  padding: 2.5rem 0;
}
.fullwidth-cta__panel {
  padding: 2.25rem 1.5rem;
  text-align: center;
}
.fullwidth-cta__heading {
  margin: 0 0 0.9rem;
  font-size: 2rem;
  line-height: 1.15;
  font-weight: 800;
}
.fullwidth-cta__intro {
  max-width: 70ch;
  margin: 0 auto 1.6rem;
  opacity: 0.95;
}
.fullwidth-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.9rem 1.2rem;
  border-radius: 0.6rem;
  text-decoration: none;
}
.fullwidth-cta__btn.is-disabled {
  pointer-events: none;
  opacity: 0.6;
}
.stats-block {
  padding: 2rem 0;
}
.stats-block .container {
  max-width: 1280px;
  margin: 0 auto;
}
.stats-block .container .stats__heading {
  margin: 0 0 1rem;
}
.stats-block .container .stats__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* ✅ 3 columns */
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  /* Optional: make it responsive */
}
@media (max-width: 768px) {
  .stats-block .container .stats__grid {
    grid-template-columns: 1fr;
    /* Stack items on smaller screens */
  }
}
.stats-block .container .stats__grid .stats__item {
  min-width: 0;
}
.stats-block .container .stats__grid .stats__item .stat-card {
  border-radius: 0.625rem;
  padding: 1rem 1.25rem;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.stats-block .container .stats__grid .stats__item .stat-card .stat-card__value {
  margin: 0.25rem 0 0.25rem;
  font-weight: 700 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.02em;
}
.stats-block .container .stats__grid .stats__item .stat-card .stat-card__caption {
  margin: 0;
  font-size: 0.9375rem;
  opacity: 0.9;
}
nav.otp {
  background-color: #F8F5EF;
  /* Visual indent for nested levels */
  /* Optional: slightly larger indent for deeper levels */
}
nav.otp .otp__list,
nav.otp .otp__sublist {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav.otp .otp__item > a {
  display: block;
  padding: 0.25rem 0;
  text-decoration: none;
}
nav.otp .otp__sublist {
  margin-top: 0.25rem;
  margin-left: 1rem;
  padding-left: 0.5rem;
}
nav.otp .otp__nav {
  padding: 0.5rem;
  width: 100%;
}
nav.otp .otp__nav .otp__depth-2 {
  margin-left: 1.25rem;
}
nav.otp .otp__nav .otp__depth-3 {
  margin-left: 1.5rem;
}
nav.otp .otp__nav .otp__depth-4 {
  margin-left: 1.75rem;
}
/* Optional: show bullets if desired */
/* .otp__list, .otp__sublist { list-style: disc; padding-left: 1.25rem; border-left: 0; } */
.related-resources__section {
  padding: 1rem;
  width: 20rem;
}
.related-resources__section h6 {
  padding-bottom: 1rem;
}
.related-resources__section .resources__item {
  margin: 0.5rem;
  border-left: 4px solid #D8BB8B;
  padding-left: 0.5rem;
  margin-bottom: 1rem;
}
.related-resources__section .resources__item:hover {
  opacity: 0.74;
}
.related-resources__section .resources__item:focus {
  border-radius: 8px;
  border: 1px solid #0F014D7D;
}
.related-resources__section .resources__item:active {
  border-radius: 8px;
  border: 3px solid #0F014D7D;
}
.related-resources__section .resources__item .related-resources-top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
}
.related-resources__section .resources__item .related-resources-top .resources__price {
  display: flex;
}
.related-resources__section .resources__item .related-resources-title {
  font-weight: 700;
  padding-bottom: 0.5rem;
}
.related-resources__section .resources__item .related-resources-duration {
  padding-top: 0.5rem;
}
.saved-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.saved-row {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  border: 1px solid #F8F5EF;
  border-radius: 12px;
  padding: 1rem;
  background: #FDFDFB;
}
.saved-link {
  text-decoration: none;
}
.saved-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.saved-empty {
  padding: 1rem;
  border: 1px dashed #c9ced8;
  border-radius: 12px;
}
.save-toggle-wrap {
  display: flex;
  cursor: pointer;
  padding: 2rem 0rem;
  max-width: 1280px;
  margin: 0 auto;
  justify-content: right;
}
@media only screen and (max-width: 768px) {
  .save-toggle-wrap {
    padding: 2rem 1rem;
  }
}
section.card.saved-card .saved-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2rem;
}
section.card.saved-card .saved-card__list .save-toggle-wrap {
  margin: 0rem;
  display: flex;
  padding: 0rem;
  max-width: none;
  justify-content: center;
  align-items: center;
}
/*replace the bottom micin with texthyperlinkstyles*/
/* offsetting an html anchor to adjust for fixed header  */
[id]:target:before {
  content: '';
  display: block;
  height: 9.3rem;
  margin-top: -9.3rem;
  visibility: hidden;
}
.back-link {
  margin: 1rem 0;
}
a {
  text-decoration: none;
}
a.DataPager_Link {
  color: #0F014DBD;
}
a > i {
  padding-right: 6px !important;
}
a#Content_Content_MainContent_ucPagination_lnkViewAll {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 29px !important;
  color: #0F014DBD !important;
  text-decoration-line: underline;
  width: 6em;
}
@media only screen and (max-width: 390px) {
  a#Content_Content_MainContent_ucPagination_lnkViewAll {
    width: 100%;
  }
}
a#Content_Content_MainContent_ucPagination_lnkViewAll:hover {
  background: none;
}
.skip-link {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  background: #0F014D;
  color: white;
  padding: 0.75rem 1rem;
  z-index: 10000;
  border-radius: 0 0 8px 8px;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
}
.skip-link:focus {
  transform: translateY(0);
  opacity: 1;
}
.main-content a,
.container.portal-ebiz p a,
label a,
.l2-main a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.main-content a:hover,
.container.portal-ebiz p a:hover,
label a:hover,
.l2-main a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.main-content a:focus,
.container.portal-ebiz p a:focus,
label a:focus,
.l2-main a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.main-content a:active,
.container.portal-ebiz p a:active,
label a:active,
.l2-main a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
a.link-view-all {
  justify-content: space-evenly;
}
.textlink,
.link-gold-right-align {
  border: none;
  background: none;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.textlink:hover,
.link-gold-right-align:hover {
  opacity: 0.75;
  text-decoration: none;
}
.textlink:focus,
.link-gold-right-align:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.textlink:active,
.link-gold-right-align:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.textlink i.material-icons,
.link-gold-right-align i.material-icons {
  vertical-align: bottom;
  text-decoration: none;
}
.textlink-white {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.textlink-white:hover {
  opacity: 0.75;
  text-decoration: none;
}
.textlink-white:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.textlink-white:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.textlink--inline {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.textlink--inline:hover {
  opacity: 0.75;
  text-decoration: none;
}
.textlink--inline:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.textlink--inline:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.hyperlink-navy {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.hyperlink-navy:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.hyperlink-navy:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.hyperlink-navy:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.hyperlink-light {
  text-decoration: underline !important;
  color: #EFE4D1;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.hyperlink-light:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.hyperlink-light:focus {
  border-radius: 10px;
  border: 1px solid #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.hyperlink-light:active {
  border-radius: 10px;
  border: none;
  background-color: #EFE4D1;
  color: #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.text-hyperlink-navy {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.text-hyperlink-navy:hover {
  opacity: 0.75;
  text-decoration: none;
}
.text-hyperlink-navy:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.text-hyperlink-navy:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.text-hyperlink-light {
  color: #EFE4D1;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.text-hyperlink-light:hover {
  opacity: 0.75;
  text-decoration: none;
}
.text-hyperlink-light:focus {
  border-radius: 10px;
  border: 1px solid #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.text-hyperlink-light:active {
  border-radius: 10px;
  border: none;
  background-color: #EFE4D1;
  color: #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
/* ======================================
   Button Base Styles
====================================== */
/* ======================================
   Reusable State Mixins
====================================== */
/* Focus/Active helper */
/* ======================================
   Button Variants
====================================== */
/* ======================================
   Default Button Classes & Backwards Compatibility
====================================== */
a.btn-primary {
  text-decoration: none;
  cursor: pointer;
}
input[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
}
input[type="submit"] .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  input[type="submit"] {
    width: 100%;
  }
}
input[type="submit"]:hover {
  opacity: 0.75;
}
input[type="submit"]:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
input[type="submit"]:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
}
.btn .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn {
    width: 100%;
  }
}
.btn.btn-large {
  min-width: 10.063em;
}
.btn.btn-primary {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
}
.btn.btn-primary:hover {
  opacity: 0.75;
}
.btn.btn-primary:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn.btn-primary:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
@media only screen and (max-width: 768px) {
  .btn.btn-primary {
    width: 100%;
  }
}
.btn.btn-primary.tooltip {
  background-color: unset;
  color: #0F014DD4;
  padding-top: 0em;
  margin-top: -0.5em;
}
.btn.btn-primary.tooltip p {
  text-transform: none;
}
.btn.btn-primary.tooltip:hover {
  opacity: unset;
}
.btn.btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
}
.btn.btn-secondary .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn.btn-secondary {
    width: 100%;
  }
}
.btn.btn-secondary:hover {
  background-color: #0F014DD4;
  color: #EFE4D1;
}
.btn.btn-secondary:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn.btn-secondary:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn.btn-secondary a {
  color: #0F014DD4;
  text-decoration: none;
}
.btn.btn-secondary a:hover {
  color: #EFE4D1;
}
.btn.btn-alt {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
}
.btn.btn-alt:hover {
  opacity: 0.75;
}
.btn.btn-alt:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn.btn-alt:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn.btn-alt .btn-icon {
  padding: 0em;
  display: flex;
  position: absolute;
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 3px;
}
.btn.btn-alt-search {
  background-color: #E7D6B9;
  color: #0F014DD4;
  opacity: 0.74;
  background-image: url("/UI/images/icons/navigation--search-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  min-width: 3rem;
}
.btn.btn-alt-search:hover {
  opacity: unset;
}
.btn.btn-alt-search:focus {
  background-color: #EFE4D1;
  color: #0F014DD4;
  border: 1px solid #E7D6B9;
  outline: 5px double #E7D6B9;
}
.btn.btn-alt-search:active {
  background-color: #E7D6B9;
  color: #0F014DD4;
  border: 1px solid #E7D6B9;
  outline: 5px double #E7D6B9;
}
@media only screen and (max-width: 768px) {
  .btn.btn-alt-search {
    width: 100%;
  }
}
.btn.btn-btt {
  background-color: #0F014DD4;
  /*.btnState--mixin(@colour--primary__brand1);*/
}
.btn.btn-addtowallet {
  background: url("/UI/images/Add_to_Apple_Wallet.png") no-repeat;
  border: none;
  border-radius: 5px;
  width: 12em;
}
.btn.btn-addtowallet:hover {
  opacity: 0.75;
}
.btn.btn-addtowallet:active {
  opacity: 0.75;
}
.btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
}
.btn-secondary .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-secondary {
    width: 100%;
  }
}
.btn-secondary:hover {
  background-color: #0F014DD4;
  color: #EFE4D1;
}
.btn-secondary:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-secondary:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
}
.btn-primary .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-primary {
    width: 100%;
  }
}
.btn-primary:hover {
  opacity: 0.75;
}
.btn-primary:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-primary:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
/* ======================================
   Button Classes
====================================== */
.btn-base-gold {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #E7D6B9;
  color: #0F014DD4;
  opacity: 0.74;
}
.btn-base-gold .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-base-gold {
    width: 100%;
  }
}
.btn-base-gold:hover {
  opacity: unset;
}
.btn-base-gold:focus {
  background-color: #EFE4D1;
  color: #0F014DD4;
  border: 1px solid #E7D6B9;
  outline: 5px double #E7D6B9;
}
.btn-base-gold:active {
  background-color: #E7D6B9;
  color: #0F014DD4;
  border: 1px solid #E7D6B9;
  outline: 5px double #E7D6B9;
}
.btn-navy {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
}
.btn-navy .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-navy {
    width: 100%;
  }
}
.btn-navy:hover {
  opacity: 0.75;
}
.btn-navy:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-navy:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-navy.tooltip {
  background-color: unset;
  color: #0F014DD4;
  padding-top: 0;
  margin-top: -0.5em;
}
.btn-navy.tooltip p {
  text-transform: none;
}
.btn-navy.tooltip:hover {
  opacity: unset;
}
.btn-search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  min-height: unset;
  min-width: unset;
  height: 100%;
}
.btn-search-icon .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-search-icon {
    width: 100%;
  }
}
.btn-search-icon:hover {
  opacity: 0.75;
}
.btn-search-icon:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-search-icon:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-search-icon span.btn-search-text {
  display: none;
}
@media only screen and (max-width: 768px) {
  .btn-search-icon span.btn-search-text {
    display: block;
  }
}
.btn-light {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #EFE4D1;
  color: #0F014DD4;
}
.btn-light .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-light {
    width: 100%;
  }
}
.btn-light:hover {
  opacity: 0.75;
}
.btn-light:focus {
  background-color: transparent;
  color: #EFE4D1;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.btn-light:active {
  background-color: #EFE4D1;
  color: #0F014DD4;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.btn-light-navyborder {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
}
.btn-light-navyborder .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-light-navyborder {
    width: 100%;
  }
}
.btn-light-navyborder:hover {
  background-color: #0F014DD4;
  color: #EFE4D1;
}
.btn-light-navyborder:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-light-navyborder:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.btn-light-navyborder.btn-light-navyborder-small {
  width: 4em;
  height: 2em;
  min-width: auto;
  min-height: auto;
  padding: 0;
  font-size: 0.875rem;
  line-height: 2em;
}
.btn-light-border {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: transparent;
  color: #EFE4D1;
  border: 1px solid #EFE4D1;
}
.btn-light-border .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .btn-light-border {
    width: 100%;
  }
}
.btn-light-border:hover {
  opacity: 0.75;
}
.btn-light-border:focus {
  background-color: transparent;
  color: #EFE4D1;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.btn-light-border:active {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.btn-close {
  border: none;
  background: none;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 4px;
  padding: 2px;
}
.btn-close:hover {
  background-color: #0F014D99;
}
.btn-close:focus {
  background-color: transparent;
  border: 1px solid #0F014D99;
}
.btn-close:active {
  background-color: #0F014DD4;
}
.btn-close .material-symbols-outlined {
  color: #0F014D99;
}
.btn-close .material-symbols-outlined:hover {
  color: #FDFDFB;
}
.btn-close .material-symbols-outlined:focus {
  color: #0F014D99;
}
.btn-close .material-symbols-outlined:active {
  color: #FCFAF7;
}
.clear-btn {
  position: absolute;
  right: 0.5rem;
  top: 55%;
  transform: translateY(-50%);
  background: unset;
  border: none;
  cursor: pointer;
  font-weight: 700;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
}
.clear-btn:focus {
  border-color: #0F014D99;
  background: #FDFDFB;
}
.clear-btn:hover {
  color: #FDFDFB;
  background: #0F014D99;
  border: none;
}
.clear-btn:active {
  color: #FDFDFB;
  background: #0F014D;
  border-color: #0F014D;
}
.clear-btn[hidden] {
  display: none;
}
/* ======================================
   Special Cases
====================================== */
.useBootstrap button.btn-navy {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
}
.useBootstrap button.btn-navy .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .useBootstrap button.btn-navy {
    width: 100%;
  }
}
.useBootstrap button.btn-navy:hover {
  opacity: 0.75;
}
.useBootstrap button.btn-navy:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.useBootstrap button.btn-navy:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
#SearchButton {
  min-width: 3.25rem;
  /* Stop btn-alt from expanding to 100% on mobile */
}
@media only screen and (max-width: 576px) {
  #SearchButton {
    width: 3.25rem;
  }
}
.btn-text {
  padding: 0.5em 1em;
}
.textbox-default-smallNumeric {
  font-family: 'Archivo' !important;
  font-weight: normal !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1em !important;
  color: #0F014DBD !important;
  text-align: center;
  width: 3em;
  height: 2em;
  left: 3em;
  top: 0;
  background: #FDFDFB;
  box-sizing: border-box;
}
input[type=text],
input[type="password"],
input[type="date"],
input[type=number],
input[type=email],
input[type=datetime-local],
input[type=url],
input[type=search],
input[type=tel] {
  position: static !important;
  background: #FDFDFB;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0.5em 1em;
  font-size: 1rem;
  font-family: 'Archivo';
  height: 3em;
  margin-top: 0.25rem;
  width: 20rem;
}
@media only screen and (max-width: 768px) {
  input[type=text],
  input[type="password"],
  input[type="date"],
  input[type=number],
  input[type=email],
  input[type=datetime-local],
  input[type=url],
  input[type=search],
  input[type=tel] {
    width: 100%;
  }
}
.input-container {
  background: #FDFDFB;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: 'Archivo';
  height: 3em;
  width: 20rem;
}
.input-container input[type="password"],
.input-container input[type="text"] {
  border: none;
  box-shadow: none;
  margin: 0rem;
  padding: 0rem 0rem 0rem 1rem;
  height: 2.8em;
}
@media only screen and (max-width: 768px) {
  .input-container {
    width: 100%;
  }
}
.input-container .password-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  color: #0F014D99;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.input-container .password-toggle:hover {
  opacity: 0.74;
}
.input-container .password-field {
  padding-right: 40px !important;
  width: 100% !important;
}
.input-symbol-euro {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}
.input-symbol-euro input {
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 576px) {
  .input-symbol-euro {
    width: 100%;
  }
}
.input-symbol-euro:before {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  content: "euro_symbol";
  left: 0.5rem;
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  z-index: 1;
  opacity: 0.74;
}
textarea {
  background: #FDFDFB;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0.5em 1em;
  font-size: 1rem;
  font-family: 'Archivo';
}
label[for="chkIsIBSPart1"]:hover,
label[for="chkIsIBSPart2"]:hover,
label[for="chkSolicitorsAccountsRegulations"]:hover,
label[for="chkIsPIIPart1"]:hover,
label[for="rbCPDAML"]:hover,
label[for="radbtnCompletedMinCPDReq"]:hover,
label[for="radbtnGrantedDispensationCPDReq"]:hover,
label[for="radbtnFailedMinCPDReq"]:hover,
label[for="radbtnExemptMinCPDReq"]:hover {
  opacity: 0.5;
}
label.noOpacity:hover {
  opacity: 1 !important;
}
input[type=text],
input[type="password"],
textarea,
input[type="date"],
input[type=number],
input[type=email],
input[type=datetime-local],
input[type=url],
input[type="search"],
input[type="tel"] {
  /*&::placeholder {
        color: @color-primary-navy-opacity-74;
    }*/
  /*&.disabled {
        background-color: @colour--greyscale__grey2;
        border-color: @color-primary-gold-600;
        color: @colour--greyscale__grey4;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

        &:hover {
            border-color: unset;
            box-shadow: unset;
        }
    }*/
}
input[type=text]:hover,
input[type="password"]:hover,
textarea:hover,
input[type="date"]:hover,
input[type=number]:hover,
input[type=email]:hover,
input[type=datetime-local]:hover,
input[type=url]:hover,
input[type="search"]:hover,
input[type="tel"]:hover {
  border-color: #0F014D7D;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
}
input[type=text]:focus,
input[type="password"]:focus,
textarea:focus,
input[type="date"]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=datetime-local]:focus,
input[type=url]:focus,
input[type="search"]:focus,
input[type="tel"]:focus {
  border: none;
  outline: 5px double #0F014D7D;
}
input[type=text]:active,
input[type="password"]:active,
textarea:active,
input[type="date"]:active,
input[type=number]:active,
input[type=email]:active,
input[type=datetime-local]:active,
input[type=url]:active,
input[type="search"]:active,
input[type="tel"]:active {
  border-radius: 8px;
  border: 2px solid #0F014D7D;
  background: #FDFDFB;
}
input[type=text].error,
input[type="password"].error,
textarea.error,
input[type="date"].error,
input[type=number].error,
input[type=email].error,
input[type=datetime-local].error,
input[type=url].error,
input[type="search"].error,
input[type="tel"].error {
  background-color: #FFE6E6;
  border-color: #E60000;
  color: #0F014DBD;
}
input[type=text].error:focus,
input[type="password"].error:focus,
textarea.error:focus,
input[type="date"].error:focus,
input[type=number].error:focus,
input[type=email].error:focus,
input[type=datetime-local].error:focus,
input[type=url].error:focus,
input[type="search"].error:focus,
input[type="tel"].error:focus {
  border: none;
  outline: 5px double #E60000;
}
input[type=text].error:active,
input[type="password"].error:active,
textarea.error:active,
input[type="date"].error:active,
input[type=number].error:active,
input[type=email].error:active,
input[type=datetime-local].error:active,
input[type=url].error:active,
input[type="search"].error:active,
input[type="tel"].error:active {
  border: none;
  color: #E60000;
  outline: 5px solid #E60000;
}
input[type=text]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
textarea:-webkit-autofill,
input[type="date"]:-webkit-autofill,
input[type=number]:-webkit-autofill,
input[type=email]:-webkit-autofill,
input[type=datetime-local]:-webkit-autofill,
input[type=url]:-webkit-autofill,
input[type="search"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #FDFDFB inset !important;
}
input[type=text]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
input[type="date"]:-webkit-autofill:hover,
input[type=number]:-webkit-autofill:hover,
input[type=email]:-webkit-autofill:hover,
input[type=datetime-local]:-webkit-autofill:hover,
input[type=url]:-webkit-autofill:hover,
input[type="search"]:-webkit-autofill:hover,
input[type="tel"]:-webkit-autofill:hover,
input[type=text]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
input[type="date"]:-webkit-autofill:focus,
input[type=number]:-webkit-autofill:focus,
input[type=email]:-webkit-autofill:focus,
input[type=datetime-local]:-webkit-autofill:focus,
input[type=url]:-webkit-autofill:focus,
input[type="search"]:-webkit-autofill:focus,
input[type="tel"]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill:active,
input[type="password"]:-webkit-autofill:active,
textarea:-webkit-autofill:active,
input[type="date"]:-webkit-autofill:active,
input[type=number]:-webkit-autofill:active,
input[type=email]:-webkit-autofill:active,
input[type=datetime-local]:-webkit-autofill:active,
input[type=url]:-webkit-autofill:active,
input[type="search"]:-webkit-autofill:active,
input[type="tel"]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #FDFDFB inset !important;
}
input:disabled {
  background-color: #0F014D3D;
  border-color: #0F014D7D;
  color: #0F014DBD;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input:disabled:hover {
  border-color: unset;
  box-shadow: unset;
}
textarea {
  width: 20rem;
  height: 7rem;
}
@media only screen and (max-width: 768px) {
  textarea {
    width: 100%;
  }
}
.ui-widget {
  font-family: 'Archivo' !important;
  font-size: 1rem !important;
}
.grid-3col input[type=text],
select {
  width: auto;
}
/*
textarea:disabled {
    background-color: @colour--greyscale__grey2;
    border-color: @color-primary-gold-600;
    color: @colour--greyscale__grey4;

    &:hover {
        border-color: unset;
        box-shadow: unset;
    }
}
*/
.mm-panel__search input[type="search"] {
  width: 43.75rem;
  height: 3rem;
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 1.2rem;
  padding-left: 2.5rem;
}
.search-input-form label {
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.search-input-form input[type="search"] {
  width: 43.75rem;
  height: 3rem;
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 1.2rem;
  padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .search-input-form input[type="search"] {
    width: 100%;
  }
}
.search-input {
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 1.2rem;
  padding-right: 2.5rem;
  color: #0F014D99;
}
.search-input-left {
  background-image: url("/UI/images/icons/navigation_search.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left 10px center !important;
  background-size: 1.2rem !important;
  padding-left: 2.5rem !important;
  color: #0F014D99;
}
.search-theme-navy label {
  color: #0F014DBD;
}
.search-theme-light label {
  color: #F7F1E8;
}
.search-theme-light input[type="search"] {
  background-color: #F7F1E8;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
input.search-input {
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 1.2rem;
  padding-right: 2.5rem;
  width: 25.5rem;
}
ul.search-dropdown {
  list-style: none;
  border: 0.5px solid #EFE4D1;
  width: 30rem;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  background-color: #FDFDFB;
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.15);
  max-height: 15rem;
  overflow-y: auto;
  position: absolute;
  z-index: 9;
  margin-top: 3.5rem;
}
ul.search-dropdown li {
  padding: 0;
  margin: 0;
  border-top: 1px solid #EFE4D1;
  padding: 0.5rem 1rem;
  display: flex;
  height: auto;
  width: -webkit-fill-available;
}
ul.search-dropdown li:hover {
  background-color: #EFE4D1;
  font-weight: 600 !important;
  opacity: 0.5;
  color: #0F014DBD !important;
}
ul.search-dropdown li:active {
  background-color: #EFE4D1;
  font-weight: 600 !important;
  color: #0F014DBD !important;
}
/* Base radio button styling */
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin-right: 0.5em;
  margin-left: 0;
  border-radius: 50%;
  border: 1px solid #0F014D7D;
  background: #FDFDFB;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  vertical-align: middle;
  transition: all 0.2s ease;
  position: relative;
  top: 0;
}
input[type="radio"]:checked {
  background: #0F014DD4;
  border: 1px solid #0F014D7D;
  background-color: #0F014DD4;
  box-shadow: inset 0 0 0 0.3rem #FDFDFB;
}
input[type="radio"]:checked + label {
  color: #0B0039;
}
input[type="radio"]:focus {
  outline: none;
  border-radius: 16px;
  padding: 4px;
  border: 1px solid #0F014DB0;
}
input[type="radio"]:disabled {
  cursor: not-allowed;
  background: #0F014D3D;
  border: 1px solid #0F014D7D;
}
input[type="radio"]:disabled:checked {
  background: #0F014D3D;
  box-shadow: inset 0 0 0 0.3rem #0F014D7D;
  border: 1px solid #0F014D7D;
}
input[type="radio"]:disabled:not(:checked) {
  background: #0F014D3D;
  border: 1px solid #0F014D7D;
  box-shadow: none;
}
input[type="radio"]:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}
input[type="radio"]:disabled + label:hover {
  opacity: 0.6;
  cursor: not-allowed;
}
input[type="radio"]:disabled:hover {
  opacity: 1;
  cursor: not-allowed;
}
input[type="radio"].error {
  border: 1px solid #E60000;
  background: #FFE6E6;
}
input[type="radio"].error + label {
  color: #E60000;
  vertical-align: middle;
}
input[type="radio"].error + label a {
  font-weight: 700;
  color: #E60000;
}
input[type="radio"].error + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="radio"].error:checked {
  background: #E60000;
  background-color: #E60000;
  box-shadow: inset 0 0 0 0.3rem #FDFDFB;
}
.radio-option {
  display: flex;
  align-items: center;
}
.radio-option:focus {
  outline: none;
  border-radius: 16px;
  padding: 4px;
  border: 1px solid #0F014DB0;
  width: fit-content;
}
/* Hover effect on label when radio is not disabled */
input[type="radio"]:not(:disabled) + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="radio"]:not(:disabled):hover {
  opacity: 0.5;
  cursor: pointer;
}
/* Label wrapper for layout */
.radio-label-wrapper {
  display: flex;
  align-items: flex-start;
}
.radio-label-wrapper input[type="radio"] {
  margin-top: 2px;
  flex-shrink: 0;
}
.radio-label-wrapper label {
  margin-left: 8px;
  line-height: 1.4;
  font-family: 'Archivo';
  font-weight: normal;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
/* Radio tabs specific styles */
.radio-tabs {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375rem !important;
  color: #0F014DBD !important;
  border-bottom: 1px solid #1E1A34;
  margin-bottom: 1em;
}
.radio-tabs input[type='radio'] {
  width: 1.5rem;
  height: 1.5rem;
}
.radio-tabs label {
  color: #0B0039;
}
.radio-tabs label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #0F014D7D;
  background-color: #FDFDFB;
}
.radio-tabs input[type=radio]:checked + label:after {
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  content: " ";
  display: block;
  background: #FDFDFB;
  box-shadow: inset 0 0 0 0.25rem #0F014DD4;
}
.payment--paymentselection {
  display: flex;
  gap: 4rem;
  margin-bottom: 2em;
}
.payment--paymentselection .option {
  border-bottom: 1px solid #EBEBEB;
}
.payment--paymentselection .option .d-flex {
  display: flex;
  margin-bottom: 1em;
  gap: 1em;
}
/* Remove old styles that are now handled by the base styling */
input[type="radio"] + label {
  font-family: 'Archivo';
  font-weight: normal;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
select {
  display: flex;
  background: #FDFDFB;
  flex-direction: row;
  align-items: center;
  position: static;
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  height: 3em;
  /*min-width: 14.75em;*/
  width: 20rem;
  padding: 0.5em 2em 0.5em 1em;
  margin-top: 0.25rem;
  letter-spacing: 0.025em;
  line-height: 1.375em;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  border-radius: 8px;
  background-position: calc(100% - 12px) center !important;
  background-image: url("/UI/images/icons/dropdownarrow_down.svg");
  background-repeat: no-repeat;
  /*

    &:disabled {
        background-color: @colour--greyscale__grey2;
        border-color: @colour--greyscale__grey4;
        color: @colour--greyscale__grey4;
        cursor: default;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        .select--hover-disabled--mixin();
    }*/
}
select::-webkit-scrollbar {
  width: 1.5em;
}
select::-webkit-scrollbar-track {
  background: #FDFDFB;
}
select::-webkit-scrollbar-thumb {
  background-color: #0F014DBD;
  border-radius: 20px;
  border: 5px solid transparent;
  background-clip: content-box;
}
@media only screen and (max-width: 768px) {
  select {
    width: 100%;
  }
}
select:hover {
  opacity: 0.74;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
select:focus {
  border: none;
  outline: 5px double #0F014D7D;
}
select:active {
  border: 3px solid #0F014D7D;
  color: #0F014DBD;
  outline: 5px solid #0F014D7D;
}
select.error {
  background-color: #FFE6E6;
  border-color: #E60000;
  color: #0F014DBD;
}
select option {
  -webkit-appearance: none;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #0F014DBD !important;
}
select option:checked {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #0F014DBD !important;
  border-radius: 4px;
  background: #0F014D3D;
  background-image: url("/UI/images/icons/dropdown-checked.svg");
  background-repeat: no-repeat;
  background-position: right center;
}
select option:active {
  font-weight: 600;
  border-radius: 4px;
  background: #0F014D3D;
  border: 1px solid #0F014D3D;
}
select option:focus {
  border-radius: 4px;
  background: #0F014D3D;
}
select option:hover {
  border-radius: 4px;
  background: #0F014D3D;
}
.sort {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2em;
}
.select-width {
  height: 3em;
  letter-spacing: 0.025em;
  line-height: 1.375em;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  border-radius: 8px;
  max-width: 10em;
  min-width: 10em;
  background-position: calc(100% - 12px) center !important;
  background-image: url("/UI/images/icons/dropdownarrow_down.svg");
  background-repeat: no-repeat;
  padding: 0.5em 2em 0.5em 1em;
}
@media only screen and (max-width: 467px) {
  .select-width {
    max-width: unset;
  }
}
.full-width {
  width: 100%;
  min-height: 3em;
  letter-spacing: 0.025em;
  line-height: 1.375em;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  border-radius: 8px;
  background-position: calc(100% - 12px) center !important;
  background-image: url("/UI/images/icons/dropdownarrow_down.svg");
  background-repeat: no-repeat;
  padding: 0.5em 2em 0.5em 1em;
  word-break: break-word;
  white-space: normal;
}
select.select-menu.input-block-level {
  height: 3em;
  min-width: 14.75em;
  padding: 0.5em 1em;
  letter-spacing: 0.025em;
  line-height: 1.375em;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  border-radius: 8px;
}
.dropdown-visible {
  display: block !important;
}
/*  Overwritting some fancybox attributes to match source new design */
.fancybox-skin {
  background: #F8F5EF !important;
  padding: 1rem 1rem 2rem 1rem !important;
  border-radius: 28px;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.close-modal {
  /* text-align: right; */
  float: right;
}
.fancybox-inner {
  width: unset !important;
  height: unset !important;
  max-width: 28.125rem !important;
  min-height: 15.625rem !important;
}
@media only screen and (max-width: 576px) {
  .fancybox-inner .btn-secondary {
    width: 100%;
  }
  .fancybox-inner .btn-primary {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .fancybox-wrap {
    width: 18.75em !important;
  }
}
@media only screen and (max-width: 360px) {
  .fancybox-wrap {
    width: 17.2em !important;
  }
}
.close-x-modal {
  background-image: url("/UI/images/icons/modal-x-close.svg");
  top: 0.875rem;
  right: 0.875rem;
  width: 1rem;
  height: 1rem;
  background-size: unset;
  border: none;
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.close-x-modal:hover {
  opacity: 0.74;
}
.close-x-modal:focus {
  border: 1px solid #0F014D99;
}
.close-x-modal:active {
  border: 3px solid #0F014D99;
}
.modal-h2 {
  color: #0F014DBD;
}
.fancybox-wrap {
  position: fixed !important;
  z-index: 9 !important;
  padding-top: 6.25rem !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
  background-color: rgba(30, 26, 52, 0.5) !important;
}
.fancybox-wrap .fancybox-skin {
  max-width: 482px;
  margin: 0 auto;
}
.modal {
  padding-top: 0;
  display: none;
  position: fixed;
  z-index: 9;
  padding-top: 6.25rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(30, 26, 52, 0.5);
}
.modal.flexmodal {
  display: flex;
  justify-content: center;
  z-index: 9999;
}
.show-modal {
  display: block;
}
.modal--buttons__wrap {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}
.white-modal .modal-h2 {
  color: #0F014DBD;
}
.white-modal .modal-text span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.white-modal .modal-text p {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.white-modal .modal-text a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.white-modal .modal-text a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.white-modal .modal-text a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.white-modal .modal-text a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.modal-dialog {
  width: 30rem;
  max-width: 90vw;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  background: #F8F5EF;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  max-height: 90vh;
  overflow-y: auto;
}
@media only screen and (max-width: 576px) {
  .modal-dialog {
    width: 90%;
    top: 65%;
    border: none;
  }
}
.modal__50em {
  width: 50em;
}
.modal-content {
  padding: 1em;
  background-color: inherit;
  padding-bottom: 2rem;
}
.modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-content .d-flex {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .modal-content input[type=text],
  .modal-content input[type="password"],
  .modal-content input[type="date"],
  .modal-content input[type=number],
  .modal-content .control-datepicker {
    width: 100% !important;
  }
  .modal-content .btn-secondary {
    width: 100%;
    margin-bottom: 1.25em;
  }
  .modal-content .btn-primary {
    width: 100%;
  }
}
.modal-content.modal-white {
  background-color: #FDFDFB !important;
  border-radius: 8px;
  border: 1px solid #EFE4D1;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.modal-content.modal-white h2,
.modal-content.modal-white .modal-h2 {
  color: #0F014DBD;
}
.modal-content.modal-white p {
  color: #0F014DBD !important;
}
.modal-content.modal-blue {
  border-radius: 8px;
  background: transparent;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.modal-content.modal-blue a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.modal-content.modal-blue a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.modal-content.modal-blue a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.modal-content.modal-blue a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.modal-content.modal-blue h2,
.modal-content.modal-blue .modal-h2 {
  color: #0F014DBD !important;
}
.modal-content.modal-blue p {
  color: #0F014DBD !important;
}
.modal-content.modal-blue p ul {
  padding-left: 1rem;
}
.modal-content.modal-blue p ul li {
  color: #0F014DBD !important;
  background: none;
  list-style: disc;
}
.modal-content select,
.modal-content input:not([type="checkbox"]) {
  width: 100%;
}
.modal-text span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.modal-text p {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.modal-text a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.modal-text a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.modal-text a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.modal-text a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.modal-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  grid-gap: 1rem;
  margin-top: 2rem;
}
.modal-buttons button {
  flex: 1;
}
.modal-buttons input[type="submit"],
.modal-buttons input[type="button"] {
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 576px) {
  .modal-buttons {
    flex-flow: wrap;
    grid-gap: 0;
  }
}
/*
.gold-hr-small {
    border: 2px solid @colour--primary__brand2;
    width: 3.500rem;
    margin-left: 0px;
    margin-top: 1.000rem;
    margin-bottom: 1rem;
}*/
.addtobasket {
  padding-bottom: 2rem;
}
.addtobasket .btn.btn-secondary {
  margin-bottom: 1rem;
}
#nofrixion-payelement {
  padding-top: 6rem;
}
#nofrixion-payelement .modal-dialog {
  width: 30rem;
  box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 576px) {
  #nofrixion-payelement .modal-dialog {
    width: 100%;
    max-width: 100vh;
    justify-content: center;
    border: none;
    top: 65%;
  }
}
#nofrixion-payelement .modal-dialog h4 {
  text-align: center;
  margin-top: 32px;
  padding: 0px !important;
  font-size: 1.728rem !important;
  font-weight: 400 !important;
}
#nofrixion-payelement .modal-dialog .logincard-icon {
  content: url("/UI/images/LSI_logo_nofrixion.png");
}
#nofrixion-payelement .modal-dialog img.img-sizing {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 91px !important;
  height: 100px !important;
}
#nofrixion-payelement .modal-dialog .euro-label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 40px !important;
  letter-spacing: 0.025rem !important;
  line-height: 54.64px !important;
  color: #0F014DBD !important;
  text-align: center;
}
#nofrixion-payelement .modal-dialog button.close {
  display: none;
}
#nofrixion-payelement .modal-dialog .close-modal {
  display: flex;
  justify-content: flex-end;
}
#nofrixion-payelement .modal-dialog .close-modal .material-symbols-outlined {
  color: #0F014DBD;
}
#nofrixion-payelement .modal-dialog #creditCardDiv h2 {
  font-size: 1.25rem !important;
  letter-spacing: 0.025rem;
  background: none !important;
  padding: 0 !important;
  display: block;
  margin-top: 0;
}
#nofrixion-payelement .modal-dialog #creditCardDiv h3 {
  margin: 0 !important;
  display: block;
  padding-bottom: 1rem;
}
#nofrixion-payelement .modal-content {
  padding: 1rem;
  margin: 0 auto;
  height: auto;
  background-color: inherit;
  max-height: 90vh;
  overflow-y: auto;
  justify-items: center;
}
@media only screen and (max-width: 467px) {
  #nofrixion-payelement .modal-content {
    padding: 0;
  }
}
#nofrixion-payelement .modal-body {
  background-color: inherit;
}
@media only screen and (max-width: 467px) {
  #nofrixion-payelement .modal-body {
    padding: 0;
  }
}
#nofrixion-payelement iframe.eb-BluePay {
  height: 34rem !important;
}
.survey-modal-popUp {
  max-width: 20.5rem;
  opacity: 1;
  z-index: 101;
  position: fixed;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: fit-content;
  overflow: auto;
  background: none;
  border-radius: 8px;
  background: #F8F5EF;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.survey-modal-popUp .modal-content {
  padding: 1rem;
  background: inherit;
  background-color: inherit;
}
.survey-modal-popUp .modal-content .modal-h2 {
  margin: 0;
}
.survey-modal-popUp .modal-content .close-x-modal {
  background: url("/UI/images/icons/modal-x-close-white.svg");
  cursor: pointer;
  background-repeat: no-repeat;
  padding: 0.75rem;
}
.survey-modal-popUp .modal-content .topright {
  float: right;
}
.survey-modal-popUp .modal-content .btn-secondary {
  width: 100%;
}
.survey-modal-popUp .modal-content button.btn-primary {
  width: 100%;
}
.survey-modal-popUp .modal-content .grid-col2 {
  margin-top: 16px;
}
@media only screen and (max-width: 810px) {
  .survey-modal-popUp {
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
  }
  .survey-modal-popUp input[type="submit"] {
    width: 100%;
  }
}
@media only screen and (max-width: 467px) {
  .survey-modal-popUp {
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 90vw;
  }
}
span.form-group:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-left: -0.5ch;
}
.checkbox-group {
  display: inline-flex;
  width: fit-content;
  align-items: center;
}
.checkbox-group:has(input:focus-visible) {
  outline: 1px solid #0F014DB0;
  outline-offset: 4px;
  border-radius: 6px;
}
/* Base checkbox styling */
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin-right: 0.5em;
  margin-left: 0;
  border-radius: 4px;
  border: 1px solid #0F014D7D;
  background: #FDFDFB;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  vertical-align: middle;
  transition: all 0.2s ease;
  position: relative;
}
input[type="checkbox"]:checked {
  background: #0F014DD4;
  border: 1px solid #0F014D7D;
}
input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 17px;
  border: solid #FDFDFB;
  border-width: 0 3px 3px 0px;
  transform: rotate(45deg);
  display: flex;
  align-self: stretch;
}
input[type="checkbox"]:focus {
  outline: none;
  border-radius: 6px;
  border: 1px solid #0F014DB0;
}
input[type="checkbox"]:disabled {
  cursor: not-allowed;
}
input[type="checkbox"]:disabled:checked {
  background: #0F014D7D;
}
input[type="checkbox"]:disabled:not(:checked) {
  background: #0F014D0A;
  border: 1px solid #0F014D7D;
}
input[type="checkbox"]:disabled + label {
  opacity: 0.6;
  cursor: not-allowed;
}
input[type="checkbox"].error {
  border: 1px solid #E60000;
  background: #FFE6E6;
}
input[type="checkbox"].error + label {
  color: #E60000;
  vertical-align: middle;
}
input[type="checkbox"].error + label a {
  font-weight: 700;
  color: #E60000;
}
label.error {
  color: #E60000;
}
input[type="checkbox"]:not(:disabled):hover {
  opacity: 0.75;
}
/* Hover effect on label when checkbox is not disabled */
input[type="checkbox"]:not(:disabled) + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
/* Label wrapper for layout */
.checkbox-label-wrapper {
  display: flex;
  align-items: flex-start;
}
.checkbox-label-wrapper input[type="checkbox"] {
  margin-top: 2px;
  flex-shrink: 0;
}
.checkbox-label-wrapper label {
  margin-left: 8px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .law-directory .header.clearfix {
    height: 10em;
  }
}
@media only screen and (max-width: 390px) {
  .law-directory .header.clearfix {
    height: 10em;
  }
}
.menu-home-link {
  color: #0B0039 !important;
}
li.mob-navigation-lawdirectory {
  color: #0B0039;
}
li.mob-navigation-lawdirectory input {
  position: initial;
}
li.mob-navigation-lawdirectory:nth-child(2) {
  display: none;
}
li.mob-navigation-lawdirectory a {
  color: #0B0039 !important;
}
.hidden {
  display: none;
}
.home-bg,
.topnav-overlay {
  background: #0B0039;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  opacity: 0.25;
  z-index: 5;
  display: none;
}
.mobilemenu-overlay {
  background: #0B0039;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  opacity: 0.25;
  z-index: 5;
}
.single {
  width: 22em !important;
}
.single li:hover {
  color: #A67F42;
}
.link-for-public,
.link-for-solicitors,
.link-for-trainees {
  padding-bottom: 1em;
}
.mob-gazette,
.mob-legalvacancies,
.mob-lawdirectory,
.mob-login,
.mob-search,
.mob-closemenu,
#menu-home-link,
.menu-lawdirectory-login,
.mob-intranet,
.mob-intranet-login,
.mob-myprofile,
.mob-userlink {
  display: none;
}
a.btn.btn-alt {
  background: #00888D;
  color: #FFFFFF;
  border-radius: 3px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#mob-navigation {
  background: linear-gradient(180deg, #ffffff 5%, #fafafa 100%);
  font-family: 'Archivo' !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1em !important;
  color: #1E1A34 !important;
}
#mob-navigation li {
  background: transparent linear-gradient(to top, #EBEBEB, #EBEBEB) no-repeat 1.5em bottom;
  background-size: 25em 1px;
}
#mob-navigation li.hr a,
#mob-navigation li.people a,
#mob-navigation li.it a {
  color: #0B0039;
}
#mob-navigation li:nth-last-child(2) {
  background: none;
}
#mob-navigation li.mob-intranet-login {
  display: block;
  background-color: #FAFAFA;
  padding: 1em;
}
#mob-navigation li.mob-intranet-login a {
  color: #FFFFFF;
  text-align: center;
}
#mob-navigation li.mob-intranet-login a.btn-btt {
  width: 100%;
  margin: 0 auto;
  position: inherit;
}
#mob-navigation li.mob-search {
  display: flex;
  width: 80%;
  background: none !important;
  border: none !important;
}
#mob-navigation li.mob-search input.txtMobileSearchKeywords {
  margin-left: 1em;
  width: 100%;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #0F014DBD;
}
#mob-navigation li.mob-search input.txtMobileSearchKeywords:hover {
  box-shadow: none;
  border: 1px solid #838383;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#mob-navigation li.mob-search button#lbnMobileSearchButton,
#mob-navigation li.mob-search button#lblbtnSearch {
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  width: 2.5em;
  border: 1px solid #838383;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-position: right 0.5em top 0.8em;
  border-left: 0;
}
#mob-navigation li.mob-closemenu {
  display: block;
  background: none !important;
  border: none !important;
}
#mob-navigation li.mob-navigation-lawdirectory {
  display: block;
}
#mob-navigation li.menu-lawdirectory-login {
  display: block;
  background-position: center;
  border: none !important;
  margin: 0 auto;
  padding: 1em 1em 0em 1em;
  background-color: #FAFAFA;
}
#mob-navigation li.menu-lawdirectory-login .btn-primary {
  background-color: #A67F42;
  border: none;
  width: 100%;
  position: inherit;
  color: #FFFFFF;
  text-align: center;
}
#mob-navigation li.mob-login {
  background-position: center;
  border: none !important;
  margin: 0 auto;
  padding: 1em 1em 0em 1em;
  background-color: #FAFAFA;
}
#mob-navigation li.mob-login .btn-alt {
  text-align: center;
}
#mob-navigation li#menu-home-link {
  display: block;
}
#mob-navigation li.mob-intranet a {
  color: #007377;
}
#mob-navigation li.mob-gazette,
#mob-navigation li .mob-legalvacancies,
#mob-navigation li .mob-lawdirectory,
#mob-navigation li .mob-intranet {
  display: block;
}
#mob-navigation li.mob-gazette a,
#mob-navigation li .mob-legalvacancies a,
#mob-navigation li .mob-lawdirectory a,
#mob-navigation li .mob-intranet a {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1em !important;
  color: #1E1A34 !important;
}
#mob-navigation li.mob-gazette a,
#mob-navigation li.mob-legalvacancies a,
#mob-navigation li.mob-lawdirectory a {
  color: #0F014DBD;
  font-weight: 400;
}
#mob-navigation li.mob-myprofile,
#mob-navigation li.mob-userlink {
  display: block;
}
#mob-navigation li.mob-myprofile a,
#mob-navigation li.mob-userlink a {
  color: #007377;
}
#mob-navigation li.mob-lawdirectory,
#mob-navigation li.mob-myprofile {
  background: transparent linear-gradient(to top, #EBEBEB, #EBEBEB) no-repeat 1.5em bottom;
  background-size: 25em 1px;
}
#mob-navigation li.mob-homea {
  font-family: 'Archivo' !important;
  font-weight: normal !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1em !important;
  color: #0B0039 !important;
}
#mob-navigation li.mob-queries,
#mob-navigation li #menu-home-link-lawdirectory {
  background: none;
}
#mob-navigation li.mob-queries a,
#mob-navigation li #menu-home-link-lawdirectory a {
  color: #0B0039;
}
.intranet .header.sticky .main-nav .clearfix > li a {
  /*padding: 0 !important;*/
}
.intranet .header.sticky .main-nav ul.single {
  /* margin-left: 0em;*/
  z-index: 9999;
}
.intranet .menu-top {
  text-wrap-mode: nowrap;
}
.intranet .main-nav {
  margin: 0;
  padding: 1rem 0;
  background-color: #EFE4D1;
}
@media only screen and (max-width: 576px) {
  .intranet .main-nav {
    margin: 8em 0.5em 0em 1em;
  }
}
@media only screen and (max-width: 467px) {
  .intranet .main-nav {
    margin: -4em 1.2em 0em 1em;
  }
}
@media only screen and (max-width: 360px) {
  .intranet .main-nav {
    margin: 0em 1.2em 0em 1em;
  }
}
.intranet .main-nav .clearfix {
  background-color: unset;
  margin: 0;
  float: none !important;
  /*float: right;
            clear: right;*/
}
.intranet .main-nav .intranet-utility {
  background-color: #0F014D;
}
.intranet .main-nav ul {
  float: none;
  width: auto;
  margin-bottom: 1.375em;
  text-align: center;
  position: relative;
  top: 0.25em;
  list-style: none;
  display: flex;
  gap: 2rem;
  justify-content: center;
}
.intranet .main-nav ul.single {
  position: absolute;
  top: 4.0625em;
  background-color: #F8F5EF !important;
  border-radius: 8px;
  border: 1px solid #EFE4D1;
  margin-left: -2rem;
  top: 3.4rem !important;
  padding-right: 1rem;
}
.intranet ul ul.single {
  margin-left: 2.5em;
}
.intranet .menu-top .menutop--login,
.intranet .menu--top__mobile .menutop--login {
  background-color: #0B0039;
}
.intranet .menu-top .search,
.intranet .menu--top__mobile .search {
  background-color: #A67F42;
}
.mm-navbar,
a.mm-next,
.item-home {
  display: none !important;
}
ul.mm-listview.mm-first.mm-last {
  background-color: #FFFFFF;
}
.mm-listview > li:not(.mm-divider):after {
  border-bottom: 1px solid transparent;
  background: linear-gradient(#EBEBEB 0 0) 80% calc((100% - 2px)/90%) 2px;
  background-repeat: no-repeat;
  background-position: left bottom, 4px 0;
}
.mm-listview a:hover {
  text-decoration: none;
}
.mm-listview > li {
  position: relative;
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.mm-listview > li a,
.mm-listview > li span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 1.2em 0em 1.2em 1.2em;
  margin: 0;
  line-height: 1em;
  color: #0B0039;
}
.mm-listview > li.mob-basket a,
.mm-listview > li.mob-queries a {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}
.mm-listview > li.mob-basket a .numberOfItemsBasket,
.mm-listview > li.mob-queries a .numberOfItemsBasket,
.mm-listview > li.mob-basket a .numberOfItemsQueries,
.mm-listview > li.mob-queries a .numberOfItemsQueries {
  padding-left: 0.25em;
}
.closemenu {
  background: url("/UI/images/icons/circled_cancel.svg");
  background-repeat: no-repeat;
  border: none;
  height: 1.5em;
  width: 1.5em;
  padding-bottom: 1em;
  display: block;
  margin-right: 1em;
  margin-left: auto;
}
li.link-for-public a {
  color: #00888D;
}
li.link-for-solicitors a {
  color: #8D5C12;
}
li.link-for-trainees a {
  color: #E56A54;
}
li.single-menu a {
  color: #0B0039;
}
.mob-hamburger {
  float: right;
  margin: 1.2em 1.2em;
  display: none;
}
@media only screen and (max-width: 810px) {
  .mob-hamburger {
    display: block;
  }
}
@media only screen and (max-width: 390px) {
  .mob-hamburger {
    padding-left: 0em;
    padding-right: 0em;
  }
}
.mob-hamburger .fa-bars {
  color: #0B0039;
}
@media only screen and (max-width: 810px) {
  .search-box {
    display: none !important;
  }
  .mob-navigation-lawdirectory:nth-child(3),
  .mob-navigation-lawdirectory:nth-child(4),
  .mob-navigation-lawdirectory:nth-child(5) {
    display: none;
  }
}
@media only screen and (max-width: 810px) {
  li#mob-navigation.mob-navigation-lawdirectory:nth-child(3),
  li#mob-navigation.mob-navigation-lawdirectory:nth-child(4),
  li#mob-navigation.mob-navigation-lawdirectory:nth-child(5) {
    display: block;
  }
  ul.clearfix li {
    display: none;
  }
  ul.clearfix li.public,
  ul.clearfix li.solicitors,
  ul.clearfix li.trainees,
  ul.clearfix li.hr,
  ul.clearfix li.people,
  ul.clearfix li.it {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  ul.clearfix li.public,
  ul.clearfix li.solicitors,
  ul.clearfix li.trainees,
  ul.clearfix li.hr,
  ul.clearfix li.people,
  ul.clearfix li.it {
    display: none;
  }
}
/*.hyperlink-style() {
    a {
        padding: 1.23em 0 1.23em 0;
        transition: 0.2s all;
        color: @colour--greyscale__grey6;

        &:link {
            text-decoration: none;
        }

        &:hover {
            color: @color-primary-navy;
        }
    }
}*/
.footer-intranet {
  background-color: #0F014D !important;
  color: #F8F5EF;
  padding-top: 4rem;
}
.footer-intranet .content {
  display: flex;
  flex-flow: column;
}
.footer-intranet .content .content-left {
  display: flex;
  border-bottom: 1px solid #D8BB8B;
  padding-bottom: 4rem;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .footer-intranet .content .content-left {
    display: block;
  }
}
.footer-intranet .content .content-left .footer-logo {
  background-image: url("/UI/images/LSI-logo.svg");
  height: 2.188rem;
  background-repeat: no-repeat;
  width: 18.75rem;
  background-position-x: left;
  background-position-y: top;
  margin-top: 1rem;
}
.footer-intranet .content .content-left .footer-item {
  flex: 1;
  width: 50% !important;
  margin: 1.23em 0 1.23em 0;
}
@media only screen and (max-width: 768px) {
  .footer-intranet .content .content-left .footer-item {
    width: 100% !important;
  }
}
.footer-intranet .content .content-left .footer-item .text-hyperlink-light {
  display: flex;
  align-items: anchor-center;
}
.footer-intranet .content .content-right .content-right-content {
  display: flex;
}
@media only screen and (max-width: 390px) {
  .footer-intranet .content .content-right .content-right-content {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.footer-intranet .content .content-right .content-right-content .footer-socials {
  flex: 1;
  display: flex;
  gap: 2rem;
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.footer-intranet .content .content-right .content-right-content .footer-socials .social-link {
  opacity: 0.74;
  align-items: center;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 8px;
  background: transparent;
  transition: background-color 0.25s ease, transform 0.2s ease;
  text-decoration: none;
}
.footer-intranet .content .content-right .content-right-content .footer-socials .social-link:hover {
  opacity: unset;
}
.footer-intranet .content .content-right .content-right-content .footer-socials .social-link:focus {
  opacity: 0.74;
  border: 1px solid #EFE4D1;
  border-radius: 6px;
}
.footer-intranet .content .content-right .content-right-content .footer-socials .social-link:active {
  background-color: #EFE4D1;
}
.footer-intranet .content .content-right .content-right-content .footer-socials .social-link:active .social-icon {
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.footer-intranet .content .content-right .content-right-content .item.copyright {
  flex: 1;
}
.footer-intranet .content .content-right .content-right-content .item.copyright .copyright-text p {
  color: #F8F5EF !important;
}
.intranet-utility .topnav-header-base {
  display: flex;
  width: 100%;
  justify-content: center;
}
.topnav-header-base.navy {
  font-family: 'Archivo' !important;
  background-color: #0B0039 !important;
  width: 100% !important;
  max-width: none !important;
}
.topnav-header-base.navy .base {
  padding: 0 !important;
  width: 100% !important;
}
.topnav-header-base.navy .menu-topitems .menu-top {
  background-color: transparent !important;
}
.topnav-header-base.navy .menu-topitems .menu-top li.menutop--login {
  background: #007377 !important;
}
.topnav-header-base.navy .menu-topitems .menu-top .LawURL {
  background-color: transparent !important;
  margin-right: 2em !important;
}
.topnav-header-base.navy .menu-topitems .menu-top .LawURL a {
  text-decoration: none;
  color: #FFFFFF !important;
  font-family: 'Archivo' !important;
  font-size: 1rem;
  text-transform: lowercase !important;
  padding: 0 !important;
}
.intranet .menu-top {
  border-bottom: 0.063em solid #0B0039;
}
#basketnavig a span.material-icons-outlined,
#queriesnavig a span.material-icons-outlined,
.mob-basket a span.material-icons-outlined,
.mob-queries a span.material-icons-outlined {
  padding-left: 0;
}
#basketnavig a span.numberOfItemsBasket:before,
#queriesnavig a span.numberOfItemsBasket:before,
.mob-basket a span.numberOfItemsBasket:before,
.mob-queries a span.numberOfItemsBasket:before,
#basketnavig a span.numberOfItemsQueries:before,
#queriesnavig a span.numberOfItemsQueries:before,
.mob-basket a span.numberOfItemsQueries:before,
.mob-queries a span.numberOfItemsQueries:before {
  content: '(';
}
#basketnavig a span.numberOfItemsBasket:after,
#queriesnavig a span.numberOfItemsBasket:after,
.mob-basket a span.numberOfItemsBasket:after,
.mob-queries a span.numberOfItemsBasket:after,
#basketnavig a span.numberOfItemsQueries:after,
#queriesnavig a span.numberOfItemsQueries:after,
.mob-basket a span.numberOfItemsQueries:after,
.mob-queries a span.numberOfItemsQueries:after {
  content: ')';
}
.menu--top__mobile {
  display: none;
}
.menu--top__mobile a.profile-name.span-name {
  width: 7.5em;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0em;
}
/* APPLYING MEDIA QUERIES */
@media only screen and (max-width: 810px) {
  .menu-top {
    display: none !important;
  }
  .header {
    margin-top: 0em !important;
  }
  .menu-topitems__mobile {
    display: flex;
    color: #0F014DBD;
    font-weight: 400;
    font-family: 'Archivo';
    font-size: 0.833em;
    font-style: 400;
    text-align: center;
    letter-spacing: 0.015625em;
    margin: 0em 2em;
  }
  .menu-topitems__mobileli {
    list-style: none;
  }
  /*New table style */
  .topnav-header-base {
    padding: 0em !important;
    margin: 0em !important;
    width: 100% !important;
    padding: 0em 1.25em;
  }
  .menu--top__mobile {
    display: block;
    display: flex;
    text-align: center;
    color: #FFFFFF !important;
  }
  .menu--top__mobile li {
    text-transform: uppercase;
    float: left;
    list-style: none;
    margin-right: 1em;
    height: 3em;
    display: inline;
    width: 7.5em;
  }
  .menu--top__mobile li:last-child {
    margin-right: 2em;
  }
  .menu--top__mobile li.LawURL {
    background-color: transparent !important;
    margin-right: 2em !important;
    display: flex;
  }
  .menu--top__mobile li.LawURL a {
    text-decoration: none;
    color: #FFFFFF !important;
    font-family: 'Archivo' !important;
    font-size: 1rem;
    padding: 0 !important;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    text-transform: lowercase !important;
  }
  .menu--top__mobile li.search {
    background-color: #0B0039;
  }
  .menu--top__mobile li.menutop--login.lda {
    background-color: #A67F42 !important;
  }
  .menu--top__mobile li.login {
    background-color: #007377;
  }
  .menu--top__mobile li a {
    text-decoration: none;
    cursor: pointer;
    padding: 1.2em 2em;
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-family: 'Manrope';
    font-size: 0.833rem;
    line-height: 1.125em;
    text-align: center;
    letter-spacing: 0.015625em;
    color: #FFFFFF;
  }
  .menu--top__mobile li a .material-icons {
    font-size: 1.093em !important;
  }
  .menu--top__mobile li a :visited {
    color: #FFFFFF;
  }
  .menutop--login {
    width: 7.5em;
    height: 3em;
    background-color: #007377;
  }
  .menutop--login.lda {
    background-color: #A67F42 !important;
  }
  .menutop--logina.profile-name.span-name {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 810px) and only screen and (max-width: 1024px) {
  .topnav-header-base {
    padding: 0;
  }
}
@media only screen and (max-width: 360px) {
  .navy .base {
    margin: 0 !important;
  }
  .menu--top__mobile {
    width: 100%;
  }
  .menu--top__mobile li {
    height: 3em !important;
    width: 50% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .menu--top__mobile li.menutop--login.lda {
    background-color: #A67F42 !important;
  }
  .menu--top__mobile li a {
    width: 100%;
    margin: 0 auto;
  }
  .menu--top__mobile li a.profile-name.span-name {
    width: 11em !important;
  }
}
/*https://codepen.io/Gurkarans/pen/abVewwm?editors=1100*/
.law-directory .header .logo {
  margin-top: -2em;
  float: unset;
}
.law-directory .header .logo .desktop-logo {
  margin-top: 2em;
}
@media only screen and (max-width: 768px) {
  .law-directory .header .logo {
    margin-top: 0;
    height: unset;
  }
  .law-directory .header .logo a {
    background: url("/UI/images/LSOI_LD_Logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 1rem;
  }
  .law-directory .header .logo .mobile-logo {
    display: none;
  }
}
.law-directory .base.clearfix.lawdir {
  margin: auto;
  position: relative;
  width: 100%;
  max-width: 1280px;
  padding: 0em 1.25em;
}
@media only screen and (max-width: 768px) {
  .law-directory .main-nav {
    margin: 0em 1em 0em 0em;
  }
}
.logo {
  /*width: 9em;
    height: 9em;
    float: left;

    & a {
        width: 9em;
        height: 9em;
        display: block;
        position: absolute;
        z-index: 100;
    }

    .responsive(@mediaquery--360px, {
        height: unset;
    }

    );*/
}
.header img {
  /*width: 100%;
    display: block;*/
}
img.mobile-logo {
  display: none;
  width: 20rem;
}
@media only screen and (max-width: 768px) {
  img.mobile-logo {
    display: block !important;
  }
}
@media only screen and (max-width: 467px) {
  img.mobile-logo {
    height: 90%;
    width: 90%;
    margin-top: 0em;
  }
}
@media only screen and (max-width: 360px) {
  img.mobile-logo {
    display: block;
    margin-top: 0.5em;
  }
}
.base.header-bar {
  width: auto;
}
@media only screen and (max-width: 768px) {
  .base.header-bar {
    float: none;
    margin: 0;
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row;
    padding: 1rem !important;
    align-items: anchor-center;
  }
}
.desktop-logo {
  /* object-fit: scale-down;
    margin-left: 1em;
    margin-top: -2em;

    .responsive(@mediaquery--768px, {
        display: none !important;
    }

    );*/
}
@media only screen and (max-width: 768px) {
  .desktop-logo {
    display: none !important;
  }
}
.search-box {
  display: inline-block;
  width: 100%;
  right: 1.2em;
  /*input*/
}
.search-box .input-wrapper {
  /*height: 3em;*/
  float: right;
  display: flex;
  align-items: center;
  margin-top: 1.5em;
  border-radius: 5px;
}
.search-box .input-wrapper:hover {
  border-color: #A3C7D2;
  box-shadow: 0px 0.125em 0.375em rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
  .search-box .input-wrapper {
    display: none;
  }
}
.search-box .inputText {
  border: none;
  background: none !important;
  color: #0F014DBD;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
  font-size: 1em;
  font-family: 'Archivo';
}
.search-box .inputText::placeholder {
  color: #B5B5B5;
}
.search-box .inputText:hover {
  border-color: #FFFFFF;
  box-shadow: none;
}
.search-box .inputText:focus {
  outline: none !important;
  border-color: #1E1A34;
}
.search-box .inputText .error {
  background-color: #FFE6E6;
  border-color: #E60000;
  color: #0B0039;
}
.search-box .inputText .disabled {
  background-color: #EBEBEB;
  border-color: #838383;
  color: #838383;
}
.search-box .inputText .disabled:hover {
  background-color: #EBEBEB;
  border-color: #838383;
  color: #838383;
}
.search-box .btnsearchicon {
  padding-top: 0.2em;
  color: #0B0039;
  margin-left: -1.7em;
}
.btntp {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 4rem;
  margin: 1em 1.6875em;
  overflow: visible;
  z-index: 999998;
  right: 0;
  border-radius: 3rem;
  border: 2px solid #0F014DD4;
  background: #FAF8F3;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  width: 4rem;
  height: 4rem;
}
.btntp:hover {
  opacity: 0.75;
}
.btntp:focus-visible {
  outline: 1px solid #0F014DD4;
}
.btntp:active {
  background: #0F014DD4;
  outline: 1px solid #FAF8F3;
}
.btntp:active i {
  color: #FAF8F3;
}
.btntp .btntext {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.0313rem !important;
  line-height: 1.125rem !important;
  color: #FFFFFF !important;
}
.btntp i {
  color: #0F014DD4;
  font-size: 48px;
}
.breadcrumb--container {
  background-color: #FDFDFB;
  border-top: 1px solid #F7F3EB;
  border-bottom: 1px solid #F7F3EB;
}
.breadcrumb--container .base {
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 1279px) {
  .breadcrumb--container .base {
    padding: 0rem 2rem;
  }
}
@media only screen and (max-width: 390px) {
  .breadcrumb--container .base {
    padding: 0rem 1rem;
  }
}
.breadcrumb--container .btnback {
  display: none;
}
.breadcrumb--container .crumbs {
  display: flex;
  flex-wrap: nowrap;
  list-style-type: none;
  max-width: 100em;
  padding-top: 1em;
  padding-bottom: 1em;
  gap: 1rem;
  align-items: center;
}
.breadcrumb--container .crumbs a {
  color: #0F014D99;
  text-decoration: none;
  display: inline-block;
  min-height: 1.5rem;
}
.breadcrumb--container .crumbs a:hover {
  color: #0F014DB0;
}
.breadcrumb--container .crumbs a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DB0;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
  outline: none;
}
.breadcrumb--container .crumbs .crumb {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow: hidden;
  color: #0F014D99;
  align-items: center;
}
.breadcrumb--container .crumbs .crumb.crumb--home {
  width: auto;
  min-width: auto;
}
.breadcrumb--container .crumbs .crumb.crumb--home a,
.breadcrumb--container .crumbs .crumb.crumb--home span.material-symbols-outlined {
  color: #0F014D99;
  display: flex;
  align-items: center;
}
.breadcrumb--container .crumbs .crumb.crumb--home a:hover,
.breadcrumb--container .crumbs .crumb.crumb--home span.material-symbols-outlined:hover {
  opacity: 0.75;
  cursor: pointer;
}
.breadcrumb--container .crumbs .crumb.crumb--home a:focus,
.breadcrumb--container .crumbs .crumb.crumb--home span.material-symbols-outlined:focus {
  border-radius: 10px;
  border: 1px solid #0F014DB0;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.breadcrumb--container .crumbs .crumb .crumb__link,
.breadcrumb--container .crumbs .crumb span.material-symbols-outlined {
  color: #0F014D99;
  text-decoration: none;
  display: inline-block;
  min-height: 1.5rem;
}
.breadcrumb--container .crumbs .crumb .crumb__link:hover,
.breadcrumb--container .crumbs .crumb span.material-symbols-outlined:hover {
  opacity: 0.75;
  cursor: pointer;
}
.breadcrumb--container .crumbs .crumb .crumb__link:focus,
.breadcrumb--container .crumbs .crumb span.material-symbols-outlined:focus {
  border-radius: 10px;
  border: 1px solid #0F014DB0;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
  outline: none;
}
.breadcrumb--container .crumbs .crumb .crumb__sep {
  color: #0F014D99;
  display: inline-block;
  width: 1rem;
  min-height: 1.5rem;
  line-height: 1.5rem;
}
.breadcrumb--container .crumbs .crumb.crumb--current {
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #0F014DBD;
}
.breadcrumb--container .crumbs .crumb.crumb--current .crumb__current {
  display: inline-block;
  min-height: 1.5rem;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.intranet .breadcrumb--container {
  background-color: #FDFDFB;
}
/*.law-directory {
    .breadcrumb--container {
        background-color: @colour--greyscale__grey2;

        .crumbs {

            .crumb {
                color: @colour--greyscale__grey5;

                a {
                    color: @colour--greyscale__grey5;
                    border-bottom: solid 1px @colour--greyscale__grey5;
                }

                .responsive(@mediaquery--768px, {
                    &:nth-of-type(2) {
                        &::after {
                            content: @icon--chevrons__right-gery;
                        }
                    }
                }

                );
            }
        }
    }
}
*/
.top-content .full.block.carouselblock.span12 {
  max-width: 1280px;
  margin: 0 auto;
}
#dvShowBanner .featured-news h2 {
  background: rgba(11, 0, 57, 0.8);
  text-align: left;
  color: #FFFFFF;
  z-index: 3;
  top: 18%;
  height: auto;
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0 bottom;
  background-size: 64px 0.1875em;
  padding: 0em 0em 1em 0em;
}
#dvShowBanner .featured-news p {
  padding-top: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #FFFFFF !important;
  align-items: center;
}
.fluidHeight {
  width: 100%;
  height: 33rem;
  margin-bottom: 1rem;
}
.fluidHeight .sliderContainer {
  height: 100%;
  padding: 0 0;
}
.fluidHeight .sliderContainer .next {
  position: absolute;
  right: 1em;
  top: 43%;
  z-index: 2;
  width: 2em;
  height: 2em;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  background-size: 2em;
  background: url("/UI/images/icons/chevron_right.svg") no-repeat;
  padding-right: 2em;
  background-size: contain;
}
.fluidHeight .sliderContainer .prev {
  position: absolute;
  left: 1em;
  top: 43%;
  z-index: 2;
  width: 2em;
  height: 2em;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
  background: url("/UI/images/icons/chevron_left.svg") top left no-repeat;
  background-size: contain;
  padding-right: 2em;
}
.fluidHeight .sliderContainer .iosSlider {
  clear: both;
  width: 100%;
  height: 100%;
  position: relative;
}
.fluidHeight .sliderContainer .iosSlider .slider {
  width: 100%;
  height: 100%;
}
.fluidHeight .sliderContainer .iosSlider .slider .item {
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  position: relative;
}
.fluidHeight .sliderContainer .iosSlider .slider .item img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  display: block;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline {
  background: rgba(11, 0, 57, 0.8);
  text-align: left;
  color: #FFFFFF;
  z-index: 3;
  top: 18%;
  height: auto;
  position: absolute;
  left: 4.5625em;
  width: 40%;
  padding: 2em;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .customradio {
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 1rem;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .customradio input[type="radio"] {
  position: relative;
  display: inline-block;
  margin-left: 1em;
  border: 1px solid #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .customradio input[type="radio"]:checked {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 0.25em #0B0039;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .customradio input[type="radio"]:hover {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 0.25em #0B0039;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .carousel-learnmore-link {
  display: flex;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .carousel-learnmore-link a {
  padding-top: 1em;
  display: flex;
  color: #FAFAFA;
  text-decoration: underline;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .carousel-learnmore-link i {
  text-decoration: none;
  padding-top: 0.7em;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline .carousel-learnmore-link:hover {
  opacity: 0.5;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline h2 {
  font-family: 'PT Serif' !important;
  font-weight: 700 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0em !important;
  line-height: 2.3125em !important;
  color: #FFFFFF !important;
  margin: 0;
}
.fluidHeight .sliderContainer .iosSlider .slider .item .headline p {
  padding-top: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #FFFFFF !important;
  align-items: center;
}
/****We migth need this in the future*/
@media all and (max-width: 768px) {
  .fluidHeight {
    height: 100%;
  }
  .fluidHeight .sliderContainer .next {
    top: 25%;
  }
  .fluidHeight .sliderContainer .prev {
    top: 25%;
  }
  .fluidHeight .sliderContainer .iosSlider {
    height: 36.625em !important;
  }
  .fluidHeight .sliderContainer .iosSlider .slider .item img {
    height: auto;
    display: block;
  }
  .fluidHeight .sliderContainer .iosSlider .slider .item .headline {
    background: #0B0039;
    left: 0;
    margin: 0;
    width: 100%;
    top: unset;
  }
}
@media only screen and (max-width: 576px) {
  .fluidHeight .sliderContainer .next {
    top: 12%;
  }
  .fluidHeight .sliderContainer .prev {
    top: 12%;
  }
  .fluidHeight .sliderContainer .iosSlider {
    height: 32.625em !important;
  }
}
/*THIS FILE TO BE DELETED*/
/*
.heading--bottomborder(@color, @padding_left) {
    background: transparent linear-gradient(to top, @color, @color) no-repeat @padding_left bottom;
    background-size: 112px 2px;
}

*/
/*

.tlist {
    display: flex;
    max-width: 1280px;
    margin: auto;
    background: @colour--greyscale__white;
    padding: 4em 1.25em;



    .responsive(@mediaquery--1024px, {
        margin: 4em;
    }

    );

    .responsive(@mediaquery--810px, {
        padding: 0;
        margin: 0rem 2rem 0rem 2rem;
    }

    );

    .responsive(@mediaquery--768px, {
        padding: 1.25em 0;
        margin: 0em;
    }

    );

    .responsive(@mediaquery--576px, {
        padding: 0em;
    }

    );

    & .listimg-mob {
        display: none;
    }

    .tlist-links {
        padding-bottom: 1em;
        width: 50%;

        .listheader {
            padding-bottom: 2em;

            .responsive(@mediaquery--768px, {
                padding: 1.5em;
            }

            );

            .responsive(@mediaquery--576px, {
                padding: 2rem 1rem;
            }

            );

            p {
                background: transparent linear-gradient(to top, #B5B5B5, #B5B5B5) no-repeat 0em bottom;
                padding-top: 2em;
                padding-bottom: 2em;
                background-size: 100% 1px;
                text-align: left;
            }

            h3 {
                margin-top: 0;
            }
        }

        .mainlist {

            ul {
                display: grid;
                gap: 2.125em;
                grid-template-columns: 2fr 2fr;

                li {
                    display: flex;
                    align-items: center;
                    background: none;
                    padding-left: unset;
                    margin-top: unset;
                    margin-left: unset;

                    a {
                        text-decoration: underline;
                        color: @colour--primary__brand1;

                        &:hover {
                            opacity: 0.5;
                        }
                    }
                }
            }
        }
    }

    & .listimg {

        width: 20.5em;
        height: 20.5em;
        display: flex;


        & img {
            margin: 0;
            object-fit: cover;
            overflow: hidden;
            width: 100%;
        }
    }

    & .link-for-public {
        & .listheader {
            & h3 {
                color: @colour--secondary__brand2-dark;

                & span {
                    .menuitem--bottomborderlist(@colour--secondary__brand2-dark, 0,0,1rem,3.5rem,3px);
                }
            }
        }
    }

    & .link-for-solicitors {
        & .listheader {
            & h3 {
                color: @colour--primary__brand3;

                & span {
                    .menuitem--bottomborderlist(@colour--primary__brand3, 0,0,1rem,3.5rem,3px);
                }
            }
        }
    }

    & .link-for-trainees {
        padding-left: 2.5em;

        & .listheader {
            & h3 {
                color: @colour--primary__brand4;

                & span {
                    .menuitem--bottomborderlist(@colour--primary__brand4, 0,0,1rem,3.5rem,3px);
                }
            }
        }

        & .listimg-mob {
            padding-top: 2em;
        }
    }

    & .link-for-wellbeing {

        & .listheader {
            & h3 {
                color: @colour--primary__brand1;

                & span {
                    .menuitem--bottomborderlist(@colour--primary__brand2, 0,0,1rem,3.5rem,3px);
                }
            }
        }
    }

    .responsive(@mediaquery--768px, {


        .tlist-links {
            width: 100%;
            padding: 0;

            .listheader {

                p {
                    background: none;
                    padding-bottom: 0em;
                }
            }

            .listimg-mob {
                display: block;
                padding-top: 1em;

                img {
                    object-fit: cover;
                    width: -webkit-fill-available;
                    width: -moz-available;
                    margin: 0;
                }
            }

            .mainlist {
                padding: 24px;

                ul {
                    gap: 1.875em;
                    grid-template-columns: 1fr;
                }
            }
        }

        .link-for-public {
            & .mainlist {
                padding: 1.5em;
            }
        }

        .listimg {
            display: none;
        }

        .link-for-solicitors {
            .mainlist {
                padding: 1.500em;
            }
        }

        .link-for-trainees {
        }
    }

    );
}

.reverse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;

    & .listimg {
        padding: 0;
    }
}

.listbtn {
    padding-top: 2em;

    .responsive(@mediaquery--768px, {
        padding: 1.25em;
    }

    );

    .responsive(@mediaquery--576px, {
        margin: 0 1rem;
        padding: 0;
    }

    );

}
*/
.booking-accordion .accordion-activate a.accordion-header > span {
  color: #FDFDFB;
}
.accordion {
  background-color: unset;
  border-radius: 3px;
  width: 100%;
  text-align: left;
  border: none;
  cursor: pointer;
  padding: 1em;
  text-transform: none;
  background-image: url("/UI/images/icons/add_navy24.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  font-size: 2.074rem !important;
  letter-spacing: 0.0156em;
  margin: 1rem 0 !important;
  font-weight: 700 !important;
}
.accordion:hover {
  opacity: 0.74;
}
.accordion:focus {
  border: 1px solid #0F014DD4;
  border-radius: 8px;
}
.accordion:active {
  background-color: #0F014DD4;
  color: #FDFDFB;
  border-radius: 8px;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.accordion:active::after {
  content: url("/UI/images/icons/remove_navy24.svg");
  float: right;
}
@media (prefers-contrast: high) {
  .accordion {
    border: 2px solid currentColor;
  }
  .accordion:focus {
    outline: 3px solid currentColor;
    outline-offset: 1px;
  }
}
div.panel {
  padding: 0 1em;
  display: none;
}
@media only screen and (max-width: 467px) {
  .button .btnclose {
    display: none;
  }
}
.button .btncall {
  width: 50% !important;
  display: none;
  text-align: center;
  padding: 1em;
  margin: 0 !important;
  min-width: auto;
  height: auto;
}
@media only screen and (max-width: 467px) {
  .button .btncall {
    display: block;
  }
}
.button .btnemail {
  width: 50%;
  display: none;
  text-align: center;
  padding: 1em;
  min-width: auto;
  height: auto;
  margin-right: 1em;
}
@media only screen and (max-width: 467px) {
  .button .btnemail {
    display: block;
  }
}
@media only screen and (max-width: 467px) {
  .button {
    display: flex;
    justify-content: space-between;
    padding-left: 0em;
    top: unset;
    right: unset;
    position: unset;
  }
}
.avatar {
  background-size: 5em;
  height: 4.375em;
  width: 4.375em;
  border-radius: 100%;
  position: relative;
}
/*Find a firm Card*/
.firmlist {
  display: flex;
  max-width: 1024px;
  margin: auto;
  justify-content: center;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.15);
  padding: 2rem;
}
.firmlist .image {
  grid-area: image;
}
.firmlist .image img {
  margin: 0;
  width: 7.5em;
  height: 7.5em;
}
.firmlist .content {
  display: block;
  width: 25%;
  padding-right: 2em;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #0B0039 !important;
}
.firmlist .content .name h5 {
  color: #0B0039;
  font-size: 1.2rem;
  font-weight: 700;
}
.firmlist .content .address p {
  margin: 0px;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 467px) {
  .firmlist .content .address {
    padding-top: 1em;
  }
}
@media only screen and (max-width: 467px) {
  .firmlist .content {
    display: block;
    width: 100%;
  }
}
.firmlist .userdetails {
  word-break: break-all;
  width: 50%;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.375em !important;
  color: #0F014DBD !important;
}
.firmlist .userdetails a {
  color: #0F014DBD;
  font-weight: 400;
}
.firmlist .userdetails .material-icons {
  color: #0B0039 !important;
  font-size: 1.5em;
}
.firmlist .userdetails .phone {
  padding: 0.5em;
  display: flex;
  grid-gap: 1em;
}
.firmlist .userdetails .phone span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .firmlist .userdetails .phone {
    padding: 0;
    padding-bottom: 1em;
  }
}
.firmlist .userdetails .email {
  display: flex;
  padding: 0.5em;
  grid-gap: 1em;
}
.firmlist .userdetails .email span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .firmlist .userdetails .email {
    padding: 0;
    padding-bottom: 1em;
  }
}
.firmlist .userdetails .website {
  padding: 0.5em;
  display: flex;
  grid-gap: 1em;
}
.firmlist .userdetails .website span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .firmlist .userdetails .website {
    padding: 0;
    padding-bottom: 1em;
  }
}
@media only screen and (max-width: 467px) {
  .firmlist .userdetails {
    width: 100%;
  }
}
.firmlist .buttons {
  display: flex;
  align-items: center;
  padding-left: 2rem;
}
.firmlist .buttons .btn-primary {
  border: none;
}
@media only screen and (max-width: 467px) {
  .firmlist .buttons {
    padding-left: 0em;
  }
}
@media only screen and (max-width: 467px) {
  .firmlist {
    display: block;
    margin: auto;
    padding: 1em;
  }
}
.firmlistfull {
  padding: 2em;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  font-family: 'Manrope';
  display: flex;
  gap: 2em;
  margin-bottom: 2em;
}
.firmlistfull .button {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .button {
    flex-direction: row;
  }
}
.firmlistfull .imgcontainer {
  display: flex;
  grid-gap: 2em;
  font-weight: 400;
}
.firmlistfull .imgcontainer .image {
  grid-area: image;
}
.firmlistfull .imgcontainer .image img {
  margin: 0;
  width: 7.5em;
  height: 7.5em;
}
.firmlistfull .imgcontainer .username {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 0 1em;
  width: 100%;
}
.firmlistfull .imgcontainer .username .closemenu {
  display: none;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .imgcontainer .username .closemenu {
    display: flex;
    flex: 1;
  }
}
.firmlistfull .imgcontainer .username h5 {
  color: #0B0039;
  font-size: 1.2rem;
  margin: 0;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .imgcontainer .username h5 {
    padding: 0;
    margin-bottom: 1rem;
  }
}
.firmlistfull .usrdetailscontainer {
  display: flex;
  gap: 2em;
  font-weight: 400;
  justify-content: space-around;
}
.firmlistfull .usrdetailscontainer .button {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .usrdetailscontainer .button {
    flex-direction: row;
  }
}
.firmlistfull .usrdetailscontainer .address .formated-address {
  display: flex;
  margin-top: 2em;
  gap: 1em;
  font-size: 1rem;
  color: #0F014DBD;
}
.firmlistfull .usrdetailscontainer .address .formated-address .material-icons {
  color: #0B0039;
  font-size: 1.5em;
}
.firmlistfull .usrdetailscontainer .address .divPII {
  display: none;
}
.firmlistfull .usrdetailscontainer .address .divPII p {
  margin: 2em 0;
}
.firmlistfull .usrdetailscontainer .address .divPII .bold {
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .firmlistfull .usrdetailscontainer .address {
    max-height: unset;
  }
}
@media only screen and (max-width: 467px) {
  .firmlistfull .usrdetailscontainer {
    display: block;
  }
}
.firmlistfull .usrdetails {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
  gap: 1em;
}
.firmlistfull .usrdetails .item {
  display: flex;
  gap: 1em;
}
.firmlistfull .usrdetails .item .icon .material-icons {
  color: #0B0039 !important;
  font-size: 1.5em;
}
.firmlistfull .usrdetails .item .icon .lawsoc-icon-fax {
  content: url("/UI/images/icons/communication_fax_24.svg");
  height: 1.5em;
}
.firmlistfull .usrdetails .item .icon .lawsoc-icon-dx {
  content: url("/UI/images/icons/icon--communication__dx.svg");
  height: 1.5em;
}
.firmlistfull .usrdetails .item .extend-info a {
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  color: #0F014DBD;
  font-weight: 400;
}
.firmlistfull .usrdetails .item .extend-info a:hover {
  color: #A67F42;
}
.firmlistfull .usrdetails .item .extend-info span {
  color: #0F014DBD;
}
.firmlistfull .usrdetails a {
  color: #0F014DBD !important;
  font-weight: 400;
}
.firmlistfull .usrdetails .phone {
  padding: 0.5em;
}
.firmlistfull .usrdetails .phone span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .usrdetails .phone {
    padding: 0;
    padding-bottom: 1em;
  }
}
.firmlistfull .usrdetails .fax {
  padding: 0.5em;
}
.firmlistfull .usrdetails .fax span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .usrdetails .fax {
    padding: 0;
    padding-bottom: 1em;
  }
}
.firmlistfull .usrdetails .email {
  padding: 0.5em;
}
.firmlistfull .usrdetails .email span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .usrdetails .email {
    padding: 0;
    padding-bottom: 1em;
  }
}
.firmlistfull .usrdetails .web {
  padding: 0.5em;
}
.firmlistfull .usrdetails .web span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .firmlistfull .usrdetails .web {
    padding: 0;
    padding-bottom: 1em;
  }
}
@media only screen and (max-width: 467px) {
  .firmlistfull {
    /*height: auto;
        width: 22.5em;
        padding: 1em;*/
  }
}
/*Find a mediator Card*/
.mediatorlist {
  display: flex;
  max-width: 1024px;
  margin: auto;
  justify-content: space-between;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.15);
  padding: 2rem;
}
.mediatorlist .image {
  grid-area: image;
}
.mediatorlist .image img {
  margin: 0;
  width: 7.5em;
  height: 7.5em;
}
.mediatorlist .content {
  display: block;
  width: 25%;
  padding-right: 2em;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #0B0039 !important;
}
.mediatorlist .content .name h5 {
  color: #0B0039;
  font-size: 1.2rem;
  font-weight: 700;
}
@media only screen and (max-width: 467px) {
  .mediatorlist .content .address {
    padding-top: 1em;
  }
}
@media only screen and (max-width: 467px) {
  .mediatorlist .content {
    display: block;
    width: 100%;
  }
}
.mediatorlist .userdetails {
  width: 50%;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.375em !important;
  color: #0F014DBD !important;
}
.mediatorlist .userdetails a {
  color: #0F014DBD !important;
}
.mediatorlist .userdetails .phone {
  padding: 0.5em;
  display: flex;
}
.mediatorlist .userdetails .phone span:nth-child(1) {
  padding-right: 1rem;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlist .userdetails .phone {
    padding: 0;
    padding-bottom: 1em;
  }
}
.mediatorlist .userdetails .email {
  display: flex;
  padding: 0.5em;
}
.mediatorlist .userdetails .email span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlist .userdetails .email {
    padding: 0;
    padding-bottom: 1em;
  }
}
.mediatorlist .userdetails .website {
  padding: 0.5em;
  display: flex;
}
.mediatorlist .userdetails .website span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlist .userdetails .website {
    padding: 0;
    padding-bottom: 1em;
  }
}
@media only screen and (max-width: 467px) {
  .mediatorlist .userdetails {
    width: 100%;
  }
}
.mediatorlist .buttons {
  display: flex;
  align-items: center;
  padding-left: 2rem;
}
.mediatorlist .buttons .btn-primary {
  border: none;
  height: 2em;
}
@media only screen and (max-width: 467px) {
  .mediatorlist .buttons {
    padding-left: 0em;
  }
}
@media only screen and (max-width: 467px) {
  .mediatorlist {
    display: block;
    margin: auto;
    padding: 1em;
  }
}
.mediatorlistfull {
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.15);
  padding: 2em;
  margin: auto;
  display: block;
  position: relative;
}
.mediatorlistfull .imgcontainer {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 1em;
  grid-auto-flow: row;
  grid-template-areas: "username";
}
.mediatorlistfull .imgcontainer .image {
  grid-area: image;
}
.mediatorlistfull .imgcontainer .image img {
  margin: 0;
  width: 7.5em;
  height: 7.5em;
}
.mediatorlistfull .imgcontainer .usernamespecs {
  width: 70%;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.mediatorlistfull .imgcontainer .usernamespecs .username {
  margin-bottom: 1em;
}
.mediatorlistfull .imgcontainer .usernamespecs .username .closemenu {
  display: none;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .imgcontainer .usernamespecs .username .closemenu {
    display: flex;
  }
}
.mediatorlistfull .imgcontainer .usernamespecs .username h5 {
  color: #0B0039;
  font-size: 1.2rem;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .imgcontainer .usernamespecs .username {
    display: flex;
  }
}
.mediatorlistfull .imgcontainer .usernamespecs span {
  padding-bottom: 2em;
  color: #0F014DBD;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .imgcontainer .usernamespecs span {
    padding: 0;
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .imgcontainer .usernamespecs {
    width: 100%;
  }
}
.mediatorlistfull .usrdetailscontainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 4em;
  grid-auto-flow: row;
  grid-template-areas: "address usrdetails";
}
.mediatorlistfull .usrdetailscontainer .address {
  grid-area: address;
}
.mediatorlistfull .usrdetailscontainer .address p {
  display: flex;
}
.mediatorlistfull .usrdetailscontainer .address p span:nth-child(1) {
  padding-right: 1rem;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .usrdetailscontainer {
    display: block;
  }
}
.mediatorlistfull .usrdetails {
  color: #0F014DBD;
}
.mediatorlistfull .usrdetails a {
  color: #0F014DBD;
  font-weight: 400;
}
.mediatorlistfull .usrdetails .phone {
  display: flex;
  align-items: center;
  padding: 0.5em;
}
.mediatorlistfull .usrdetails .phone span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .usrdetails .phone {
    padding: 0;
    padding-bottom: 1em;
  }
}
.mediatorlistfull .usrdetails .fax {
  display: flex;
  align-items: center;
  padding: 0.5em;
}
.mediatorlistfull .usrdetails .fax span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .usrdetails .fax {
    padding: 0;
    padding-bottom: 1em;
  }
}
.mediatorlistfull .usrdetails .email {
  padding: 0.5em;
  display: flex;
  align-items: center;
}
.mediatorlistfull .usrdetails .email span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .usrdetails .email {
    display: flex;
    padding: 0;
    padding-bottom: 1em;
  }
}
.mediatorlistfull .usrdetails .web {
  display: flex;
  align-items: center;
  padding: 0.5em;
}
.mediatorlistfull .usrdetails .web span:nth-child(1) {
  padding-right: 1em;
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull .usrdetails .web {
    padding: 0;
    padding-bottom: 1em;
  }
}
.mediatorlistfull .btnclose {
  height: 2rem;
}
@media only screen and (max-width: 467px) {
  .mediatorlistfull {
    padding: 1em;
    margin: auto;
  }
}
.find-results {
  margin: 2em 0;
}
/*Find a Solcitor Card*/
.card-solicitors {
  padding: 2em;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  font-family: 'Archivo';
  display: flex;
  gap: 2em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 1024px) {
  .card-solicitors {
    display: block;
  }
}
.card-solicitors .hidden {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  .card-solicitors.lda {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  .card-solicitors.lda {
    display: block;
  }
}
.card-solicitors p {
  padding-bottom: 0 !important;
}
.card-solicitors .card-body {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .card-solicitors .card-body {
    margin-bottom: 2em !important;
  }
}
.card-solicitors .card-body .card-display {
  width: 100%;
  display: flex;
  gap: 2em;
}
@media only screen and (max-width: 768px) {
  .card-solicitors .card-body .card-display {
    display: block;
  }
}
.card-solicitors .card-body .card-display .material-symbols-outlined {
  color: #0B0039 !important;
  font-size: 1.5em;
  font-weight: bold;
}
.card-solicitors .card-body .card-display .card-img {
  height: 6.25em;
  width: 6.25em;
  background-image: url("/UI/images/LOGO_WHITE.svg");
  background-color: #0B0039;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
.card-solicitors .card-body .card-display .card-img img {
  width: 6.25em;
  border-radius: 100%;
}
.card-solicitors .card-body .card-display .card-title {
  color: #0B0039 !important;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  column-gap: 1em;
  width: 33.33%;
}
@media only screen and (max-width: 768px) {
  .card-solicitors .card-body .card-display .card-title {
    width: 100%;
  }
}
.card-solicitors .card-body .card-display .card-title h3,
.card-solicitors .card-body .card-display .card-title p {
  margin: 0;
}
.card-solicitors .card-body .card-display .card-title .card-title-h5 {
  font-size: 1.2rem !important;
  margin-bottom: 0 !important;
  font-weight: 700;
  color: #0B0039 !important;
}
.card-solicitors .card-body .card-display .card-title .admitted {
  font-size: 1rem !important;
  font-weight: 400;
  color: #0F014DBD !important;
}
.card-solicitors .card-body .card-display .card-title .qualification {
  font-size: 1rem !important;
  font-weight: 400;
  color: #0F014DBD !important;
}
.card-solicitors .card-body .card-display .card-title .address-line-01 {
  margin-bottom: 0.5em;
}
.card-solicitors .card-body .card-display .card-title .address-line-01.lda-firm {
  color: #0B0039;
  font-weight: 400;
}
.card-solicitors .card-body .card-display .card-contact {
  display: flex;
  flex-direction: column;
  width: 33.33%;
  grid-gap: 1em;
}
@media only screen and (max-width: 768px) {
  .card-solicitors .card-body .card-display .card-contact {
    width: 100% !important;
    grid-gap: 0 !important;
    grid-row-gap: 1em !important;
    flex-flow: wrap !important;
    margin-bottom: 1em;
  }
}
.card-solicitors .card-body .card-display .card-contact.hidden {
  display: none;
}
.card-solicitors .card-body .card-display .card-contact .card-item {
  display: flex;
  grid-gap: 1em;
  color: #0F014DBD;
}
@media only screen and (max-width: 768px) {
  .card-solicitors .card-body .card-display .card-contact .card-item {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .card-solicitors .card-body .card-display .card-contact .card-item {
    width: 100%;
  }
}
.card-solicitors .card-body .card-display .card-contact .card-item .material-icons {
  color: #0B0039 !important;
  font-size: 1.5em;
}
.card-solicitors .card-body .card-display .card-contact .card-item a {
  color: #0F014DBD;
  text-decoration: none;
  padding-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .card-solicitors .card-body .card-display .card-contact .card-item a {
    word-break: break-word;
  }
}
.card-solicitors .card-body .card-display .card-contact .card-item a:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 1024px) {
  .card-solicitors .card-body .card-display .card-contact {
    width: 50%;
  }
}
.card-solicitors .card-body .card-extended {
  width: 100%;
  display: block;
  gap: 2em;
  margin-top: 2em;
  font-size: 1rem !important;
}
.card-solicitors .card-body .card-extended.hidden {
  display: none;
}
.card-solicitors .card-body .card-extended .firm {
  margin: 0;
  padding-bottom: 0 !important;
  padding-top: 2rem;
}
.card-solicitors .card-body .card-extended .firm.lda-firm {
  color: #0B0039 !important;
  font-weight: 400;
}
.card-solicitors .card-body .card-extended .card-container {
  display: flex;
  gap: 2em;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .card-solicitors .card-body .card-extended .card-container {
    display: block;
  }
}
.card-solicitors .card-body .card-extended .card-container .extended-left {
  width: 33.33%;
}
.card-solicitors .card-body .card-extended .card-container .extended-left .location {
  display: flex;
  margin-top: 2em;
  gap: 1em;
}
.card-solicitors .card-body .card-extended .card-container .extended-left .location .icon .material-icons {
  color: #0B0039 !important;
  font-size: 1.5em;
}
.card-solicitors .card-body .card-extended .card-container .extended-left .location .address {
  font-size: 1rem;
  color: #0F014DBD;
}
@media only screen and (max-width: 768px) {
  .card-solicitors .card-body .card-extended .card-container .extended-left {
    width: 100%;
  }
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
  gap: 1em;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item {
  display: flex;
  gap: 1em;
  word-break: break-word;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item .icon .material-icons {
  color: #0B0039 !important;
  font-size: 1.5em;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item .icon .lawsoc-icon-fax {
  content: url("/UI/images/icons/communication_fax_24.svg");
  height: 1.5em;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item .icon .lawsoc-icon-dx {
  content: url("/UI/images/icons/icon--communication__dx.svg");
  height: 1.5em;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item .extend-info {
  color: #0F014DBD;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item .extend-info a {
  text-decoration: none;
  font-size: 1rem;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  color: #0F014DBD;
  font-weight: 400;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item .extend-info a:hover {
  opacity: 0.5;
}
.card-solicitors .card-body .card-extended .card-container .extended-right .details .item .extend-info span {
  color: #0F014DBD;
}
.card-solicitors .card-view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*input {
            border: none;
        }*/
}
hr {
  border: 2px solid #DDCBA4;
  color: #DDCBA4;
  background-color: #DDCBA4;
  margin: 4rem 0 4rem 0;
}
.committee-table td,
.practising-table td {
  display: grid;
  padding-left: 1em;
  padding-right: 1em;
}
.committee-table li,
.practising-table li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
  background: #FFFFFF !important;
  border: 1px solid #EBEBEB;
  box-sizing: border-box;
  border-radius: 3px;
  margin-top: 1em !important;
  margin-left: 0em !important;
}
.committee-table li div,
.practising-table li div {
  display: grid;
}
.committee-table li:hover,
.practising-table li:hover {
  background: #FFFFFF;
  opacity: 0.5;
  border: 1px solid #A3C7D2;
  /* Drop Shadow */
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.15);
}
.committee-table li:active,
.practising-table li:active {
  background: #FFFFFF;
  opacity: 1;
  border: 1px solid #EBEBEB;
  box-shadow: none;
}
.committee-table li a,
.practising-table li a {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.44rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
  margin: 0em 1rem;
  text-decoration: none !important;
}
.committee-table li a:hover,
.practising-table li a:hover {
  color: #0B0039;
}
.committee-table li::before,
.practising-table li::before {
  margin-bottom: -0.4375em;
}
.committee-table li.ADR::before,
.practising-table li.ADR::before {
  content: url("/UI/images/icons/PracticeAreas/ADR.svg");
}
.committee-table li.Business_Law::before,
.practising-table li.Business_Law::before {
  content: url("/UI/images/icons/PracticeAreas/Business_Law.svg");
}
.committee-table li.Complaints_Client_Relations::before,
.practising-table li.Complaints_Client_Relations::before {
  content: url("/UI/images/icons/PracticeAreas/Complaints_Client_Relations.svg");
}
.committee-table li.Conveyancing::before,
.practising-table li.Conveyancing::before {
  content: url("/UI/images/icons/PracticeAreas/Conveyancing.svg");
}
.committee-table li.Criminal_Law::before,
.practising-table li.Criminal_Law::before {
  content: url("/UI/images/icons/PracticeAreas/Criminal_Law.svg");
}
.committee-table li.Curriculum_Development_Unit::before,
.practising-table li.Curriculum_Development_Unit::before {
  content: url("/UI/images/icons/PracticeAreas/Curriculum_Development_Unit.svg");
}
.committee-table li.Education::before,
.practising-table li.Education::before {
  content: url("/UI/images/icons/PracticeAreas/Education.svg");
}
.committee-table li.Employment_Equality_Law::before,
.practising-table li.Employment_Equality_Law::before {
  content: url("/UI/images/icons/PracticeAreas/Employment_Equality_Law.svg");
}
.committee-table li.Environmental_and_Planning::before,
.practising-table li.Environmental_and_Planning::before {
  content: url("/UI/images/icons/PracticeAreas/Environmental_and_Planning.svg");
}
.committee-table li.EU_International_Affairs::before,
.practising-table li.EU_International_Affairs::before {
  content: url("/UI/images/icons/PracticeAreas/EU_International_Affairs.svg");
}
.committee-table li.IntellectualProperty::before,
.practising-table li.IntellectualProperty::before {
  content: url("/UI/images/icons/PracticeAreas/Intellectual_Property_Data_Protection_Law.svg");
}
.committee-table li.Family_Child_Law::before,
.practising-table li.Family_Child_Law::before {
  content: url("/UI/images/icons/PracticeAreas/Family_Child_Law.svg");
}
.committee-table li.Finance::before,
.practising-table li.Finance::before {
  content: url("/UI/images/icons/PracticeAreas/Finance.svg");
}
.committee-table li.Gazette_Editorial::before,
.practising-table li.Gazette_Editorial::before {
  content: url("/UI/images/icons/PracticeAreas/Gazette_Editorial.svg");
}
.committee-table li.Guidance_Ethics::before,
.practising-table li.Guidance_Ethics::before {
  content: url("/UI/images/icons/PracticeAreas/Guidance_Ethics.svg");
}
.committee-table li.Human_Rights_Equality::before,
.practising-table li.Human_Rights_Equality::before {
  content: url("/UI/images/icons/PracticeAreas/Human_Rights_Equality.svg");
}
.committee-table li.In-house_Public_Sector::before,
.practising-table li.In-house_Public_Sector::before {
  content: url("/UI/images/icons/PracticeAreas/In-house_Public_Sector.svg");
}
.committee-table li.IP_DP_Law::before,
.practising-table li.IP_DP_Law::before {
  content: url("/UI/images/icons/PracticeAreas/IP_DP_Law.svg");
}
.committee-table li.Litigation::before,
.practising-table li.Litigation::before {
  content: url("/UI/images/icons/PracticeAreas/Litigation.svg");
}
.committee-table li.LS_Skillnet_Steering::before,
.practising-table li.LS_Skillnet_Steering::before {
  content: url("/UI/images/icons/PracticeAreas/LS_Skillnet_Steering.svg");
}
.committee-table li.Money_Laundering_Reporting::before,
.practising-table li.Money_Laundering_Reporting::before {
  content: url("/UI/images/icons/PracticeAreas/Money_Laundering_Reporting.svg");
}
.committee-table li.PII::before,
.practising-table li.PII::before {
  content: url("/UI/images/icons/PracticeAreas/PII.svg");
}
.committee-table li.Probate_Administration_Trusts::before,
.practising-table li.Probate_Administration_Trusts::before {
  content: url("/UI/images/icons/PracticeAreas/Probate_Administration_Trusts.svg");
}
.committee-table li.Public_Relations::before,
.practising-table li.Public_Relations::before {
  content: url("/UI/images/icons/PracticeAreas/Public_Relations.svg");
}
.committee-table li.Regulation_of_Practice::before,
.practising-table li.Regulation_of_Practice::before {
  content: url("/UI/images/icons/PracticeAreas/Regulation_of_Practice.svg");
}
.committee-table li.Taxation::before,
.practising-table li.Taxation::before {
  content: url("/UI/images/icons/PracticeAreas/Taxation.svg");
}
.committee-table li.Technology::before,
.practising-table li.Technology::before {
  content: url("/UI/images/icons/PracticeAreas/Technology.svg");
}
.committee-table li.Younger_Members::before,
.practising-table li.Younger_Members::before {
  content: url("/UI/images/icons/PracticeAreas/Younger_Members.svg");
}
.gss-search hr {
  border: 0.063rem solid #EBEBEB;
  margin: 2rem 0 2rem 0;
}
.gss-search .btn-search-station {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 9.063rem;
  height: 3.063rem;
  gap: 0.5rem;
  background: #00888D;
  border-radius: 3px;
  text-decoration: none;
  color: #FFFFFF;
  margin-top: 2em;
}
.gss-search .btn-search-station:hover {
  opacity: 0.75;
}
.gss-search .btn-search-station:focus {
  background-color: transparent;
  color: #EFE4D1;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.gss-search .btn-search-station:active {
  background-color: #EFE4D1;
  color: #0F014DD4;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
@media only screen and (max-width: 467px) {
  .gss-search .btn-search-station {
    width: 100%;
  }
}
.gss-search #ChangeGSSForm {
  display: flex;
  flex-direction: row;
  grid-gap: 1.25em;
}
@media only screen and (max-width: 467px) {
  .gss-search #ChangeGSSForm {
    flex-direction: column;
  }
}
.gss-search #ChangeGSSForm .column-split {
  flex: 1;
}
.gss-search #ChangeGSSForm h3 {
  margin: 2rem 0;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
.gss-search #gss-result .split-boxes {
  display: flex;
  flex-direction: row;
  grid-gap: 2rem;
  align-items: baseline;
  padding: 2rem;
  margin-bottom: 2em;
  word-break: break-all;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #EFE4D1;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
@media only screen and (max-width: 467px) {
  .gss-search #gss-result .split-boxes {
    display: block;
    width: -webkit-fill-available;
  }
}
.gss-search #gss-result .split-boxes .material-icons {
  color: #0B0039 !important;
  font-size: 1.5rem;
}
.gss-search #gss-result .split-boxes a {
  text-decoration: none !important;
}
.gss-search #gss-result .split-boxes .items {
  display: flex;
  grid-gap: 1em;
}
.gss-search #gss-result .split-boxes .left-box {
  flex: 1;
  margin-bottom: 1.25rem;
}
.gss-search #gss-result .split-boxes .left-box span {
  white-space: normal;
  word-wrap: break-word;
  word-break: keep-all;
}
.gss-search #gss-result .split-boxes .right-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  grid-gap: 1em;
}
div#tblMain .row {
  /*input[type=checkbox] {
        transform: scale(1.5);
    }*/
}
div#tblMain .row:nth-child(2) {
  padding-bottom: 2rem;
}
div#tblMain .row .instruction {
  color: #0F014DBD;
  font-weight: 400;
  float: left;
  width: 100%;
}
div#tblMain .row textarea {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
}
div#tblMain .row .error {
  margin: 0;
  display: block;
}
div#tblMain .row .chkpublic {
  font-weight: 400;
  padding: 2em 0em 4em 1em;
}
div#tblMain .row .detail {
  float: left;
  padding-top: 1em;
  padding-right: 4em;
  width: 12.5em;
}
div#tblMain .row .detail:last-child {
  width: unset;
}
.search {
  max-width: 80em;
  margin: 0 auto;
}
.search .title {
  margin-bottom: 0;
  padding-left: 2rem;
}
.search .flex-container {
  display: flex;
}
.search .flex-container input[type=text] {
  margin-right: 1rem;
}
.search .flex-container .searchfilter {
  padding: 2rem;
  background-color: #FAFAFA;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0F014DBD !important;
}
.search .flex-container .searchfilter h4 {
  padding-bottom: 1em;
}
.search .flex-container .searchfilter .panelfacets h5 {
  padding-bottom: 1rem;
}
.search .flex-container .searchfilter .panelfacets ul li {
  padding-bottom: 2em;
}
@media only screen and (max-width: 768px) {
  .search .flex-container .searchfilter {
    display: none;
  }
}
.search .flex-container .searchresults {
  padding: 4em;
}
.search .flex-container .searchresults .searchcontrol {
  padding-top: 2em;
  padding-bottom: 2em;
}
.search .flex-container .searchresults .mob-searchcontrol {
  display: none;
  padding-bottom: 1em;
}
@media only screen and (max-width: 768px) {
  .search .flex-container .searchresults .mob-searchcontrol {
    display: block;
  }
}
.search .flex-container .searchresults h1 {
  margin: 0;
  padding-bottom: 2rem;
}
.search .flex-container .searchresults .pnlResultsSummary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 1rem;
}
.search .flex-container .searchresults .pnlResultsSummary span {
  color: #0F014DBD;
}
@media only screen and (max-width: 467px) {
  .search .flex-container .searchresults .pnlResultsSummary .searchcount {
    padding-bottom: 3rem;
  }
}
.search .flex-container .searchresults .pnlResultsSummary .searchsortby {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.search .flex-container .searchresults .pnlResultsSummary .searchsortby span {
  padding-right: 0.5rem;
}
@media only screen and (max-width: 467px) {
  .search .flex-container .searchresults .pnlResultsSummary {
    display: block;
  }
}
.search .flex-container .searchresults .col-12 {
  float: unset;
}
.search .flex-container .searchresults .col-12 hr {
  margin-top: 1rem;
  border: 1px solid #EBEBEB;
}
.search .flex-container .searchresults .col-12 hr:first-child {
  margin-top: 0;
  margin-bottom: 2em;
}
.search .flex-container .searchresults .searchresult .subheader {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1em;
}
.search .flex-container .searchresults .searchresult .subheader span {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  font-size: 0.833rem;
}
.search .flex-container .searchresults .searchresult .subheader span:first-child {
  font-family: 'PT Serif';
  font-size: 1rem;
  color: #A67F42;
}
.search .flex-container .searchresults .searchresult h4 {
  margin: 0;
  padding-bottom: 1rem;
}
.search .flex-container .searchresults .searchresult h4 a {
  color: #0B0039;
}
.search .flex-container .searchresults .searchresult h4 a:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .search .flex-container .searchresults {
    padding: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .search .flex-container .searchresults {
    padding: 1rem;
  }
}
.intranet .search {
  max-width: 80em;
  margin: 0 auto;
}
.intranet .search .searchresults {
  padding: 4em;
}
.intranet .search .searchresults h1 {
  margin: 0;
  padding-bottom: 2rem;
}
.intranet .search .searchresults p {
  margin: 0;
  padding-bottom: 2rem;
}
.intranet .search .searchresults input[type=text] {
  margin-right: 1rem;
}
.intranet .search .searchresults .pnlResultsSummary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 1rem;
}
.intranet .search .searchresults .pnlResultsSummary span {
  color: #0F014DBD;
}
@media only screen and (max-width: 467px) {
  .intranet .search .searchresults .pnlResultsSummary .searchcount {
    padding-bottom: 3rem;
  }
}
.intranet .search .searchresults .pnlResultsSummary .searchsortby {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.intranet .search .searchresults .pnlResultsSummary .searchsortby span {
  padding-right: 0.5rem;
}
@media only screen and (max-width: 467px) {
  .intranet .search .searchresults .pnlResultsSummary {
    display: block;
  }
}
.intranet .search .searchresults .col-12 {
  float: unset;
  padding: 0;
}
.intranet .search .searchresults .col-12 hr {
  margin-top: 1rem;
  border: 1px solid #EBEBEB;
}
.intranet .search .searchresults .col-12 hr:first-child {
  margin-bottom: 2em;
}
.intranet .search .searchresults .searchresult .subheader {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1em;
}
.intranet .search .searchresults .searchresult .subheader span {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  font-size: 0.833rem;
}
.intranet .search .searchresults .searchresult .subheader span:first-child {
  font-family: 'PT Serif';
  font-size: 1rem;
  color: #A67F42;
}
.intranet .search .searchresults .searchresult h4 {
  margin: 0;
  padding-bottom: 1rem;
}
.intranet .search .searchresults .searchresult h4 a {
  color: #0B0039;
}
.intranet .search .searchresults .searchresult h4 a:hover {
  opacity: 0.5;
}
.intranet .search .searchresults tr {
  border: none;
  height: 1.75em;
}
.intranet .search .searchresults tr td {
  vertical-align: middle;
  height: 1.75em;
  width: 100%;
}
.intranet .search .searchresults .k-pager-wrap {
  margin: 0 0 0 1em !important;
}
.intranet .search .searchresults .k-pager-wrap .k-pager-info {
  display: none;
}
@media only screen and (max-width: 768px) {
  .intranet .search .searchresults {
    padding: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .intranet .search .searchresults {
    padding: 1rem;
  }
}
.find-a-solicitor {
  background-color: #FAFAFA;
  margin: 0 2em;
}
.find-a-solicitor .tabs .tab__label {
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: 1rem 1.9rem;
  border-radius: 5px;
  background-color: #FFFFFF;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.812em !important;
  color: #0F014DBD !important;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor .tabs .tab__label {
    width: 45%;
    flex-direction: column;
    align-items: flex-start;
    padding: 1em 1.9rem 1rem 0.9rem;
  }
}
@media only screen and (max-width: 576px) {
  .find-a-solicitor .tabs .tab__label {
    width: 100%;
    margin-top: 1em;
  }
}
.find-a-solicitor .tabsinput:checked + label.tab__label--firm {
  background-color: #00888D;
}
.find-a-solicitor .tabs input:checked + label.tab__label {
  color: white;
  background-color: #00888D;
  border-color: transparent;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor {
    margin: 0 1em;
  }
}
.find-a-solicitor__inner {
  max-width: 80em;
  margin: 0 auto;
  padding: 2em;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor__inner .hint {
    display: none;
  }
}
.find-a-solicitor__inner .solicitor-container {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.812em !important;
  color: #0B0039 !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  grid-gap: 2em;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor__inner .solicitor-container {
    display: block;
  }
}
.find-a-solicitor__inner .soloblock label {
  font-weight: 700;
}
.find-a-solicitor__inner .soloblock input[type="text"] {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor__inner .soloblock input[type="text"] {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.find-a-solicitor__inner .soloblock select {
  margin: 0;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor__inner .soloblock select {
    margin-bottom: 2rem;
  }
}
.find-a-solicitor__inner .soloblock .panel-offices-abroad {
  margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor__inner .soloblock .panel-offices-abroad {
    margin-bottom: 2rem;
  }
}
.find-a-solicitor__inner .firm-container {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.812 !important;
  color: #0B0039 !important;
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-gap: 2EM;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .find-a-solicitor__inner .firm-container {
    display: block;
  }
}
.find-a-solicitor__inner .divalert {
  display: none;
  justify-content: space-between;
  align-items: center;
  background: #FFE6E6;
  border-top: 3px solid #E60000;
  margin-top: 2em;
  padding: 1em 2em;
}
.find-a-solicitor__inner .divalert span {
  display: flex;
  align-items: center;
  color: #0F014DBD;
}
.find-a-solicitor__inner .divalert span img {
  padding-right: 1em;
}
@media only screen and (max-width: 467px) {
  .find-a-solicitor__inner {
    padding: 1em;
  }
}
.SearchButton input[type="submit"] {
  display: none;
}
.SearchButton a {
  margin-top: 1.75em;
  padding: 0.7em 0.8em;
  background: #007377;
  color: #FFFFFF;
  display: block;
  width: 3rem;
  height: 3rem;
  text-decoration: none;
  border-radius: 3px;
}
.SearchButton a:hover {
  opacity: 0.5;
  background: #007377;
}
.SearchButton a .btntext {
  display: none;
}
@media only screen and (max-width: 768px) {
  .SearchButton a .btntext {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .SearchButton a .searchicon {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .SearchButton a {
    width: 100%;
    text-align: center;
  }
}
.results .result__inner {
  max-width: 80em;
  padding: 0 3.25rem;
  margin: 0 auto;
}
.results .result__inner .resultsummary {
  display: flex !important;
  justify-content: space-between;
  align-items: baseline;
  background: #FAFAFA;
  padding: 2em;
  margin-bottom: 4em;
}
.results .result__inner .resultsummary span {
  color: #0F014DBD;
}
@media only screen and (max-width: 768px) {
  .results .result__inner .resultsummary .searchcount {
    padding-bottom: 2rem;
    width: 100%;
  }
}
.results .result__inner .resultsummary .searchsortby {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.results .result__inner .resultsummary .searchsortby label {
  padding-right: 0.5rem;
}
.results .result__inner .resultsummary .searchsortby select {
  background-color: #FFFFFF;
  max-width: 10em;
}
@media only screen and (max-width: 768px) {
  .results .result__inner .resultsummary {
    flex-direction: column;
    margin-bottom: 2em;
  }
}
.results .result__inner .searchlegend {
  padding-bottom: 4em;
}
@media only screen and (max-width: 768px) {
  .results .result__inner .searchlegend {
    padding-bottom: 2em;
  }
}
@media only screen and (max-width: 576px) {
  .results .result__inner {
    padding: 0 1.25rem;
  }
}
.profileBlock .profile-section {
  margin: 0 auto;
}
.profileBlock .profile-section .profile-section__body {
  padding: 4em;
  margin: 4em 0;
  border-radius: 3px;
  box-shadow: 0 13px 21px -10px rgba(0, 0, 0, 0.39);
  background-color: #FFFFFF;
  box-sizing: border-box;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
}
.profileBlock .profile-section .profile-section__body .profile-section__head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 467px) {
  .profileBlock .profile-section .profile-section__body .profile-section__head {
    display: block;
  }
}
.profileBlock .profile-section .profile-section__body .notification--success {
  background: #DEFFEC url("/UI/images/icons/circled-success-green.svg") no-repeat 1% 46%;
}
.profileBlock .profile-section .profile-section__body .profile-section__action-buttons {
  grid-gap: 2em;
}
.profileBlock .profile-section .profile-section__body .profile-section__button {
  display: inline-block;
  border-radius: 3px;
  cursor: pointer;
}
.profileBlock .profile-section .profile-section__body .profile-section__button--secondary {
  margin: 0 0 1em 0;
}
.profileBlock .profile-section .profile-section__body .lbl-secondary {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #8D5C12 !important;
  text-decoration: underline;
  cursor: pointer;
}
.profileBlock .profile-section .profile-section__body .lbl-secondary:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 467px) {
  .profileBlock .profile-section .profile-section__body .fullname-mob {
    padding-left: 1em;
  }
}
.profileBlock .profile-section .profile-section__body .personal-info {
  /*.personal-info__photo-overlap-text {
                width: 2.875em;
            }*/
}
.profileBlock .profile-section .profile-section__body .personal-info .personal-info__photo-wrap {
  justify-content: space-between;
  display: flex;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 467px) {
  .profileBlock .profile-section .profile-section__body .personal-info .personal-info__photo-wrap {
    justify-content: unset;
    flex-direction: row;
  }
}
.profileBlock .profile-section .profile-section__body .personal-info .personal-info__photo {
  width: 7.6875em;
  height: 7.6875em;
  display: inline-block;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
.profileBlock .profile-section .profile-section__body .personal-info .personal-info__photo-overlap {
  /*width: 7.6875em;*/
  /*height: 7.6875em;*/
  text-align: center;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.profileBlock .profile-section .profile-section__body .personal-info .personal-info__photo-overlap-background {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.61;
}
.profileBlock .profile-section .profile-section__body .personal-info .personal-info__photo-overlap-content .personal-info__upload-photo-icon {
  width: 1.4375em;
  height: 1.4375em;
  margin: 0 auto 1rem;
}
.profileBlock .profile-section .profile-section__body .personal-info .profile-section__field-name {
  color: #0B0039;
  font-weight: 700;
  padding-top: 2em;
  padding-bottom: 0.5em;
}
.profileBlock .profile-section .profile-section__body .personal-info__delimiter {
  border-bottom: 1px solid #EBEBEB;
  margin-top: 2em;
}
@media only screen and (max-width: 467px) {
  .profileBlock .profile-section .profile-section__body {
    padding: 2em 1em;
    margin: 2em 0;
  }
}
.profileBlock .profile-section .icon-pencil {
  content: url("/UI/images/icons/actions_edit.svg");
  display: inline-block;
  width: 1.5625em;
  padding-top: 0;
  line-height: 10px;
  vertical-align: middle;
  cursor: pointer;
  height: 1rem;
}
.profileBlock .profile-section .icon-trash {
  content: url("/UI/images/icons/actions_delete.svg");
  display: inline-block;
  width: 1.5625em;
  padding-top: 0;
  line-height: 0.625em;
  vertical-align: middle;
  cursor: pointer;
  height: 1rem;
}
.profileBlock .fancybox-wrap .fancybox-skin {
  background: #FFFFFF !important;
  padding: 1em !important;
  margin-bottom: 32px;
  /***** Having all input 100% but not the datepickers, they have they own width bellow *****/
}
.profileBlock .fancybox-wrap .fancybox-skin input[type=text]:not(.jur-start-date-entry, .qual-start-date-entry, .qual-end-date-entry) {
  width: 100%;
}
.profileBlock .fancybox-wrap .fancybox-skin .error {
  font-family: 'Archivo';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
.profileBlock .fancybox-wrap .fancybox-skin .checkbox {
  margin-top: 2em;
}
.profileBlock .fancybox-wrap .fancybox-skin .jur-start-date-entry,
.profileBlock .fancybox-wrap .fancybox-skin .qual-start-date-entry,
.profileBlock .fancybox-wrap .fancybox-skin .qual-end-date-entry {
  background-position: calc(0% + 12px) center !important;
  background: url("/UI/images/icons/actions_daterange.svg") no-repeat;
  padding-left: 3em;
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .profileBlock .fancybox-wrap .fancybox-skin .jur-start-date-entry,
  .profileBlock .fancybox-wrap .fancybox-skin .qual-start-date-entry,
  .profileBlock .fancybox-wrap .fancybox-skin .qual-end-date-entry {
    width: 100%;
  }
}
.profileBlock .fancybox-wrap .fancybox-skin .row-div-date {
  margin-top: 2em;
}
.profileBlock .fancybox-wrap .fancybox-skin .label-div {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
  padding-bottom: 0.5rem;
}
.profileBlock .fancybox-wrap .fancybox-skin .btn-secondary,
.profileBlock .fancybox-wrap .fancybox-skin .btn-primary {
  width: 100%;
  margin-top: 2em;
}
.profileBlock .fancybox-wrap .choosefile a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.profileBlock .fancybox-wrap .choosefile a::after {
  content: url("/UI/images/icons/actions_fileupload.svg");
  padding-left: 0.8125em;
}
.profileBlock .fancybox-wrap .choosefile p {
  margin-top: 1em;
}
.profileBlock .fancybox-wrap .choosefile p span {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.profile-dialog .choosefile .filecontrl {
  display: flex;
  justify-content: space-between;
  font-family: 'Archivo';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
.profile-dialog .choosefile .filecontrl a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #FFFFFF;
  font-style: normal;
  line-height: 1.4em;
}
.profile-dialog .choosefile .filecontrl a::after {
  content: url("/UI/images/icons/actions_fileupload_white.svg");
  padding-left: 0.8125em;
}
.solicitor-info .RadGrid_WebBlue .solicitor-info__table-head.rgHeader {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  padding: 1em 0 1em 1.25em;
  text-align: left !important;
  background: #EBEBEB;
  border: none;
}
.solicitor-info .RadGrid_WebBlue td.rgPagerCell {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  padding: 1em;
  border: none;
  background: #EBEBEB;
  color: #1E1A34;
}
.solicitor-info .rgNoRecords {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
}
.solicitor-info .rgNoRecords td {
  padding-top: 1em;
}
.solicitor-info .rgRow {
  font-size: 1rem;
}
.solicitor-info .rgRow td {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  padding: 1rem !important;
  border-right: none !important;
}
.solicitor-info .rgAltRow {
  background: #FFFFFF !important;
}
.solicitor-info .rgAltRow td {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  background: #FFFFFF;
  padding: 1rem !important;
  border-bottom: none !important;
  border-right: none !important;
}
/*The Container holding the articles*/
#lvPagesNews {
  display: flex;
  /*flex-direction: column;*/
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: inherit;
  /*grid-gap: 2em;*/
}
/*The title of the page*/
.listingpage-title {
  font-size: 2.488rem;
  padding-bottom: 1em;
  /*line-height: 3.483em;*/
  border-bottom: solid 1px #EBEBEB;
}
/*Latest news article */
.news-article {
  width: 30%;
  padding-top: 4em;
  min-height: 31.375em;
  /*Latest news article content container*/
}
@media only screen and (max-width: 768px) {
  .news-article {
    width: 100%;
    padding-top: 0rem;
    min-height: unset;
  }
}
.news-article .news-preview {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #F7F1E8;
  background: #F8F5EF;
  padding: 1rem;
  height: 100%;
  /*Article Preview Image Container*/
  /*Article Preview Details Container*/
}
.news-article .news-preview:hover {
  opacity: 0.74;
}
.news-article .news-preview:focus {
  border-radius: 12px;
  border: 1px solid #0F014D7D;
}
.news-article .news-preview:active {
  border-radius: 8px;
  border: 3px solid #0F014D7D;
}
.news-article .news-preview a {
  width: 100%;
}
.news-article .news-preview .image div {
  overflow: hidden;
}
.news-article .news-preview .image img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}
.news-article .news-preview .news-details {
  width: 100%;
  /*Article Date*/
  /*Article Title*/
  /*Article Preview Text*/
}
.news-article .news-preview .news-details .date {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
  font-size: 0.833rem;
  color: #0F014DBD;
}
.news-article .news-preview .news-details a {
  text-decoration: none !important;
}
.news-article .news-preview .news-details .title .title-text {
  font-size: 1.728rem;
  word-break: break-word;
  color: #0B0039;
}
.news-article .news-preview .news-details .preview-text {
  font-size: 1rem;
  color: #1E1A34;
}
/*news Block*/
.news {
  padding-block: clamp(0.75rem, 2vw, 1.5rem);
}
.news.container-narrow {
  max-width: 720px;
  margin-inline: auto;
}
.news h1,
.news h2 {
  margin: 0 !important;
}
.news .news-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 1rem;
  align-items: center;
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
}
.news .news-meta .news-kicker {
  display: inline-flex;
  align-items: center;
  background: #EFE4D1;
  padding: 0.25rem 0.5rem;
  border-radius: 4rem;
}
.news .news-meta .news-date,
.news .news-meta .news-author {
  color: #0F014DB0;
}
.news .news-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
}
.news .news-tags .tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.6rem;
  background: #FAF8F3;
}
.news .news-body a {
  font-family: 'Archivo';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
  text-decoration: underline;
}
.news .news-grid {
  display: grid;
  gap: 4rem;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
@media only screen and (max-width: 768px) {
  .news .news-grid {
    display: inline-block;
  }
}
.news .news-rail--sticky {
  position: sticky;
  top: var(--header-h, 4.5rem);
  height: fit-content;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .news .news-rail--sticky {
    display: none;
  }
}
.news .news-rail-section {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}
.news-preview h2 {
  margin-bottom: 0.625rem;
}
.news-preview span {
  color: #8D5C12;
  margin-bottom: 0.625rem;
  display: inline-block;
}
.news-preview a.btn {
  margin: 0;
}
.container-wide {
  max-width: 1280px;
  margin: 0 auto;
  padding-inline: clamp(12px, 2vw, 24px);
}
.beforeSaveAttachment .flex-container,
.IBSbeforeSave .flex-container {
  display: flex;
  justify-content: space-between;
}
.beforeSaveAttachment .flex-container .choosefile a,
.IBSbeforeSave .flex-container .choosefile a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.beforeSaveAttachment .flex-container .choosefile a::after,
.IBSbeforeSave .flex-container .choosefile a::after {
  content: url("/UI/images/icons/actions_fileupload.svg");
  padding-left: 0.8125em;
}
.beforeSaveAttachment .flex-container .choosefile p,
.IBSbeforeSave .flex-container .choosefile p {
  margin-top: 1em;
}
.beforeSaveAttachment .flex-container .choosefile p span,
.IBSbeforeSave .flex-container .choosefile p span {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.beforeSaveAttachment .flex-container .uploadfile,
.IBSbeforeSave .flex-container .uploadfile {
  display: flex;
  padding-bottom: 2em;
}
.beforeSaveAttachment .flex-container .uploadfile span,
.IBSbeforeSave .flex-container .uploadfile span {
  padding-right: 1em;
  padding-top: 1em;
}
@media only screen and (max-width: 576px) {
  .beforeSaveAttachment .flex-container .uploadfile span,
  .IBSbeforeSave .flex-container .uploadfile span {
    display: block;
    padding-bottom: 1em;
    content: "";
  }
}
.beforeSaveAttachment .flex-container .uploadfile input[type="button"],
.IBSbeforeSave .flex-container .uploadfile input[type="button"] {
  margin: 0;
}
@media only screen and (max-width: 576px) {
  .beforeSaveAttachment .flex-container .uploadfile,
  .IBSbeforeSave .flex-container .uploadfile {
    display: block;
  }
  .beforeSaveAttachment .flex-container .uploadfile .btn-secondary,
  .IBSbeforeSave .flex-container .uploadfile .btn-secondary {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .beforeSaveAttachment .flex-container,
  .IBSbeforeSave .flex-container {
    display: block;
  }
}
.beforeSaveAttachment #Content_Content_MainContent_FirmNameApplications__c_ucUpload_trGrid,
.IBSbeforeSave #Content_Content_MainContent_FirmNameApplications__c_ucUpload_trGrid {
  overflow: scroll;
}
.beforeSaveAttachment #Content_Content_MainContent_FirmNameApplications__c_ucUpload_trGrid table tr th,
.IBSbeforeSave #Content_Content_MainContent_FirmNameApplications__c_ucUpload_trGrid table tr th {
  border: none;
  padding-left: 0;
}
.beforeSaveAttachment #Content_Content_MainContent_FirmNameApplications__c_ucUpload_trGrid table tr td,
.IBSbeforeSave #Content_Content_MainContent_FirmNameApplications__c_ucUpload_trGrid table tr td {
  padding-right: 1em;
}
.beforeSaveAttachment #Content_Content_MainContent_Section61Applications__c_ucUpload_trGrid,
.IBSbeforeSave #Content_Content_MainContent_Section61Applications__c_ucUpload_trGrid {
  overflow: auto;
}
.beforeSaveAttachment #Content_Content_MainContent_Section61Applications__c_ucUpload_trGrid table tr th,
.IBSbeforeSave #Content_Content_MainContent_Section61Applications__c_ucUpload_trGrid table tr th {
  border: none;
  padding-left: 0;
}
.beforeSaveAttachment #Content_Content_MainContent_Section61Applications__c_ucUpload_trGrid table tr td,
.IBSbeforeSave #Content_Content_MainContent_Section61Applications__c_ucUpload_trGrid table tr td {
  padding-right: 1em;
}
.membership-form span {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
  color: #0F014DBD;
}
.membership-form .validation-error {
  color: #E60000;
}
.membership-form .ms-email-link {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline;
}
.membership-form hr {
  border: 0.063em solid #EBEBEB;
  margin: 1rem 0 3rem 0;
  background-color: #EBEBEB;
}
.membership-form .right-align {
  justify-content: flex-end !important;
}
.membership-form .span-blue {
  color: #0B0039;
  font-weight: 700;
  line-height: 1.813em;
}
.membership-form .input-disabled {
  background: #EBEBEB;
  border: 0.063em solid #838383;
  border-radius: 0.313em;
  padding: 0.5em 1em;
  color: #838383;
}
.membership-form .input-disabled:hover {
  border-color: #838383;
  box-shadow: none;
}
.membership-form .m-error {
  display: flex;
  border-top: 0.25em solid #E60000;
  background: #FFE6E6;
  color: #0F014DBD;
  padding: 1em;
  margin-bottom: 3em;
}
.membership-form .m-error::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  vertical-align: sub;
  margin-right: 1em;
  padding-top: 0.375em;
}
.membership-form .page-success {
  display: flex;
  font-weight: 400;
  border: none;
  border-top: 0.25em solid #00AB47;
  background: #DEFFEC;
  box-shadow: none;
  color: #0F014DBD;
  padding: 1em;
  margin-bottom: 3em;
  border-radius: 0;
}
.membership-form .page-success::before {
  content: url("/UI/images/icons/circled-success-green.svg");
  vertical-align: sub;
  margin-right: 1em;
  padding-top: 0.375em;
}
.membership-form .page-success a {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline;
}
.membership-form .date-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3em;
  gap: 0.313em;
}
@media only screen and (max-width: 576px) {
  .membership-form .date-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.membership-form .ckeckboxes-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}
.membership-form .chk-align-center {
  display: flex;
  align-items: flex-start;
}
.membership-form .m-wrapper {
  display: flex;
  justify-content: space-between;
  grid-gap: 1.25em;
  margin-bottom: 3em;
}
@media only screen and (max-width: 576px) {
  .membership-form .m-wrapper {
    display: block;
  }
}
.membership-form .m-wrapper .btn-secondary {
  min-width: 10rem;
}
@media only screen and (max-width: 576px) {
  .membership-form .m-wrapper .btn-secondary {
    width: 100%;
    margin-top: 2rem;
  }
}
.membership-form .m-wrapper .info-icon {
  display: flex;
  gap: 10px;
}
.membership-form .m-wrapper .info-icon span,
.membership-form .m-wrapper .info-icon a {
  color: #FFFFFF;
}
.membership-form .RadGrid_WebBlue .Apptable-head {
  background: #EBEBEB !important;
  color: #0B0039 !important;
  border-right: 0px !important;
  border-left: 0px !important;
  padding: 1em !important;
  text-align: left !important;
  font-weight: bold !important;
  border: 0px !important;
  font-size: 1rem;
}
.membership-form .RadGrid_WebBlue .Apptable-head.rgHeader {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  padding: 1em 0 1em 1.25em;
  text-align: left !important;
  background: #EBEBEB;
  border: none;
}
.membership-form .RadGrid_WebBlue td.rgPagerCell {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  padding: 1em;
  border: none;
  background: #EBEBEB;
  color: #1E1A34;
}
.membership-form .rgNoRecords {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
}
.membership-form .rgNoRecords td {
  padding-top: 1em;
}
.membership-form .rgRow {
  font-size: 1rem;
}
.membership-form .rgRow td {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  padding: 1rem !important;
  border: none !important;
}
.membership-form .rgAltRow {
  background: #FFFFFF !important;
}
.membership-form .rgAltRow td {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  background: #FFFFFF;
  padding: 1rem !important;
  border: none !important;
}
.membership-form .hr-grey {
  margin: 2em 0;
}
.membership-form table th {
  padding-left: 0;
}
.membership-form .input--sm {
  width: 4rem;
}
.membership-form .input--md {
  width: 7em;
}
.membership-form tfoot {
  text-align: right;
}
.membership-form tfoot tr td {
  text-align: unset;
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  padding-right: 1em;
}
.membership-form .ckeckbox-wrapper {
  display: flex;
  flex-direction: column;
}
.membership-form .textalign-right {
  text-align: right;
}
.membership-form .float-right {
  float: right;
}
@media only screen and (max-width: 576px) {
  .membership-form .float-right {
    float: unset;
  }
}
@media only screen and (max-width: 467px) {
  #GuidanceAndEthicsForm .btn-flex {
    width: 100%;
  }
}
#GuidanceAndEthicsForm .btn-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#GuidanceAndEthicsForm .modal-dialog {
  width: 24rem !important;
}
#GuidanceAndEthicsForm span {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
  color: #0F014DBD;
}
#GuidanceAndEthicsForm .span-blue {
  color: #0B0039;
  font-weight: 700;
  line-height: 1.813em;
}
#GuidanceAndEthicsForm .hr-gold-no-margin-top {
  margin: 0 0 4rem 0;
}
#GuidanceAndEthicsForm .hr-grey {
  margin: 2em 0;
}
#GuidanceAndEthicsForm .addressValidationClass {
  border-color: #E60000 !important;
  color: #E60000 !important;
}
/*************** Commom styles for both popUps ***********************/
/* Add Animation */
@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
#myModal.cookiemodal {
  display: none;
  position: fixed;
  z-index: 102;
}
#myModal .content-top {
  position: fixed;
  background-color: #F8F5EF;
  border: 1px solid #F7F1E8;
  border-radius: 8px;
  width: 100%;
  bottom: 0em;
}
#myModal .cookiemodal-body {
  min-height: 10em;
  padding: 2rem 0;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  grid-gap: 1em;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  #myModal .cookiemodal-body {
    padding: 1rem;
    flex-direction: column;
  }
}
#myModal .cookiemodal-body .cookieWidth {
  display: flex;
  align-items: center;
}
#myModal .cookiemodal-body a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
#myModal .cookiemodal-body a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
#myModal .cookiemodal-body a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#myModal .cookiemodal-body a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#myModal .btn-div-wrap {
  display: flex;
  flex-direction: row;
  gap: 2em;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #myModal .btn-div-wrap {
    display: contents;
  }
}
#myModal2 {
  /* Rest of your existing styles remain the same */
}
#myModal2.cookiemodal {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  /* Changed from 50% to cover entire screen */
  left: 0;
  width: 100%;
  height: 100%;
  /* Add full height */
  justify-content: center;
  align-items: center;
  background-color: rgba(30, 26, 52, 0.5);
}
#myModal2 .content-bottom {
  background-color: #FDFDFB !important;
  position: relative;
  overflow: auto;
  height: 90%;
  /* Limit height to 90% of viewport */
  width: 1024px;
  margin: auto;
  /* Center horizontally */
  /* Center vertically */
  position: absolute;
  top: 50%;
  /* Changed from 80% to properly center */
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  z-index: 10001;
  /* Ensure content appears above overlay */
}
@media only screen and (max-width: 576px) {
  #myModal2 .content-bottom {
    width: 95%;
    max-height: 95vh;
  }
}
#myModal2 .header-cookie {
  padding: 0.5em 1em;
  background-color: #0F014DD4 !important;
}
#myModal2 .header-cookie h1 {
  color: #FDFDFB;
}
#myModal2 hr {
  border: 1px solid #EFE4D1;
  margin: 2rem 0em;
}
#myModal2 .spacingBottom {
  padding: 0 1em 2rem 1em;
}
#myModal2 .spacingBottom .btn-div {
  display: flex;
  flex-direction: row;
  gap: 2em;
}
@media only screen and (max-width: 576px) {
  #myModal2 .spacingBottom .btn-div {
    width: 100% !important;
    flex-direction: column;
  }
}
#myModal2 .spacingBottom .header-switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#myModal2 .spacingBottom .header-switch .cookie-switch {
  position: relative;
  display: inline-block;
  width: 4.5rem;
  height: 2.25rem;
}
#myModal2 .spacingBottom .header-switch .cookie-switch input {
  display: none;
}
#myModal2 .spacingBottom:last-of-type {
  padding: 1.5em 1em 1em 1em;
}
#myModal2 .spacingBottom .cookiecollapsible {
  margin-top: 1em;
  text-align: left;
  outline: none;
  overflow: visible;
  cursor: pointer;
  padding: 0.5em 0.5em;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
#myModal2 .spacingBottom .cookiecollapsible:hover {
  opacity: 0.74;
}
#myModal2 .spacingBottom .cookiecollapsible:focus {
  border: 1px solid #0F014DD4;
  border-radius: 8px;
}
#myModal2 .spacingBottom .cookiecollapsible:active {
  background-color: #0F014DD4;
  color: #FDFDFB;
  border-radius: 8px;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
#myModal2 .spacingBottom .cookiecontent {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
#myModal2 .spacingBottom .cookiecontent .cookietable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  margin: 0em !important;
}
#myModal2 .spacingBottom .cookiecontent .cookietable tbody tr th {
  padding: 2em 0.5em 0em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.424rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 2rem !important;
  color: #0F014DD4 !important;
}
#myModal2 .spacingBottom .cookiecontent .cookietable tbody tr td {
  padding: 0.5em;
}
@media only screen and (max-width: 768px) {
  #myModal2 .spacingBottom .cookiecontent .cookietable tbody tr td {
    word-break: break-word;
  }
}
#myModal2 .spacingBottom .slider-btn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0F014D7D;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 0.833rem;
  border-radius: 2.125rem;
}
#myModal2 .spacingBottom .slider-btn:before {
  position: absolute;
  content: '';
  width: 1.875rem;
  left: 0.188rem;
  bottom: 0.188rem;
  top: 0.188rem;
  background-color: #F7F1E8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#myModal2 .spacingBottom input:checked + .slider-btn {
  background-color: #0F014DD4;
}
#myModal2 .spacingBottom input:checked + .slider-btn:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
  content: '';
  background-color: #F7F1E8;
}
@media only screen and (max-width: 360px) {
  #myModal2 .spacingBottom input:checked + .slider-btn:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
}
/*   Progress Bar Css  */
ul.wizard-bar {
  padding: 0;
  display: flex;
  width: 100%;
  counter-reset: num;
}
ul.wizard-bar li {
  padding: 0;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: none;
  margin-left: 0px;
}
ul.wizard-bar li:hover {
  opacity: 0.74;
}
ul.wizard-bar li:focus,
ul.wizard-bar li:active {
  border-radius: 8px;
  border: 1px solid #0F014DBD;
}
ul.wizard-bar li button.wizard-step {
  padding: 0.5rem;
  border: none;
  background: none;
}
@media only screen and (max-width: 768px) {
  ul.wizard-bar li button.wizard-step {
    display: none;
  }
}
ul.wizard-bar li span {
  color: #0F014D99;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  line-height: 1.3rem;
  margin-left: 1rem;
}
ul.wizard-bar li a {
  text-decoration: none;
  pointer-events: none;
  margin-top: 1em;
  text-align: center;
  line-height: 1.3rem;
}
ul.wizard-bar li::before {
  counter-increment: num;
  content: counter(num);
  width: 3rem;
  height: 3rem;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #0F014D99;
  background: #FDFDFB !important;
  z-index: 2;
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1.728rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
ul.wizard-bar li ~ li::after {
  content: '';
  position: absolute;
  width: 100%;
  right: 38%;
  height: 2px;
  background-color: #0F014D3D;
  top: calc(1.5em - 2px);
}
ul.wizard-bar li.active-bar {
  cursor: pointer;
}
ul.wizard-bar li.active-bar::before {
  background: #0F014DD4 !important;
  color: #FDFDFB;
  border: 2px solid #0F014DD4;
  filter: drop-shadow(3px 6px 6px #0F014DD4);
}
ul.wizard-bar li.active-bar ~ li::before,
ul.wizard-bar li.active-bar ~ li::after {
  background: #B5B5B5;
}
ul.wizard-bar li.active-bar span {
  color: #0F014DD4;
  font-weight: 700;
}
ul.wizard-bar li.completed {
  cursor: pointer;
}
ul.wizard-bar li.completed::before {
  /*  number and circle  */
  background: #FDFDFB !important;
  color: #0F014DD4;
  border: 2px solid #0F014DD4;
}
ul.wizard-bar li.completed span {
  /*  text  */
  color: #0F014DD4 !important;
  font-weight: 400;
}
ul.wizard-bar li.completed + li::after {
  /*  line after circle  */
  background: #0F014DD4 !important;
}
ul.wizard-bar li.completed ::after {
  /*  line before circle  */
  background: #0F014D3D !important;
}
#overlayCover {
  position: fixed;
  top: 0;
  left: 0;
  background: #0B0039;
  z-index: 10000;
  width: 100%;
  height: 100%;
  opacity: 0.85;
}
.spinner-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 9999999;
}
.spinner-inner p {
  margin-bottom: 2rem;
  text-align: center;
  font-family: 'PT Serif' !important;
  font-weight: 700 !important;
  font-size: 1.375rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 1.75rem !important;
  color: #FFFFFF !important;
}
.spinner-inner .fa-spinner {
  color: #A67F42;
  font-size: 2.813rem;
}
.spinner-inner .spinner-logo {
  max-height: 9.375rem;
  width: unset;
}
input.control-datepicker {
  background-image: url("/UI/images/icons/actions_daterange.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding-left: 2.5em;
}
.clock-face {
  background-image: url("/UI/images/icons/actions_clock.svg") !important;
}
.ui-widget-content {
  padding: 1rem;
  background-color: #FDFDFB;
  border: 1px solid #EFE4D1 !important;
  border-radius: 5px;
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.15);
  width: auto;
}
.ui-widget-content .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-widget-content .ui-datepicker-year {
  width: 100%;
  margin-top: 1.3rem;
}
.ui-widget-content table.ui-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
  margin: 4em 0 0 0.4em;
}
.ui-widget-content table.ui-datepicker-calendar th {
  padding: 0;
}
.ui-widget-content table.ui-datepicker-calendar td {
  padding: 1px;
}
.ui-widget-content table.ui-datepicker-calendar td a,
.ui-widget-content table.ui-datepicker-calendar td span {
  display: block;
  padding: 0.4rem 0.2em;
  text-decoration: none;
  color: #0F014DBD;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-default,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-default,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-default {
  text-align: center;
  border: none;
  width: 2.357rem;
  height: 2.357rem;
  border-radius: 10px;
  background-color: #EFE4D1;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-default:hover,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-default:hover,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-default:hover {
  opacity: 0.74;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-default:focus,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-default:focus,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-default:focus {
  outline: 4px double #EFE4D1;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-default:active,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-default:active,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-default:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  outline: none;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-active,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-active,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-active,
.ui-widget-content table.ui-datepicker-calendar td .ui-state-highlight {
  background: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border-radius: 10px;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-active:hover,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-active:hover,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-active:hover,
.ui-widget-content table.ui-datepicker-calendar td .ui-state-highlight:hover {
  opacity: 0.74;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-active:focus,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-active:focus,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-active:focus,
.ui-widget-content table.ui-datepicker-calendar td .ui-state-highlight:focus {
  outline: 4px double #0F014DD4;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-active:active,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-content .ui-state-active:active,
.ui-widget-content table.ui-datepicker-calendar td .ui-widget-header .ui-state-active:active,
.ui-widget-content table.ui-datepicker-calendar td .ui-state-highlight:active {
  background-color: #EFE4D1;
  color: #0F014DBD;
  outline: none;
}
.ui-widget-content .ui-widget-header {
  border: none !important;
  background: none;
  position: initial;
  text-align: center !important;
  height: 2.8125rem;
  padding: 0.8rem 0rem;
  color: #0F014DD4;
  font-size: 1.424rem;
}
.ui-widget-content .ui-widget-header .ui-datepicker-month {
  color: #0F014DD4;
}
.ui-widget-content .ui-widget-header .ui-state-disabled {
  background-image: none;
  background-color: #0F014D0A;
  color: #0F014DB0;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next {
  right: 1rem;
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  top: 0.5rem;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next span {
  right: 16%;
  margin-top: -0.5rem;
  color: #EFE4D1;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next span {
  position: absolute;
  top: 50%;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next span.ui-icon {
  width: 100%;
  height: 100%;
  text-indent: -99999px;
  background-position: revert;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  justify-self: anchor-center;
  top: 0;
  margin-top: 0;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next .ui-icon-circle-triangle-e {
  background-image: url("/UI/images/icons/arrow_forward_gold-600.svg");
}
.ui-widget-content .ui-widget-header .ui-state-hover {
  opacity: 0.74;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev {
  left: 1rem;
  border-radius: 8px;
  background: #0F014DD4;
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  top: 0.5rem;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev span {
  left: 50%;
  margin-left: 0;
  margin-top: -0.5rem;
  color: #EFE4D1;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev span {
  position: absolute;
  top: 50%;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev span.ui-icon {
  width: 100%;
  height: 100%;
  text-indent: -99999px;
  background-position: revert;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;
  justify-self: anchor-center;
  top: 0;
  margin-top: 0;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev .ui-icon-circle-triangle-w {
  background-image: url("/UI/images/icons/arrow_back_gold-600.svg");
}
.ui-datepicker {
  z-index: 9999 !important;
  border-radius: 8px;
  border: 1px solid #EFE4D1;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  display: none;
}
.ui-datepicker .ui-datepicker-prev {
  margin-top: 0.3rem;
  border-radius: 8px;
  background: #0F014DD4;
}
.ui-datepicker .ui-datepicker-prev:hover {
  opacity: 0.74;
}
.ui-datepicker .ui-datepicker-prev:focus {
  outline: 4px double #0F014DD4;
}
.ui-datepicker .ui-datepicker-prev:active {
  background-color: #EFE4D1;
  color: #0F014DBD;
  outline: none;
}
.ui-datepicker .ui-datepicker-prev:active .ui-icon-circle-triangle-e {
  background-image: url("/UI/images/icons/arrow_back_navy74.svg");
}
.ui-datepicker .ui-datepicker-next {
  margin-top: 0.3rem;
  border-radius: 8px;
  background: #0F014DD4;
}
.ui-datepicker .ui-datepicker-next:hover {
  opacity: 0.74;
}
.ui-datepicker .ui-datepicker-next:focus {
  outline: 4px double #0F014DD4;
}
.ui-datepicker .ui-datepicker-next:active {
  background-color: #EFE4D1;
  color: #0F014DBD;
  outline: none;
}
.ui-datepicker .ui-datepicker-next:active .ui-icon-circle-triangle-e {
  background-image: url("/UI/images/icons/arrow_forward_navy74.svg");
}
.ui-datepicker .ui-datepicker-title {
  text-align: center;
  line-height: 1.2rem !important;
}
.ui-datepicker td a,
.ui-datepicker td span {
  cursor: pointer;
  /* ensures iOS touch taps are detected */
}
@media only screen and (max-width: 467px) {
  .base-contactUs {
    padding: 0em 1.25em;
  }
}
.base-contactUs .twoCol-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4em;
}
@media only screen and (max-width: 768px) {
  .base-contactUs .twoCol-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}
.base-contactUs .twoCol-wrapper .contact-form a {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #8D5C12 !important;
  text-decoration: underline;
}
.base-contactUs .twoCol-wrapper .contact-form #id_matrix tr {
  display: flex;
  flex-direction: column;
}
.base-contactUs .twoCol-wrapper .contact-form #id_matrix .form-item {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
.base-contactUs .twoCol-wrapper .contact-form #id_matrix .form-button {
  float: right;
}
@media only screen and (max-width: 360px) {
  .base-contactUs .twoCol-wrapper .contact-form #id_matrix .form-button {
    width: 100%;
  }
}
.base-contactUs .twoCol-wrapper .booking-accordion {
  margin: 1.25em 0;
}
.base-contactUs .twoCol-wrapper .booking-accordion .accordion-header {
  display: block;
  margin-top: 0.063em;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
  text-decoration: none;
  position: relative;
  padding: 0.938em;
  background-color: #FFFFFF;
  background: #FFFFFF url(/img/icon-arrow-down.png) right 1.25em center no-repeat;
}
.base-contactUs .twoCol-wrapper .booking-accordion .accordion-activate a.accordion-header {
  background: #0B0039 url(/img/icon-arrow-down-white.png) center right 1.25em no-repeat;
  color: #FFFFFF;
}
.base-contactUs .twoCol-wrapper .booking-accordion .accordion-activate .accordion-content .acc-content {
  border: 0.003em solid #EBEBEB;
}
.base-contactUs .twoCol-wrapper .booking-accordion .accordion-content {
  display: none;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content {
  padding: 2em 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #0F014DBD !important;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content .address-header span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content .address-item {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content .directions a {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #8D5C12 !important;
  text-decoration: underline;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content .directions p {
  margin-bottom: 2em;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content ul {
  margin-bottom: 2em;
  padding-left: 0.625em;
  border-bottom: 0.003em solid #EBEBEB;
  padding-bottom: 2em;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content ul li a {
  color: #0F014DBD;
}
.attachmentError .attachmentUpload {
  border: 0.5px dashed #E60000;
  background-color: #FFE6E6;
}
span.k-file-invalid-extension-wrapper,
span.k-file-name.k-file-name-invalid,
span.k-file-validation-message,
ul.k-upload-files.k-reset {
  display: none;
}
ul.k-upload-files.k-reset,
.k-header {
  border: none;
  background: none;
}
strong.k-upload-status.k-upload-status-total {
  display: none;
}
li.k-file.k-file-success {
  display: none;
}
.attachmentUpload {
  display: flex;
  flex-wrap: wrap;
  border: 0.5px dashed #838383;
  border-radius: 3px;
  width: 20.5rem;
  padding: 2em 0;
  background-color: #FAFAFA;
  margin-bottom: 2rem;
  justify-content: center;
}
.attachmentUpload.attachmentError {
  border: 0.5px dashed #E60000;
  background-color: #FFE6E6;
}
.attachmentUpload.applications--uploadcontrol {
  margin-bottom: 0;
}
.attachmentUpload.highlight {
  border-color: purple;
}
.attachmentUpload .k-grid-header {
  background: none !important;
  border: none !important;
}
.attachmentUpload .k-grid-header:hover {
  background: none !important;
  border: none !important;
}
.attachmentUpload .flex--container {
  display: flex;
  gap: 1em;
  align-items: center;
}
.attachmentUpload .textlink {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: auto;
  display: table;
}
.attachmentUpload .textlink label.custom-file-upload {
  margin-right: 0.5em;
}
.attachmentUpload .textlink span#attachmentlabelicon {
  background-image: url("/UI/images/icons/actions_fileupload.svg");
  width: 1em;
  height: 1em;
  display: block;
  float: right;
  padding-top: 0.5em;
  margin-top: 0.5em;
  margin-left: 0.25em;
}
.attachmentUpload .dragleave {
  background-color: blue;
}
.attachmentUpload .k-widget.k-upload.k-header.k-upload-empty {
  background-color: transparent;
}
.attachmentUpload input[type="file"] {
  display: none;
}
.attachmentUpload label.custom-file-upload {
  border: none;
  background-color: transparent;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.2em !important;
  color: #0B0039 !important;
  text-decoration-line: underline;
  cursor: pointer;
}
@media only screen and (max-width: 666px) {
  .attachmentUpload label.custom-file-upload {
    width: 70%;
  }
}
@media only screen and (max-width: 576px) {
  .attachmentUpload label.custom-file-upload {
    width: 80%;
  }
}
@media only screen and (max-width: 467px) {
  .attachmentUpload label.custom-file-upload {
    width: 95%;
  }
}
@media only screen and (max-width: 390px) {
  .attachmentUpload label.custom-file-upload {
    width: 100%;
  }
}
.attachmentUpload .k-button.k-upload-button {
  display: none;
}
.attachmentUpload .flex-center {
  display: flex;
  justify-content: center;
}
.attachmentUpload .flex-center #upload-text::before {
  content: 'Upload file from your device';
}
@media only screen and (max-width: 576px) {
  .attachmentUpload .flex-center #upload-text::before {
    content: 'Upload file';
  }
}
.attachmentUpload .upload-container {
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: center;
  max-width: 20.5em;
  padding: 0 2.5em;
}
.attachmentUpload .upload-container .upload-label {
  color: #0B0039;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
}
.attachmentUpload .flex--container {
  flex-wrap: wrap;
}
/*AttachmentControlTeplate__c*/
.uploadcontrol .attachment-info .attachment-info__row {
  display: flex;
  justify-content: space-between;
  gap: 4em;
}
.uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell {
  flex: 1;
  display: flex;
  align-items: center;
  word-break: keep-all;
}
.uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
  font-style: normal;
  line-height: 28.8px;
  letter-spacing: 0.4px;
}
.uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell .shorten-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 10em;
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell .shorten-text:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell .shorten-text:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell .shorten-text:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
@media only screen and (max-width: 666px) {
  .uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell .shorten-text {
    max-width: 28em;
  }
}
@media only screen and (max-width: 666px) {
  .uploadcontrol .attachment-info .attachment-info__row {
    gap: 1em;
  }
  .uploadcontrol .attachment-info .attachment-info__row:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
  }
  .uploadcontrol .attachment-info .attachment-info__row:nth-child(2) div {
    flex: 1;
  }
  .uploadcontrol .attachment-info .attachment-info__row:nth-child(2) div:first-child {
    flex-basis: 100%;
  }
}
.tooltip-div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.tooltip-div .tooltip {
  cursor: pointer;
}
.material-icons {
  vertical-align: middle;
}
/*AttachmentControlTeplate__lsi*/
.attachment-control-lsi .attachment-info .attached-doc-label {
  padding-bottom: 1em;
}
.attachment-control-lsi .attachment-info .attachment-info__row {
  display: flex;
  justify-content: space-between;
  gap: 4em;
  flex-wrap: wrap;
}
.attachment-control-lsi .attachment-info .attachment-info__row .attachment-info__cell {
  flex: 1;
  display: flex;
  align-items: center;
}
.attachment-control-lsi .attachment-info .attachment-info__row .attachment-info__cell span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
  font-style: normal;
  line-height: 28.8px;
  letter-spacing: 0.4px;
}
.attachment-control-lsi .attachment-info .attachment-info__row .attachment-info__cell .shorten-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 19em;
}
@media only screen and (max-width: 666px) {
  .attachment-control-lsi .attachment-info .attachment-info__row {
    gap: 1em;
    flex-direction: column;
  }
}
.loaderwrapper {
  background: #0B0039;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
  opacity: 0.6;
  left: 0;
  top: 0;
  bottom: 0;
}
.loaderwrapper .ebloader {
  border: 10px solid #DDCBA4;
  border-radius: 50%;
  border-top: 10px solid #0B0039;
  width: 3rem;
  height: 3rem;
  -webkit-animation: spin 1s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite;
  margin: 20% auto 0 auto;
}
.material-icons-outlined {
  color: #0F014DD4;
  padding-left: 0.5rem;
  vertical-align: bottom;
}
.material-icons-outlined h3 {
  text-transform: none;
}
/******Stopping tolltip going full width*********/
.ui-tooltip {
  display: inline-block;
}
.tooltip {
  display: flex;
  position: relative;
  text-align: left;
}
.tooltip button {
  border: none;
  background: none;
  width: 3rem;
}
.tooltip .tooltip-text {
  font-weight: 700;
}
.tooltip:hover .right {
  visibility: visible;
  opacity: 1;
}
.tooltip .right {
  width: 18.125rem;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  padding: 1rem;
  padding-bottom: 2rem;
  background-color: #FFFFFF;
  font-weight: 400;
  border: 1px solid #DDCBA4;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0rem !important;
  line-height: 1rem !important;
  color: #0F014DBD !important;
}
.tooltip .right h2 {
  margin-top: 0rem !important;
}
.tooltip .right h3 {
  margin-top: 0rem;
}
.tooltip .right p {
  margin-bottom: 0px !important;
}
.tooltip .right i {
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -12px;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.tooltip .right i::after {
  content: '';
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 50%;
  transform: translate(50%, -50%) rotate(-45deg);
  background-color: #FFFFFF;
  border: 1px solid #DDCBA4;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 768px) {
  .tooltip .right {
    transform: translate(-45%, 5%);
  }
}
.tooltip:hover .bottom {
  visibility: visible;
  opacity: 1;
}
.tooltip .bottom {
  min-width: 20rem;
  right: 0;
  transform: translate(23%, 2%);
  padding: 1rem;
  padding-bottom: 2rem;
  background-color: #FFFFFF;
  font-weight: 400;
  border: 1px solid #DDCBA4;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0rem !important;
  line-height: 1rem !important;
  color: #0F014DBD !important;
}
@media only screen and (max-width: 576px) {
  .tooltip .bottom {
    min-width: 20rem;
    transform: translate(23%, 0%);
  }
}
.intranet #main .main-content table td {
  align-content: baseline;
}
.table-container {
  margin: auto;
  overflow-x: auto;
  padding: 0.5em 0;
  width: 100%;
  /* Track */
  /* Handle */
}
.table-container.no-overlfow {
  overflow-x: visible;
}
.table-container::-webkit-scrollbar {
  width: 20px;
  border: 0.5px solid #0F014D3D;
  border-radius: 10px;
  background: #0F014D3D;
  height: 1.5em;
}
.table-container::-webkit-scrollbar-track {
  width: 20px;
  border-radius: 10px;
}
.table-container::-webkit-scrollbar-thumb {
  background: url("/UI/images/icons/scrollarrow_right.svg") right 0.5rem center no-repeat #0F014DD4;
  border-radius: 10px;
}
.table-container table thead tr {
  color: #0F014DD4;
  background-color: #0F014D3D;
}
.table-container table thead tr th {
  padding: 1rem 2rem;
  vertical-align: middle;
  color: #0F014DD4;
  white-space: nowrap;
  align-items: center;
}
.table-container table thead tr th:nth-child(1) {
  position: sticky;
  background-color: #0F014D3D;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.25);
  left: 0;
  z-index: 2;
}
.table-container table thead tr th.sticky {
  position: sticky;
  background-color: #0F014D3D;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.25);
  left: 0;
  z-index: 2;
}
.table-container table tbody tr {
  text-align: center;
}
.table-container table tbody tr:last-child {
  border-bottom: none;
}
.table-container table tbody tr td {
  text-align: left;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-bottom: 1px solid #0F014D3D;
}
.table-container table tbody tr td:nth-child(1) {
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
  background-color: #FCFAF7;
  font-weight: 700;
  word-break: break-all;
}
.table-container table tbody tr td.sticky {
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
  background-color: #FCFAF7;
  font-weight: 700;
}
.table-container table tbody tr td span.value-orders {
  color: #0F014DBD !important;
}
.table-container table tbody tr td span.menu-trigger {
  font-weight: 600;
  cursor: pointer;
}
.table-container table tbody tr td span.menu-trigger li {
  margin: 0 !important;
  background: none;
  list-style: none;
  padding: 1rem !important;
  border-bottom: 1px solid #0F014D3D;
}
.table-container table tbody tr td span.menu-trigger li a {
  text-decoration: none !important;
  cursor: pointer;
}
.table-container table tbody tr td ul.dropdown-menu {
  position: absolute;
  left: -270px;
  border-radius: 3px;
  border: 1px solid #0F014D3D;
  background: #FCFAF7;
  /* Drop Shadow */
  box-shadow: 3px 6px 6px 0px rgba(0, 0, 0, 0.25);
  width: 328px;
}
.table-container table tbody tr td ul.dropdown-menu li {
  list-style: none;
  margin-left: 0;
  background-color: white;
  border-bottom: 1px solid #0F014D3D;
  margin-bottom: 0;
  z-index: 3;
  padding: 0.5rem 1rem;
}
.table-container table tbody tr td ul.dropdown-menu li a {
  text-decoration: none !important;
}
.table-container .info-container {
  margin: 2em 0 0.75em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #0F014D3D;
}
.max--height__500 {
  max-height: 500px;
}
.table--header__sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}
div#pagination-controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #0F014D3D;
  padding: 1em;
}
.pagination-info {
  padding-right: 1rem;
  display: flex;
}
.pagination-info span {
  align-content: center;
  padding-right: 1rem;
}
.pagination-info input.records-per-page {
  width: 3.5rem !important;
}
.pagination-buttons span {
  vertical-align: middle;
  font-weight: 600;
  cursor: pointer;
}
.pager-bottom {
  margin: 0.25rem 0;
  background-color: #0F014D3D;
}
.pager-bottom #NoRecords {
  background-color: #FCFAF7;
}
.pager-bottom span {
  padding: 1rem 0;
}
.pager-bottom .numberOfRecords {
  font-weight: 700;
  color: #0F014DBD;
  margin: 0rem 1rem;
}
.pager-bottom .flex-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pager-bottom .flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.pager-bottom .flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.pager-bottom .flex-items:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
.pager-bottom input#txtView {
  width: 3.625rem;
  border-radius: 8px;
  border: 1px solid #0F014D7D;
}
.pager-bottom #View,
.pager-bottom #Pager {
  text-align: right;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: ruby;
}
.pager-bottom #btnPrevious {
  background-image: url("/UI/images/icons/chevron_left.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
  height: 2rem;
  border: none;
  background-color: inherit;
}
.pager-bottom #btnPrevious:hover {
  opacity: 0.74;
}
.pager-bottom #btnNext {
  background-image: url("/UI/images/icons/chevron_right.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
  height: 2rem;
  border: none;
  background-color: inherit;
}
.pager-bottom #btnNext:hover {
  opacity: 0.74;
}
.pager-bottom input#txtLastName {
  margin-top: 1rem;
}
.pager-bottom .options.btn-group {
  text-align: right;
}
/*capacities table */
@media only screen and (max-width: 576px) {
  table.classic {
    height: auto !important;
    width: auto !important;
  }
}
@media only screen and (max-width: 576px) {
  table.classic tr:first-child {
    /* Hide table headers (but not display: none;, for accessibility) */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}
table.classic tr:nth-child(2) {
  display: none;
}
table.classic tbody tr {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr {
    border: 1px solid #EBEBEB;
  }
}
table.classic tbody tr td {
  border-bottom: #FFFFFF 1px solid;
  background: #FFFFFF !important;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025 !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  vertical-align: top;
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    white-space: normal;
    text-align: left;
  }
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td:first-child {
    padding: 1em 0em 1em 0.5em;
  }
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td:nth-child(2):before {
    content: 'Rooms';
  }
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td:nth-child(3):before {
    content: 'Theatre';
  }
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td:nth-child(4):before {
    content: 'Boardroom';
  }
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td:nth-child(5):before {
    content: 'Cabaret';
  }
}
@media only screen and (max-width: 576px) {
  table.classic tbody tr td:nth-child(6):before {
    content: 'Classroom';
  }
}
@media only screen and (max-width: 576px) {
  table.classic {
    /* Force table to not be like tables anymore */
  }
  table.classic table.classic,
  table.classic thead,
  table.classic tbody,
  table.classic th,
  table.classic td,
  table.classic tr {
    display: block;
  }
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1.25em, 0);
    transform: translate3d(0, -1.25em, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -1.25em, 0);
    transform: translate3d(0, -1.25em, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  border-radius: 0.313em;
  position: absolute;
  width: 19.242em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #FFFFFF;
  -webkit-box-shadow: 0.063em 0 0 #EBEBEB, -0.063em 0 0 #EBEBEB, 0 0.063em 0 #EBEBEB, 0 -0.063em 0 #EBEBEB, 0 0.188em 13px rgba(0, 0, 0, 0.08);
  box-shadow: 0.063em 0 0 #EBEBEB, -0.063em 0 0 #EBEBEB, 0 0.063em 0 #EBEBEB, 0 -0.063em 0 #EBEBEB, 0 0.188em 13px rgba(0, 0, 0, 0.08);
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 1.375em;
  border-width: 0.313em;
  margin: 0 -0.313em;
}
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 1.375em;
  border-width: 0.25em;
  margin: 0 -0.25em;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-calendar.open {
  opacity: 1;
  max-height: 40em;
  visibility: visible;
  display: inline-block;
  z-index: 99999;
  padding: 1rem;
  background-color: #FFFFFF;
  border: 0.063em solid #FAFAFA !important;
  box-shadow: 0.188em 6px 6px 0px rgba(0, 0, 0, 0.15);
  width: auto;
}
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 40em;
  visibility: visible;
  display: block;
  position: relative;
  top: 0.125em;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 0.125em);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer + 1) .flatpickr-day.inRange:nth-child(7n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer + 1) .flatpickr-day.inRange + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer + 2) .flatpickr-day.inRange:nth-child(7n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer + 2) .flatpickr-day.inRange + 1) {
  -webkit-box-shadow: -0.125em 0 0 #EBEBEB, 0.313em 0 0 #EBEBEB;
  box-shadow: -0.125em 0 0 #EBEBEB, 0.313em 0 0 #EBEBEB;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 2.5em;
  border: 0.063em solid #838383;
  border-radius: 0.313em;
  background: #FFFFFF;
  width: 19.242em;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 1.375em;
}
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 1.375em;
}
.flatpickr-calendar.arrowRight:before {
  left: auto;
  right: 1.375em;
}
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 1.375em;
}
.flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
/*.flatpickr-calendar.arrowTop {
    &:before {
        bottom: 100%;
        border-bottom-color: @colour--greyscale__grey2;
    }

    &:after {
        bottom: 100%;
        border-bottom-color: @colour--greyscale__white;
    }
}*/
/*.flatpickr-calendar.arrowBottom {
    &:before {
        top: 100%;
        border-top-color: @colour--greyscale__grey2;
    }

    &:after {
        top: 100%;
        border-top-color: @colour--greyscale__white;
    }
}*/
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  height: 2.8125rem;
  padding: 0.8rem 0rem;
  background-color: #00888D;
  color: #FFFFFF;
  align-items: center;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  height: 2.125em;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: default;
  position: absolute;
  top: 0;
  height: 2.125em;
  padding: 0.625em;
  z-index: 3;
  color: #FFFFFF;
  fill: #FFFFFF;
  /*&:hover {
            color: @colour--greyscale__grey4;

            svg {
                fill: @colour--greyscale__grey4;
            }
        }*/
  /*svg {
            width: 0.875em;
            height: 0.875em;

            path {
                -webkit-transition: fill .1s;
                transition: fill .1s;
                fill: inherit;
            }
        }*/
  background-image: url("/UI/images/icons/chevron_left-white.svg");
  background-repeat: no-repeat;
}
.flatpickr-months .flatpickr-prev-month i {
  position: relative;
}
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: default;
  position: absolute;
  top: 0;
  height: 2.125em;
  padding: 0.625em;
  z-index: 3;
  color: #FFFFFF;
  fill: #FFFFFF;
  /*&:hover {
            
            color: @colour--greyscale__grey4;

            svg {
                fill: @colour--greyscale__grey4;
            }
        }*/
  /*svg {
            width: 0.875em;
            height: 0.875em;

            path {
                -webkit-transition: fill .1s;
                transition: fill .1s;
                fill: inherit;
            }
        }*/
  background-image: url("/UI/images/icons/chevron_right-white.svg");
  background-repeat: no-repeat;
}
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 2rem;
  position: absolute;
  top: 2rem;
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 1rem;
  position: absolute;
  top: 2rem;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input {
  display: inline-block;
  width: 100%;
  height: 2em !important;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 1.25em;
  padding: 0 0.25em 0 0.25em;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 0.063em solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*&:hover {
            background: rgba(0,0,0,0.1);
        }*/
  /*&:active {
            background: rgba(0,0,0,0.2);
        }*/
  /*svg {
            width: inherit;
            height: auto;

            path {
                fill: rgba(0,0,0,0.5);
            }
        }*/
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  border-bottom: 0.25em solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  border-top: 0.25em solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  color: #FFFFFF;
  padding: 5px 0 0 0;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
  color: #FFFFFF;
  display: inline-block;
  /*&:hover {
            background: rgba(0,0,0,0.05);
        }*/
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #838383;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #838383;
}
.flatpickr-current-month input.cur-year {
  background: #00888D;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: default;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  box-shadow: none !important;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled] {
  font-size: 100%;
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  height: auto;
  margin: -0.063em 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.75em;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  color: #0B0039;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1 0 0;
  font-weight: 700;
}
.dayContainer {
  padding: 0.063em 0 0 0;
  padding: 0;
  outline: 0;
  text-align: left;
  width: 19.242em;
  min-width: 19.242em;
  max-width: 19.242em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -0.063em 0 0 #EBEBEB;
  box-shadow: -0.063em 0 0 #EBEBEB;
}
.flatpickr-weeks {
  padding: 0.063em 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 19.242em;
}
.flatpickr-days:focus {
  outline: 0;
}
.flatpickr-day {
  border: 0.063em solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 2.438rem;
  height: 2.438rem;
  margin: 0.125em;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 0.188em;
  background-color: #EBEBEB;
  color: #1E1A34;
  width: 2.357rem;
  height: 2.357rem;
}
.flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day:focus {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.inRange {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
  border-radius: 0;
  -webkit-box-shadow: -0.313em 0 0 #EBEBEB, 0.313em 0 0 #EBEBEB;
  box-shadow: -0.313em 0 0 #EBEBEB, 0.313em 0 0 #EBEBEB;
}
.flatpickr-day.prevMonthDay.inRange {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.nextMonthDay.inRange {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.prevMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.nextMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.prevMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.prevMonthDay:hover {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.prevMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.nextMonthDay:hover {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #EBEBEB;
  border-color: #EBEBEB;
}
.flatpickr-day.today {
  border-color: #838383;
}
.flatpickr-day.today:hover {
  border-color: #838383;
  background: #838383;
  color: #FFFFFF;
}
.flatpickr-day.today:focus {
  border-color: #838383;
  background: #838383;
  color: #FFFFFF;
}
.flatpickr-day.selected {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.selected:focus {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.selected:hover {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.startRange {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.startRange:focus {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.startRange:hover {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.endRange {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.endRange:focus {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.endRange:hover {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.selected.inRange {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.startRange.inRange {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.endRange.inRange {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.selected.prevMonthDay {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.startRange.prevMonthDay {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.endRange.prevMonthDay {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.selected.nextMonthDay {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.startRange.nextMonthDay {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
.flatpickr-day.endRange.nextMonthDay {
  background: #00888D;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  border-color: #00888D;
}
/*.flatpickr-day.selected.startRange {
    border-radius: 50px 0 0 50px;

    & + .endRange {
        &:not(:nth-child(7n&+1)) {
            -webkit-box-shadow: -0.625em 0 0 @colour--primary__brand3;
            box-shadow: -0.625em 0 0 @colour--primary__brand3;
        }
    }
}

.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px;

    & + .endRange {
        &:not(:nth-child(7n&+1)) {
            -webkit-box-shadow: -0.625em 0 0 @colour--primary__brand3;
            box-shadow: -0.625em 0 0 @colour--primary__brand3;
        }
    }
}

.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px;

    & + .endRange {
        &:not(:nth-child(7n&+1)) {
            -webkit-box-shadow: -0.625em 0 0 @colour--primary__brand3;
            box-shadow: -0.625em 0 0 @colour--primary__brand3;
        }
    }
}

.flatpickr-day.selected.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
}*/
.flatpickr-day.flatpickr-disabled {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.flatpickr-disabled:hover {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.notAllowed {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.notAllowed.prevMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -0.313em 0 0 #00888D, 0.313em 0 0 #00888D;
  box-shadow: -0.313em 0 0 #00888D, 0.313em 0 0 #00888D;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 0.063em;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 0.063em 0 0 #EBEBEB;
  box-shadow: 0.063em 0 0 #EBEBEB;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 1.75em;
}
.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 2.5em;
  max-height: 2.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 2.5em;
  float: left;
}
.flatpickr-time .numInputWrapper input[type=number]:hover {
  border-color: none;
  box-shadow: none;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #838383;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #838383;
}
.flatpickr-time input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  font-size: 0.875em;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  /*&:focus {
            outline: 0;
            border: 0;
            background: @colour--greyscale__grey2;
        }*/
  /*&:hover {
            background: @colour--greyscale__grey2;
        }*/
}
.flatpickr-time input.flatpickr-hour {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
}
.flatpickr-time input.flatpickr-minute {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
}
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time .flatpickr-time-separator {
  float: left;
  color: #838383;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  float: left;
  color: #838383;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:hover {
  background: #EBEBEB;
}
.flatpickr-time .flatpickr-am-pm:focus {
  background: #EBEBEB;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
#BambooHR img {
  width: 5.875rem !important;
  height: 1rem;
}
#BambooHR #BambooHR-ATS .BambooHR-ATS-board h2 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.074rem !important;
  letter-spacing: 0.032rem !important;
  line-height: 2.903rem !important;
  color: #0B0039 !important;
  border-bottom: none !important;
}
#BambooHR #BambooHR-ATS .BambooHR-ATS-board ul {
  display: flex;
  flex-direction: column;
}
#BambooHR #BambooHR-ATS .BambooHR-ATS-board ul.BambooHR-ATS-Department-List li {
  list-style-type: none !important;
  background: none;
  padding-left: 0;
}
#BambooHR #BambooHR-ATS .BambooHR-ATS-board ul.BambooHR-ATS-Department-List li .BambooHR-ATS-Department-Header {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728rem !important;
  letter-spacing: normal !important;
  line-height: 2.419rem !important;
  color: #0B0039 !important;
  margin-bottom: 1rem;
}
#BambooHR #BambooHR-ATS .BambooHR-ATS-board ul.BambooHR-ATS-Department-List li span.BambooHR-ATS-Location {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
  padding-top: 0 !important;
}
@media only screen and (max-width: 467px) {
  #BambooHR #BambooHR-ATS .BambooHR-ATS-board ul.BambooHR-ATS-Department-List li span.BambooHR-ATS-Location {
    float: none;
    display: block;
  }
}
#BambooHR #BambooHR-ATS .BambooHR-ATS-board ul.BambooHR-ATS-Department-List li ul.BambooHR-ATS-Jobs-List {
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding-bottom: 0 !important;
}
#BambooHR #BambooHR-ATS .BambooHR-ATS-board ul.BambooHR-ATS-Department-List li ul.BambooHR-ATS-Jobs-List li.BambooHR-ATS-Jobs-Item {
  padding-bottom: 1rem;
}
.EPiServerForms .Form__Status .Form__Success__Message {
  background-color: #DEFFEC !important;
}
.EPiServerForms .Form__Status .Form__Warning__Message {
  background-color: #FFE6E6 !important;
}
.Form__Description {
  color: #0F014DBD;
}
.Form__MainBody .FormTextbox__Input {
  display: block;
  margin-top: 0;
}
.Form__MainBody select {
  margin-top: 0;
}
.Form__MainBody fieldset {
  display: flex;
  flex-direction: column;
}
.Form__MainBody fieldset > div {
  margin-bottom: 1rem;
}
.Form__MainBody .FormChoice__Label {
  border: none !important;
}
.Form__MainBody .FormChoice--Image .FormChoice__Input:checked ~ img {
  border: none !important;
}
.Form__MainBody .FormChoice--Image .FormChoice--Image__Item {
  text-align: unset !important;
  max-width: 80%;
  margin: 0;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 768px) {
  .Form__MainBody .FormChoice--Image .FormChoice--Image__Item {
    max-width: 100% !important;
  }
}
.Form__MainBody .FormChoice--Image .FormChoice--Image__Item img {
  margin-top: 10px;
  width: 100%;
}
.Form__MainBody .ValidationFail {
  color: #E60000;
}
.Form__MainBody .ValidationFail input[type=text],
.Form__MainBody .ValidationFail input[type="password"],
.Form__MainBody .ValidationFail input[type=number],
.Form__MainBody .ValidationFail input[type=number],
.Form__MainBody .ValidationFail input[type=radio],
.Form__MainBody .ValidationFail input[type=url],
.Form__MainBody .ValidationFail textarea,
.Form__MainBody .ValidationFail select {
  background-color: #FFE6E6;
  border-color: #E60000;
}
.Form__MainBody .ValidationFail input[type=text]:focus,
.Form__MainBody .ValidationFail input[type="password"]:focus,
.Form__MainBody .ValidationFail input[type=number]:focus,
.Form__MainBody .ValidationFail input[type=number]:focus,
.Form__MainBody .ValidationFail input[type=radio]:focus,
.Form__MainBody .ValidationFail input[type=url]:focus,
.Form__MainBody .ValidationFail textarea:focus,
.Form__MainBody .ValidationFail select:focus {
  border: none;
  outline: 5px double #E60000;
}
.Form__MainBody .ValidationFail input[type=text]:active,
.Form__MainBody .ValidationFail input[type="password"]:active,
.Form__MainBody .ValidationFail input[type=number]:active,
.Form__MainBody .ValidationFail input[type=number]:active,
.Form__MainBody .ValidationFail input[type=radio]:active,
.Form__MainBody .ValidationFail input[type=url]:active,
.Form__MainBody .ValidationFail textarea:active,
.Form__MainBody .ValidationFail select:active {
  border: none;
  color: #E60000;
  outline: 5px solid #E60000;
}
.Form__MainBody .Form__Element__Caption {
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #0B0039 !important;
}
.Form__MainBody .FormSubmitButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  margin-right: 2rem;
}
.Form__MainBody .FormSubmitButton .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .Form__MainBody .FormSubmitButton {
    width: 100%;
  }
}
.Form__MainBody .FormSubmitButton:hover {
  opacity: 0.75;
}
.Form__MainBody .FormSubmitButton:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.Form__MainBody .FormSubmitButton:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.Form__MainBody .FormResetButton {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  margin-right: 2rem;
}
.Form__MainBody .FormResetButton .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .Form__MainBody .FormResetButton {
    width: 100%;
  }
}
.Form__MainBody .FormResetButton:hover {
  background-color: #0F014DD4;
  color: #EFE4D1;
}
.Form__MainBody .FormResetButton:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.Form__MainBody .FormResetButton:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.Form__MainBody .Form__Element .Form__Element__ValidationError {
  display: flex;
  margin-top: 0.25rem;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #E60000 !important;
}
.Form__MainBody .Form__Element .Form__Element__ValidationError::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  margin-right: 0.5em;
  margin-top: 0.125em;
  vertical-align: middle;
}
.Form__MainBody .FormFileUpload input[type="file"] {
  display: block;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.Form__MainBody .FormFileUpload input[type="file"]::before {
  content: 'UPLOAD FILE';
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  margin-right: 1rem;
}
.Form__MainBody .FormFileUpload input[type="file"]::before .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .Form__MainBody .FormFileUpload input[type="file"]::before {
    width: 100%;
  }
}
.Form__MainBody .FormFileUpload input[type="file"]::before:hover {
  background-color: #0F014DD4;
  color: #EFE4D1;
}
.Form__MainBody .FormFileUpload input[type="file"]::before:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.Form__MainBody .FormFileUpload input[type="file"]::before:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.Form__MainBody .FormFileUpload input[type="file"]::-webkit-file-upload-button {
  display: none;
}
.Form__MainBody .Form__NavigationBar .Form__NavigationBar__Action {
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: none;
  cursor: pointer;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
.Form__MainBody .Form__NavigationBar .btnPrev::before {
  content: "\2039";
  font-size: 1.5rem;
  display: inline-block;
}
.Form__MainBody .Form__NavigationBar .btnPrev:disabled {
  color: #838383 !important;
  opacity: 1 !important;
  border-color: #838383;
  cursor: default;
  outline: none !important;
}
.Form__MainBody .Form__NavigationBar .btnNext::after {
  content: "\203A";
  font-size: 1.5rem;
  display: inline-block;
}
.Form__MainBody .Form__NavigationBar .btnNext:disabled {
  color: #838383 !important;
  opacity: 1 !important;
  border-color: #838383;
  cursor: default;
  outline: none !important;
}
.Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar {
  border: none;
  background-color: #EBEBEB;
}
.Form__MainBody .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
  background-color: #838383;
  height: 1.5rem;
  border-radius: 3px;
}
.Form__MainBody .FormRange .FormRange__Wrapper {
  display: block;
}
@media only screen and (max-width: 768px) {
  .Form__MainBody .FormRange .FormRange__Wrapper {
    width: 100%;
  }
}
.Form__MainBody .FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper .FormRange__Slider__Button {
  background-color: #FFFFFF;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 3rem !important;
  letter-spacing: 0.0312em !important;
  line-height: 1.188em !important;
  color: #0B0039 !important;
  padding: 0;
  margin: 0;
  flex: 0;
  margin-top: -7px;
}
.Form__MainBody .FormRange .FormRange__Wrapper .FormRange__Slider__Wrapper input[type='range'] {
  accent-color: #838383;
  margin: 0;
}
.Form__MainBody .FormRange .FormRange__Wrapper .FormRange__Min,
.Form__MainBody .FormRange .FormRange__Wrapper .FormRange__Max,
.Form__MainBody .FormRange .FormRange__Wrapper FormRange__Output {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.0312em !important;
  line-height: 3.375em !important;
  color: #0B0039 !important;
  font-style: normal;
}
.Form__MainBody .FormRange .FormRange__Wrapper .FormRange__Output__Wrapper .FormRange__Output {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.0312em !important;
  line-height: 1.188em !important;
  color: #0B0039 !important;
  font-style: normal;
}
.pagination-page {
  max-width: 80em;
  margin: 2em 0px 2em 0px;
  position: relative;
}
.pagination-page .text {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.1875rem !important;
  color: #0F014D !important;
}
.pagination-page .rounded-icon {
  height: 3em;
  width: 3em;
  margin: 0 2em 0 2em;
  /*background: @colour--greyscale__white;
        color: @colour--greyscale__grey5;*/
  background: #FDFDFB;
  color: #1E1A34;
}
.pagination-page .active {
  /*background: @colour--primary__brand1;
        color: @colour--greyscale__white;*/
  background: #0B0039;
  color: #FFFFFF;
}
.pagination-page .hover {
  /*background: @colour--primary__brand1;
        color: @colour--greyscale__white;*/
  background: #0B0039;
  color: #FFFFFF;
  opacity: 0.8;
}
.pagination-page .disabled {
  /*background: @colour--greyscale__grey3;
        color: @colour--greyscale__grey4;*/
  background: #B5B5B5;
  color: #838383;
}
.pagination-page .all-results {
  float: right;
  background-color: #FDFDFB;
  color: #0F014DBD;
}
.pagination-page .all-results a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.pagination-page .all-results a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.pagination-page .all-results a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.pagination-page .all-results a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
@media only screen and (max-width: 768px) {
  .pagination-page .all-results {
    display: flex;
    float: unset;
    justify-content: center;
    padding-left: 1em;
  }
}
.pagination-page table {
  border: none;
}
.pagination-page table tbody {
  border: none;
  display: flex;
}
.pagination-page table tbody tr {
  border: none;
  display: flex;
  justify-content: center;
  margin: 3em 0 3em 0;
  /*td {
                    &:first-child {
                        width: 85%;
                        padding-right: 2em;


                        .responsive(@mediaquery--992px, {
                            width: 80%;
                        }

                        );

                        .responsive(@mediaquery--768px, {
                            width: 100%;
                            padding: 0;
                        }

                        );
                    }

                    .responsive(@mediaquery--768px, {
                        width: 100%;
                    }

                    );
                }*/
}
.pagination-page table tbody tr:first-child {
  width: 88%;
  padding-left: 2em;
}
@media only screen and (max-width: 992px) {
  .pagination-page table tbody tr:first-child {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .pagination-page table tbody tr:first-child {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .pagination-page table tbody tr {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .pagination-page table tbody {
    display: block;
  }
}
.pager--results {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 13.33px !important;
  letter-spacing: 0.015625em !important;
  line-height: 24px !important;
  color: #0F014DBD !important;
}
@media only screen and (max-width: 390px) {
  .pager--results {
    width: 100%;
    text-align: center;
  }
}
.results_pagination {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  width: 100%;
  padding: 0.5rem;
  align-content: center;
  display: inline-flex;
  margin: 2rem 0;
  margin: 0 auto;
  margin: 2em 0px 2em 0;
}
.results_pagination > div {
  flex: 1;
}
@media only screen and (max-width: 820px) {
  .results_pagination {
    display: inline-block;
    margin: 2rem 0;
  }
}
@media only screen and (max-width: 467px) {
  .results_pagination {
    display: inline;
  }
}
.results_pagination a {
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-decoration: none !important;
  color: #0F014D;
}
@media only screen and (max-width: 467px) {
  .results_pagination a {
    height: 2rem;
    width: 2.5rem;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem;
  }
}
.results_pagination .left-chevron,
.results_pagination .right-chevron {
  height: fit-content !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  border: none !important;
  background: none;
  border: none;
  height: auto;
  width: auto;
}
.results_pagination .left-chevron.disabled,
.results_pagination .right-chevron.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.results_pagination .left-chevron:hover,
.results_pagination .right-chevron:hover {
  background: #EFE4D1 !important;
  color: #0F014D !important;
  border-color: #0F014D !important;
  opacity: 0.5 !important;
}
.results_pagination .left-chevron {
  content: url("/UI/images/icons/chevron_left.svg");
}
.results_pagination .right-chevron {
  content: url("/UI/images/icons/chevron_right.svg");
}
.results_pagination a.active {
  height: 2em;
  width: 2em;
  border-radius: 50%;
}
.results_pagination a.active::before {
  background: #0F014D !important;
  color: #EFE4D1;
}
@media only screen and (max-width: 820px) {
  .results_pagination .pagination--totalRecords {
    width: 100%;
    margin-bottom: 2rem;
    text-align: center;
    display: flex;
    justify-content: center;
    padding-bottom: 0.5em;
  }
}
.results_pagination .pagination--numbers {
  width: 100%;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #0F014D;
}
.results_pagination .pagination--numbers .results_pagination--active {
  text-align: center;
  height: 2.2rem;
  width: 2.2rem;
  background: #0B0039;
  color: #FDFDFB;
  border-color: #0B0039;
  border-radius: 25px;
  pointer-events: none;
}
@media only screen and (max-width: 820px) {
  .results_pagination .pagination--numbers {
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
  }
}
.results_pagination .pagination--numbers a {
  padding: 0.75em;
  margin: 0 1em;
  text-decoration: none;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  color: #0F014D;
  display: flex;
  align-items: center;
  justify-content: center;
}
.results_pagination .pagination--numbers a.active {
  background: #0F014D;
  color: #FDFDFB;
}
.results_pagination .pagination--numbers a:hover {
  background: #0F014D;
  color: #FDFDFB;
  border-color: #0F014D;
  opacity: 0.8;
}
.results_pagination .pagination--numbers a:focus {
  background-color: #FDFDFB;
  border: 1px solid #0F014D7D;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .results_pagination .pagination--numbers a {
    margin: 0 1em;
  }
}
.results_pagination .pagination--viewall {
  justify-items: right;
}
@media only screen and (max-width: 820px) {
  .results_pagination .pagination--viewall {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }
}
.results_pagination .pagination--viewall a {
  background: none;
  border: none;
  width: 6rem;
  text-decoration: underline;
  margin: 0;
}
@media only screen and (max-width: 467px) {
  .results_pagination .pagination--viewall a {
    background: none;
    border: none;
    width: 6rem;
    text-decoration: underline;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .search__container {
    padding: 1rem;
  }
}
.search__container .flex-container {
  display: flex;
  gap: 2rem;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .search__container .flex-container {
    flex-direction: column;
    align-items: baseline;
    width: 100%;
  }
}
.search__container .flex-container > div:not(:last-child) {
  display: flex;
  flex-direction: column;
  flex: 1 12rem;
}
@media only screen and (max-width: 768px) {
  .search__container .flex-container > div:not(:last-child) {
    flex-direction: column;
    flex: 1;
    width: 100%;
  }
}
.search__container .flex-container input,
.search__container .flex-container select {
  width: 100%;
}
.search__container .flex-container button {
  height: 3rem;
}
@media only screen and (max-width: 768px) {
  .search__container .flex-container div#search--container__col4 {
    width: 100%;
  }
}
.search__container #search--container__sortBy {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .search__container #search--container__sortBy {
    flex-direction: column;
    align-items: baseline;
  }
}
.search__container .control-label {
  margin: 0;
  margin-right: 8px;
  text-align: right;
}
.search__container select {
  width: 11rem;
}
@media only screen and (max-width: 768px) {
  .search__container select {
    width: 100%;
  }
}
.search-results .hr-grey {
  margin: 2rem 0 2rem 0;
}
.search-results .flex_ratio {
  display: flex;
  flex-direction: row;
  column-gap: 4rem;
}
@media only screen and (max-width: 576px) {
  .search-results .flex_ratio {
    flex-direction: column;
    gap: 1rem;
  }
}
.search-results .flex_ratio .ratio-1 {
  flex: 1;
  justify-items: right;
}
.search-results .flex_ratio .ratio-2 {
  flex: 2;
}
.search-container {
  display: flex;
  gap: 2rem;
}
.search-container .left-filters {
  flex-shrink: 0;
  width: 20%;
  border: 1px solid #EBEBEB;
  padding: 1rem;
  border-radius: 5px;
}
.search-container .main-results {
  flex: 1;
  min-width: 0;
  width: 50%;
}
.search-container .main-results .searchresult__card {
  border: 1px solid #EBEBEB;
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 2rem;
}
.search-container .right-panel {
  flex-shrink: 0;
  width: 20%;
  border: 1px solid #EBEBEB;
  padding: 1rem;
  border-radius: 5px;
}
.pagination--totalRecords,
.pagination--viewall {
  white-space: nowrap;
}
.container.intranet .base {
  padding-left: 0em;
}
.container.intranet .base.clearfix {
  padding-left: 0;
}
.container.intranet .base.clearfix .col3:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 100%;
  background: #FAFAFA;
}
.base.tiny-sort {
  display: flex;
  padding-left: 0;
}
.profile-sidebar {
  height: 100%;
}
.selectedListItem {
  font-family: 'PT Serif' !important;
  font-weight: normal !important;
  font-size: 1.729rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.3125rem !important;
  color: #0B0039 !important;
}
.col3:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 100%;
  background: #FAFAFA;
}
.leftmenu--container {
  font-family: 'Archivo' !important;
  font-weight: normal !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375rem !important;
  color: #0B0039 !important;
  display: flex;
  flex-direction: column;
  /*align-items: flex-start;*/
  align-items: inherit;
  width: 100%;
  background-color: #FAFAFA;
  padding: 2em;
  height: 100%;
  min-height: 50em;
}
.leftmenu--container ul li {
  list-style-type: none;
}
.leftmenu--container ul li a {
  font-family: 'Archivo' !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375rem !important;
  color: #0B0039 !important;
  display: block;
  align-self: stretch;
  margin-bottom: 1rem;
}
.leftmenu--container ul li ul li {
  border-top: 1px solid #EBEBEB;
  word-break: break-word;
}
.leftmenu--container ul li ul li a {
  font-family: 'Archivo' !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375rem !important;
  color: #0B0039 !important;
  padding: 1rem 0rem;
  margin-bottom: 0rem;
}
.leftmenu--container ul li ul li a.more {
  background: url("/UI/images/icons/chevron_down.svg") right 0rem center no-repeat;
  padding-right: 1.25rem;
}
.leftmenu--container ul li ul li a.more-down {
  background: url("/UI/images/icons/chevron_up.svg") right 0rem center no-repeat;
  padding-right: 1.25rem;
}
.leftmenu--container ul li ul li a.more-down.selected {
  color: #0B0039;
  font-weight: 700;
}
.leftmenu--container ul li ul li a.selected {
  color: #A67F42;
  font-weight: 700;
}
.leftmenu--container ul li ul li a:hover {
  opacity: 0.5;
}
.leftmenu--container ul li ul li ul li {
  border-top: none;
}
.leftmenu--container ul li ul li ul li a {
  display: block;
  margin-left: 1rem;
  font-weight: 400;
}
.leftmenu--container ul li ul li ul li a.more-down.selected {
  filter: invert(51%) sepia(41%) saturate(524%) hue-rotate(358deg) brightness(93%) contrast(93%);
}
.leftmenu--container ul li ul li ul ul li {
  margin-left: 1rem;
}
@media only screen and (max-width: 810px) {
  .base.tiny-sort {
    padding: 0em;
  }
  .container.intranet .base.clearfix {
    padding: 0em 1.25em;
  }
}
@media only screen and (max-width: 390px) {
  .base.tiny-sort,
  .container.intranet .base.clearfix {
    padding: 0em;
  }
}
/*LSI Site below*/
/*for to be used on required field validations*/
.validation--error {
  display: flex;
  border: none;
  margin-top: 4px;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #E60000 !important;
}
.validation--error a {
  color: #E60000;
  cursor: pointer;
  font-weight: 600;
}
.validation--error a:hover {
  opacity: 0.75;
}
.validation--error a:focus {
  border-radius: 3px;
  border: 2px solid #E60000 !important;
  text-decoration: none;
  padding: 0 0.5em 0 0.5em;
}
.validation--error::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  margin-right: 0.5em;
  margin-top: 0.125em;
  vertical-align: middle;
}
.validation-error {
  margin-top: 1rem;
}
.validationMessage {
  display: flex;
  border: none;
  margin-top: 4px;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #E60000 !important;
}
.validationMessage a {
  color: #E60000 !important;
}
.validationMessage::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  margin-right: 0.5em;
  margin-top: 0.125em;
  vertical-align: middle;
}
/** notifications */
.notification--error {
  display: block;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 29px !important;
  color: #0F014DBD !important;
  border-top: 3px solid #E60000;
  background: #FFE6E6 url("/UI/images/icons/circled-error-red.svg") no-repeat 1rem 1.2rem;
  padding: 1em 1em 1em 3em;
  word-break: break-word;
}
.notification--error a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.notification--error a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.notification--error a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.notification--error a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.notification--success {
  display: block;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 29px !important;
  color: #0F014DBD !important;
  border-top: 3px solid #00AB47;
  background: #DEFFEC url("/UI/images/icons/circled-success-green.svg") no-repeat 1rem 1.2rem;
  padding: 1em 1em 1em 3em;
  word-break: break-word;
}
.notification--success a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.notification--success a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.notification--success a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.notification--success a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.green-alert-box,
.red-alert-box {
  display: flex;
  font-weight: 400;
  border: none;
  border-top: 0.25em solid #00AB47;
  background: #DEFFEC;
  box-shadow: none;
  color: #0F014DBD;
  padding: 1em;
  margin-bottom: 3em;
  border-radius: 0;
  align-items: center;
}
.green-alert-box span,
.red-alert-box span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #0F014DBD !important;
}
.green-alert-box::before,
.red-alert-box::before {
  content: url("/UI/images/icons/circled-success-green.svg");
  vertical-align: sub;
  margin-right: 1em;
  padding-top: 0.375em;
}
.green-alert-box a,
.red-alert-box a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
.green-alert-box a:hover,
.red-alert-box a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
.green-alert-box a:focus,
.red-alert-box a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.green-alert-box a:active,
.red-alert-box a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
.red-alert-box {
  border-top: 0.25em solid #E60000;
  background: #FFE6E6;
}
.red-alert-box::before {
  content: url("/UI/images/icons/circled-error-red.svg");
}
.application--buttons {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
@media only screen and (max-width: 576px) {
  .application--buttons .grid-col1 {
    display: none;
  }
}
.application--buttons .grid-col2 {
  display: flex;
  grid-gap: 2em;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 576px) {
  .application--buttons .grid-col2 {
    flex-direction: column-reverse;
    text-align: left;
    margin-bottom: 2em;
  }
}
.application--buttons .grid-col2 a {
  align-content: center;
  text-align: right;
}
@media only screen and (max-width: 576px) {
  .application--buttons .grid-col2 a {
    text-decoration: none;
    width: 100%;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    min-width: 7.5rem;
    min-height: 3rem;
    border: none;
    border-radius: 10px;
    font-family: 'Archivo';
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: 0.2s all;
    gap: 0.5rem;
    background-color: #EFE4D1;
    color: #0F014DD4;
    border: 1px solid #0F014DD4;
  }
  .application--buttons .grid-col2 a .material-symbols-outlined {
    align-self: baseline;
  }
  .application--buttons .grid-col2 a:hover {
    background-color: #0F014DD4;
    color: #EFE4D1;
  }
  .application--buttons .grid-col2 a:focus {
    background-color: #EFE4D1;
    color: #0F014DD4;
    border: 1px solid #0F014DD4;
    outline: 5px double #0F014DD4;
  }
  .application--buttons .grid-col2 a:active {
    background-color: #0F014DD4;
    color: #EFE4D1;
    border: 1px solid #0F014DD4;
    outline: 5px double #0F014DD4;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 768px) {
  .application--buttons .grid-col2 a {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .application--buttons {
    grid-template-columns: 1fr;
    text-align: left;
    margin-bottom: 2em;
  }
}
/* ======================================
   Applications Readonly
====================================== */
.applications--readonly h2,
.applications--readonly h3 {
  display: none;
}
.applications--readonly #accordion--section1,
.applications--readonly #accordion--section2,
.applications--readonly #accordion--section3,
.applications--readonly #accordion--section4,
.applications--readonly #accordion--section5 {
  padding: 2em 0 0 1em;
  border: 1px solid #EBEBEB;
}
/* ======================================
   Contact Inputs
====================================== */
.contactnumber__inputs {
  display: flex;
  column-gap: 0.5rem;
}
.contactnumber__inputs select {
  width: auto;
}
.contactnumber__inputs input.txtPhone--Prefix {
  width: 4rem;
}
.contactnumber__inputs input.txtPhone--PhoneNo {
  width: 10rem;
}
@media only screen and (max-width: 768px) {
  .contactnumber__inputs input.txtPhone--PhoneNo {
    width: 100%;
  }
}
.hr-light {
  border: 1px solid #EFE4D1;
  margin: 2rem 0;
}
#portal-body hr.hr-navy-24,
#portal-body hr.hr-gold,
#portal-body hr.hr-grey {
  border: 1px solid #0F014D3D;
  color: #0F014D3D;
  background-color: unset;
  margin: 2rem 0;
}
.icon-navy:hover {
  filter: invert(100%);
  transition: filter 0.3s ease;
}
/*style for icon*/
.material-icons {
  font-family: "Material Icons";
  font-weight: 500;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bg-navy {
  border-radius: 4px;
  background-color: #0F014DD4;
  padding: 1rem;
}
.icon-bg-navy img {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
}
.icon-bg-navy:hover {
  opacity: 0.74;
}
.icon-bg-navy:focus {
  outline: 5px double #0F014DD4;
}
.icon-bg-navy img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.icon-bg-navy img:focus {
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.icon-bg-navy img:active {
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
  opacity: 0.83;
}
.icon-bg-navy:active {
  background: transparent;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.icon-bg-gold {
  border-radius: 4px;
  background-color: #EFE4D1;
  padding: 1rem;
}
.icon-bg-gold img {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
}
.icon-bg-gold:hover {
  opacity: 0.74;
}
.icon-bg-gold:focus {
  outline: 5px double #EFE4D1;
}
.icon-bg-gold img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.icon-bg-gold img:active {
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.icon-bg-gold:active {
  background: transparent;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.icon-border-navy {
  border: 1px solid #0F014DD4;
  border-radius: 4px;
  background-color: transparent;
  padding: 1rem;
}
.icon-border-navy img {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
}
.icon-border-navy:hover {
  opacity: 0.74;
}
.icon-border-navy:focus {
  outline: 5px double transparent;
}
.icon-border-navy img {
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.icon-border-navy img:hover {
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.icon-border-navy img:focus {
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.icon-border-navy img:active {
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.icon-border-navy:hover {
  background-color: #0F014DD4;
}
.icon-border-navy:focus {
  background-color: transparent;
}
.icon-border-navy:active {
  background-color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.icon-border-gold {
  border: 1px solid #EFE4D1;
  border-radius: 4px;
  background-color: transparent;
  padding: 1rem;
}
.icon-border-gold img {
  width: 1.75rem;
  height: 1.75rem;
  display: block;
}
.icon-border-gold:hover {
  opacity: 0.74;
}
.icon-border-gold:focus {
  outline: 5px double transparent;
}
.icon-border-gold img {
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.icon-border-gold img:hover {
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.icon-border-gold img:focus {
  filter: brightness(0) saturate(100%) invert(94%) sepia(12%) saturate(344%) hue-rotate(20deg) brightness(96%) contrast(90%);
}
.icon-border-gold img:active {
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.icon-border-gold:hover {
  background-color: #EFE4D1;
}
.icon-border-gold:focus {
  background-color: transparent;
}
.icon-border-gold:active {
  background-color: #EFE4D1;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
/*Styles for Kendo Pager*/
#search-results,
.solicitors-registration {
  /*.all-results {

        a {
            line-height: 3em;
            font-size: 1em;
            text-decoration: underline;
            color: @colour--primary__brand1;
        }
    }*/
}
#search-results .k-pager-wrap,
.solicitors-registration .k-pager-wrap {
  overflow: unset;
  padding: 0em;
  color: unset;
  border-color: unset;
  background-color: unset;
  display: flex;
  justify-content: center;
  padding-left: 4em;
  padding-left: 0;
}
#search-results .k-pager-wrap a,
.solicitors-registration .k-pager-wrap a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014D;
  font-style: normal;
  line-height: 1.4em;
  text-decoration: none !important;
}
#search-results .k-pager-wrap a.k-link.k-pager-nav:last-of-type,
.solicitors-registration .k-pager-wrap a.k-link.k-pager-nav:last-of-type {
  display: block;
  text-align: center;
  white-space: nowrap;
  padding-left: 1rem;
}
#search-results .k-pager-wrap .k-state-selected,
.solicitors-registration .k-pager-wrap .k-state-selected,
#search-results .k-pager-wrap .k-state-selected:link,
.solicitors-registration .k-pager-wrap .k-state-selected:link,
#search-results .k-pager-wrap .k-state-selected:visited,
.solicitors-registration .k-pager-wrap .k-state-selected:visited,
#search-results .k-pager-wrap .k-list > .k-state-selected,
.solicitors-registration .k-pager-wrap .k-list > .k-state-selected,
#search-results .k-pager-wrap .k-list > .k-state-highlight,
.solicitors-registration .k-pager-wrap .k-list > .k-state-highlight,
#search-results .k-pager-wrap .k-panel > .k-state-selected,
.solicitors-registration .k-pager-wrap .k-panel > .k-state-selected,
#search-results .k-pager-wrap .k-button:active,
.solicitors-registration .k-pager-wrap .k-button:active,
#search-results .k-pager-wrap .k-ghost-splitbar-vertical,
.solicitors-registration .k-pager-wrap .k-ghost-splitbar-vertical,
#search-results .k-pager-wrap .k-ghost-splitbar-horizontal,
.solicitors-registration .k-pager-wrap .k-ghost-splitbar-horizontal,
#search-results .k-pager-wrap .k-draghandle.k-state-selected:hover,
.solicitors-registration .k-pager-wrap .k-draghandle.k-state-selected:hover,
#search-results .k-pager-wrap .k-scheduler .k-scheduler-toolbar .k-state-selected,
.solicitors-registration .k-pager-wrap .k-scheduler .k-scheduler-toolbar .k-state-selected,
#search-results .k-pager-wrap .k-marquee-color,
.solicitors-registration .k-pager-wrap .k-marquee-color {
  color: #EFE4D1;
  background-color: #0F014DD4;
  border-radius: 20px;
}
#search-results .k-pager-wrap .k-link:visited,
.solicitors-registration .k-pager-wrap .k-link:visited,
#search-results .k-pager-wrap .k-nav-current.k-state-hover .k-link,
.solicitors-registration .k-pager-wrap .k-nav-current.k-state-hover .k-link {
  color: unset;
}
#search-results .k-pager-wrap .k-pager-first,
.solicitors-registration .k-pager-wrap .k-pager-first,
#search-results .k-pager-wrap .k-pager-last,
.solicitors-registration .k-pager-wrap .k-pager-last {
  display: none;
}
#search-results .k-pager-wrap .k-link,
.solicitors-registration .k-pager-wrap .k-link {
  background: unset;
  border-color: transparent;
  border-right: 0;
}
#search-results .k-pager-wrap .k-icon,
.solicitors-registration .k-pager-wrap .k-icon {
  background: none;
}
#search-results .k-pager-wrap .k-icon.k-i-arrow-w,
.solicitors-registration .k-pager-wrap .k-icon.k-i-arrow-w {
  background: left url("/UI/images/icons/chevron_left.svg") no-repeat;
  height: 100%;
  background-size: 1rem;
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
#search-results .k-pager-wrap .k-icon.k-i-arrow-e,
.solicitors-registration .k-pager-wrap .k-icon.k-i-arrow-e {
  background: right url("/UI/images/icons/chevron_right.svg") no-repeat;
  padding-right: 1em;
  height: 100%;
  background-size: 1rem;
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
#search-results .k-pager-wrap ul.k-pager-numbers li,
.solicitors-registration .k-pager-wrap ul.k-pager-numbers li,
#search-results .k-pager-wrap ul.k-pager-numbers a,
.solicitors-registration .k-pager-wrap ul.k-pager-numbers a {
  font-size: 1rem;
  font-weight: 700;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-decoration: none !important;
}
#search-results .k-pager-wrap ul.k-pager-numbers li:focus,
.solicitors-registration .k-pager-wrap ul.k-pager-numbers li:focus,
#search-results .k-pager-wrap ul.k-pager-numbers a:focus,
.solicitors-registration .k-pager-wrap ul.k-pager-numbers a:focus {
  background-color: #FDFDFB;
  border: 1px solid #0F014D7D;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#search-results .k-pager-wrap ul.k-pager-numbers li,
.solicitors-registration .k-pager-wrap ul.k-pager-numbers li {
  padding-right: 1em;
}
@media only screen and (max-width: 576px) {
  #search-results .k-pager-wrap ul.k-pager-numbers li:nth-child(n+4),
  .solicitors-registration .k-pager-wrap ul.k-pager-numbers li:nth-child(n+4) {
    display: none;
  }
  #search-results .k-pager-wrap ul.k-pager-numbers li:last-child,
  .solicitors-registration .k-pager-wrap ul.k-pager-numbers li:last-child {
    display: block;
    padding: 0;
  }
}
@media only screen and (max-width: 360px) {
  #search-results .k-pager-wrap ul.k-pager-numbers li:nth-child(n+4),
  .solicitors-registration .k-pager-wrap ul.k-pager-numbers li:nth-child(n+4) {
    display: none;
  }
  #search-results .k-pager-wrap ul.k-pager-numbers li:last-child,
  .solicitors-registration .k-pager-wrap ul.k-pager-numbers li:last-child {
    display: block;
  }
}
#search-results .k-pager-wrap .k-pager-numbers .k-state-selected,
.solicitors-registration .k-pager-wrap .k-pager-numbers .k-state-selected {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-content: center;
  justify-content: center;
  font-family: 'Archivo';
  font-weight: 700;
  align-items: center;
}
#search-results .k-pager-wrap .k-pager-info,
.solicitors-registration .k-pager-wrap .k-pager-info {
  left: 0;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  #search-results .k-pager-wrap .k-pager-info,
  .solicitors-registration .k-pager-wrap .k-pager-info {
    left: unset;
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #search-results .k-pager-wrap,
  .solicitors-registration .k-pager-wrap {
    padding-left: 1em;
    margin: 3em 0 1em 0;
  }
}
#search-results .firm-paging,
.solicitors-registration .firm-paging {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
#search-results .firm-paging .k-pager-wrap,
.solicitors-registration .firm-paging .k-pager-wrap {
  padding: 0;
}
/* ===========================
   Mega Menu — Base & Resets
   =========================== */
.mega-menu {
  position: relative;
  z-index: 30;
  background-color: #EFE4D1;
  /* Visually hidden for accessibility */
}
.mega-menu [hidden] {
  display: none !important;
}
.mega-menu * {
  box-sizing: border-box;
}
.mega-menu .opacity-85 {
  opacity: 0.85;
}
.mega-menu .text-muted {
  opacity: 0.7;
}
.mega-menu :focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.mega-menu .sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 1px, 1px);
  white-space: nowrap;
  border: 0;
}
.mega-menu a {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.mega-menu a:hover {
  opacity: 0.75;
  text-decoration: none;
}
.mega-menu a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.mega-menu a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.mega-menu li {
  padding: 0.25rem 0;
}
/* ===========================
   Button Row (Top-level triggers)
   =========================== */
.mega-menu__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  padding-inline: 1em;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mega-menu__buttons {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.mega-menu__buttons > * {
  flex: 0 0 auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mega-menu__buttons > * {
    text-align: left;
  }
}
.mega-menu__buttons .mega-menu__btn {
  flex: 1 1 0;
  appearance: none;
  background-color: inherit;
  border: none;
  cursor: pointer;
  padding: 1rem 0.875rem;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .mega-menu__buttons .mega-menu__btn {
    padding: 0.5rem;
  }
}
.mega-menu__buttons .mega-menu__btn:hover {
  cursor: pointer;
  opacity: 0.74;
}
.mega-menu__buttons .mega-menu__btn span.mega-menu__btn-label {
  color: #0F014DD4;
  font-weight: 700;
  font-size: 1rem;
  font-family: 'Archivo';
}
body.mega-menu-open {
  overflow: hidden;
  /* For iOS Safari */
  width: 100%;
}
/* ===========================
   Panel Shell
   =========================== */
.mega-menu__panel {
  position: fixed;
  top: calc(var(--spacing) * 32);
  width: 100%;
  /* calc(100vw - calc(var(--spacing) * 32));*/
  margin: 0;
  z-index: 1000;
  padding: 3rem 4rem 2rem 4rem;
  overflow-y: auto;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: #FDFDFB;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  height: 31.2rem;
  overflow-y: scroll;
  -ms-overflow-style: scrollbar;
  /* for old IE/Edge */
  scrollbar-gutter: stable both-edges;
  /* reserves space for scrollbars */
  scrollbar-color: var(--color-primary-navy-opacity-24) var(--color-primary-navy-opacity-4);
  scrollbar-width: thin;
  overflow-x: hidden;
  /* WebKit browsers (Chrome, Edge, Safari) */
  /* Scrollbar track (the background) */
  /* Scrollbar thumb (the draggable bar) */
  /* Hover state for accessibility */
}
@media only screen and (max-width: 768px) {
  .mega-menu__panel {
    padding: 1em;
  }
}
.mega-menu__panel::-webkit-scrollbar {
  width: 1rem;
  /* accessible width */
  background-color: var(--color-primary-navy-opacity-4);
}
.mega-menu__panel::-webkit-scrollbar-track {
  background-color: var(--color-primary-navy-opacity-4);
}
.mega-menu__panel::-webkit-scrollbar-thumb {
  background-color: var(--color-primary-navy-opacity-24);
  border-radius: 8px;
  border: 3px solid var(--color-primary-navy-opacity-4);
  /* adds visual padding */
}
.mega-menu__panel::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-primary-navy-opacity-32);
}
/* ===========================
   Headers & Titles
   =========================== */
.mm-panel__functions {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: end;
}
.mm-panel__functions .mm-tabs__list {
  border-radius: 12px;
  background: #F8F5EF;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #EFE4D1;
  color: #0F014DD4;
  background-color: inherit;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .mm-panel__functions .mm-tabs__list .mm-tabs__tab {
    width: 100%;
  }
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab:hover {
  opacity: 0.75;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab:focus {
  background-color: transparent;
  color: #EFE4D1;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab:active {
  background-color: #EFE4D1;
  color: #0F014DD4;
  border: 1px solid #EFE4D1;
  outline: 5px double #EFE4D1;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab[aria-selected="true"] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border: none;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.2s all;
  gap: 0.5rem;
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab[aria-selected="true"] .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .mm-panel__functions .mm-tabs__list .mm-tabs__tab[aria-selected="true"] {
    width: 100%;
  }
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab[aria-selected="true"]:hover {
  opacity: 0.75;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab[aria-selected="true"]:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.mm-panel__functions .mm-tabs__list .mm-tabs__tab[aria-selected="true"]:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.mm-panel__header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.mm-panel__header .mm-panel__header-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #EFE4D1;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.mm-panel__header .mm-panel__header-title .mm-panel__title,
.mm-panel__header .mm-panel__header-title .mm-panel__title-link {
  display: inline-block;
}
.mm-panel__header .mm-panel__header-title .mm-panel__title-link {
  text-decoration: none;
}
.mm-panel__header .mm-panel__intro {
  flex-basis: 100%;
  /* take full width */
}
/* ===========================
   Search
   =========================== */
.mm-panel__search {
  width: 29.75rem;
}
.mm-panel__search label {
  font-weight: 700;
}
.mm-panel__search .mm-search__input {
  width: 100%;
  min-height: 2.5rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0.5rem 0.75rem;
}
.mm-panel__search .mm-search__btn {
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #111;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.5rem 0.875rem;
  min-height: 2.5rem;
  cursor: pointer;
}
.mm-panel__search .mm-search__btn:hover {
  filter: brightness(1.05);
}
.mm-panel__search .mm-search__btn:active {
  transform: translateY(1px);
}
/* ===========================
   Tabs
   =========================== */
.mm-tabs {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.mm-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mm-tabs__tab {
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.mm-tabs__tab[aria-selected="true"] {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.24);
}
.mm-tabs__panel {
  display: block;
}
/* ===========================
   Grid Layouts (2col, 3col, 4col)
   =========================== */
.mm-2col,
.mm-3col,
.mm-4col {
  display: grid;
  gap: 1rem;
}
.mm-2col > *,
.mm-3col > *,
.mm-4col > * {
  border-radius: 8px;
  border: 1px solid #F7F3EB;
  padding: 1rem;
}
.mm-2col .mm-card,
.mm-3col .mm-card,
.mm-4col .mm-card {
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #F7F3EB;
}
.mm-2col .mm-card .mm-card-top,
.mm-3col .mm-card .mm-card-top,
.mm-4col .mm-card .mm-card-top {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.mm-2col .mm-card a.mm-card__title-link,
.mm-3col .mm-card a.mm-card__title-link,
.mm-4col .mm-card a.mm-card__title-link {
  color: #0F014DD4;
}
.mm-2col .mm-card p.mm-card__intro-a,
.mm-3col .mm-card p.mm-card__intro-a,
.mm-4col .mm-card p.mm-card__intro-a {
  margin-top: 0.5rem;
  color: #0F014DD4;
}
/* 2 columns */
@media (min-width: 992px) {
  .mm-2col {
    grid-template-columns: 300px 1fr;
  }
}
/* 3 columns */
@media (min-width: 768px) {
  .mm-3col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1200px) {
  .mm-3col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* 4 columns */
@media (min-width: 992px) {
  .mm-4col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1300px) {
  .mm-4col {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* ===========================
   Background Overlay
   =========================== */
.mega-menu__overlay {
  position: fixed;
  top: calc(var(--spacing) * 32);
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 1, 77, 0.24);
  z-index: 999;
  /* Just below the panel */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.mega-menu__overlay.mega-menu-overlay--open {
  opacity: 1;
  visibility: visible;
}
/* ===========================
   Animations
   =========================== */
@keyframes mmFade {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mega-menu__panel,
  .mm-2col__panel {
    animation: none !important;
  }
}
/* End of mega-menu.less */
.audience-switch {
  margin-block: 1rem 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
}
.audience-switch .toggle-buttons {
  border-radius: 12px;
  background: #EFE4D1;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: #0F014DD4;
  gap: 16px;
  /* Options */
}
@media only screen and (max-width: 768px) {
  .audience-switch .toggle-buttons {
    width: auto;
  }
}
.audience-switch .toggle-buttons button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  min-width: 7.5rem;
  min-height: 3rem;
  border-radius: 10px;
  font-family: 'Archivo';
  font-weight: 600;
  font-size: 1rem;
  transition: 0.2s all;
  gap: 0.5rem;
  flex: 1;
  border: none;
  background: transparent;
  cursor: pointer;
  /* Fix for Safari/iOS default styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  /* Ensure inactive tabs stay correct color */
}
.audience-switch .toggle-buttons button .material-symbols-outlined {
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  .audience-switch .toggle-buttons button {
    width: 100%;
  }
}
.audience-switch .toggle-buttons button[aria-selected="true"],
.audience-switch .toggle-buttons button.active {
  background: #0F014DD4;
  color: #EFE4D1;
}
.audience-switch .toggle-buttons button[aria-selected="true"]:hover,
.audience-switch .toggle-buttons button.active:hover {
  opacity: 0.75;
}
.audience-switch .toggle-buttons button[aria-selected="true"]:focus,
.audience-switch .toggle-buttons button.active:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.audience-switch .toggle-buttons button[aria-selected="true"]:active,
.audience-switch .toggle-buttons button.active:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.audience-switch .toggle-buttons button[aria-selected="false"] {
  background: transparent !important;
  color: #0F014DD4 !important;
}
.audience-switch .toggle-buttons button[aria-selected="false"]:focus {
  background-color: transparent;
  color: #0F014DD4;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.audience-switch .toggle-buttons button[aria-selected="false"]:active {
  background-color: #0F014DD4;
  color: #EFE4D1;
  border: 1px solid #0F014DD4;
  outline: 5px double #0F014DD4;
}
.audience-switch .audience-switch__panel[hidden] {
  display: none !important;
}
/* =========================================================
   Pill Component
   - Reusable inline badge/pill styles
   - Variants: gold, gold-outline
   - Utilities: radius-8, radius-64
   ========================================================= */
.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0F014DBD;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  /* Accessibility: ensures contrast if used on gold backgrounds */
  /* Variants */
  /* Optional: focus styles for accessibility */
  /* Optional: hover transition for smoothness */
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.pill:not(.gold-outline):not(.gold) {
  color: #fff;
}
.pill--gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0F014DBD;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  background-color: #F7F3EB;
  color: #0F014D;
}
.pill--gold-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0F014DBD;
  border: none;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid #E7D6B9;
  color: #E7D6B9;
}
.pill--gold-outline:hover,
.pill--gold-outline:focus-visible {
  background-color: rgba(231, 214, 185, 0.1);
}
.pill--navy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  background-color: #0F014D0A;
  border: 1px solid #0F014D0A;
  color: #0F014DBD;
}
.pill:focus-visible {
  outline: 2px solid #0F014D;
  outline-offset: 2px;
}
/* Shape modifiers */
.radius-8 {
  border-radius: 8px;
}
.radius-10 {
  border-radius: 10px;
}
.radius-32 {
  border-radius: 32px;
}
.radius-64 {
  border-radius: 64px;
}
.highlighted-text {
  gap: 1rem;
  width: 100%;
}
.featured-news img {
  width: -webkit-fill-available;
  width: -moz-available;
}
#mainBody img,
.main-content img {
  margin-top: 0em;
  width: 100%;
}
i.fa.fa-chevron-down {
  color: #0B0039;
}
.intranet .newsblock .mainlist .thumb img {
  height: 12em;
  width: -webkit-fill-available;
  width: -moz-available;
  object-fit: contain;
}
/* photo galler viewer styles*/
div#EPiImageGalleryViewer-__Page img {
  width: auto !important;
}
.l2-wrap img {
  width: -webkit-fill-available;
}
.main-content {
  padding: 1rem;
}
.main-content ul,
.main-content ol {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  padding-left: 1em;
}
.main-content ul li,
.main-content ol li {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  position: relative;
  margin: 0 0 0.375em 2em;
}
.main-content ul li ol,
.main-content ol li ol,
.main-content ul li ul,
.main-content ol li ul {
  margin-top: 0;
}
.main-content ul {
  list-style: none;
  list-style-type: disc;
  padding-left: 0 !important;
  /* Tab style starts here*/
}
.main-content ul li {
  padding-left: 1em;
}
.main-content ul.tabs-committee {
  margin: 0;
  padding: 4em 0em 0em 0em;
  display: flow-root;
  width: 100%;
}
.main-content ul.tabs-committee li {
  font-weight: inherit;
  background: none;
  padding-left: 0;
  margin-top: 0;
  list-style: none;
  float: left;
  margin-left: 2em !important;
  margin-bottom: 3em;
}
.main-content ul.tabs-committee li:first-child {
  margin-left: 0em !important;
}
.main-content ul.tabs-committee li a {
  display: block;
  text-decoration: none;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
  width: 8.5em;
  padding-bottom: 0.5em;
}
.main-content ul.tabs-committee li a.active {
  color: #0F014DBD;
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0em bottom;
  background-size: 48px 3px;
}
.main-content ol {
  counter-reset: li;
}
.main-content ol li {
  list-style: none;
  display: table-row;
}
.main-content ol li:before {
  content: counter(li);
  counter-increment: li;
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline solid #DDCBA4 2px;
  text-underline-position: under;
  display: table-cell;
}
.main-content ol[style*="list-style-type: lower-alpha;"] {
  counter-reset: item;
}
.main-content ol[style*="list-style-type: lower-alpha;"] li:before {
  content: counters(item, " ", lower-alpha) " ";
  counter-increment: item;
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline solid #DDCBA4 2px;
  text-underline-position: under;
  display: table-cell;
}
.main-content ol[style*="list-style-type: lower-roman;"] {
  counter-reset: item;
}
.main-content ol[style*="list-style-type: lower-roman;"] li:before {
  content: counters(item, " ", lower-roman) " ";
  counter-increment: item;
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline solid #DDCBA4 2px;
  text-underline-position: under;
  display: table-cell;
}
.main-content ol[style*="list-style-type: upper-alpha;"] {
  counter-reset: item;
}
.main-content ol[style*="list-style-type: upper-alpha;"] li:before {
  content: counters(item, " ", upper-alpha) " ";
  counter-increment: item;
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline solid #DDCBA4 2px;
  text-underline-position: under;
  display: table-cell;
}
.main-content ol[style*="list-style-type: upper-roman;"] {
  counter-reset: item;
}
.main-content ol[style*="list-style-type: upper-roman;"] li:before {
  content: counters(item, " ", upper-roman) " ";
  counter-increment: item;
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline solid #DDCBA4 2px;
  text-underline-position: under;
  display: table-cell;
}
.main-content ul[style*="list-style-type: circle;"] li {
  background: none;
}
.main-content ul[style*="list-style-type: circle;"] li::marker {
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
.main-content ul[style*="list-style-type: square;"] li {
  background: none;
}
.main-content ul[style*="list-style-type: square;"] li::marker {
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
.main-content .pagination-page ul {
  list-style: none;
  list-style-type: none;
}
/* reciteme button  */
#reciteme-button {
  /* Button Styling and Placement */
  width: 3.75rem;
  height: 3.75rem;
  bottom: 0.5rem;
  right: 5rem;
  position: fixed;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer;
  background-color: #FDFDFB;
}
#reciteme-button:hover {
  opacity: 0.75;
}
#reciteme-button img {
  /** Button Image Size */
  width: 3.75rem;
  height: 3.75rem;
  position: absolute;
  top: 50%;
  left: 1.9em;
  transform: translate(-50%, -50%);
}
.tab-contents {
  width: 100%;
  padding: 3em 0em;
  position: relative;
  z-index: 1;
}
.label-tabs {
  display: inline-block;
  margin: 0 0.188em 0.375em 0;
  background-color: #0F014DBD;
  color: #FDFDFB;
  border: 0.1875em solid #0F014DBD;
  box-sizing: border-box;
  border-radius: 0.188em 0.188em 0px 0px;
  padding: 0px 1em 0px 1em;
  min-height: 3em;
  font-size: 0.833rem;
}
.label-tabs .active-tab {
  background-color: #FDFDFB;
  border-bottom: 0;
  font-family: 'Archivo' !important;
  font-weight: 600 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.1875rem !important;
  color: #0F014DBD !important;
}
/* ======================================
   Watermark
====================================== */
.watermark {
  position: relative;
  overflow: hidden;
}
.watermark::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  pointer-events: none;
  background-image: repeating-linear-gradient(-45deg, transparent 0, transparent 10rem);
  background-size: 14.125rem 14.125rem;
  z-index: -1;
}
.watermark::after {
  content: "PREVIEW\aPREVIEW\aPREVIEW\aPREVIEW\aPREVIEW\aPREVIEW\aPREVIEW\aPREVIEW";
  white-space: pre;
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A3C7D2;
  font-family: 'PT Serif';
  font-size: 4.688rem;
  font-style: normal;
  font-weight: 400;
  line-height: 10rem;
  opacity: 0.3;
  transform: rotate(-45deg);
  transform-origin: center center;
  pointer-events: none;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  background: transparent;
}
nav.intranet-utility {
  display: flex;
  padding: 1rem 2rem;
  align-items: anchor-center;
}
nav.intranet-utility .menu-topitems {
  flex: 1;
  justify-items: center;
}
.header.clearfix {
  z-index: 10;
  background-color: #0F014D;
}
@media only screen and (max-width: 390px) {
  .header.clearfix {
    transition: all 0.3s ease-in-out;
    top: -110px;
    margin-top: 0 !important;
    height: 13em;
  }
}
.header .header-top-content {
  display: flex;
  flex-direction: row;
  padding: 1rem 4rem;
  align-items: anchor-center;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .header .header-top-content {
    padding: 1rem 2rem;
  }
}
@media only screen and (max-width: 467px) {
  .header .header-top-content {
    padding: 1rem;
  }
}
.header .header-top-content .profile-control button {
  text-wrap-mode: nowrap;
}
.header .header-top-content .base,
.header .header-top-content .topnav-header-base {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.header .header-top-content .base.header-bar {
  width: auto;
}
@media only screen and (max-width: 810px) {
  .header .header-top-content .base.header-bar {
    display: flex !important;
    width: 100% !important;
  }
}
.header .header-top-content .base.header-bar .site-logo {
  writing-mode: vertical-rl;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .header .header-top-content .base.header-bar .site-logo {
    writing-mode: horizontal-tb;
  }
}
.header .header-top-content .topnav-header-base {
  width: 100%;
}
@media only screen and (max-width: 810px) {
  .header .header-top-content .topnav-header-base {
    display: none !important;
  }
}
.header .header-top-content .menu-topitems {
  width: 100%;
  justify-items: anchor-center;
  display: flex;
  justify-content: center;
}
.header.sticky {
  position: fixed !important;
  top: 0 !important;
  width: 100%;
  height: 7em;
  max-width: inherit;
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 390px) {
  .header.sticky {
    top: -3px;
  }
}
.header.sticky .item-home {
  display: block !important;
}
.header.sticky .mob-hamburger {
  float: right;
  margin: 1.2em 1.2em;
  display: none;
}
@media only screen and (max-width: 992px) {
  .header.sticky .mob-hamburger {
    display: block;
    margin-top: 2.5em;
  }
}
.header.sticky header.base .menu-topitems {
  margin-top: 0 !important;
}
.header.sticky .logo {
  display: none;
}
.header.sticky div.base .search-box .input-wrapper {
  margin-top: 0.6em;
  position: absolute !important;
  right: 0 !important;
}
.header.sticky div.base .search-box button {
  display: none !important;
}
.main-nav .header.sticky .item-home,
.header.sticky .mob-search,
.header.sticky .topnav-header-base {
  display: none !important;
}
@media only screen and (max-width: 886px) {
  .main-nav .header.sticky .item-home,
  .header.sticky .mob-search,
  .header.sticky .topnav-header-base {
    display: none !important;
  }
}
.header.sticky .main-nav {
  margin-top: 2.6em !important;
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav {
    width: -webkit-fill-available;
    width: -moz-available;
    position: absolute;
    margin-top: 0.5em !important;
    margin-right: 5em;
  }
}
@media only screen and (max-width: 886px) {
  .header.sticky .main-nav {
    position: relative !important;
    display: block !important;
    position: absolute !important;
    margin-top: 0.5em !important;
    margin-left: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .header.sticky .main-nav {
    margin-left: 1em !important;
  }
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav {
    margin-top: 0 !important;
    width: 100%;
    position: relative !important;
    padding-right: 1em !important;
  }
}
@media only screen and (max-width: 467px) {
  .header.sticky .main-nav {
    padding-right: 2em !important;
  }
}
@media only screen and (max-width: 390px) {
  .header.sticky .main-nav {
    margin-left: 0 !important;
    padding-top: 0 !important;
    display: none !important;
  }
}
@media only screen and (max-width: 886px) {
  .header.sticky .main-nav #menu-home-link {
    display: block !important;
    padding-bottom: 0em;
    margin-bottom: 0em;
  }
}
@media only screen and (max-width: 810px) {
  .header.sticky .main-nav #menu-home-link {
    display: none !important;
  }
}
.header.sticky .main-nav .sticky-search {
  float: right;
  margin-top: 0.5em;
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .sticky-search {
    display: none;
  }
}
.header.sticky .main-nav .sticky-search .btnsearch {
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  width: 2.5em;
  border: 1px solid #838383;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-position: right 0.5em top 0.8em;
  border-left: 0;
  background-position: right 1em top 1em;
  height: 3.6em;
}
.header.sticky .main-nav .sticky-search #mob-search-opensearch {
  margin-top: -1em;
  margin-right: 1em;
  margin-left: 3em;
  display: block;
}
.header.sticky .main-nav .sticky-search #mob-search-opensearch .btnsearch {
  border: none;
}
@media only screen and (max-width: 1280px) {
  .header.sticky .main-nav .sticky-search #mob-search-opensearch {
    margin-right: 0em;
    margin-left: 2em;
  }
}
@media only screen and (max-width: 1024px) {
  .header.sticky .main-nav .sticky-search #mob-search-opensearch {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .sticky-search #mob-search-opensearch {
    margin-left: 0.5em;
  }
}
@media only screen and (max-width: 810px) {
  .header.sticky .main-nav .sticky-search #mob-search-opensearch {
    margin-left: 0em;
  }
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav .sticky-search #mob-search-opensearch {
    margin-right: -1.5em;
  }
}
@media only screen and (max-width: 467px) {
  .header.sticky .main-nav .sticky-search #mob-search-opensearch {
    margin-right: 0em;
  }
}
.header.sticky .main-nav .sticky-search #mob-search-textboxsearch {
  margin-top: -1.7em;
  margin-right: 2em;
}
@media only screen and (max-width: 1280px) {
  .header.sticky .main-nav .sticky-search #mob-search-textboxsearch {
    margin-right: 2.3em;
  }
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .sticky-search #mob-search-textboxsearch {
    margin-top: -0.5em;
    contain: size;
    margin-right: 8em;
    display: -webkit-inline-box;
    margin-bottom: 3.5em;
    padding-right: 8em;
  }
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav .sticky-search #mob-search-textboxsearch {
    margin-top: 0em;
  }
}
.header.sticky .main-nav .sticky-search #mob-search-textboxsearch input#txtMobileStickySearch {
  border-right: none;
  border-bottom-right-radius: unset;
  border-top-right-radius: unset;
}
.header.sticky .main-nav .sticky-search #mob-search-textboxsearch .btnsearch {
  position: fixed;
}
.header.sticky .main-nav .clearfix {
  float: right;
  clear: both;
  margin-right: 0.5em;
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .clearfix {
    margin-top: 1.25em;
  }
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav .clearfix {
    display: none;
    /*margin-right: 1.5em;
                    display: grid;
                    text-align: right;*/
  }
}
.header.sticky .main-nav .clearfix .single-menu:last-child {
  margin-right: 4em;
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .clearfix .single-menu {
    display: none;
  }
}
.header.sticky .main-nav .clearfix .public {
  background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 2em bottom;
  background-size: 32px 2px;
}
@media only screen and (max-width: 1280px) {
  .header.sticky .main-nav .clearfix .public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 1.6em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 1024px) {
  .header.sticky .main-nav .clearfix .public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 1.5em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .clearfix .public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 810px) {
  .header.sticky .main-nav .clearfix .public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 4em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 768px) {
  .header.sticky .main-nav .clearfix .public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 1.5em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav .clearfix .public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 0em bottom;
    background-size: 32px 2px;
    background-position: right;
    background-position-y: bottom;
  }
}
.header.sticky .main-nav .clearfix .trainees {
  background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 2em bottom;
  background-size: 32px 2px;
}
@media only screen and (max-width: 1280px) {
  .header.sticky .main-nav .clearfix .trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 1.6em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 1024px) {
  .header.sticky .main-nav .clearfix .trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 1.5em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .clearfix .trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 810px) {
  .header.sticky .main-nav .clearfix .trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 4em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 768px) {
  .header.sticky .main-nav .clearfix .trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 1.5em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav .clearfix .trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 0em bottom;
    background-size: 32px 2px;
    background-position: right;
    background-position-y: bottom;
  }
}
.header.sticky .main-nav .clearfix .solicitors {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 2em bottom;
  background-size: 32px 2px;
}
@media only screen and (max-width: 1280px) {
  .header.sticky .main-nav .clearfix .solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 1.6em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 1024px) {
  .header.sticky .main-nav .clearfix .solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 1.5em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .clearfix .solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 810px) {
  .header.sticky .main-nav .clearfix .solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 4em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 768px) {
  .header.sticky .main-nav .clearfix .solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 1.5em bottom;
    background-size: 32px 2px;
  }
}
.header.sticky .main-nav .clearfix .mob-search {
  display: none;
  float: right;
  margin-left: 2em;
  margin-right: 2em;
  border: none;
  /*border: 1px solid @colour--greyscale__grey4;
                    border-radius: 5px;*/
}
@media only screen and (max-width: 886px) {
  .header.sticky .main-nav .clearfix .mob-search {
    display: none;
  }
}
.header.sticky .main-nav .clearfix .mob-search input[type=text] {
  border: none;
  box-shadow: none;
  /*border-right: none;
                        border-top-right-radius: 0;
                        border-bottom-right-radius: 0;*/
}
.header.sticky .main-nav .clearfix .mob-search button {
  border: none;
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  width: 2.5em;
  /*border: 1px solid @colour--greyscale__grey4;
                        border-radius: 5px;
                        border-top-left-radius: 0;
                        border-bottom-left-radius: 0;*/
  background-position: right 0.5em top 0.8em;
  background-origin: content-box;
  border-left: 0;
  height: 3.65em;
  float: right;
}
.header.sticky .main-nav .clearfix .mob-search:hover {
  border-color: #A3C7D2;
  box-shadow: 0px 0.125em 0.375em rgba(0, 0, 0, 0.1);
}
.header.sticky .main-nav .clearfix > li a {
  padding: 0.5em 0em 0.5em 2em !important;
}
@media only screen and (max-width: 1280px) {
  .header.sticky .main-nav .clearfix > li a {
    padding: 0.5em 0em 0.5em 1.6em !important;
  }
}
@media only screen and (max-width: 1024px) {
  .header.sticky .main-nav .clearfix > li a {
    padding: 0.5em 0em 0.5em 1em !important;
  }
}
@media only screen and (max-width: 992px) {
  .header.sticky .main-nav .clearfix > li a {
    padding: 0.5em 0em 0.5em 3em !important;
  }
}
@media only screen and (max-width: 810px) {
  .header.sticky .main-nav .clearfix > li a {
    padding: 0.5em 0em 0.5em 4em !important;
  }
}
@media only screen and (max-width: 768px) {
  .header.sticky .main-nav .clearfix > li a {
    padding: 0.5em 0em 0.5em 1.5em !important;
  }
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav .clearfix > li a {
    padding: 0.5em 0em !important;
  }
}
.header.sticky .main-nav .clearfix > li ul.single a {
  padding-left: 1em !important;
}
@media only screen and (max-width: 576px) {
  .header.sticky .main-nav .clearfix > li {
    margin-bottom: 0.9em;
  }
}
.main-nav {
  margin: 9em 0.5em 0em 1em;
}
@media only screen and (max-width: 467px) {
  .main-nav {
    display: grid;
    width: -webkit-fill-available;
    width: -moz-available;
    margin: 5em 1em 0em 0em;
  }
}
@media only screen and (max-width: 360px) {
  .main-nav {
    margin: 5em 1em 0em 0em;
  }
}
.main-nav #mob-search-opensearch {
  display: none;
}
.main-nav li#menu-home-link-lawdirectory {
  display: none;
}
.main-nav li#menu-home-link-lawdirectory a {
  color: #0B0039;
}
.main-nav li:hover {
  color: #A67F42;
}
.main-nav li:hover ul.single {
  display: block;
  position: absolute;
  top: 4.0625em;
  background-color: #FFFFFF;
}
.main-nav li:hover ul.single li {
  float: none;
  text-align: left;
}
.main-nav li:hover ul.single li a {
  font-family: 'Archivo' !important;
  font-weight: bold !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.36625em !important;
  color: #0B0039 !important;
}
.main-nav li:hover ul.single li a:hover {
  color: #A67F42;
}
.main-nav li:hover ul.single li:hover {
  color: #A67F42;
}
.main-nav ul {
  float: right;
  width: auto;
  margin-bottom: 1.375em;
  text-align: center;
  position: relative;
  top: 0.25em;
  list-style: none;
}
@media only screen and (max-width: 467px) {
  .main-nav ul {
    display: grid;
  }
}
.main-nav ul li {
  float: left;
}
.main-nav ul li:hover {
  transition: 0.3s ease;
  color: #A67F42;
  text-decoration: none;
}
.main-nav ul li.solicitors {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 3.1em bottom;
  background-size: 32px 2px;
}
@media only screen and (max-width: 1024px) {
  .main-nav ul li.solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 2.8em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 992px) {
  .main-nav ul li.solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0.9em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 810px) {
  .main-nav ul li.solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 576px) {
  .main-nav ul li.solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 1.3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 467px) {
  .main-nav ul li.solicitors {
    background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 7.5em bottom;
    background-size: 32px 2px;
  }
}
.main-nav ul li.trainees {
  background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 3.1em bottom;
  background-size: 32px 2px;
}
@media only screen and (max-width: 1024px) {
  .main-nav ul li.trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 2.8em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 992px) {
  .main-nav ul li.trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 0.9em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 810px) {
  .main-nav ul li.trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 576px) {
  .main-nav ul li.trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 1.3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 467px) {
  .main-nav ul li.trainees {
    background: transparent linear-gradient(to top, #E56A54, #E56A54) no-repeat 7.5em bottom;
    background-size: 32px 2px;
    margin-bottom: 1em;
  }
}
.main-nav ul li.public {
  background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 3.1em bottom;
  background-size: 32px 2px;
}
@media only screen and (max-width: 1024px) {
  .main-nav ul li.public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 2.8em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 992px) {
  .main-nav ul li.public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 0.9em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 810px) {
  .main-nav ul li.public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 576px) {
  .main-nav ul li.public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 1.3em bottom;
    background-size: 32px 2px;
  }
}
@media only screen and (max-width: 467px) {
  .main-nav ul li.public {
    background: transparent linear-gradient(to top, #00888D, #00888D) no-repeat 7.5em bottom;
    background-size: 32px 2px;
    margin-bottom: 1em;
  }
}
.main-nav ul li a {
  padding: 0.5em 0em 0.5em 3.1em;
  display: block;
  transition: all 0.1s ease-in-out 0s;
  color: #1E1A34;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .main-nav ul li a {
    padding: 0.5em 0em 0.5em 2.3em;
  }
}
@media only screen and (max-width: 992px) {
  .main-nav ul li a {
    padding: 0.5em 0em 0.5em 0.9em;
  }
}
@media only screen and (max-width: 810px) {
  .main-nav ul li a {
    padding: 0.5em 0em 0.5em 3em;
  }
}
@media only screen and (max-width: 576px) {
  .main-nav ul li a {
    padding: 0.5em 0em 0.5em 1.3em;
  }
}
@media only screen and (max-width: 467px) {
  .main-nav ul li a {
    text-align: right;
  }
}
.main-nav ul li a:hover {
  color: #A67F42;
  transition: 0.3s ease;
  text-decoration: none;
}
.main-nav ul li a:last-child {
  padding-right: 0.2em;
}
.main-nav ul li :last-child ul.single {
  right: 0;
  background-color: #fff;
}
.main-nav ul li:nth-last-child(2),
.main-nav ul li :nth-last-child(3) {
  margin-right: 0;
}
.main-nav ul li:nth-last-child(2) ul.single,
.main-nav ul li :nth-last-child(3) ul.single {
  max-width: 25em;
}
.main-nav ul li:nth-last-child(2) ul.single li,
.main-nav ul li :nth-last-child(3) ul.single li {
  text-align: right;
}
.main-nav ul ul.single {
  display: none;
  z-index: 100;
  margin-top: -2em;
  margin-left: 2.3em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.main-nav ul ul.single li a {
  display: flex;
  align-items: center;
  /*background: url("../images/icons/chevron_right.svg") no-repeat 95% 50%;*/
  /*background-size: 0.5em;*/
  padding: 0.625em 0em 0.625em 0.625em;
}
.main-nav ul ul.single li a:hover {
  color: #A67F42;
}
.main-nav ul ul.single li:hover {
  color: #A67F42;
  filter: invert(51%) sepia(41%) saturate(524%) hue-rotate(358deg) brightness(93%) contrast(93%);
}
.main-nav ul ul.single:hover {
  color: #A67F42;
}
.menu-top {
  align-items: center;
  display: flex;
  height: 3em;
  gap: 1rem;
}
.menu-top li {
  list-style: none;
}
.menu-top li a {
  text-decoration: none;
  cursor: pointer;
  font-family: 'Archivo';
  color: #EFE4D1;
  padding: 1rem 0;
  font-weight: 600;
  display: block;
  line-height: 1.125em;
  text-align: center;
  letter-spacing: 0.015625em;
}
.menu-top li:last-child {
  position: relative;
  /*width: 7.5em;*/
  display: block;
}
@media only screen and (max-width: 1024px) {
  .menu-top li:last-child {
    display: none;
  }
}
.menu-top .material-icons-outlined {
  /*font-size: 1em;*/
  vertical-align: middle;
  margin: 0;
}
.menu-top .menutop--login a {
  color: #0F014D;
  text-decoration: none;
}
.menu-top .menutop--login:hover {
  background: rgba(0, 136, 141, 0.5);
}
.menu-top .menutop--login:hover ul {
  display: flex;
}
.menu-top .menutop--login.lda:hover {
  background: rgba(0, 136, 141, 0.5);
}
.menu-top .menutop--login ul {
  position: absolute;
  z-index: 999999;
  display: none;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  min-width: 15em;
  top: 3em;
}
.menu-top .menutop--login ul li {
  width: 100%;
}
.menu-top .menutop--login ul li a {
  padding: 0.5em 1em 0.5em 1em;
  text-align: left;
  color: #0B0039;
  font-family: 'Archivo';
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375em;
  letter-spacing: 0.025em;
  min-height: 3em;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.menu-top .menutop--login ul li a:hover {
  color: #8D5C12;
}
.menu-top .menutop--login .span-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 9.5em;
  padding: 1.2em 1.188em 1.2em 1.188em;
  /*padding-right: 0.313em;*/
}
.menuitem--text {
  padding-left: 1em;
  padding-right: 1em;
}
ul#profileMenu {
  border-radius: 8px;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  position: absolute;
  z-index: 9999;
}
ul#profileMenu li {
  padding: 1rem;
}
ul#profileMenu li#YourAccTxt {
  border-bottom: 1px solid #EFE4D1;
  font-size: 1.424rem;
}
ul#profileMenu li#ViewDashbNav,
ul#profileMenu li.profile-cart {
  border-bottom: 1px solid #EFE4D1;
}
ul#profileMenu li#profile-logout {
  border-top: 1px solid #EFE4D1;
}
ul#profileMenu li a {
  padding: 0;
  display: flex;
  align-items: anchor-center;
}
/* Make the entire header sticky */
.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}
/* Sticky search that appears on scroll */
.sticky-search-only {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FAF8F3;
  /* Ensure background covers content */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1001;
  /* Higher than header */
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}
.sticky-search-only.sticky-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: relative;
  display: flex;
  justify-content: center;
  padding: 1rem 4rem;
}
/* Ensure the header maintains its height when collapsed */
.header {
  transition: padding 0.3s ease-in-out;
}
body.sticky-search-active .header {
  padding-bottom: 0;
  min-height: auto;
}
/*// Mobile styles
@media (max-width: 768px) {
    .SiteUtilityNavigation,
    .sticky-search-only,
    .mega-menu, button#profileMenuButton {
        display: none !important;
    }

    .mobile-mega .mega-menu {
        display: block !important;
        background-color: @color-primary-gold-50;

        .mega-menu__buttons {
            flex-direction: column;

            .mega-menu__btn {
                border-radius: 8px;
                border: 1px solid @color-primary-navy-opacity-49;
                background: @color-primary-gold-50;
            }
        }
    }

    .mobile-mega {
        .mega-menu {
            background: transparent;
            position: relative;

            .mega-menu__buttons {
                flex-direction: column;
                gap: 0.5rem;
                width: 100%;

                .mega-menu__btn {
                    width: 100%;
                    text-align: left;
                    padding: 1rem;
                    border-radius: 8px;
                    border: 1px solid @color-primary-navy-opacity-49;
                    background: @color-primary-gold-50;
                    position: relative;
                    // Add dropdown indicator
                    &::after {
                        content: '▼';
                        position: absolute;
                        right: 1rem;
                        top: 50%;
                        transform: translateY(-50%);
                        font-size: 0.8rem;
                        transition: transform 0.3s ease;
                    }

                    &[aria-expanded="true"]::after {
                        transform: translateY(-50%) rotate(180deg);
                    }
                }
            }

            .mega-menu__panel {
                position: static !important;
                width: 100%;
                margin-top: 0.5rem;
                margin-bottom: 1rem;
                box-shadow: none;
                border: 1px solid @color-primary-navy-opacity-60;
                border-radius: 8px;
                background: white;
                max-height: 60vh;
                overflow-y: auto;
                // Close button for mobile
                .btn-close {
                    position: absolute;
                    top: 0.5rem;
                    right: 0.5rem;
                    z-index: 10;
                }
            }
        }
    }

    // Prevent body scroll when mega panel is open
    body.mega-menu-open {
        overflow: hidden;
    }

    .mm-menu > .mm-panel {
        padding: 0;
    }

    .header-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem !important;
        position: relative;
        z-index: 1001;
    }

    .mobilemenu-toggle {
        background: none;
        border: none;
        cursor: pointer;
        font-size: 1.5rem;
        color: @color-primary-gold-50;
        padding: 0.5rem;
        z-index: 1002;

        &:focus {
            outline: 2px solid #0056b3;
            outline-offset: 2px;
        }
    }*/
/* Overlay background */
/*.topnav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .topnav-overlay.is-visible {
        opacity: 1;
        pointer-events: auto;
    }*/
/* Fullscreen mobile nav */
/*.mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 1000;
        overflow-y: auto;
        visibility: hidden;

        .mobile-top {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-column: 1fr 1fr;
            padding: 1rem;
            border-bottom: 1px solid @color-primary-gold-600;
            margin-bottom: 0.5rem;

            .mobile-logo {
                background-image: @logo--text__navy;
                background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
            }

            button.mobile-close-btn {
                border: none;
                background: none;
                width: 3rem;
                height: 3rem;*/
/* text-align: right; */
/*justify-self: right;

                &:hover {
                    opacity: 0.74;
                }

                &:focus {
                    border-radius: 8px;
                    border: 1px solid @color-primary-navy-opacity-60;
                }

                &:active {
                    border-radius: 8px;
                    border: 3px solid @color-primary-navy-opacity-60;
                }

                & span {
                    color: @color-primary-navy-opacity-74;
                }
            }
        }

        .mobile-search {
            padding: 1rem;
            margin: 0.5rem 0;
            border-bottom: 1px solid @color-primary-gold-600;
        }

        .mobile-mega {
            padding: 1rem;
            margin: 0.5rem 0;
        }
    }

    .mobile-nav.is-open {
        transform: translateX(0);
        visibility: visible;
    }

    .mobile-nav-inner {
        padding: 2rem 1.5rem;
        height: 100%;
        overflow-y: auto;
    }

    .mobile-search,
    .mobile-mega,
    .mobile-utility {
        margin-bottom: 2rem;
    }

    .mobile-utility {
        padding-top: 1.5rem;

        ul.menu-top.mm-listview li {
            width: 100%;

            a.text-hyperlink-light {
                .textHyperLinkStyles(@color-primary-navy-opacity-83, @color-primary-gold-600);
            }
        }

        .topnav-header-base {
            background-color: @color-primary-navy-opacity-24;

            .menu-topitems {
                flex-direction: column;

                ul.menu--top__mobile.mm-listview {*/
/*display: none;*/
/*}

                ul.menu-top.mm-listview {
                    display: flex !important;
                    flex-direction: column;*/
/* width: 100%; */
/*height: auto;
                    background: @color-primary-gold-50;
                    border-radius: 8px;
                    margin: 1rem;
                }

                .profile-control {
                    button#profileMenuButton {
                        display: none;
                    }

                    ul#profileMenu {
                        display: block;
                        width: 100%;

                        a {
                            padding: 0;
                            display: flex;
                            align-items: anchor-center;
                        }
                    }
                }
            }
        }
    }

    // Prevent body scroll when mobile nav is open
    body.mobile-nav-open {
        width: 100%;
        overflow-y:  scroll !important;
    }
}*/
/* Desktop view */
/*@media (min-width: 769px) {
    .mobilemenu-toggle,
    .mobile-nav,
    .topnav-overlay {
        display: none !important;
    }

    .SiteUtilityNavigation,
    .mega-menu {
        display: block !important;
    }
}

// Utility class for screen readers
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}*/
button#new-mobilemenu-toggle {
  border: none;
  background: none;
  color: #E7D6B9;
  display: none;
  font-size: 2rem;
}
@media only screen and (max-width: 810px) {
  button#new-mobilemenu-toggle {
    display: block;
    padding: 1rem;
    flex: 1;
    text-align: right;
  }
}
/* --- Hidden State --- */
.new-mobilemenu,
.new-mobilemenu-overlay.hidden {
  display: none;
}
/* --- Overlay --- */
.new-mobilemenu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 900;
}
.new-mobilemenu-overlay.is-visible {
  display: block;
}
.new-mobilemenu-close {
  background: none;
  border: none;
  font-size: 2rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.new-mobilemenu-links {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}
.new-mobilemenu-links li {
  margin-bottom: 1rem;
}
.new-mobilemenu-links a {
  text-decoration: none;
  color: #333;
  font-size: 1.1rem;
}
.new-mobilemenu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  background: #FDFDFB;
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.15);
  overflow-y: auto;
  padding: 1rem;
}
.new-mobilemenu.is-open {
  display: block;
  transform: translateX(0);
}
.new-mobilemenu .new-mobilemenu-inner {
  /* Smooth dropdown animation */
  /*.mobile-profile-links .profile-control {
            .responsive(@mediaquery--768px, {
                display: none;
            }

            );

            ul {
                .responsive(@mediaquery--768px, {
                    display: block;
                }

                );
            }
        }*/
}
.new-mobilemenu .new-mobilemenu-inner .mobile-top {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  padding: 1rem;
  border-bottom: 1px solid #EFE4D1;
  margin-bottom: 0.5rem;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-top .new-mobile-close-btn {
  border: none;
  background: none;
  width: 3rem;
  height: 3rem;
  justify-self: right;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-top .new-mobile-close-btn:hover {
  opacity: 0.74;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-top .new-mobile-close-btn:focus {
  border-radius: 8px;
  border: 1px solid #0F014D99;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-top .new-mobile-close-btn:active {
  border-radius: 8px;
  border: 3px solid #0F014D99;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-top .new-mobile-close-btn span {
  color: #0F014DBD;
}
.new-mobilemenu .new-mobilemenu-inner .new-mobile-search {
  padding: 1rem;
  border-bottom: 1px solid #EFE4D1;
  margin: 0.5rem 0;
}
.new-mobilemenu .new-mobilemenu-inner .new-mobile-mega {
  background-color: #0F014D3D;
}
.new-mobilemenu .new-mobilemenu-inner .new-mobile-mega .mega-menu {
  display: block;
  background-color: transparent;
}
.new-mobilemenu .new-mobilemenu-inner .new-mobile-mega .mega-menu .mega-menu__buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.new-mobilemenu .new-mobilemenu-inner .new-mobile-mega .mega-menu .mega-menu__buttons .mega-menu__btn {
  background-color: #FDFDFB;
  border-radius: 8px;
  border: 3px solid #0F014D7D;
  background: #FDFDFB;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown {
  position: relative;
  width: 100%;
  padding: 1rem;
  background-color: #0F014D0A;
  margin: 1rem 0;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown .dropdown-toggle {
  background: #FDFDFB;
  border: 1px solid #0F014D7D;
  color: #0F014DBD;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-size: 1rem;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown .dropdown-menu {
  display: none;
  position: static;
  /* 👈 removes absolute positioning */
  background-color: #FDFDFB;
  border: 1px solid #F8F5EF;
  border-radius: 8px;
  margin-top: 0.5rem;
  padding: 0.5rem 0;
  box-shadow: none;
  /* 👈 removes floating effect */
  width: 100%;
  animation: slideDown 0.2s ease-out;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown .dropdown-menu.show {
  display: block;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown .dropdown-item {
  display: block;
  padding: 0.75rem 1rem;
  color: #0F014DD4;
  text-decoration: none;
  border-bottom: 1px solid #FCFAF7;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown .dropdown-item:last-child {
  border-bottom: none;
}
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown .dropdown-item:hover,
.new-mobilemenu .new-mobilemenu-inner .mobile-menu-dropdown .dropdown-item:focus {
  background-color: #FCFAF7;
}
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.new-mobilemenu .new-mobilemenu-inner button#profileMenuMobileButton {
  margin-bottom: 0.5rem;
}
.new-mobilemenu .new-mobilemenu-inner ul#profileMenuMobile {
  margin-top: 1rem;
}
.new-mobilemenu .new-mobilemenu-inner ul#profileMenuMobile li {
  padding: 1rem;
}
.new-mobilemenu .new-mobilemenu-inner ul#profileMenuMobile li#YourAccTxt-mobile,
.new-mobilemenu .new-mobilemenu-inner ul#profileMenuMobile li #ViewDashbNav-mobile,
.new-mobilemenu .new-mobilemenu-inner ul#profileMenuMobile li #ViewIntranet-mobile {
  border-bottom: 1px solid #EFE4D1;
}
.new-mobilemenu .new-mobilemenu-inner ul#profileMenuMobile li a {
  display: flex;
  gap: 0.5rem;
  align-items: anchor-center;
}
@media only screen and (max-width: 768px) {
  .topnav-header-base,
  .sticky-search-only.sticky-visible {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .header {
    margin: 0;
  }
}
h2 {
  EditMenuName: Header 2;
}
h3 {
  EditMenuName: Header 3;
}
/*Block Preview*/
.alert-info {
  border-color: #B8C0C5;
  color: black;
  font-family: Verdana;
  font-size: 1em;
  font-style: italic;
  background-color: #B8C0C5;
  shadow: 5px #000;
  box-shadow: 3px 3px 5px #CCC;
  background-image: url(//computername.lawsoc.ie/EPiServer/Shell/1.0.371/ClientResources/epi/themes/sleek/epi/images/intermediatebgPattern.png);
  text-align: center;
}
block placeholder .border {
  background-color: #f2f2f2;
}
.header.dim {
  margin: 2% 0;
  opacity: 0.3;
}
.paging {
  display: inline-flex;
  width: 100%;
}
@media only screen and (max-width: 810px) {
  .paging {
    display: inline-grid;
  }
}
.paging .paging--viewall {
  flex: 1 1 auto;
  margin: 1em;
}
@media only screen and (max-width: 810px) {
  .paging .paging--viewall {
    text-align: center;
  }
}
.paging .paging--viewall a {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2em !important;
  color: #0B0039 !important;
  text-decoration-line: underline;
}
.paging .pager--status {
  flex: 1 1 auto;
  margin: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 0.9em !important;
  letter-spacing: 0.015625em !important;
  line-height: 2em !important;
  color: #0B0039 !important;
}
@media only screen and (max-width: 810px) {
  .paging .pager--status {
    text-align: center;
  }
}
.paging .paging--controls {
  flex: 1 1 auto;
  display: flex;
}
@media only screen and (max-width: 810px) {
  .paging .paging--controls {
    margin: auto;
    flex-wrap: wrap;
  }
}
.paging .paging--controls #cell {
  padding: 0.3em 0.7em;
  margin: 1em;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 810px) {
  .paging .paging--controls #cell {
    margin: 0.2em;
  }
}
.paging .paging--controls #cell:hover {
  opacity: 0.8;
}
.paging .paging--controls #cell a {
  color: #0F014DBD;
  font-weight: 400;
  text-decoration: none;
}
.paging .paging--controls #cell a:hover {
  color: #0F014DBD;
}
.paging .paging--controls #cell.a {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  background-color: #0B0039;
}
.paging .paging--controls #cell.a a {
  color: #FFFFFF !important;
}
.paging .paging--controls #cell.a a:hover {
  color: #FFFFFF !important;
}
.paging .paging--controls #cell.n {
  display: block;
}
@media only screen and (max-width: 810px) {
  .paging .paging--controls #cell.n:last-child {
    display: none !important;
  }
}
.paging .paging--controls .DataPager_Link {
  text-decoration: none;
  margin: 1em;
}
@media only screen and (max-width: 810px) {
  .paging .paging--controls .DataPager_Link {
    margin: 0em;
    padding: 0.5em;
  }
}
.paging .paging--controls .DataPager_Link.prev {
  background-image: url("/UI/images/icons/chevron_left.svg");
  width: 1em;
  background-repeat: no-repeat;
  background-position: center;
}
.paging .paging--controls .DataPager_Link.next {
  background-image: url("/UI/images/icons/chevron_right.svg");
  width: 1em;
  background-repeat: no-repeat;
  background-position: center;
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center {
  padding: 0em 1em;
  border: none;
  margin-top: 1em;
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center table,
#Content_Content_MainContent_MainContentArea_pnlRequests .center thead,
#Content_Content_MainContent_MainContentArea_pnlRequests .center tbody,
#Content_Content_MainContent_MainContentArea_pnlRequests .center th,
#Content_Content_MainContent_MainContentArea_pnlRequests .center td,
#Content_Content_MainContent_MainContentArea_pnlRequests .center tr {
  /* Force table to not be like tables anymore */
}
@media only screen and (max-width: 810px) {
  #Content_Content_MainContent_MainContentArea_pnlRequests .center table,
  #Content_Content_MainContent_MainContentArea_pnlRequests .center thead,
  #Content_Content_MainContent_MainContentArea_pnlRequests .center tbody,
  #Content_Content_MainContent_MainContentArea_pnlRequests .center th,
  #Content_Content_MainContent_MainContentArea_pnlRequests .center td,
  #Content_Content_MainContent_MainContentArea_pnlRequests .center tr {
    display: block;
  }
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable {
  /* Hide table headers (but not display: none;, for accessibility) */
}
@media only screen and (max-width: 810px) {
  #Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr {
  height: 6em;
  border: 1px solid #EBEBEB;
}
@media only screen and (max-width: 810px) {
  #Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr {
    height: auto;
  }
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr:first-child {
  background-color: #EBEBEB;
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr th {
  background-color: #EBEBEB;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.2em !important;
  color: #1E1A34 !important;
  align-items: center;
  padding: 1em;
  width: 40%;
}
@media only screen and (max-width: 810px) {
  #Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr th {
    display: table-cell;
  }
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr td {
  padding: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.2em !important;
  color: #0F014DBD !important;
}
@media only screen and (max-width: 810px) {
  #Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr td {
    display: inline-block;
    overflow-wrap: anywhere;
    /* Behave  like a "row" */
    border: none;
    position: relative;
  }
}
@media only screen and (max-width: 810px) {
  #Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr.bs-pagination {
  background-color: #FAFAFA;
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr.bs-pagination ul.pagination {
  display: -webkit-inline-box;
  width: 100%;
}
#Content_Content_MainContent_MainContentArea_pnlRequests .center .empTable tr.bs-pagination ul.pagination li {
  background: none;
}
div#divTickToConfirm {
  margin-left: 2em;
}
.firm-directory .addNotAdmittedBorder {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.firm-directory span.not-admitted {
  color: #0F014DBD;
  font-weight: 700;
}
.firm-directory .link-solicitor-search {
  display: flex;
  border-bottom: 1px solid #0B0039;
  margin-bottom: 2rem;
  gap: 0.125rem;
}
.firm-directory .link-solicitor-search .active {
  background: #FFFFFF;
}
.firm-directory .link-solicitor-search .active span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625rem !important;
  line-height: 1.5rem !important;
  color: #0B0039 !important;
}
.firm-directory .link-solicitor-search a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  background: #0B0039;
  border: 1px solid #0B0039;
  border-radius: 3px 3px 0px 0px;
  text-decoration: none;
}
.firm-directory .link-solicitor-search a span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625rem !important;
  line-height: 1.5rem !important;
  color: #FFFFFF !important;
  text-align: center;
}
.firm-directory .sol-filters-buttons {
  background: #FAFAFA;
  padding: 0rem 2rem 0rem 2rem;
  border-radius: 3px;
}
@media only screen and (max-width: 467px) {
  .firm-directory .sol-filters-buttons {
    padding: 2rem 0.5rem 0rem 0.5rem;
  }
}
@media only screen and (max-width: 467px) {
  .firm-directory .select-width {
    width: 100%;
  }
}
.firm-directory .links-insurance {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2em;
}
.firm-directory .links-insurance .lnk-primary {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.firm-directory .links-insurance .btn-primary {
  font-weight: 400;
  font-size: 0.833rem;
  text-decoration: none;
}
.firm-directory .links-insurance .btn-secondary {
  font-weight: 400;
  font-size: 0.833rem;
  text-decoration: none;
}
.firm-directory .links-insurance .btn-secondary:hover {
  opacity: unset;
}
@media only screen and (max-width: 467px) {
  .firm-directory .links-insurance {
    flex-direction: column;
  }
}
@media only screen and (max-width: 467px) {
  .firm-directory .links-insurance .LinkButtonsAlign {
    width: 100%;
  }
}
@media only screen and (max-width: 467px) {
  .firm-directory .links-insurance .LinkButtonsAlign a {
    width: 100%;
  }
}
.firm-directory .firmmainbody p {
  margin-top: 0;
}
.firm-directory .firmmainbody p a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #8D5C12;
  font-style: normal;
  line-height: 1.4em;
}
.firm-directory .notification--success {
  background: #DEFFEC url("/UI/images/icons/circled-success-green.svg") no-repeat 1% 40%;
}
.firm-directory .red-alert-box {
  margin-bottom: 2em;
}
.firm-directory .red-alert-box::before {
  padding-top: 0px;
}
.firm-directory .search-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #FAFAFA;
  padding: 2rem 2rem 2rem;
  border-radius: 3px;
  margin-bottom: 2em;
}
@media only screen and (max-width: 467px) {
  .firm-directory .search-panel {
    padding: 0.5rem 0.5rem 0.5rem;
  }
}
.firm-directory .search-panel .search-textbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 467px) {
  .firm-directory .search-panel .search-textbox {
    flex-direction: column;
  }
}
.firm-directory .search-panel .search-textbox #SearchButton {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 3.25rem;
  height: 3.063rem;
  background: #007377;
  border-radius: 3px;
  text-decoration: none;
  color: #FFFFFF;
  margin-left: 1.5rem;
  font-size: 0;
}
@media only screen and (max-width: 467px) {
  .firm-directory .search-panel .search-textbox #SearchButton {
    width: 100%;
    margin-left: 0em;
    margin-top: 2rem;
    font-size: 1rem;
    align-items: center;
  }
}
@media only screen and (max-width: 467px) {
  .firm-directory .search-panel .search-textbox #SearchButton .material-icons {
    margin-left: 1rem;
  }
}
.firm-directory .search-panel .search-textbox .search-input {
  width: 100%;
}
.firm-directory .search-panel .search-help-icon {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.firm-directory .search-panel .search-help-icon a {
  color: #0B0039;
}
.firm-directory .filter-dropdowns {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
@media only screen and (max-width: 467px) {
  .firm-directory .filter-dropdowns {
    flex-direction: column;
    grid-gap: 0px;
  }
}
.firm-directory .pnlResultsSummary {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  color: #0F014DBD;
}
@media only screen and (max-width: 467px) {
  .firm-directory .pnlResultsSummary {
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: 1.25em;
  }
}
.firm-directory .pnlResultsSummary .searchsortby {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}
.firm-directory .pnlResultsSummary .searchsortby span {
  padding-right: 0.5rem;
  color: #555555;
}
.firm-directory .pnlResultsSummary .searchsortby .select-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0em;
}
.firm-directory hr {
  border: 1px solid #EBEBEB;
  margin: 1rem 0 3rem 0;
  background-color: #EBEBEB;
}
.firm-directory .map-view {
  margin-top: 1.25rem;
  background: #FFFFFF;
  padding: 1.25rem;
}
.firm-directory .map-view .bigbox_map {
  position: relative;
  border: none;
  background: #FFFFFF;
  margin-top: 0.625rem;
  height: 32.813rem;
}
@media only screen and (max-width: 768px) {
  .firm-directory .map-view .bigbox_map {
    display: none;
  }
}
.firm-directory .map-view .bigbox_links ul li {
  background: none;
  padding-left: 0rem;
  margin-top: 0.62rem;
  margin-left: 0rem;
}
/*right chevrons white*/
input#btnPDSaveandNext2,
input#btnPDSaveandNext,
input#btnComplianceSaveandNext2,
input#btnComplianceSaveandNext,
input#btnDPSSaveandNext2,
input#btnDPSSaveandNext,
input#btnDSaveandNext2,
input#btnDSaveandNext {
  background-image: url("/UI/images/icons/chevron_right-white.svg");
  background-repeat: no-repeat;
  background-position: right 1em center;
  width: 10em;
  padding-right: 2em;
}
/*left chevron blue*/
input#Content_Content_MainContent_PCApplication__c_btnPDPrevious2,
input#Content_Content_MainContent_PCApplication__c_btnPDPrevious,
input#Content_Content_MainContent_PCApplication__c_btnComplianceSaveandPrevious,
input#Content_Content_MainContent_PCApplication__c_btnComplianceSaveandPrevious2,
input#Content_Content_MainContent_PCApplication__c_btnDPSSaveandPrevious,
input#Content_Content_MainContent_PCApplication__c_btnDPSSaveandPrevious2,
input#Content_Content_MainContent_PCApplication__c_btnDSaveandPrevious,
input#Content_Content_MainContent_PCApplication__c_btnDSaveandPrevious2,
input#Content_Content_MainContent_PCApplication__c_btnFeesSaveandPrevious2,
input#Content_Content_MainContent_PCApplication__c_btnFeesSaveandPrevious {
  background-image: url("/UI/images/icons/chevron_left.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
}
input#Content_Content_MainContent_PCApplication__c_btnPDPrevious2:hover,
input#Content_Content_MainContent_PCApplication__c_btnPDPrevious:hover,
input#Content_Content_MainContent_PCApplication__c_btnComplianceSaveandPrevious:hover,
input#Content_Content_MainContent_PCApplication__c_btnComplianceSaveandPrevious2:hover,
input#Content_Content_MainContent_PCApplication__c_btnDPSSaveandPrevious:hover,
input#Content_Content_MainContent_PCApplication__c_btnDPSSaveandPrevious2:hover,
input#Content_Content_MainContent_PCApplication__c_btnDSaveandPrevious:hover,
input#Content_Content_MainContent_PCApplication__c_btnDSaveandPrevious2:hover,
input#Content_Content_MainContent_PCApplication__c_btnFeesSaveandPrevious2:hover,
input#Content_Content_MainContent_PCApplication__c_btnFeesSaveandPrevious:hover {
  background-image: none;
  background-image: url("/UI/images/icons/chevron_left-white.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
}
/*right chevron gold*/
a.guidance-notes-link.link-gold-right-align {
  background-image: url("/UI/images/icons/chevron_right.svg");
  background-repeat: no-repeat;
  background-position: right 1em center;
  text-decoration: underline !important;
  padding-right: 2em;
}
/*p element*/
.grid-questions-radiobuttons p {
  margin-top: 0em;
}
.beforeSaveAttachment input[type="button"] {
  margin-top: 1em;
}
.PcApplicationSection4 fieldset.mb-5 {
  display: flex;
  gap: 2rem;
}
.RadGrid_WebBlue .rgMasterTable tr td span {
  color: unset;
  font-size: initial;
}
.iban-text {
  line-height: 1.8em;
  font-weight: 700 !important;
  color: #007377 !important;
  white-space: nowrap;
}
#PcApplicationForm .grid-col2 {
  display: flex;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: anchor-center;
  gap: 2rem;
}
#PcApplicationForm .grow-wrap {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
#PcApplicationForm .grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";
  /* This is how textarea text behaves */
  white-space: pre-wrap;
  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
#PcApplicationForm .grow-wrap > textarea {
  height: auto;
  field-sizing: content;
}
#PcApplicationForm .grow-wrap > textarea,
#PcApplicationForm .grow-wrap::after {
  /* Identical styling required!! */
  border: 1px solid black;
  padding: 0.5rem;
  font: inherit;
  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
}
#PcApplicationForm .accordion {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#PcApplicationForm #ctrlSection2DocumentUpload .k-grid th {
  overflow: inherit;
}
#PcApplicationForm #ctrlSection2DocumentUpload .k-grid td {
  overflow: inherit;
}
#PcApplicationForm .textlink {
  color: #0B0039;
  margin: 0.8rem 2rem 0rem 0rem;
  display: inline-block;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .textlink {
    margin: 0rem;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .textlink.pull-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    min-width: 7.5rem;
    min-height: 3rem;
    border: none;
    border-radius: 10px;
    font-family: 'Archivo';
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: 0.2s all;
    gap: 0.5rem;
    background-color: transparent;
    color: #0F014DD4;
    border: 1px solid #0F014DD4;
    margin: 0rem;
    width: 100%;
  }
  #PcApplicationForm .textlink.pull-right .material-symbols-outlined {
    align-self: baseline;
  }
  #PcApplicationForm .textlink.pull-right:hover {
    background-color: #0F014DD4;
    color: #EFE4D1;
  }
  #PcApplicationForm .textlink.pull-right:focus {
    background-color: transparent;
    color: #0F014DD4;
    border: 1px solid #0F014DD4;
    outline: 5px double #0F014DD4;
  }
  #PcApplicationForm .textlink.pull-right:active {
    background-color: #0F014DD4;
    color: #EFE4D1;
    border: 1px solid #0F014DD4;
    outline: 5px double #0F014DD4;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 768px) {
  #PcApplicationForm .textlink.pull-right {
    width: 100%;
  }
}
#PcApplicationForm .attachmentUpload {
  text-align: center;
}
#PcApplicationForm .attachmentUpload input#DocumentUpload {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.2rem !important;
  color: #0F014DBD !important;
}
#PcApplicationForm .attachmentUpload .textlink {
  margin: 0;
  display: inline-block;
  width: auto;
}
#PcApplicationForm .attachmentUpload .textlink label.custom-file-upload {
  margin-right: 0.5rem;
}
#PcApplicationForm span#attachmentlabelicon {
  background-image: url("/UI/images/icons/actions_fileupload.svg");
  width: 1em;
  height: 1em;
  display: block;
  float: right;
  padding-top: 0.5em;
  margin-top: 0.6em;
  margin-left: 0.25em;
}
#PcApplicationForm span#ltrSectionD {
  margin-bottom: 2rem;
}
#PcApplicationForm .heading--title__icon {
  height: auto;
  width: -webkit-fill-available;
  display: flex;
}
#PcApplicationForm .btn.btn-primary.tooltip {
  padding: 0rem 0rem 0rem 1rem;
  height: auto;
  min-width: unset;
  justify-content: flex-start;
}
#PcApplicationForm .tooltip .right {
  left: 40%;
}
#PcApplicationForm .k-dropzone {
  padding: 0;
  border: none;
}
#PcApplicationForm .k-grid-content {
  overflow-y: auto;
}
#PcApplicationForm a.k-button.k-button-icontext.k-grid-Delete {
  border: none;
}
#PcApplicationForm a.k-button.k-button-icontext.k-grid-Delete:hover {
  background-color: transparent;
}
#PcApplicationForm .k-grid-header {
  background: transparent;
  border: none;
}
#PcApplicationForm .k-grid-header th.k-header {
  border: none;
}
#PcApplicationForm .k-grid tbody td {
  border: none;
}
#PcApplicationForm .k-grid-content tr:hover {
  background-color: transparent;
}
#PcApplicationForm .k-grid-header-wrap.k-grid-header-wrap.k-auto-scrollable {
  border: none;
}
#PcApplicationForm .k-grid-header-wrap.k-grid-header-wrap.k-auto-scrollable tr:hover {
  background-color: transparent;
}
#PcApplicationForm .k-grid-header-wrap th {
  background: transparent;
  border: none;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.2rem !important;
  color: #0B0039 !important;
}
#PcApplicationForm .ebProBody {
  margin: 0 auto;
}
#PcApplicationForm .loaderwrapper {
  background: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
  opacity: 0.5;
  left: 0;
  top: 0;
  bottom: 0;
}
#PcApplicationForm .loaderwrapper .ebloader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 36px;
  height: 36px;
  -webkit-animation: spin 1s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite;
  margin: 20% auto 0 auto;
}
#PcApplicationForm .pcform-begin .grid-1row-2col {
  grid-template-columns: 1fr;
}
#PcApplicationForm .pcform-begin h1 {
  display: block;
  margin: 2rem 0 2rem 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #EBEBEB;
}
#PcApplicationForm .pcform-begin .ebusiness-profile-section {
  margin-bottom: 4em;
}
#PcApplicationForm .pcform-begin .ebusiness-profile-section .form-group .caption {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.9em !important;
  color: #0F014DBD !important;
}
#PcApplicationForm .pcform-begin .ebusiness-profile-section .form-group .caption a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
#PcApplicationForm .pcform-begin .ebusiness-profile-section .form-group .caption a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
#PcApplicationForm .pcform-begin .ebusiness-profile-section .form-group .caption a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#PcApplicationForm .pcform-begin .ebusiness-profile-section .form-group .caption a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#PcApplicationForm .pcform-begin .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 4rem 0;
}
#PcApplicationForm .pcform-begin .btn-primary {
  background-image: url("/UI/images/icons/chevron_right-white.svg");
  background-repeat: no-repeat;
  background-position: right 1em center;
  padding-right: 3em;
}
#PcApplicationForm .show-modal {
  display: block;
}
#PcApplicationForm #ModalNoCompanyRole,
#PcApplicationForm #ModalHasPendingChange {
  z-index: 9999;
}
#PcApplicationForm #ModalNoCompanyRole .modal-buttons,
#PcApplicationForm #ModalHasPendingChange .modal-buttons {
  flex-direction: column;
}
#PcApplicationForm #ModalNoCompanyRole .d-flex,
#PcApplicationForm #ModalHasPendingChange .d-flex {
  display: flex;
  width: 100%;
  flex-direction: column;
  grid-gap: 1em;
}
#PcApplicationForm #Section61 {
  /*h2 {
            background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0 bottom;
            background-size: 64px 0.1875em;
            margin: 0;
            padding-bottom: 1em;
            margin-bottom: 1em;
        }*/
}
#PcApplicationForm #Section61 .d-flex {
  display: flex;
  margin-bottom: 2em;
  width: 100%;
}
#PcApplicationForm .radio-option {
  display: flex;
  align-items: center;
  align-self: self-start;
}
#PcApplicationForm fieldset.grid-questions-radiobuttons p {
  margin: 0 0 1rem 0 !important;
}
#PcApplicationForm #ShowPcError,
#PcApplicationForm #ReOpenPCDialog,
#PcApplicationForm #ReOpenPCDialogError,
#PcApplicationForm #Section61,
#PcApplicationForm #ModalNoCompanyRole,
#PcApplicationForm #ModalHasPendingChange {
  z-index: 9999;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #ShowPcError .modal-dialog .btn-secondary,
  #PcApplicationForm #ReOpenPCDialog .modal-dialog .btn-secondary,
  #PcApplicationForm #ReOpenPCDialogError .modal-dialog .btn-secondary,
  #PcApplicationForm #Section61 .modal-dialog .btn-secondary,
  #PcApplicationForm #ModalNoCompanyRole .modal-dialog .btn-secondary,
  #PcApplicationForm #ModalHasPendingChange .modal-dialog .btn-secondary {
    margin-bottom: 0em;
  }
}
#PcApplicationForm #ShowPcError .modal-dialog .btn-secondary,
#PcApplicationForm #ReOpenPCDialog .modal-dialog .btn-secondary,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog .btn-secondary,
#PcApplicationForm #Section61 .modal-dialog .btn-secondary,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog .btn-secondary,
#PcApplicationForm #ModalHasPendingChange .modal-dialog .btn-secondary,
#PcApplicationForm #ShowPcError .modal-dialog .btn-primary,
#PcApplicationForm #ReOpenPCDialog .modal-dialog .btn-primary,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog .btn-primary,
#PcApplicationForm #Section61 .modal-dialog .btn-primary,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog .btn-primary,
#PcApplicationForm #ModalHasPendingChange .modal-dialog .btn-primary {
  width: 100%;
}
#PcApplicationForm #ShowPcError .modal-dialog p,
#PcApplicationForm #ReOpenPCDialog .modal-dialog p,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog p,
#PcApplicationForm #Section61 .modal-dialog p,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog p,
#PcApplicationForm #ModalHasPendingChange .modal-dialog p {
  margin-bottom: 0em;
}
#PcApplicationForm #ShowPcError .modal-dialog p a,
#PcApplicationForm #ReOpenPCDialog .modal-dialog p a,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog p a,
#PcApplicationForm #Section61 .modal-dialog p a,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog p a,
#PcApplicationForm #ModalHasPendingChange .modal-dialog p a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
#PcApplicationForm #ShowPcError .modal-dialog p a:hover,
#PcApplicationForm #ReOpenPCDialog .modal-dialog p a:hover,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog p a:hover,
#PcApplicationForm #Section61 .modal-dialog p a:hover,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog p a:hover,
#PcApplicationForm #ModalHasPendingChange .modal-dialog p a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
#PcApplicationForm #ShowPcError .modal-dialog p a:focus,
#PcApplicationForm #ReOpenPCDialog .modal-dialog p a:focus,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog p a:focus,
#PcApplicationForm #Section61 .modal-dialog p a:focus,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog p a:focus,
#PcApplicationForm #ModalHasPendingChange .modal-dialog p a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#PcApplicationForm #ShowPcError .modal-dialog p a:active,
#PcApplicationForm #ReOpenPCDialog .modal-dialog p a:active,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog p a:active,
#PcApplicationForm #Section61 .modal-dialog p a:active,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog p a:active,
#PcApplicationForm #ModalHasPendingChange .modal-dialog p a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#PcApplicationForm a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
#PcApplicationForm a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
#PcApplicationForm a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#PcApplicationForm a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#PcApplicationForm .page-heading-blue {
  display: inline-block;
  margin: 0px;
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.488125em !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.5rem !important;
  color: #0B0039 !important;
}
#PcApplicationForm .page-subheading-control {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  letter-spacing: 0.005rem !important;
  line-height: 1.8125em !important;
  color: #0B0039 !important;
}
#PcApplicationForm textarea:disabled {
  background: #EBEBEB;
  border: 1px solid #838383;
}
#PcApplicationForm textarea:disabled:hover {
  box-shadow: none;
}
#PcApplicationForm .validation-error {
  display: flex;
  border-top: 0.25em solid #E60000;
  background: #FFE6E6;
  color: #0F014DBD;
  padding: 1em;
  margin-bottom: 3em;
}
#PcApplicationForm .validation-error::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  vertical-align: sub;
  margin-right: 1em;
}
#PcApplicationForm .grid-1row-2col {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
#PcApplicationForm .grid-1row-2col.grid-btn-margin {
  margin-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .grid-1row-2col .grid-col1 h2 {
    margin-top: 0 !important;
    margin-bottom: 2rem !important;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .grid-1row-2col .grid-col2 {
    text-align: left;
    margin-bottom: 2em;
    display: contents;
  }
}
#PcApplicationForm .grid-1row-2col .grid-col2 a {
  margin-top: 0 !important;
}
#PcApplicationForm .grid-1row-2col .grid-col2 .link-gold-right-align {
  margin-top: 2rem;
}
#PcApplicationForm .grid-1row-2col .grid-col2 .link-gold-right-align.no-margin {
  margin-top: 0rem !important;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .grid-1row-2col .grid-col2 .link-gold-right-align {
    float: none;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .grid-mobile-stack {
    display: flex !important;
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .btn-mobile-stack {
    grid-template-columns: 1fr;
  }
  #PcApplicationForm .btn-mobile-stack .grid-col1 {
    display: none;
  }
  #PcApplicationForm .btn-mobile-stack .grid-col2 {
    display: flex;
    grid-gap: 1.5em;
    flex-direction: column-reverse;
  }
}
#PcApplicationForm hr {
  border: 1px solid #EBEBEB;
  margin: 0 0 2rem 0;
  color: #EBEBEB;
  background-color: #EBEBEB;
}
#PcApplicationForm hr.hr-gold {
  border: 2px solid #DDCBA4;
  color: #DDCBA4;
  background-color: #DDCBA4;
  margin: 4rem 0 4rem 0;
}
#PcApplicationForm .flex-1row-2col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#PcApplicationForm .question-text-style {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.025rem;
  line-height: 1.8125em;
  color: #0F014DBD;
  font-feature-settings: "liga" 0;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .btn-secondary {
    width: 100%;
  }
}
#PcApplicationForm .additional-docs-section {
  margin-left: 3em;
}
#PcApplicationForm .attachment-info__row:first-child {
  padding-bottom: 1em;
}
#PcApplicationForm .grid-questions {
  display: grid;
  grid-template-columns: 12fr 0.4fr 0.4fr;
  grid-template-rows: 2fr 1px;
  grid-column-gap: 1rem;
  grid-row-gap: 0.313em;
  justify-items: stretch;
  align-items: stretch;
  border-bottom: 1px solid #EBEBEB;
  margin-top: 4rem;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  letter-spacing: 0.005rem !important;
  line-height: 1.8125em !important;
  color: #0B0039 !important;
}
#PcApplicationForm .grid-questions > div {
  margin-right: 0.5rem;
}
#PcApplicationForm .grid-questions .align-center {
  text-align: center;
}
#PcApplicationForm .grid-questions-radiobuttons {
  display: grid;
  grid-template-columns: 0.4fr 8fr 0fr;
  grid-template-rows: 1fr;
  grid-column-gap: 2em;
  grid-row-gap: 0px;
}
@media only screen and (max-width: 1024px) {
  #PcApplicationForm .grid-questions-radiobuttons {
    grid-template-columns: 0.4fr 8fr 2fr;
  }
}
#PcApplicationForm .grid-questions-radiobuttons .grid-questions-radiobuttons-col3 {
  grid-area: 1 / 4 / 4 / 4;
  display: flex;
  flex-basis: auto;
  gap: 1rem;
}
#PcApplicationForm .grid-questions-radiobuttons .grid-questions-radiobuttons-col3 label {
  display: none;
}
#PcApplicationForm .grid-questions-radiobuttons .page-subheading-control {
  display: flex;
  align-items: center;
  grid-gap: 0.625em;
  margin-top: 2em;
}
#PcApplicationForm .grid-questions-radiobuttons .page-subheading-control.uplHeading {
  margin-bottom: 0.5em;
}
#PcApplicationForm .grid-questions-radiobuttons .page-subheading-control .tooltip {
  display: flex;
}
@media only screen and (max-width: 1024px) {
  #PcApplicationForm .grid-questions-radiobuttons-col2 {
    grid-area: 1 / 2 / 2 / 4;
  }
  #PcApplicationForm .grid-questions-radiobuttons-col3 {
    grid-area: 1 / 4 / 2 / 4;
    display: flex;
    gap: 2rem;
  }
}
#PcApplicationForm .grid-bottom-border {
  border-bottom: 1px solid #EBEBEB;
  margin-top: 2em;
}
#PcApplicationForm .remove-grid-bottom-border {
  border: 0px !important;
}
#PcApplicationForm .radioValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#PcApplicationForm .textValidationClass {
  color: #E60000 !important;
}
#PcApplicationForm #PcYourDetails {
  /*& h1 {
            margin: 4rem 0 1rem 0;
        }*/
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #PcYourDetails .col-md-12 {
    margin: 1em;
  }
}
#PcApplicationForm #PcYourDetails hr:first-child {
  margin: 1rem 0;
}
#PcApplicationForm #PcYourDetails .page-subheading-blue {
  margin-bottom: 2em;
}
#PcApplicationForm #PcYourDetails .form-heading {
  margin-bottom: 0.5em;
}
#PcApplicationForm #PcYourDetails .control-label {
  margin-bottom: 2em;
}
#PcApplicationForm #PcYourDetails .details-section .grid-1row-2col .grid-col2 {
  /*Keeps the Edit button to the rigth*/
  text-align: right;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #PcYourDetails .details-section .grid-1row-2col .grid-col2 {
    text-align: left;
  }
}
#PcApplicationForm #pnlC #divIBSPart2 p {
  margin-top: 2rem;
}
#PcApplicationForm #pnlC #divSectionCQs .grid-checkbox {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  display: -webkit-box;
}
#PcApplicationForm #pnlC #divSectionCQs .grid-checkbox-col2 {
  padding-top: 0.3rem;
}
#PcApplicationForm #pnlC h1 {
  margin: 1rem 0 2rem 0;
}
#PcApplicationForm #pnlC fieldset.grid-checkbox {
  flex-direction: column;
}
#PcApplicationForm #pnlC .grid-checkbox {
  grid-template-columns: 0.5fr 11.5fr;
  grid-column-gap: 0.5em;
  grid-template-rows: auto;
  display: flex;
  margin-top: 1rem;
}
#PcApplicationForm #pnlC .mb-5.mt-4 .grid-checkbox {
  margin-bottom: 2em;
}
#PcApplicationForm #pnlC .mb-5.mt-4 .grid-checkbox-col1 {
  text-align: left;
}
#PcApplicationForm #pnlC div#SARDiv {
  margin-top: 1rem;
}
#PcApplicationForm #pnlC div#SARDiv .grid-checkbox-col1 {
  text-align: left;
}
#PcApplicationForm #pnlC div#divCPDCheckboxVal .grid-checkbox {
  grid-template-columns: 0.5fr 11.5fr;
  grid-column-gap: 0.5em;
  display: flex;
  margin: 1rem 0;
}
#PcApplicationForm #pnlC div#divCPDCheckboxVal .grid-checkbox-col1 {
  text-align: left;
}
#PcApplicationForm #pnlC div#PiiDiv {
  margin-top: 2em;
}
#PcApplicationForm #pnlC div#PiiDiv .grid-checkbox {
  margin-top: 1rem;
}
#PcApplicationForm #pnlC div#PiiDiv .grid-checkbox .grid-checkbox-col1 {
  text-align: left;
}
#PcApplicationForm #pnlC div#divIBSPartI,
#PcApplicationForm #pnlC div#divIBSPartII {
  text-align: left;
}
#PcApplicationForm #pnlC #ctrlDocumentUpload .k-grid th {
  overflow: inherit;
}
#PcApplicationForm #pnlC #ctrlDocumentUpload .k-grid td {
  overflow: inherit;
}
#PcApplicationForm #pnlC .heading--title__icon span.page-subheading-blue {
  width: 10em;
}
#PcApplicationForm #pnlC #btnSubmitUpload {
  height: 2.188rem;
}
#PcApplicationForm #pnlC .textlink {
  color: #0B0039;
  margin: 0.8rem 2rem 0rem 0rem;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  #PcApplicationForm #pnlC .textlink {
    margin: 0rem;
  }
}
#PcApplicationForm #pnlC #divIBSSectionandQs {
  margin-top: 2em;
}
#PcApplicationForm #pnlC #divIBSSectionandQs #divSectionC {
  margin-top: 2em;
  margin-bottom: 0em;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #pnlC #divIBSSectionandQs #divSectionC {
    margin-top: 0em;
    margin-bottom: 0em;
  }
}
#PcApplicationForm #pnlC #H4sectionCPD {
  margin-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #pnlC #H4sectionCPD {
    margin-bottom: 0em;
    display: block;
  }
}
#PcApplicationForm #pnlC #H4sectionCPD a.guidance-notes-link.link-gold-right-align.no-margin {
  text-align: right;
  display: block;
}
#PcApplicationForm .pc-guidance-notes {
  /* Body 1/Underlined */
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #8D5C12 !important;
  font-style: normal;
  text-align: right;
  text-decoration-line: underline;
  background-image: url(/UI/images/icons/chevron_right.svg);
  background-repeat: no-repeat;
  background-position: right 1em center;
  width: 80%;
  margin-top: 2em;
  padding-right: 2em;
  filter: brightness(0) saturate(100%) invert(37%) sepia(19%) saturate(1746%) hue-rotate(357deg) brightness(98%) contrast(97%);
  float: right;
}
#PcApplicationForm .textlink {
  color: #0B0039;
  margin: 0.8rem 2rem 0rem 0rem;
  display: inline-block;
}
#PcApplicationForm .checkboxCheckedLabel {
  color: #0B0039;
}
#PcApplicationForm .indi-wrap {
  display: block;
}
#PcApplicationForm .indi-wrap > * {
  /*display: inline-block !important;*/
  max-width: 90%;
  vertical-align: top;
}
#PcApplicationForm #sec5 .material-icons-outlined {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  padding: 0.875rem 1.1875rem;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  /*margin-left: 10px;*/
}
#PcApplicationForm #sec5 hr {
  margin-bottom: 2em;
}
#PcApplicationForm #sec5 hr.hr-mid {
  margin: 2rem 0;
}
#PcApplicationForm #sec5 .control-datepicker {
  background-image: url("/UI/images/icons/actions_daterange.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding-left: 2.5em;
  width: 9.375em !important;
}
#PcApplicationForm #sec5 span,
#PcApplicationForm #sec5 p {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
#PcApplicationForm #sec5 p {
  margin-bottom: 1em;
}
#PcApplicationForm #sec6 {
  /*.modal-dialog {
            max-width: 28.125rem !important;
            margin: 0 auto;
            margin-top: 2em;

            & iframe.eb-BluePay {
                width: 100%;
                height: 35em;
            }

            & button.close {
                float: right;
                background-color: transparent;
                display: none;
            }
        }*/
  /*& .modal-content {
            padding: 0;
        }*/
}
#PcApplicationForm #sec6 .flex-container-2col {
  display: flex;
  color: #0F014DBD;
}
#PcApplicationForm #sec6 .flex-container-2col .flex-items-2col {
  width: 25%;
}
#PcApplicationForm #sec6 .subtotal div,
#PcApplicationForm #sec6 .subtotal div span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
#PcApplicationForm #sec6 .total div,
#PcApplicationForm #sec6 .total div span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
#PcApplicationForm #sec6 .text-700 {
  font-weight: 700;
}
#PcApplicationForm #sec6 .ml-auto {
  margin-left: auto;
}
#PcApplicationForm #sec6 #eb-BluePay .modal-content {
  width: 28.125rem;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #sec6 #eb-BluePay .modal-content {
    width: 22.125rem !important;
    margin: 0 auto !important;
  }
}
@media only screen and (max-width: 360px) {
  #PcApplicationForm #sec6 #eb-BluePay .modal-content {
    width: unset;
  }
}
#PcApplicationForm #sec6 .block-4em {
  margin-bottom: 4em;
}
#PcApplicationForm #sec6 .underline {
  border-bottom: 1px solid #EBEBEB;
}
#PcApplicationForm #sec6 .hr-thin-grey {
  border: none;
  background-color: #EBEBEB !important;
  margin: 2rem 0 2rem 0 !important;
  border-top: 1px solid #EBEBEB !important;
}
#PcApplicationForm #sec6 .row-space-between {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
#PcApplicationForm #sec6 .mb-2em {
  margin-bottom: 2em;
}
#PcApplicationForm #sec6 .textlink {
  margin: 0.8rem 0rem 0rem 0rem;
}
#PcApplicationForm #sec6 .d-flex {
  display: flex;
  grid-gap: 2em;
}
#PcApplicationForm #sec6 .d-flex.end {
  justify-content: flex-end;
}
#PcApplicationForm #sec6 .d-flex.1em {
  gap: 1em;
}
#PcApplicationForm #sec6 .centerText {
  margin: auto;
}
#PcApplicationForm #sec6 .centerTextTopBottom {
  margin-top: auto;
  margin-bottom: auto;
}
#PcApplicationForm #sec6 .GazetteHardcopy {
  margin-left: 2em;
}
#PcApplicationForm #sec6 div#divEFTTextForEmployer {
  margin-top: 2rem;
}
#PcApplicationForm #sec6 #divReqProds .grid-checkbox,
#PcApplicationForm #sec6 #divOptProds .grid-checkbox {
  grid-template-columns: 1em 11fr;
  display: flex;
  gap: 1rem;
  padding-bottom: 1rem;
}
#PcApplicationForm #sec6 #divReqProds .grid-checkbox-col1,
#PcApplicationForm #sec6 #divOptProds .grid-checkbox-col1 {
  text-align: start;
}
#PcApplicationForm #sec6 #divReqProds .grid-checkbox-col1 .input[type=checkbox],
#PcApplicationForm #sec6 #divOptProds .grid-checkbox-col1 .input[type=checkbox] {
  margin: 0;
}
#PcApplicationForm #sec6 #divPaymentOpts .select-option {
  display: flex;
  gap: 2em;
  margin-bottom: 2em;
}
#PcApplicationForm #sec6 #divPaymentOpts .select-option .option {
  border-bottom: 1px solid #EFE4D1;
}
#PcApplicationForm #sec6 #divPaymentOpts .select-option .option .d-flex {
  margin-bottom: 1em;
  gap: 1em;
}
#PcApplicationForm #sec6 #divPaymentOpts input[type="radio"] {
  top: 0;
  margin: 0;
  margin-top: auto;
  margin-bottom: auto;
}
#PcApplicationForm #sec6 #divPaymentOpts .grid-checkbox {
  grid-template-columns: 1em 11fr;
  grid-row-gap: 0;
  display: flex;
  gap: 1rem;
}
#PcApplicationForm #sec6 #divPaymentOpts .grid-checkbox .grid-checkbox-col1 {
  text-align: start;
}
#PcApplicationForm #sec6 #divPaymentOpts #lblCreditCardInst {
  margin-bottom: 2em;
}
#PcApplicationForm #sec6 #divPaymentOpts #divSubmitReadOnly {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #sec6 #btnPayNow {
    width: 100%;
  }
}
#PcApplicationForm #sec6 #divFeesForSubmitted .grid-1row-2col .grid-col2 {
  /*Keeps euro sign to the right*/
  text-align: right;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #sec6 .topBtns,
  #PcApplicationForm #sec6 .bottomBtns {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #sec6 .topBtns .backBtn,
  #PcApplicationForm #sec6 .bottomBtns .backBtn {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #sec6 .topBtns .d-flex,
  #PcApplicationForm #sec6 .bottomBtns .d-flex {
    flex-direction: column;
  }
  #PcApplicationForm #sec6 .topBtns .d-flex .textlink,
  #PcApplicationForm #sec6 .bottomBtns .d-flex .textlink {
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #A67F42;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    padding: 1em;
    font-family: 'Archivo' !important;
    font-weight: 500 !important;
    font-size: 0.833rem !important;
    letter-spacing: 0.0312em !important;
    line-height: 1.188em !important;
    color: #0B0039 !important;
    text-transform: uppercase;
    height: 3rem;
  }
}
#PcApplicationForm #secSaved {
  margin-top: 4em;
  margin-bottom: 4em;
}
#PcApplicationForm #secSaved .hr-success {
  /*width: 100%;*/
  margin: 0 !important;
  background-color: #EBEBEB;
  border: 1px solid #EBEBEB;
}
#PcApplicationForm #sec7 {
  margin: 0 auto;
}
#PcApplicationForm #sec7 .heading {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 1rem;
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.488125em !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.5rem !important;
  color: #0B0039 !important;
}
#PcApplicationForm #sec7 .heading h1 {
  margin: 0;
}
#PcApplicationForm #sec7 #divSuccessEFT {
  border-top: 1px solid #EBEBEB;
  margin-top: 2rem;
}
#PcApplicationForm #sec7 #divSuccessEFT .successeft {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 1rem 0;
  color: #0F014DBD;
}
#PcApplicationForm #sec7 #divSuccessEFT .successeft p {
  margin: 0;
}
#PcApplicationForm #sec7 #divSuccessEFT .successeft strong {
  padding-bottom: 0.25rem;
}
#PcApplicationForm #divSubmitted p {
  line-height: 1.8em;
}
#PcApplicationForm #divSubmitted .status {
  line-height: 1.8em;
  font-weight: 700 !important;
  color: #0B0039 !important;
  margin: 0;
}
#PcApplicationForm #divSubmitted .status label {
  color: #8D5C12 !important;
}
#PcApplicationForm #divSubmitted label {
  color: #0F014DBD !important;
  line-height: 1.8em;
}
#PcApplicationForm #divSubmitted .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 2rem 0;
}
#PcApplicationForm #divSubmitted .d-flex {
  display: flex;
  justify-content: flex-end;
  grid-gap: 2em;
  align-items: center;
}
#PcApplicationForm #divSubmitted .d-flex .update {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
#PcApplicationForm #divSubmitted .d-flex .update .textlink {
  margin: 0rem;
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #divSubmitted .d-flex .update .textlink {
    margin: 0;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #divSubmitted .d-flex .update {
    align-items: unset;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm #divSubmitted .d-flex {
    flex-direction: column;
    align-items: unset;
    justify-content: flex-start;
  }
}
#PcApplicationForm #divSubmitted .grid-questions {
  margin-top: 0em;
}
#PcApplicationForm #divSubmitted #sec5 {
  padding: 0;
}
#PcApplicationForm #divSubmitted #applicationSubmissonHead {
  margin: 4em 0 0 0;
}
#PcApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody {
  max-width: unset;
  margin-bottom: 2em;
  padding: 2em;
  border: 1px solid #EBEBEB;
  width: 100%;
}
#FE1ApplicationForm .tooltip {
  height: auto;
  min-width: unset;
  justify-content: flex-start;
}
#FE1ApplicationForm .tooltip .right {
  left: 40%;
  PADDING: 1REM;
}
#FE1ApplicationForm .tooltip .right h3 {
  margin-top: 0;
}
#FE1ApplicationForm .tooltip .right p {
  margin-bottom: 0;
}
@media only screen and (max-width: 810px) {
  #FE1ApplicationForm .tooltip .right {
    left: -150%;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .tooltip .right {
    left: -57%;
    min-width: 15rem;
  }
}
@media only screen and (max-width: 360px) {
  #FE1ApplicationForm .tooltip .right {
    left: -200%;
  }
}
#FE1ApplicationForm .btn-mobile-stack {
  flex-flow: wrap;
}
@media only screen and (max-width: 666px) {
  #FE1ApplicationForm button#sec1Continue {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm button#Sec3SaveandNext,
  #FE1ApplicationForm button#Sec4SaveandNext,
  #FE1ApplicationForm button#btnqdSaveandNext,
  #FE1ApplicationForm button#btnsec6SaveandNext,
  #FE1ApplicationForm button#btnsec7SaveandNext {
    order: 1;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm button#btnpdSaveandPrevious,
  #FE1ApplicationForm button#Sec3SaveandPrevious,
  #FE1ApplicationForm button#Sec4SaveandPrevious,
  #FE1ApplicationForm button#btnqdSaveandPrevious,
  #FE1ApplicationForm button#btnsec6SaveandPrevious,
  #FE1ApplicationForm button#btnsec7SaveandPrevious {
    order: 2;
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm a.textlink.pull-right,
  #FE1ApplicationForm a#btmqdSave {
    order: 3;
    margin-top: 0;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivPD input.save.btn.btn-primary.pull-right {
    order: 1;
  }
}
#FE1ApplicationForm #DivPD .grid-col1-2col {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  /*.page-subheading-blue {
                margin: 0px;
            }*/
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivPD .grid-col1-2col .grid-col1 {
    margin-bottom: 0rem;
  }
}
#FE1ApplicationForm #DivPD .grid-col1-2col .grid-col2.pull-right {
  text-align: right;
  white-space: nowrap;
  padding-bottom: 0.25rem;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivPD .grid-col1-2col .grid-col2 {
    margin-bottom: 0rem;
  }
}
#FE1ApplicationForm #DivPD .error {
  color: #E60000;
  font-weight: 700;
}
#FE1ApplicationForm #DivPD hr.hr-gold {
  border: 2px solid #DDCBA4;
  margin: 4rem 0;
}
#FE1ApplicationForm #DivPD hr.grey-hr {
  border: 1px solid #EBEBEB;
  margin: 0 0 2rem 0;
}
#FE1ApplicationForm #DivPD .mb-32 {
  padding-bottom: 2rem;
}
#FE1ApplicationForm #DivPD select {
  width: 100%;
}
#FE1ApplicationForm #DivRD .uploadcontrol {
  display: flow-root;
}
#FE1ApplicationForm #DivRD .uploadcontrol div.col-12:first-child p {
  display: none;
}
#FE1ApplicationForm #DivRD .uploadcontrol .attachmentUpload {
  margin-bottom: 0px !important;
}
#FE1ApplicationForm #DivRD label#lblDoctxt {
  padding-bottom: 1rem;
  display: block;
  margin-top: 2rem;
}
#FE1ApplicationForm #DivRD span.validation--error {
  color: #E60000 !important;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 666px) {
  #FE1ApplicationForm #DivRD span.validation--error {
    display: flex;
  }
}
#FE1ApplicationForm #DivRD .attachmentUpload .textlink {
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
#FE1ApplicationForm #DivRD .attachmentUpload label.custom-file-upload {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.2em !important;
  color: #0B0039 !important;
}
#FE1ApplicationForm #DivRD .attachmentUpload .k-reset {
  display: none;
}
#FE1ApplicationForm #DivRD .k-grid-header {
  border: none !important;
}
#FE1ApplicationForm #DivRD .k-grid-content.k-auto-scrollable {
  overflow-y: hidden;
}
#FE1ApplicationForm #DivRD thead {
  display: none;
}
#FE1ApplicationForm #DivRD .k-grid-content table {
  table-layout: auto;
  margin-bottom: 2rem;
}
#FE1ApplicationForm #DivRD table tr:hover {
  background: none !important;
}
#FE1ApplicationForm #DivRD table tr td {
  border: none !important;
  color: #0B0039;
}
#FE1ApplicationForm #DivRD table tr td:first-child {
  text-decoration: underline;
  width: 60%;
  padding-left: 0;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivRD table tr td:first-child {
    width: 100%;
    word-break: break-word;
  }
}
#FE1ApplicationForm #DivRD table tr td:nth-child(2) {
  width: 40%;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivRD table tr td:nth-child(2) {
    width: 100%;
  }
}
#FE1ApplicationForm #DivRD table tr td:nth-child(3) {
  width: 10%;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivRD table tr td:nth-child(3) {
    width: 100%;
  }
}
#FE1ApplicationForm #DivRD table tr td a.k-button.k-button-icontext.k-grid-Delete {
  background: none;
  border: none;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivRD table tr td a.k-button.k-button-icontext.k-grid-Delete {
    padding-left: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 666px) {
  #FE1ApplicationForm #DivRD table tr td {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #DivRD table tr {
    display: grid;
    grid-gap: 1em;
  }
}
#FE1ApplicationForm #DivRD hr.hr-gold {
  margin: 4rem 0 4rem 0;
}
#FE1ApplicationForm #sec7 .select-option {
  display: flex;
  gap: 2em;
  margin-bottom: 2em;
}
#FE1ApplicationForm #sec7 .select-option .option {
  border-bottom: 1px solid #EBEBEB;
}
#FE1ApplicationForm #sec7 .select-option .option .d-flex {
  margin-bottom: 1em;
  gap: 1em;
  align-items: baseline;
  flex-direction: row;
}
#FE1ApplicationForm #sec7 span#lblCreditCardInst {
  padding-bottom: 2rem;
  display: block;
}
#FE1ApplicationForm #sec7 #H4sectionIBS {
  margin: 0 0 1rem 0;
  padding: 0 !important;
}
#FE1ApplicationForm #sec7 #divReqProds .grid-1row-2col {
  padding-bottom: 1rem;
}
#FE1ApplicationForm #sec7 div#divFeesForSubmitted {
  padding-top: 1rem;
}
#FE1ApplicationForm #sec7 div#divFeesForSubmitted .grid-1row-2col:last-child {
  padding-bottom: 0;
}
#FE1ApplicationForm #sec7 #divPaymentLabel {
  padding-top: 2rem;
}
#FE1ApplicationForm #sec7 div#payErrorMessage {
  margin: 0rem 0 2rem 0;
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  #FE1ApplicationForm #sec7 div#payErrorMessage {
    display: none !important;
  }
}
#FE1ApplicationForm #sec7 .MobpayErrorMessage {
  margin: 0rem 0 2rem 0;
  display: none;
}
@media only screen and (max-width: 1024px) {
  #FE1ApplicationForm #sec7 .MobpayErrorMessage {
    display: inline-block;
  }
}
#FE1ApplicationForm #sec7 .Blue-Pay-Dialog .modal-dialog {
  /* width: unset !important; */
  max-width: 28.125rem !important;
  /* min-height: 15.625rem !important; */
  margin: 0 auto;
  margin-top: 2em;
}
#FE1ApplicationForm #sec7 .Blue-Pay-Dialog #eb-BluePay .modal-content {
  width: 18.38rem !important;
}
#FE1ApplicationForm #sec7 .Blue-Pay-Dialog #eb-BluePay .modal-content iframe.eb-BluePay {
  height: 40rem;
  width: -webkit-fill-available;
}
#FE1ApplicationForm h1 {
  padding-bottom: 1rem;
  margin-bottom: 0;
  margin-top: 0;
}
#FE1ApplicationForm select {
  width: 15.625rem;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm select {
    width: -webkit-fill-available;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #divProgressBar .gold-hr-bar {
    margin: 2rem 0;
  }
}
#FE1ApplicationForm .page-subheading-blue {
  margin: 0px;
  padding-bottom: 0.25rem;
}
#FE1ApplicationForm .table-container {
  margin-top: 4rem;
}
#FE1ApplicationForm .grid-1row-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
#FE1ApplicationForm .grid-1row-2col.grid-btn-margin {
  margin-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .grid-1row-2col .grid-col1 {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .grid-1row-2col .grid-col2 {
    text-align: left;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .btn-mobile-stack {
    grid-template-columns: 1fr;
    display: flex;
    flex-flow: column-reverse;
  }
  #FE1ApplicationForm .btn-mobile-stack .grid-col1 {
    display: grid;
    margin-bottom: 1rem;
  }
  #FE1ApplicationForm .btn-mobile-stack .grid-col2 {
    display: flex;
    grid-gap: 0rem;
    flex-direction: column;
  }
}
#FE1ApplicationForm .align-right {
  text-align: end;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .align-right .btn {
    width: 100%;
  }
}
#FE1ApplicationForm .textlink {
  color: #0B0039;
  margin: 0.8rem 2rem 0rem 0rem;
  display: inline-flex;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .textlink {
    margin: 2rem 0rem 0rem 0rem;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .textlink.pull-right {
    float: left;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #A67F42;
    border-radius: 3px;
    width: 100%;
    padding: 0.5rem 1rem;
    font-family: 'Archivo' !important;
    font-weight: 500 !important;
    font-size: 0.833rem !important;
    letter-spacing: 0.0312em !important;
    line-height: 1.188em !important;
    color: #0B0039 !important;
    text-transform: uppercase;
    height: 3rem;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm .textlink.pull-right:hover {
    background-color: #A67F42;
    color: #FFFFFF;
  }
}
#FE1ApplicationForm #DivQD .ul-margins {
  margin-top: 1em;
  margin-bottom: 2em;
}
#FE1ApplicationForm #DivQD ul {
  margin-bottom: 0px !important;
}
#FE1ApplicationForm #DivQD .disabled-link {
  pointer-events: none;
}
#FE1ApplicationForm #EducationModalPopUp select {
  width: 100%;
}
#FE1ApplicationForm #EducationModalPopUp .select--error {
  border: 0.5px solid #E60000;
  background-color: #FFE6E6;
}
#FE1ApplicationForm #EducationModalPopUp .radio--error {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#FE1ApplicationForm #EducationModalPopUp .radio-text--error {
  color: #E60000 !important;
}
#FE1ApplicationForm .flexmodal {
  display: flex;
  justify-content: center;
  z-index: 9999;
  /*.d-flex {
            display: flex;
            margin-bottom: 1em;
            align-items: baseline;
        }*/
}
#FE1ApplicationForm .flexmodal .ui-widget-content {
  position: absolute !important;
}
#FE1ApplicationForm .flexmodal input[type=text] {
  width: 100%;
}
#FE1ApplicationForm .flexmodal .form-control {
  display: grid;
  margin-bottom: 1em;
  grid-template-columns: 1em auto;
  align-items: baseline;
  gap: 1em;
}
#FE1ApplicationForm .flexmodal .modal-content {
  background-color: #FFFFFF;
  padding: 1em 1em 0 1em;
}
#FE1ApplicationForm .flexmodal .modal-body {
  padding: 1em;
}
#FE1ApplicationForm .flexmodal .modal-body p {
  color: #FFFFFF !important;
}
#FE1ApplicationForm .flexmodal .modal-content,
#FE1ApplicationForm .flexmodal .modal-body {
  width: 27.375em;
}
#FE1ApplicationForm .flexmodal .modal-content .row-div,
#FE1ApplicationForm .flexmodal .modal-body .row-div {
  display: flex;
  flex-direction: column;
  grid-gap: 0.25em;
  margin-top: 1em;
}
#FE1ApplicationForm .flexmodal .modal-content .row-div:nth-child(7),
#FE1ApplicationForm .flexmodal .modal-body .row-div:nth-child(7),
#FE1ApplicationForm .flexmodal .modal-content .row-div:nth-child(8),
#FE1ApplicationForm .flexmodal .modal-body .row-div:nth-child(8) {
  margin-bottom: 2em;
}
#FE1ApplicationForm .flexmodal .modal-content .label-error,
#FE1ApplicationForm .flexmodal .modal-body .label-error {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #E60000 !important;
}
#FE1ApplicationForm .flexmodal .modal-content .btn,
#FE1ApplicationForm .flexmodal .modal-body .btn {
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 467px) {
  #FE1ApplicationForm .flexmodal .modal-content,
  #FE1ApplicationForm .flexmodal .modal-body {
    margin: auto 1em;
    width: auto;
  }
}
#FE1ApplicationForm .FE1ApplicationSection4 .table-container {
  margin: auto;
  overflow-x: auto;
  padding-bottom: 0em;
}
#FE1ApplicationForm .FE1ApplicationSection4 .table-container table tr > th:first-child {
  width: 30%;
}
#FE1ApplicationForm .FE1ApplicationSection4 .table-container table tr > th:last-child {
  width: 23%;
}
#FE1ApplicationForm #secSaved hr,
#FE1ApplicationForm #secSuccess hr {
  margin: 1em 0;
  border: 1px solid #EBEBEB;
}
#FE1ApplicationForm .FE1ApplicationSection6 .ddl-select-venue {
  white-space: normal;
  height: unset;
  width: 23em;
}
@media only screen and (max-width: 666px) {
  #FE1ApplicationForm .FE1ApplicationSection6 .ddl-select-venue {
    width: 100%;
  }
}
#FE1ApplicationForm .FE1ApplicationSection6 .table-container table tr > th:first-child {
  width: 30%;
}
#FE1ApplicationForm .FE1ApplicationSection6 .table-container table tr > th:last-child {
  width: 12%;
}
#FE1ApplicationForm .FE1ApplicationSection6 .table-container table tbody td:last-child {
  text-align: center;
}
#FE1ApplicationForm .FE1ApplicationSection6 .text-navy {
  color: #0B0039 !important;
}
#FE1ApplicationForm .FE1ApplicationSection6 .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 2rem 0;
}
#FE1ApplicationForm .FE1ApplicationSection6 .validation--error {
  display: flex;
  border: none;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #E60000 !important;
}
#FE1ApplicationForm .FE1ApplicationSection6 .validation--error::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  margin-right: 0.625em;
  margin-top: 0.125em;
}
#FE1ApplicationForm .FE1ApplicationSection6 .btn:disabled {
  background-color: #838383;
  border-color: #838383;
  color: #FFFFFF;
}
#FE1ApplicationForm .FE1ApplicationSection6 .btn:disabled:hover {
  border-color: unset;
  box-shadow: unset;
  opacity: unset;
}
#FE1ApplicationForm #divSubmitted {
  /*label {
            color: @colour--greyscale__grey5 !important;
            line-height: 1.8em;
        }*/
}
#FE1ApplicationForm #divSubmitted p {
  line-height: 1.8em;
}
#FE1ApplicationForm #divSubmitted .status {
  line-height: 1.8em;
  font-weight: 700 !important;
  color: #0B0039 !important;
  margin: 0;
}
#FE1ApplicationForm #divSubmitted .status label {
  color: #8D5C12 !important;
}
#FE1ApplicationForm #divSubmitted .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 2rem 0;
}
#FE1ApplicationForm #divSubmitted .d-flex {
  display: flex;
  justify-content: flex-end;
  grid-gap: 2em;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #divSubmitted .d-flex {
    flex-direction: column;
    align-items: unset;
    justify-content: flex-start;
  }
}
#FE1ApplicationForm #divSubmitted .grid-questions {
  margin-top: 0em;
}
#FE1ApplicationForm #divSubmitted #sec5 {
  padding: 0;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead {
  margin: 4em 0 0 0;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody {
  max-width: unset;
  margin-bottom: 2em;
  padding: 2em 1em 2em 1em;
  border: 1px solid #EBEBEB;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody .table-container {
  margin: unset;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody label#lblDoctxt:first-child {
  margin-top: 0;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody .attachment-text-description {
  display: none;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody .uploadcontrol {
  margin-bottom: 0;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody .k-grid-content table {
  margin-bottom: 0rem;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody .attachment-read-only table tr td:first-child {
  text-decoration: none;
  color: #838383;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .ebProBody #dtlDocs .row-doc:first-child {
  margin-bottom: 2rem;
}
#FE1ApplicationForm #divSubmitted #applicationSubmissonHead .margin-bottom {
  margin-bottom: 2em;
}
@media only screen and (max-width: 768px) {
  #FE1ApplicationForm #divSubmitted {
    padding: 0 2em;
  }
}
@media only screen and (max-width: 576px) {
  #FE1ApplicationForm #divSubmitted {
    padding: 0 1em;
  }
}
/*Mixin to set background color and font color.*/
.dashboard-menu-item__title {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-size: 33.18px;
  line-height: 46px;
  /* identical to box height, or 140% */
  letter-spacing: 0.0156em;
  /* Primary/@colour--primary__brand1 */
  color: #0B0039;
}
td.xl65 {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  border-bottom: 1px solid #EBEBEB;
  padding-top: 1em;
}
td.xl66 {
  border-bottom: 1px solid #EBEBEB;
}
a.firmlist--email {
  color: #0F014DBD;
  font-weight: 400;
}
div#Content_Content_MainContent_ucPagination_pnlPagination {
  margin: 0 auto;
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
}
@media only screen and (max-width: 390px) {
  div#Content_Content_MainContent_ucPagination_pnlPagination {
    flex-flow: wrap;
  }
}
.firm-page__search .tabset .tab-panel {
  display: none;
}
.firm-page__search .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.firm-page__search .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.firm-page__search .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.firm-page__search .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.firm-page__search .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.firm-page__search .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}
.firm-page {
  margin: 3em 0;
}
.firm-page .solicitor-result__item {
  margin-bottom: 1.875em;
  padding: 1.875em 3.125em;
  border: 0.25px solid #DDCBA4;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.firm-page .firm-page__search .tab-panel .tab-panels__filter {
  margin: 3.125em 0em;
}
.firm-page .firm-page__search select {
  padding: 0em 1em;
}
.firm-page .firm-page__search .tabset > input[type="radio"] {
  position: relative;
  display: none;
}
.firm-page .firm-page__search .tabset > input[type="radio"] + label {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2em !important;
  letter-spacing: 0.009375em !important;
  line-height: 1.6875em !important;
  color: #0F014DBD !important;
  padding: 0.625em 3em 0.625em 0em;
}
@media only screen and (max-width: 390px) {
  .firm-page .firm-page__search .tabset > input[type="radio"] + label {
    padding-right: 0.9em;
  }
}
.firm-page .firm-page__search .tabset > input[type="radio"] + label:last-child {
  padding-right: 0em;
}
.firm-page .firm-page__search .tabset > input[type="radio"]:checked + label {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2em !important;
  letter-spacing: 0.009375em !important;
  line-height: 1.6875em !important;
  color: #0B0039 !important;
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0em bottom;
  background-size: 48px 3px;
}
.firm-page .firm-page__inner {
  max-width: 1280px;
  width: 100%;
  padding: 0 1em;
  margin: 0 auto;
}
.firm-page .firm-page__inner select {
  width: 13.375em;
  height: 3em;
  background: #FFFFFF;
  border: 1px solid #838383;
  border-radius: 5px;
  color: #0F014DBD;
  background-image: url("/UI/images/icons/dropdownarrow_down.svg");
  background-repeat: no-repeat;
  background-position: right 1em center;
}
@media only screen and (max-width: 390px) {
  .firm-page .firm-page__inner select {
    width: 100%;
  }
}
.firm-page .firm-page__inner label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0B0039 !important;
}
.firm-page .firm-page__inner a {
  color: #0F014DBD;
}
.firm-page .firm-page__inner .firm-page__item section {
  border-bottom: 4px solid #DDCBA4;
  display: flex;
  padding: 1.8em 0em 1.25em 0em;
}
@media only screen and (max-width: 390px) {
  .firm-page .firm-page__inner .firm-page__item section {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 390px) {
  .firm-page .firm-page__inner .firm-page__item section div {
    flex: 0 0 100%;
  }
}
.firm-page .firm-page__inner .firm-page__item .inline-wrapper {
  display: flex;
}
@media only screen and (max-width: 390px) {
  .firm-page .firm-page__inner .firm-page__item .inline-wrapper {
    margin-top: 8em;
    flex-direction: column-reverse;
  }
}
.firm-page .firm-page__inner .firm-page__item .inline-wrapper h1 {
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0em bottom;
  background-size: 64px 3px;
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.074rem !important;
  letter-spacing: 0.0156em !important;
  line-height: 2.875em !important;
  color: #0B0039 !important;
}
.firm-page .firm-page__inner .firm-page__item .inline-wrapper div:first-child {
  width: 50%;
}
@media only screen and (max-width: 390px) {
  .firm-page .firm-page__inner .firm-page__item .inline-wrapper div:first-child {
    width: 100%;
  }
}
.firm-page .firm-page__inner .firm-page__item .inline-wrapper div:last-child {
  width: 50%;
  text-align: right;
}
@media only screen and (max-width: 390px) {
  .firm-page .firm-page__inner .firm-page__item .inline-wrapper div:last-child {
    width: 100%;
    text-align: center;
    display: contents;
  }
}
.searchcv {
  padding: 4em;
}
.searchcv h1 {
  padding-bottom: 1rem;
  margin: 0;
  margin-bottom: 1rem;
}
.searchcv .instruction {
  padding-bottom: 4em;
}
.searchcv .search-filter {
  background: #FAFAFA;
  padding: 2em 2em 3em 2em;
}
.searchcv .search-filter .category {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
}
.searchcv .search-filter .category p {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
@media only screen and (max-width: 467px) {
  .searchcv .search-filter .category {
    grid-template-columns: 1fr;
  }
}
.searchcv .search-filter .category-trn {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 2em;
}
.searchcv .search-filter .category-trn p {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
@media only screen and (max-width: 467px) {
  .searchcv .search-filter .category-trn {
    grid-template-columns: 1fr;
    grid-gap: 2em;
  }
}
.searchcv .search-filter .expertise p {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.searchcv .search-filter .expertise tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.searchcv .search-filter .expertise tbody td {
  display: flex;
}
@media only screen and (max-width: 467px) {
  .searchcv .search-filter .expertise tbody {
    grid-template-columns: 1fr;
  }
}
.searchcv .search-filter .terms-div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.searchcv .search-filter .terms-div a {
  margin: 0;
}
.searchcv .search-filter .terms-div .terms {
  display: flex;
  flex-direction: column;
  color: #0F014DBD;
  margin-right: 2em;
}
.searchcv .search-filter .terms-div .terms a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #8D5C12;
  font-style: normal;
  line-height: 1.4em;
  text-decoration: underline;
}
@media only screen and (max-width: 467px) {
  .searchcv .search-filter .terms-div .terms {
    margin-right: 0;
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 467px) {
  .searchcv .search-filter .terms-div {
    flex-direction: column;
    align-items: unset;
  }
}
@media only screen and (max-width: 768px) {
  .searchcv .search-filter .terms-div .SearchButton .btntext {
    display: none;
    justify-content: center;
  }
}
@media only screen and (max-width: 467px) {
  .searchcv .search-filter .terms-div .SearchButton .btntext {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .searchcv .search-filter .terms-div .SearchButton .searchicon {
    display: block;
  }
}
@media only screen and (max-width: 467px) {
  .searchcv .search-filter .terms-div .SearchButton .searchicon {
    display: none;
  }
}
.searchcv .job-search-result {
  padding: 2em;
  margin-top: 4em;
  box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.15);
}
.searchcv .job-search-result h3 {
  margin-top: 0;
}
.searchcv .job-search-result .content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.searchcv .job-search-result .content .cv-content {
  display: flex;
  flex: 1 1 340px;
}
.searchcv .job-search-result .content .cv-content:last-child {
  padding: 0;
  width: 50%;
}
@media only screen and (max-width: 467px) {
  .searchcv .job-search-result .content .cv-content {
    padding-bottom: 2em;
  }
  .searchcv .job-search-result .content .cv-content:last-child {
    padding: 0;
    width: unset;
  }
}
@media only screen and (max-width: 467px) {
  .searchcv .job-search-result .content {
    display: block;
  }
}
.searchcv .job-search-result .description p {
  border-top: 1px solid #EBEBEB;
  padding: 1em 0em;
  margin-top: 1em;
}
@media only screen and (max-width: 768px) {
  .searchcv {
    padding: 0.75em;
  }
}
@media only screen and (max-width: 467px) {
  .searchcv {
    padding: 1em;
  }
}
.orderhistory .drp-profile {
  display: grid;
  justify-content: flex-start;
}
.orderhistory .drp-profile p {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-top: 0;
}
@media only screen and (max-width: 576px) {
  .orderhistory .drp-profile {
    display: unset;
  }
}
.orderhistory .solicitor-info__table {
  overflow-x: unset;
}
@media only screen and (max-width: 467px) {
  .orderhistory .solicitor-info__table {
    overflow-x: auto;
  }
}
.orderhistory .RadGrid_WebBlue .rgHeader {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0B0039 !important;
  border: none;
  background: #EBEBEB;
  padding: 0 1em;
}
.orderhistory .RadGrid_WebBlue .rgHeader a {
  color: #0B0039;
}
@media only screen and (max-width: 467px) {
  .orderhistory .RadGrid_WebBlue .rgHeader {
    padding: 0;
    padding-left: 1em;
  }
}
.orderhistory .RadGrid_WebBlue .hint::after {
  content: url("/UI/images/icons/circled_info.svg");
  filter: unset;
  padding-top: 0.5em;
}
@media only screen and (max-width: 467px) {
  .orderhistory .RadGrid_WebBlue .hint {
    display: none;
  }
}
.orderhistory .RadGrid_WebBlue .rgRow {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
}
.orderhistory .RadGrid_WebBlue .rgRow a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.orderhistory .RadGrid_WebBlue .rgRow td {
  padding: 1em;
  background: none;
  border: none;
  border-bottom: 1px solid #EBEBEB;
}
.orderhistory .RadGrid_WebBlue .rgAltRow {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0F014DBD !important;
  background: none;
}
.orderhistory .RadGrid_WebBlue .rgAltRow a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.orderhistory .RadGrid_WebBlue .rgAltRow td {
  padding: 1em;
  border: none;
  border-bottom: 1px solid #EBEBEB;
}
#MyOrders {
  margin-top: 2em;
}
#MyOrders .dropdown-ordertype {
  margin: 0 0 2em 0;
}
#MyOrders .dropdown-ordertype select {
  width: auto;
  padding: 0.5em 2em 0.5em 1em;
  min-width: fit-content;
}
#MyOrders table {
  width: 100%;
}
.order-confirmation-page {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
  color: #0F014DBD;
  max-width: 1024px;
  margin: 0 auto;
}
.order-confirmation-page .RadGrid_WebBlue {
  border: none;
  width: 75%;
}
@media only screen and (max-width: 1024px) {
  .order-confirmation-page .RadGrid_WebBlue {
    width: 100%;
  }
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable {
  font-size: 1rem;
  line-height: normal;
  font-family: inherit;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable thead {
  display: none;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable .rgHeader {
  color: #0F014DBD;
  font-weight: 700;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable .rgRow > td {
  border: none;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable .rgAltRow {
  background: none;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable .rgAltRow > td {
  border: none;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable td {
  padding-left: 0 !important;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable td:nth-child(2) {
  text-align: right;
  padding-right: 2rem;
}
.order-confirmation-page .RadGrid_WebBlue .rgMasterTable td span {
  color: #0F014DBD;
  font-size: 1rem;
  font-family: 'Manrope';
}
.order-confirmation-page h6 {
  color: #0B0039;
  margin-bottom: 0.25em;
}
.order-confirmation-page .div-send-email {
  padding-top: 2em;
}
.order-confirmation-page .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  .order-confirmation-page .flex-1row-2col .flex-col1 input {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .order-confirmation-page .flex-1row-2col {
    flex-direction: column;
  }
}
.order-confirmation-page .flex-1row-2col.flex-bottom {
  flex-direction: row;
  justify-content: flex-end;
  gap: 1.25em;
  padding-bottom: 0px;
}
.order-confirmation-page .flex-1row-2col.flex-bottom .flex-col1 {
  text-align: end;
}
.order-confirmation-page .flex-1row-2col.flex-bottom .flex-col2 {
  text-align: right;
  padding-right: 0.75em;
}
@media only screen and (max-width: 576px) {
  .order-confirmation-page .flex-1row-2col.flex-bottom .flex-col2 {
    padding-right: 0.5em;
  }
}
.order-confirmation-page .bottom-total {
  margin-top: 2rem;
  width: 75%;
}
.order-confirmation-page .bottom-total span {
  margin-bottom: 0.25em;
  display: block;
}
.order-confirmation-page .order-data {
  border-top: 0.063em solid #EBEBEB;
  padding-top: 2em;
}
.order-confirmation-page .basket-summary-cart .RadGrid {
  min-width: fit-content;
  border-width: 0px;
  border: none;
}
.order-confirmation-page .basket-summary-cart .RadGrid table {
  width: 100%;
  border-bottom: 1px solid #EBEBEB !important;
  padding-bottom: 2rem;
}
@media only screen and (max-width: 576px) {
  .order-confirmation-page .basket-summary-cart .RadGrid table {
    border-collapse: collapse;
  }
}
.order-confirmation-page .basket-summary-cart .RadGrid th {
  background-color: #FFFFFF;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.75em;
}
.order-confirmation-page .basket-summary-cart .RadGrid th:first-child {
  text-align: left;
}
.order-confirmation-page .basket-summary-cart .RadGrid th.qty-align {
  text-align: center;
}
@media only screen and (max-width: 576px) {
  .order-confirmation-page .basket-summary-cart .RadGrid th.qty-align {
    text-align: right;
  }
}
.order-confirmation-page .basket-summary-cart .RadGrid th.price-align {
  text-align: right;
}
.order-confirmation-page .basket-summary-cart .RadGrid th.rgHeader {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #0F014DBD !important;
  background: none;
  border: none;
  padding-left: 0px !important;
}
.order-confirmation-page .basket-summary-cart .RadGrid td {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #0F014DBD !important;
  border: none;
  padding: 0.75em;
  padding-left: 0px !important;
}
.order-confirmation-page .basket-summary-cart .RadGrid td:first-child {
  text-align: left;
}
.order-confirmation-page .basket-summary-cart .RadGrid td.qty-align {
  text-align: center;
}
@media only screen and (max-width: 576px) {
  .order-confirmation-page .basket-summary-cart .RadGrid td.qty-align {
    text-align: right;
  }
}
.order-confirmation-page .basket-summary-cart .RadGrid td.price-align {
  text-align: right;
}
.order-confirmation-page .basket-summary-cart .RadGrid td .show-on-mobile {
  display: none;
}
.order-confirmation-page .basket-summary-cart .RadGrid .rgRow {
  height: auto;
  background: none;
}
.order-confirmation-page .basket-summary-cart .RadGrid .rgRow a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
}
.order-confirmation-page .basket-summary-cart .RadGrid .rgAltRow {
  height: auto;
  background: none;
}
.order-confirmation-page .basket-summary-cart .RadGrid .rgAltRow a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
}
@media only screen and (max-width: 467px) {
  .order-confirmation-page .basket-summary-cart .RadGrid thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }
  .order-confirmation-page .basket-summary-cart .RadGrid tr {
    border-bottom: 0.063em solid #EBEBEB;
    display: block;
    padding-bottom: 2rem;
    padding-top: 1.5rem;
  }
  .order-confirmation-page .basket-summary-cart .RadGrid td {
    display: block;
    border: none;
  }
  .order-confirmation-page .basket-summary-cart .RadGrid td .show-on-mobile {
    display: inline-block;
    margin-right: 0.5em;
  }
  .order-confirmation-page .basket-summary-cart .RadGrid td .web-name {
    font-weight: 700 !important;
  }
}
@media only screen and (max-width: 467px) {
  .order-confirmation-page .basket-summary-cart .RadGrid td {
    padding: 0.5em;
  }
  .order-confirmation-page .basket-summary-cart .RadGrid td:before {
    display: block;
  }
}
#MyApplications {
  /* Customize the scrollbar */
}
#MyApplications .flex--container {
  display: flex;
  gap: 1em;
  align-items: baseline;
  padding-bottom: 1rem;
}
#MyApplications .tooltip--container {
  display: flex;
  gap: 1em;
  align-items: baseline;
  margin-top: 1.4em;
}
#MyApplications .tooltip--container .update {
  display: inline-flex;
  width: max-content;
  align-items: center;
}
#MyApplications .stacked-buttons button {
  margin: 0.5rem 0rem;
}
#MyApplications .border-top {
  margin: 0;
  margin-bottom: 1rem;
  border-top: 1px solid #EBEBEB;
}
#MyApplications .tooltip .right {
  border: 0.5px solid #8D5C12;
  box-shadow: 3px 6px 6px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  margin-left: 0;
  transform: translate(-100%, 0%);
  min-width: 30rem;
}
@media only screen and (max-width: 576px) {
  #MyApplications .tooltip .right {
    min-width: 13rem;
  }
}
#MyApplications .textlink--inline {
  background: none;
  border: none;
  font-size: 1rem;
  justify-content: left;
  justify-items: left;
}
#MyApplications .scqueries {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
#MyApplications .material-icons-outlined {
  padding-left: 0.25rem;
  vertical-align: unset;
}
#MyApplications th {
  min-width: 8.25em;
}
#MyApplications .table-container-top {
  margin: auto;
  overflow-x: auto;
  padding: 0.5em 0;
  width: 100%;
  /*.responsive(@mediaquery--1024px, {
            overflow-x: scroll;
        }

        );*/
}
#MyApplications .table-container-top::-webkit-scrollbar {
  width: 20px;
  border: 0.5px solid #EBEBEB;
  border-radius: 10px;
  background: #EBEBEB;
  height: 1.5em;
}
#MyApplications .table-container-top::-webkit-scrollbar-thumb {
  background: url("/UI/images/icons/scrollarrow_right.svg") right 0.5rem center no-repeat #00888D;
  border-radius: 10px;
}
#MyApplications .table-container-top::-webkit-scrollbar-track {
  width: 20px;
  border-radius: 10px;
}
#MyApplications .table-container-top .table-container-topDiv {
  height: 20px;
  /*.responsive(@mediaquery--576px, {
                width: 47em;
            }

            );*/
}
#MyApplications .table-container {
  position: relative;
}
#MyApplications .table-container-main {
  width: max-content;
  overflow-x: auto;
  max-width: 100%;
  overflow-y: hidden;
}
#MyApplications .table-container-main table .applicationname {
  min-width: 17em;
}
@media only screen and (max-width: 576px) {
  #MyApplications .table-container-main table .applicationname {
    min-width: 10em;
    white-space: normal;
    word-wrap: break-word;
  }
}
#MyApplications .table-container-main table .submitdate {
  max-width: 10em;
  white-space: normal;
  word-wrap: break-word;
}
#MyApplications .table-container-main table tbody tr td:nth-child(1) {
  word-break: break-word;
}
#MyApplications .table-container-main table th,
#MyApplications .table-container-main table td {
  padding: 1rem 1rem;
}
#MyApplications .table-container-main table .custom-button {
  width: 11rem;
  height: 2.5rem;
  min-width: 7.5rem;
  line-height: normal;
  /* Only add margin-top on the last button if there are 2 buttons */
}
#MyApplications .table-container-main table .custom-button td:has(.custom-button:nth-of-type(2)) .custom-button:last-of-type {
  margin-top: 1em;
}
#MyApplications .table-container-main::-webkit-scrollbar {
  width: 20px;
  border: 0.5px solid #EBEBEB;
  border-radius: 10px;
  background: #EBEBEB;
  height: 1.5em;
}
#MyApplications .table-container-main::-webkit-scrollbar-thumb {
  background: url("/UI/images/icons/scrollarrow_right.svg") right 0.5rem center no-repeat #00888D;
  border-radius: 10px;
}
#MyApplications .table-container-main::-webkit-scrollbar-track {
  width: 20px;
  border-radius: 10px;
}
.btn-1row-2col {
  display: flex;
  justify-content: space-evenly;
}
/*OLD MY APPLICATIONS PAGE BELOW*/
.appquerylistview .apptable-head {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0B0039 !important;
  background: #EBEBEB;
  padding: 1em 2em;
}
@media only screen and (max-width: 467px) {
  .appquerylistview .apptable-head {
    padding: 1em;
  }
}
.appquerylistview .rgRow td {
  padding: 2em;
  border-bottom: 1px solid #EBEBEB;
}
@media only screen and (max-width: 467px) {
  .appquerylistview .rgRow td {
    padding: 1em;
  }
}
.appquerylistview .rgRow .apptable-item {
  color: #0F014DBD;
}
.appquerylistview .rgRow .apptable-item .lnkappname {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.appquerylistview .rgRow .apptable-item:nth-child(2) {
  font-family: 'Archivo';
  font-weight: 700;
  color: #8D5C12;
  font-style: normal;
  line-height: 1.4em;
}
.appquerylistview .rgRow .showdownload {
  justify-content: center;
}
.appquerylistview .rgRow .showdownload .update {
  padding-bottom: 1em;
}
.appquerylistview .rgRow .showdownload .update a {
  color: #0B0039;
}
.appquerylistview .rgRow .showdownload .update span {
  color: #0B0039;
  vertical-align: middle;
}
.appquerylistview .rgRow .showdownload .update .right {
  min-width: 306px;
  margin-left: 0px;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #0B0039 !important;
  border: 1px solid #FAFAFA;
  transform: translate(-10%, 19%);
  left: unset;
  right: 0;
}
@media only screen and (max-width: 1280px) {
  .appquerylistview .rgRow .showdownload .update .right {
    right: 0px;
    left: auto;
    top: 50%;
    transform: translate(-10%, -47%);
  }
}
@media only screen and (max-width: 576px) {
  .appquerylistview {
    overflow-x: auto;
  }
}
.firmnameapp .k-grid tr td {
  padding-left: 0.5rem;
  border: none !important;
  color: #0B0039;
}
.firmnameapp .k-grid tr td:first-child {
  text-decoration: underline;
}
.firmnameapp .k-grid tr:hover {
  background: none !important;
}
.firmnameapp .k-grid-header {
  background: none !important;
  border: none !important;
  padding-left: 0.5rem;
}
.firmnameapp .k-grid-header thead tr {
  border: none !important;
  background: transparent !important;
}
.firmnameapp .k-grid-header thead tr:hover {
  border: none !important;
  background: transparent !important;
}
.firmnameapp .k-grid-header thead tr th {
  font-weight: 700 !important;
  color: #0B0039;
  border: none !important;
  background: transparent !important;
}
.firmnameapp .k-grid-header thead tr th:hover {
  border: none !important;
  background: transparent !important;
}
.firmnameapp .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 2rem 0;
}
.firmnameapp .firmnameapp-cntrls {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2em;
}
.firmnameapp .firmnameapp-cntrls .ddl-select-office {
  white-space: normal;
  height: unset;
  width: 23em;
}
.firmnameapp .firmnameapp-cntrls.ddl-margin-bottom {
  margin-bottom: 4em;
}
.firmnameapp .firmnameapp-cntrls .cal-datepicker {
  background-image: url("/UI/images/icons/actions_daterange.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding-left: 3em;
}
@media only screen and (max-width: 768px) {
  .firmnameapp .firmnameapp-cntrls .cal-datepicker {
    width: 100%;
  }
}
.firmnameapp .firmnameapp-cntrls .btn-primary {
  width: 7.5rem;
}
.firmnameapp .firmnameapp-cntrls input.input-error {
  background-color: #FFE6E6;
  border-color: #E60000 !important;
  color: #E60000 !important;
}
@media only screen and (max-width: 768px) {
  .firmnameapp .firmnameapp-cntrls {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .firmnameapp .attachmentUpload {
    width: 100%;
  }
}
.firmnameapp #SavedFirmNameChangeDialog {
  z-index: 9999;
}
.firmnameapp #SavedFirmNameChangeDialog .modal-dialog {
  max-width: 30em;
  display: flex;
  padding-top: 2em;
  margin: 4em auto;
}
.firmnameapp #SavedFirmNameChangeDialog .modal-dialog p {
  color: #FFFFFF !important;
}
.firmnameapp #SavedFirmNameChangeDialog .modal-dialog .btn-secondary {
  width: 100%;
}
.firmnameapp #SavedFirmNameChangeDialog .modal-dialog .btn-primary {
  width: 100%;
}
@media only screen and (max-width: 467px) {
  .firmnameapp #SavedFirmNameChangeDialog .modal-dialog {
    margin: 1em;
  }
}
.firmnameapp .white-modal {
  overflow: auto;
}
.firmnameapp .white-modal .modal-dialog {
  max-width: 30em;
  display: flex;
  padding-top: 2em;
  margin: 4em auto;
}
.firmnameapp .white-modal .modal-content {
  background: #FDFDFB !important;
}
.pn-content div.article {
  width: -webkit-fill-available;
  width: -moz-available;
  padding: 0em;
}
.pn-content #lvPages {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: 0em;
}
.pn-content .k-block,
.pn-content .k-widget {
  background-color: transparent;
}
.pn-content .k-pager-wrap {
  overflow: unset;
  padding: 0em;
  color: unset;
  border-color: unset;
  background-color: unset;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .pn-content .k-pager-wrap {
    padding-left: 0em !important;
  }
}
.pn-content .k-pager-wrap a {
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  justify-content: space-between;
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014D;
  font-style: normal;
  line-height: 1.4em;
  letter-spacing: 0;
  /*firefox*/
  padding-left: 0rem;
}
.pn-content .k-pager-wrap a:focus {
  background-color: #FDFDFB;
  color: #0F014D;
  border: 1px solid #0F014D7D;
  border-radius: 50%;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pn-content .k-pager-wrap a a.k-link.k-pager-nav {
  padding-left: 1rem;
  border: none;
  background: none;
}
.pn-content .k-pager-wrap .k-state-selected,
.pn-content .k-pager-wrap .k-state-selected:link,
.pn-content .k-pager-wrap .k-state-selected:visited,
.pn-content .k-pager-wrap .k-list > .k-state-selected,
.pn-content .k-pager-wrap .k-list > .k-state-highlight,
.pn-content .k-pager-wrap .k-panel > .k-state-selected,
.pn-content .k-pager-wrap .k-button:active,
.pn-content .k-pager-wrap .k-ghost-splitbar-vertical,
.pn-content .k-pager-wrap .k-ghost-splitbar-horizontal,
.pn-content .k-pager-wrap .k-draghandle.k-state-selected:hover,
.pn-content .k-pager-wrap .k-scheduler .k-scheduler-toolbar .k-state-selected,
.pn-content .k-pager-wrap .k-marquee-color {
  color: #EFE4D1;
  background-color: #0F014DD4;
  border-radius: 20px;
}
.pn-content .k-pager-wrap .k-link:visited,
.pn-content .k-pager-wrap .k-nav-current.k-state-hover .k-link {
  color: unset;
}
.pn-content .k-pager-wrap .k-pager-first,
.pn-content .k-pager-wrap .k-pager-last {
  display: none;
}
.pn-content .k-pager-wrap .k-link {
  background: unset;
  border-color: transparent;
  border-right: 0;
}
.pn-content .k-pager-wrap .k-icon {
  background: none;
}
.pn-content .k-pager-wrap .k-icon.k-i-arrow-w {
  background: left url("/UI/images/icons/chevron_left.svg") no-repeat;
  height: 100%;
  background-size: 1rem;
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.pn-content .k-pager-wrap .k-icon.k-i-arrow-e {
  background: right url("/UI/images/icons/chevron_right.svg") no-repeat;
  padding-right: 1em;
  height: 100%;
  background-size: 1rem;
  filter: brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(6115%) hue-rotate(243deg) brightness(83%) contrast(122%);
}
.pn-content .k-pager-wrap ul.k-pager-numbers {
  margin-right: 0rem;
  display: flex;
  gap: 1rem;
  padding-right: 1rem;
}
.pn-content .k-pager-wrap ul.k-pager-numbers li,
.pn-content .k-pager-wrap ul.k-pager-numbers a {
  font-size: 1rem;
  color: #0F014D;
  text-decoration: none !important;
  width: 2rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pn-content .k-pager-wrap .k-pager-numbers .k-state-selected {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-content: center;
  justify-content: center;
  font-family: 'Archivo';
  font-weight: 700;
  align-items: center;
}
.pn-content .k-pager-wrap .k-pager-info {
  left: 0;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .pn-content .k-pager-wrap .k-pager-info {
    left: unset;
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .pn-content .k-pager-wrap {
    padding-left: 1em;
    margin: 3em 0 1em 0;
  }
}
.pn-content .pagination-paging {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-top: 4em;
  padding: 1em 0rem;
  /*.k-pager-info.k-label {
            .font(@font__manrope; 400; 0.833em; 0.015625em; 1.500em; @colour--greyscale__grey5);
            margin-top: 0.625em;
        }*/
}
@media only screen and (max-width: 768px) {
  .pn-content .pagination-paging {
    flex-direction: column;
    gap: 0.625em;
    text-align: center;
    margin-top: 0.625em;
  }
}
.pn-content .pagination-paging .k-pager-wrap {
  padding: 0;
}
.pn-content .pagination-paging .link-view-all {
  background-color: #FDFDFB;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #0F014DBD !important;
  text-decoration: none;
  padding: 0rem 1rem;
  border-radius: 20px;
  width: 12rem;
}
.pn-content .pagination-paging .link-view-all:focus {
  background-color: #EFE4D1;
  color: #0F014DD4;
  border: none;
}
.pn-content .pagination-paging .link-view-all:hover {
  background-color: #EFE4D1;
  color: #0F014DD4;
}
.pn-content .pagination-paging .link-view-all:active {
  background-color: #EFE4D1;
  color: #0F014DD4 !important;
  font-weight: 700 !important;
}
@media only screen and (max-width: 768px) {
  .pn-content .pagination-paging .link-view-all {
    width: 100% !important;
    display: block;
  }
}
.pn-content .news-preview {
  position: relative;
  border-bottom: 0.5px solid #EFE4D1;
  margin-top: 1.2em;
  margin: 0rem !important;
  padding: 0rem 0rem 1.2rem 0rem;
}
.pn-content .news-preview p {
  margin: 0rem !important;
}
.pn-content .news-preview h3 {
  margin: 0.5rem 0rem !important;
  padding: 0rem !important;
}
.pn-content .news-preview h3 a {
  font-family: "Source Serif Pro" !important;
  font-weight: 400 !important;
  font-size: 1.728125rem !important;
  letter-spacing: 0.009375em !important;
  line-height: 2rem !important;
  color: #0F014DD4 !important;
  text-decoration: none;
}
.pn-content .news-preview span {
  margin-bottom: 0.625em;
  display: inline-block;
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375em;
  line-height: 1.813em;
  color: #0F014DBD;
  text-transform: uppercase;
  /*&.k-pager-info.k-label {
                .font(@font__manrope, 400, 0.8rem, 0.015625em, 1.5em, @colour--greyscale__grey5);
                text-transform: lowercase;
            }*/
}
.pn-content .news-preview span.date {
  text-transform: uppercase;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 0.834rem !important;
  letter-spacing: 0.0313em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .pn-content .news-preview span.date {
    position: unset;
    width: auto;
  }
}
.pn-search .inline-wrapper {
  display: flex;
  padding: 4rem 1rem 4rem 0rem;
  gap: 3rem;
  width: -webkit-fill-available;
  width: -moz-available;
}
@media only screen and (max-width: 992px) {
  .pn-search .inline-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .pn-search .inline-wrapper {
    gap: 1rem;
  }
}
@media only screen and (max-width: 390px) {
  .pn-search .inline-wrapper {
    gap: 1rem;
  }
}
.pn-search .inline-wrapper .align-items {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (max-width: 992px) {
  .pn-search .inline-wrapper .align-items {
    width: 100%;
  }
}
.pn-search .inline-wrapper .align-items span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DD4 !important;
  text-transform: none;
  margin-bottom: 0.25em;
}
.pn-search .inline-wrapper .align-items input[type="text"],
.pn-search .inline-wrapper .align-items select {
  width: 100%;
}
.pn-search .inline-wrapper .align-items label {
  font-weight: 700;
}
.pn-search .inline-wrapper .btn-align {
  display: flex;
  align-items: end;
}
.pn-search .inline-wrapper .btn-align .btn-primary {
  background-image: url("/UI/images/icons/navigation--search-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  min-width: 3rem;
  /*height: 3.5em;*/
  margin-top: 0.25rem;
}
.pn-search .inline-wrapper .btn-align .btn-primary .btntext {
  display: none;
}
@media only screen and (max-width: 992px) {
  .pn-search .inline-wrapper .btn-align .btn-primary {
    width: 100%;
    margin-top: 0;
    background-image: none;
  }
  .pn-search .inline-wrapper .btn-align .btn-primary .btntext {
    display: inline-block;
  }
}
.practice-note-content .l2-title {
  margin-top: 0px !important;
}
.ebusiness-page-title {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.438em !important;
  color: #0B0039 !important;
}
.ebusiness-page-title span.ebusiness-viewcart-Items {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #8D5C12 !important;
}
.col-sm-12.ebusiness-product-viewcart-pro-name .ebusiness-cartlist-review-order-pro-name a.ebusiness-cartlist-aproduct-detail-name {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #8D5C12 !important;
  color: #0B0039 !important;
}
.useBootstrap .delete-registration {
  border: none;
  background: none;
}
.useBootstrap .ebusiness-grid-row-cart-list {
  border: none;
  background: none;
}
.useBootstrap .ebusiness-grid-row-cart-list ul.cart-items li {
  margin: 0rem;
  /* list-style: none !important; */
}
.useBootstrap .ebusiness-grid-row-cart-list ul.cart-items li::before {
  content: none;
}
.ebusiness-grid-row-cart-list {
  margin-bottom: 2em;
}
p.ebusiness-grid-row-cart-list-price strong .ebusiness-product-view-cart-price,
p.ebusiness-grid-row-cart-list-price span.ebusiness-product-price {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0F014DBD !important;
}
.total-order-details .row-subtotal.row {
  padding: 2em 0em;
}
.total-order-details .row-subtotal.row .col.total--label,
.total-order-details .row-subtotal.row .col.total--subtotal__label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
}
.total-order-details .row-subtotal.row .col.total--subtotal__amount .ebusiness-payment-sub-total.ebusiness-product-view-cart-price {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
}
.total-order-details .row-subtotal.row .col.amount {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
}
.total-order-details .row-subtotal.row .col.amount .ebusiness-payment-sub-total.ebusiness-product-view-cart-price,
.total-order-details .row-subtotal.row .col.amount .vcTax.ebusiness-product-view-cart-price,
.total-order-details .row-subtotal.row .col.amount .ebusiness-product-view-cart-price {
  font-weight: 400;
}
.total-order-details .row-subtotal.row .col.amount .ebusiness-payment-sub-total.ebusiness-product-view-cart-price.total--subtotal__amountValue,
.total-order-details .row-subtotal.row .col.amount .vcTotal.ebusiness-product-view-cart-price {
  font-weight: 700 !important;
}
.total-order-details .row.ebusiness-total-savings-row {
  display: block;
}
.col-md-12.total-order-details {
  padding-top: 2.5em;
}
.col-md-12.total-order-details h4 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.438em !important;
  color: #0B0039 !important;
}
a.ebusiness-action-button-remove-all-items.cursor-pointer,
a.cursor-pointer,
.eb-link-update {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  text-decoration-line: underline !important;
  color: #0B0039 !important;
}
.ebusiness-product-viewcart-grid-col3 {
  margin-bottom: 2em;
}
.ebusiness-product-viewcart-grid-col3.text-right p {
  padding-top: 0.3em;
}
.ebusiness-product-viewcart-grid-col3.text-right span:first-child span.eb-link-update {
  padding-right: 1em;
  margin-right: 1em;
  border-right: 1px solid #EBEBEB;
}
h4.capton {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
}
#BillingShippingAddress {
  margin-right: 4em;
}
#BillingShippingAddress .panel.panel-default {
  display: block;
}
#BillingShippingAddress .captionShipping {
  border-top: 1px solid #B5B5B5;
  padding-top: 4em;
}
#BillingShippingAddress .address--billing {
  margin-bottom: 4em;
}
#BillingShippingAddress .address--billing__heading {
  margin: 2em 0em 1em 0em;
}
#BillingShippingAddress .address-shipping__heading {
  margin: 1em 0em;
}
#BillingShippingAddress .panel-body a {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
  text-decoration-line: underline;
  background-image: url("/UI/images/icons/chevron_right.svg");
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 1em;
}
.ebusiness-break-long-word.col-sm-6 p {
  color: #0B0039;
}
.orderSummaryList hr {
  margin: 4em 0em !important;
}
.ebusiness-cart-empty-message {
  padding: 1em;
  text-align: center;
  color: #0F014DBD;
  border-radius: 5px;
  border: 1px solid #EBEBEB;
  font-size: 1.2rem;
}
.ebusiness-profile-card-savedCards {
  margin-top: 2em;
}
.ebusiness-profile-card-savedCards .ebusiness-payment-address-fields .panel--hostedPayment {
  display: block;
  margin-right: 4em;
}
.ebusiness-profile-card-savedCards .ebusiness-payment-address-fields .panel--hostedPayment .panel--hostedPayment__heading h4 {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
}
.ebusiness-profile-card-savedCards .ebusiness-payment-address-fields .panel--hostedPayment div#collapseThree .panel-body {
  padding: 1em 0em;
}
.ebusiness-profile-card-savedCards .ebusiness-payment-address-fields .panel--hostedPayment div#collapseThree .panel-body .row .col-sm-12.col-lg-12 span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0F014DBD !important;
}
.ebusiness-profile-card-savedCards .ebusiness-payment-address-fields .panel--hostedPayment div#collapseThree .panel-body .row .col-lg-12ebusiness-apply-width-desktop-button button.ebSlctbillme.btn.btn-primary {
  float: right;
  margin-top: 2em;
}
.ebusiness-main-container.row {
  padding-left: 0em !important;
}
.ebusiness-main-container.row .col-lg-8 {
  padding-left: 0em !important;
}
.ebusiness-ui-address .ebusiness-card-details .row.ebusiness-payment-address-fields {
  padding-left: 1em;
}
.ebusiness-product-viewcart-grid {
  display: grid;
  grid-template-columns: 2fr repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0em;
  grid-row-gap: 0em;
}
@media only screen and (max-width: 768px) {
  .ebusiness-product-viewcart-grid {
    display: block;
  }
}
div#ReviewOrder {
  margin-right: 4em;
}
.ebusiness-break-long-word.col-sm-6 span,
.ebusiness-break-long-word.col-sm-6 p {
  color: #0F014DBD;
}
.selectedAddress span,
.selectedAddress p {
  color: #0B0039 !important;
}
span.ebusiness-product-view-cart-quantity-value-review {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0F014DBD !important;
}
.ebusiness-product-view-cart-product-quantity {
  width: 3.125em;
  height: 2.5em;
}
div#viewCart {
  padding-right: 4em;
}
@media only screen and (max-width: 768px) {
  div#viewCart {
    padding-right: 0;
  }
}
span.pull-left.heading-Included {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
}
span.session-name-reg,
span.person-name,
.col.text-right span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0F014DBD !important;
}
i.ebIcon-trash,
span.isCollapseOpen {
  filter: brightness(0) saturate(100%) invert(9%) sepia(22%) saturate(6912%) hue-rotate(242deg) brightness(91%) contrast(121%);
}
button.ebusiness-action-button-apply-coupon.btn.btn-secondary.btn-block,
button.ebusiness-action-button-remove-coupon.btn.btn-primary.btn-block {
  text-transform: uppercase;
}
button.ebusiness-action-button-apply-coupon.btn.btn-secondary.btn-block {
  margin-top: 1em;
}
.actionButtonWrapper {
  text-align: right;
}
.panel.panel-default {
  display: block;
}
.ebusiness-payment-address-listing-row.billingShippingSame.row .col-sm-7 {
  color: #0F014DBD;
}
.proceed-payment {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin-right: 1em;
}
.proceed-payment button.btn.btn-primary.btn-block.ebusiness-viewcart-action-proceed-payment-button {
  width: 9em;
  margin-top: 4em;
}
@media only screen and (max-width: 768px) {
  .proceed-payment button.btn.btn-primary.btn-block.ebusiness-viewcart-action-proceed-payment-button {
    width: 100%;
    margin-top: 1em;
  }
}
/*.grid-1row-2col.mt-5 {
    & button.btn.btn-secondary {
        width: 13em;
    }

    & button.btn.btn-primary.ebusiness-action-button-remove-all-items-button {
        width: 13em;
    }
}*/
.ebusiness-action-cart-footer.row {
  margin-top: 4em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 768px) {
  .ebusiness-action-cart-footer.row {
    border-bottom: 1px solid #EBEBEB;
  }
}
.row.ebusiness-total-savings-row {
  display: flex;
  flex-direction: row;
}
.ebusiness-add-coupon {
  padding-bottom: 4em;
  border-bottom: 1px solid #EBEBEB;
}
.ebusiness-add-coupon input.form-control.required {
  font-size: 1rem;
}
.row-subtotal.row .col:first-child {
  flex-grow: 2;
}
.address--billing__heading h4 span,
.address-shipping__heading h4 span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.3em !important;
  color: #0B0039 !important;
}
.col-md-12.update-cart-btn button.btn.btn-primary.btn-block.ebusiness-viewcart-action-proceed-checkout-button {
  width: 15em;
  margin-left: auto;
  margin-right: 0;
  margin-top: 4em;
}
@media only screen and (max-width: 768px) {
  .col-md-12.update-cart-btn button.btn.btn-primary.btn-block.ebusiness-viewcart-action-proceed-checkout-button {
    width: 100%;
    margin-top: 1em;
  }
}
.ebusiness-payment-address-listing-row.billingShippingSame.row {
  margin-top: 2em;
}
.ebusiness-meeting-viewcart-item-wrapper .ebusiness-collapse-header.ebClear {
  border-top: 1px solid #EBEBEB;
  padding-top: 1em;
}
.ebusiness-meeting-viewcart-item-wrapper .ebusiness-collapse-header.clear {
  padding-top: 1em;
}
.ebusiness-meeting-viewcart-item-wrapper .ebusiness-collapse-header.clear::after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
/*start shipping and billing section*/
h3.ebusiness-dynamic-address-title {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.438em !important;
  color: #0B0039 !important;
  border-bottom: 1px solid #EBEBEB;
}
.ebusiness-checkout-step-wrapper-steps {
  display: inline-flex;
  width: 100%;
}
.ebusiness-checkout-step-wrapper-steps ul.wizard-bar li ~ li::after {
  right: 50%;
}
.ebusiness-checkout-step-wrapper-steps .stepsText {
  display: flex;
  flex-direction: column;
  width: 25%;
}
.ebusiness-checkout-step-wrapper-steps .stepsText a.stepsBg {
  width: 3em;
  height: 3em;
  text-align: center;
  border-radius: 50%;
  background-color: #B5B5B5;
  margin: 0 auto;
  padding-top: 0.9em;
  box-shadow: 3px 3px 3px #B5B5B5;
  color: #0F014DBD;
  font-weight: 400;
  cursor: pointer;
}
.ebusiness-checkout-step-wrapper-steps .stepsText o.stepCurrent {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #0B0039 !important;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  margin-top: 1em;
}
.ebusiness-checkout-step-wrapper-steps .stepsText.activeSteps a.stepsBg {
  background-color: #0B0039;
  color: #FFFFFF;
}
.ebusiness-checkout-step-wrapper-steps .stepsText.activeSteps o.stepPrevious {
  text-align: center;
  margin-top: 1em;
}
.solicitors-registration {
  padding: 1rem 4rem 0rem 4rem;
}
@media only screen and (max-width: 768px) {
  .solicitors-registration {
    padding: 1rem 1rem 0rem 1rem;
  }
}
.solicitors-registration .label-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
  width: 50%;
  gap: 0.5em;
}
@media only screen and (max-width: 768px) {
  .solicitors-registration .label-wrapper {
    width: 100%;
  }
}
.solicitors-registration h2 {
  margin-top: 0px;
}
.solicitors-registration span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
.solicitors-registration .text-area {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  padding: 0.5em 1em;
}
.solicitors-registration hr {
  border: 0.063em solid #EBEBEB;
  margin: 2rem 0 2rem 0;
  background-color: #EBEBEB;
}
.solicitors-registration .stack-btn {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.solicitors-registration .label-error {
  color: #E60000;
  margin: 0em 0.25em;
}
.d-grid {
  display: grid;
  gap: 1em;
}
.hideErrorSpan {
  display: none;
}
/**** Buy Merger Search*****/
.solicitors-buy-merge {
  padding: 1rem 4rem 0rem 4rem;
  /*Styles for Kendo Pager*/
  /*.k-pager-wrap {
        overflow: unset;
        padding: 0em;
        color: unset;
        border-color: unset;
        background-color: unset;
        display: flex;
        justify-content: center;
        padding-left: 4em;

        a {
            .font-default(@font__manrope,400,@colour--greyscale__grey5);
        }

        .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected,
        .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover,
        .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-marquee-color {
            color: @colour--greyscale__white;
            background-color: @colour--primary__brand1;
            border-color: @colour--primary__brand1;
            border-radius: 20px;
        }

        .k-link:visited, .k-nav-current.k-state-hover .k-link {
            color: unset;
        }

        .k-pager-first, .k-pager-last {
            display: none;
        }

        .k-link {
            background: unset;
            border-color: transparent;
            border-right: 0;
        }


        .k-icon {
            background: none;

            &.k-i-arrow-w {
                background: left @icon--chevrons__left no-repeat;
            }

            &.k-i-arrow-e {
                background: right @icon--chevrons__right no-repeat;
                padding-right: 1em;
            }
        }


        ul {
            &.k-pager-numbers {
                li, a {
                    font-size: 1rem;
                }

                li {
                    padding-right: 1em;

                    .responsive(@mediaquery--467px, {
                        &:nth-child(n+4) {
                            display: none;
                        }

                        &:last-child {
                            display: block;
                            padding: 0;
                        }
                    }

                    );

                    .responsive(@mediaquery--467px, {
                        &:nth-child(n+4) {
                            display: none;
                        }

                        &:last-child {
                            display: block;
                        }
                    }

                    );
                }
            }
        }

        .k-pager-numbers .k-state-selected {
            width: 1.875em;
            height: 1.875em;
            font-family: @font__manrope;
        }

        .k-pager-info {
            left: 0;
            position: absolute;

            .responsive(@mediaquery--467px, {
                left: unset;
                top: 0;
            }

            );
        }

        .responsive(@mediaquery--467px, {
            padding-left: 1em;
            margin: 3em 0 1em 0;
        }

        );
    }

    .pagination-paging {
        display: inline-flex;
        justify-content: center;
        width: 100%;
        margin-top: 4em;
        padding: 1em;

        .responsive(@mediaquery--467px, {
            flex-direction: column;
            gap: 0.625em;
            text-align: center;
            margin-top: 0.625em;
        }

        );

        .k-pager-wrap {
            padding: 0
        }


        .link-view-all {
            .font(@font__manrope; 400; 1rem; 0.025em; 1.813em; @colour--primary__brand1);
            text-decoration: underline;
            width: 4.375em;

            .responsive(@mediaquery--467px, {
                width: 100%;
            }

            );
        }

        .k-pager-info.k-label {
            .font(@font__manrope; 400; 0.833em; 0.015625em; 1.500em; @colour--greyscale__grey5);
            margin-top: 0.625em;
        }
    }*/
}
@media only screen and (max-width: 768px) {
  .solicitors-buy-merge {
    padding: 1rem 1rem 0rem 1rem;
  }
}
.solicitors-buy-merge h6 {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
}
.solicitors-buy-merge .header-text p {
  margin-bottom: 2em;
}
.solicitors-buy-merge .header-text ol {
  margin-top: 1em;
  margin-bottom: 2em;
  counter-reset: li;
  margin-left: 0;
  padding-left: 1em;
  display: table;
}
.solicitors-buy-merge .header-text ol > li {
  background: none;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  position: relative;
  margin: 0 0 0.375em 2em;
  padding: 0.25em 0.5em;
  list-style: none;
  display: table-row;
}
.solicitors-buy-merge .header-text ol > li:before {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.44rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
  content: counter(li);
  counter-increment: li;
  position: inherit;
  top: 0.125em;
  left: -1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.125em 0.5em;
  margin: 0.5em 0;
  text-align: center;
  text-decoration: underline solid #DDCBA4 2px;
  text-underline-position: under;
  display: table-cell;
  text-align: right;
}
.solicitors-buy-merge .header-text a {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #0B0039 !important;
  text-decoration: underline;
}
.solicitors-buy-merge .link-register {
  display: flex;
  gap: 10px;
  flex-direction: row;
  margin-bottom: 64px;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .link-register {
    flex-direction: column;
  }
}
.solicitors-buy-merge .search-panel {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: #FAFAFA;
  padding: 2rem 2rem 2rem;
  border-radius: 0.188em;
  margin-bottom: 4em;
}
@media only screen and (max-width: 768px) {
  .solicitors-buy-merge .search-panel {
    flex-direction: column;
    padding: 2rem 1rem 2rem;
  }
}
.solicitors-buy-merge .select-width {
  max-width: unset;
  min-width: unset;
}
.solicitors-buy-merge .div-dropdown {
  margin-right: 1em;
  min-width: 44%;
}
@media only screen and (max-width: 768px) {
  .solicitors-buy-merge .div-dropdown {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.solicitors-buy-merge .search-textbox {
  justify-content: flex-end;
  width: 100%;
  display: flex;
  height: 4.8em;
  align-items: flex-end;
}
.solicitors-buy-merge #SearchButton {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  height: 3rem;
  background: #00888D;
  border-radius: 3px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 0;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge #SearchButton {
    width: 100%;
    margin-left: 0em;
    font-size: 1rem;
    align-items: center;
  }
  .solicitors-buy-merge #SearchButton .material-icons {
    margin-left: 1em;
  }
}
.solicitors-buy-merge .results-box {
  padding: 1em;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  margin-bottom: 4rem;
}
.solicitors-buy-merge .results-box span {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
.solicitors-buy-merge .results-box .results-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .results-box .results-top {
    flex-direction: column;
  }
}
.solicitors-buy-merge .results-box .results-middle {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
}
.solicitors-buy-merge .results-box .results-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.875em;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .results-box .results-bottom {
    flex-direction: column;
  }
}
.solicitors-buy-merge .results-box .results-bottom .btn-div .btn-primary {
  height: 3rem;
  padding: 0;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .results-box .results-bottom .btn-div {
    display: flex;
    width: 100%;
  }
}
.login-wrap {
  display: flex;
  max-width: 48rem;
  margin: auto;
  position: relative;
  width: 100%;
}
.login-content {
  padding: 3em 0em 3em 0em;
  /*Styling for the LoginBlock.cshtml*/
}
@media only screen and (max-width: 768px) {
  .login-content {
    padding: 2em;
  }
}
@media only screen and (max-width: 576px) {
  .login-content {
    padding: 1em;
  }
}
.login-content .links-panel ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.login-content .links-panel ul li {
  background: none;
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 4rem;
}
.login-content .links-panel ul li:not(:first-of-type) {
  flex: 1;
}
.login-content .active-panel {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0 bottom;
  color: #0B0039;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 0.19rem;
}
.login-content .deactive-panel {
  color: #838383;
}
.login-content .toggleDiv {
  display: none;
}
.login-content #btn-login-panel,
.login-content #btn-register-panel {
  cursor: pointer;
}
.login-content h1 {
  padding-bottom: 1rem;
  margin-bottom: 0 0 3rem 0;
}
@media only screen and (max-width: 768px) {
  .login-content h1 {
    margin-bottom: 1rem;
  }
}
.login-content h3 {
  font-family: 'PT Serif';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  margin: 0 0 2rem 0;
}
.login-content .container {
  display: flex;
}
.login-content .container .user {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .login-content .container .user {
    width: 100%;
  }
}
.login-content .container .user:first-child {
  padding-right: 2em;
}
@media only screen and (max-width: 768px) {
  .login-content .container .user:first-child {
    padding: 0;
  }
}
.login-content .container .user:last-child {
  padding-left: 2em;
}
@media only screen and (max-width: 768px) {
  .login-content .container .user:last-child {
    padding: 2em 0 0 0;
    border-top: 1px solid #EBEBEB;
  }
}
.login-content .container .user .existing-user p {
  padding-bottom: 2em;
  margin: 0;
}
.login-content .container .user .existing-user label {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.login-content .container .user .existing-user input[type=text],
.login-content .container .user .existing-user input[type=password],
.login-content .container .user .existing-user input[type=checkbox] {
  margin-bottom: 1em;
  vertical-align: sub;
}
.login-content .container .user .existing-user a {
  font-weight: 700;
}
.login-content .container .user .existing-user .check {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.login-content .container .btn-alt {
  width: 7.5em;
  margin: 2em 0;
}
@media only screen and (max-width: 768px) {
  .login-content .container .btn-alt {
    width: 100%;
  }
}
.login-content .container .btn-secondary {
  text-decoration: none;
  opacity: unset;
}
@media only screen and (max-width: 768px) {
  .login-content .container .btn-secondary {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .login-content .container {
    display: block;
  }
}
.login-content .material-icons {
  color: #8D5C12;
}
.login-content .login-buttons button {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .login-content .login-buttons {
    flex-wrap: wrap;
  }
}
.login-content .btn-bigger {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.31rem;
  border: none !important;
  height: 7rem;
  border-radius: 0.19rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  cursor: pointer;
  flex: 1 1 130px;
}
@media only screen and (max-width: 768px) {
  .login-content .btn-bigger {
    flex: 1 1 230px;
  }
}
.login-content .btn-n {
  background-color: #FFFFFF;
  color: #8D5C12;
  border: 1px solid #8D5C12 !important;
}
.login-content .btn-n:hover {
  background-color: #8D5C12;
  color: #FFFFFF !important;
}
.login-content .btn-n:hover img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(339deg) brightness(103%) contrast(102%);
}
.login-content .btn-first {
  background: #007377;
  border: none;
}
.login-content .btn-first:hover {
  opacity: 0.5;
}
.login-content .public-icon {
  content: url("/UI/images/icons/public.svg");
}
.login-content .solicitor-icon {
  content: url("/UI/images/icons/solicitor.svg");
}
.login-content .fe1-icon {
  content: url("/UI/images/icons/fe-1.svg");
}
.login-content .trainee-icon {
  content: url("/UI/images/icons/trainee.svg");
}
.login-content .btn-link-style {
  text-decoration: underline;
  background: none !important;
  border: none;
  padding: 0 !important;
  cursor: pointer;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #8D5C12 !important;
  font-style: normal;
  text-transform: none;
}
.login-content .btn-link-style:hover {
  opacity: 0.5;
}
.login-content .align-icon {
  display: flex;
  align-items: center;
  margin-top: 4em;
}
.login-content img.img-sizing {
  /* width: 30px !important; */
  height: 30px !important;
}
.login-page {
  max-width: 48rem;
  margin: auto;
  position: relative;
  width: 100%;
}
.login-page h1 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.login-page p {
  margin: 0 !important;
}
.login-page a {
  text-decoration: underline;
}
.login-page .inputValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
.login-page .login__info--section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.login-page .input-width {
  width: 100%;
}
@media only screen and (max-width: 666px) {
  .login-page .input-width {
    width: 100%;
  }
}
.login-page button.btn-navy {
  margin: 2rem 0;
  width: 100%;
}
.login-page .red-alert-box span a {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
  text-decoration: underline;
}
.login-page label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
  font-style: normal;
}
.login-page .check {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
  font-style: normal;
}
.login-page .btn-alt {
  width: 10em;
  margin: 2em 0;
}
@media only screen and (max-width: 666px) {
  .login-page .btn-alt {
    width: 100%;
  }
}
.login-page .material-icons {
  color: #8D5C12;
}
form#login-block-form {
  max-width: 48rem;
  margin: auto;
  position: relative;
  width: 100%;
  padding-bottom: 4rem;
}
form#login-block-form .login-buttons {
  margin-bottom: 2rem;
}
form#login-block-form .login-buttons button.btn-light-navyborder {
  width: 100%;
}
form#login-block-form .align-center {
  text-align: center;
}
form#login-block-form .hyperlink-navy {
  font-family: 'Archivo' !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DD4 !important;
}
.productlist-top {
  padding: 4rem;
  width: 100%;
}
.productlist-top h1 {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.productlist-top p {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 768px) {
  .productlist-top p {
    padding: 2rem 0;
  }
}
@media only screen and (max-width: 467px) {
  .productlist-top p {
    padding: 0 0 1em 0;
    margin: 0;
  }
}
.productlist-top div#pagerSec {
  align-items: center;
  display: flex;
  gap: 1rem;
  width: auto;
}
.productlist-top a#view-all {
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: auto;
  width: 100%;
  justify-content: right;
}
.productlist-top .toolbar__paging {
  display: flex;
}
.productlist-top .font-body1 {
  white-space: nowrap;
  align-self: anchor-center;
}
.productlist-top .toolbar {
  display: grid;
  grid-template-columns: 1fr;
}
.productlist-top .toolbar .toolbar__search {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.productlist-top .toolbar .toolbar__search span {
  width: 90%;
}
.productlist-top .toolbar .toolbar__search input[type=text] {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .productlist-top .toolbar .toolbar__search {
    display: block;
  }
}
.productlist-top .toolbar .toolbar__sort {
  padding-top: 2rem;
  display: flex;
  justify-content: flex-end;
  grid-gap: 0.5rem;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #EBEBEB;
}
.productlist-top .toolbar .toolbar__switch {
  padding-top: 2rem;
  display: flex;
  justify-content: flex-end;
}
.productlist-top .toolbar .toolbar__switch button {
  background: #FFFFFF;
  padding: 1rem;
  max-height: 3rem;
  position: relative;
  font-size: 1rem;
  border: 1px solid #EBEBEB;
  height: 3rem;
  align-items: center;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.productlist-top .toolbar .toolbar__switch button.active {
  background-color: #EBEBEB;
}
@media only screen and (max-width: 360px) {
  .productlist-top .toolbar .toolbar__switch button {
    padding: 1rem 0.5rem;
  }
}
.productlist-top .toolbar .toolbar__switch button:focus {
  outline: none !important;
}
.productlist-top .toolbar .toolbar__switch .btn__grid {
  display: flex;
  justify-content: space-between;
  grid-gap: 1rem;
}
@media only screen and (max-width: 360px) {
  .productlist-top .toolbar .toolbar__switch .btn__grid {
    grid-gap: 1rem 0.25rem;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .toolbar .toolbar__switch {
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .toolbar {
    padding: 1em;
  }
}
.productlist-top a#view-all {
  white-space: nowrap;
}
.productlist-top .product-list--list {
  padding: 2rem 0;
}
.productlist-top .product-list--list li.product {
  list-style: none;
}
.productlist-top .product-list--list .product__wrap {
  width: 100%;
  border-bottom: 1px solid #EBEBEB;
  padding: 2em 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.productlist-top .product-list--list .product__wrap .product__details {
  width: 50%;
}
.productlist-top .product-list--list .product__wrap .product__details a {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
  font-size: 1.728rem;
  font-weight: 400;
  line-height: 2.244rem;
  padding-bottom: 0.5rem;
}
.productlist-top .product-list--list .product__wrap .product__details a:hover {
  opacity: 0.75;
  text-decoration: none;
}
.productlist-top .product-list--list .product__wrap .product__details a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.productlist-top .product-list--list .product__wrap .product__details a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.productlist-top .product-list--list .product__wrap .product__details a:hover {
  opacity: 0.5;
}
.productlist-top .product-list--list .product__wrap .product__details .event__venue {
  padding-left: 1.5rem;
  padding-top: 1rem;
  position: relative;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.productlist-top .product-list--list .product__wrap .product__details .event__venue:before {
  content: "\f041";
  font-family: 'FontAwesome';
  font-size: 1rem;
  position: absolute;
  left: 0;
  color: #A67F42;
}
.productlist-top .product-list--list .product__wrap .product__details .event__date {
  padding-left: 1.5rem;
  position: relative;
  padding-top: 1rem;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.productlist-top .product-list--list .product__wrap .product__details .event__date:before {
  content: "\f073";
  font-family: 'FontAwesome';
  font-size: 1rem;
  position: absolute;
  left: 0;
  color: #A67F42;
}
.productlist-top .product-list--list .product__wrap .product__details .event__discount {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094rem !important;
  line-height: 1.4em !important;
  color: #A67F42 !important;
  padding-top: 1rem;
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--list .product__wrap .product__details .event__discount {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--list .product__wrap .product__details {
    width: 100%;
  }
}
.productlist-top .product-list--list .product__wrap .product__price {
  width: 30%;
  align-self: center;
}
.productlist-top .product-list--list .product__wrap .product__price .event__price {
  font-size: 1.728rem;
  font-weight: 400;
  line-height: 2.244rem;
  text-align: center;
}
.productlist-top .product-list--list .product__wrap .product__price .mobevent__discount {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094rem !important;
  line-height: 1.4em !important;
  color: #A67F42 !important;
  padding-top: 1rem;
  display: none;
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--list .product__wrap .product__price .mobevent__discount {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--list .product__wrap .product__price {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    grid-gap: 1em;
  }
}
.productlist-top .product-list--list .product__wrap .product__actions {
  width: 20%;
  align-self: center;
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--list .product__wrap .product__actions a {
    width: 100%;
    margin-top: 2em;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--list .product__wrap .product__actions {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--list .product__wrap {
    display: block;
  }
}
.productlist-top .product-list--grid {
  display: table;
  padding: 1em;
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.productlist-top .product-list--grid .product {
  padding: 1em 0.5rem;
  display: block;
  width: 33.33%;
  float: left;
}
.productlist-top .product-list--grid .product .product__wrap .product__img img {
  width: 100%;
  object-fit: cover;
}
.productlist-top .product-list--grid .product .product__wrap .product__details a {
  font-family: 'PT Serif';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  font-size: 1.44rem;
  padding-bottom: 0.5rem;
}
.productlist-top .product-list--grid .product .product__wrap .product__details a:hover {
  opacity: 0.5;
}
.productlist-top .product-list--grid .product .product__wrap .product__details .event__venue {
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  position: relative;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.productlist-top .product-list--grid .product .product__wrap .product__details .event__venue:before {
  content: "\f041";
  font-family: 'FontAwesome';
  font-size: 1rem;
  position: absolute;
  left: 0;
  color: #A67F42;
}
.productlist-top .product-list--grid .product .product__wrap .product__details .event__date {
  padding-left: 1.5rem;
  position: relative;
  padding-top: 0.5rem;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.productlist-top .product-list--grid .product .product__wrap .product__details .event__date:before {
  content: "\f073";
  font-family: 'FontAwesome';
  font-size: 1rem;
  position: absolute;
  left: 0;
  color: #A67F42;
}
.productlist-top .product-list--grid .product .product__wrap .product__details .event__discount {
  display: none;
}
.productlist-top .product-list--grid .product .product__wrap .product__price {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  grid-gap: 1em;
}
.productlist-top .product-list--grid .product .product__wrap .product__price .event__price {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.44rem !important;
  letter-spacing: 0.0094rem !important;
  line-height: 1.44rem !important;
  color: #0B0039 !important;
  text-align: center;
}
.productlist-top .product-list--grid .product .product__wrap .product__price .mobevent__discount {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094rem !important;
  line-height: 1.4em !important;
  color: #A67F42 !important;
  padding-top: 1rem;
  display: block;
}
.productlist-top .product-list--grid .product .product__wrap .product__actions {
  padding-bottom: 1em;
}
.productlist-top .product-list--grid .product .product__wrap .product__actions a {
  width: 100%;
  margin-top: 2em;
}
@media only screen and (max-width: 576px) {
  .productlist-top .product-list--grid .product {
    width: 50%;
  }
}
@media only screen and (max-width: 467px) {
  .productlist-top .product-list--grid .product {
    width: 100%;
    padding: 1em 0;
  }
}
@media only screen and (max-width: 467px) {
  .productlist-top .product-list--grid {
    padding: 1em 0;
  }
}
.productlist-top .btn-search input[type="submit"] {
  display: none;
}
.productlist-top .btn-search a {
  margin-top: 1.75rem;
  padding: 0.7rem 0.8rem;
  background: #00888D;
  color: #FFFFFF;
  display: block;
  width: 3rem;
  height: 3rem;
  text-decoration: none;
  border-radius: 3px;
}
.productlist-top .btn-search a:hover {
  opacity: 0.5;
  background: #00888D;
}
.productlist-top .btn-search a .btntext {
  display: none;
}
@media only screen and (max-width: 576px) {
  .productlist-top .btn-search a .btntext {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .btn-search a .searchicon {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top .btn-search a {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .productlist-top {
    padding: 2rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .productlist-top {
    padding: 2em 1em;
  }
}
.inline-add {
  display: none;
}
/*Cotainer for register page*/
.register-pg {
  /*A flex class to add to certain styles*/
  /*Setting the size of certain input feilds*/
}
.register-pg #txtDOB {
  width: 10rem;
}
@media only screen and (max-width: 768px) {
  .register-pg #txtDOB {
    width: 100%;
  }
}
.register-pg .hint:after {
  content: url("/UI/images/icons/circled_info.svg") !important;
  filter: unset;
}
.register-pg .d-flex {
  display: flex;
}
.register-pg .d-flex div:first-child {
  margin-right: 1em;
}
.register-pg .lblType p a {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
}
.register-pg .lblType p a:hover {
  opacity: 0.75;
  text-decoration: none;
}
.register-pg .lblType p a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.register-pg .lblType p a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.register-pg input[type=text],
.register-pg input[type=password],
.register-pg input[type=email],
.register-pg select {
  width: 100%;
}
.register-pg .row-div {
  width: 50%;
}
.register-pg .row-div .field-div.message {
  display: flex;
  flex-direction: column;
}
.register-pg .row-div .label-div {
  margin-left: 0em;
}
@media only screen and (max-width: 1024px) {
  .register-pg .row-div {
    width: 100%;
  }
}
.register-pg .nav-buttons {
  display: flex;
  gap: 2em;
}
@media only screen and (max-width: 576px) {
  .register-pg .nav-buttons {
    flex-direction: column;
  }
}
@media only screen and (max-width: 576px) {
  .register-pg .nav-buttons .btn {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .register-pg .phoneNumberGroup {
    flex-direction: column !important;
  }
}
.register-pg .phoneNumberGroup .Group1 {
  width: 50%;
  display: flex;
}
.register-pg .phoneNumberGroup .Group1 input {
  max-width: 100% !important;
  width: 50% !important;
}
@media only screen and (max-width: 576px) {
  .register-pg .phoneNumberGroup .Group1 {
    width: 100%;
    margin-bottom: 1em;
  }
}
.register-pg .phoneNumberGroup .Group2 {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  .register-pg .phoneNumberGroup .Group2 {
    width: 100%;
  }
}
.register-pg .phoneNumberGroup .Group2 input {
  width: 100% !important;
  max-width: 100% !important;
}
@media only screen and (max-width: 576px) {
  .register-pg .phoneNumberGroup .Group2 input {
    width: 100%;
  }
}
.register-pg .visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.law-directory-login {
  padding: 1em;
  max-width: 43.75em;
  margin: 2.188em auto;
}
@media only screen and (max-width: 576px) {
  .law-directory-login {
    padding: 1em 1em;
  }
}
.law-directory-login h1 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.488rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 3.5rem !important;
  color: #0B0039 !important;
  border-bottom: 1px solid #EBEBEB;
}
@media only screen and (max-width: 768px) {
  .law-directory-login h1 {
    margin-bottom: 1rem;
  }
}
.law-directory-login .intro-text a {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #8D5C12 !important;
  text-decoration: underline;
}
.law-directory-login .intro-text a:hover {
  opacity: 0.5;
}
.law-directory-login .intro-text h3 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 2.438rem !important;
  color: #0B0039 !important;
}
.law-directory-login p {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0F014DBD !important;
  padding-bottom: 1em;
  margin: 0;
}
.law-directory-login .law-directory-login__input-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
  gap: 0.5em;
}
.law-directory-login .law-directory-login__checkbox {
  margin-bottom: 2em;
}
.law-directory-login .m-error {
  display: flex;
  border-top: 0.25em solid #E60000;
  background: #FFE6E6;
  color: #0F014DBD;
  padding: 1em;
  margin-bottom: 3em;
}
.law-directory-login .m-error::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  vertical-align: sub;
  margin-right: 1em;
  padding-top: 0.375em;
}
.law-directory-login .m-error span {
  word-break: break-word;
}
.law-directory-login .m-error span a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  text-decoration: underline;
}
.law-directory-login .user {
  width: 65%;
}
@media only screen and (max-width: 576px) {
  .law-directory-login .user {
    padding: 2em 0 0 0;
    width: 100%;
  }
}
.law-directory-login .user .existing-user p {
  padding-bottom: 2em;
  margin: 0;
}
.law-directory-login .user .existing-user .textlink {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #8D5C12 !important;
  text-decoration: underline;
}
.law-directory-login .user .existing-user .textlink:hover {
  opacity: 0.5;
}
.law-directory-login .btn-alt {
  width: 7.5em;
}
@media only screen and (max-width: 576px) {
  .law-directory-login .btn-alt {
    width: 100%;
  }
}
#AddressPreferences .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2em;
  align-items: center;
}
#AddressPreferences .flex-1row-2col .modal-buttons {
  flex-direction: column;
}
#AddressPreferences .flex-1row-2col label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
  font-style: normal;
}
#AddressPreferences .flex-1row-2col .flex-col1 span {
  font-weight: 700;
}
@media only screen and (max-width: 576px) {
  #AddressPreferences .flex-1row-2col .flex-col1 {
    width: 100%;
  }
}
#AddressPreferences .flex-1row-2col .div-margin {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
@media only screen and (max-width: 467px) {
  #AddressPreferences .flex-1row-2col input {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #AddressPreferences .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 1rem;
  }
}
#AddressPreferences .row-div {
  display: flex;
  flex-direction: row;
  grid-gap: 1em;
  margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
  #AddressPreferences .row-div {
    flex-direction: column;
  }
}
.addressPrefencesPg {
  /*Section divider*/
}
.addressPrefencesPg .TitleHeader {
  margin-bottom: 1em;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
.addressPrefencesPg .label-div,
.addressPrefencesPg select,
.addressPrefencesPg .col-12 {
  margin-left: 0;
  padding-left: 0;
}
.addressPrefencesPg input[type=text] {
  margin-left: 0;
}
.addressPrefencesPg .col-12 {
  padding-right: 0;
}
.addressPrefencesPg select {
  background-position: calc(96%) center !important;
}
.addressPrefencesPg input[type=text],
.addressPrefencesPg select {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  .addressPrefencesPg input[type=text],
  .addressPrefencesPg select {
    width: 100% !important;
  }
}
.addressPrefencesPg .row-div {
  line-height: 1em;
}
.addressPrefencesPg .section {
  padding-bottom: 2em !important;
  border-bottom: 1px solid #EBEBEB;
}
.addressPrefencesPg .text-content {
  font-weight: normal;
  color: #0F014DBD;
}
.addressPrefencesPg .mr-2 {
  margin-right: 2em;
}
@media only screen and (max-width: 576px) {
  .addressPrefencesPg .btn.btn-secondary {
    width: 100%;
  }
}
#AddressPreferences input[type=text],
#AddressPreferences select {
  width: 328px;
}
@media only screen and (max-width: 576px) {
  #AddressPreferences input[type=text],
  #AddressPreferences select {
    width: 100% !important;
  }
}
.table-div .flex-box {
  display: flex;
  padding-bottom: 2em;
}
.table-div .flex-box:nth-child(2) {
  align-items: center;
}
.table-div .flex-box .submit {
  padding-top: 1.85rem;
}
@media only screen and (max-width: 576px) {
  .table-div .flex-box .submit {
    padding: 0;
  }
}
.table-div .flex-box .btn-secondary:hover {
  opacity: unset;
}
@media only screen and (max-width: 576px) {
  .table-div .flex-box .btn-secondary,
  .table-div .flex-box .btn-primary {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .table-div .flex-box {
    display: block;
  }
}
.table-div .email-text {
  display: grid;
  grid-gap: 0.5rem;
  padding-right: 2em;
}
.table-div .email-text span {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.table-div .email-text p {
  font-family: 'Archivo';
  font-weight: 400;
  color: #838383;
  font-style: normal;
  line-height: 1.4em;
  margin: 0;
}
.table-div .email-text.disabled span {
  color: #838383;
}
.table-div .email-text .error {
  display: flex;
  background: none;
  grid-gap: 0.5rem;
  font-family: 'Archivo';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
.table-div .email-text .error img {
  width: unset;
}
.table-div .email-text.subscription-input {
  width: 49%;
}
@media only screen and (max-width: 576px) {
  .table-div .email-text.subscription-input {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .table-div .email-text {
    padding: 0;
  }
}
.table-div .subgrid {
  display: grid;
  flex-direction: column;
  grid-gap: 2em;
}
.table-div .subgrid h4 {
  margin: 0;
  padding-top: 2rem;
  border-top: 1px solid #EBEBEB;
  margin-bottom: 2rem;
}
#ChangeMediatorForm {
  display: flex;
  flex-direction: column;
  grid-gap: 2em;
}
#ChangeMediatorForm .validation--error {
  margin-top: 0 !important;
}
#ChangeMediatorForm .flex {
  gap: 1em;
  align-items: center;
}
#ChangeMediatorForm .input-width {
  width: 62%;
}
@media only screen and (max-width: 768px) {
  #ChangeMediatorForm .input-width {
    width: 100%;
  }
}
#ChangeMediatorForm .address-width {
  width: 62%;
}
@media only screen and (max-width: 768px) {
  #ChangeMediatorForm .address-width {
    width: 100%;
  }
}
#ChangeMediatorForm .checkbox-align {
  display: flex;
  align-items: center;
}
#ChangeMediatorForm .btn-flex {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  #ChangeMediatorForm .btn-flex {
    flex-direction: column;
  }
}
#ChangeMediatorForm .mediator__info--phone {
  display: flex;
  gap: 0.5em;
}
@media only screen and (max-width: 467px) {
  #ChangeMediatorForm .mediator__info--phone {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
}
#ChangeMediatorForm .mediator__info--phone .phone-prefix {
  flex: 0 0 30%;
  width: 30%;
}
#ChangeMediatorForm .mediator__info--phone .phone-prefix.ellipsis-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 810px) {
  #ChangeMediatorForm .mediator__info--phone .phone-prefix {
    flex: 0 0 28%;
  }
}
@media only screen and (max-width: 467px) {
  #ChangeMediatorForm .mediator__info--phone .phone-prefix {
    order: 1;
    flex: 0 0 48%;
  }
}
#ChangeMediatorForm .mediator__info--phone .phone-areacode {
  flex: 0 0 10%;
  width: 10%;
}
@media only screen and (max-width: 810px) {
  #ChangeMediatorForm .mediator__info--phone .phone-areacode {
    flex: 0 0 10%;
  }
}
@media only screen and (max-width: 467px) {
  #ChangeMediatorForm .mediator__info--phone .phone-areacode {
    order: 1;
    flex: 0 0 48%;
  }
}
#ChangeMediatorForm .mediator__info--phone .phone-number {
  flex: 0 0 20%;
  width: 30%;
}
@media only screen and (max-width: 810px) {
  #ChangeMediatorForm .mediator__info--phone .phone-number {
    flex: 0 0 30%;
  }
}
@media only screen and (max-width: 768px) {
  #ChangeMediatorForm .mediator__info--phone .phone-number {
    flex: 0 0 60%;
  }
}
@media only screen and (max-width: 467px) {
  #ChangeMediatorForm .mediator__info--phone .phone-number {
    order: 3;
    flex: 0 0 100%;
  }
}
#ChangeMediatorForm .green-alert-box {
  margin-bottom: 0 !important;
}
#ChangeMediatorForm .textlink--inline {
  margin-left: 0.5em;
}
#ChangeMediatorForm .mediator__info--section {
  display: flex;
  flex-direction: column;
}
#ChangeMediatorForm .speciality-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 810px) {
  #ChangeMediatorForm .speciality-container {
    grid-template-columns: 1fr;
  }
}
.ProductDetailsPg {
  width: 100%;
  /*Styling for top notice bar when you firt land on register page.*/
}
.ProductDetailsPg .summary {
  padding: 2em;
  background: #FFFFFF;
  border: 1px solid #DDCBA4;
  border-radius: 5px;
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.15);
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 4em;
}
.ProductDetailsPg .summary .datarow {
  display: flex;
  grid-gap: 2em;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 768px) {
  .ProductDetailsPg .summary .datarow {
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
}
.ProductDetailsPg .summary .datarow:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.ProductDetailsPg .summary .datarow .item1 {
  width: 15%;
  color: #0B0039;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .ProductDetailsPg .summary .datarow .item1 {
    width: 100%;
  }
}
.ProductDetailsPg .summary .datarow .item2 {
  width: 85%;
  color: #0F014DBD;
}
@media only screen and (max-width: 768px) {
  .ProductDetailsPg .summary .datarow .item2 {
    width: 100%;
  }
}
.ProductDetailsPg .line {
  width: 100%;
  margin-bottom: 4em;
  margin-top: 2em;
  border-bottom: 1px solid #EBEBEB;
}
.ProductDetailsPg .radio-group span {
  margin-bottom: 1em;
  padding-left: 0.5em;
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
@media only screen and (max-width: 768px) {
  .ProductDetailsPg .radio-group .productdetails-radiobuttons-flex-container {
    flex-direction: column;
  }
}
.ProductDetailsPg .radio-group .productdetails-radiobuttons-flex-container table tbody tr {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.ProductDetailsPg .radio-group .productdetails-radiobuttons-flex-container table tbody tr td {
  display: flex;
  gap: 14px;
}
.ProductDetailsPg .radio-group .productdetails-radiobuttons-flex-container input[type="radio"] {
  padding: 9px;
}
.ProductDetailsPg .radio-group .productdetails-radiobuttons-flex-container .btn-container {
  display: flex;
}
.ProductDetailsPg .radio-group .productdetails-radiobuttons-flex-container .btn-container .btn {
  margin-top: auto;
  margin-bottom: auto;
}
@media only screen and (max-width: 768px) {
  .ProductDetailsPg .radio-group .productdetails-radiobuttons-flex-container .btn-container .btn {
    width: 100%;
    margin-left: 0 !important;
  }
}
.ProductDetailsPg .page-success {
  display: flex;
  font-weight: 400;
  border: none;
  border-top: 0.25em solid #00AB47;
  background: #DEFFEC;
  box-shadow: none;
  color: #0F014DBD;
  padding: 1em;
  margin: 4em 0 4em;
  border-radius: 0;
}
.ProductDetailsPg .page-success::before {
  content: url("/UI/images/icons/circled-success-green.svg");
  vertical-align: sub;
  margin-right: 1em;
}
#productDetails .productdetails-radiobuttons-flex-container {
  flex-direction: column;
  grid-gap: 2EM;
}
#productDetails .show-modal {
  display: block !important;
}
#productDetails .flex-col-2 {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
  grid-gap: 2em;
}
#productDetails .flex-col-2 .btn {
  width: 100%;
}
#productDetails .item1 {
  width: 25%;
  color: #0B0039;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #productDetails .item1 {
    width: 100%;
  }
}
#productDetails .item2 {
  width: 75%;
  color: #0F014DBD;
}
@media only screen and (max-width: 768px) {
  #productDetails .item2 {
    width: 100%;
  }
}
.dvproductadd-style {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -50%);
}
.fancybox-skin {
  box-shadow: none;
}
.fancybox-outer {
  overflow: auto;
}
.modal-h3 {
  text-align: center;
  color: #5a91d7;
}
.profile-section__button.profile-section__button--secondary.profile-section__cancel-button.js-cancel-button {
  border: none;
  background: none;
  text-decoration: underline;
  color: #8D5C12;
}
input#Content_Content_MainContent_Profile__c_btnChangeEmployerSectionbtn {
  color: #FFFFFF;
}
.profile-section--edit .profile-section__editable {
  display: flex;
  flex-flow: column;
}
.profile-section--edit .profile-section__editable select#Content_Content_MainContent_Profile__c_ddlTitle {
  width: auto;
}
.profile-section--edit .profile-section__editable.phone-input {
  display: -webkit-inline-box;
  height: auto;
  width: auto;
}
@media only screen and (max-width: 576px) {
  .profile-section--edit .profile-section__editable.phone-input .area-code {
    max-width: 54px !important;
  }
  .profile-section--edit .profile-section__editable.phone-input .phone-number {
    max-width: 30% !important;
  }
}
.profile-section--edit .profile-section__editable.phone-input select#Content_Content_MainContent_Profile__c_ddlCountrytHomePhone,
.profile-section--edit .profile-section__editable.phone-input select#Content_Content_MainContent_Profile__c_ddlHomeMobile,
.profile-section--edit .profile-section__editable.phone-input select#Content_Content_MainContent_Profile__c_ddlCountryEmp {
  font-size: 1rem !important;
  margin-right: 1em;
  width: 10em;
}
.profile-section--edit .profile-section__editable.phone-input input#Content_Content_MainContent_Profile__c_txtHomePhoneAreaCode {
  margin-right: 1em;
}
.profile-section--edit .profile-section__editable.phone-input input#Content_Content_MainContent_Profile__c_txtHomePhoneAreaCode {
  margin-right: 1em;
}
.profile-section--edit .profile-section__editable.phone-input input#Content_Content_MainContent_Profile__c_txtEmpPhoneNoAreaCode {
  margin-right: 1em;
}
.profile-section--edit .profile-section__editable input#Content_Content_MainContent_Profile__c_btnChangePassword,
.profile-section--edit .profile-section__editable input#Content_Content_MainContent_Profile__c_btnChangeEmail {
  width: fit-content;
  margin-top: 3em;
}
.profile-section--edit .profile-section__editable .profile-section__field-name.col-2 {
  width: -webkit-fill-available;
  width: -moz-available;
}
.profile-section--edit .profile-section__editable .profile-section__field-name.col-3 {
  width: -webkit-fill-available;
  width: -moz-available;
}
.profile-section--edit .profile-section__editable.table .profile-section__field-name input[type=text]:hover {
  box-shadow: none;
}
.mediatorsearch {
  /* Truncate the selected option text */
  /* The dropdown options leave not truncated */
}
.mediatorsearch .search-filters {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
}
.mediatorsearch .search-filters .item {
  display: grid;
  grid-gap: 0.5em 0;
}
.mediatorsearch .search-filters .item label {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
@media only screen and (max-width: 576px) {
  .mediatorsearch .search-filters {
    grid-template-columns: 1fr;
  }
}
.mediatorsearch .pg-success {
  display: flex;
  align-items: center;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  background: #DEFFEC;
  border-top: 3px solid #00AB47;
  padding: 1em;
}
.mediatorsearch .pg-success:before {
  color: #00AB47;
  content: url("/UI/images/icons/circled-success-green.svg");
  font-weight: 700;
  padding-right: 1em;
  padding-top: 0.25em;
}
.mediatorsearch .pg-error {
  display: flex;
  align-items: center;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  background: #FFE6E6;
  border-top: 3px solid #E60000;
  padding: 1em;
}
.mediatorsearch .pg-error:before {
  color: #E60000;
  content: url("/UI/images/icons/circled-error-red.svg");
  font-weight: 700;
  padding-right: 1em;
  padding-top: 0.25em;
}
@media only screen and (max-width: 768px) {
  .mediatorsearch #search-results .k-pager-wrap {
    padding-left: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .mediatorsearch .mediator-paging .view-all {
    float: unset;
    background: unset;
    margin: unset;
    text-align: center;
  }
}
.mediatorsearch #Qualifications {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mediatorsearch #Qualifications option {
  white-space: normal;
}
table.fpc_listing i.fa.fa-chevron-up {
  color: #0B0039;
}
table.fpc_listing thead {
  background: #EBEBEB;
}
table.fpc_listing thead tr th {
  padding: 1em 0em 1em 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.2em !important;
  color: #1E1A34 !important;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  table.fpc_listing thead tr th {
    padding: 0.5em 0em 0.5em 0.5em;
  }
}
@media only screen and (max-width: 810px) {
  table.fpc_listing thead tr th {
    padding: 1em 0em 1em 1em;
  }
}
table.fpc_listing tbody {
  border: none !important;
}
table.fpc_listing tbody tr {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
table.fpc_listing tbody tr td {
  border-bottom: #FFFFFF 1px solid;
  background: #FFFFFF !important;
  padding: 1em 1em 1em 1em !important;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025 !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  border-top: #EBEBEB 1px solid !important;
}
@media only screen and (max-width: 992px) {
  table.fpc_listing tbody tr td {
    padding: 0.5em 0em 0.5em 0.5em !important;
  }
}
@media only screen and (max-width: 810px) {
  table.fpc_listing tbody tr td {
    padding: 1em 0em 1em 1em !important;
  }
}
.firmadmin-pc {
  padding: 0em 0em 0em 2em;
  width: 100%;
  /*This sets the height of container equal to height of viewport display minus height of the footer, this keep the footer at the bottom*/
  /*This page has a table with empty data it creates a blank space, as this page has only one class container in the code, is safe to use it here, but not on other pages */
}
.firmadmin-pc table.fpc_listing {
  width: 100%;
}
.firmadmin-pc .t-info-container {
  width: 100%;
}
.firmadmin-pc .fpc-head h1 {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.firmadmin-pc .control-label {
  padding-bottom: 2em;
}
.firmadmin-pc .control-label a {
  text-decoration: underline;
  color: #8D5C12;
}
.firmadmin-pc .notification-box {
  display: flex;
  font-weight: 400;
  border: none;
  border-top: 0.25em solid #00AB47;
  background: #DEFFEC;
  box-shadow: none;
  color: #0F014DBD;
  padding: 1em;
  margin-bottom: 2em;
  border-radius: 0;
}
.firmadmin-pc .notification-box::before {
  content: url("/UI/images/icons/circled-success-green.svg");
  vertical-align: sub;
  margin-right: 1em;
  padding-top: 0.375em;
}
.firmadmin-pc .notification-box a {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: underline;
}
.firmadmin-pc .notification-box .remove-border p {
  margin: 0;
}
.firmadmin-pc .div-grey-background {
  display: flex;
  justify-content: flex-end;
  margin-top: 4em;
  height: unset;
}
.firmadmin-pc .div-grey-background .search-bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 1em;
}
.firmadmin-pc .div-grey-background .search-bx #btnLoadSearchFilters {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
  text-decoration: underline;
  text-transform: none;
  padding: 0;
  width: max-content;
  margin-left: 1em;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc .div-grey-background .search-bx #btnLoadSearchFilters {
    margin-left: 0;
  }
}
.firmadmin-pc .div-grey-background .search-bx .has-search input[type=text] {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc .div-grey-background .search-bx .has-search {
    width: 100%;
  }
}
.firmadmin-pc .div-grey-background .search-bx .has-search .input-wrapper {
  float: right;
  display: flex;
  align-items: center;
}
.firmadmin-pc .div-grey-background .search-bx .has-search .inputText {
  border: none;
  background: none !important;
  color: #0F014DBD;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
  font-size: 1rem;
  font-family: 'Archivo';
}
.firmadmin-pc .div-grey-background .search-bx .has-search .inputText::placeholder {
  color: #B5B5B5;
}
.firmadmin-pc .div-grey-background .search-bx .has-search .inputText:hover {
  border-color: #FFFFFF;
  box-shadow: none;
}
.firmadmin-pc .div-grey-background .search-bx .has-search .btnsearchicon {
  padding-top: 0.5em;
  padding-left: 0.5em;
  color: #0B0039;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc .div-grey-background .search-bx {
    flex-direction: column-reverse;
    width: 100%;
    grid-gap: 1em;
    align-items: flex-start;
    margin-top: 1em;
  }
}
.firmadmin-pc .div-grey-background .search-input {
  background: url("/UI/images/icons/navigation_search.svg") #FFFFFF no-repeat;
  background-position: calc(100% - 16px) center;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc .div-grey-background {
    flex-direction: column;
    align-items: flex-start;
  }
}
.firmadmin-pc .ddl-select {
  width: 20.5rem;
}
.firmadmin-pc div#topPagerTextbox {
  min-height: 5em;
  text-align: right;
  background: #EBEBEB;
  padding: 0em 1em;
  margin-top: 4em;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc div#topPagerTextbox {
    padding: 1em;
  }
}
.firmadmin-pc .flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  grid-gap: 1em;
  padding: 0 1em;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc .flex-container {
    flex-direction: column;
    grid-gap: 1em;
  }
}
.firmadmin-pc .flex-container:first-child {
  padding-bottom: 2em;
}
.firmadmin-pc .btnSearchStyle {
  background: #00888D;
  border-radius: 3px;
  text-decoration: none;
  color: #FFFFFF;
  height: 4em;
  margin-top: 4px;
  width: 4em;
  border: none;
}
.firmadmin-pc .topPageFlex input[type="text"] {
  padding: 0;
  width: 3.125rem;
}
.firmadmin-pc .eftlink {
  display: block;
  min-height: unset;
}
.firmadmin-pc .bottompager {
  background-color: #FAFAFA;
  padding: 1em;
}
.firmadmin-pc .bottomgeneft {
  background-color: #EBEBEB;
  padding: 2em;
}
.firmadmin-pc .grid-1colbottom-container {
  display: grid;
  justify-content: flex-end;
}
.firmadmin-pc .container {
  min-height: calc(100vh - 308px);
}
.firmadmin-pc div#dvform1annexe {
  position: relative;
  left: 25%;
  top: 0%;
  width: 50%;
}
@media only screen and (max-width: 576px) {
  .firmadmin-pc div#dvform1annexe {
    left: 0;
    width: 90%;
    margin: 2em;
  }
}
@media only screen and (max-width: 390px) {
  .firmadmin-pc div#dvform1annexe {
    left: -7px;
    width: unset;
    margin: 0;
  }
}
.firmadmin-pc a.aspNetDisabled.DataPager_Link {
  color: #838383;
}
.firmadmin-pc span#Content_Content_MainContent_OfflinePCView_DataPager1 a,
.firmadmin-pc span#Content_Content_MainContent_DataPager2 a {
  padding: 0em 0.5rem;
}
.firmadmin-pc span#Content_Content_MainContent_OfflinePCView_DataPager1 a:first-child,
.firmadmin-pc span#Content_Content_MainContent_DataPager2 a:first-child {
  padding-left: 1rem;
}
.firmadmin-pc span#Content_Content_MainContent_OfflinePCView_DataPager1 a:last-child,
.firmadmin-pc span#Content_Content_MainContent_DataPager2 a:last-child {
  padding-right: 0.5em;
}
@media only screen and (max-width: 576px) {
  .firmadmin-pc span#Content_Content_MainContent_OfflinePCView_DataPager1 a,
  .firmadmin-pc span#Content_Content_MainContent_DataPager2 a {
    padding: 0 0.5em;
    vertical-align: bottom;
  }
}
.firmadmin-pc .top-container-flex {
  display: flex;
  flex-wrap: wrap;
  min-height: 4.75em !important;
  width: 100%;
  align-items: center;
}
.firmadmin-pc .top-container-flex .top-container-flex-01 {
  width: 55%;
}
@media only screen and (max-width: 576px) {
  .firmadmin-pc .top-container-flex .top-container-flex-01 {
    width: 100%;
  }
}
.firmadmin-pc .top-container-flex .top-container-flex-01 .topPageButtons {
  display: flex;
  justify-content: flex-start;
}
.firmadmin-pc .top-container-flex .top-container-flex-01 .topPageButtons .btn-secondary-gold {
  margin-bottom: 0px !important;
}
.firmadmin-pc .top-container-flex .top-container-flex-02 {
  width: 45%;
}
@media only screen and (max-width: 576px) {
  .firmadmin-pc .top-container-flex .top-container-flex-02 {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .firmadmin-pc .top-container-flex {
    flex-direction: column-reverse;
    gap: 2em;
  }
}
.firmadmin-pc .top-container-flex .top-container-flex-02 .topPageFlex,
.firmadmin-pc .bottomPageFlex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc .top-container-flex .top-container-flex-02 .topPageFlex .grid-3col-container-col2,
  .firmadmin-pc .bottomPageFlex .grid-3col-container-col2 {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .firmadmin-pc .top-container-flex .top-container-flex-02 .topPageFlex .grid-3col-container-col2,
  .firmadmin-pc .bottomPageFlex .grid-3col-container-col2 {
    align-self: baseline;
  }
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc .top-container-flex .top-container-flex-02 .topPageFlex .grid-3col-container-col3,
  .firmadmin-pc .bottomPageFlex .grid-3col-container-col3 {
    padding: 0;
  }
}
.firmadmin-pc .table-container {
  padding: 0 0 0.5rem 0;
}
.firmadmin-pc .d-flex {
  display: flex;
  gap: 0.25em;
}
@media only screen and (max-width: 768px) {
  .firmadmin-pc {
    padding: 2em;
  }
}
@media only screen and (max-width: 576px) {
  .firmadmin-pc {
    padding: 1em;
  }
}
.firmadmin-pc #noSolicitorsMessage {
  padding: 1em;
}
.firmadmin-pc .hidden {
  display: none;
}
.firmadmin-pc .font--weight__bold {
  font-weight: 700 !important;
}
.firmadmin-pc .heading-font {
  font-size: 1.5rem !important;
}
.firmadmin-pc #divSearchFilters {
  background: #FAFAFA;
}
.firmadmin-pc #divSearchFilters span {
  padding-bottom: 0.25em;
}
.firmadmin-pc #divSearchFilters .page-subheading-blue {
  line-height: 1.5em !important;
}
.firmadmin-pc #divSearchFilters select {
  width: 100% !important;
}
.firmadmin-pc .flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 33%;
  width: 100%;
  padding: 0px;
}
.firmadmin-pc .flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 33%;
  width: 100%;
  padding: 0px;
}
.firmadmin-pc .flex-items:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 33%;
  width: 100%;
  padding: 0px;
}
.firmadmin-pc .grid-2col-container {
  grid-template-columns: 73% 27%;
}
.firmadmin-pc .grid-2col-container-col2 {
  margin-right: 1em;
}
.firmadmin-pc input#TxtSearchKeyword {
  height: 3.125rem;
  padding-top: 0.625rem !important;
}
.firmadmin-pc .page-subheading-blue {
  font-size: 1rem !important;
}
.firmadmin-pc .table input[type=text] {
  width: 70% !important;
}
.firmadmin-pc .checkbox-visible td {
  background: #f8d7da !important;
}
.firmadmin-pc .btn-white {
  border: 1px solid #397bcf !important;
  text-decoration: none !important;
  padding: 0.625rem 0.75rem;
}
.firmadmin-pc a:hover.btn {
  box-shadow: none !important;
}
.firmadmin-pc button {
  border: none;
  background: none;
}
.firmadmin-pc tr:hover {
  border: none !important;
}
.firmadmin-pc .fa.fa-search.form-control-feedback {
  text-align: right;
  width: 95%;
  float: right;
  position: absolute;
  left: 0;
}
.firmadmin-pc #topPager {
  font-size: 1rem;
  font-weight: 700;
}
.firmadmin-pc #topPager span {
  vertical-align: top;
  cursor: pointer;
}
.firmadmin-pc #topPager div#paginationControls {
  display: flex;
}
@media only screen and (max-width: 467px) {
  .firmadmin-media iframe {
    width: 21.875em !important;
  }
}
@media only screen and (max-width: 360px) {
  .firmadmin-media iframe {
    width: 18.125em !important;
  }
}
#bottomPager {
  font-weight: 700;
}
#bottomPager span {
  cursor: pointer;
  vertical-align: top;
  color: #0B0039;
}
.eft-modal .fancybox-skin {
  background-color: #FFFFFF !important;
}
.eft-modal .fancybox-skin .modal-h2 {
  display: flex;
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0 bottom;
  background-size: 4rem 0.1875em;
  margin-bottom: 1em;
}
.eft-modal .fancybox-skin .modal-h2 .CloseEFTDetailsBtn {
  background: url("/UI/images/icons/circled_cancel.svg");
  background-repeat: no-repeat;
  border: none;
  height: 1.5em;
  width: 1.5em;
  padding-bottom: 1em;
  display: block;
  margin-left: auto;
}
.eft-modal .fancybox-skin hr {
  border: 1px solid #EBEBEB;
  margin: 2em 0;
}
.eft-modal .fancybox-skin .modal-grid tr {
  background: none;
  border: none;
}
.eft-modal .fancybox-skin .modal-grid tr th {
  padding: 0;
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.eft-modal .fancybox-skin .modal-grid tr td {
  border: none !important;
}
.eft-modal .fancybox-skin .modal-buttons-eft {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  grid-gap: 1rem;
}
.eft-modal .fancybox-skin .modal-buttons-eft input[type="submit"],
.eft-modal .fancybox-skin .modal-buttons-eft input[type="button"] {
  width: 6.25em;
}
@media only screen and (max-width: 768px) {
  .eft-modal .fancybox-skin .modal-buttons-eft {
    flex-flow: wrap-reverse;
  }
  .eft-modal .fancybox-skin .modal-buttons-eft input[type="submit"],
  .eft-modal .fancybox-skin .modal-buttons-eft input[type="button"] {
    width: 100%;
  }
}
@media only screen and (max-width: 390px) {
  .eft-modal .fancybox-skin {
    width: 18.75rem;
    left: 6%;
  }
}
.querydetail .flex-box {
  display: flex;
  justify-content: space-between;
  margin-top: 4em;
  margin-bottom: 4em;
}
.querydetail .flex-box h2 {
  margin: 0;
}
@media only screen and (max-width: 576px) {
  .querydetail .flex-box {
    flex-direction: column;
    justify-content: unset;
    grid-gap: 2em;
  }
}
.querydetail .padding-top-32 {
  padding-top: 2em;
}
.querydetail .blue-header {
  padding-bottom: 0.5rem;
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.querydetail .header-text {
  font-family: 'Archivo';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0F014DBD;
}
.querydetail .profile-darker {
  overflow: hidden;
  background: none;
  padding: 2em;
  border: 1px solid #EBEBEB;
}
.querydetail .profile-darker .header-info {
  display: flex;
  border-bottom: 1px solid #EBEBEB;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  .querydetail .profile-darker .header-info {
    flex-direction: column;
    gap: 2rem;
  }
}
.querydetail .profile-darker .fancybox-wrap {
  padding: 1em !important;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin {
  background: #FFFFFF !important;
  padding: 1em !important;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner {
  overflow: unset !important;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin {
  padding: 0 !important;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .error {
  font-family: 'Archivo';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .comment p {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  margin-bottom: 1rem;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .btn-secondary,
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .btn-primary {
  width: 100%;
  margin-top: 2em;
}
@media only screen and (max-width: 576px) {
  .querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .btn-secondary,
  .querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .btn-primary {
    margin: 0;
  }
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .help-box {
  background: #FFFFFF;
  color: #0B0039;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .help-box p {
  margin: 0;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .help-box .helpbtn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  cursor: pointer;
  margin-bottom: 1em;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .help-box .helpbtn span i {
  vertical-align: middle;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .help-box .showhelp {
  display: none;
  margin-bottom: 1em;
}
.querydetail .profile-darker .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner .fancybox-skin .submit-dialog {
  display: flex;
  grid-gap: 1em;
}
.querydetail .profile-darker .fancybox-wrap .choosefile {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  margin-top: 1em;
}
.querydetail .profile-darker .fancybox-wrap .choosefile p {
  margin: 0;
}
.querydetail .profile-darker .fancybox-wrap .choosefile .filecontrl {
  display: flex;
  justify-content: space-between;
}
.querydetail .profile-darker .fancybox-wrap .choosefile .filecontrl a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.querydetail .profile-darker .fancybox-wrap .choosefile .filecontrl a::after {
  content: url("/UI/images/icons/actions_fileupload.svg");
  padding-left: 0.8125em;
  vertical-align: sub;
}
.querydetail .profile-darker .fancybox-wrap .choosefile .filecontrl p {
  margin: 0 0 1em 0;
}
@media only screen and (max-width: 467px) {
  .querydetail .profile-darker .fancybox-wrap .choosefile .filecontrl {
    display: grid;
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 390px) {
  .querydetail .profile-darker .fancybox-wrap {
    left: 1rem !important;
    right: 1rem;
    padding: 0em !important;
  }
}
.querydetail .profile-darker .detail-info .conversationBubble {
  background-color: #007377;
  text-align: left;
  border: 1px solid;
  border-radius: 24px;
  padding: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8rem !important;
  color: #FFFFFF !important;
  margin-left: 10em;
  position: relative;
}
.querydetail .profile-darker .detail-info .conversationBubble a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #FFFFFF;
  font-style: normal;
  line-height: 1.4em;
}
.querydetail .profile-darker .detail-info .conversationBubble:after {
  content: '';
  position: absolute;
  width: 10%;
  height: 32%;
  bottom: -16%;
  border-radius: 50%;
  right: -6%;
  webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  box-shadow: 0vmin 0, 2vmin -0.5vmin #077, 0.5vmin -0.5vmin 0 -0.5vmin;
  clip-path: polygon(18% 50%, 152% 40%, 150% 100%, 0% 61%);
}
@media only screen and (max-width: 768px) {
  .querydetail .profile-darker .detail-info .conversationBubble:after {
    width: 15%;
    height: 42%;
    right: -9%;
    bottom: -22%;
  }
}
@media only screen and (max-width: 576px) {
  .querydetail .profile-darker .detail-info .conversationBubble:after {
    width: 32%;
    height: 29%;
    right: -23%;
    bottom: -16%;
  }
}
@media only screen and (max-width: 576px) {
  .querydetail .profile-darker .detail-info .conversationBubble {
    margin-left: 0;
  }
}
.querydetail .profile-darker .detail-info .conversationBubble-alt {
  background-color: #A3C7D2;
  text-align: left;
  border-radius: 24px;
  padding: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8rem !important;
  color: #1E1A34 !important;
  margin-right: 7em;
  position: relative;
}
.querydetail .profile-darker .detail-info .conversationBubble-alt a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #1E1A34;
  font-style: normal;
  line-height: 1.4em;
}
.querydetail .profile-darker .detail-info .conversationBubble-alt:after {
  content: '';
  position: absolute;
  width: 10%;
  height: 32%;
  bottom: -16%;
  border-radius: 50%;
  left: -6%;
  /* border: 1px solid; */
  box-shadow: 0vmin 0, 2vmin -0.5vmin #acd, 0.5vmin -0.5vmin 0 -0.5vmin;
  clip-path: polygon(18% 50%, 152% 40%, 150% 100%, 0% 61%);
}
@media only screen and (max-width: 768px) {
  .querydetail .profile-darker .detail-info .conversationBubble-alt:after {
    width: 15%;
    height: 34%;
    left: -9%;
    bottom: -19%;
  }
}
@media only screen and (max-width: 576px) {
  .querydetail .profile-darker .detail-info .conversationBubble-alt:after {
    width: 32%;
    height: 29%;
    left: -23%;
    bottom: -16%;
  }
}
@media only screen and (max-width: 576px) {
  .querydetail .profile-darker .detail-info .conversationBubble-alt {
    margin-right: 0;
  }
}
.querydetail .profile-darker .detail-info .grey-header-right {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  text-align: end;
  padding: 1em 3em 0.5em 3em;
}
.querydetail .profile-darker .detail-info .grey-date-right {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  text-align: end;
  padding: 0.5em 3em 1em 3em;
}
.querydetail .profile-darker .detail-info .grey-date {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  padding: 0.5em 3em 1em 3em;
}
.querydetail .profile-darker .detail-info .grey-header {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
  padding: 1em 3em 0.5em 3em;
}
.querydetail .profile-darker .detail-info tbody {
  display: flex;
  flex-direction: column;
}
.querydetail .profile-darker .detail-info td {
  display: flex;
  flex-direction: column;
}
.querydetail .profile-darker .detail-info .RadGrid_WebBlue .rgAltRow {
  background: none;
}
.querydetail .profile-darker .detail-info .RadGrid_WebBlue .rgRow {
  /*td {
                        display: flex;
                        flex-direction: column;
                        // justify-content: flex-end;
                        grid-gap: 0.5rem;
                    }*/
}
.querydetail .profile-darker .detail-info .example-obtuse-right {
  background-color: #A3C7D2;
  text-align: left;
  border: 1px solid;
  border-radius: 24px;
  padding: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8rem !important;
  color: #1E1A34 !important;
  margin-right: 7em;
  position: relative;
}
.querydetail .profile-darker .detail-info .example-obtuse-right:after {
  width: 9%;
  height: 32%;
  bottom: -12%;
  border-radius: 50%;
  left: -8%;
  /* border: 1px solid; */
  box-shadow: 0vmin 0, 2vmin -0.5vmin #acd, 0.5vmin -0.5vmin 0 -0.5vmin;
  clip-path: polygon(18% 50%, 152% 40%, 150% 100%, 0% 61%);
}
@media only screen and (max-width: 576px) {
  .querydetail .profile-darker .detail-info {
    margin-right: 0;
  }
}
@media only screen and (max-width: 467px) {
  .querydetail .profile-darker {
    padding: 1em;
  }
}
.querydetail .flex-right {
  display: flex;
  justify-content: flex-end;
  padding-top: 4em;
}
@media only screen and (max-width: 576px) {
  .querydetail .flex-right {
    justify-content: unset;
  }
}
@media only screen and (max-width: 576px) {
  .querydetail .btn-primary,
  .querydetail .btn-secondary {
    width: 100%;
  }
}
.querydetail .btn-primary {
  float: right;
}
@media only screen and (max-width: 576px) {
  .querydetail .btn-primary {
    float: unset;
  }
}
.querydetail .btn-secondary:hover {
  opacity: unset;
}
.querydetail .notification--error {
  background: url("/UI/images/icons/circled-error-red.svg") no-repeat 1% 2%;
  font-family: 'Archivo';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
  border: none;
  padding: 0 1em 0 2em;
  margin-bottom: 32px;
}
.querydetail .flexmodal {
  display: flex;
  justify-content: center;
  z-index: 9999;
}
.querydetail .flexmodal select {
  width: 100%;
}
.querydetail .flexmodal .modal-dialog {
  display: flex;
}
.querydetail .flexmodal .modal-content {
  width: 27.375em;
  background-color: #FFFFFF;
  padding: 1em 1em 0 1em;
}
.querydetail .flexmodal .modal-content .btn {
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 467px) {
  .querydetail .flexmodal .modal-content {
    margin: auto 1em;
    width: auto;
  }
}
.querydetail .attachmentUpload .textlink {
  width: 78%;
}
.querydetail .validationError {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
.gs-register {
  padding: 4em;
}
.gs-register h1 {
  margin: 0 0 1rem 0;
  padding-bottom: 1rem;
}
.gs-register .register-info {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.gs-register .register-info .div-notifications {
  margin-bottom: 2rem;
}
.gs-register .register-info .confirm {
  display: flex;
  align-items: flex-start;
}
.gs-register .register-info .info-grid {
  display: flex;
  flex-direction: column;
  padding-bottom: 2em;
}
.gs-register .register-info .info-grid:nth-child(4),
.gs-register .register-info .info-grid:nth-child(8),
.gs-register .register-info .info-grid:nth-child(9) {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 2rem;
}
.gs-register .register-info .info-grid .term {
  margin-top: 2em;
}
.gs-register .register-info .info-grid .info-heading {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.gs-register .register-info .info-grid input[type=text],
.gs-register .register-info .info-grid textarea {
  width: 70%;
}
@media only screen and (max-width: 576px) {
  .gs-register .register-info .info-grid input[type=text],
  .gs-register .register-info .info-grid textarea {
    width: 100%;
  }
}
.gs-register .register-info .info-grid tbody {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem 0;
}
.gs-register .register-info .info-grid tbody tr td {
  display: flex;
}
@media only screen and (max-width: 576px) {
  .gs-register .register-info .info-grid tbody {
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em 0;
  }
}
.gs-register .register-info .info-grid .error {
  /*&:before{
                    content:@icon--circled__error-red;
                }*/
  font-family: 'Archivo';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
.gs-register .register-info .info-grid2x {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem 0;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 2rem;
}
.gs-register .register-info .info-grid2x .clear a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #8D5C12;
  font-style: normal;
  line-height: 1.4em;
  text-decoration: underline;
}
.gs-register .register-info .info-grid2x tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem 0;
  padding-bottom: 2em;
}
.gs-register .register-info .info-grid2x tbody tr {
  display: flex;
}
.gs-register .register-info .info-grid2x tbody tr input[type="checkbox"] {
  margin-top: 0.313em;
  vertical-align: middle;
}
.gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:not(:checked) + label {
  width: 20em;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:not(:checked) + label {
    width: 18em;
  }
}
@media only screen and (max-width: 467px) {
  .gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:not(:checked) + label {
    width: 16em;
  }
}
.gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:not(:checked).error + label {
  width: 20em;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:not(:checked).error + label {
    width: 18em;
  }
}
@media only screen and (max-width: 467px) {
  .gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:not(:checked).error + label {
    width: 16em;
  }
}
.gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:checked + label {
  width: 20em;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:checked + label {
    width: 18em;
  }
}
@media only screen and (max-width: 467px) {
  .gs-register .register-info .info-grid2x tbody tr input[type="checkbox"]:checked + label {
    width: 16em;
  }
}
@media only screen and (max-width: 1250px) {
  .gs-register .register-info .info-grid2x tbody {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.gs-register .btn-primary {
  margin-top: 2em;
  margin-right: 2em;
}
@media only screen and (max-width: 576px) {
  .gs-register .btn-primary {
    margin-right: 0;
  }
}
.gs-register .btn-secondary {
  margin-top: 2em;
}
.gs-register .btn-secondary:hover {
  opacity: unset;
}
@media only screen and (max-width: 576px) {
  .gs-register .btn-secondary {
    width: 100%;
  }
}
.gs-register input[type="checkbox"] {
  margin-top: 0.313em;
  vertical-align: middle;
}
.gs-register input[type="checkbox"]:not(:checked) + label {
  width: 95%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .gs-register input[type="checkbox"]:not(:checked) + label {
    width: 95%;
  }
}
@media only screen and (max-width: 467px) {
  .gs-register input[type="checkbox"]:not(:checked) + label {
    width: 90%;
  }
}
.gs-register input[type="checkbox"]:not(:checked).error + label {
  width: 95%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .gs-register input[type="checkbox"]:not(:checked).error + label {
    width: 95%;
  }
}
@media only screen and (max-width: 467px) {
  .gs-register input[type="checkbox"]:not(:checked).error + label {
    width: 90%;
  }
}
.gs-register input[type="checkbox"]:checked + label {
  width: 95%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .gs-register input[type="checkbox"]:checked + label {
    width: 95%;
  }
}
@media only screen and (max-width: 467px) {
  .gs-register input[type="checkbox"]:checked + label {
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  .gs-register {
    padding: 2em;
  }
}
@media only screen and (max-width: 390px) {
  .gs-register {
    padding: 1em;
  }
}
.studentcard-page {
  border-top: 1px solid grey;
  margin-top: 2em;
  padding-top: 2em;
  align-items: center;
}
.studentcard-page h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  text-align: center;
}
.studentcard-page .studentdetail {
  display: flex;
  justify-content: center;
  gap: 2em;
  flex-direction: column;
  align-items: center;
}
.studentcard-page .studentdetail .preview-display {
  display: flex;
  justify-content: center;
}
.studentcard-page .studentdetail .preview-display img {
  width: 24em !important;
  height: 28em;
}
.studentcard-page .studentdetail .btn-display {
  display: flex;
  justify-content: center;
}
.studentcard-page .studentdetail .IOSmsg {
  text-align: center;
}
.studentcard-page .studentdetail .error {
  text-align: center;
  color: #E60000;
}
@media only screen and (max-width: 576px) {
  .studentcard-page .studentdetail {
    align-items: unset;
  }
}
.studentcard-page .notification--success {
  background: #DEFFEC url("/UI/images/icons/circled-success-green.svg") no-repeat 1% 30%;
}
.studentcard-page .notification--success a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
label#Content_Content_MainContent_FirmChangeApplication__c_lblQuestion2,
label#Content_Content_MainContent_FirmChangeApplication__c_lblQuestion3 {
  display: block;
}
.firmchange .div-questions {
  margin-top: 4rem;
}
.firmchange .div-questions .btn {
  margin-bottom: 2em;
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .firmchange .div-questions .btn {
    padding: 2.5rem 2.5rem;
  }
}
@media only screen and (max-width: 810px) {
  .firmchange .div-questions .btn:last-child {
    margin-bottom: 4em;
  }
}
.firmchange .input.search-input,
.firmchange #txtbxCessationDate,
.firmchange #txtbxfirmCommDate {
  width: 25.5rem;
}
.firmchange .div-alert-box,
.firmchange .div-form {
  margin-top: 4rem;
}
.firmchange .chk-flex {
  display: flex;
}
.firmchange .validationError {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
.firmchange .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2rem;
  align-items: center;
}
.firmchange .flex-1row-2col .flex-col1 span {
  font-weight: 700;
}
.firmchange .flex-1row-2col .flex-col1 .validation--error span {
  font-weight: 400 !important;
}
.firmchange .flex-1row-2col .flex-col1 .div-margin {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px) {
  .firmchange .flex-1row-2col .flex-col1 {
    width: 100%;
  }
}
.firmchange .flex-1row-2col p {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
.firmchange .flex-1row-2col .flex-col2.chevron-align {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .firmchange .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
  .firmchange .flex-1row-2col p {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
  }
}
.firmchange select,
.firmchange textarea,
.firmchange .input-width {
  width: 25.625em;
}
@media only screen and (max-width: 576px) {
  .firmchange select,
  .firmchange textarea,
  .firmchange .input-width {
    width: 100%;
  }
}
.firmchange .div--input {
  display: flex;
  grid-gap: 0.5rem;
}
@media only screen and (max-width: 576px) {
  .firmchange .div--input {
    flex-direction: column;
  }
}
.firmchange .div--input .ddPhone--CountryCode {
  width: 10.875rem;
}
@media only screen and (max-width: 576px) {
  .firmchange .div--input .ddPhone--CountryCode {
    width: 100%;
  }
}
.firmchange .div--input .txtPhone--Prefix {
  width: 4.375rem;
}
@media only screen and (max-width: 576px) {
  .firmchange .div--input .txtPhone--Prefix {
    width: 100%;
  }
}
.firmchange .div--input .txtPhone--PhoneNo {
  width: 9.375rem;
}
@media only screen and (max-width: 576px) {
  .firmchange .div--input .txtPhone--PhoneNo {
    width: 100%;
  }
}
.firmchange .control-datepicker {
  width: 10.25rem;
  padding-left: 2.5rem;
}
@media only screen and (max-width: 576px) {
  .firmchange .control-datepicker {
    width: 100%;
  }
}
.firmchange .flexmodal {
  display: flex;
  justify-content: center;
  z-index: 9999;
}
.firmchange .flexmodal .modal-content {
  width: 27.375em;
  padding: 1em 1em 0 1em;
}
.firmchange .flexmodal .modal-content .btn {
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 467px) {
  .firmchange .flexmodal .modal-content {
    margin: auto 1em;
    width: auto;
  }
}
div#ltrPageErrorMessage ul {
  display: none;
}
div#ltrPageErrorMessage {
  margin-bottom: 2rem;
}
.dataPrivacyPg {
  /*Section divider*/
  /*.section {
        padding-bottom: 2em !important;
        border-bottom: 1px solid @colour--greyscale__grey2;
    }*/
}
.dataPrivacyPg .TitleHeader {
  margin-bottom: 1em;
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.074rem !important;
  letter-spacing: 0.0156em !important;
  line-height: 2.875rem !important;
  color: #0B0039 !important;
}
.dataPrivacyPg .label-caption {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.dataPrivacyPg .span-caption {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
.dataPrivacyPg .form-group {
  margin-bottom: 2em;
}
.dataPrivacyPg .radio-group {
  margin-bottom: 1em;
}
.dataPrivacyPg .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 4rem 0;
}
.dataPrivacyPg .divider-hr {
  border: 1px solid #EBEBEB;
  margin: 0.844rem 0;
}
.dataPrivacyPg .follow-up-text {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0F014DBD !important;
}
.dataPrivacyPg .label-div {
  margin-left: 0;
  padding-left: 0;
}
.dataPrivacyPg .date-entry {
  width: 20% !important;
}
.dataPrivacyPg .datepicker-control {
  background-image: url("/UI/images/icons/actions_daterange.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding-left: 2.5em;
  cursor: pointer;
}
.dataPrivacyPg .datepicker-control.inputValidationClass {
  background-image: url("/UI/images/icons/actions_daterange.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding-left: 2.5em;
  cursor: pointer;
}
.dataPrivacyPg input[type=text],
.dataPrivacyPg textarea {
  margin-left: 0;
  display: block;
}
.dataPrivacyPg .multiple-select {
  height: unset;
}
.dataPrivacyPg input[type=text],
.dataPrivacyPg textarea {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .dataPrivacyPg input[type=text],
  .dataPrivacyPg textarea {
    width: 100% !important;
  }
}
.dataPrivacyPg .drpdown-select {
  min-height: 3em;
  height: unset;
  white-space: normal;
}
.dataPrivacyPg select {
  width: 50%;
  padding: 0.5em 2em 0.5em 1em;
}
@media only screen and (max-width: 1024px) {
  .dataPrivacyPg select {
    width: 100% !important;
  }
}
.dataPrivacyPg .chcklst .lst-txt {
  display: block;
  padding-bottom: 1em;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.dataPrivacyPg .row-div {
  line-height: 1em;
}
.dataPrivacyPg .text-content {
  font-weight: normal;
  color: #0F014DBD;
}
.dataPrivacyPg .mr-2 {
  margin-right: 2em;
}
.dataPrivacyPg .d-flex {
  display: flex;
  text-align: center;
}
.dataPrivacyPg .align-right {
  display: flex;
  justify-content: flex-end;
}
.dataPrivacyPg .align-center {
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .dataPrivacyPg .align-center {
    justify-content: unset;
  }
}
.dataPrivacyPg .input-full-width {
  width: 100%;
}
.dataPrivacyPg .validation--error {
  margin-top: 0.313rem;
}
.dataPrivacyPg .textbox-2col-wrap {
  display: flex;
  grid-gap: 2em;
  justify-content: space-between;
}
.dataPrivacyPg .textbox-2col-wrap .textbox-wrap-col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dataPrivacyPg .textbox-2col-wrap .textbox-wrap-col .input-full-width {
  width: 100% !important;
}
@media only screen and (max-width: 576px) {
  .dataPrivacyPg .textbox-2col-wrap {
    flex-direction: column;
  }
}
.dataPrivacyPg .textbox-3col-wrap {
  display: flex;
  justify-content: space-between;
  gap: 2em;
}
.dataPrivacyPg .textbox-3col-wrap div:last-child {
  flex: 1;
  justify-content: flex-end;
}
.dataPrivacyPg .textbox-3col-wrap.border-bottom {
  border-bottom: 1px solid #EBEBEB;
  margin: 0.844rem 0;
  padding-bottom: 1rem;
}
.dataPrivacyPg .textbox-3col-wrap.border-bottom:last-child {
  border-bottom: none;
}
.dataPrivacyPg .textbox-3col-wrap .textbox-wrap-col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dataPrivacyPg .textbox-3col-wrap .textbox-wrap-col .input-full-width {
  width: 100% !important;
}
.dataPrivacyPg .textbox-3col-wrap .textbox-wrap-col .remove-btn {
  display: flex;
  border: none;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.5em !important;
  color: #0B0039 !important;
}
.dataPrivacyPg .textbox-3col-wrap .textbox-wrap-col .remove-btn::before {
  content: url("/UI/images/icons/circled_remove.svg");
  margin-right: 0.625em;
}
.dataPrivacyPg .textbox-3col-wrap .textbox-wrap-col .textlink {
  color: #0B0039;
  text-decoration: underline;
  font-family: 'Archivo';
  min-height: 3em;
  font-weight: 400;
}
@media only screen and (max-width: 576px) {
  .dataPrivacyPg .textbox-3col-wrap {
    flex-wrap: wrap;
    gap: 1em;
  }
}
.dataPrivacyPg .textbox-3col-flex {
  display: flex;
  gap: 2em;
}
@media only screen and (max-width: 576px) {
  .dataPrivacyPg .textbox-3col-flex {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px) {
  .dataPrivacyPg .btn.btn-secondary {
    width: 100%;
  }
}
.dataPrivacyPg .hideErrorSpan {
  visibility: hidden;
  font-size: 14px;
  padding-top: 5px;
}
.dataPrivacyPg .inputValidationClass {
  border-color: #E60000;
  background: #FFE6E6;
  color: #E60000;
}
.dataPrivacyPg .textValidationClass {
  color: #E60000;
}
.dataPrivacyPg .selectValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
.dataPrivacyPg .radioValidationclass {
  border-color: #E60000;
  color: #E60000;
}
.dataPrivacyPg .radioValidationclass label {
  color: #E60000;
}
.dataPrivacyPg .radioValidationclass input {
  background-color: #FFE6E6;
  border-color: #E60000;
}
@media only screen and (max-width: 768px) {
  .HybridWorkingPg {
    margin-top: 1rem;
  }
}
.HybridWorkingPg .cal-datepicker {
  background-image: url("/UI/images/icons/actions_daterange.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding-left: 3.5em;
  width: 11.25em;
  cursor: pointer;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .cal-datepicker {
    width: 100%;
  }
}
.HybridWorkingPg .DateRow {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.5em !important;
  color: #0F014DBD !important;
  cursor: default;
  margin-bottom: 0.5em;
  padding-right: 1.25em;
}
.HybridWorkingPg .hidden {
  visibility: hidden;
}
.HybridWorkingPg .title h2 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.074rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.875rem !important;
  color: #0B0039 !important;
}
.HybridWorkingPg .title h3 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.438rem !important;
  color: #0B0039 !important;
}
.HybridWorkingPg .Checkin {
  display: flex;
  width: 100%;
  min-height: 2em;
  border-radius: 5px;
  background-color: #007377;
  padding: 2em;
  cursor: default;
  margin-bottom: 2em;
}
.HybridWorkingPg .Checkin .Checkin-Container {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2em;
}
@media only screen and (max-width: 666px) {
  .HybridWorkingPg .Checkin .Checkin-Container {
    flex-direction: column;
  }
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item {
  display: flex;
  gap: 1em;
  align-items: center;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item h3 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728em !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.438rem !important;
  color: #FFFFFF !important;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .checkin-type input {
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  cursor: pointer;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .checkin-type input:checked ~ .iconBox {
  background-color: #FFFFFF;
  border: 2px solid #DDCBA4;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .checkin-type input:checked ~ .iconBox .icon.Checkin_Coffee::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_coffee_dark.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .checkin-type input:checked ~ .iconBox .icon.Checkin_Lunch::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_lunch_dark.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .checkin-type input:checked ~ .iconBox .icon.Checkin_Meeting::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_meeting_dark.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .checkin-type .iconBox {
  width: 3em;
  height: 3em;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .icon {
  font-size: 3em;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .icon.Checkin_Coffee::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_coffee.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .icon.Checkin_Lunch::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_lunch.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .icon.Checkin_Meeting::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_meeting.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .CheckedIn,
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .UpdatedCheckIn,
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item .updateButton {
  display: none;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child {
  margin-left: auto;
}
@media only screen and (max-width: 666px) {
  .HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child {
    width: 100%;
  }
}
@media only screen and (max-width: 666px) {
  .HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child .btn-secondary {
    width: 100%;
  }
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.justCheckedIn input {
  display: none !important;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.justCheckedIn .CheckedIn {
  display: block;
  color: #FFFFFF;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.justCheckedIn .CheckedIn::after {
  content: url("/UI/images/icons/RemoteWorking/checkin_checkmark.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.CanUpdate input {
  display: none;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.CanUpdate .updateButton {
  display: block !important;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.CanUpdate .updateButton::after {
  content: url("/UI/images/icons/RemoteWorking/checkin_checkmark.svg");
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.justUpdatedCheckin input {
  display: none !important;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.justUpdatedCheckin .UpdatedCheckIn {
  display: block;
  color: #FFFFFF;
}
.HybridWorkingPg .Checkin .Checkin-Container .Checkin-Item:last-child.justUpdatedCheckin .UpdatedCheckIn::after {
  content: url("/UI/images/icons/RemoteWorking/checkin_checkmark.svg");
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Checkin {
    padding: 2em 1em;
  }
}
.HybridWorkingPg .search-main .search-Container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  padding: 2em;
  background-color: #FAFAFA;
}
.HybridWorkingPg .search-main .search-Container .top-row,
.HybridWorkingPg .search-main .search-Container .bottom-row {
  width: 100%;
  display: flex;
  gap: 2em;
}
@media only screen and (max-width: 810px) {
  .HybridWorkingPg .search-main .search-Container .top-row,
  .HybridWorkingPg .search-main .search-Container .bottom-row {
    flex-direction: column;
  }
}
.HybridWorkingPg .search-main .search-Container .top-row.content-between,
.HybridWorkingPg .search-main .search-Container .bottom-row.content-between {
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 810px) {
  .HybridWorkingPg .search-main .search-Container .top-row.content-between,
  .HybridWorkingPg .search-main .search-Container .bottom-row.content-between {
    align-items: initial;
  }
}
.HybridWorkingPg .search-main .search-Container .top-row .item,
.HybridWorkingPg .search-main .search-Container .bottom-row .item {
  display: flex;
  flex-direction: column;
}
.HybridWorkingPg .search-main .search-Container .top-row .item .header-label,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .header-label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
.HybridWorkingPg .search-main .search-Container .top-row .item .searchDateWidth,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .searchDateWidth {
  min-width: 12em;
  width: 100%;
}
.HybridWorkingPg .search-main .search-Container .top-row .item .drop-container,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .drop-container {
  display: inline-grid;
}
.HybridWorkingPg .search-main .search-Container .top-row .item .drop-container select,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .drop-container select {
  /*max-width: 16em;*/
  margin-left: auto;
  width: 100%;
  background-color: white;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .search-main .search-Container .top-row .item .drop-container select,
  .HybridWorkingPg .search-main .search-Container .bottom-row .item .drop-container select {
    white-space: normal;
    height: unset;
  }
}
.HybridWorkingPg .search-main .search-Container .top-row .item .searchText,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .searchText {
  display: none;
}
@media only screen and (max-width: 810px) {
  .HybridWorkingPg .search-main .search-Container .top-row .item .searchText,
  .HybridWorkingPg .search-main .search-Container .bottom-row .item .searchText {
    display: block;
  }
}
.HybridWorkingPg .search-main .search-Container .top-row .item .horizontal-group,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .horizontal-group {
  display: flex;
  gap: 2em;
}
.HybridWorkingPg .search-main .search-Container .top-row .item .horizontal-group label,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .horizontal-group label {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0F014DBD !important;
}
.HybridWorkingPg .search-main .search-Container .top-row .item .btn,
.HybridWorkingPg .search-main .search-Container .bottom-row .item .btn {
  min-width: 2.25em !important;
  display: flex !important;
  padding: 0.8rem;
}
.HybridWorkingPg .search-main .search-Container .top-row .item:not(:first-child) {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .search-main .search-Container {
    padding: 2em 1em;
  }
}
.HybridWorkingPg .Results {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-top: 2em;
  cursor: default;
  margin-bottom: 2em;
}
.HybridWorkingPg .Results .border-bx {
  border: 3px solid #A3C7D2;
}
.HybridWorkingPg .Results .border-bx:nth-child(-n+3) {
  margin-top: 2em;
}
.HybridWorkingPg .Results .result-item {
  width: calc((100% - (2em * 2)) / 3);
  display: flex;
  flex-direction: column;
  padding: 1em;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Results .result-item {
    width: calc((100% - (2em * 2)) / 2);
  }
}
.HybridWorkingPg .Results .result-item .close {
  height: 1.25rem;
  width: 100%;
  background-image: url("/UI/images/icons/circled_cancel.svg");
  background-repeat: no-repeat;
  background-position: right 1em center;
  padding-right: 2em;
}
.HybridWorkingPg .Results .result-item .default {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  cursor: pointer;
  margin-bottom: 1em;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto {
  position: relative;
  margin: auto;
  width: 8em;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto img {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto img.checkedin {
  border: 6px solid #007377;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor {
  display: none;
  position: absolute;
  bottom: 0.7em;
  right: 1.1em;
  width: 2em;
  height: 2em;
  border-radius: 100%;
  background-color: #007377;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor.Available {
  display: block;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor .icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 0.6rem;
  margin-top: 0.5rem;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor .icon.Checkin_Coffee::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_coffee_small.svg");
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor .icon.Checkin_Lunch::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_lunch_small.svg");
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor .icon.meeting_icon {
  margin-left: 0.313rem;
  margin-top: 0.313rem;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor .icon.Checkin_Meeting {
  margin-bottom: 0.938rem;
}
.HybridWorkingPg .Results .result-item .default .EmployeePhoto .AvailableFor .icon.Checkin_Meeting::before {
  content: url("/UI/images/icons/RemoteWorking/checkin_meeting_small.svg");
}
.HybridWorkingPg .Results .result-item .default .name {
  font-family: 'PT Serif' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
  margin-left: auto;
  margin-right: auto;
}
.HybridWorkingPg .Results .result-item .details {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.HybridWorkingPg .Results .result-item .details.hidden {
  display: none;
}
.HybridWorkingPg .Results .result-item .details .availablefor {
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  font-weight: 700;
  text-align: center;
  color: #007377;
}
.HybridWorkingPg .Results .result-item .details .availablefor.Available {
  display: block;
}
.HybridWorkingPg .Results .result-item .details .divider {
  width: 100%;
  border: 1px solid #EBEBEB;
}
.HybridWorkingPg .Results .result-item .details .information {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.HybridWorkingPg .Results .result-item .details .information .title {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.HybridWorkingPg .Results .result-item .details .information .dept {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
.HybridWorkingPg .Results .result-item .details .information .Email,
.HybridWorkingPg .Results .result-item .details .information .Ext {
  display: flex;
  align-content: center;
  gap: 1em;
}
.HybridWorkingPg .Planner {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 2em;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  padding: 1em;
  cursor: default;
  margin-bottom: 2em;
}
.HybridWorkingPg .Planner.close .heading {
  margin-bottom: 0em;
}
.HybridWorkingPg .Planner.close .main-container {
  display: none;
}
.HybridWorkingPg .Planner .heading {
  display: flex;
  justify-content: space-between;
  gap: 2em;
  width: 100%;
  align-items: center;
  margin-bottom: 1em;
}
.HybridWorkingPg .Planner .heading .item:first-child {
  width: 100%;
}
.HybridWorkingPg .Planner .heading .item h3 {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.438rem !important;
  color: #0B0039 !important;
}
.HybridWorkingPg .Planner .heading .item:last-child .icon.open::before {
  content: url("/UI/images/icons/RemoteWorking/planner_open.svg");
}
.HybridWorkingPg .Planner .heading .item:last-child .icon.close::before {
  content: url("/UI/images/icons/RemoteWorking/planner_close.svg");
}
.HybridWorkingPg .Planner .main-container hr {
  border: 1px solid #EBEBEB;
  background-color: #EBEBEB;
  color: #EBEBEB;
  margin: 2em 0 2em 0;
}
.HybridWorkingPg .Planner .main-container .green-alert-box {
  margin-bottom: 1em !important;
}
.HybridWorkingPg .Planner .main-container .day-schedule {
  display: flex;
  gap: 2em;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Planner .main-container .day-schedule {
    gap: 1em;
  }
}
.HybridWorkingPg .Planner .main-container .day-schedule .day {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .title {
  font-weight: 400;
  color: #007377;
  margin: auto;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .title.pastday {
  background-color: none;
  border: none;
  color: #838383;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle {
  margin: auto;
  width: 2em;
  height: 2em;
  border: 1px solid #007377;
  border-radius: 100%;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle.pastday {
  background-color: #EBEBEB;
  border: 1px solid #838383;
  pointer-events: none;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle:not(.pastday) {
  cursor: pointer;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle.allday {
  background-color: #007377;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle.allday.pastday {
  background-color: #838383;
  pointer-events: none;
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle.am {
  background: linear-gradient(90deg, #007377 50%, #FFFFFF 50%);
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle.am.pastday {
  background: linear-gradient(90deg, #838383 50%, #EBEBEB 50%);
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle.pm {
  background: linear-gradient(90deg, #FFFFFF 50%, #007377 50%);
}
.HybridWorkingPg .Planner .main-container .day-schedule .day .circle.pm.pastday {
  background: linear-gradient(90deg, #EBEBEB 50%, #838383 50%);
}
.HybridWorkingPg .Planner .main-container .div-row.mt-2,
.HybridWorkingPg .Planner .main-container .div-row .mb-2 {
  margin-top: 2em;
}
.HybridWorkingPg .Planner .main-container .div-row .date-range {
  width: 100%;
  display: flex;
  align-items: end;
  gap: 2em;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Planner .main-container .div-row .date-range {
    align-items: start;
    flex-direction: column;
  }
}
.HybridWorkingPg .Planner .main-container .div-row .date-range h5 {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Planner .main-container .div-row .date-range div {
    width: 100%;
  }
}
.HybridWorkingPg .Planner .main-container .div-row .week-select {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2em;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Planner .main-container .div-row .week-select {
    justify-content: space-between;
  }
}
.HybridWorkingPg .Planner .main-container .div-row .week-select .d-flex {
  display: flex;
  gap: 4em;
  align-content: flex-end;
  align-items: flex-end;
}
.HybridWorkingPg .Planner .main-container .div-row .week-select .week {
  border-bottom: 3px solid #838383;
}
.HybridWorkingPg .Planner .main-container .div-row .week-select .week.active {
  border-color: #A67F42;
}
.HybridWorkingPg .Planner .main-container .div-row .section {
  width: 100%;
  display: flex;
  align-items: end;
  gap: 2em;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Planner .main-container .div-row .section {
    flex-direction: column-reverse;
  }
}
.HybridWorkingPg .Planner .main-container .div-row .section .start {
  width: 100%;
  display: flex;
  align-items: end;
  gap: 2em;
}
.HybridWorkingPg .Planner .main-container .div-row .section .start .reset {
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #0B0039 !important;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Planner .main-container .div-row .section .start .reset {
    margin: auto;
  }
}
.HybridWorkingPg .Planner .main-container .div-row .section .end {
  width: 100%;
  display: flex;
  align-content: end;
}
.HybridWorkingPg .Planner .main-container .div-row .section .end input {
  margin-left: auto;
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .Planner .main-container .div-row .section .end input {
    width: 100%;
    margin: 0;
  }
}
.HybridWorkingPg .section-calendar {
  width: 100%;
}
.HybridWorkingPg .section-calendar .calendar {
  width: 100%;
  display: inline-grid;
  /*justify-content: center;*/
  align-items: center;
  background: #fff;
  padding: 1em;
  border-radius: 5px;
  /*box-shadow: 0px 40px 30px -20px rgba(0,0,0,0.3);*/
}
@media only screen and (max-width: 810px) {
  .HybridWorkingPg .section-calendar .calendar {
    padding: 0;
    padding-top: 1em;
  }
}
.HybridWorkingPg .section-calendar .calendar .month {
  display: flex;
  justify-content: end;
  align-items: center;
  font-size: 20px;
  margin-bottom: 1em;
  font-weight: 300;
}
@media only screen and (max-width: 810px) {
  .HybridWorkingPg .section-calendar .calendar .month {
    justify-content: center;
  }
}
.HybridWorkingPg .section-calendar .calendar .month .year {
  font-weight: 600;
  margin-left: 10px;
}
.HybridWorkingPg .section-calendar .calendar .month .date-range {
  color: #0F014DBD;
  font-size: 1rem;
}
.HybridWorkingPg .section-calendar .calendar .month i {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #0a3d62;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  transition-duration: 0.2s;
  position: relative;
}
.HybridWorkingPg .section-calendar .calendar .month i.icon-left:before {
  content: url("/UI/images/icons/RemoteWorking/calendar-arrow-left.svg");
}
.HybridWorkingPg .section-calendar .calendar .month i.icon-right:before {
  content: url("/UI/images/icons/RemoteWorking/calendar-arrow-right.svg");
}
.HybridWorkingPg .section-calendar .calendar .month i:hover {
  background: #eee;
}
.HybridWorkingPg .section-calendar .calendar .days {
  display: grid;
  /*justify-content: center;*/
  align-items: center;
  grid-template-columns: repeat(5, 1fr);
  color: #0B0039;
  background-color: #FAFAFA;
  font-weight: 400;
}
.HybridWorkingPg .section-calendar .calendar .days span {
  width: 50px;
  justify-self: center;
  align-self: center;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.HybridWorkingPg .section-calendar .calendar .dates {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.HybridWorkingPg .section-calendar .calendar .dates.offset-1 .day:first-child {
  grid-column: 1;
}
.HybridWorkingPg .section-calendar .calendar .dates.offset-2 .day:first-child {
  grid-column: 2;
}
.HybridWorkingPg .section-calendar .calendar .dates.offset-3 .day:first-child {
  grid-column: 3;
}
.HybridWorkingPg .section-calendar .calendar .dates.offset-4 .day:first-child {
  grid-column: 4;
}
.HybridWorkingPg .section-calendar .calendar .dates.offset-5 .day:first-child {
  grid-column: 5;
}
.HybridWorkingPg .section-calendar .calendar .dates .day {
  display: flex;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em;
  gap: 0.5em;
  align-items: center;
}
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(5n+1),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(5n+2),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(5n+3),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(5n+4),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(5n+5) {
  background: #FAFAFA;
}
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(10n+1),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(10n+2),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(10n+3),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(10n+4),
.HybridWorkingPg .section-calendar .calendar .dates .day:nth-child(10n+5) {
  background: #FFFFFF;
}
.HybridWorkingPg .section-calendar .calendar .dates .day .title {
  font-weight: 400;
  color: #0F014DBD;
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle {
  width: 1em;
  height: 1em;
  border: 1px solid #007377;
  border-radius: 100%;
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle.pastday {
  background-color: #EBEBEB;
  border: 1px solid #838383;
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle.allday {
  background-color: #007377;
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle.allday.pastday {
  background-color: #838383;
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle.am {
  background: linear-gradient(90deg, #007377 50%, #FFFFFF 50%);
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle.am.pastday {
  background: linear-gradient(90deg, #838383 50%, #EBEBEB 50%);
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle.pm {
  background: linear-gradient(90deg, #FFFFFF 50%, #007377 50%);
}
.HybridWorkingPg .section-calendar .calendar .dates .day .circle.pm.pastday {
  background: linear-gradient(90deg, #EBEBEB 50%, #838383 50%);
}
@media only screen and (max-width: 576px) {
  .HybridWorkingPg .section-calendar .calendar .dates .day {
    flex-direction: column;
  }
}
.HybridWorkingPg .card-staff {
  padding: 1em;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
  border: 0.25px solid #A3C7D2;
  border-radius: 5px;
  font-family: 'Archivo';
  display: flex;
  gap: 1em;
  margin-bottom: 2em;
}
.HybridWorkingPg .card-staff p {
  padding-bottom: 0 !important;
}
.HybridWorkingPg .card-staff .card-body-staff {
  width: 100%;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display {
  width: 100%;
  display: flex;
  gap: 1em;
  word-break: break-all;
}
@media only screen and (max-width: 666px) {
  .HybridWorkingPg .card-staff .card-body-staff .card-display {
    flex-direction: column;
  }
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-img {
  height: 6.25em;
  width: 6.25em;
  background-image: url("/UI/images/LOGO_WHITE.svg");
  background-color: #00888D;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-img img {
  width: 6.25em;
  border-radius: 100%;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-img img.checkedin {
  border: 6px solid #007377;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-title {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  column-gap: 1em;
  width: 50%;
}
@media only screen and (max-width: 666px) {
  .HybridWorkingPg .card-staff .card-body-staff .card-display .card-title {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 0.25px solid #EBEBEB;
  }
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-title .title-blue {
  color: #0B0039 !important;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-title h3,
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-title p {
  margin: 0;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-title .card-title-h5 {
  font-size: 1.2rem !important;
  margin-bottom: 0.25em;
  font-weight: 700;
  color: #0B0039;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff {
  display: flex;
  flex-direction: column;
  width: 38%;
  grid-gap: 1em;
  /*.responsive(@mediaquery--1024px, {
                        width: 50%;
                    }

                    );*/
}
@media only screen and (max-width: 666px) {
  .HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff {
    width: 100% !important;
    grid-gap: 0 !important;
    grid-row-gap: 1em !important;
    margin-bottom: 1em;
  }
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff .card-item {
  display: flex;
  grid-gap: 1em;
  color: #0F014DBD;
  /*.responsive(@mediaquery--467px, {
                            width: 50%;
                        }

                        );*/
  /*.responsive(@mediaquery--576px, {
                            width: 100%;
                        }

                        );*/
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff .card-item .material-icons {
  color: #0B0039 !important;
  font-size: 1.5em;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff .card-item .icon-size {
  height: 1.5em;
  width: 1.5em;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff .card-item a {
  color: #0F014DBD;
  text-decoration: none;
  padding-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff .card-item a {
    word-break: break-word;
  }
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .card-contact-staff .card-item a:hover {
  opacity: 0.5;
}
.HybridWorkingPg .card-staff .card-body-staff .card-display .coffee--icon.material-symbols-outlined,
.HybridWorkingPg .card-staff .card-body-staff .card-display .lunch--icon.material-symbols-outlined,
.HybridWorkingPg .card-staff .card-body-staff .card-display .meeting--icon.material-symbols-outlined {
  font-size: 1.85rem;
  font-weight: 700;
  color: #0B0039;
}
.S61-form {
  /*TODO: to move globally - for review*/
  /*TODO: to move globally - for review*/
}
.S61-form .aligned {
  display: flex;
  align-items: center;
}
.S61-form .flex-col1 {
  width: 100%;
}
.S61-form .flex-col1 span {
  font-weight: 700;
  color: #0B0039;
}
.S61-form .flex-col1 span.material-icons-outlined {
  font-weight: 400;
}
.S61-form input[type="text"],
.S61-form select,
.S61-form attachment-file,
.S61-form textarea {
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  .S61-form input[type="text"],
  .S61-form select,
  .S61-form attachment-file,
  .S61-form textarea {
    width: 100%;
  }
}
.S61-form .div-margin {
  margin-top: 0.25em;
}
@media only screen and (max-width: 576px) {
  .S61-form .div-margin {
    width: 100%;
  }
}
.S61-form p {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px) {
  .S61-form {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
  .S61-form p {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
  }
}
.S61-form attachment-file {
  display: block;
}
.S61-form attachment-file .attachmentUpload {
  margin-bottom: 0;
}
.S61-form .headertext {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.S61-form .hr-grey {
  border: 1px solid #EBEBEB;
  margin: 2em 0 2em 0;
}
.S61-form .tooltip-div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.S61-form .tooltip-div .tooltip {
  cursor: pointer;
}
.S61-form .tooltip-div .tooltip-text {
  white-space: nowrap;
}
.S61-form .material-icons {
  vertical-align: middle;
}
.reqpassword .btn-right-align,
#RequestPassword .btn-right-align {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
}
@media only screen and (max-width: 810px) {
  .reqpassword .btn-right-align,
  #RequestPassword .btn-right-align {
    flex-direction: column;
    width: 100%;
  }
}
.reqpassword label,
#RequestPassword label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
  font-style: normal;
}
.reqpassword .flex-1row-2col,
#RequestPassword .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2em;
  align-items: center;
}
.reqpassword .flex-1row-2col .flex-col1,
#RequestPassword .flex-1row-2col .flex-col1 {
  width: 100%;
}
.reqpassword .flex-1row-2col .flex-col1 .validation--error,
#RequestPassword .flex-1row-2col .flex-col1 .validation--error {
  margin-top: 0.25rem;
}
.reqpassword .flex-1row-2col .div-margin,
#RequestPassword .flex-1row-2col .div-margin {
  margin-top: 0.25rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px) {
  .reqpassword .flex-1row-2col,
  #RequestPassword .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
}
.reqpassword input[type="text"],
#RequestPassword input[type="text"],
.reqpassword input[type="password"],
#RequestPassword input[type="password"],
.reqpassword textarea,
#RequestPassword textarea {
  width: 50%;
}
@media only screen and (max-width: 810px) {
  .reqpassword input[type="text"],
  #RequestPassword input[type="text"],
  .reqpassword input[type="password"],
  #RequestPassword input[type="password"],
  .reqpassword textarea,
  #RequestPassword textarea {
    width: 100%;
  }
}
.dvpwderror .divalert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FFE6E6;
  border-top: 3px solid #E60000;
  margin-bottom: 2rem;
  padding: 1em 2em;
}
.dvpwderror .divalert span {
  display: flex;
  align-items: center;
  color: #0F014DBD;
}
.dvpwderror .divalert span .text {
  padding-left: 1em;
}
.dvpwderror .divalert span img {
  width: auto;
}
.dvpwderror .dvpwderror-cntrls {
  display: flex;
  justify-content: flex-end;
  grid-gap: 2em;
  margin-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  .dvpwderror .dvpwderror-cntrls {
    flex-direction: column;
    justify-content: flex-start;
    grid-gap: 2em;
    margin-bottom: 2em;
  }
}
.resetpassword .notification--error {
  margin-bottom: 2em;
  background: #FFE6E6 url("/UI/images/icons/circled-error-red.svg") no-repeat 1% 48%;
}
.resetpassword .resetpassword-cntrls {
  display: flex;
  flex-direction: column;
  margin-bottom: 2em;
}
.resetpassword .resetpassword-cntrls .info-heading {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  padding-bottom: 0.25em;
}
.resetpassword .resetpassword-cntrls input[type="password"],
.resetpassword .resetpassword-cntrls input[type="text"] {
  width: 50%;
  margin-bottom: 0.313em;
}
@media only screen and (max-width: 576px) {
  .resetpassword .resetpassword-cntrls input[type="password"],
  .resetpassword .resetpassword-cntrls input[type="text"] {
    width: 100%;
  }
}
.resetpassword .showpass {
  margin-bottom: 2em;
}
.resetpassword .margin-top {
  margin-top: 2em;
}
.resetpassword .password-container {
  width: 400px;
  position: relative;
}
.resetpassword .password-container input[type="password"],
.resetpassword .password-container input[type="text"] {
  width: 100%;
  padding: 12px 36px 12px 12px;
  box-sizing: border-box;
}
.resetpassword .password-container .visibile {
  position: absolute;
  top: 28%;
  right: 4%;
  cursor: pointer;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
@media only screen and (max-width: 576px) {
  .resetpassword .password-container {
    width: unset;
  }
}
.resetpassword .divsumbit {
  width: 50%;
}
.resetpassword .divsumbit input[type=submit] {
  float: right;
}
@media only screen and (max-width: 576px) {
  .resetpassword .divsumbit input[type=submit] {
    float: unset;
  }
}
@media only screen and (max-width: 576px) {
  .resetpassword .divsumbit {
    width: 100%;
  }
}
#FirmApplication .container {
  margin: auto;
  margin-top: 4rem;
  overflow-x: auto;
}
#FirmApplication .container .material-icons {
  font-weight: 700;
  padding-top: 0.15em;
  vertical-align: text-top;
  font-size: 1rem;
}
#FirmApplication .container table {
  position: relative;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  border: none;
  white-space: normal;
}
#FirmApplication .container table * {
  border: none;
}
#FirmApplication .container table thead tr {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
#FirmApplication .container table thead tr th {
  background: #EBEBEB;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
}
#FirmApplication .container table tbody {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
#FirmApplication .container table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}
#FirmApplication .container table tbody tr:nth-child(even) td {
  background: #FFFFFF;
}
#FirmApplication .container table tbody tr {
  border-bottom: 1px solid #EBEBEB;
}
#FirmApplication .container table tbody td {
  color: #0F014DBD;
  text-align: left;
  padding: 1.5rem 1.5rem;
  vertical-align: middle;
}
#FirmApplication .container table tr > th:first-child,
#FirmApplication .container table tr > td:first-child {
  position: sticky;
  left: 0;
}
#FirmApplication .container table tr > th:nth-child(2),
#FirmApplication .container table tr > td:nth-child(2) {
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15) inset;
}
#QueryList .container {
  margin: auto;
  margin-top: 4rem;
  overflow-x: auto;
}
#QueryList .container .material-icons {
  font-weight: 700;
  padding-top: 0.15em;
  vertical-align: text-top;
  font-size: 1rem;
}
#QueryList .container table {
  position: relative;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto;
  width: 100%;
  border: none;
}
#QueryList .container table * {
  border: none;
}
#QueryList .container table thead tr {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
#QueryList .container table thead tr th {
  background: #EBEBEB;
  padding: 0.75rem 1.5rem;
  vertical-align: middle;
}
#QueryList .container table tbody {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
#QueryList .container table tbody tr:nth-child(odd) td {
  background: #FFFFFF;
}
#QueryList .container table tbody tr:nth-child(even) td {
  background: #FFFFFF;
}
#QueryList .container table tbody tr {
  border-bottom: 1px solid #EBEBEB;
}
#QueryList .container table tbody td {
  color: #0F014DBD;
  text-align: left;
  padding: 1.5rem 1.5rem;
  vertical-align: middle;
}
#QueryList .container table tbody td a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
#QueryList .container table tr > th:first-child,
#QueryList .container table tr > td:first-child {
  white-space: normal;
  position: sticky;
  left: 0;
}
#QueryList .container table tr > th:nth-child(2),
#QueryList .container table tr > td:nth-child(2) {
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15) inset;
}
#makeMyPayment {
  /*div#collapseThree {
        margin-left: -1.2rem;
    }*/
}
#makeMyPayment .ebusiness-main-container .cs-p {
  margin: 0;
}
#makeMyPayment .ebusiness-main-container .cs-p a {
  font-weight: bold;
}
#makeMyPayment #successMsg {
  z-index: 5;
}
#makeMyPayment #successMsg .modal-dialog {
  background: none;
}
#makeMyPayment #successMsg .modal-content {
  background-color: #0B0039;
}
#makeMyPayment #successMsg .modal-content .modal-body {
  display: contents;
}
#makeMyPayment .modal-dialog .modal-content .modal-body p {
  color: #FFFFFF !important;
}
#makeMyPayment .modal-dialog .modal-content .row-div,
#makeMyPayment .modal-dialog .modal-body .row-div {
  display: flex;
  flex-direction: column;
  grid-gap: 0.25em;
  margin-top: 1em;
}
#makeMyPayment .modal-dialog .modal-content .row-div:nth-child(7),
#makeMyPayment .modal-dialog .modal-body .row-div:nth-child(7),
#makeMyPayment .modal-dialog .modal-content .row-div:nth-child(8),
#makeMyPayment .modal-dialog .modal-body .row-div:nth-child(8) {
  margin-bottom: 2em;
}
#makeMyPayment .modal-dialog .modal-content .label-error,
#makeMyPayment .modal-dialog .modal-body .label-error {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #E60000 !important;
}
#makeMyPayment .modal-dialog .modal-content .btn,
#makeMyPayment .modal-dialog .modal-body .btn {
  width: 100%;
  margin-bottom: 1em;
}
#makeMyPayment h1.body {
  padding-bottom: 1rem;
}
#makeMyPayment .grid-1row-2col {
  grid-template-columns: 0.7fr 1.5fr;
  margin-bottom: 2rem;
  grid-gap: 2rem;
}
@media only screen and (max-width: 1024px) {
  #makeMyPayment .grid-1row-2col {
    grid-template-columns: 0.8fr 1.5fr;
  }
}
@media only screen and (max-width: 768px) {
  #makeMyPayment .grid-1row-2col {
    grid-template-columns: 0.6fr 1fr;
  }
}
@media only screen and (max-width: 666px) {
  #makeMyPayment .grid-1row-2col {
    grid-template-columns: 0.8fr 1fr;
  }
}
#makeMyPayment #bulk thead tr th:first-child {
  text-align: center;
}
#makeMyPayment div#paymentMethodsCheckData .row {
  margin: 0px;
}
#makeMyPayment .form-group {
  display: flex;
  flex-direction: column;
  padding: 1rem 0 0 0;
}
#makeMyPayment .form-group label.page-subheading-blue {
  padding-bottom: 0.5rem;
}
#makeMyPayment .form-group input[type=text] {
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  #makeMyPayment .form-group input[type=text] {
    width: 100% !important;
  }
}
#makeMyPayment .form-group .btn-primary {
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  #makeMyPayment .form-group .btn-primary {
    width: 100% !important;
  }
}
#makeMyPayment .form-group #txtPayDate {
  flex-direction: row-reverse;
  text-align: left;
  width: 10rem;
  grid-gap: 1rem;
}
@media only screen and (max-width: 576px) {
  #makeMyPayment .form-group #txtPayDate {
    width: 100% !important;
  }
}
#makeMyPayment .form-group #txtPayDate::-webkit-calendar-picker-indicator {
  background-image: url("/UI/images/icons/actions_daterange.svg");
  background-repeat: no-repeat;
  background-position: left 1em center;
  padding-left: 0rem;
  cursor: pointer;
  width: 1rem;
  margin-left: -1rem;
  padding-right: 1rem;
}
#makeMyPayment #payment--type__options {
  margin-top: 4rem !important;
}
#makeMyPayment #payment--type__options,
#makeMyPayment #payment--gateway__options {
  display: block;
  margin: 2rem 0;
}
@media only screen and (max-width: 576px) {
  #makeMyPayment #payment--type__options,
  #makeMyPayment #payment--gateway__options {
    display: none;
  }
}
#makeMyPayment #payment--type__options .grid-1row-2col .grid-col1,
#makeMyPayment #payment--gateway__options .grid-1row-2col .grid-col1,
#makeMyPayment #payment--type__options .grid-1row-2col .grid-col2,
#makeMyPayment #payment--gateway__options .grid-1row-2col .grid-col2 {
  background: transparent linear-gradient(to top, #B5B5B5, #B5B5B5) no-repeat 0rem bottom;
  padding-bottom: 1rem;
  background-size: 11.875rem 1px;
}
#makeMyPayment #payment--type__dropdown,
#makeMyPayment #payment--gateway__dropdown {
  display: none;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 576px) {
  #makeMyPayment #payment--type__dropdown,
  #makeMyPayment #payment--gateway__dropdown {
    display: block;
    margin-top: 2rem;
  }
}
#makeMyPayment #payment--type__dropdown .page-subheading-blue,
#makeMyPayment #payment--gateway__dropdown .page-subheading-blue {
  padding-bottom: 1rem;
}
#makeMyPayment input.form-control.eb-PaymentAmountControl {
  text-align: right;
}
#makeMyPayment span.col.eb-amount-clm-summ {
  padding-left: 2rem;
}
#makeMyPayment .rowClass {
  background-color: #FAFAFA !important;
}
#makeMyPayment .rowBulkClass {
  background-color: #FAFAFA !important;
}
#makeMyPayment #txtAmount,
#makeMyPayment #txtFirmNumber,
#makeMyPayment #txtFirmName,
#makeMyPayment #lblEFTDownloadInfo {
  color: #0F014DBD;
}
#makeMyPayment span.value-orders.amount-Balance {
  width: 18.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media only screen and (max-width: 576px) {
  #makeMyPayment span.value-orders.amount-Balance {
    width: 10rem;
  }
}
@media only screen and (max-width: 1024px) {
  #makeMyPayment table {
    overflow-x: auto;
    display: block;
    width: fit-content;
    max-width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  #makeMyPayment table {
    overflow-x: auto;
    display: block;
    width: 43.75rem;
    max-width: 100%;
  }
}
@media only screen and (max-width: 886px) {
  #makeMyPayment table {
    overflow-x: auto;
    display: block;
    width: 37.5rem;
    max-width: 100%;
  }
}
@media only screen and (max-width: 810px) {
  #makeMyPayment table {
    overflow-x: auto;
    display: block;
    width: 43.75rem;
    max-width: 100%;
  }
}
#makeMyPayment table#individual tbody tr td:nth-child(2) span {
  overflow: auto;
  /* column-width: 100px; */
  width: 18.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#makeMyPayment table thead tr {
  background-color: #EBEBEB;
}
#makeMyPayment table thead tr th {
  padding: 1rem 1rem;
  white-space: nowrap;
}
#makeMyPayment table thead tr th:nth-child(2) {
  position: sticky;
  background-color: #EBEBEB;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.25);
  left: 0;
  z-index: 2;
}
#makeMyPayment table thead tr th:nth-child(5) {
  text-align: right;
}
#makeMyPayment table tbody tr:first-child td {
  background-color: #FFFFFF;
}
#makeMyPayment table tbody tr.table--summary {
  background-color: #FAFAFA;
}
#makeMyPayment table tbody tr.table--summary td {
  padding: 1rem;
}
#makeMyPayment table tbody tr.table--summary td:nth-child(2) {
  background-color: #FAFAFA;
  color: #0F014DBD;
}
#makeMyPayment table tbody tr.table--summary td:last-child {
  text-align: right;
}
#makeMyPayment table tbody tr.table--summary td span.table--subheading__blue {
  color: #0B0039;
  font-weight: 700;
  white-space: nowrap;
}
#makeMyPayment table tbody tr.table--summary td span.table--subheading__grey {
  color: #0F014DBD;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
}
#makeMyPayment table tbody tr td {
  border-bottom: 1px solid #EBEBEB;
  padding: 1rem 1rem;
  color: #0F014DBD;
  vertical-align: baseline;
}
#makeMyPayment table tbody tr td span.value-orders.amount-Balance {
  width: auto;
}
#makeMyPayment table tbody tr td:first-child {
  text-align: center;
}
#makeMyPayment table tbody tr td:nth-child(2) {
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.25);
  left: 0;
  z-index: 2;
  background-color: #FFFFFF;
  color: #0B0039;
}
#makeMyPayment table tbody tr td:nth-child(5) {
  text-align: right;
}
#makeMyPayment table tbody tr td:nth-child(4) {
  text-align: right;
}
#makeMyPayment table tbody tr td input[type=text] {
  width: 8.5rem;
  background-image: url("/UI/images/icons/shopping_euro.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-origin: content-box;
  background-size: 0.9375rem;
  background-position: -32px 6px;
  padding-left: 3rem;
}
#makeMyPayment .eb-Account-summary .grid-col2 {
  font-weight: 700;
  text-align: right;
}
input#Content_Content_MainContent_ctl03_btnAlt,
input#Content_Content_MainContent_ctl03_btnOk,
input#Content_Content_MainContent_ctl03_btnReturn,
input#Content_Content_MainContent_ctl03_btnAddDifferent {
  width: 100%;
}
/*Section 1 Personal Details*/
#MyProfilePersonalDetails .subheading-blue {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0rem !important;
  line-height: 1rem !important;
  color: #0B0039 !important;
  display: inline-block;
}
#MyProfilePersonalDetails .flex-1row-3col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2em;
  align-items: flex-start;
}
#MyProfilePersonalDetails .flex-1row-3col .flex-col.chevron-align {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  #MyProfilePersonalDetails .flex-1row-3col {
    flex-direction: column;
    align-items: baseline;
    gap: 1rem;
  }
}
#MyProfilePersonalDetails .flex-1row-2col {
  align-items: flex-start !important;
}
@media only screen and (max-width: 576px) {
  #MyProfilePersonalDetails .flex-1row-2col .flex-col1 {
    width: 100%;
  }
}
#MyProfilePersonalDetails select#ddGender {
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  #MyProfilePersonalDetails select#ddGender {
    width: 100%;
  }
}
#MyProfilePersonalDetails select#ddTitle {
  width: 7.625rem;
}
@media only screen and (max-width: 576px) {
  #MyProfilePersonalDetails select#ddTitle {
    width: 100%;
  }
}
#MyProfilePersonalDetails #alertMessage {
  margin-bottom: 4rem;
}
#MyProfilePersonalDetails #alertMessage span {
  font-weight: 400;
}
#MyProfilePersonalDetails hr.hr-grey {
  margin-top: 0rem;
  margin-bottom: 2rem;
}
#MyProfilePersonalDetails .modal-content .subheading-blue {
  padding-bottom: 0.25rem;
}
#MyProfilePersonalDetails .modal-content .btn.btn-primary.tooltip {
  margin: 0;
  padding: 0 0 0.25rem 0;
  display: inline-block;
  height: auto;
  width: auto !important;
}
#MyProfilePersonalDetails .modal-content .btn.btn-primary.tooltip h3 {
  text-transform: none;
  margin-top: 0;
}
#MyProfilePersonalDetails .modal-content .btn.btn-primary.tooltip p {
  margin-bottom: 0;
}
#MyProfilePersonalDetails h2#PopUpMsg {
  color: #0B0039;
  padding-bottom: 1rem;
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0rem bottom;
  background-size: 64px 3px;
  line-height: 2.903rem;
  font-weight: 400;
}
#MyProfilePersonalDetails .attachmentUpload span.textlink {
  width: 92%;
}
#MyProfilePersonalDetails .uploadcontrol .k-upload .k-upload-button {
  display: none;
}
#MyProfilePersonalDetails .uploadcontrol img {
  border-radius: 50%;
  height: 7.5rem;
  width: 7.5rem;
  object-fit: cover;
}
#MyProfilePersonalDetails .uploadcontrol ul.k-upload-files.k-reset {
  display: none;
}
#MyProfilePersonalDetails input[type="date"] {
  width: 10.25rem;
}
@media only screen and (max-width: 576px) {
  #MyProfilePersonalDetails input[type="date"] {
    width: 100%;
  }
}
#MyProfilePersonalDetails input[type=text],
#MyProfilePersonalDetails input[type="password"] {
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  #MyProfilePersonalDetails input[type=text],
  #MyProfilePersonalDetails input[type="password"] {
    width: 100%;
  }
}
#MyProfilePersonalDetails .attachmentUpload {
  width: 100%;
}
#MyProfilePersonalDetails a#lnkUploadPhoto {
  display: block;
}
#MyProfilePersonalDetails input#btnSavePersonalDetails {
  margin-top: 2rem;
}
#MyProfilePersonalDetails #imgUser {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
  object-fit: cover;
}
#MyProfilePersonalDetails select {
  width: auto;
}
@media only screen and (max-width: 576px) {
  #MyProfilePersonalDetails select {
    width: 100%;
  }
}
#MyStatus h2.no-margin,
#MyEmployment h2.no-margin,
#MyProfileCommunication h2.no-margin,
#MyProfilePersonalDetails h2.no-margin {
  margin: 0;
}
#MyStatus .hr-gold,
#MyEmployment .hr-gold,
#MyProfileCommunication .hr-gold,
#MyProfilePersonalDetails .hr-gold {
  margin-top: 2rem;
}
#MyStatus .flex-1row-2col,
#MyEmployment .flex-1row-2col,
#MyProfileCommunication .flex-1row-2col,
#MyProfilePersonalDetails .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2em;
  align-items: center;
}
#MyStatus .flex-1row-2col .flex-col1 span,
#MyEmployment .flex-1row-2col .flex-col1 span,
#MyProfileCommunication .flex-1row-2col .flex-col1 span,
#MyProfilePersonalDetails .flex-1row-2col .flex-col1 span {
  font-weight: 700;
}
#MyStatus .flex-1row-2col .flex-col1 .div-margin,
#MyEmployment .flex-1row-2col .flex-col1 .div-margin,
#MyProfileCommunication .flex-1row-2col .flex-col1 .div-margin,
#MyProfilePersonalDetails .flex-1row-2col .flex-col1 .div-margin {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
@media only screen and (max-width: 467px) {
  #MyStatus .flex-1row-2col .flex-col1 .div-margin input,
  #MyEmployment .flex-1row-2col .flex-col1 .div-margin input,
  #MyProfileCommunication .flex-1row-2col .flex-col1 .div-margin input,
  #MyProfilePersonalDetails .flex-1row-2col .flex-col1 .div-margin input {
    width: 100%;
  }
}
#MyStatus .flex-1row-2col .flex-col1 .validation--error span,
#MyEmployment .flex-1row-2col .flex-col1 .validation--error span,
#MyProfileCommunication .flex-1row-2col .flex-col1 .validation--error span,
#MyProfilePersonalDetails .flex-1row-2col .flex-col1 .validation--error span {
  font-weight: 400 !important;
}
#MyStatus .flex-1row-2col .flex-col1 p,
#MyEmployment .flex-1row-2col .flex-col1 p,
#MyProfileCommunication .flex-1row-2col .flex-col1 p,
#MyProfilePersonalDetails .flex-1row-2col .flex-col1 p {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
#MyStatus .flex-1row-2col .flex-col2.chevron-align,
#MyEmployment .flex-1row-2col .flex-col2.chevron-align,
#MyProfileCommunication .flex-1row-2col .flex-col2.chevron-align,
#MyProfilePersonalDetails .flex-1row-2col .flex-col2.chevron-align {
  display: flex;
  align-items: center;
}
#MyStatus .flex-1row-2col #tableEmployment,
#MyEmployment .flex-1row-2col #tableEmployment,
#MyProfileCommunication .flex-1row-2col #tableEmployment,
#MyProfilePersonalDetails .flex-1row-2col #tableEmployment,
#MyStatus .flex-1row-2col #tableJurisdiction,
#MyEmployment .flex-1row-2col #tableJurisdiction,
#MyProfileCommunication .flex-1row-2col #tableJurisdiction,
#MyProfilePersonalDetails .flex-1row-2col #tableJurisdiction,
#MyStatus .flex-1row-2col #tableQualifications,
#MyEmployment .flex-1row-2col #tableQualifications,
#MyProfileCommunication .flex-1row-2col #tableQualifications,
#MyProfilePersonalDetails .flex-1row-2col #tableQualifications {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  #MyStatus .flex-1row-2col,
  #MyEmployment .flex-1row-2col,
  #MyProfileCommunication .flex-1row-2col,
  #MyProfilePersonalDetails .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
  #MyStatus .flex-1row-2col p,
  #MyEmployment .flex-1row-2col p,
  #MyProfileCommunication .flex-1row-2col p,
  #MyProfilePersonalDetails .flex-1row-2col p {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
  }
}
#MyStatus .material-symbols-outlined,
#MyEmployment .material-symbols-outlined,
#MyProfileCommunication .material-symbols-outlined,
#MyProfilePersonalDetails .material-symbols-outlined {
  color: #0F014D3D;
}
#MyStatus .flex-1row-2col {
  align-items: baseline;
}
@media only screen and (max-width: 576px) {
  #MyStatus .flex-1row-2col {
    gap: 1rem;
  }
}
#MyEmployment .empty-text,
#MyProfileCommunication .empty-text,
#MyProfilePersonalDetails .empty-text {
  padding: 1rem 1rem;
}
#MyEmployment .alert-margin,
#MyProfileCommunication .alert-margin,
#MyProfilePersonalDetails .alert-margin {
  margin: 4rem 0 4rem;
}
#MyEmployment .validationError,
#MyProfileCommunication .validationError,
#MyProfilePersonalDetails .validationError {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
@media only screen and (max-width: 467px) {
  #MyEmployment .div-single-input,
  #MyProfileCommunication .div-single-input,
  #MyProfilePersonalDetails .div-single-input {
    width: 100%;
  }
}
#MyEmployment .txtEmail,
#MyProfileCommunication .txtEmail,
#MyProfilePersonalDetails .txtEmail,
#MyEmployment .ddAddress,
#MyProfileCommunication .ddAddress,
#MyProfilePersonalDetails .ddAddress {
  width: 23.125rem;
}
@media only screen and (max-width: 467px) {
  #MyEmployment .txtEmail,
  #MyProfileCommunication .txtEmail,
  #MyProfilePersonalDetails .txtEmail,
  #MyEmployment .ddAddress,
  #MyProfileCommunication .ddAddress,
  #MyProfilePersonalDetails .ddAddress {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #MyEmployment .flex-col1,
  #MyProfileCommunication .flex-col1,
  #MyProfilePersonalDetails .flex-col1 {
    width: 100%;
  }
}
#MyEmployment .div--input,
#MyProfileCommunication .div--input,
#MyProfilePersonalDetails .div--input {
  display: flex;
  grid-gap: 0.5rem;
}
@media only screen and (max-width: 768px) {
  #MyEmployment .div--input,
  #MyProfileCommunication .div--input,
  #MyProfilePersonalDetails .div--input {
    flex-direction: column;
  }
}
#MyEmployment .div--input .ddPhone--CountryCode,
#MyProfileCommunication .div--input .ddPhone--CountryCode,
#MyProfilePersonalDetails .div--input .ddPhone--CountryCode {
  width: 10.875rem;
}
@media only screen and (max-width: 768px) {
  #MyEmployment .div--input .ddPhone--CountryCode,
  #MyProfileCommunication .div--input .ddPhone--CountryCode,
  #MyProfilePersonalDetails .div--input .ddPhone--CountryCode {
    width: 100%;
  }
}
#MyEmployment .div--input .txtPhone--Prefix,
#MyProfileCommunication .div--input .txtPhone--Prefix,
#MyProfilePersonalDetails .div--input .txtPhone--Prefix {
  width: 4.375rem;
}
@media only screen and (max-width: 768px) {
  #MyEmployment .div--input .txtPhone--Prefix,
  #MyProfileCommunication .div--input .txtPhone--Prefix,
  #MyProfilePersonalDetails .div--input .txtPhone--Prefix {
    width: 100%;
  }
}
#MyEmployment .div--input .txtPhone--PhoneNo,
#MyProfileCommunication .div--input .txtPhone--PhoneNo,
#MyProfilePersonalDetails .div--input .txtPhone--PhoneNo {
  width: 9.375rem;
}
@media only screen and (max-width: 768px) {
  #MyEmployment .div--input .txtPhone--PhoneNo,
  #MyProfileCommunication .div--input .txtPhone--PhoneNo,
  #MyProfilePersonalDetails .div--input .txtPhone--PhoneNo {
    width: 100%;
  }
}
#MyEmployment .flexmodal,
#MyProfileCommunication .flexmodal,
#MyProfilePersonalDetails .flexmodal {
  display: flex;
  justify-content: center;
  z-index: 9999;
}
#MyEmployment .flexmodal select,
#MyProfileCommunication .flexmodal select,
#MyProfilePersonalDetails .flexmodal select {
  width: 100%;
}
#MyEmployment .flexmodal .ui-widget-content,
#MyProfileCommunication .flexmodal .ui-widget-content,
#MyProfilePersonalDetails .flexmodal .ui-widget-content {
  position: absolute !important;
}
#MyEmployment .flexmodal label,
#MyProfileCommunication .flexmodal label,
#MyProfilePersonalDetails .flexmodal label {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.813rem;
  letter-spacing: 0.025em;
  color: #0B0039;
}
#MyEmployment .flexmodal input[type=text],
#MyProfileCommunication .flexmodal input[type=text],
#MyProfilePersonalDetails .flexmodal input[type=text] {
  width: 100%;
}
#MyEmployment .flexmodal .modal-content,
#MyProfileCommunication .flexmodal .modal-content,
#MyProfilePersonalDetails .flexmodal .modal-content {
  width: 100%;
}
#MyEmployment .flexmodal .modal-content .row-div,
#MyProfileCommunication .flexmodal .modal-content .row-div,
#MyProfilePersonalDetails .flexmodal .modal-content .row-div {
  display: flex;
  flex-direction: column;
  grid-gap: 0.25em;
  margin-top: 1rem;
}
#MyEmployment .flexmodal .modal-content .row-div.btn-top,
#MyProfileCommunication .flexmodal .modal-content .row-div.btn-top,
#MyProfilePersonalDetails .flexmodal .modal-content .row-div.btn-top {
  margin-top: 2rem;
}
#MyEmployment .flexmodal .modal-content .control-datepicker,
#MyProfileCommunication .flexmodal .modal-content .control-datepicker,
#MyProfilePersonalDetails .flexmodal .modal-content .control-datepicker {
  width: 160px;
  padding-left: 3.125em;
}
#MyEmployment .flexmodal .modal-content .btn,
#MyProfileCommunication .flexmodal .modal-content .btn,
#MyProfilePersonalDetails .flexmodal .modal-content .btn {
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 467px) {
  #MyEmployment .flexmodal .modal-content,
  #MyProfileCommunication .flexmodal .modal-content,
  #MyProfilePersonalDetails .flexmodal .modal-content {
    margin: auto 1em;
    width: auto;
  }
}
#datepicker-container-jurisdiction #ui-datepicker-div,
#datepicker-container-education #ui-datepicker-div {
  top: auto !important;
  left: auto !important;
}
#datepicker-container-jurisdiction #ui-datepicker-div table.ui-datepicker-calendar,
#datepicker-container-education #ui-datepicker-div table.ui-datepicker-calendar {
  margin-left: 0 !important;
}
#FirmAccounting .firmaccounting-firmsearch span {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  #FirmAccounting .firmaccounting-firmsearch span {
    width: 100%;
  }
}
#FirmAccounting .firmaccounting-firmsearch input[type=text] {
  background: url("/UI/images/icons/navigation_search.svg") right 1em top 1em no-repeat;
  padding: 0.5em 3em 0.5em 1em;
  /*background-image: @icon--navigation__search;
            background-repeat: no-repeat;
            background-color: transparent;
            background-position: right 0.5em top 0.8em;*/
  /*&::after {
                content: @icon--s
                vertical-align: sub;
                margin-right: 0.5em;
            }*/
}
#FirmAccounting .firmaccounting-firmsearch .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 2rem 0;
}
#FirmAccounting .k-autocomplete > .k-i-close {
  display: none !important;
}
#FirmAccounting .form-group {
  margin-bottom: 2em;
  display: grid;
  grid-gap: 0.25em;
}
#FirmAccounting .form-group #ReportYearDate {
  width: 9rem;
}
#FirmAccounting .form-group #ClientAmount,
#FirmAccounting .form-group #LiabilityAmount {
  width: 100%;
  max-width: 20rem;
  box-sizing: border-box;
}
#FirmAccounting .form-group input:not([type=checkbox]) {
  padding: 0.5em 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
#FirmAccounting .form-group .input-right {
  text-align: right;
}
#FirmAccounting .form-group .fixed-width {
  width: 22.5em;
}
@media only screen and (max-width: 576px) {
  #FirmAccounting .form-group .fixed-width {
    width: 100%;
  }
}
#FirmAccounting .form-group .validation-error {
  color: #E60000;
  display: flex;
}
#FirmAccounting .form-group .validation-error::before {
  content: url("/UI/images/icons/circled-error-red.svg");
  vertical-align: sub;
  margin-right: 0.5em;
}
#FirmAccounting .form-group .tooltip {
  padding: 0rem 0rem 0rem 1rem;
  height: auto;
  min-width: unset;
  justify-content: flex-start;
}
#FirmAccounting .form-group .tooltip .right {
  left: 40%;
  padding: 1rem;
}
#FirmAccounting .form-group .tooltip .right h3 {
  margin-top: 0;
}
#FirmAccounting .form-group .tooltip .right p {
  margin-bottom: 0;
}
@media only screen and (max-width: 810px) {
  #FirmAccounting .form-group .tooltip .right {
    left: -150%;
  }
}
@media only screen and (max-width: 576px) {
  #FirmAccounting .form-group .tooltip .right {
    left: -57%;
    min-width: 15rem;
  }
}
@media only screen and (max-width: 360px) {
  #FirmAccounting .form-group .tooltip .right {
    left: -200%;
  }
}
#FirmAccounting .form-group .uploadcontrol p {
  margin-top: 0;
}
#FirmAccounting .form-group .attachmentUpload {
  margin-bottom: 0;
}
#FirmAccounting .d-flex {
  margin-bottom: 2em;
  display: flex;
  align-items: center;
}
#FirmAccounting .d-flex input[type=checkbox] {
  margin-top: 0;
}
@media only screen and (max-width: 576px) {
  #FirmAccounting .d-flex input[type=checkbox] {
    margin-top: 0.25rem;
  }
}
@media only screen and (max-width: 576px) {
  #FirmAccounting .d-flex {
    align-items: flex-start;
  }
}
#FirmAccounting .error {
  background-color: #FFE6E6;
}
#FirmAccounting .modal {
  z-index: 9999;
}
#FirmAccounting .modal .modal-dialog {
  width: fit-content;
  align-items: baseline;
  align-self: center;
  margin: 0 auto;
  padding-bottom: 1em;
}
#FirmAccounting .modal .modal-dialog .modal-content {
  padding: 1em;
  z-index: 9999;
}
#FirmAccounting .modal .modal-dialog .modal-content .d-grid {
  display: grid;
  grid-gap: 1rem;
}
#FirmAccountingReportList .table-container,
#FirmAccountingList .table-container {
  margin: auto;
  overflow-x: auto;
  padding: 0.5em 0;
  width: 100%;
}
#FirmAccountingReportList .table-container::-webkit-scrollbar,
#FirmAccountingList .table-container::-webkit-scrollbar {
  width: 20px;
  border: 0.5px solid #FFFFFF;
  border-radius: 10px;
  background: #FFFFFF;
  height: 1.5em;
}
#FirmAccountingReportList .table-container .rigth-align,
#FirmAccountingList .table-container .rigth-align {
  text-align: right;
}
#FirmAccountingReportList .input-symbol-euro,
#FirmAccountingList .input-symbol-euro {
  position: relative;
}
#FirmAccountingReportList .input-symbol-euro input,
#FirmAccountingList .input-symbol-euro input {
  padding-left: 1.875rem;
  width: -webkit-fill-available;
}
#FirmAccountingReportList .input-symbol-euro:before,
#FirmAccountingList .input-symbol-euro:before {
  position: absolute;
  top: 0.813rem;
  content: "€";
  left: 1rem;
  font-weight: 700;
}
#FirmAccountingReportList #SearchButton,
#FirmAccountingList #SearchButton {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 3.25rem;
  height: 3.063rem;
  background: #007377;
  border-radius: 3px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 0;
}
@media only screen and (max-width: 576px) {
  #FirmAccountingReportList #SearchButton,
  #FirmAccountingList #SearchButton {
    width: 100%;
    margin-left: 0em;
    margin-top: 2rem;
    font-size: 1rem;
    align-items: center;
  }
}
@media only screen and (max-width: 576px) {
  #FirmAccountingReportList #SearchButton .material-icons,
  #FirmAccountingList #SearchButton .material-icons {
    margin-left: 1rem;
  }
}
#FirmAccountingReportList .grid-3col,
#FirmAccountingList .grid-3col {
  display: grid;
  grid-gap: 1em;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 60px;
  margin-bottom: 0em;
  align-items: flex-end;
  margin-bottom: 4em;
  background: #FAFAFA;
  padding: 2rem;
}
#FirmAccountingReportList .grid-3col .d-flex,
#FirmAccountingList .grid-3col .d-flex {
  grid-gap: 0.25em;
  display: flex;
  flex-direction: column;
}
#FirmAccountingReportList .grid-3col .d-flex label,
#FirmAccountingList .grid-3col .d-flex label {
  font-weight: 700;
}
@media only screen and (max-width: 576px) {
  #FirmAccountingReportList .grid-3col,
  #FirmAccountingList .grid-3col {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
#FirmAccountingReportList .flex-container {
  display: flex;
  align-items: center;
  background: #FAFAFA;
  margin-bottom: 4em;
}
#FirmAccountingReportList .grid-3col {
  margin-bottom: 0em;
}
#FirmAccountingReportList .grid-3col .d-flex {
  grid-gap: 0.25em;
  display: flex;
  flex-direction: column;
}
#FirmAccountingReportList .grid-3col .d-flex label {
  font-weight: 700;
}
#FirmAccountingReportList .grid-3col .d-flex a {
  font-family: 'Archivo';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
@media only screen and (max-width: 576px) {
  #FirmAccountingReportList .grid-3col .d-flex:nth-child(4) {
    display: none;
  }
  #FirmAccountingReportList .grid-3col .d-flex:last-child {
    display: none !important;
  }
}
#FirmAccountingReportList .grid-3col .icon-inline {
  flex-direction: row !important;
}
#FirmAccountingReportList .grid-3col .advSearchHidden {
  display: none;
}
@media only screen and (max-width: 576px) {
  #FirmAccountingReportList .grid-3col .advSearchHidden {
    display: flex;
  }
}
div#autocomplete-list {
  width: 22.7rem !important;
  border-radius: 5px;
}
/*Section 1 Personal Details*/
#RoomBookForm .validation--error {
  display: block;
}
#RoomBookForm input#autocomplete {
  width: 23.125rem !important;
  border-radius: 5px;
  border: 1px solid #838383;
  background: #FFFFFF;
}
#RoomBookForm .material-icons-outlined {
  margin-bottom: -0.25rem;
}
#RoomBookForm .div-margin.error input[type=text] {
  background-color: #FFE6E6;
  border-color: #E60000;
  color: #0B0039;
}
@media only screen and (max-width: 576px) {
  #RoomBookForm input#btnSaveChanges {
    margin-bottom: 2rem;
  }
}
#RoomBookForm .flex-1row-2col {
  margin-bottom: 2em;
}
#RoomBookForm .flex-1row-2col .flex-col1 span {
  font-weight: 700;
  line-height: 1.8rem;
}
#RoomBookForm .flex-1row-2col .flex-col1 .tooltip span {
  font-weight: 400;
}
#RoomBookForm .flex-1row-2col .flex-col1 .flex-icons-align {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
}
@media only screen and (max-width: 576px) {
  #RoomBookForm .flex-1row-2col .flex-col1 {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #RoomBookForm .flex-1row-2col .flex-col2 {
    width: 100%;
  }
}
#RoomBookForm .flex-1row-2col .chk-align-center {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  #RoomBookForm .flex-1row-2col .chk-align-center {
    align-items: flex-start;
  }
}
#RoomBookForm .flex-1row-2col .btn-align {
  display: flex;
  grid-gap: 2rem;
}
@media only screen and (max-width: 576px) {
  #RoomBookForm .flex-1row-2col .btn-align {
    flex-direction: column;
  }
}
#RoomBookForm .flex-1row-2col .div-margin {
  margin-top: 0.25rem;
  margin-bottom: 0px;
  width: 100%;
}
@media only screen and (max-width: 576px) {
  #RoomBookForm .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
}
#RoomBookForm input:disabled {
  background-color: #EBEBEB !important;
  border: #838383 !important;
  color: #838383 !important;
}
#RoomBookForm input:disabled:hover {
  border: unset !important;
  box-shadow: unset !important;
  opacity: 1;
}
#RoomBookForm .material-symbols-outlined {
  font-weight: 400 !important;
  cursor: pointer;
}
#RoomBookForm input[type=number] {
  width: 3.5em;
  height: 3em;
  padding: 0.5em 1em;
  text-align: center;
}
#RoomBookForm input[type=text],
#RoomBookForm select,
#RoomBookForm textarea {
  width: 23.125rem;
}
@media only screen and (max-width: 576px) {
  #RoomBookForm input[type=text],
  #RoomBookForm select,
  #RoomBookForm textarea {
    width: 100%;
  }
}
#RoomBookForm .grey-hr {
  border: 1px solid #EBEBEB;
  margin-bottom: 2rem;
  margin-top: 0px;
}
#RoomBookForm input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  display: block;
  background: url("/UI/images/icons/actions_daterange.svg") no-repeat;
  width: 1.25em;
  height: 1.25em;
  border-width: thin;
}
#RoomBookForm .date-time-flex {
  display: flex;
  gap: 0.438em;
  flex-direction: row-reverse;
  width: 12.625em;
  align-items: center;
}
#MyRoomBookForm table td:nth-child(1) {
  word-break: break-word;
}
#MyRoomBookForm .table-container .btn {
  text-decoration: none;
}
#MyRoomBookForm .table-container .two-line-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#MyRoomBookForm .table-container .a-disabled {
  text-decoration: none !important;
  pointer-events: none;
}
#MyRoomBookForm .empty-data-text {
  padding: 1rem 1rem !important;
  margin-top: 0;
  margin-bottom: 0;
}
#MyRoomBookForm .modal-dialog,
#RoomBookForm .modal-dialog {
  width: 18.5em;
}
#MyRoomBookForm .modal-dialog .modal-content .btn-align-columm,
#RoomBookForm .modal-dialog .modal-content .btn-align-columm {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#MyDashboard .grid-row1-col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  #MyDashboard .grid-row1-col2 {
    display: flex;
    flex-direction: column;
  }
}
#MyDashboard .grid-row1-col2 .dashboard--menuitem {
  border: 1px solid #B5B5B5;
  border-radius: 5px;
  background: #FAFAFA;
  margin: 0rem 0rem 2rem 0rem;
  display: flex;
}
#MyDashboard .grid-row1-col2 .dashboard--menuitem:nth-child(odd) {
  margin-right: 2rem;
}
@media only screen and (max-width: 768px) {
  #MyDashboard .grid-row1-col2 .dashboard--menuitem:nth-child(odd) {
    margin-right: 0rem;
  }
}
#MyDashboard .grid-row1-col2 .dashboard--menuitem .dashboard--menuitem__icon {
  width: 3rem;
  height: auto;
}
#MyDashboard .grid-row1-col2 .dashboard--menuitem .dashboard--menuitem__icon .dashboard--menuitem__icon--image {
  padding: 0.7rem 0.5rem 0rem 0.5rem;
  filter: brightness(0) invert(1);
}
#MyDashboard .grid-row1-col2 .dashboard--menuitem .dashboard--menuitem__link {
  padding: 1rem;
  text-decoration: none;
  color: #0B0039;
}
#ProfileChangeApplication attachment-file#ctrlDocumentUpload.error .attachmentUpload {
  background: #FFE6E6;
  border-color: #E60000;
}
#ProfileChangeApplication .page-subheading-blue {
  margin-top: 2rem;
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
}
#ProfileChangeApplication .tooltip-header {
  margin-top: 0px !important;
}
#ProfileChangeApplication input#btnSubmit.disabled {
  background: grey;
}
#ProfileChangeApplication input#btnSubmit.disabled:hover {
  opacity: 1;
}
#ProfileChangeApplication .div-upload-control p {
  display: none;
}
#ProfileChangeApplication .control-datepicker {
  width: 10rem;
  padding-left: 3.125rem;
}
@media only screen and (max-width: 576px) {
  #ProfileChangeApplication .control-datepicker {
    width: 100%;
  }
}
#ProfileChangeApplication .div-margin-top {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
#ProfileChangeApplication select#ddOptions,
#ProfileChangeApplication textarea#txtChangeReason,
#ProfileChangeApplication .attachmentUpload,
#ProfileChangeApplication #txtFirstName,
#ProfileChangeApplication #txtLastName,
#ProfileChangeApplication #txtEffectiveDate {
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  #ProfileChangeApplication select#ddOptions,
  #ProfileChangeApplication textarea#txtChangeReason,
  #ProfileChangeApplication .attachmentUpload,
  #ProfileChangeApplication #txtFirstName,
  #ProfileChangeApplication #txtLastName,
  #ProfileChangeApplication #txtEffectiveDate {
    width: 100%;
  }
}
#ProfileChangeApplication .attachmentUpload .textlink {
  width: 90%;
}
#ProfileChangeApplication .checkboxAccept {
  display: flex;
}
#ProfileChangeApplication .linkURL:hover {
  opacity: 0.5;
}
#ProfileChangeApplication .linkURL i.material-icons {
  vertical-align: bottom;
}
#ProfileChangeApplication .attachmentUpload {
  margin-bottom: 0rem;
}
#ProfileChangeApplication .flexmodal .modal-content {
  width: 27.375em;
}
#ProfileChangeApplication .flexmodal .modal-buttons {
  display: flex;
  grid-gap: 0rem;
  flex-direction: column;
  width: 100%;
}
#gazetteProfile .text-content {
  font-family: 'Archivo';
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.375rem;
  color: #0B0039;
}
#gazetteProfile .hr-grey {
  margin: 2.5rem 0 2.5rem 0;
}
#gazetteProfile .dark-blue-header {
  font-family: 'PT Serif';
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 0.025em;
  line-height: 1.625rem;
  color: #0B0039;
  margin-bottom: 1.563rem;
}
#gazetteProfile .blue-header {
  color: #5B9DE8;
}
#gazetteProfile .align-right {
  justify-content: flex-end;
  gap: 1.25rem;
}
#gazetteProfile .btn-white {
  color: #397bcf;
  background-color: transparent;
  border: 0.125rem solid #397bcf !important;
}
#gazetteProfile a.red-link {
  color: #B2131B;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
#gazetteProfile a.red-link:hover {
  text-decoration: underline;
}
#gazetteProfile .flexmodal {
  display: flex;
  justify-content: center;
  z-index: 9999;
}
#gazetteProfile .flexmodal select {
  width: 100%;
}
#gazetteProfile .flexmodal .modal-content {
  width: 27.375em;
  background-color: #FFFFFF;
  padding: 1em 1em 0 1em;
}
#gazetteProfile .flexmodal .modal-content .btn {
  width: 100%;
  margin-bottom: 1em;
}
@media only screen and (max-width: 467px) {
  #gazetteProfile .flexmodal .modal-content {
    margin: auto 1em;
    width: auto;
  }
}
#gazetteProfile .flex-1row-2col {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#gazetteProfile .flex-1row-2col .flex-row {
  margin-bottom: 1.25rem;
}
#gazetteProfile .flex-1row-2col .flex-col1 {
  width: 15.625rem;
}
@media only screen and (max-width: 576px) {
  #gazetteProfile .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
}
#LegalVacanciesAttachCV .material-icons,
#LegalVacanciesEditProfile .material-icons {
  color: #8D5C12;
}
#LegalVacanciesAttachCV .radioValidationClass,
#LegalVacanciesEditProfile .radioValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#LegalVacanciesAttachCV .textValidationClass,
#LegalVacanciesEditProfile .textValidationClass {
  color: #E60000 !important;
}
#LegalVacanciesAttachCV .flex-1row-2col,
#LegalVacanciesEditProfile .flex-1row-2col {
  display: flex;
  flex-direction: row;
  margin-top: 2rem;
  align-items: baseline;
  justify-content: space-between;
}
#LegalVacanciesAttachCV .flex-1row-2col .flex-col1 p,
#LegalVacanciesEditProfile .flex-1row-2col .flex-col1 p {
  margin: 0px;
}
#LegalVacanciesAttachCV .flex-1row-2col .flex-col2.chevron-align,
#LegalVacanciesEditProfile .flex-1row-2col .flex-col2.chevron-align {
  display: flex;
  align-items: center;
  text-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  #LegalVacanciesAttachCV .flex-1row-2col .flex-col2.chevron-align,
  #LegalVacanciesEditProfile .flex-1row-2col .flex-col2.chevron-align {
    width: 100%;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  #LegalVacanciesAttachCV .flex-1row-2col,
  #LegalVacanciesEditProfile .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 1rem;
  }
  #LegalVacanciesAttachCV .flex-1row-2col .btn,
  #LegalVacanciesEditProfile .flex-1row-2col .btn {
    text-align: center !important;
    width: 100% !important;
  }
}
#LegalVacanciesAttachCV .space-between,
#LegalVacanciesEditProfile .space-between {
  justify-content: space-between;
}
#LegalVacanciesAttachCV .grid-row1-col2,
#LegalVacanciesEditProfile .grid-row1-col2 {
  display: flex;
  grid-gap: 2rem;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  #LegalVacanciesAttachCV .grid-row1-col2 .btn,
  #LegalVacanciesEditProfile .grid-row1-col2 .btn {
    text-align: center !important;
    width: 100% !important;
  }
}
#LegalVacanciesAttachCV .control-datepicker,
#LegalVacanciesEditProfile .control-datepicker {
  width: 10rem;
  padding-left: 3.125rem;
}
@media only screen and (max-width: 768px) {
  #LegalVacanciesAttachCV .control-datepicker,
  #LegalVacanciesEditProfile .control-datepicker {
    width: 100%;
  }
}
#LegalVacanciesAttachCV .hr-grey,
#LegalVacanciesEditProfile .hr-grey {
  margin: 2rem 0 0rem 0;
}
#LegalVacanciesAttachCV .margin-control,
#LegalVacanciesEditProfile .margin-control {
  margin-top: 2rem;
}
#LegalVacanciesAttachCV .subheading-blue,
#LegalVacanciesEditProfile .subheading-blue {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.5rem !important;
  color: #0B0039 !important;
}
#LegalVacanciesAttachCV .larger-margin,
#LegalVacanciesEditProfile .larger-margin {
  margin-bottom: 1rem;
}
#LegalVacanciesAttachCV div#modalUploadCV,
#LegalVacanciesEditProfile div#modalUploadCV {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}
#LegalVacanciesAttachCV div#modalUploadCV div#inline-add1,
#LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 {
  padding: 1rem;
  max-width: 30.375rem;
  margin: 0 auto;
  opacity: 1;
  margin-top: 10rem;
}
@media only screen and (max-width: 467px) {
  #LegalVacanciesAttachCV div#modalUploadCV div#inline-add1,
  #LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 {
    margin: 10rem 1rem 1rem 1rem;
  }
}
#LegalVacanciesAttachCV div#modalUploadCV div#inline-add1,
#LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 {
  background-color: #FFFFFF;
}
#LegalVacanciesAttachCV div#modalUploadCV div#inline-add1 .modal-h2,
#LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 .modal-h2 {
  margin-bottom: 1rem;
}
#LegalVacanciesAttachCV div#modalUploadCV div#inline-add1 .modal-buttons,
#LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 .modal-buttons {
  flex-direction: column;
}
#LegalVacanciesAttachCV div#modalUploadCV div#inline-add1 .attachment-control-lsi .attachmentUpload,
#LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 .attachment-control-lsi .attachmentUpload {
  margin-bottom: 16px !important;
}
#LegalVacanciesAttachCV div#modalUploadCV div#inline-add1 .grey-text,
#LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 .grey-text {
  margin-top: 0.5rem;
  font-family: 'Archivo';
  font-weight: 400;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
#LegalVacanciesAttachCV div#modalUploadCV div#inline-add1 .input-width,
#LegalVacanciesEditProfile div#modalUploadCV div#inline-add1 .input-width {
  width: 100%;
}
#LegalVacanciesAttachCV input#txtViewInput {
  width: 60px;
}
#LegalVacanciesAttachCV .grid-row1-col2 {
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  #LegalVacanciesAttachCV .btn-flex {
    flex-direction: column;
  }
}
#LegalVacanciesAttachCV div#modalDeactivate {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}
#LegalVacanciesAttachCV div#modalDeactivate div#inline-add1 {
  padding: 1rem;
  max-width: 30.375rem;
  margin: 0 auto;
  opacity: 1;
  margin-top: 10rem;
}
@media only screen and (max-width: 467px) {
  #LegalVacanciesAttachCV div#modalDeactivate div#inline-add1 {
    margin: 10rem 1rem 1rem 1rem;
  }
}
#LegalVacanciesAttachCV div#modalDeactivate div#inline-add1 {
  background-color: #0B0039;
}
#LegalVacanciesAttachCV i.ebIcon-trash {
  background-image: url("/UI/images/icons/circled_cancel.svg");
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
}
#LegalVacanciesAttachCV table#tableCvs tbody tr td a {
  font-family: 'Archivo';
  font-weight: 700;
  color: #8D5C12;
  font-style: normal;
  line-height: 1.4em;
}
#LegalVacanciesAttachCV table#tableCvs tbody tr td:nth-child(1) {
  color: #0F014DBD;
}
#LegalVacanciesAttachCV div#modalDeleteCv {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}
#LegalVacanciesAttachCV div#modalDeleteCv div#inline-add1 {
  padding: 1rem;
  max-width: 30.375rem;
  margin: 0 auto;
  opacity: 1;
  margin-top: 10rem;
}
@media only screen and (max-width: 467px) {
  #LegalVacanciesAttachCV div#modalDeleteCv div#inline-add1 {
    margin: 10rem 1rem 1rem 1rem;
  }
}
#LegalVacanciesAttachCV div#modalDeleteCv div#inline-add1 {
  background-color: #0B0039;
  max-width: 24.375rem;
}
#LegalVacanciesAttachCV div#modalDeleteCv div#inline-add1 .modal-buttons {
  flex-direction: column;
}
#LegalVacanciesEditProfile label {
  color: #0F014DD4;
}
#LegalVacanciesEditProfile .modal-buttons {
  flex-direction: column;
}
#LegalVacanciesEditProfile .attachmentUpload {
  margin-bottom: 0;
}
#LegalVacanciesEditProfile .attachmentUpload .textlink {
  width: 70%;
}
#LegalVacanciesEditProfile .grid-row1-col2 {
  flex-direction: row;
}
#LegalVacanciesEditProfile .areaOfExpertise__question {
  display: flex;
  align-items: center;
}
#LegalVacanciesEditProfile .areaOfExpertise__question,
#LegalVacanciesEditProfile input#btnSuccessModalHome,
#LegalVacanciesEditProfile input#btnUploadModalClose {
  margin-bottom: 1rem;
}
#LegalVacanciesEditProfile .checkboxReminder {
  display: flex;
  margin-top: 2rem;
  align-items: center;
}
#LegalVacanciesEditProfile .checkboxTandCs {
  display: flex;
  margin-top: 2rem;
  align-items: center;
}
#LegalVacanciesEditProfile .rbQuestion__top {
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
#LegalVacanciesEditProfile .rbQuestion__top input[type="radio"] {
  top: 0px;
}
#LegalVacanciesEditProfile select,
#LegalVacanciesEditProfile textarea {
  width: 20.5rem;
}
@media only screen and (max-width: 768px) {
  #LegalVacanciesEditProfile select,
  #LegalVacanciesEditProfile textarea {
    width: 100%;
  }
}
#LegalVacanciesEditProfile div#modalSuccessInfo {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
}
#LegalVacanciesEditProfile div#modalSuccessInfo div#inline-add1 {
  padding: 1rem;
  max-width: 30.375rem;
  margin: 0 auto;
  opacity: 1;
  margin-top: 10rem;
}
@media only screen and (max-width: 467px) {
  #LegalVacanciesEditProfile div#modalSuccessInfo div#inline-add1 {
    margin: 10rem 1rem 1rem 1rem;
  }
}
#LegalVacanciesEditProfile div#modalSuccessInfo div#inline-add1 {
  background-color: #F8F5EF;
}
.remove-Header {
  display: none !important;
}
#MoocPayment {
  margin-top: 1rem;
}
#MoocPayment .flex-1row-2col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#MoocPayment .mt-64 {
  margin-top: 4rem;
}
#MoocPayment .hr-grey {
  margin: 2rem 0 2rem 0;
}
#MoocPayment .align-right {
  justify-content: flex-end;
  gap: 1.25rem;
}
#MoocPayment .select-option {
  display: flex;
  gap: 2em;
  margin-bottom: 2em;
}
#MoocPayment .select-option .option {
  border-bottom: 1px solid #EBEBEB;
}
#MoocPayment .select-option .option .d-flex {
  margin-bottom: 1em;
  gap: 1em;
  align-items: baseline;
  flex-direction: row;
}
#LawDirectory .info-text {
  margin: 0 !important;
}
#LawDirectory .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#LawDirectory .flex-1row-2col .flex-col1 {
  width: 50%;
}
#LawDirectory .flex-1row-2col .flex-col1 p {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
#LawDirectory .flex-1row-2col .flex-col2.chevron-align {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  #LawDirectory .flex-1row-2col {
    flex-wrap: unset;
    align-items: baseline;
    gap: 0.5rem;
  }
  #LawDirectory .flex-1row-2col p {
    margin-top: 0.25rem;
    margin-bottom: 1rem;
  }
}
#ChangePassword {
  max-width: 48rem;
}
#ChangePassword .password__info--section {
  display: flex;
  flex-direction: column;
}
#ChangePassword .password__info--section label {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
  font-style: normal;
}
#ChangePassword .checkbox-align {
  display: flex;
  align-items: center;
  gap: 0.4em;
}
#ChangePassword .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2em;
  align-items: center;
}
#ChangePassword .flex-1row-2col .flex-col1 {
  width: 100%;
}
#ChangePassword .flex-1row-2col .flex-col1 span {
  font-weight: 700;
}
#ChangePassword .flex-1row-2col .flex-col1 .validation--error {
  margin-top: 0.25rem;
}
#ChangePassword .flex-1row-2col .div-margin {
  margin-top: 0.25rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px) {
  #ChangePassword .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
}
#CouncilNominationsSeeking input#btnSubmitNomination,
#CouncilNominationsSeeking h3#lblSecondHeading,
#CouncilNominationsSeeking .notification--error,
#CouncilNominationsSeeking .notification--success {
  margin-top: 2rem;
}
#CouncilNominationsSeeking h2 {
  text-transform: capitalize;
}
#CouncilNominationsSeeking .flex-1row-2col {
  width: 20.5rem;
}
#CouncilNominationsSeeking h1.body {
  display: none;
}
#CouncilNominationsSeeking h1 {
  border-bottom: 1px solid #EBEBEB;
  margin-top: 0;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
#CouncilNominationsSeeking .section--Personaldetails {
  margin-top: 4rem;
}
#CouncilNominationsSeeking .section--Personaldetails .control-label {
  margin: 1rem 0 2rem;
}
#CouncilNominationsSeeking .validation--error {
  margin-top: -1.5rem;
  margin-bottom: 1rem;
}
#CouncilNominationsSeeking input[type=text] {
  margin: 0.5rem 0 2rem;
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  #CouncilNominationsSeeking input[type=text] {
    width: 100%;
  }
}
#CouncilNominationsSeeking div#lblFirstName.page-subheading-blue,
#CouncilNominationsSeeking div#lblSecondName.page-subheading-blue {
  margin-top: 1rem;
}
#CouncilNominationsSeeking hr.hr-grey {
  margin: 2rem 0;
}
#CouncilNominationsSeeking .modal-dialog {
  max-width: 30em;
  display: flex;
  padding-top: 2em;
  margin: 4em auto;
}
#CouncilNominationsSeeking .modal-dialog p {
  color: #FFFFFF !important;
}
#CouncilNominationsSeeking .modal-dialog p a {
  color: #FFFFFF !important;
}
#CouncilNominationsSeeking .modal-dialog .d-flex {
  display: flex;
  grid-gap: 2rem;
  flex-direction: column;
  margin-bottom: 2em;
  width: 100%;
}
@media only screen and (max-width: 467px) {
  #CouncilNominationsSeeking .modal-dialog {
    margin: 1em;
  }
}
#CouncilNominationsRequest h2 {
  margin: 1rem 0 0 0 !important;
}
#CouncilNominationsRequest .page-subheading-blue {
  margin-bottom: 4rem;
}
#CouncilNominationsRequest .grid-col1.page-subheading-blue {
  margin-bottom: 0.5rem;
}
#CouncilNominationsRequest .control-label.mb-32 {
  margin-bottom: 1rem;
}
#RARSearchUser input#btnCreateNewUser {
  margin-bottom: 2rem;
}
#RARSearchUser .table-container table thead tr th,
#RARSearchUser .table-container table tbody tr td {
  padding: 1rem 1rem;
}
#RARSearchUser td.background--colour__grey1 {
  border: none !important;
}
#RARSearchUser .modal-footer button {
  width: 100%;
}
#RARSearchUser .modal-footer button.save.btn.btn-secondary {
  margin-bottom: 1rem;
}
#RARSearchUser tr#trSubmitButtons td {
  background-color: #FAFAFA !important;
  box-shadow: none;
}
#RARSearchUser .options.btn-group {
  display: flex;
}
@media only screen and (max-width: 576px) {
  #RARSearchUser .options.btn-group {
    display: grid;
  }
}
@media only screen and (max-width: 576px) {
  #RARSearchUser .options.btn-group button.btn.btn-primary {
    width: 100% !important;
  }
}
#RARSearchUser .options.btn-group button.btn.btn-secondary {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 576px) {
  #RARSearchUser .options.btn-group button.btn.btn-secondary {
    margin-bottom: 1rem;
    width: 100%;
  }
}
#RARSearchUser .input-no-gutter .form-group:first-child {
  padding-bottom: 1rem;
}
#RARSearchUser label.value-orders {
  display: inline-flex;
}
#RARSearchUser tfoot {
  background-color: #EBEBEB;
}
#RARSearchUser tfoot #trNoRecords {
  background-color: #FFFFFF;
}
#RARSearchUser tfoot td {
  padding: 1rem 0;
}
#RARSearchUser tfoot .numberOfRecords {
  font-weight: 700;
  color: #0B0039;
  margin: 0rem 1rem;
}
#RARSearchUser tfoot .flex-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}
#RARSearchUser tfoot .flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
#RARSearchUser tfoot .flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
#RARSearchUser tfoot .flex-items:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
#RARSearchUser tfoot input#txtView {
  width: 3.625rem;
  font-weight: 700 !important;
}
#RARSearchUser tfoot td#tdView,
#RARSearchUser tfoot td#tdPager {
  text-align: right;
  padding-right: 1rem;
}
#RARSearchUser tfoot a#btnPrevious {
  background-image: url("/UI/images/icons/chevron_left.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
}
#RARSearchUser tfoot a#btnNext {
  background-image: url("/UI/images/icons/chevron_right.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
}
#RARSearchUser tfoot input#txtLastName {
  margin-top: 1rem;
}
#RARSearchUser tfoot .options.btn-group {
  text-align: right;
}
#RARSearchUser tfoot .modal-buttons {
  flex-direction: column !important;
}
.RARCreateUser-form {
  /*TODO: to move globally - for review*/
  /*TODO: to move globally - for review*/
}
.RARCreateUser-form .flex-col1 {
  display: flex;
  flex-direction: column;
}
.RARCreateUser-form .label-span {
  font-weight: 700;
  color: #0B0039;
}
.RARCreateUser-form .div-margin {
  margin-top: 0.25em;
}
.RARCreateUser-form .div-margin input,
.RARCreateUser-form .div-margin select,
.RARCreateUser-form .div-margin attachment-file,
.RARCreateUser-form .div-margin textarea {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .RARCreateUser-form .div-margin input,
  .RARCreateUser-form .div-margin select,
  .RARCreateUser-form .div-margin attachment-file,
  .RARCreateUser-form .div-margin textarea {
    width: 200%;
  }
}
.RARCreateUser-form .question-text {
  font-size: 1em;
  color: #0F014DBD;
}
@media only screen and (max-width: 576px) {
  .RARCreateUser-form .question-text {
    width: 200%;
  }
}
@media only screen and (max-width: 576px) {
  .RARCreateUser-form {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
  .RARCreateUser-form .validation--error {
    width: 200%;
  }
  .RARCreateUser-form .admin-section {
    width: 100%;
    flex-wrap: nowrap;
  }
  .RARCreateUser-form span {
    width: 200%;
  }
  .RARCreateUser-form .admin-div,
  .RARCreateUser-form .admin-info-div {
    width: 100%;
  }
}
.RARCreateUser-form attachment-file {
  display: block;
}
.RARCreateUser-form attachment-file .attachmentUpload {
  margin-bottom: 0;
}
.RARCreateUser-form .headertext {
  display: flex;
  flex-direction: column;
  gap: 1em;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.RARCreateUser-form .hr-grey {
  border: 1px solid #EBEBEB;
  margin: 2em 0 2em 0;
}
.RARCreateUser-form .admin-info-div {
  display: flex;
  align-content: flex-end;
  grid-gap: 0.25em;
  align-items: flex-end;
}
.RARCreateUser-form .tooltip-div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;
}
.RARCreateUser-form .tooltip-div .right p {
  margin-top: 0;
}
@media only screen and (max-width: 576px) {
  .RARCreateUser-form .tooltip-div .right {
    width: 15rem;
    transform: translate(-120%, 5%);
  }
}
.RARCreateUser-form .tooltip-div .tooltip-text {
  white-space: nowrap;
  color: var(--primary-brand-1, #0B0039);
  text-align: center;
  /* Body/2/Regular */
  font-family: Manrope;
  font-size: 13.33px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.9px;
  /* 179.295% */
  letter-spacing: 0.208px;
}
.RARCreateUser-form .tooltip-div .questiomark {
  font-weight: 400;
}
.intranet-staff-search .search-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #FAFAFA;
  padding: 2rem 2rem 2rem;
  border-radius: 3px;
  margin-bottom: 2em;
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .search-panel {
    padding: 2rem 1rem 2rem;
  }
}
.intranet-staff-search .search-panel .search-textbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .search-panel .search-textbox {
    flex-direction: column;
    align-items: unset;
    gap: 2rem;
  }
}
.intranet-staff-search .search-panel .search-textbox select {
  background-color: #FFFFFF;
}
.intranet-staff-search .search-panel .search-textbox .search-error {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
.intranet-staff-search .search-panel .search-textbox .search-button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  width: 3.25rem;
  height: 3.063rem;
  background: #007377;
  border-radius: 3px;
  text-decoration: none;
  color: #FFFFFF;
  margin-left: 1.5rem;
  font-size: 0;
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .search-panel .search-textbox .search-button {
    width: 100%;
    margin-left: 0em;
    font-size: 1rem;
    align-items: center;
  }
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .search-panel .search-textbox .search-button .material-icons {
    margin-left: 1rem;
  }
}
.intranet-staff-search .search-panel .search-textbox input {
  width: 100%;
}
.intranet-staff-search .search-panel .search-textbox .advanced-search-link {
  margin-left: 1.5rem;
  width: 33.3%;
  display: flex;
  justify-content: center;
}
.intranet-staff-search .search-panel .search-textbox .advanced-search-link a {
  color: #0B0039 !important;
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .search-panel .search-textbox .advanced-search-link {
    width: 100%;
    margin: 0px;
  }
}
.intranet-staff-search .card-staff {
  padding: 1em;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.15);
  border: 0.25px solid #EBEBEB;
  border-radius: 5px;
  font-family: 'Archivo';
  display: flex;
  gap: 1em;
  margin-bottom: 2em;
}
.intranet-staff-search .card-staff p {
  padding-bottom: 0 !important;
}
.intranet-staff-search .card-staff .card-body-staff {
  width: 100%;
}
.intranet-staff-search .card-staff .card-body-staff .card-display {
  width: 100%;
  display: flex;
  gap: 1em;
  word-break: break-word;
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .card-staff .card-body-staff .card-display {
    flex-direction: column;
  }
}
.intranet-staff-search .card-staff .card-body-staff .card-display .icon-size {
  height: 1.5em;
  width: 1.5em;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-img {
  height: 6.25em;
  width: 6.25em;
  background-image: url("/UI/images/LOGO_WHITE.svg");
  background-color: #019BA0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-img img {
  width: 6.25em;
  border-radius: 100%;
  border: 4px solid #007377;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-title {
  display: inline-flex;
  flex-direction: column;
  column-gap: 1em;
  width: 50%;
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .card-staff .card-body-staff .card-display .card-title {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 0.25px solid #EBEBEB;
  }
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-title .title-blue {
  color: #0B0039 !important;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-title h3,
.intranet-staff-search .card-staff .card-body-staff .card-display .card-title p {
  margin: 0;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-title .card-title-h5 {
  font-size: 1.2rem !important;
  margin-bottom: 0.25em;
  font-weight: 700;
  color: #0B0039;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-contact-staff {
  display: flex;
  flex-direction: column;
  width: 38%;
  grid-gap: 1em;
}
@media only screen and (max-width: 666px) {
  .intranet-staff-search .card-staff .card-body-staff .card-display .card-contact-staff {
    width: 100% !important;
    grid-gap: 0 !important;
    grid-row-gap: 1em !important;
    margin-bottom: 1em;
  }
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-item {
  display: flex;
  grid-gap: 1em;
  color: #0F014DBD;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-item .material-icons,
.intranet-staff-search .card-staff .card-body-staff .card-display .card-item .material-symbols-outlined {
  color: #0B0039 !important;
  font-size: 1.5em;
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-item a {
  color: #0F014DBD;
  text-decoration: none;
  padding-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 1024px) {
  .intranet-staff-search .card-staff .card-body-staff .card-display .card-item a {
    word-break: break-word;
  }
}
.intranet-staff-search .card-staff .card-body-staff .card-display .card-item a:hover {
  opacity: 0.5;
}
#PIICreateUser .question-text {
  font-size: 1em;
  color: #0F014DBD;
}
#PIISearchUser .options.btn-group {
  display: flex;
  gap: 1rem;
}
#edit-firm-name-text {
  margin-bottom: 4em;
}
#firm-admin-application {
  display: flex;
  flex-direction: column;
}
#firm-admin-application .notification--success {
  margin-bottom: 2em;
}
#firm-admin-application .flex-col1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.25em;
}
#firm-admin-application .flex-col1 span {
  font-weight: 700;
  color: #0B0039;
}
#firm-admin-application .flex-col1.material-icons-outlined {
  font-weight: 400;
}
#firm-admin-application select,
#firm-admin-application input:not([type="checkbox"]) {
  width: 60%;
}
@media only screen and (max-width: 576px) {
  #firm-admin-application select,
  #firm-admin-application input:not([type="checkbox"]) {
    width: 100%;
  }
}
#firm-admin-application .common-number-container {
  display: flex;
  gap: 0.5em;
}
@media only screen and (max-width: 576px) {
  #firm-admin-application .common-number-container {
    flex-direction: column;
  }
}
#firm-admin-application .common-number-container .drop-profile {
  flex: 0 0 20%;
}
@media only screen and (max-width: 576px) {
  #firm-admin-application .common-number-container .drop-profile {
    flex: 0 0 40%;
  }
}
#firm-admin-application .common-number-container .area-code {
  flex: 0 0 10%;
}
@media only screen and (max-width: 576px) {
  #firm-admin-application .common-number-container .area-code {
    flex: 0 0 15%;
  }
}
#firm-admin-application .common-number-container .common-number {
  flex: 0 0 20%;
}
@media only screen and (max-width: 576px) {
  #firm-admin-application .common-number-container .common-number {
    flex: 0 0 30%;
  }
}
#firm-admin-application .declaration {
  display: flex;
}
#firm-admin-application .second-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 2em;
}
#firm-admin-application .second-item a {
  color: #0B0039;
  font-family: Manrope;
  font-size: 13.33px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.9px;
  /* 179.295% */
  letter-spacing: 0.208px;
  text-decoration-line: underline;
}
#firm-admin-application .second-item #add-second-email-link,
#firm-admin-application .second-item #add-more-phone-numbers-link,
#firm-admin-application .second-item #add-more-fax-numbers-link,
#firm-admin-application .second-item #add-more-address-lines-link {
  display: flex;
  align-content: center;
  gap: 0.5em;
}
#firm-admin-application .second-item .add-email-text {
  display: flex;
}
#firm-admin-application .second-item .add-email-text:after {
  content: url(/ui/images/icons/icon--circled__add.svg);
}
#firm-admin-application .hr-grey {
  border: 1px solid #EBEBEB;
  width: 60%;
  margin: 2em 0 2em 0;
}
@media only screen and (max-width: 576px) {
  #firm-admin-application .hr-grey {
    width: 100%;
  }
}
#firm-admin-application .save-changes-div {
  display: flex;
}
#firm-admin-application .save-changes-div input {
  width: 20%;
}
@media only screen and (max-width: 576px) {
  #firm-admin-application .save-changes-div input {
    width: 100%;
  }
}
#firm-admin-application .tooltip-container {
  display: flex;
}
#firm-admin-application .tooltip-container .tooltip {
  cursor: pointer;
  padding-bottom: 0.25em;
}
#firm-admin-application .tooltip-container .tooltip .right {
  line-height: 2rem !important;
  transform: translate(-49%, 5%);
}
#firm-admin-application .tooltip-container .tooltip-text {
  font-weight: 700;
  color: #0B0039;
}
#pc-firm-eft-generate-template .Apptable-item {
  font-family: 'Archivo', 'Montserrat', sans-serif;
}
.profilePage .profileBlock .profile-section__editable.phone-input {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.profilePage .profileBlock .profile-section__editable.phone-input .checkbox.checkbox-primary {
  display: flex;
  align-items: center;
  order: 1;
}
.intranet-bg .datepicker-wrapper {
  top: 70.309rem !important;
}
.intranet-bg .datepicker-wrapper .ui-datepicker .ui-datepicker-header {
  padding: 0;
  display: list-item;
}
.intranet-bg .datepicker-wrapper .ui-widget-content .ui-widget-header .ui-datepicker-next {
  right: 1rem;
  top: 0.6rem;
}
.intranet-bg .datepicker-wrapper .ui-widget-content .ui-widget-header .ui-datepicker-prev {
  top: 0.6rem;
}
#ebSAQuestions table {
  border-collapse: collapse;
  margin-bottom: 2rem;
}
#ebSAQuestions td.table--questionsname ol > li:before {
  font-size: 1rem;
  color: unset;
  text-decoration: none;
  font-family: 'Archivo';
}
#ebSAQuestions tbody {
  border-bottom: 1px solid #EBEBEB;
}
#ebSAQuestions hr.hr-grey {
  margin: 2em 0;
}
#ebSAQuestions i.material-icons {
  color: #8D5C12;
}
#ebSAQuestions .modal-body a.textlink-white {
  font-weight: 600 !important;
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
#ebSAQuestions a.textlink-white {
  color: white !important;
  font-weight: 600 !important;
}
#ebSAQuestions thead th {
  padding-left: 0;
  padding-top: 2rem;
}
#ebSAQuestions thead th:nth-child(3),
#ebSAQuestions thead th:nth-child(4) {
  text-align: center;
  padding: 0rem 1rem;
}
#ebSAQuestions tbody td {
  padding-bottom: 2rem;
  color: #0F014DBD;
}
#ebSAQuestions tbody td.table--questionsnum {
  vertical-align: top;
  padding-right: 1rem;
}
#ebSAQuestions tbody td.table--questionsname {
  padding-right: 1rem;
}
#ebSAQuestions tbody td.table--questionsyes,
#ebSAQuestions tbody td.table--questionsno {
  text-align: center;
  vertical-align: top;
}
#AuditApplicationStage1 select {
  width: 37em;
  margin-top: 0.25em;
}
@media only screen and (max-width: 666px) {
  #AuditApplicationStage1 select {
    width: 100%;
  }
}
#AuditApplicationStage1 .flex-div {
  display: flex;
}
#AuditApplicationStage1 .flex-col1 {
  display: flex;
  flex-direction: column;
}
#AuditApplicationStage1 .flex-col1 span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
}
#AuditApplicationStage1 .payment-items-container {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#AuditApplicationStage1 .payment-items-container span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
}
#AuditApplicationStage1 .payment-items-container .flex-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
#AuditApplicationStage1 .payment-items-container .flex-container .flex-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
}
#AuditApplicationStage1 .payment-items-container .flex-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 1em;
}
#AuditApplicationStage1 .payment-items-container .flex-row .item-type {
  width: 15em;
}
#AuditApplicationStage1 .payment-items-container .flex-row .item-description {
  width: 20em;
}
#AuditApplicationStage1 h2 {
  font-family: 'PT Serif';
  font-weight: 400;
  font-size: 2.074rem;
  letter-spacing: 0.0156em;
  line-height: 1.4em;
  color: #0B0039;
  margin-top: 4rem;
}
#AuditApplicationStage1 #successMsg .modal-content h2 {
  margin-top: 0px;
  color: #FFFFFF !important;
}
#AuditApplicationStage1 #successMsg .modal-content .btn-align-columm {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#AuditApplicationStage1 .k-grid-header {
  padding-right: 0 !important;
  border: none !important;
}
#AuditApplicationStage1 a.k-button.k-button-icontext.k-grid-Delete {
  border: none;
}
#AuditApplicationStage1 a.k-button.k-button-icontext.k-grid-Delete:hover {
  background-color: transparent;
}
#AuditApplicationStage1 .k-grid-content.k-auto-scrollable {
  overflow: hidden;
}
#AuditApplicationStage1 td.colDelete {
  justify-content: center;
  display: flex;
  padding-right: 5em;
}
#AuditApplicationStage1 button#btnDeleteFile {
  border: none;
  background: none;
  background-image: url("/UI/images/icons/modal-x-close-brand.svg");
  color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  color: #0B0039;
  background-size: contain;
  display: block;
  height: 2em;
  width: 1.5em;
  cursor: pointer;
}
#AuditApplicationStage1 #btnNext.brand-secondary {
  background-color: #007377;
}
#AuditApplicationStage1 .control-label {
  line-height: 1.8em;
}
#AuditApplicationStage1 .control-label-blue {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
}
#AuditApplicationStage1 .control-label-error {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #E60000 !important;
  margin: 0;
}
#AuditApplicationStage1 table#tableNoRecords {
  border-collapse: collapse;
}
#AuditApplicationStage1 table thead th {
  background-color: #EBEBEB;
  padding: 1rem;
  text-align: left;
}
#AuditApplicationStage1 table thead th.k-header {
  border: none !important;
  font-weight: 600 !important;
}
#AuditApplicationStage1 table thead th:nth-child(1) {
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
}
#AuditApplicationStage1 table .viewControls {
  display: flex;
}
#AuditApplicationStage1 table .viewControls input#txtView {
  height: 48px;
  width: 54px;
  font-weight: 600;
}
#AuditApplicationStage1 table .viewControls label#lblView {
  margin: 0.5rem;
}
#AuditApplicationStage1 table tbody tr:hover {
  background-color: transparent !important;
}
#AuditApplicationStage1 table tbody tr.k-alt {
  background-color: transparent;
}
#AuditApplicationStage1 table tbody td {
  border-bottom: 1px solid #EBEBEB;
  border-left: none !important;
  padding: 1rem;
}
#AuditApplicationStage1 table tbody td.control-label {
  box-shadow: none !important;
  border-bottom: 1px solid #EBEBEB;
}
#AuditApplicationStage1 table tbody td a.textlink {
  color: #0B0039;
  font-family: 'Archivo';
}
#AuditApplicationStage1 table tbody td:nth-child(1) {
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
  font-weight: 600;
}
#AuditApplicationStage1 table tfoot td {
  background-color: #EBEBEB;
  padding-top: 1rem;
}
#AuditApplicationStage1 table tfoot .flex-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}
#AuditApplicationStage1 table tfoot a#btnPrevious {
  background-image: url("/UI/images/icons/chevron_left.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
}
#AuditApplicationStage1 table tfoot a#btnNext {
  background-image: url("/UI/images/icons/chevron_right.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
}
#AuditApplicationStage1 .k-upload .k-upload-button {
  border: none;
  background-color: transparent !important;
  color: transparent !important;
}
#AuditApplicationStage1 input#PointsAwarded {
  width: 5.5rem;
}
#AuditApplicationStage1 .control-heading {
  line-height: 28.8px;
  /* 180% */
}
#AuditApplicationStage1 .practitioners-section {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
#AuditApplicationStage1 .practitioners-section .all-practitioners-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5em;
}
#AuditApplicationStage1 .practitioners-section .all-practitioners-details .practitioners-details {
  display: flex;
  gap: 1em;
}
#AuditApplicationStage1 .practitioners-section .all-practitioners-details .practitioners-details div {
  width: 15em;
}
#AuditApplicationStage1 .practitioners-section .all-practitioners-details .practitioners-details .practitioner-name {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
#AuditApplicationStage1 .practitioners-section .all-practitioners-details .practitioners-details .practitioner-id {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
#AuditApplicationStage1 .tooltip-container {
  display: flex;
}
#AuditApplicationStage1 .tooltip-container .tooltip {
  cursor: pointer;
  padding-bottom: 0.25em;
}
#AuditApplicationStage1 .tooltip-container .tooltip .right {
  line-height: 2rem !important;
  transform: translate(-49%, 5%);
}
#AuditApplicationStage1 .tooltip-container .tooltip-text {
  font-weight: 700;
  color: #0B0039;
}
#AuditApplicationStage1 .AuditApplicationStage2 .flex-1row-2col .flex-col2 {
  display: flex;
}
#AuditApplicationStage1 .AuditApplicationStage2 .textlink {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  color: #0B0039;
  margin-right: 2rem;
}
@media only screen and (max-width: 576px) {
  #AuditApplicationStage1 .AuditApplicationStage2 .textlink {
    margin-right: 0;
    min-height: 0;
  }
}
@media only screen and (max-width: 576px) {
  #AuditApplicationStage1 .AuditApplicationStage2 .flex-1row-2col .flex-col1 {
    display: none !important;
  }
  #AuditApplicationStage1 .AuditApplicationStage2 .flex-1row-2col .flex-col2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 2em;
    align-items: center;
  }
}
#AuditApplicationStage1 .AuditApplicationStage2 .query-list-table .breakLongText {
  word-break: break-all;
}
#AuditApplicationStage1 .AuditApplicationStage2 .textAreaValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#AuditApplicationStage1 .AuditApplicationStage3 textarea {
  height: 15rem;
}
#AuditApplicationStage1 .AuditApplicationStage3 .textlink {
  color: #0B0039;
  margin-right: 2rem;
}
@media only screen and (max-width: 576px) {
  #AuditApplicationStage1 .AuditApplicationStage3 .textlink {
    margin-right: 0;
    min-height: 0;
  }
}
@media only screen and (max-width: 576px) {
  #AuditApplicationStage1 .AuditApplicationStage3 .flex-1row-2col .flex-col1 {
    display: none !important;
  }
  #AuditApplicationStage1 .AuditApplicationStage3 .flex-1row-2col .flex-col2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 2em;
    align-items: center;
  }
}
#AuditApplicationStage1 .AuditApplicationStage3 .query-list-table .breakLongText {
  word-break: break-all;
}
#AuditApplicationStage1 .AuditApplicationStage3 .textAreaValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#ScheduledAuditApplicationList table td:last-child {
  width: 50px;
  text-align: center;
}
#ScheduledAuditApplicationList table thead th {
  background-color: #EBEBEB;
  padding: 1rem;
}
#ScheduledAuditApplicationList table thead th:nth-child(1) {
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
}
#ScheduledAuditApplicationList table .viewControls input#txtView {
  height: 48px;
  width: 54px;
  font-weight: 600;
}
#ScheduledAuditApplicationList table .viewControls label#lblView {
  margin: 0.5rem;
}
#ScheduledAuditApplicationList table tbody td {
  padding: 1rem;
}
#ScheduledAuditApplicationList table tbody td a.textlink {
  color: #0B0039;
  font-family: 'Archivo';
}
#ScheduledAuditApplicationList table tbody td:nth-child(1) {
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
  font-weight: 600;
}
#ScheduledAuditApplicationList table tfoot td {
  background-color: #EBEBEB;
  padding-top: 1rem;
}
#ScheduledAuditApplicationList table tfoot td#tdView,
#ScheduledAuditApplicationList table tfoot td#tdPager {
  text-align: right;
  padding-right: 2rem;
}
#ScheduledAuditApplicationList table tfoot .flex-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}
#ScheduledAuditApplicationList table tfoot .flex-items {
  display: block;
  width: max-content;
}
#ScheduledAuditApplicationList table tfoot a#btnPrevious {
  background-image: url("/UI/images/icons/chevron_left.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
}
#ScheduledAuditApplicationList table tfoot a#btnNext {
  background-image: url("/UI/images/icons/chevron_right.svg");
  display: block;
  width: 1.25rem;
  background-repeat: no-repeat;
  text-decoration: none;
  background-position: center;
}
#ScheduledAuditApplicationList .searchform {
  display: flex;
  justify-content: flex-start;
  background-color: #FAFAFA;
  padding: 1rem;
  gap: 2rem;
  flex-direction: row;
}
@media only screen and (max-width: 576px) {
  #ScheduledAuditApplicationList .searchform {
    flex-direction: column;
  }
}
#ScheduledAuditApplicationList .searchform .item1 {
  display: grid;
}
#ScheduledAuditApplicationList .searchform .item2 {
  display: grid;
  width: -webkit-fill-available;
}
#ScheduledAuditApplicationList .searchform button#btnSearch {
  min-height: 48px;
  margin-top: 1.4rem;
  min-width: 48px;
  fill: white;
  background-image: url("/UI/images/icons/navigation--search-white.svg");
  background-repeat: no-repeat;
  background-position: center;
}
#FirmPiiCoverSection #ddFirm {
  width: 20.5rem;
  margin: 0.5rem 0 2rem 0;
}
#FirmPiiCoverSection .flex-items {
  width: max-content;
}
#FirmPiiCoverSection .pager-bottom .numberOfRecords {
  width: max-content;
}
#FirmPiiCoverSection .pager-bottom .flex-container {
  justify-content: flex-start;
}
@media only screen and (max-width: 576px) {
  #FirmPiiCoverSection table {
    table-layout: auto;
    width: 100%;
  }
}
#FirmPiiCoverSection table thead {
  background-color: #EBEBEB;
}
#FirmPiiCoverSection table thead tr td {
  color: #1E1A34;
  font-weight: 600;
  padding: 1rem;
}
#FirmPiiCoverSection table thead tr td:first-child {
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
  width: 10%;
  position: sticky;
  background-color: #EBEBEB;
}
#FirmPiiCoverSection table thead tr td:nth-child(3) {
  width: 35%;
}
#FirmPiiCoverSection table thead tr td:last-child {
  word-break: break-word;
  inline-size: 8.125rem;
}
#FirmPiiCoverSection table tbody tr td {
  color: #0F014DBD;
  border-bottom: 1px solid #EBEBEB;
  padding: 1rem;
}
#FirmPiiCoverSection table tbody tr td:first-child {
  font-weight: 600;
  position: sticky;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.15);
  left: 0;
  z-index: 2;
  width: 10%;
}
#FirmPiiCoverSection table tbody tr td:nth-child(3) {
  width: 35%;
}
#FirmPiiCoverSection table tbody tr td:nth-child(4) {
  word-wrap: break-word;
}
#FirmPiiCoverSection table tfoot tr td {
  /*Pager Styles*/
}
#FirmPiiCoverSection table tfoot tr td#tdPager {
  padding: 0.1rem 1rem 0rem 0rem;
}
#FirmPiiCoverSection table tfoot tr td#tdView {
  padding: 1rem 2rem 1rem 1rem;
  text-align: right;
}
#FirmPiiCoverSection table tfoot tr td#tdView .viewControls {
  display: contents;
}
#FirmPiiCoverSection table tfoot tr td#tdView label#lblView {
  color: #0F014DBD;
  padding-right: 1rem;
  padding-top: 0.5rem;
}
#FirmPiiCoverSection div#pagerControl {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#FirmPiiCoverSection div#pagerControl div#tdView {
  margin-right: 1rem;
  margin-top: 1rem;
}
#FirmPiiCoverSection div#pagerControl div#tdPager {
  margin-top: 1.5rem;
  margin-right: 1rem;
}
#PIILogCoverDetails,
#PIISearchCoverDetails {
  font-family: 'Archivo';
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0rem !important;
  line-height: 1rem !important;
  color: #0F014DBD !important;
}
#PIILogCoverDetails hr,
#PIISearchCoverDetails hr {
  margin: 2rem 0 2rem 0 !important;
  background-color: #DDCBA4;
}
#PIILogCoverDetails .piiSearchDetails .table td,
#PIISearchCoverDetails .piiSearchDetails .table td,
#PIILogCoverDetails piiDetails .table td,
#PIISearchCoverDetails piiDetails .table td,
#PIILogCoverDetails .piiSearchDetails .table th,
#PIISearchCoverDetails .piiSearchDetails .table th,
#PIILogCoverDetails piiDetails .table th,
#PIISearchCoverDetails piiDetails .table th {
  border-top: 0px !important;
  border-bottom: 0px;
  padding: 0.938rem 0.625rem !important;
}
#PIILogCoverDetails .form-control,
#PIISearchCoverDetails .form-control {
  height: 3rem !important;
  font-size: 1rem !important;
}
#PIILogCoverDetails .piiDetails .ui-menu .ui-menu-item .ui-menu-item-wrapper,
#PIISearchCoverDetails .piiDetails .ui-menu .ui-menu-item .ui-menu-item-wrapper {
  color: #0F014DBD !important;
  box-sizing: border-box;
  padding: 0.5em 1em;
  font-size: 1rem !important;
}
#PIILogCoverDetails .torch-red-color,
#PIISearchCoverDetails .torch-red-color {
  color: #FFE6E6;
}
#PIILogCoverDetails .torch-red-background,
#PIISearchCoverDetails .torch-red-background {
  background-color: #FFE6E6;
}
#PIILogCoverDetails .inverted-torch-red-btn,
#PIISearchCoverDetails .inverted-torch-red-btn {
  background-color: transparent;
  border: 1px solid #E60000 !important;
  color: #FFE6E6;
}
#PIILogCoverDetails .delete,
#PIISearchCoverDetails .delete {
  padding: 0 0.75rem;
  background: url("/UI/images/icons/actions_delete.svg") no-repeat;
}
#PIILogCoverDetails .table-curved th,
#PIISearchCoverDetails .table-curved th {
  border-top: none;
  border-bottom: none !important;
}
@import "../abstract/mediaqueryvariables__lsi.less";
@import "../abstract/colourvariables__lsi.less";
#PPCFuseForm #lblApplicationRef {
  color: #8D5C12;
  font-weight: 600;
  margin-top: 2rem;
}
#PPCFuseForm input#rdbOnline {
  margin-left: 0;
}
#PPCFuseForm select#ddVenue {
  width: 20.5rem;
}
#PPCFuseForm th {
  padding-left: 0 !important;
}
#PPCFuseForm th .error {
  color: #E60000;
  font-weight: 600;
}
#PPCFuseForm th:last-child {
  color: #0F014DBD;
}
#PPCFuseForm td {
  vertical-align: top !important;
}
#PPCFuseForm td:last-child {
  text-align: right;
}
#PPCFuseForm td.page-subheading-blue {
  display: table-cell;
}
#PPCFuseForm .validationMessage {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1024px) {
  #PPCFuseForm .payErrorMessage {
    display: none !important;
  }
}
#PPCFuseForm .MobpayErrorMessage {
  display: none;
}
@media only screen and (max-width: 1024px) {
  #PPCFuseForm .MobpayErrorMessage {
    display: inline-block;
  }
}
#ExGratiaApplication select.ui-datepicker-year {
  display: none;
}
#ExGratiaApplication table.ui-datepicker-calendar {
  margin: 2rem 0 0 !important;
}
#ExGratiaApplication input[type=text],
#ExGratiaApplication select,
#ExGratiaApplication textarea {
  width: 23.125rem;
}
@media only screen and (max-width: 576px) {
  #ExGratiaApplication input[type=text],
  #ExGratiaApplication select,
  #ExGratiaApplication textarea {
    width: 100%;
  }
}
#ExGratiaApplication .flex-col1 {
  display: contents;
}
#ExGratiaApplication .flex-col1 span {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
}
#ExGratiaApplication .flex-col1 label {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0F014DBD !important;
}
@media only screen and (max-width: 576px) {
  #ExGratiaApplication .flex-col1 {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #ExGratiaApplication input[type=text],
  #ExGratiaApplication select {
    width: 100% !important;
  }
}
#ExGratiaApplication .flex-div {
  display: flex;
  align-items: center;
}
#ExGratiaApplication #btnApply.brand-secondary {
  background-color: #8D5C12;
}
#ExGratiaApplication .hr-grey {
  margin: 2em 0 2em 0;
}
#ExGratiaApplication .tooltip-div {
  display: flex;
  cursor: pointer;
}
#ExGratiaApplication #txtSurrenderDate:hover {
  cursor: pointer;
}
#ExGratiaApplication .right {
  padding: 0.5em;
}
#EditFirmDetails hr.hr-grey {
  margin: 2rem 0 !important;
}
#EditFirmDetails .tooltip a {
  color: #0F014DBD;
  font-weight: 700;
}
#EditFirmDetails span.add-email-text {
  background-image: url(/ui/images/icons/icon--circled__add.svg);
  height: 30px;
  width: 30px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
#EditFirmDetails .link--add {
  display: flex;
}
#EditFirmDetails .link--add .textlink {
  padding-top: 0.2rem;
}
#EditFirmDetails .div--input {
  display: flex;
  grid-gap: 0.5rem;
}
@media only screen and (max-width: 467px) {
  #EditFirmDetails .div--input {
    flex-direction: column;
  }
}
#EditFirmDetails .div--input .ddPhone--CountryCode {
  width: 10.875rem;
}
@media only screen and (max-width: 768px) {
  #EditFirmDetails .div--input .ddPhone--CountryCode {
    width: 100%;
  }
}
#EditFirmDetails .div--input .txtPhone--Prefix {
  width: 4.375rem;
}
@media only screen and (max-width: 768px) {
  #EditFirmDetails .div--input .txtPhone--Prefix {
    width: 100%;
  }
}
#EditFirmDetails .div--input .txtPhone--PhoneNo {
  width: 9.375rem;
}
@media only screen and (max-width: 768px) {
  #EditFirmDetails .div--input .txtPhone--PhoneNo {
    width: 100%;
  }
}
#EditFirmDetails span.material-icons-outlined {
  padding: 0;
  margin-bottom: -0.25rem;
}
@media only screen and (max-width: 467px) {
  #EditFirmDetails .tooltip .right {
    width: 16rem;
    transform: translate(-46%, 7%);
  }
}
@import "../abstract/colourvariables__lsi.less";
@import "../abstract/mediaqueryvariables__lsi.less";
@import "../abstract/svgvariables__lsi.less";
@import "../base/fonts__lsi.less";
@import "../components/hyperlinks__lsi.less";
#eventRegistration select {
  width: 12rem;
  max-width: none !important;
}
#eventRegistration .delete-registration-icon {
  text-decoration: none !important;
}
#eventRegistration .delete-registration-all {
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  line-height: 1rem;
  gap: 0.5rem;
  text-decoration: none !important;
}
#eventRegistration .delete-registration-all:hover {
  opacity: 0.75;
  text-decoration: none;
}
#eventRegistration .delete-registration-all:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
#eventRegistration .delete-registration-all:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
#eventRegistration select#ddlDeliveryMethods {
  width: 16rem;
}
#eventRegistration table {
  width: 100%;
  border-collapse: collapse;
}
#eventRegistration table td {
  width: 25%;
}
#eventRegistration .table-footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 2em;
}
#eventRegistration .tablefooter-column {
  text-align: left;
}
#eventRegistration .textalign-right {
  text-align: right;
}
#eventRegistration .attendee-search {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
#eventRegistration .attendee-search .SearchButton {
  display: flex;
  grid-gap: 1rem;
}
#eventRegistration .attendee-search .SearchButton input[type="submit"] {
  display: none;
}
#eventRegistration .attendee-search .SearchButton input[type="text"] {
  min-width: 20em;
}
#eventRegistration .attendee-search .SearchButton a {
  margin-top: unset;
  padding: 0.9em 0.8em;
  background: #007377;
  color: #FFFFFF;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  min-width: unset;
  text-decoration: none;
  border-radius: 3px;
}
#eventRegistration .attendee-search .SearchButton a:hover {
  opacity: 0.5;
  background: #007377;
}
#eventRegistration .attendee-search .SearchButton a .btntext {
  display: none;
}
@media only screen and (max-width: 768px) {
  #eventRegistration .attendee-search .SearchButton a .btntext {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  #eventRegistration .attendee-search .SearchButton a .searchicon {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #eventRegistration .attendee-search .SearchButton a {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  #eventRegistration .attendee-search .SearchButton {
    flex-direction: column;
  }
}
#eventRegistration .message {
  font-family: 'Archivo';
  font-weight: normal;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
#eventRegistration .eventsearch-result-block table {
  margin-top: 2em;
}
#eventRegistration .eventsearch-result-block table th {
  padding: 0;
}
#eventRegistration .eventsearch-result-block table td {
  align-content: flex-start;
}
#eventRegistration .eventsearch-result-block .btn {
  margin: 2em 0 4em 0;
}
#eventRegistration tr td {
  padding: 1em 0;
  border-bottom: 1px solid #EBEBEB;
}
#eventRegistration #AddAttendee .form-group {
  display: flex;
  flex-direction: column;
  grid-gap: 0.25em;
  margin-bottom: 2em;
}
#eventRegistration .summary {
  margin-top: 4em;
  display: flex;
  flex-direction: row;
}
#eventRegistration .summary #eventSummary {
  padding: 0 2em 2em 2em;
  margin-left: 2em;
  border-left: 1px solid #EFE4D1;
}
#eventRegistration .summary #eventSummary .flex-1row-2col {
  display: flex;
  grid-gap: 0.5rem;
  align-items: flex-start;
}
@media only screen and (max-width: 768px) {
  #eventRegistration .summary #eventSummary {
    border: none;
    margin-left: 0;
    padding: 2em 0;
  }
}
#eventRegistration .summary .d-flex {
  margin-top: 2em;
}
#eventRegistration .summary .d-flex div:last-child {
  text-align: right;
  margin-right: 10em;
}
@media only screen and (max-width: 768px) {
  #eventRegistration .summary .d-flex div:last-child {
    margin-right: 8em;
  }
}
#eventRegistration .summary .datarow {
  display: flex;
  grid-gap: 2em;
  margin-top: 2em;
  font-family: 'Archivo';
  font-weight: normal;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
#eventRegistration .summary .datarow .item1 {
  width: 25%;
}
#eventRegistration .summary .datarow .item2 {
  font-weight: 700;
  width: 75%;
}
#eventRegistration .summary .buttons {
  display: flex;
  flex-direction: column;
  grid-gap: 2em;
}
#eventRegistration .summary .buttons .btn {
  width: 100%;
}
#eventRegistration .summary .ebusiness-event-location-quick-details {
  font-family: 'Archivo';
  font-weight: normal;
  color: #0F014DBD;
  font-style: normal;
  line-height: 1.4em;
}
#eventRegistration .summary .font--weight__700 {
  font-weight: 700;
}
#eventRegistration .summary .col4,
#eventRegistration .summary .col8 {
  float: unset;
}
@media only screen and (max-width: 768px) {
  #eventRegistration .summary .col4,
  #eventRegistration .summary .col8 {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #eventRegistration .summary {
    flex-direction: column;
  }
}
#eventRegistration .chckConfirm {
  margin-top: 4em;
}
#eventRegistration .chckConfirm button {
  margin-top: 2em;
}
#eventRegistration .error {
  font-family: 'Archivo';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
#eventRegistration .error a {
  color: #E60000;
}
#eventRegistration .flex--container {
  display: flex;
}
#eventRegistration .flex--container.align-center {
  align-items: center;
}
@media only screen and (max-width: 576px) {
  #eventRegistration .flex--container.align-center {
    align-items: unset;
  }
}
#eventRegistration .flex--container.justify-content-between {
  justify-content: space-between;
}
/*Commom Css*/
#TraineeshipApplication,
#TraineeshipCreditForm,
#TraineeshipTransferForm,
#FirmManageTrainee,
#TraineeshipSecondmentForm,
#TraineeshipAssignmentForm,
#DN2FormApp {
  margin-top: 4rem;
}
#TraineeshipApplication p,
#TraineeshipCreditForm p,
#TraineeshipTransferForm p,
#FirmManageTrainee p,
#TraineeshipSecondmentForm p,
#TraineeshipAssignmentForm p,
#DN2FormApp p {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
#TraineeshipApplication h2.no-margin,
#TraineeshipCreditForm h2.no-margin,
#TraineeshipTransferForm h2.no-margin,
#FirmManageTrainee h2.no-margin,
#TraineeshipSecondmentForm h2.no-margin,
#TraineeshipAssignmentForm h2.no-margin,
#DN2FormApp h2.no-margin {
  margin: 0;
}
#TraineeshipApplication .dark-blue-txt,
#TraineeshipCreditForm .dark-blue-txt,
#TraineeshipTransferForm .dark-blue-txt,
#FirmManageTrainee .dark-blue-txt,
#TraineeshipSecondmentForm .dark-blue-txt,
#TraineeshipAssignmentForm .dark-blue-txt,
#DN2FormApp .dark-blue-txt {
  font-weight: 700 !important;
  color: #0B0039 !important;
}
@media only screen and (max-width: 467px) {
  #TraineeshipApplication .div-single-input,
  #TraineeshipCreditForm .div-single-input,
  #TraineeshipTransferForm .div-single-input,
  #FirmManageTrainee .div-single-input,
  #TraineeshipSecondmentForm .div-single-input,
  #TraineeshipAssignmentForm .div-single-input,
  #DN2FormApp .div-single-input {
    width: 100%;
  }
}
#TraineeshipApplication input[type="date"],
#TraineeshipCreditForm input[type="date"],
#TraineeshipTransferForm input[type="date"],
#FirmManageTrainee input[type="date"],
#TraineeshipSecondmentForm input[type="date"],
#TraineeshipAssignmentForm input[type="date"],
#DN2FormApp input[type="date"] {
  width: 10.25rem;
}
#TraineeshipApplication input[type="text"],
#TraineeshipCreditForm input[type="text"],
#TraineeshipTransferForm input[type="text"],
#FirmManageTrainee input[type="text"],
#TraineeshipSecondmentForm input[type="text"],
#TraineeshipAssignmentForm input[type="text"],
#DN2FormApp input[type="text"] {
  width: 20.5rem;
}
#TraineeshipApplication .modal-dialog,
#TraineeshipCreditForm .modal-dialog,
#TraineeshipTransferForm .modal-dialog,
#FirmManageTrainee .modal-dialog,
#TraineeshipSecondmentForm .modal-dialog,
#TraineeshipAssignmentForm .modal-dialog,
#DN2FormApp .modal-dialog {
  width: 23.5em;
}
#TraineeshipApplication .modal-dialog .flex-col1,
#TraineeshipCreditForm .modal-dialog .flex-col1,
#TraineeshipTransferForm .modal-dialog .flex-col1,
#FirmManageTrainee .modal-dialog .flex-col1,
#TraineeshipSecondmentForm .modal-dialog .flex-col1,
#TraineeshipAssignmentForm .modal-dialog .flex-col1,
#DN2FormApp .modal-dialog .flex-col1 {
  width: 100%;
}
#TraineeshipApplication .modal-dialog input[type="text"],
#TraineeshipCreditForm .modal-dialog input[type="text"],
#TraineeshipTransferForm .modal-dialog input[type="text"],
#FirmManageTrainee .modal-dialog input[type="text"],
#TraineeshipSecondmentForm .modal-dialog input[type="text"],
#TraineeshipAssignmentForm .modal-dialog input[type="text"],
#DN2FormApp .modal-dialog input[type="text"] {
  width: 100%;
}
#TraineeshipApplication .modal-dialog .stack-btn,
#TraineeshipCreditForm .modal-dialog .stack-btn,
#TraineeshipTransferForm .modal-dialog .stack-btn,
#FirmManageTrainee .modal-dialog .stack-btn,
#TraineeshipSecondmentForm .modal-dialog .stack-btn,
#TraineeshipAssignmentForm .modal-dialog .stack-btn,
#DN2FormApp .modal-dialog .stack-btn {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#TraineeshipApplication .flex-1row-2col,
#TraineeshipCreditForm .flex-1row-2col,
#TraineeshipTransferForm .flex-1row-2col,
#FirmManageTrainee .flex-1row-2col,
#TraineeshipSecondmentForm .flex-1row-2col,
#TraineeshipAssignmentForm .flex-1row-2col,
#DN2FormApp .flex-1row-2col {
  justify-content: flex-start;
  gap: 0.5em;
  margin-top: 0.5em;
  /*p {
            margin-top: 0.25em;
            margin-bottom: 0px;
        }*/
}
#TraineeshipApplication .flex-1row-2col .input-div,
#TraineeshipCreditForm .flex-1row-2col .input-div,
#TraineeshipTransferForm .flex-1row-2col .input-div,
#FirmManageTrainee .flex-1row-2col .input-div,
#TraineeshipSecondmentForm .flex-1row-2col .input-div,
#TraineeshipAssignmentForm .flex-1row-2col .input-div,
#DN2FormApp .flex-1row-2col .input-div {
  margin-top: 0.5em;
}
#TraineeshipApplication .flex-1row-2col .input-div span,
#TraineeshipCreditForm .flex-1row-2col .input-div span,
#TraineeshipTransferForm .flex-1row-2col .input-div span,
#FirmManageTrainee .flex-1row-2col .input-div span,
#TraineeshipSecondmentForm .flex-1row-2col .input-div span,
#TraineeshipAssignmentForm .flex-1row-2col .input-div span,
#DN2FormApp .flex-1row-2col .input-div span {
  width: 20.5em;
}
#TraineeshipApplication .flex-1row-2col span,
#TraineeshipCreditForm .flex-1row-2col span,
#TraineeshipTransferForm .flex-1row-2col span,
#FirmManageTrainee .flex-1row-2col span,
#TraineeshipSecondmentForm .flex-1row-2col span,
#TraineeshipAssignmentForm .flex-1row-2col span,
#DN2FormApp .flex-1row-2col span {
  font-weight: 700;
}
#TraineeshipApplication .flex-1row-2col .div-margin,
#TraineeshipCreditForm .flex-1row-2col .div-margin,
#TraineeshipTransferForm .flex-1row-2col .div-margin,
#FirmManageTrainee .flex-1row-2col .div-margin,
#TraineeshipSecondmentForm .flex-1row-2col .div-margin,
#TraineeshipAssignmentForm .flex-1row-2col .div-margin,
#DN2FormApp .flex-1row-2col .div-margin {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
@media only screen and (max-width: 467px) {
  #TraineeshipApplication .flex-1row-2col .div-margin input,
  #TraineeshipCreditForm .flex-1row-2col .div-margin input,
  #TraineeshipTransferForm .flex-1row-2col .div-margin input,
  #FirmManageTrainee .flex-1row-2col .div-margin input,
  #TraineeshipSecondmentForm .flex-1row-2col .div-margin input,
  #TraineeshipAssignmentForm .flex-1row-2col .div-margin input,
  #DN2FormApp .flex-1row-2col .div-margin input {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #TraineeshipApplication .flex-1row-2col,
  #TraineeshipCreditForm .flex-1row-2col,
  #TraineeshipTransferForm .flex-1row-2col,
  #FirmManageTrainee .flex-1row-2col,
  #TraineeshipSecondmentForm .flex-1row-2col,
  #TraineeshipAssignmentForm .flex-1row-2col,
  #DN2FormApp .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
    /*p {
                margin-top: 0.250rem;
                margin-bottom: 1rem;
            }*/
  }
}
#TraineeshipApplication input#autocompleteFirm,
#TraineeshipCreditForm input#autocompleteFirm,
#TraineeshipTransferForm input#autocompleteFirm,
#FirmManageTrainee input#autocompleteFirm,
#TraineeshipSecondmentForm input#autocompleteFirm,
#TraineeshipAssignmentForm input#autocompleteFirm,
#DN2FormApp input#autocompleteFirm,
#TraineeshipApplication input#autocompleteSolicitor,
#TraineeshipCreditForm input#autocompleteSolicitor,
#TraineeshipTransferForm input#autocompleteSolicitor,
#FirmManageTrainee input#autocompleteSolicitor,
#TraineeshipSecondmentForm input#autocompleteSolicitor,
#TraineeshipAssignmentForm input#autocompleteSolicitor,
#DN2FormApp input#autocompleteSolicitor,
#TraineeshipApplication input#autoCompleteSearchBar,
#TraineeshipCreditForm input#autoCompleteSearchBar,
#TraineeshipTransferForm input#autoCompleteSearchBar,
#FirmManageTrainee input#autoCompleteSearchBar,
#TraineeshipSecondmentForm input#autoCompleteSearchBar,
#TraineeshipAssignmentForm input#autoCompleteSearchBar,
#DN2FormApp input#autoCompleteSearchBar {
  width: 20.5rem !important;
  border-radius: 0.313em;
  border: 1px solid #838383;
  background: #FFFFFF;
  color: #0F014DBD;
  box-sizing: border-box;
  padding: 0.5em 1em;
  font-size: 1rem;
  font-family: 'Manrope';
  height: 3em;
  background-image: url("/UI/images/icons/navigation_search.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-position: right 1em top 0.8em;
  padding-right: 3.125em;
}
@media only screen and (max-width: 467px) {
  #TraineeshipApplication input#autocompleteFirm,
  #TraineeshipCreditForm input#autocompleteFirm,
  #TraineeshipTransferForm input#autocompleteFirm,
  #FirmManageTrainee input#autocompleteFirm,
  #TraineeshipSecondmentForm input#autocompleteFirm,
  #TraineeshipAssignmentForm input#autocompleteFirm,
  #DN2FormApp input#autocompleteFirm,
  #TraineeshipApplication input#autocompleteSolicitor,
  #TraineeshipCreditForm input#autocompleteSolicitor,
  #TraineeshipTransferForm input#autocompleteSolicitor,
  #FirmManageTrainee input#autocompleteSolicitor,
  #TraineeshipSecondmentForm input#autocompleteSolicitor,
  #TraineeshipAssignmentForm input#autocompleteSolicitor,
  #DN2FormApp input#autocompleteSolicitor,
  #TraineeshipApplication input#autoCompleteSearchBar,
  #TraineeshipCreditForm input#autoCompleteSearchBar,
  #TraineeshipTransferForm input#autoCompleteSearchBar,
  #FirmManageTrainee input#autoCompleteSearchBar,
  #TraineeshipSecondmentForm input#autoCompleteSearchBar,
  #TraineeshipAssignmentForm input#autoCompleteSearchBar,
  #DN2FormApp input#autoCompleteSearchBar {
    width: 100% !important;
  }
}
@media only screen and (max-width: 467px) {
  #TraineeshipApplication .k-autocomplete,
  #TraineeshipCreditForm .k-autocomplete,
  #TraineeshipTransferForm .k-autocomplete,
  #FirmManageTrainee .k-autocomplete,
  #TraineeshipSecondmentForm .k-autocomplete,
  #TraineeshipAssignmentForm .k-autocomplete,
  #DN2FormApp .k-autocomplete {
    width: 100% !important;
  }
}
#TraineeshipApplication .flex-1row-2equal-col,
#TraineeshipCreditForm .flex-1row-2equal-col,
#TraineeshipTransferForm .flex-1row-2equal-col,
#FirmManageTrainee .flex-1row-2equal-col,
#TraineeshipSecondmentForm .flex-1row-2equal-col,
#TraineeshipAssignmentForm .flex-1row-2equal-col,
#DN2FormApp .flex-1row-2equal-col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  /*padding-bottom: 2.000em;*/
  align-items: center;
  /*p {
            margin-top: 0.25em;
            margin-bottom: 0px;
        }*/
}
#TraineeshipApplication .flex-1row-2equal-col span,
#TraineeshipCreditForm .flex-1row-2equal-col span,
#TraineeshipTransferForm .flex-1row-2equal-col span,
#FirmManageTrainee .flex-1row-2equal-col span,
#TraineeshipSecondmentForm .flex-1row-2equal-col span,
#TraineeshipAssignmentForm .flex-1row-2equal-col span,
#DN2FormApp .flex-1row-2equal-col span {
  font-weight: 700;
}
#TraineeshipApplication .flex-1row-2equal-col .flex-col1,
#TraineeshipCreditForm .flex-1row-2equal-col .flex-col1,
#TraineeshipTransferForm .flex-1row-2equal-col .flex-col1,
#FirmManageTrainee .flex-1row-2equal-col .flex-col1,
#TraineeshipSecondmentForm .flex-1row-2equal-col .flex-col1,
#TraineeshipAssignmentForm .flex-1row-2equal-col .flex-col1,
#DN2FormApp .flex-1row-2equal-col .flex-col1 {
  width: 50%;
  align-self: baseline;
}
#TraineeshipApplication .flex-1row-2equal-col .flex-col2,
#TraineeshipCreditForm .flex-1row-2equal-col .flex-col2,
#TraineeshipTransferForm .flex-1row-2equal-col .flex-col2,
#FirmManageTrainee .flex-1row-2equal-col .flex-col2,
#TraineeshipSecondmentForm .flex-1row-2equal-col .flex-col2,
#TraineeshipAssignmentForm .flex-1row-2equal-col .flex-col2,
#DN2FormApp .flex-1row-2equal-col .flex-col2 {
  width: 50%;
  align-self: baseline;
}
@media only screen and (max-width: 576px) {
  #TraineeshipApplication .flex-1row-2equal-col,
  #TraineeshipCreditForm .flex-1row-2equal-col,
  #TraineeshipTransferForm .flex-1row-2equal-col,
  #FirmManageTrainee .flex-1row-2equal-col,
  #TraineeshipSecondmentForm .flex-1row-2equal-col,
  #TraineeshipAssignmentForm .flex-1row-2equal-col,
  #DN2FormApp .flex-1row-2equal-col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
    /*p {
                margin-top: 0.250rem;
                margin-bottom: 1rem;
            }*/
  }
}
#TraineeshipApplication .grey-hr,
#TraineeshipCreditForm .grey-hr,
#TraineeshipTransferForm .grey-hr,
#FirmManageTrainee .grey-hr,
#TraineeshipSecondmentForm .grey-hr,
#TraineeshipAssignmentForm .grey-hr,
#DN2FormApp .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 2rem 0;
}
#TraineeshipApplication .textBoxValidationClass,
#TraineeshipCreditForm .textBoxValidationClass,
#TraineeshipTransferForm .textBoxValidationClass,
#FirmManageTrainee .textBoxValidationClass,
#TraineeshipSecondmentForm .textBoxValidationClass,
#TraineeshipAssignmentForm .textBoxValidationClass,
#DN2FormApp .textBoxValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#TraineeshipApplication .textValidationClass,
#TraineeshipCreditForm .textValidationClass,
#TraineeshipTransferForm .textValidationClass,
#FirmManageTrainee .textValidationClass,
#TraineeshipSecondmentForm .textValidationClass,
#TraineeshipAssignmentForm .textValidationClass,
#DN2FormApp .textValidationClass {
  color: #E60000 !important;
}
#TraineeshipApplication .radioValidationClass,
#TraineeshipCreditForm .radioValidationClass,
#TraineeshipTransferForm .radioValidationClass,
#FirmManageTrainee .radioValidationClass,
#TraineeshipSecondmentForm .radioValidationClass,
#TraineeshipAssignmentForm .radioValidationClass,
#DN2FormApp .radioValidationClass {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#TraineeshipApplication .div-radio,
#TraineeshipCreditForm .div-radio,
#TraineeshipTransferForm .div-radio,
#FirmManageTrainee .div-radio,
#TraineeshipSecondmentForm .div-radio,
#TraineeshipAssignmentForm .div-radio,
#DN2FormApp .div-radio {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
}
#TraineeshipApplication .div-criminal,
#TraineeshipCreditForm .div-criminal,
#TraineeshipTransferForm .div-criminal,
#FirmManageTrainee .div-criminal,
#TraineeshipSecondmentForm .div-criminal,
#TraineeshipAssignmentForm .div-criminal,
#DN2FormApp .div-criminal {
  display: flex;
  /*p {
            margin: 0px;
        }*/
}
#TraineeshipApplication .div-criminal .flex-col-1,
#TraineeshipCreditForm .div-criminal .flex-col-1,
#TraineeshipTransferForm .div-criminal .flex-col-1,
#FirmManageTrainee .div-criminal .flex-col-1,
#TraineeshipSecondmentForm .div-criminal .flex-col-1,
#TraineeshipAssignmentForm .div-criminal .flex-col-1,
#DN2FormApp .div-criminal .flex-col-1 {
  width: 76%;
}
#TraineeshipApplication .div-criminal .flex-col-2,
#TraineeshipCreditForm .div-criminal .flex-col-2,
#TraineeshipTransferForm .div-criminal .flex-col-2,
#FirmManageTrainee .div-criminal .flex-col-2,
#TraineeshipSecondmentForm .div-criminal .flex-col-2,
#TraineeshipAssignmentForm .div-criminal .flex-col-2,
#DN2FormApp .div-criminal .flex-col-2 {
  width: 24%;
  display: flex;
  justify-content: space-around;
}
@media only screen and (max-width: 467px) {
  #TraineeshipApplication .experience-details .width--percentage__50,
  #TraineeshipCreditForm .experience-details .width--percentage__50,
  #TraineeshipTransferForm .experience-details .width--percentage__50,
  #FirmManageTrainee .experience-details .width--percentage__50,
  #TraineeshipSecondmentForm .experience-details .width--percentage__50,
  #TraineeshipAssignmentForm .experience-details .width--percentage__50,
  #DN2FormApp .experience-details .width--percentage__50 {
    width: 100%;
  }
}
#TraineeshipApplication #btnSubmit,
#TraineeshipCreditForm #btnSubmit,
#TraineeshipTransferForm #btnSubmit,
#FirmManageTrainee #btnSubmit,
#TraineeshipSecondmentForm #btnSubmit,
#TraineeshipAssignmentForm #btnSubmit,
#DN2FormApp #btnSubmit {
  margin-top: 1em;
}
#TraineeshipContract .control-datepicker {
  width: 11.25rem;
}
@media only screen and (max-width: 768px) {
  #TraineeshipContract .control-datepicker {
    width: 100%;
  }
}
@media only screen and (max-width: 1250px) {
  #TraineeshipContract .tooltip .right {
    transform: translate(-15%, 5%);
  }
}
@media only screen and (max-width: 1100px) {
  #TraineeshipContract .tooltip .right {
    transform: translate(-50%, 5%);
  }
}
@media only screen and (max-width: 992px) {
  #TraineeshipContract .tooltip .right {
    transform: translate(-112%, 5%);
  }
}
@media only screen and (max-width: 576px) {
  #TraineeshipContract .tooltip .right {
    width: 12rem;
  }
}
@media only screen and (max-width: 1250px) {
  #TraineeshipContract .tooltip .right,
  #TraineeshipYourDetails .tooltip .right {
    transform: translate(-15%, 5%);
  }
}
@media only screen and (max-width: 1100px) {
  #TraineeshipContract .tooltip .right,
  #TraineeshipYourDetails .tooltip .right {
    transform: translate(-50%, 5%);
  }
}
@media only screen and (max-width: 992px) {
  #TraineeshipContract .tooltip .right,
  #TraineeshipYourDetails .tooltip .right {
    transform: translate(-112%, 5%);
  }
}
@media only screen and (max-width: 576px) {
  #TraineeshipContract .tooltip .right,
  #TraineeshipYourDetails .tooltip .right {
    width: 12rem;
  }
}
#TraineeshipCreditForm {
  margin-top: 2em;
}
#DN1Form .div-radio {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
}
#DN1Form .float-responsive {
  float: right;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #DN1Form .float-responsive {
    float: left;
  }
}
@media only screen and (max-width: 768px) {
  #DN1Form .grid-1row-2col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
body#masterPageBody {
  margin: 0 auto;
  padding: 0;
}
.universalsearch--data {
  text-align: right;
}
.universalsearch--data span#lblDataNotification {
  font-size: 0.8rem;
  color: #0F014DBD;
}
div#universalsearch__mediatornotification {
  display: none;
}
.content--whitespace__nowrap {
  white-space: nowrap;
}
.universalsearch--container {
  border-radius: 8px;
  background-color: #FDFDFB;
  border: 1px solid #EFE4D1;
  padding: 2rem;
}
.universalsearch--container .flex-col2 #cbIncludeFirmsAbroad {
  display: inline !important;
}
.universalsearch--container .flex-1row-2col {
  display: inline-flex;
  flex-direction: row;
  column-gap: 2rem;
  row-gap: 2rem;
  width: 100%;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .universalsearch--container .flex-1row-2col {
    flex-wrap: wrap;
  }
}
.universalsearch--container .flex-1row-2col .flex-col1 {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 768px) {
  .universalsearch--container .flex-1row-2col .flex-col1 {
    width: 100%;
  }
}
.universalsearch--container .flex-1row-2col .flex-col2 {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 768px) {
  .universalsearch--container .flex-1row-2col .flex-col2 {
    width: 100%;
  }
}
.universalsearch--container .flex-1row-2col .flex-col2.pull-right {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .universalsearch--container div#Content_Content_MainContent_PanelAdvancedSearchLink .flex-col1 {
    width: 100%;
    text-align: center;
  }
}
.universalsearch--container input[type="text"],
.universalsearch--container select {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .universalsearch--container input[type="text"],
  .universalsearch--container select {
    width: 100%;
  }
}
.universalsearch--container div#Content_Content_MainContent_PanelFirmMemberSearch .flex-col2 {
  display: flex;
}
.universalsearch--container div#Content_Content_MainContent_PanelFirmMemberSearch .flex-col2 input[type="checkbox"] {
  margin-right: 0.5rem;
}
.universalsearch--container div#Content_Content_MainContent_PanelFirmMemberSearch .flex-col2 label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.universalsearch--container span.material-symbols-outlined {
  vertical-align: middle;
}
.universalsearch--container .btn-alt {
  background-image: url("/UI/images/icons/navigation--search-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0F014DD4;
  min-width: 3rem;
}
.universalsearch--container .btn-alt span.btn-search-text {
  display: none;
}
@media only screen and (max-width: 768px) {
  .universalsearch--container .btn-alt {
    width: 100%;
  }
}
.universalsearch--container .advancedSearchOptionsDiv {
  display: none;
}
.universalsearch--results h5 {
  font-weight: 700;
}
.universalsearch--results .display--none {
  display: none !important;
}
.universalsearch--results .font-body2 {
  font-weight: 400 !important;
}
.universalsearch--results section {
  background-color: #FDFDFB;
  border-radius: 8px;
  border: 1px solid #EFE4D1;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
  padding: 2rem;
  /*Universal Search PII*/
}
.universalsearch--results section .cardcontainer__insurance {
  padding: 1rem;
  word-break: break-word;
}
.universalsearch--results section .cardcontainer__insurance .arrow-div {
  display: flex;
  justify-content: flex-end;
}
.universalsearch--results section .cardcontainer__insurance .heading-blue {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
}
.universalsearch--results section .cardcontainer__insurance .font-gray {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.universalsearch--results section .cardcontainer__insurance .row1 {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .universalsearch--results section .cardcontainer__insurance .row1 {
    flex-direction: column;
    gap: 1rem;
  }
}
.universalsearch--results section .cardcontainer__insurance .row1 > * {
  padding: 0 10px;
  box-sizing: border-box;
}
@media only screen and (max-width: 576px) {
  .universalsearch--results section .cardcontainer__insurance .row1 > * {
    padding: 0;
  }
}
.universalsearch--results section .cardcontainer__insurance .row1 > div {
  display: flex;
  flex-direction: column;
  flex: 1 1 130px;
}
.universalsearch--results section .cardcontainer__insurance .row1 .row1-innerdiv {
  display: flex;
  gap: 1rem;
}
.universalsearch--results section .cardcontainer__insurance .row1 .row1-innerdiv > * {
  flex: 1;
}
.universalsearch--results section .cardcontainer__insurance div.row2 > div {
  padding: 0.5rem 0.5rem 0 0.5rem;
  display: flex !important;
  gap: 1rem;
}
@media only screen and (max-width: 576px) {
  .universalsearch--results section .cardcontainer__insurance div.row2 > div {
    flex-direction: column;
    padding: 0;
  }
}
.universalsearch--results section .cardcontainer__insurance div.row2 > div .broker-name {
  font-weight: 700 !important;
}
.universalsearch--results section .cardcontainer__insurance div.row2 > div div {
  flex: 1;
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0F014DBD !important;
}
.universalsearch--results section div.cardcontainer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-direction: row;
  padding: 1rem;
  column-gap: 2rem;
  row-gap: 2rem;
}
@media only screen and (max-width: 886px) {
  .universalsearch--results section div.cardcontainer {
    column-gap: 2rem;
    justify-content: normal;
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  .universalsearch--results section div.cardcontainer {
    flex-flow: wrap-reverse;
    align-items: baseline;
    width: auto;
    justify-content: space-between;
  }
}
.universalsearch--results section div.cardcontainer a {
  text-decoration: none !important;
  font-weight: 400;
}
.universalsearch--results section div.cardcontainer div#mediator--counties {
  margin: 1rem 0;
  color: #0F014DBD;
}
.universalsearch--results section div.cardcontainer div#mediator--practiceareas {
  font-weight: 600;
  color: #0B0039;
}
.universalsearch--results section div.cardcontainer .control-heading {
  display: block;
  margin-top: 1rem;
}
.universalsearch--results section div.cardcontainer span.material-symbols-outlined {
  font-weight: 900;
  color: #0B0039;
}
.universalsearch--results section div.cardcontainer > div {
  flex: 1;
}
@media only screen and (max-width: 616px) {
  .universalsearch--results section div.cardcontainer > div {
    min-width: 0;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 548px) {
  .universalsearch--results section div.cardcontainer > div {
    min-width: auto;
  }
}
.universalsearch--results section div.cardcontainer > div:first-child {
  flex: 0.7;
  background-color: #0B0039;
  height: auto;
  border-radius: 50%;
}
@media only screen and (max-width: 616px) {
  .universalsearch--results section div.cardcontainer > div:first-child {
    flex: 1;
    text-align: right;
  }
}
@media only screen and (max-width: 548px) {
  .universalsearch--results section div.cardcontainer > div:first-child {
    order: 1;
  }
}
.universalsearch--results section div.cardcontainer > div img {
  width: 6rem;
  padding: 1rem;
}
.universalsearch--results section div.cardcontainer > div:last-child {
  text-align: right;
  flex: 0.25;
}
@media only screen and (max-width: 616px) {
  .universalsearch--results section div.cardcontainer > div:last-child {
    flex: 1;
  }
}
@media only screen and (max-width: 548px) {
  .universalsearch--results section div.cardcontainer > div:last-child {
    order: 3;
  }
}
.universalsearch--results section div.cardcontainer > div .cardcontainer--icon {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
@media only screen and (max-width: 616px) {
  .universalsearch--results section div.cardcontainer > div .cardcontainer--icon {
    display: inline-flex;
    width: -webkit-fill-available;
  }
}
.universalsearch--results section div.cardcontainer > div .control-label a {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
  text-decoration: none;
  font-feature-settings: "liga" 0;
}
.universalsearch--results section div.cardcontainer > div:nth-child(2) {
  flex: 2;
}
@media only screen and (max-width: 616px) {
  .universalsearch--results section div.cardcontainer > div:nth-child(2) {
    flex: 1;
    flex-basis: 50%;
  }
}
@media only screen and (max-width: 548px) {
  .universalsearch--results section div.cardcontainer > div:nth-child(2) {
    order: 1;
  }
}
.universalsearch--results section div.cardcontainer > div:nth-child(3) {
  flex: 2;
}
@media only screen and (max-width: 616px) {
  .universalsearch--results section div.cardcontainer > div:nth-child(3) {
    flex: 1;
    display: inline-grid;
  }
}
.universalsearch--results section div.cardcontainer > div .cardcontainer--icon__email {
  background-image: url("/UI/images/icons/communication_email.svg");
  width: 2rem !important;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.universalsearch--results section div.cardcontainer > div .cardcontainer--icon__phone {
  background-image: url("/UI/images/icons/communication_call.svg");
  width: 2rem !important;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.universalsearch--results section div.cardcontainer > div .cardcontainer--icon__website {
  background-image: url("/UI/images/icons/communication_language.svg");
  width: 2rem !important;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.universalsearch--results section div.cardcontainer > div .cardcontainer--icon__dx {
  background-image: url("/UI/images/icons/icon--communication__dx.svg");
  width: 2rem !important;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.universalsearch--results section div.cardcontainer > div .cardcontainer--icon__fax {
  background-image: url("/UI/images/icons/communication_fax.svg");
  width: 2rem !important;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.universalsearch--results section div.cardcontainer > div .cardcontainer--icon__address {
  background-image: url("/UI/images/icons/communication_location.svg");
  width: 2rem !important;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
}
.universalsearch--results section div.cardcontainer > div a {
  text-decoration: none !important;
}
.universalsearch--results section div.cardcontainer--icon div {
  width: 100%;
}
.universalsearch--results hr.hr-grey {
  margin: 2rem 0 !important;
}
.universalsearch--results .flex-col1 {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 820px) {
  .universalsearch--results .flex-col1 {
    width: 100%;
  }
}
.universalsearch--results .flex-col2 {
  width: calc(50% - 1rem);
}
@media only screen and (max-width: 820px) {
  .universalsearch--results .flex-col2 {
    width: 100%;
  }
}
.universalsearch--results text#lnkQuickSearch,
.universalsearch--results text#lnkAdvancedSearch {
  display: flex;
  align-items: center;
}
.universalsearch--results .container--sortby {
  display: flex;
  justify-content: flex-end;
}
.universalsearch--results .container--sortby select {
  width: 9rem;
}
.universalsearch--results .container--sortby span.container--sortby__label {
  align-content: center;
  padding-right: 1rem;
  color: #0F014DBD;
}
.firmProfilePage--container .flex-1row-2col-equal {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  grid-gap: 2.5rem;
}
.firmProfilePage--container .flex-1row-2col-equal .flex-col1 {
  width: 50%;
  align-self: baseline;
}
.firmProfilePage--container .flex-1row-2col-equal .flex-col2 {
  width: 50%;
  align-self: baseline;
}
@media only screen and (max-width: 576px) {
  .firmProfilePage--container .flex-1row-2col-equal {
    flex-wrap: wrap;
  }
  .firmProfilePage--container .flex-1row-2col-equal .flex-col1 {
    width: 100%;
  }
  .firmProfilePage--container .flex-1row-2col-equal .flex-col2 {
    width: 100%;
  }
}
.firmProfilePage--container .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 2em;
  align-items: baseline;
}
.firmProfilePage--container .flex-1row-2col .flex-col2 a {
  text-decoration: underline;
  color: #0B0039;
}
.firmProfilePage--container .flex-1row-2col .chevron-align {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .firmProfilePage--container .flex-1row-2col.mobile-flex {
    flex-direction: column-reverse;
    grid-gap: 30px;
    align-items: baseline;
  }
  .firmProfilePage--container .flex-1row-2col.mobile-flex .chevron-align {
    display: flex;
    width: 100%;
    justify-content: flex-end;
  }
  .firmProfilePage--container .flex-1row-2col .flex-col1 {
    width: 100%;
  }
  .firmProfilePage--container .flex-1row-2col .flex-col2 {
    width: 100%;
  }
}
.firmProfilePage--container h3 {
  margin-top: 0;
}
.firmProfilePage--container h3 span {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 0.188rem;
}
.firmProfilePage--container input,
.firmProfilePage--container select {
  width: 21.375rem;
}
@media only screen and (max-width: 576px) {
  .firmProfilePage--container input,
  .firmProfilePage--container select {
    width: 100%;
  }
}
.firmProfilePage--container p {
  margin-top: 0.25em;
  margin-bottom: 0px;
}
.firmProfilePage--container .material-icons {
  vertical-align: middle;
}
.firmProfilePage--container .employee-Tabs .tabs-flex {
  display: flex;
  flex-direction: row;
  gap: 7%;
}
@media only screen and (max-width: 390px) {
  .firmProfilePage--container .employee-Tabs .tabs-flex {
    gap: 3%;
  }
}
.firmProfilePage--container .employee-Tabs > .tabs-flex input[type="radio"] {
  position: relative;
  display: none;
}
.firmProfilePage--container .employee-Tabs > .tabs-flex input[type="radio"] + label {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.009375rem !important;
  line-height: 1.6875rem !important;
  color: #0F014DBD !important;
  /*padding: 0.625em 3em 0.625em 0em;*/
}
.firmProfilePage--container .employee-Tabs > .tabs-flex input[type="radio"]:checked + label {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.009375rem !important;
  line-height: 1.6875rem !important;
  color: #0B0039 !important;
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0em bottom;
  background-size: 3rem 0.188rem;
}
.firmProfilePage--container .employee-letter_filter {
  margin: 3.125em 0em;
}
.firmProfilePage--container .tab-panels .solicitor__item {
  margin-bottom: 1.875em;
  margin-top: 1.875em;
  padding: 1.875em 3.125em;
  border: 0.25px solid #DDCBA4;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 0.313rem;
}
.firmProfilePage--container .tab-panels .heading-hl {
  background: transparent linear-gradient(to top, #B5B5B5, #B5B5B5) no-repeat 0em bottom;
  background-size: 100% 1px;
  text-align: left;
}
.firmProfilePage--container div#Content_Content_MainContent_pnlPagination {
  display: flex;
  column-gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .firmProfilePage--container div#Content_Content_MainContent_pnlPagination {
    display: contents;
    margin: 2rem 0;
  }
}
.firmProfilePage--container div#Content_Content_MainContent_pnlPagination a {
  width: 2em;
  height: 2em;
  padding: 0.25rem 0.6rem;
}
.firmProfilePage--container div#Content_Content_MainContent_pnlPagination .left-chevron,
.firmProfilePage--container div#Content_Content_MainContent_pnlPagination .right-chevron {
  height: fit-content;
  margin-right: 0;
  margin-left: 0;
}
.firmProfilePage--container div#Content_Content_MainContent_pnlPagination a.active {
  height: 2em;
  width: 2em;
  border-radius: 50%;
}
.firmProfilePage--container div#Content_Content_MainContent_pnlPagination a.active::before {
  background: #0B0039 !important;
  color: #FFFFFF;
  filter: drop-shadow(3px 6px 6px #B5B5B5);
}
@media only screen and (max-width: 768px) {
  .firmProfilePage--container div#Content_Content_MainContent_pnlPagination .pagination--viewall {
    width: 100%;
    margin-bottom: 2rem;
    text-align: center;
    display: ruby;
  }
}
.firmProfilePage--container div#Content_Content_MainContent_pnlPagination a#Content_Content_MainContent_viewAllBtn {
  background: none;
  border: none;
  width: 6rem;
  text-decoration: underline;
  margin: 0;
}
#PaymentRefundRequest table th {
  text-align: left;
  padding: 0 0 0.5rem 0;
}
#PaymentRefundRequest table td {
  color: #0F014DBD;
}
#PaymentRefundRequest table tfoot {
  display: none;
}
#PaymentRefundRequest .modal-content {
  width: -webkit-fill-available !important;
}
#PaymentRefundRequest input[type="text"],
#PaymentRefundRequest textarea,
#PaymentRefundRequest .attachmentUpload {
  width: 20.5rem;
}
@media only screen and (max-width: 768px) {
  #PaymentRefundRequest input[type="text"],
  #PaymentRefundRequest textarea,
  #PaymentRefundRequest .attachmentUpload {
    width: 100%;
  }
}
#PaymentRefundRequest .container--paymentmethod.flex-1row-2col {
  column-gap: 2rem;
  width: 30rem;
}
#PaymentRefundRequest .container--paymentmethod.flex-1row-2col .flex-col1,
#PaymentRefundRequest .container--paymentmethod.flex-1row-2col .flex-col2 {
  width: 12.688rem !important;
  border-bottom: 1px solid #B5B5B5;
  padding-bottom: 1rem;
}
#PaymentRefundRequest .container--paymentmethod.flex-1row-2col .active {
  border-bottom: 1px solid #1E1A34;
}
#PaymentRefundRequest .attachmentcontrol--container span.validation--error {
  margin-top: -1.7rem;
}
#PaymentRefundRequest .modal-content.modal-blue a {
  color: #FFFFFF;
}
#PaymentRefundRequest .modal-content.modal-blue .modal-buttons .btn.btn-secondary,
#PaymentRefundRequest .modal-content.modal-blue .modal-buttons .btn.btn-primary {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  #PaymentRefundRequest .modal-content.modal-blue .modal-buttons .btn.btn-secondary,
  #PaymentRefundRequest .modal-content.modal-blue .modal-buttons .btn.btn-primary {
    width: 100%;
  }
}
#PaymentRefundRequest .flex-1row-2col {
  align-items: baseline;
  column-gap: 4rem;
}
#PaymentRefundRequest .flex-1row-2col .flex-col1,
#PaymentRefundRequest .flex-1row-2col .flex-col2 {
  width: 45%;
}
#PaymentRefundRequest .termsAndConditionsContainer {
  display: inline-flex;
}
#PaymentRefundRequest hr.hr-grey {
  margin: 2rem 0 !important;
}
#ViewOrderConfirmation {
  display: flex;
  flex-direction: column;
}
#ViewOrderConfirmation .heading {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.3rem;
  color: #0F014DD4;
}
#ViewOrderConfirmation .email-input {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 1rem;
}
#ViewOrderConfirmation .email-input .email-flex-50 {
  flex: 0 0 50%;
  /* desktop: two equal columns */
  width: 100%;
}
#ViewOrderConfirmation .email-input .email-flex-50 input {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #ViewOrderConfirmation .email-input .email-flex-50 {
    flex: 0 1 auto;
    /* resets to normal */
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #ViewOrderConfirmation .email-input {
    flex-direction: column;
  }
}
#ViewOrderConfirmation input[type="text"] {
  width: 100%;
}
#ViewOrderConfirmation .flex-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5em;
}
#ViewOrderConfirmation .flex-col1 {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 576px) {
  #ViewOrderConfirmation .flex-col1 {
    width: 100%;
  }
}
#ViewOrderConfirmation .width-50 {
  width: 50%;
}
@media only screen and (max-width: 576px) {
  #ViewOrderConfirmation .width-50 {
    width: 100%;
  }
}
#ViewOrderConfirmation .col-width-50 {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #ViewOrderConfirmation .col-width-50 {
    width: 100%;
  }
}
#ViewOrderConfirmation .flex-1row-2col {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 576px) {
  #ViewOrderConfirmation .flex-1row-2col {
    margin-bottom: 0;
  }
  #ViewOrderConfirmation .flex-1row-2col .flex-col1 {
    margin-bottom: 2rem;
  }
}
#ViewOrderConfirmation #divRefundRequests {
  line-height: 2em;
}
#ViewOrderConfirmation .refund-message {
  line-height: 2em;
}
#ViewOrderConfirmation .alnright {
  text-align: right;
}
#ViewOrderConfirmation .alncenter {
  text-align: center;
}
#ViewOrderConfirmation .table-purchases-info {
  width: 100%;
  margin-top: 1em;
}
#ViewOrderConfirmation .table-purchases-info thead {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.3rem;
  color: #0F014DD4;
}
#ViewOrderConfirmation .table-purchases-info thead th {
  padding: 0;
}
#ViewOrderConfirmation .table-purchases-info tbody td {
  padding: 1em 0 1em 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#ViewOrderConfirmation .table-purchases-info .order-cell:nth-child(3)::before,
#ViewOrderConfirmation .table-purchases-info .order-cell:nth-child(4)::before {
  content: '€';
}
#ViewOrderConfirmation .table-purchases-info .order-cell.negative:before {
  content: '(€';
}
#ViewOrderConfirmation .table-purchases-info .order-cell.negative:after {
  content: ')';
}
#ViewOrderConfirmation .table-purchases-info .negative:after {
  content: ')';
}
@media only screen and (max-width: 666px) {
  #ViewOrderConfirmation .table-purchases-info .order-cell.negative:before {
    content: '(';
  }
  #ViewOrderConfirmation .table-purchases-info .order-cell.negative:after {
    content: ')';
  }
}
#ViewOrderConfirmation .table-totals {
  width: 20em;
}
#ViewOrderConfirmation .table-totals tbody td {
  padding: 0em 0 1em 0;
}
#ViewOrderConfirmation .table-totals tbody td .negative:before {
  content: '(€';
}
#ViewOrderConfirmation .table-totals tbody td .negative:after {
  content: ')';
}
#ViewOrderConfirmation .table-totals tbody td::before {
  content: '€';
}
@media only screen and (max-width: 576px) {
  #ViewOrderConfirmation .table-totals {
    width: 100%;
  }
}
#ViewOrderConfirmation .totals-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#ViewOrderConfirmation .totals-container .totals-item {
  display: flex;
}
@media only screen and (max-width: 616px) {
  #ViewOrderConfirmation .table-row {
    flex-direction: column;
  }
}
#ViewOrderConfirmation #refund-requests .refund-item-price-status {
  gap: 7em;
}
#ViewOrderConfirmation #refund-requests .refund-item-price-status div {
  width: 5em;
}
#ViewOrderConfirmation #refund-culture-text {
  margin: 2em 0;
}
#ViewOrderConfirmation .validationError {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#OptPracticeAreas .checkbox-align {
  display: flex;
  align-items: center;
}
#OptPracticeAreas .btn-flex {
  display: flex;
  gap: 1.5em;
}
@media only screen and (max-width: 576px) {
  #OptPracticeAreas .btn-flex {
    flex-direction: column;
  }
}
#FirmProfile .btn-flex {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .btn-flex {
    flex-direction: column;
    width: 100%;
  }
}
#FirmProfile .header-flex {
  display: flex;
  flex-direction: row;
  align-self: baseline;
  justify-content: space-between;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .header-flex {
    flex-direction: column;
  }
}
#FirmProfile .container-flex {
  display: flex;
  gap: 4rem;
}
#FirmProfile .container-flex .column {
  flex: 1;
}
#FirmProfile .container-flex select {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .container-flex {
    flex-direction: column;
    gap: 0px;
  }
}
#FirmProfile .container--employee__type {
  display: flex;
  column-gap: 4rem;
  margin-bottom: 4rem;
  flex-wrap: wrap;
}
#FirmProfile .container--employee__type h3 {
  color: #0F014DB0;
  cursor: pointer;
}
#FirmProfile .container--employee__type h3.active {
  background: transparent linear-gradient(to top, #D8BB8B, #D8BB8B) no-repeat 0 bottom;
  padding-top: 0;
  background-size: 3.5rem 0.188rem;
  color: #0F014DD4;
}
@media only screen and (max-width: 768px) {
  #FirmProfile select {
    width: 100%;
  }
}
#FirmProfile .container--employee__cards h3 {
  border-bottom: 0.25px solid #EFE4D1;
}
#FirmProfile .container--employee__item {
  margin: 2rem 0 2rem 0;
}
#FirmProfile .container {
  width: 100%;
}
#FirmProfile .container .pager {
  display: flex;
  width: 100%;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .container .pager {
    flex-direction: column;
  }
}
#FirmProfile .container .pager .pager--totalRecords {
  flex: 1;
}
#FirmProfile .container .pager .pager--buttons {
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .container .pager .pager--buttons {
    display: flex;
    margin: 1rem 0;
  }
}
#FirmProfile .container .pager .pager--buttons span {
  display: flex;
}
#FirmProfile .container .pager .pager--buttons .material-icons {
  color: #0F014D99;
}
#FirmProfile .container .pager .pager--buttons i {
  cursor: pointer;
}
#FirmProfile .container .pager .pager--buttons span a {
  display: inline-flex;
  text-decoration: none !important;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
}
#FirmProfile .container .pager .pager--buttons span a.active {
  color: #0F014D;
  /* border: none;*/
}
#FirmProfile .container .pager--viewall {
  flex: 1;
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
}
#EFTPaymentDetails .flex-col,
#YourPaymentDetails .flex-col,
#EFTFirmPaymentDetails .flex-col {
  display: flex;
  flex-direction: row;
  gap: 4em;
}
@media only screen and (max-width: 576px) {
  #EFTPaymentDetails .flex-col,
  #YourPaymentDetails .flex-col,
  #EFTFirmPaymentDetails .flex-col {
    flex-direction: column;
    gap: 0em;
  }
}
#EFTPaymentDetails .flex-col .flex-col1,
#YourPaymentDetails .flex-col .flex-col1,
#EFTFirmPaymentDetails .flex-col .flex-col1 {
  width: 44%;
}
@media only screen and (max-width: 576px) {
  #EFTPaymentDetails .flex-col .flex-col1,
  #YourPaymentDetails .flex-col .flex-col1,
  #EFTFirmPaymentDetails .flex-col .flex-col1 {
    width: 100%;
  }
}
#EFTPaymentDetails .flex-col .green-text,
#YourPaymentDetails .flex-col .green-text,
#EFTFirmPaymentDetails .flex-col .green-text {
  color: #0F014DD4 !important;
  font-weight: 700 !important;
}
#EFTPaymentDetails .flex-col .span-p,
#YourPaymentDetails .flex-col .span-p,
#EFTFirmPaymentDetails .flex-col .span-p {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
#EFTPaymentDetails p,
#YourPaymentDetails p,
#EFTFirmPaymentDetails p {
  margin: 0 !important;
}
#EFTPaymentDetails .ddl-div,
#YourPaymentDetails .ddl-div,
#EFTFirmPaymentDetails .ddl-div {
  width: 328px;
}
@media only screen and (max-width: 576px) {
  #EFTPaymentDetails .ddl-div,
  #YourPaymentDetails .ddl-div,
  #EFTFirmPaymentDetails .ddl-div {
    width: 100%;
  }
}
#DownloadExamScript .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 1em;
}
#DownloadExamScript .flex-1row-2col:last-child {
  padding-bottom: 2em;
}
#DownloadExamScript .flex-1row-2col .flex-col1 {
  flex: 1 1 50%;
}
#DownloadExamScript .flex-1row-2col .flex-col1 .chevron-align {
  display: flex;
  align-items: center;
}
#DownloadExamScript .flex-1row-2col .flex-col1 span {
  font-weight: 700;
}
#DownloadExamScript .flex-1row-2col .flex-col1 .btn-light-navyborder-small {
  justify-content: space-around;
  padding: 1em;
  width: auto;
}
#SmallChangeRequest .grey-hr,
#SmallChangeOverview .grey-hr {
  border: 1px solid #EBEBEB;
  margin: 4rem 0;
}
#SmallChangeRequest .flex-1row-3col,
#SmallChangeOverview .flex-1row-3col {
  display: flex;
  width: 100%;
  column-gap: 2rem;
}
@media only screen and (max-width: 768px) {
  #SmallChangeRequest .flex-1row-3col,
  #SmallChangeOverview .flex-1row-3col {
    display: block;
  }
}
#SmallChangeRequest .flex-1row-3col .flex-col1,
#SmallChangeOverview .flex-1row-3col .flex-col1 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
}
@media only screen and (max-width: 768px) {
  #SmallChangeRequest .flex-1row-3col .flex-col1,
  #SmallChangeOverview .flex-1row-3col .flex-col1 {
    width: 100%;
    margin-bottom: 2rem;
  }
}
#SmallChangeRequest .flex-1row-3col .flex-col2,
#SmallChangeOverview .flex-1row-3col .flex-col2 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
}
#SmallChangeRequest .flex-1row-3col .flex-col2 select,
#SmallChangeOverview .flex-1row-3col .flex-col2 select {
  width: 100% !important;
}
@media only screen and (max-width: 768px) {
  #SmallChangeRequest .flex-1row-3col .flex-col2,
  #SmallChangeOverview .flex-1row-3col .flex-col2 {
    width: 100%;
    margin-bottom: 2rem;
  }
}
#SmallChangeRequest .flex-1row-3col .flex-col3,
#SmallChangeOverview .flex-1row-3col .flex-col3 {
  display: flex;
  flex-direction: column;
  align-self: end;
  min-width: 0;
}
@media only screen and (max-width: 768px) {
  #SmallChangeRequest .flex-1row-3col .flex-col3,
  #SmallChangeOverview .flex-1row-3col .flex-col3 {
    width: 100%;
  }
}
#SmallChangeRequest .flex-1row-3col .flex-col3 button,
#SmallChangeOverview .flex-1row-3col .flex-col3 button {
  align-self: end;
  min-width: 3em;
  min-height: 3em;
}
@media only screen and (max-width: 768px) {
  #SmallChangeRequest .flex-1row-3col .flex-col3 button,
  #SmallChangeOverview .flex-1row-3col .flex-col3 button {
    width: 100%;
  }
  #SmallChangeRequest .flex-1row-3col .flex-col3 button::before,
  #SmallChangeOverview .flex-1row-3col .flex-col3 button::before {
    content: "Search ";
    margin-right: 0.5rem;
  }
}
#SmallChangeRequest .custom-table th.col-1,
#SmallChangeOverview .custom-table th.col-1,
#SmallChangeRequest .custom-table td.col-1,
#SmallChangeOverview .custom-table td.col-1 {
  min-width: 16em;
  word-wrap: break-word;
  /* Ensures long words will break */
  word-break: break-word;
  /* Breaks long words */
  overflow-wrap: break-word;
  /* For better compatibility across browsers */
  white-space: normal;
  /* Ensures text can wrap in headers */
}
#SmallChangeRequest .custom-table th.col-2,
#SmallChangeOverview .custom-table th.col-2,
#SmallChangeRequest .custom-table td.col-2,
#SmallChangeOverview .custom-table td.col-2 {
  min-width: 10em;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
#SmallChangeRequest .custom-table th.col-3,
#SmallChangeOverview .custom-table th.col-3,
#SmallChangeRequest .custom-table td.col-3,
#SmallChangeOverview .custom-table td.col-3 {
  min-width: 10em;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
#SmallChangeRequest .custom-table th.col-4,
#SmallChangeOverview .custom-table th.col-4,
#SmallChangeRequest .custom-table td.col-4,
#SmallChangeOverview .custom-table td.col-4 {
  min-width: 10em;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
#SmallChangeRequest .custom-table th.col-5,
#SmallChangeOverview .custom-table th.col-5,
#SmallChangeRequest .custom-table td.col-5,
#SmallChangeOverview .custom-table td.col-5 {
  padding: 0;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}
#SmallChangeRequest .search-params,
#SmallChangeOverview .search-params {
  padding: 2rem 2rem 2rem 2rem;
  background-color: #FAFAFA;
  margin-bottom: 2rem;
}
#SmallChangeRequest .question-answer-block,
#SmallChangeOverview .question-answer-block {
  position: relative;
  padding: 1rem 0 1rem 0;
}
#SmallChangeRequest .question-text,
#SmallChangeOverview .question-text {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
}
#SmallChangeRequest .material-icons-outlined,
#SmallChangeOverview .material-icons-outlined {
  font-weight: 400;
  padding-left: 0.25em;
}
#SmallChangeRequest textarea,
#SmallChangeOverview textarea {
  width: 100%;
  height: 8.25em;
  padding: 10px;
  box-sizing: border-box;
  font-size: 1em;
  resize: none;
}
#SmallChangeRequest textarea[readonly],
#SmallChangeOverview textarea[readonly],
#SmallChangeRequest textarea[readonly]:focus,
#SmallChangeOverview textarea[readonly]:focus,
#SmallChangeRequest textarea[readonly]:hover,
#SmallChangeOverview textarea[readonly]:hover {
  outline: none;
  border: none;
  box-shadow: none;
  padding: 0;
}
#SmallChangeRequest textarea[readonly]::placeholder,
#SmallChangeOverview textarea[readonly]::placeholder {
  color: transparent;
}
#SmallChangeRequest .uploadcontrol,
#SmallChangeOverview .uploadcontrol {
  width: 25em;
  /*Hide date from attachment control*/
}
@media only screen and (max-width: 810px) {
  #SmallChangeRequest .uploadcontrol,
  #SmallChangeOverview .uploadcontrol {
    width: 100%;
    padding: 1rem 0rem 1rem 0rem;
  }
}
#SmallChangeRequest .uploadcontrol .attachment-info__date,
#SmallChangeOverview .uploadcontrol .attachment-info__date {
  display: none;
}
#SmallChangeRequest .loaderwrapper,
#SmallChangeOverview .loaderwrapper {
  background: #0B0039;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
  opacity: 0.6;
  left: 0;
  top: 0;
  bottom: 0;
}
#SmallChangeRequest .loaderwrapper .ebloader,
#SmallChangeOverview .loaderwrapper .ebloader {
  border: 10px solid #DDCBA4;
  border-radius: 50%;
  border-top: 10px solid #0B0039;
  width: 3rem;
  height: 3rem;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  margin: 20% auto 0 auto;
}
#SmallChangeRequest .table-container,
#SmallChangeOverview .table-container {
  padding: 0 0 0.5rem 0;
}
#SmallChangeRequest .pageFlex,
#SmallChangeOverview .pageFlex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FAFAFA;
  padding: 1em;
}
#SmallChangeRequest .pageFlex .container-pageFlex,
#SmallChangeOverview .pageFlex .container-pageFlex {
  font-weight: 700;
}
#SmallChangeRequest .pageFlex .container-pageFlex span,
#SmallChangeOverview .pageFlex .container-pageFlex span {
  cursor: pointer;
  vertical-align: top;
  color: #0B0039;
}
#SmallChangeRequest .pageFlex .container-pageFlex #paginationControls a,
#SmallChangeOverview .pageFlex .container-pageFlex #paginationControls a {
  text-decoration: none;
  color: #0B0039;
}
@media only screen and (max-width: 768px) {
  #SmallChangeRequest .pageFlex .container-pageFlex,
  #SmallChangeOverview .pageFlex .container-pageFlex {
    padding: 0;
  }
}
#SmallChangeRequest .text-ellipsis,
#SmallChangeOverview .text-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#FirmLawDirectoryDetails .flex-1row-2col .flex-col1,
#FirmLawDirectoryDetails .flex-1row-2col .flex-col2 {
  width: 40%;
}
@media only screen and (max-width: 576px) {
  #FirmLawDirectoryDetails .flex-1row-2col .flex-col1,
  #FirmLawDirectoryDetails .flex-1row-2col .flex-col2 {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #FirmLawDirectoryDetails .flex-1row-2col {
    flex-direction: column;
    row-gap: 0.5rem;
  }
}
#FirmLawDirectoryDetails .align-items-center {
  display: flex;
  justify-content: right;
}
#FirmLawDirectoryDetails .textlink--inline::after {
  content: url("/UI/images/icons/chevron_right_brand2_dark.svg");
  padding-left: 0.5em;
}
@media only screen and (max-width: 576px) {
  #FirmLawDirectoryDetails .textalign--right {
    text-align: unset !important;
  }
}
#FirmLawDirectoryDetails .text-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#FirmLawDirectoryDetails .text-group label {
  font-family: 'Archivo';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
#FirmLawDirectoryDetails .text-group label.caption {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
#FirmLawDirectoryDetails .pagination--numbers span {
  display: flex;
}
#FirmLawDirectoryDetails .container--employee__type {
  display: flex;
  column-gap: 2rem;
  margin-bottom: 4rem;
}
#FirmLawDirectoryDetails .container--employee__type .div-active {
  cursor: pointer;
}
#FirmLawDirectoryDetails .container--employee__cards h3 {
  margin-top: 4rem;
}
#FirmLawDirectoryDetails .container--employee__cards .container--employee__item {
  margin-bottom: 1.875em;
  margin-top: 1.875em;
  padding: 2rem;
  box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.15);
  border-radius: 0.313rem;
}
#AdmissionToRollApplication .textValidationClass {
  color: #E60000 !important;
}
#AdmissionToRollApplication .show-modal {
  display: block;
}
#AdmissionToRollApplication .uploadcontrol {
  width: 70%;
  /*Hide date from attachment control /AttachmentControlTemplate__c.html*/
}
#AdmissionToRollApplication .uploadcontrol .attachmentUpload {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 576px) {
  #AdmissionToRollApplication .uploadcontrol {
    width: 100%;
  }
}
#AdmissionToRollApplication .uploadcontrol .attachment-info__date {
  display: none;
}
#AdmissionToRollApplication #AtrDeclaration #atrDeclaration--post-instructions__address {
  white-space: pre-line;
}
#AdmissionToRollApplication #AtrDeclaration .attachment-info__cell {
  width: 21em;
}
#AdmissionToRollApplication #AtrDeclaration #atrDeclaration--download-decl-for__button a {
  color: #FFFFFF;
  text-decoration: none;
}
#AdmissionToRollApplication #atrDeclaration--download-form__div,
#AdmissionToRollApplication #atrDeclaration--download-instructions__div,
#AdmissionToRollApplication #atrDeclaration--upload-instructions__div,
#AdmissionToRollApplication #atrDeclaration--post-instructions__div {
  display: flex;
}
#certificate__container {
  text-align: center;
}
#certificate__container #certificate--image {
  content: url("/UI/images/LawSocLogoAdmissions.jpg");
  margin: 0 auto;
  width: -webkit-fill-available;
  max-width: fit-content;
}
#certificate__container #certificate--heading {
  font-size: 4rem;
  line-height: 3rem;
}
#certificate__container #certificate--term {
  font-size: 2rem;
}
#certificate__container #certificate--intro,
#certificate__container #certificate--lawsocDetails,
#certificate__container #certificate--admit,
#certificate__container #certificate--admitToRoll,
#certificate__container #certificate--admitDate {
  font-size: 1rem;
}
#certificate__container #certificate--awardedto,
#certificate__container #certificate--admitName {
  font-size: 3rem;
}
#certificate__container #certificate--signature__president {
  width: 50%;
}
#certificate__container #certificate--signature__presidentText,
#certificate__container #certificate--signature__registrarText {
  text-align: left;
}
#certificate__container .border-line {
  width: 100%;
  border-top: 2px solid black;
}
#FailAppealApplication .flex-column {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#TraineeshipFormApplication .applications--readonly h2,
#TraineeshipFormApplication .applications--readonly h3 {
  display: block;
}
#TraineeshipFormApplication .page-subheading-blue {
  display: table-cell;
}
#TraineeshipFormApplication span.validation--error {
  margin-top: -1.5rem;
}
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--download-decl-for__button {
  margin-top: 1em;
}
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--download-decl-for__button a {
  color: #FFFFFF;
  text-decoration: none;
}
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--startdate__datePicker {
  margin-bottom: 0.5em;
}
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--startdate__notes {
  font-family: 'Archivo' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--startdate__dateNotValid,
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--startdate__dateIsNotPresent {
  margin-top: 0;
}
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--startdate__datePicker {
  display: flex;
  flex-direction: column;
}
#TraineeshipFormApplication #TraineeshipHistory table th {
  padding-left: 0;
  padding-bottom: 1rem;
  padding-right: 1rem;
}
#TraineeshipFormApplication #TraineeshipHistory table tbody tr td {
  color: #0F014DBD;
  text-align: left;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
#TraineeshipFormApplication #ppcTrainingContract--download-form__div,
#TraineeshipFormApplication #ppcTrainingContract--download-instructions__div,
#TraineeshipFormApplication #ppcTrainingContract--upload-instructions__div,
#TraineeshipFormApplication #ppcTrainingContract--post-instructions__div {
  display: flex;
}
#TraineeshipFormApplication #TraineeshipPayment .gold-colour-text-bold {
  color: #8D5C12;
  font-weight: 700;
}
#CertificateOfProposed .cop-question {
  display: flex;
  gap: 2em;
}
#CertificateOfProposed .cop-question fieldset {
  display: flex;
  gap: 36px;
}
#CertificateOfProposed .cop-question input[type="radio"] {
  margin: 0;
}
#CertificateOfProposed .flex-1row-3col {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
#CertificateOfProposed .question-header {
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
  border-bottom: 0.003em solid #EBEBEB;
}
#CertificateOfProposed .highlighted-text {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
}
#CertificateOfProposed .solicitor-trainees__container {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
#CertificateOfProposed .solicitor-trainees__row {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  gap: 2em;
}
#CertificateOfProposed .solicitor-trainees__header {
  font-family: 'Archivo' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0F014DBD !important;
}
#CertificateOfProposed .solicitor-trainees__cell {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 600px) {
  #CertificateOfProposed .cell {
    flex: 1 1 100%;
  }
}
@media only screen and (max-width: 810px) {
  #SecondmentFormApplication .grid-1row-2col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
#SecondmentFormApplication .float-responsive {
  float: right;
  white-space: nowrap;
}
@media only screen and (max-width: 810px) {
  #SecondmentFormApplication .float-responsive {
    float: left;
  }
}
@media only screen and (max-width: 810px) {
  #SecondmentFormApplication input[type=text] {
    width: 100%;
  }
}
#DisputeFormApplication textarea,
#SubmitDisputeFormApplication textarea {
  width: 100%;
  height: 8rem;
  resize: none;
  font-family: inherit;
}
#AssignmentFormApplication .h1-body {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 2.48rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 810px) {
  #AssignmentFormApplication .grid-1row-2col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
@media only screen and (max-width: 810px) {
  #AssignmentFormApplication .grid-1row-2col .btn-primary {
    width: 100%;
  }
}
#AssignmentFormApplication .float-responsive {
  float: right;
  white-space: nowrap;
}
@media only screen and (max-width: 810px) {
  #AssignmentFormApplication .float-responsive {
    float: left;
  }
}
@media only screen and (max-width: 810px) {
  #AssignmentFormApplication input[type=text] {
    width: 100%;
  }
}
#ExternalBooking .flex-column {
  display: flex;
  flex-direction: column;
}
.important-note {
  background-color: #0F014D0A;
  width: 100%;
  display: flex;
  border-radius: 8px;
  align-items: anchor-center;
}
@media only screen and (max-width: 768px) {
  .important-note {
    padding: 1rem;
    gap: 1rem;
  }
}
.important-note .asterisk-icon {
  background-image: url("/UI/images/icons/asterisk_navy.svg");
  background-position: center;
  height: 2rem;
  width: 2rem;
  background-repeat: no-repeat;
}
.iban-cards {
  display: flex;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .iban-cards {
    flex-flow: column;
  }
}
.iban-cards section.paymentdetails-card {
  flex: 1;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #0F014D0A;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.iban-cards section.paymentdetails-card .two-col-details {
  display: flex;
  width: 100%;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .iban-cards section.paymentdetails-card .two-col-details {
    flex-flow: column;
    gap: 1rem;
  }
}
.iban-cards section.paymentdetails-card .two-col-details div {
  flex: 1;
}
.iban-cards section.paymentdetails-card .detail-info {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .iban-cards section.paymentdetails-card .detail-info {
    flex-flow: column;
    gap: 1rem;
  }
}
.iban-cards section.paymentdetails-card .detail-info div {
  flex: 1;
  /* gap: 1rem; */
}
.iban-cards section.paymentdetails-card .detail-info div.flex-col2 {
  align-content: center;
}
.iban-cards section.paymentdetails-card .detail-info div.flex-col2 span.btn-navy {
  width: fit-content;
  float: right;
}
@media only screen and (max-width: 768px) {
  .iban-cards section.paymentdetails-card .detail-info div.flex-col2 span.btn-navy {
    width: 100%;
  }
}
.iban-cards section.paymentdetails-card .detail-info .btn-navy a {
  color: #EFE4D1;
}
#Membership p a {
  text-decoration: underline !important;
  color: #0F014DD4;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  word-break: normal;
  align-items: anchor-center;
  align-items: center;
  line-height: 1.2rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  border: none;
  background: none;
}
#Membership p a:hover {
  opacity: 0.74;
  text-decoration: none !important;
}
#Membership p a:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#Membership p a:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none !important;
  padding: 2px 2px 2px 4px;
}
#Membership thead th {
  flex: 1;
}
#Membership tr {
  display: flex;
  align-items: anchor-center;
  gap: 1rem;
}
#Membership tr th.chk-align-center {
  flex: 1;
}
#Membership tfoot th {
  flex: 1;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#portal-body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /*display/hide these items on left menu*/
}
#portal-body footer.site-footer {
  margin-top: auto;
}
#portal-body main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#portal-body main > .container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#portal-body main .main-wrap {
  flex: 1;
  display: flex;
}
#portal-body #myModal {
  width: 100%;
}
#portal-body .skip-link {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  background: #0F014D;
  color: white;
  padding: 0.75rem 1rem;
  z-index: 10000;
  border-radius: 0 0 8px 8px;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
}
#portal-body .skip-link:focus {
  transform: translateY(0);
  opacity: 1;
}
#portal-body .new-mobilemenu {
  width: 20rem;
  height: 100%;
}
#portal-body .new-mobilemenu .top-nav {
  padding-bottom: 2rem;
  border-top: 1px solid #0F014D0A;
  border-bottom: 1px solid #0F014D0A;
}
#portal-body .new-mobilemenu .portal-nav {
  padding-top: 2rem;
}
#portal-body header.site-header {
  background: #0F014D;
  color: #EFE4D1;
  padding: 1rem 2rem;
}
#portal-body header.site-header .container {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
  background: none;
}
#portal-body header.site-header .container .header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
#portal-body header.site-header .container .header-bar span.material-symbols-outlined,
#portal-body header.site-header .container .header-bar span.material-symbols {
  font-size: 2rem;
}
#portal-body header.site-header .container .header-bar .brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 0.75rem;
}
#portal-body header.site-header .container .header-bar .brand .brand__home {
  display: flex;
  align-items: center;
  color: #EFE4D1;
  flex-flow: column;
}
#portal-body header.site-header .container .header-bar .brand .brand__home .brand__logo {
  width: 15.75rem;
  object-fit: contain;
}
@media only screen and (max-width: 768px) {
  #portal-body header.site-header .container .header-bar .brand .brand__home .brand__logo {
    width: 10rem;
  }
}
#portal-body header.site-header .container .header-bar .brand .brand__home .brand__name {
  width: 100%;
}
#portal-body header.site-header .container .header-bar .header-mobile-nav {
  display: none;
}
@media only screen and (max-width: 768px) {
  #portal-body header.site-header .container .header-bar .header-mobile-nav {
    display: block;
  }
}
#portal-body header.site-header .container .header-bar .header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  #portal-body header.site-header .container .header-bar .header-actions {
    display: none;
  }
}
#portal-body header.site-header .container .header-bar .header-actions a.header-btn.btn-light-border span.material-symbols-outlined {
  color: #EFE4D1;
  font-size: 1rem;
  height: 100%;
  align-self: center;
}
#portal-body header.site-header nav.primary-nav {
  background: #fff;
  color: #111;
}
#portal-body section.portal-primary-nav {
  margin-bottom: 2rem;
}
#portal-body section.portal-primary-nav > div {
  display: flex;
  gap: 2rem;
  margin: 1rem 0;
}
@media only screen and (max-width: 768px) {
  #portal-body section.portal-primary-nav > div {
    display: contents;
  }
}
#portal-body section.portal-primary-nav > div div.col-12 {
  flex: 1;
}
#portal-body section.portal-middle-nav {
  margin-bottom: 2rem;
}
#portal-body section.portal-middle-nav > div {
  gap: 2rem;
  margin: 1rem 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #portal-body section.portal-middle-nav > div {
    flex-direction: column;
  }
}
#portal-body section.portal-middle-nav > div div.col-12 {
  flex: 1;
}
#portal-body main .container article.content {
  width: 100%;
  max-width: 1280px;
  margin: 2rem 4rem;
}
@media only screen and (max-width: 1024px) {
  #portal-body main .container article.content {
    margin: 2rem;
  }
}
@media only screen and (max-width: 467px) {
  #portal-body main .container article.content {
    margin: 2rem 1rem;
  }
}
#portal-body main .container .main-wrap {
  transition: grid-template-columns 0.3s ease;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #portal-body main .container .main-wrap {
    flex-direction: row;
  }
}
#portal-body main .container .main-wrap.left-collapsed {
  grid-template-columns: 9rem 1fr;
}
#portal-body main .container .main-wrap.left-collapsed.has-right {
  /* grid-template-columns: 60px 1fr var(--right-rail);*/
}
#portal-body main .container .main-wrap.left-collapsed aside.left-rail {
  width: 9rem;
  padding: 1rem;
  overflow: hidden;
  /*& > *:not(.left-rail-hide) {
                            display: none;
                        }*/
}
#portal-body main .container .main-wrap.left-collapsed aside.left-rail .left-rail-hide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  justify-self: right;
}
#portal-body main .container .main-wrap.left-collapsed aside.left-rail .left-rail-hide span.material-symbols-outlined {
  transform: rotate(180deg);
}
#portal-body main .container .main-wrap.left-collapsed aside.left-rail .left-rail-hide a {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 0.8rem;
  white-space: nowrap;
}
#portal-body main .container .main-wrap:not(.has-right) {
  grid-template-columns: var(--left-rail) minmax(0, 1fr);
  align-items: start;
}
#portal-body main .container .main-wrap:not(.has-left) {
  grid-template-columns: minmax(0, 1fr) var(--right-rail);
  align-items: start;
}
#portal-body main .container .main-wrap aside.left-rail {
  padding: 2rem;
  background-color: #FDFDFB;
  border-right: 1px solid #0F014D3D;
  height: 100%;
  transition: all 0.3s ease;
  position: relative;
  width: 20rem;
}
@media only screen and (max-width: 768px) {
  #portal-body main .container .main-wrap aside.left-rail {
    display: none;
  }
}
#portal-body main .container .main-wrap aside.left-rail button#hideLeftPanel {
  border: none;
  background: none;
  justify-self: right;
  font-family: 'Archivo';
}
#portal-body main .container .main-wrap aside.left-rail button#hideLeftPanel span.material-symbols-outlined.icon {
  color: #0F014DD4;
}
#portal-body main .container .main-wrap aside.left-rail button#hideLeftPanel span.label {
  font-size: 1rem;
  color: #0F014DD4;
  font-weight: 600;
}
#portal-body main .container .main-wrap aside.left-rail button#hideLeftPanel:hover,
#portal-body main .container .main-wrap aside.left-rail button#hideLeftPanel:focus {
  outline: 2px solid #0F014D99;
  outline-offset: 2px;
}
#portal-body main .container .main-wrap aside.left-rail .left-rail-hide {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1rem;
  cursor: pointer;
  justify-content: right;
}
#portal-body main .container .main-wrap aside.left-rail .left-rail-hide a {
  color: #0F014D;
  text-decoration: none;
  font-size: 0.9rem;
  display: flex;
  gap: 0.5rem;
}
#portal-body main .container .main-wrap aside.left-rail .left-rail-hide a:hover {
  text-decoration: underline;
}
#portal-body main .container .main-wrap aside.left-rail .left-rail-hide a:hover span.material-symbols-outlined {
  text-decoration: none !important;
}
#portal-body main .container .main-wrap aside.left-rail .left-rail-hide span.material-symbols-outlined {
  transition: transform 0.3s ease;
  font-size: 1.5rem;
}
#portal-body main .container .main-wrap .skip-link {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  background: #0F014D;
  color: white;
  padding: 0.75rem 1rem;
  z-index: 10000;
  border-radius: 0 0 8px 8px;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
}
#portal-body main .container .main-wrap .skip-link:focus {
  transform: translateY(0);
}
#portal-body .left-collapsed aside.left-rail {
  /* Optional: hide metadata/text when collapsed */
  /*div.portal-nav__row a.portal-nav__link {
            display: none !important;
        }

        button.portal-nav__toggle {
            display: none;
        }*/
}
#portal-body .left-collapsed aside.left-rail .partner-card .material-symbols-outlined,
#portal-body .left-collapsed aside.left-rail .partner-card__dropdown-container {
  display: flex !important;
}
#portal-body .left-collapsed aside.left-rail span.group-item-text {
  display: none !important;
}
#portal-body .left-collapsed aside.left-rail .portal-nav__children span.group-item-text {
  display: block !important;
}
#portal-body .left-collapsed aside.left-rail .partner-card img.partner-card__img {
  width: 3.5rem;
  height: 3.5rem;
}
#portal-body .left-collapsed aside.left-rail button.portal-nav__toggle span.portal-nav__link {
  display: none !important;
}
#portal-body .left-collapsed aside.left-rail .partner-card__meta {
  display: none !important;
}
#portal-body .left-collapsed aside.left-rail ul.portal-nav__children {
  margin-left: 0rem !important;
}
#portal-body .left-collapsed aside.left-rail .partner-card__dropdown-menu {
  min-width: 100%;
}
.portal-nav {
  --gap: 8px;
}
.portal-nav .portal-nav__list,
.portal-nav .portal-nav__children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.portal-nav .portal-nav__list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.portal-nav .portal-nav__list::before {
  content: none;
}
.portal-nav .portal-nav__list .portal-nav__node {
  margin: 0;
}
.portal-nav .portal-nav__list .portal-nav__node:hover {
  opacity: 0.74;
}
.portal-nav .portal-nav__list .portal-nav__node:focus {
  border: 1px solid #0F014D3D;
  border-radius: 8px;
}
.portal-nav .portal-nav__list .portal-nav__node:active,
.portal-nav .portal-nav__list .portal-nav__node.is-active,
.portal-nav .portal-nav__list .portal-nav__node[aria-current="page"] {
  background: #0F014D3D;
  border-radius: 8px;
}
.portal-nav .portal-nav__list .portal-nav__node > .portal-nav__children {
  margin-left: 0rem;
  /* creates the indentation */
  padding-left: 0;
  /* optional – prevents double padding if ULs have defaults */
  margin-top: 1rem;
}
.portal-nav .portal-nav__list .portal-nav__node .portal-nav__row span.material-symbols-outlined {
  font-size: 1.5rem;
  font-weight: 400;
  color: #0F014DD4;
}
.portal-nav .portal-nav__list .portal-nav__node .portal-nav__row .portal-nav__link {
  color: #0F014DD4;
  cursor: pointer;
  line-height: 1rem;
  gap: 0.5rem;
  display: flex;
  font-size: 1rem;
  align-items: center;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid transparent;
  gap: 1rem;
}
.portal-nav .portal-nav__list .portal-nav__node .portal-nav__row .portal-nav__link:hover {
  opacity: 0.75;
  text-decoration: none;
}
.portal-nav .portal-nav__list .portal-nav__node .portal-nav__row .portal-nav__link:focus {
  border-radius: 10px;
  border: 1px solid #0F014DD4;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.portal-nav .portal-nav__list .portal-nav__node .portal-nav__row .portal-nav__link:active {
  border-radius: 10px;
  border: none;
  background-color: #0F014DD4;
  color: #EFE4D1;
  text-decoration: none;
  padding: 2px 2px 2px 4px;
}
.portal-nav__children {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.portal-nav__toggle {
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  align-items: anchor-center;
  gap: 1rem;
  text-align: left;
  width: 100%;
}
.portal-nav__toggle span.material-symbols-outlined:last-child {
  flex: 1;
  text-align-last: right;
  text-align: right;
}
.portal-nav__toggle:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.portal-nav__chev {
  inline-size: 1rem;
  block-size: 1rem;
  display: inline-block;
  transform: rotate(-90deg);
}
[aria-expanded="true"] .portal-nav__chev {
  transform: none;
}
.portal-nav__children[hidden] {
  display: none;
}
/*card*/
.card {
  padding: 1rem;
  height: 100%;
  border-radius: 8px;
  border: 1px solid #0F014D0A;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.card__title {
  flex: 1;
  text-align: center;
}
.portal-card-top {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}
.portal-card-top .portal-card-icon {
  height: 3rem;
  width: 3rem;
  padding: 0.5rem;
  border-radius: 4px;
  background: #0F014D0A;
  display: flex;
  align-items: center;
}
.portal-card-top .portal-card-icon span {
  font-size: 1.6rem;
  color: #0F014D99;
}
.status-card__big {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.status-card__meta {
  margin: 0;
  display: grid;
  gap: 4px;
}
.status-card__meta dt {
  font-weight: 600;
}
.status-card__meta dd {
  margin: 0 0 0 0.25rem;
}
.status-card__cta a {
  text-decoration: none;
}
.status-card__cta a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.card {
  border-radius: 8px;
  border: 1px solid #0F014D0A;
  background: #FDFDFB;
  /* Drop Shadow */
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.upcoming-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.upcoming-card__row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 10px;
  align-items: center;
}
.upcoming-card__row .upcoming-card__date,
.upcoming-card__row a.text-hyperlink-navy {
  display: flex;
  place-items: center;
}
.upcoming-card__date {
  font-variant-numeric: tabular-nums;
  color: #0F014DBD;
}
.upcoming-card__link {
  text-decoration: none;
}
.upcoming-card__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.upcoming-card__empty {
  padding: 0.5rem;
  border: 1px dashed #c9ced8;
  border-radius: 8px;
}
.saved-card__empty {
  padding: 0.5rem;
  border: 1px dashed #c9ced8;
  border-radius: 8px;
}
.saved-card__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.saved-card__row {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.saved-card__link {
  text-decoration: none;
}
.saved-card__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.saved-card__more {
  margin: 0.75rem 0 0 0;
}
section.card.deadline-card .deadline-card__cta {
  margin-top: 1rem;
}
.partner-card {
  padding: 2rem 0 1rem 0;
}
.partner-card .partner-card__row {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.partner-card .partner-card__avatar {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background: #0F014D0A;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.partner-card .partner-card__avatar span.partner-card__fallback span.material-symbols-outlined {
  font-size: 2rem;
  color: #0F014D3D;
}
.partner-card img.partner-card__img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  object-fit: cover;
}
.partner-card .partner-card__meta {
  min-width: 0;
  color: #0F014DD4;
  flex: 1;
}
.partner-card .partner-card__meta .partner-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partner-card .partner-card__meta img.partner-card__img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  object-fit: cover;
}
.partner-card .partner-card__meta .partner-card__fallback {
  line-height: 1;
}
.partner-card .partner-card__meta .partner-card__fallback span {
  font-size: 2rem;
}
.partner-card .partner-card__meta .partner-card__user {
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.partner-card .partner-card__meta .partner-card__name {
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.partner-card .partner-card__meta .partner-card__balance {
  color: #5b6472;
  font-size: 0.92rem;
  margin-top: 2px;
}
.partner-card__dropdown-container {
  position: relative;
  display: inline-block;
}
.partner-card__dropdown {
  position: relative;
}
.partner-card__dropdown-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}
.partner-card__dropdown-button span {
  pointer-events: none;
  font-size: 1.5rem;
}
.partner-card__dropdown-button:hover,
.partner-card__dropdown-button:focus {
  outline: 2px solid #0F014D99;
  outline-offset: 2px;
}
.partner-card__dropdown-menu {
  position: absolute;
  right: 0;
  top: 100%;
  padding: 1rem;
  z-index: 1000;
  display: none;
  min-width: 160px;
  border-radius: 8px;
  background: #FDFDFB;
  box-shadow: 0 2px 4px 0 rgba(15, 1, 77, 0.16);
}
.partner-card__dropdown-menu.show {
  display: block !important;
}
.partner-card__dropdown-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  border: none;
  width: 100%;
  text-align: left;
  background: none;
}
.partner-card__dropdown-item:hover,
.partner-card__dropdown-item:focus {
  background-color: #0F014D0A;
  outline: none;
}