/*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;
  text-rendering: optimizeLegibility;
}
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
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*/
/*end of colour variables*/
/*start of svgvariables*/
/*end of svgvariables*/
/*start of mediaqueryvariables*/
/*.cssclass {
    width: 100%;
    
    .responsive(@mediaquery--360px, {
        float: left;
        margin-top: 1em;
    });
}*/
/*end of mediaqueryvariables*/
/*Mixin to set background color and font color.*/
body {
  font-family: 'Manrope';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
body {
  font-size: 1rem;
  letter-spacing: 0.025em;
}
body2 {
  font-size: 0.833rem;
  letter-spacing: 0.0156em;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'PT Serif';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
h1 {
  font-size: 2.488rem;
  letter-spacing: 0.015rem;
  margin: 1rem 0;
}
h2 {
  font-size: 2.074rem;
  letter-spacing: 0.0156em;
  line-height: 1.4em;
  margin: 1rem 0;
}
h3 {
  font-size: 1.728rem;
  letter-spacing: 0.0156em;
  margin: 1rem 0;
  line-height: 1.4em;
}
h4 {
  font-size: 1.44rem;
  letter-spacing: 0.0094em;
  margin: 0.5rem 0;
  line-height: 1.4em;
}
h5 {
  font-size: 1.2rem;
  letter-spacing: 0.0094em;
  line-height: 1.4em;
}
.page-subheading-blue {
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0rem;
  line-height: 1.8rem;
  color: #0B0039;
  display: inline-block;
}
.body--bold__blue {
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #0B0039;
  display: inline-block;
}
p {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
button {
  font-family: 'Manrope';
  font-weight: 400;
  color: #FFFFFF;
  font-style: normal;
  line-height: 1.4em;
}
button {
  font-size: 0.833rem;
  letter-spacing: 0.0312em;
  text-transform: uppercase;
}
Subtitle {
  font-family: 'PT Serif';
  font-weight: 400;
  color: #A67F42;
  font-style: normal;
  line-height: 1.4em;
}
Subtitle {
  font-size: 1rem;
  letter-spacing: 0.0312em;
}
a {
  text-decoration: none;
}
a.DataPager_Link {
  color: #0B0039;
}
a > i {
  padding-right: 6px !important;
}
i.fa.fa-chevron-down {
  color: #0B0039;
}
.featured-news img {
  width: -webkit-fill-available;
  width: -moz-available;
}
.tab-contents {
  width: 100%;
  padding: 3em 0em;
  position: relative;
  z-index: 1;
}
.main-content {
  padding: 1em 0em 1em 1em;
}
.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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.4em !important;
  color: #555555 !important;
  width: 8.5em;
  padding-bottom: 0.5em;
}
.main-content ul.tabs-committee li a.active {
  color: #0B0039;
  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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0B0039 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0B0039 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0B0039 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0B0039 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0B0039 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0B0039 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.0094em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
}
.main-content .pagination-page ul {
  list-style: none;
  list-style-type: none;
}
.pagination-page {
  max-width: 80em;
  margin: 2em 0px 2em 0px;
  position: relative;
}
.pagination-page .text {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.1875rem !important;
  color: #555555 !important;
}
.pagination-page .rounded-icon {
  height: 3em;
  width: 3em;
  margin: 0 2em 0 2em;
  /*background: @colour--greyscale__white;
        color: @colour--greyscale__grey5;*/
  background: #FFFFFF;
  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;
}
.pagination-page .all-results a {
  color: #0B0039;
  margin: 0px 0px;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375rem !important;
  color: #0B0039 !important;
}
@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;
  }
}
/*Styles for Kendo Pager*/
#search-results {
  /*.all-results {

        a {
            line-height: 3em;
            font-size: 1em;
            text-decoration: underline;
            color: @colour--primary__brand1;
        }
    }*/
}
#search-results .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 {
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
#search-results .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,
#search-results .k-pager-wrap .k-state-selected:link,
#search-results .k-pager-wrap .k-state-selected:visited,
#search-results .k-pager-wrap .k-list > .k-state-selected,
#search-results .k-pager-wrap .k-list > .k-state-highlight,
#search-results .k-pager-wrap .k-panel > .k-state-selected,
#search-results .k-pager-wrap .k-button:active,
#search-results .k-pager-wrap .k-ghost-splitbar-vertical,
#search-results .k-pager-wrap .k-ghost-splitbar-horizontal,
#search-results .k-pager-wrap .k-draghandle.k-state-selected:hover,
#search-results .k-pager-wrap .k-scheduler .k-scheduler-toolbar .k-state-selected,
#search-results .k-pager-wrap .k-marquee-color {
  color: #FFFFFF;
  background-color: #0B0039;
  border-color: #0B0039;
  border-radius: 20px;
}
#search-results .k-pager-wrap .k-link:visited,
#search-results .k-pager-wrap .k-nav-current.k-state-hover .k-link {
  color: unset;
}
#search-results .k-pager-wrap .k-pager-first,
#search-results .k-pager-wrap .k-pager-last {
  display: none;
}
#search-results .k-pager-wrap .k-link {
  background: unset;
  border-color: transparent;
  border-right: 0;
}
#search-results .k-pager-wrap .k-icon {
  background: none;
}
#search-results .k-pager-wrap .k-icon.k-i-arrow-w {
  background: left url("/UI/images/icons/chevron_left.svg") no-repeat;
}
#search-results .k-pager-wrap .k-icon.k-i-arrow-e {
  background: right url("/UI/images/icons/chevron_right.svg") no-repeat;
  padding-right: 1em;
}
#search-results .k-pager-wrap ul.k-pager-numbers li,
#search-results .k-pager-wrap ul.k-pager-numbers a {
  font-size: 1rem;
}
#search-results .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) {
    display: none;
  }
  #search-results .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) {
    display: none;
  }
  #search-results .k-pager-wrap ul.k-pager-numbers li:last-child {
    display: block;
  }
}
#search-results .k-pager-wrap .k-pager-numbers .k-state-selected {
  width: 1.875em;
  height: 1.875em;
  font-family: 'Manrope';
}
#search-results .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 {
    left: unset;
    top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #search-results .k-pager-wrap {
    padding-left: 1em;
    margin: 3em 0 1em 0;
  }
}
#search-results .firm-paging {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
#search-results .firm-paging .k-pager-wrap {
  padding: 0;
}
.background--colour__grey1 {
  background-color: #FAFAFA !important;
}
.pager--results {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 13.33px !important;
  letter-spacing: 0.015625em !important;
  line-height: 24px !important;
  color: #555555 !important;
}
@media only screen and (max-width: 390px) {
  .pager--results {
    width: 100%;
    text-align: center;
  }
}
a#Content_Content_MainContent_ucPagination_lnkViewAll {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 29px !important;
  color: #0B0039 !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;
}
#mainBody img,
.main-content img {
  margin-top: 0em;
  width: 100%;
}
.label-tabs {
  display: inline-block;
  margin: 0 0.188em 0.375em 0;
  background-color: #0B0039;
  color: #FFFFFF;
  border: 0.1875em solid #0B0039;
  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: #FFFFFF;
  border-bottom: 0;
  font-family: 'Manrope' !important;
  font-weight: 600 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.1875rem !important;
  color: #0B0039 !important;
}
.radio-tabs {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375rem !important;
  color: #555555 !important;
  border-bottom: 1px solid #1E1A34;
  margin-bottom: 1em;
}
.radio-tabs input[type='radio'] {
  width: 20px;
  height: 20px;
}
.radio-tabs label {
  color: #0B0039;
}
.radio-tabs label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #0B0039;
  background-color: transparent;
}
.radio-tabs input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #A67F42;
}
.background--color__grey1 {
  background: #FAFAFA;
}
/* photo galler viewer styles*/
div#EPiImageGalleryViewer-__Page img {
  width: auto !important;
}
/*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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025 !important;
  line-height: 1.8em !important;
  color: #555555 !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;
  }
}
/* reciteme button  */
#reciteme-button {
  /* Button Styling and Placement */
  width: 4em;
  height: 4em;
  bottom: 5em;
  right: 1.3em;
  position: fixed;
  border-radius: 50%;
  z-index: 100;
  cursor: pointer;
}
#reciteme-button:hover {
  opacity: 0.75;
}
#reciteme-button img {
  /** Button Image Size */
  width: 5em;
  height: 5em;
  position: absolute;
  top: 50%;
  left: 2.5em;
  transform: translate(-50%, -50%);
}
/*for to be used on required field validations*/
.validation--error {
  display: flex;
  border: none;
  margin-top: 4px;
  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;
}
.validation--error a {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #E60000 !important;
}
.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;
}
.validationMessage {
  display: flex;
  border: none;
  margin-top: 4px;
  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;
}
.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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 29px !important;
  color: #555555 !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 {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
.notification--error a:hover {
  opacity: 0.75;
}
.notification--error a:focus {
  border-radius: 3px;
  border: 2px solid #555555 !important;
  text-decoration: none;
  padding: 0 0.5em 0 0.5em;
}
.notification--success {
  display: block;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 29px !important;
  color: #555555 !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 {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
.notification--success a:hover {
  opacity: 0.75;
}
.notification--success a:focus {
  border-radius: 3px;
  border: 2px solid #555555 !important;
  text-decoration: none;
  padding: 0 0.5em 0 0.5em;
}
.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: #555555;
  padding: 1em;
  margin-bottom: 3em;
  border-radius: 0;
  align-items: center;
}
.green-alert-box span,
.red-alert-box span {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #555555 !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 {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
.green-alert-box a:hover,
.red-alert-box a:hover {
  opacity: 0.75;
}
.green-alert-box a:focus,
.red-alert-box a:focus {
  border-radius: 3px;
  border: 2px solid #555555 !important;
  text-decoration: none;
  padding: 0 0.5em 0 0.5em;
}
.red-alert-box {
  border-top: 0.25em solid #E60000;
  background: #FFE6E6;
}
.red-alert-box::before {
  content: url("/UI/images/icons/circled-error-red.svg");
}
/* offsetting an html anchor to adjust for fixed header  */
[id]:target:before {
  content: '';
  display: block;
  height: 9.3rem;
  margin-top: -9.3rem;
  visibility: hidden;
}
/*Stopping tolltip going full width****/
.ui-tooltip {
  display: inline-block;
}
.info-heading {
  font-family: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  padding-bottom: 0.25em;
}
.heading--secondarydark__gold {
  color: #8D5C12;
}
.font--weight__600 {
  font-weight: 600;
}
/*
.grid-1row-2col {
    .responsive(@mediaquery--768px, {
        display: flex;
        flex-flow: wrap;
        column-gap: 2rem;
    }

    );

    &.application--buttons {
        .responsive(@mediaquery--768px, {
            display: flex;
            flex-direction: column;
        }

        );
    }
}
*/
.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: inline-flex;
    border: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
    position: relative;
    min-width: 7.5em;
    height: 3rem;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 0.833rem;
    line-height: 1.188em;
    letter-spacing: 0.0312em;
    text-transform: uppercase;
    font-family: 'Manrope';
    color: #FFFFFF;
    cursor: pointer;
    transition: 0.2s all;
    background-color: #FFFFFF;
    color: #0B0039;
    border: 1px solid #8D5C12;
  }
  .application--buttons .grid-col2 a:hover {
    background-color: #8D5C12;
    color: #FFFFFF;
  }
  .application--buttons .grid-col2 a:focus {
    border: none;
    outline: 5px double #8D5C12;
  }
  .application--buttons .grid-col2 a:active {
    border: none;
    outline: 5px double #8D5C12;
  }
}
@media only screen and (max-width: 576px) and only screen and (max-width: 576px) {
  .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;
  }
}
.text-grey5 {
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
.text-grey5 .bold {
  font-weight: 700;
}
#Saved h1 {
  padding-bottom: 1rem;
  border-bottom: #EBEBEB 1px solid;
}
@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: 'Manrope';
  font-weight: 700;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.intranet-blocks {
  display: inline-block;
  width: 100%;
}
.container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  background: #fff;
  padding-bottom: 1.25em;
}
.container.intranet {
  padding-bottom: 0;
}
.container:before {
  content: "";
  display: table;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: inline-flex;
  clear: both;
}
.base {
  margin: auto;
  position: relative;
  width: 100%;
  max-width: 1280px;
  padding: 0em 1.25em;
}
@media only screen and (max-width: 1280px) {
  .base {
    width: 100%;
  }
}
@media only screen and (max-width: 467px) {
  .base {
    padding: 0;
  }
}
.topnav-header-base {
  margin: auto;
  position: relative;
  width: 100%;
  max-width: 1280px;
  padding: 0em 1.25em;
}
@media only screen and (max-width: 1280px) {
  .topnav-header-base {
    width: 100%;
  }
}
@media only screen and (max-width: 467px) {
  .topnav-header-base {
    padding: 0;
  }
}
.mid-section {
  background: #FFFFFF;
}
.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-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.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;
}
.width--percentage__50 {
  width: 50%;
}
.grey-hr {
  border: 1px solid #EBEBEB;
  margin: 1rem 0;
}
/* abstract classes */
/* Paddings */
.padding--top__05rem {
  padding-top: 0.5rem;
}
.padding--top__1rem {
  padding-top: 1rem;
}
.padding--top__2rem {
  padding-top: 2rem;
}
.padding--top__3rem {
  padding-top: 3rem;
}
.padding--top__4rem {
  padding-top: 4rem;
}
.padding--bottom__05rem {
  padding-bottom: 0.5rem;
}
.padding--bottom__1rem {
  padding-bottom: 1rem;
}
.padding--bottom__2rem {
  padding-bottom: 2rem;
}
.padding--bottom__3rem {
  padding-bottom: 3rem;
}
.padding--bottom__4rem {
  padding-bottom: 4rem;
}
.padding--left__05rem {
  padding-left: 0.5rem;
}
.padding--left__1rem {
  padding-left: 1rem;
}
.padding--left__2rem {
  padding-left: 2rem;
}
.padding--left__3rem {
  padding-left: 3rem;
}
.padding--left__4rem {
  padding-left: 4rem;
}
.padding--right__05rem {
  padding-right: 0.5rem;
}
.padding--right__1rem {
  padding-right: 1rem;
}
.padding--right__2rem {
  padding-right: 2rem;
}
.padding--right__3rem {
  padding-right: 3rem;
}
.padding--right__4rem {
  padding-right: 4rem;
}
.padding--around__05rem {
  padding: 0.5rem;
}
.padding--around__1rem {
  padding: 1rem;
}
.padding--around__2rem {
  padding: 2rem;
}
.padding--around__3rem {
  padding: 3rem;
}
.padding--around__4rem {
  padding: 4rem;
}
/* Margins */
.margin--top__025rem {
  margin-top: 0.25rem;
}
.margin--top__05rem {
  margin-top: 0.5rem;
}
.margin--top__1rem {
  margin-top: 1rem;
}
.margin--top__2rem {
  margin-top: 2rem;
}
.margin--top__3rem {
  margin-top: 3rem;
}
.margin--top__4rem {
  margin-top: 4rem;
}
.margin--bottom__025rem {
  margin-bottom: 0.25rem;
}
.margin--bottom__05rem {
  margin-bottom: 0.5rem;
}
.margin--bottom__1rem {
  margin-bottom: 1rem;
}
.margin--bottom__2rem {
  margin-bottom: 2rem;
}
.margin--bottom__3rem {
  margin-bottom: 3rem;
}
.margin--bottom__4rem {
  margin-bottom: 4rem;
}
.margin--left__05rem {
  margin-left: 0.5rem;
}
.margin--left__1rem {
  margin-left: 1rem;
}
.margin--left__2rem {
  margin-left: 2rem;
}
.margin--left__3rem {
  margin-left: 3rem;
}
.margin--left__4rem {
  margin-left: 4rem;
}
.margin--right__05rem {
  margin-right: 0.5rem;
}
.margin--right__1rem {
  margin-right: 1rem;
}
.margin--right__2rem {
  margin-right: 2rem;
}
.margin--right__3rem {
  margin-right: 3rem;
}
.margin--right__4rem {
  margin-right: 4rem;
}
.margin--around__05rem {
  margin: 0.5rem;
}
.margin--around__1rem {
  margin: 1rem;
}
.margin--around__2rem {
  margin: 2rem;
}
.margin--around__3rem {
  margin: 3rem;
}
.margin--around__4rem {
  margin: 4rem;
}
.width__maxcontent {
  width: max-content;
}
.applications--readonly h2,
.applications--readonly h3 {
  display: none;
}
.applications--readonly #accordion--section1,
.applications--readonly #accordion--section2,
.applications--readonly #accordion--section3,
.applications--readonly #accordion--section4 {
  padding-top: 2em;
  padding-left: 1em;
  border: 1px solid #EBEBEB;
}
.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%;
  }
}
.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, transparent 5rem, transparent 5rem, 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;
}
.search__container {
  border-radius: 3px;
  background-color: #FAFAFA;
  padding: 2rem;
}
.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 .block.showcaseblock.span9 .showcase--fullwidth {
  padding: 0em;
}
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center img {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  object-fit: contain;
}
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center h3,
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center p,
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center a {
  color: unset;
}
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center h3 {
  font-size: 1.728rem;
  letter-spacing: 0.0156rem;
  margin: 1rem 0;
  line-height: 1.4em;
}
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center a {
  color: #8D5C12;
}
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center p {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
.col9.tiny-sort__content .related-content .block.showcaseblock.span9 .showcase--fullwidth.link-for-intranet .showcase--center p:first-child {
  color: #8D5C12;
  text-transform: uppercase;
}
.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: 1em 0em 1em 1em;
}
@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-family: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025rem;
  line-height: 1.8rem;
  color: #555555;
}
.main-content .formblock table fieldset {
  display: flex;
  flex-direction: column;
}
.main-content .formblock table *[id*='requiredvalidator'] {
  font-size: 1rem;
}
.textlink {
  color: #0B0039;
  text-decoration: underline;
  font-family: 'Manrope';
  color: #0B0039 !important;
  min-height: 3em;
  font-weight: 400;
}
.textlink:hover {
  color: #8D5C12;
}
.textlink:visited {
  color: #0B0039;
  font-weight: 700;
}
.textlink i.material-icons {
  vertical-align: bottom;
}
.textlink-white {
  font-weight: 400 !important;
  color: #FFFFFF;
  text-decoration: underline;
  font-family: 'Manrope';
}
.textlink-white:hover {
  opacity: 0.75;
}
.textlink-white:visited {
  color: #0B0039;
  font-weight: 700;
}
.textlink--inline,
.main-content a {
  color: #8D5C12;
  text-decoration: underline;
  font-family: 'Manrope';
}
.textlink--inline:focus,
.main-content a:focus {
  border-radius: 3px;
  border: 2px solid #8D5C12;
  text-decoration: none;
  padding: 0 0.5em 0 0.5em;
}
.textlink--inline:hover,
.main-content a:hover {
  opacity: 0.75;
  cursor: pointer;
}
.textlink--inline:visited,
.main-content a:visited {
  color: #8D5C12;
  font-weight: 700;
}
a.btn-primary {
  text-decoration: none;
  cursor: pointer;
}
input[type="submit"] {
  display: inline-flex;
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  position: relative;
  min-width: 7.5em;
  height: 3rem;
  border-radius: 3px;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833rem;
  line-height: 1.188em;
  letter-spacing: 0.0312em;
  text-transform: uppercase;
  font-family: 'Manrope';
  cursor: pointer;
  transition: 0.2s all;
  color: #FFFFFF;
  background-color: #8D5C12;
}
@media only screen and (max-width: 576px) {
  input[type="submit"] {
    width: 100%;
  }
}
input[type="submit"]:hover {
  opacity: 0.75;
}
input[type="submit"]:focus {
  border: none;
  outline: 5px double #8D5C12;
}
input[type="submit"]:active {
  border: none;
  outline: 5px double #8D5C12;
}
input[type="submit"][disabled] {
  color: #FFFFFF;
  background-color: #838383;
}
input[type="submit"][disabled]:hover {
  opacity: 0.75;
}
input[type="submit"][disabled]:focus {
  border: none;
  outline: 5px double #838383;
}
input[type="submit"][disabled]:active {
  border: none;
  outline: 5px double #838383;
}
.btn {
  display: inline-flex;
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  position: relative;
  min-width: 7.5em;
  height: 3rem;
  border-radius: 3px;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833rem;
  line-height: 1.188em;
  letter-spacing: 0.0312em;
  text-transform: uppercase;
  font-family: 'Manrope';
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.2s all;
}
@media only screen and (max-width: 576px) {
  .btn {
    width: 100%;
  }
}
.btn.btn-large {
  min-width: 10.063em;
}
.btn.btn-primary {
  color: #FFFFFF;
  background-color: #8D5C12;
}
.btn.btn-primary:hover {
  opacity: 0.75;
}
.btn.btn-primary:focus {
  border: none;
  outline: 5px double #8D5C12;
}
.btn.btn-primary:active {
  border: none;
  outline: 5px double #8D5C12;
}
.btn.btn-primary.tooltip {
  background-color: unset;
  color: #0B0039;
  padding-top: 0em;
  margin-top: -0.5em;
}
.btn.btn-primary.tooltip p {
  text-transform: none;
}
.btn.btn-primary.tooltip:hover {
  opacity: unset;
}
.btn.btn-disabled[disabled] {
  color: #FFFFFF;
  background-color: #838383;
}
.btn.btn-disabled[disabled]:hover {
  opacity: 0.75;
}
.btn.btn-disabled[disabled]:focus {
  border: none;
  outline: 5px double #838383;
}
.btn.btn-disabled[disabled]:active {
  border: none;
  outline: 5px double #838383;
}
.btn.btn-secondary {
  background-color: #FFFFFF;
  color: #0B0039;
  border: 1px solid #8D5C12;
}
.btn.btn-secondary:hover {
  background-color: #8D5C12;
  color: #FFFFFF;
}
.btn.btn-secondary:focus {
  border: none;
  outline: 5px double #8D5C12;
}
.btn.btn-secondary:active {
  border: none;
  outline: 5px double #8D5C12;
}
.btn.btn-secondary a {
  color: #0B0039;
  text-decoration: none;
}
.btn.btn-secondary a:hover {
  color: #FFFFFF;
}
.btn.btn-alt {
  background-color: #007377;
  color: #FFFFFF;
}
.btn.btn-alt:hover {
  opacity: 0.75;
}
.btn.btn-alt:focus {
  border: none;
  outline: 5px double #007377;
}
.btn.btn-alt:active {
  border: none;
  outline: 5px double #007377;
}
.btn.btn-alt .btn-icon {
  padding: 0em;
  display: flex;
  position: absolute;
  min-width: 48px;
  width: 48px;
  height: 48px;
  border-radius: 3px;
}
.btn.btn-alt-search {
  background-color: #007377;
  color: #FFFFFF;
  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: 0.75;
}
.btn.btn-alt-search:focus {
  border: none;
  outline: 5px double #007377;
}
.btn.btn-alt-search:active {
  border: none;
  outline: 5px double #007377;
}
@media only screen and (max-width: 768px) {
  .btn.btn-alt-search {
    width: 100%;
  }
}
.btn.btn-btt {
  background-color: #0B0039;
}
.btn.btn-btt:hover {
  opacity: 0.75;
}
.btn.btn-btt:focus {
  border: none;
  outline: 5px double #0B0039;
}
.btn.btn-btt:active {
  border: none;
  outline: 5px double #0B0039;
}
.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-text {
  padding: 0.5em 1em;
}
/*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;
}
button:disabled {
  color: #FFFFFF !important;
  background-color: #838383 !important;
  opacity: 1 !important;
  cursor: default;
}
button:disabled:hover {
  opacity: 0.75;
}
button:disabled:focus {
  border: none;
  outline: 5px double #838383;
}
button:disabled:active {
  border: none;
  outline: 5px double #838383;
}
#SearchButton {
  min-width: 3.25rem;
  /*Stopping btn-alt from going 100% on searchPanel keep it same size*/
}
@media only screen and (max-width: 576px) {
  #SearchButton {
    width: 3.25rem;
  }
}
.dropdown-visible {
  display: block !important;
}
.textbox-default-smallNumeric {
  font-family: 'Manrope' !important;
  font-weight: normal !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1em !important;
  color: #555555 !important;
  text-align: center;
  width: 3em;
  height: 2em;
  left: 3em;
  top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 3px;
}
input[type=text],
input[type="password"],
input[type="date"],
input[type=number],
input[type=email],
input[type=datetime-local],
input[type=url] {
  position: static !important;
  background: #FFFFFF;
  border: 1px solid #838383;
  color: #555555;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0.5em 1em;
  font-size: 1rem;
  font-family: 'Manrope';
  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] {
    width: 100%;
  }
}
textarea {
  background: #FFFFFF;
  border: 1px solid #838383;
  color: #555555;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0.5em 1em;
  font-size: 1rem;
  font-family: 'Manrope';
}
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]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder,
input[type="date"]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=datetime-local]::placeholder,
input[type=url]::placeholder {
  color: #B5B5B5;
}
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 {
  border-color: #00888D;
  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 {
  border: none;
  outline: 5px double #00888D;
}
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 {
  border: none;
  color: #00888D;
  outline: 5px solid #00888D;
}
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 {
  background-color: #FFE6E6;
  border-color: #E60000;
  color: #0B0039;
}
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 {
  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 {
  border: none;
  color: #E60000;
  outline: 5px solid #E60000;
}
input[type=text].disabled,
input[type="password"].disabled,
textarea.disabled,
input[type="date"].disabled,
input[type=number].disabled,
input[type=email].disabled,
input[type=datetime-local].disabled,
input[type=url].disabled {
  background-color: #EBEBEB;
  border-color: #838383;
  color: #838383;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input[type=text].disabled:hover,
input[type="password"].disabled:hover,
textarea.disabled:hover,
input[type="date"].disabled:hover,
input[type=number].disabled:hover,
input[type=email].disabled:hover,
input[type=datetime-local].disabled:hover,
input[type=url].disabled:hover {
  border-color: unset;
  box-shadow: unset;
}
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 {
  -webkit-box-shadow: 0 0 0 30px #FFFFFF 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=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=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 {
  -webkit-box-shadow: 0 0 0 30px #FFFFFF inset !important;
}
input:disabled {
  background-color: #EBEBEB;
  border-color: #838383;
  color: #838383;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input:disabled:hover {
  border-color: unset;
  box-shadow: unset;
}
.grid-3col input[type=text],
select {
  width: auto;
}
textarea:disabled {
  background-color: #EBEBEB;
  border-color: #838383;
  color: #838383;
}
textarea:disabled:hover {
  border-color: unset;
  box-shadow: unset;
}
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;
}
ul.search-dropdown {
  list-style: none;
  border: 0.5px solid #EBEBEB;
  width: 20rem;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  background-color: #FFFFFF;
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.15);
}
ul.search-dropdown li {
  padding: 0;
  margin: 0;
  border-top: 1px solid #FAFAFA;
  height: 2.75rem;
  padding: 0.5rem 1rem;
  display: inlinle-block;
}
ul.search-dropdown li:hover {
  background-color: #EBEBEB;
  font-weight: 600 !important;
  opacity: 0.5;
  color: #0B0039 !important;
}
ul.search-dropdown li:active {
  background-color: #EBEBEB;
  font-weight: 600 !important;
  color: #0B0039 !important;
}
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  appearance: none;
  background-color: #FFFFFF;
  border-radius: 50%;
  min-width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #0B0039;
  transition: 0.2s all linear;
  margin-right: 0.313rem;
  position: relative;
  top: 0.25rem;
}
input[type="radio"].error {
  border: 1px solid #E60000;
  background-color: #FFE6E6;
}
input[type="radio"].error + label {
  font-family: 'Manrope';
  font-weight: normal;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
input[type="radio"].error + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="radio"].error:disabled:hover {
  opacity: 1;
  cursor: default;
}
input[type="radio"].error:disabled + label {
  font-family: 'Manrope';
  font-weight: normal;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
input[type="radio"].error:disabled + label:hover {
  opacity: 1;
  cursor: default;
}
input[type="radio"] + label {
  font-family: 'Manrope';
  font-weight: normal;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
input[type="radio"] + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="radio"]:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="radio"]:checked {
  background-color: #A67F42;
  box-shadow: inset 0 0 0 0.25em #fff;
}
input[type="radio"]:checked + label {
  color: #0B0039;
}
input[type="radio"]:checked + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="radio"]:disabled {
  border: 1px solid #838383;
  opacity: 1;
}
input[type="radio"]:disabled:checked {
  border: 1px solid #838383;
  background-color: #838383;
  box-shadow: inset 0 0 0 0.25em #fff;
  opacity: 1;
}
input[type="radio"]:disabled:checked:hover {
  opacity: 1;
  cursor: default;
}
input[type="radio"]:disabled:hover {
  opacity: 1;
  cursor: default;
}
input[type="radio"]:disabled + label {
  font-family: 'Manrope';
  font-weight: normal;
  color: #838383;
  font-style: normal;
  line-height: 1.4em;
  opacity: 1;
}
input[type="radio"]:disabled + label:hover {
  cursor: default;
  opacity: 1;
}
.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;
}
select {
  display: flex;
  background-color: #FFFFFF;
  flex-direction: row;
  align-items: center;
  position: static;
  font-family: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  color: #555555;
  -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;
  border: 1px solid #838383;
  border-radius: 5px;
  letter-spacing: 0.025em;
  line-height: 1.375em;
  background-position: calc(100% - 12px) center !important;
  background-image: url("/UI/images/icons/dropdownarrow_down.svg");
  background-repeat: no-repeat;
}
select::-webkit-scrollbar {
  width: 1.5em;
}
select::-webkit-scrollbar-track {
  background: #FFFFFF;
}
select::-webkit-scrollbar-thumb {
  background-color: #1E1A34;
  border-radius: 20px;
  border: 5px solid transparent;
  background-clip: content-box;
}
@media only screen and (max-width: 768px) {
  select {
    width: 100%;
  }
}
select:hover {
  border-color: #00888D;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
select:focus {
  border: none;
  outline: 5px double #00888D;
}
select:active {
  border: none;
  color: #00888D;
  outline: 5px solid #00888D;
}
select.error {
  background-color: #FFE6E6;
  border-color: #E60000;
  color: #0B0039;
}
select:disabled {
  background-color: #EBEBEB;
  border-color: #838383;
  color: #838383;
  cursor: default;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*&:active {
        opacity: 1;
    }*/
}
select:disabled:hover {
  box-shadow: none;
}
select option {
  -webkit-appearance: none;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #555555 !important;
  border-bottom: 1px solid #FAFAFA;
}
select option:checked {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #0B0039 !important;
  background-color: #EBEBEB;
}
select option:hover {
  background-color: #EBEBEB;
}
.sort {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2em;
}
.select-width {
  height: 3em;
  border: 1px solid #838383;
  border-radius: 5px;
  letter-spacing: 0.025em;
  line-height: 1.375em;
  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;
  border: 1px solid #838383;
  border-radius: 5px;
  letter-spacing: 0.025em;
  line-height: 1.375em;
  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;
  border: 1px solid #838383;
  border-radius: 5px;
  letter-spacing: 0.025em;
  line-height: 1.375em;
}
/*  Overwritting some fancybox attributes to match source new design */
.fancybox-skin {
  background: #0B0039 !important;
  padding: 1em !important;
}
.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;
}
.modal-h2 {
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0px bottom;
  background-size: 4rem 3px;
  padding: 0 0 1rem 0;
  color: #FFFFFF;
}
.modal {
  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: #0B0039;
}
.white-modal .modal-text span {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !important;
}
.white-modal .modal-text p {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !important;
}
.white-modal .modal-text a {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #8D5C12 !important;
  text-decoration: underline;
}
.modal-dialog {
  width: 30rem;
  display: flex;
  margin: 4rem auto;
}
@media only screen and (max-width: 576px) {
  .modal-dialog {
    width: auto;
  }
}
.modal-content {
  padding: 1em;
}
@media only screen and (max-width: 576px) {
  .modal-content {
    margin: auto 1em !important;
    width: auto !important;
  }
  .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 h2,
.modal-content .modal-h2 {
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0px bottom;
  background-size: 4rem 3px;
  padding: 0 0 1rem 0;
}
.modal-content.modal-white {
  background-color: #FFFFFF !important;
}
.modal-content.modal-white h2,
.modal-content.modal-white .modal-h2 {
  color: #0B0039;
}
.modal-content.modal-white p {
  color: #555555 !important;
}
.modal-content.modal-blue {
  background-color: #0B0039 !important;
}
.modal-content.modal-blue a {
  cursor: pointer;
  color: #FFFFFF !important;
}
.modal-content.modal-blue h2,
.modal-content.modal-blue .modal-h2 {
  color: #FFFFFF !important;
}
.modal-content.modal-blue p {
  color: #FFFFFF !important;
}
.modal-content.modal-blue p ul {
  padding-left: 1rem;
}
.modal-content.modal-blue p ul li {
  color: #FFFFFF !important;
  background: none;
  list-style: disc;
}
.modal-content select,
.modal-content input:not([type="checkbox"]) {
  width: 100%;
}
.modal-text span {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #FFFFFF !important;
}
.modal-text p {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #FFFFFF !important;
}
.modal-text a {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #FFFFFF !important;
  text-decoration: underline;
}
.modal-buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  grid-gap: 1rem;
}
.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 #A67F42;
  width: 3.5rem;
  margin-left: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#nofrixion-payelement {
  z-index: 3;
  padding-top: 6rem;
}
#nofrixion-payelement .modal-dialog {
  width: 26rem;
}
@media only screen and (max-width: 576px) {
  #nofrixion-payelement .modal-dialog {
    width: auto;
    justify-content: center;
  }
}
#nofrixion-payelement .modal-dialog h4 {
  text-align: center;
  margin-top: 32px;
  font-size: 1.44rem !important;
  padding: 0px !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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 40px !important;
  letter-spacing: 0.025rem !important;
  line-height: 54.64px !important;
  color: #0B0039 !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: #0B0039;
}
#nofrixion-payelement .modal-dialog #creditCardDiv h2 {
  font-size: 1.25rem;
  letter-spacing: 0.025rem;
  background: none !important;
  padding: 0 !important;
  display: block;
}
#nofrixion-payelement .modal-dialog #creditCardDiv h3 {
  margin: 0 !important;
  display: block;
}
#nofrixion-payelement .modal-content {
  padding: 1rem;
  margin: 0 auto;
  height: auto;
  background-color: #FFFFFF;
  width: max-content;
  max-height: 90vh;
  overflow-y: auto;
  width: max-content !important;
}
@media only screen and (max-width: 467px) {
  #nofrixion-payelement .modal-content {
    padding: 0;
  }
}
#nofrixion-payelement .modal-body {
  background-color: #FFFFFF;
  overflow-x: scroll;
}
@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;
  left: 70%;
  top: 25%;
  width: 100%;
  height: fit-content;
  position: absolute;
  overflow: auto;
  background: none;
}
.survey-modal-popUp .modal-content {
  padding: 1rem;
}
.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 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: 53%;
    top: 18%;
  }
  .survey-modal-popUp input[type="submit"] {
    width: 100%;
  }
}
@media only screen and (max-width: 467px) {
  .survey-modal-popUp {
    left: unset;
    margin: 10rem 1rem 1rem 1rem;
  }
}
span.form-group:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-left: -0.5ch;
}
input[type="checkbox"] {
  font-size: 1rem;
  border-radius: 3px;
  margin-right: 0.5em;
  margin-left: 0em;
  min-width: 1.25em;
  height: 1.25em;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
input[type="checkbox"]:not(:checked) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  border: 1px solid #0B0039;
}
input[type="checkbox"]:not(:checked) + label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
  vertical-align: middle;
}
input[type="checkbox"]:not(:checked) + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="checkbox"]:not(:checked):disabled {
  background: #EBEBEB;
  border: 1px solid #B5B5B5;
  border-radius: 3px;
  opacity: 1;
}
input[type="checkbox"]:not(:checked):disabled:hover {
  opacity: 1;
  cursor: default !important;
}
input[type="checkbox"]:not(:checked):disabled + label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
  vertical-align: middle;
}
input[type="checkbox"]:not(:checked):disabled + label:hover {
  opacity: 1;
  cursor: default !important;
}
input[type="checkbox"]:not(:checked):disabled + label a {
  font-family: 'Manrope';
  font-weight: 700;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
input[type="checkbox"]:not(:checked).error {
  width: 1.25em;
  height: 1.25em;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: 1px solid #E60000;
  background: #FFE6E6;
  border: 1px solid #E60000;
  border-radius: 3px;
  display: inline-block;
}
input[type="checkbox"]:not(:checked).error + label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #E60000 !important;
  vertical-align: middle;
}
input[type="checkbox"]:not(:checked).error + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="checkbox"]:not(:checked).error + label a {
  font-weight: 700;
  color: #E60000;
}
input[type="checkbox"]:checked {
  filter: sepia(100%) brightness(80%) hue-rotate(170deg) saturate(70%) contrast(300%);
}
input[type="checkbox"]:checked + label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
  vertical-align: middle;
}
input[type="checkbox"]:checked + label:hover {
  opacity: 0.5;
  cursor: pointer;
}
input[type="checkbox"]:checked:hover {
  opacity: 0.5;
}
input[type="checkbox"]:checked:disabled {
  border: 1px solid #0B0039;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 1.25em;
  height: 1.25em;
  filter: none;
}
input[type="checkbox"]:checked:disabled:hover {
  opacity: 1;
  cursor: default;
}
input[type="checkbox"]:checked:disabled + label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
  vertical-align: middle;
}
input[type="checkbox"]:checked:disabled + label:hover {
  opacity: 1;
  cursor: default;
}
input[type="checkbox"]:checked:disabled + label a {
  font-family: 'Manrope';
  font-weight: 700;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
input[type="checkbox"]:checked.error {
  outline: outset;
  display: inline-block;
  /*& + label {
                margin-left: 1em;
            }*/
}
.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;
}
.header.clearfix {
  z-index: 10;
  background-color: #FFFFFF;
  max-width: 1280px;
  margin: 0 auto;
  padding-bottom: 2em;
}
@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.clearfix .base {
  padding: 0em 0.5em;
}
.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;
  }
}
@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;
}
.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: 'Manrope' !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("/UI/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;
}
/*input#txtSearchKeywords {
    border: none !important;
    width: 14.375rem;
}*/
.single {
  width: 22em !important;
}
.single li:hover {
  color: #A67F42;
}
/*.tlist {
    .font(@font__manrope, normal, 0.9rem, 0.015625em, 1em, @colour--greyscale__grey6);
}*/
.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: 'Manrope' !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: #555555;
}
#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: 'Manrope' !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: #555555;
  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: 'Manrope' !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 .menu-top .menutop--login {
    background-color: @colour--primary__brand1;
}
.intranet .menu--top__mobile .menutop--login {
    background-color: @colour--primary__brand1;
}
.intranet .menu-top .search {
    background-color: @colour--primary__brand2;
}

.intranet .menu--top__mobile .search {
    background-color: @colour--primary__brand2;
}*/
.intranet .header.sticky .main-nav ul.single {
  margin-left: 1em;
}
@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 {
  float: right;
  clear: right;
}
.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;
}
/*Wrong place form this as this is affecting global and not only nav*/
/*.btn-alt {
    width: 100%;
}*/
.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;
  }
}
.footer-intranet {
  background-color: #FAFAFA !important;
}
@media only screen and (max-width: 1024px) {
  .footer-intranet .content .content-left .footer-item {
    width: 50% !important;
    margin: 1.23em 0 1.23em 0;
  }
  .footer-intranet .content .content-left .divider {
    display: none;
  }
}
.footer--section {
  width: 100%;
  height: 9em;
  font-family: 'Manrope';
  background-color: #FFFFFF;
  transition: 0.2s all;
}
.footer--section .content {
  max-width: 1280px;
  height: 100%;
  margin: auto;
  color: #0B0039;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: start;
}
.footer--section .content .content-left {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: start;
}
.footer--section .content .content-left .footer-item {
  width: 15%;
  font-size: 0.854rem;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
}
.footer--section .content .content-left .footer-item a {
  padding: 1.23em 0 1.23em 0;
  transition: 0.2s all;
  color: #1E1A34;
}
.footer--section .content .content-left .footer-item a:link {
  text-decoration: none;
}
.footer--section .content .content-left .footer-item a:hover {
  color: #A67F42;
}
.footer--section .content .content-left .divider {
  border-right: 1px solid #DDCBA4;
  height: 1em;
  margin-top: auto;
  margin-bottom: auto;
}
.footer--section .content .content-left .divider:last-child {
  display: none;
}
.footer--section .content .content-right {
  width: 30%;
  margin: auto;
  font-size: 0.75rem;
  text-align: center;
}
.footer--section .content .content-right .footer-container {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: start;
}
.footer--section .content .content-right .footer-container .content-right-content {
  width: 100%;
}
.footer--section .content .content-right .footer-container .content-right-content .item {
  margin-top: 1em;
  width: 100%;
}
.footer--section .content .content-right .footer-container .content-right-content .item.socials {
  width: 100%;
}
.footer--section .content .content-right .footer-container .content-right-content .item.socials a {
  padding: 1.23em;
}
.footer--section .content .content-right .footer-container .content-right-content .item.socials a:hover {
  opacity: 0.5 !important;
}
.footer--section .content .content-right .footer-container .content-right-content .item.copyright {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: start;
}
.footer--section .content .content-right .footer-container .content-right-content .item.copyright .copyright-text {
  width: 100%;
}
.footer--section .content .content-right .footer-container .content-right-content .item.copyright .copyright-text p {
  color: #0B0039;
}
.footer--section .content .content-right .footer-container .content-right-content .item a {
  padding: 1em;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .footer--section {
    height: auto;
  }
  .footer--section .content {
    padding-top: 2em;
    padding-bottom: 2em;
    width: 100%;
  }
  .footer--section .content .content-left {
    width: 100% !important;
  }
  .footer--section .content .content-left .footer-item {
    width: 10%;
  }
  .footer--section .content .content-right {
    width: 100%;
    margin-top: 3em;
  }
  .footer--section .content .content-right .footer-container {
    width: 100%;
    justify-content: center;
  }
  .footer--section .content .content-right .footer-container .content-right-content {
    text-align: center;
    margin: 0;
    width: 40%;
  }
  .footer--section .content .content-right .footer-container .content-right-content .item {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .footer--section {
    height: auto;
  }
  .footer--section .content {
    padding-top: 2em;
    padding-bottom: 2em;
    width: 100%;
  }
  .footer--section .content .content-left {
    width: 100% !important;
  }
  .footer--section .content .content-left .footer-item {
    width: 32%;
    margin: 1.23em 0 1.23em 0;
  }
  .footer--section .content .content-left .divider {
    display: none;
  }
  .footer--section .content .content-right {
    width: 100%;
    margin-top: 2em;
  }
  .footer--section .content .content-right .footer-container {
    width: 100%;
    justify-content: center;
  }
  .footer--section .content .content-right .footer-container .content-right-content {
    text-align: center;
    margin: 0;
    width: 100%;
  }
  .footer--section .content .content-right .footer-container .content-right-content .item.socials {
    width: 100%;
    letter-spacing: 1.5em;
  }
  .footer--section .content .content-right .footer-container .content-right-content .item.copyright {
    justify-content: center;
    margin-top: 2em;
  }
  .footer--section .content .content-right .footer-container .content-right-content .item.copyright .copyright-text {
    width: auto;
    text-align: left;
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media only screen and (max-width: 360px) {
  .footer--section {
    height: auto;
  }
  .footer--section .content {
    padding-top: 2em;
    padding-bottom: 2em;
    width: 100%;
  }
  .footer--section .content .content-left {
    width: 100% !important;
  }
  .footer--section .content .content-left .footer-item {
    width: 50%;
    padding: 1em;
  }
  .footer--section .content .content-right {
    width: 100%;
  }
  .footer--section .content .content-right .footer-container {
    width: 100%;
    justify-content: center;
  }
  .footer--section .content .content-right .footer-container .content-right-content {
    text-align: center;
    margin: 0;
    width: 100%;
  }
  .footer--section .content .content-right .footer-container .content-right-content .item.socials {
    letter-spacing: 1em;
  }
  .footer--section .content .content-right .footer-container .content-right-content .item.copyright {
    justify-content: center;
  }
}
.topnav-header-base.navy {
  font-family: 'Manrope' !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: 'Manrope' !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 {
  color: #007377;
}
#basketnavig a span.numberOfItemsBasket,
#queriesnavig a span.numberOfItemsBasket,
.mob-basket a span.numberOfItemsBasket,
.mob-queries a span.numberOfItemsBasket,
#basketnavig a span.numberOfItemsQueries,
#queriesnavig a span.numberOfItemsQueries,
.mob-basket a span.numberOfItemsQueries,
.mob-queries a span.numberOfItemsQueries {
  color: #007377;
}
#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 {
  justify-content: space-between;
  align-items: center;
  display: flex;
  border-bottom: 0.063em solid #007377;
  background: #FAFAFA;
  height: 3em;
}
.menu-top .vertical-line::before {
  content: '';
  border-right: 0.5px solid #EBEBEB;
}
.menu-top li {
  list-style: none;
}
.menu-top li:hover {
  background: #EBEBEB;
}
.menu-top li a {
  text-decoration: none;
  cursor: pointer;
  padding: 1.2em 2em;
  display: block;
  color: #555555;
  font-weight: 400;
  font-family: 'Manrope';
  font-size: 0.833em;
  line-height: 1.125em;
  text-align: center;
  letter-spacing: 0.015625em;
}
.menu-top li:last-child {
  background: #007377;
  position: relative;
  width: 7.5em;
  height: 3em;
}
.menu-top .material-icons-outlined {
  /*font-size: 1em;*/
  vertical-align: middle;
  margin: 0;
}
.menu-top .menutop--login {
  background-color: #007377;
}
.menu-top .menutop--login a {
  color: #FFFFFF;
  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 {
  background: #FFFFFF;
  width: 100%;
}
.menu-top .menutop--login ul li a {
  padding: 0.5em 1em 0.5em 1em;
  text-align: left;
  color: #0B0039;
  font-family: 'Manrope';
  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;*/
}
.menu-topitems {
  display: flex;
  justify-content: flex-end;
}
.menuitem--text {
  padding-left: 1em;
  padding-right: 1em;
}
.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;
  }
  .header {
    margin-top: 0em !important;
  }
  .menu-topitems__mobile {
    display: flex;
    color: #555555;
    font-weight: 400;
    font-family: 'Manrope';
    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: 'Manrope' !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;
}
.logo a {
  width: 9em;
  height: 9em;
  display: block;
  position: absolute;
  z-index: 100;
}
@media only screen and (max-width: 360px) {
  .logo {
    height: unset;
  }
}
.header img {
  width: 100%;
  display: block;
}
img.mobile-logo {
  display: none;
}
@media only screen and (max-width: 768px) {
  img.mobile-logo {
    display: block;
    max-width: 8em;
    position: absolute;
    margin-left: 1em;
    margin-top: -1em;
  }
}
@media only screen and (max-width: 467px) {
  img.mobile-logo {
    height: 90%;
    margin-top: 0em;
  }
}
@media only screen and (max-width: 390px) {
  img.mobile-logo {
    margin-top: 0.5em;
  }
}
@media only screen and (max-width: 360px) {
  img.mobile-logo {
    display: block;
    position: absolute;
    margin-top: 0.5em;
  }
}
.desktop-logo {
  object-fit: scale-down;
  margin-left: 1em;
  margin-top: -2em;
}
@media only screen and (max-width: 768px) {
  .desktop-logo {
    display: none !important;
  }
}
.search-box {
  display: inline-block;
  width: 100%;
  position: absolute;
  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: #555555;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
  font-size: 1em;
  font-family: 'Manrope';
}
.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;
  padding: 0.5em 1em;
  height: 3.5em;
  position: fixed;
  bottom: 10.5em;
  text-transform: uppercase;
  border-radius: 3px;
  color: #FFFFFF;
  background-color: #0B0039;
  margin: 1em 1.6875em;
  overflow: visible;
  z-index: 999998;
  right: 0;
}
.btntp:hover {
  opacity: 0.75;
}
.btntp:focus {
  border: none;
  outline: 5px double #0B0039;
}
.btntp:active {
  border: none;
  outline: 5px double #0B0039;
}
.btntp .btntext {
  font-family: 'Manrope' !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 {
  height: 1.5em;
  padding-top: 0.25em;
}
@media only screen and (max-width: 768px) {
  .btntp {
    height: 3em;
    width: 3em;
    min-width: 0;
  }
  .btntp .btntext {
    display: none;
  }
  .btntp i {
    padding: 0.3125em;
  }
}
.breadcrumb--container {
  width: 100%;
  font-size: 0.833rem;
  font-family: 'Manrope';
  background-color: #007377;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: start;
}
.breadcrumb--container .btnback {
  display: none;
}
.breadcrumb--container .crumbs {
  flex-wrap: nowrap;
  overflow: hidden;
  list-style-type: none;
  max-width: 100em;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 3em;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: start;
}
.breadcrumb--container .crumbs .crumb {
  color: #FFFFFF;
}
.breadcrumb--container .crumbs .crumb a {
  color: #FFFFFF;
  line-height: 1.125em;
  text-decoration-thickness: 0.05em;
  border-bottom: solid 1px #FFFFFF;
}
.breadcrumb--container .crumbs .crumb:first-child {
  margin-right: 0em !important;
  margin-left: 0em !important;
}
.breadcrumb--container .crumbs .crumb:last-child {
  cursor: default;
  overflow: hidden;
  max-width: 60ch;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.breadcrumb--container .crumbs .crumb:last-child a {
  text-decoration: none !important;
}
.breadcrumb--container .crumbs .crumb:last-child::after {
  content: none !important;
}
.breadcrumb--container .crumbs .crumb::after {
  content: "/";
  margin-left: 1em;
  margin-right: 1em;
}
@media only screen and (max-width: 768px) {
  .breadcrumb--container .crumbs .crumb {
    display: none;
    /*&:last-child {
                    display: flex;
                    align-items: center;

                    &::before {
                        content: @icon--chevrons__left-white;
                        padding: 0.5EM;
                        margin: 0;
                        vertical-align: middle;
                    }
                }*/
  }
  .breadcrumb--container .crumbs .crumb:nth-of-type(2) {
    display: flex;
    align-items: center;
  }
  .breadcrumb--container .crumbs .crumb:nth-of-type(2)::after {
    content: none;
  }
  .breadcrumb--container .crumbs .crumb:nth-of-type(2)::after {
    content: url("/UI/images/icons/chevron_right-white.svg");
    padding: 0.5EM;
    margin: 0;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 768px) {
  .breadcrumb--container .crumbs {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-right: -1em;
    margin-left: -1em;
  }
  .breadcrumb--container .crumbs .btnback {
    display: flex;
  }
}
@media only screen and (max-width: 467px) {
  .breadcrumb--container .crumbs {
    margin: 0;
  }
}
.mobileCrumb {
  display: flex !important;
  align-items: center;
}
.mobileCrumb::before {
  content: url("/UI/images/icons/chevron_left-white.svg");
  padding: 0.5EM;
  margin: 0;
  vertical-align: middle;
}
.mobileCrumb::after {
  display: none;
}
.intranet .breadcrumb--container {
  background-color: #0B0039;
}
.law-directory .breadcrumb--container {
  background-color: #EBEBEB;
}
.law-directory .breadcrumb--container .crumbs .crumb {
  color: #555555;
}
.law-directory .breadcrumb--container .crumbs .crumb a {
  color: #555555;
  border-bottom: solid 1px #555555;
}
@media only screen and (max-width: 768px) {
  .law-directory .breadcrumb--container .crumbs .crumb:nth-of-type(2)::after {
    content: url("/UI/images/icons/chevron_right-grey.svg");
  }
}
.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: 'Manrope' !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: 'Manrope' !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;
}
.brline {
  border-bottom: 0.1875em solid #A67F42;
  width: 64px;
}
/****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;
  }
}
.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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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;
  }
}
.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: 'Manrope' !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: #555555;
}
.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: #555555;
}
@media only screen and (max-width: 768px) {
  .col9 .editorialblock2 .main-content,
  .col9 .editorialsectionblockmodel .main-content {
    padding: 0em 0em;
  }
}
.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: 1em 1em 1em 1em;
}
.editorialblock2 .main-content a,
.editorialsectionblockmodel .main-content a {
  color: #8D5C12;
  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: #0B0039;
  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;
}
.home-pg .lower-section {
  background-color: #0B0039;
  overflow: hidden;
}
@media only screen and (max-width: 810px) {
  .home-pg .lower-section .base {
    padding: 0em;
  }
}
.home-pg .full.block.pagelistimageblock {
  background-color: #FAFAFA;
}
.full.block.findasolicitorblock {
  max-width: 1280px;
  margin: 0 auto;
}
.intranet .newsblock .mainlist .thumb img {
  height: 12em;
  width: -webkit-fill-available;
  width: -moz-available;
  object-fit: contain;
}
.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;
  }
}
.WYSIWYG-style a {
  text-decoration: underline;
  color: #8D5C12;
}
.WYSIWYG-style a:hover {
  opacity: 0.5;
}
.pagelistimageblock {
  /*-----End of NewsBlock class----*/
}
.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: #0B0039;
  text-decoration: underline;
}
.pagelistimageblock .newsblock .mainlist .content .textlink:hover {
  color: #0B0039;
  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: 'Manrope' !important;
  font-weight: normal !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1em !important;
  color: #555555 !important;
  margin: 0em;
}
.pagelistimageblock .newsblock .mainlist .thumb h3 {
  margin: 1em 0em 0.5em 0em;
  border-bottom: 1px solid #B5B5B5;
  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;
  }
}
/* clear values */
div:last-child.span2,
div:last-child.span3,
div:last-child.span4,
div:last-child.span6,
div:last-child.span8,
div:last-child.span9,
div:last-child.span12 {
  margin-right: 0%;
}
section:last-child.span2,
section:last-child.span3,
section:last-child.span4,
section:last-child.span6,
section:last-child.span8,
section:last-child.span9,
section:last-child.span12 {
  margin-right: 0%;
}
li:last-child.span2,
li:last-child.span3,
li:last-child.span4,
li:last-child.span6,
li:last-child.span8,
li:last-child.span9,
li:last-child.span12 {
  margin-right: 0%;
}
/* grid layout */
.span1,
.col1,
.span2,
.col2,
.span4,
.col4,
.span5,
.col5,
.span6,
.col6,
.span7,
.col7,
.span8,
.col8,
.span10,
.col10,
.span11,
.col11,
.span12,
.col12 {
  position: relative;
  /*margin-right: 2%;*/
}
.span2,
.col2 {
  float: left;
  width: 15%;
}
.col12 {
  max-width: 1280px;
}
.col12 .main-body {
  padding: 1em;
}
.span4,
.col4 {
  float: left;
  width: 33.3%;
}
@media only screen and (max-width: 576px) {
  .span4,
  .col4 {
    display: contents;
  }
}
.span4 .data {
  position: relative;
}
/*.intro-content {
    margin-bottom: 1em;

    .responsive(@mediaquery--810px, {
        margin-bottom: 0;
    }

    );
}*/
.span6,
.col6 {
  float: left;
  width: 49%;
}
.block.dividerfor2columns {
  clear: both;
}
.span8,
.col8 {
  float: left;
  width: 66%;
}
.span12,
.col12 {
  width: 100%;
  margin: 0 auto;
}
.container--editorialblock {
  max-width: 1280px;
  margin: 0 auto;
}
.block.linktableblock.span12 {
  clear: both;
}
.tlist {
  display: flex;
  max-width: 1280px;
  margin: auto;
  background: #FFFFFF;
  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 {
  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: #0B0039;
}
.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: #8D5C12;
}
.tlist .link-for-public .listheader h3 span {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 3px;
}
.tlist .link-for-solicitors .listheader h3 {
  color: #00888D;
}
.tlist .link-for-solicitors .listheader h3 span {
  background: transparent linear-gradient(to top, #00888D, #00888D) 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: #E56A54;
}
.tlist .link-for-trainees .listheader h3 span {
  background: transparent linear-gradient(to top, #E56A54, #E56A54) 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: #0B0039;
}
.tlist .link-for-wellbeing .listheader h3 span {
  background: transparent linear-gradient(to top, #A67F42, #A67F42) 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;
  }
}
.reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.reverse .listimg {
  padding: 0;
}
.listbtn {
  padding-top: 2em;
}
@media only screen and (max-width: 768px) {
  .listbtn {
    padding: 1.25em;
  }
}
@media only screen and (max-width: 576px) {
  .listbtn {
    margin: 0 1rem;
    padding: 0;
  }
}
/*Find Solicitor Block*/
.new-find-block {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 3em 0em 0.5em 0em;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 576px) {
  .new-find-block {
    padding: 0em 0em 2em 0em;
  }
}
.new-find-block .base {
  /*margin: auto;*/
  padding: 0 !important;
  margin: 0 !important;
}
.new-find-block .base .section__inner {
  display: flex;
  max-width: 58.75em;
  margin: auto;
  justify-content: center;
  padding-left: 1em;
  padding-right: 1em;
}
.new-find-block .base .section__inner .section__entry {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 4em;
}
.new-find-block .base .section__inner .section__entry .title {
  font-family: 'PT Serif' !important;
  font-weight: 700 !important;
  font-size: 1.728rem !important;
  letter-spacing: 0.0094rem !important;
  line-height: 1.938em !important;
  font-style: normal;
  text-decoration: none !important;
  color: #8D5C12 !important;
}
.new-find-block .base .section__inner .section__entry .title:active {
  color: #8D5C12 !important;
}
.new-find-block .base .section__inner .section__entry .title.underline {
  position: relative;
  padding-bottom: 0.5em;
}
.new-find-block .base .section__inner .section__entry .title.underline::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2em;
  height: 0.125em;
}
.new-find-block .base .section__inner .section__entry .title.underline--brown::after {
  background-color: #8D5C12;
}
.new-find-block .base .section__inner .section__search {
  -webkit-box-flex: 0;
  padding-top: 0.313em;
  padding-left: 0.438em;
  margin-left: 0.625em;
}
.new-find-block .base .section__inner .section__search .search {
  width: 100%;
}
.new-find-block .base .section__inner .section__search .search .search__row {
  display: flex;
}
.new-find-block .base .section__inner .section__search .search .search__row:first-child {
  margin-bottom: 1em;
}
.new-find-block .base .section__inner .section__search .search .search__row .radio input {
  cursor: pointer;
}
.new-find-block .base .section__inner .section__search .search .search__row .radio input:first-child {
  margin-left: 0 !important;
}
.new-find-block .base .section__inner .section__search .search .search__row .radio label {
  cursor: pointer;
}
.new-find-block .base .section__inner .section__search .search .search__row .radio:first-child {
  margin-left: 0 !important;
  margin-right: 2em !important;
}
.new-find-block .base .section__inner .section__search .search .search__row .search__controls {
  width: 100%;
  position: relative;
}
.new-find-block .base .section__inner .section__search .search .search__row #SearchKeyWord {
  width: 15.5rem;
}
.new-find-block .base .section__inner .section__search .search .search__row #SearchButton {
  width: 10.375em;
  padding-left: 2em;
}
.new-find-block .base .section__inner .section__search .search .search__row #SearchButton i {
  font-size: 1.093rem !important;
  margin-left: 0.5em !important;
  padding-right: 0.5em;
}
.new-find-block .base .section__inner .section__search .search .search__row:last-child {
  margin-top: 1em;
}
@media only screen and (max-width: 768px) {
  .shell {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  .section__inner {
    display: flex !important;
  }
  .section__inner .section__entry {
    padding-right: 1em !important;
  }
  .section__inner .section__entry .title {
    font-size: 1.44rem !important;
  }
}
@media only screen and (max-width: 576px) {
  .section__inner {
    display: block !important;
  }
  .section__inner .section__entry {
    padding-right: 2em !important;
  }
  .section__inner .section__search {
    margin-top: 2em;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .section__inner .section__search .search .search__row:last-child input {
    width: 100%;
  }
  .section__inner .section__search #SearchKeyWord {
    width: 100% !important;
  }
}
@media only screen and (max-width: 390px) {
  .shell {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  .section__inner {
    display: block !important;
  }
  .section__inner .section__search {
    max-width: 100% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    margin-top: 2em !important;
  }
  .section__inner .section__search .search .search__row:last-child {
    margin-top: 2em !important;
    display: block !important;
  }
  .section__inner .section__search .search .search__row .search__controls input {
    width: 100% !important;
  }
  .section__inner .section__search .search .search__row #SearchButton {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 2em !important;
  }
}
/*Article block*/
.article--fullwidth {
  background: #0B0039;
  color: #FFFFFF;
  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: #FFFFFF;
}
.article--fullwidth .article--center p {
  color: #FFFFFF !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;
  }
}
/*Intranet Blocks*/
.intranet-blocks .btn {
  display: none;
}
.intranet-blocks .showcase--fullwidth h3 {
  color: #0B0039 !important;
  margin-bottom: 2rem;
}
.intranet-blocks .showcase--fullwidth .showcase--center p:first-child {
  color: #8D5C12;
}
.intranet-blocks .showcase--fullwidth .showcase--center p {
  color: #555555;
}
.intranet-blocks .showcase--fullwidth .showcase--center .showcase--col1 a {
  color: #8D5C12;
}
/*ShowCase BLock*/
.showcaseblock {
  clear: both;
}
@media only screen and (max-width: 768px) {
  .showcaseblock {
    width: 100vw;
    margin: 0;
  }
}
.showcaseblock .link-for-public {
  background-color: #A67F42;
}
.showcaseblock .link-for-solicitors {
  background-color: #007377;
}
.showcaseblock .link-for-trainees {
  background-color: #E56A54;
}
.showcaseblock .link-for-wellbeing {
  background-color: #0B0039;
}
.showcaseblock .link-for-intranet {
  background-color: #FFFFFF;
}
.showcase--fullwidth {
  /*padding: 4.000em 0.000em;
    margin-bottom: 4.063em;*/
}
@media only screen and (max-width: 1280px) {
  .showcase--fullwidth {
    padding: 2em 0em;
  }
}
.showcase--fullwidth .showcase--center {
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  /*-ms-flex-flow: row wrap;
        flex-flow: row wrap;*/
}
@media only screen and (max-width: 768px) {
  .showcase--fullwidth .showcase--center {
    flex-flow: wrap-reverse;
  }
}
.showcase--fullwidth .showcase--center p {
  color: #555555;
}
.showcase--fullwidth .showcase--center .showcase--col1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 54.4%;
  flex: 0 0 54.4%;
  padding: 0 4em 0 0;
}
.showcase--fullwidth .showcase--center .showcase--col1 h3 {
  color: #0B0039;
  margin-bottom: 2rem;
}
.showcase--fullwidth .showcase--center .showcase--col1 p:first-child {
  color: #A67F42;
}
.showcase--fullwidth .showcase--center .showcase--col1 a {
  margin-top: 2em;
  display: block;
  color: #0B0039;
}
.showcase--fullwidth .showcase--center .showcase--col1 a i {
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .showcase--fullwidth .showcase--center .showcase--col1 {
    flex: 100%;
    padding: 2em 0 2em 0;
  }
}
.showcase--fullwidth .showcase--center .showcase--col2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45.6%;
  flex: 0 0 45.6%;
  /*p {
                    height: 100%;
                }*/
}
.showcase--fullwidth .showcase--center .showcase--col2 img {
  margin: 0;
  height: auto;
  object-fit: contain;
  width: 90%;
}
@media only screen and (max-width: 768px) {
  .showcase--fullwidth .showcase--center .showcase--col2 {
    flex: 100%;
    padding: 0em;
  }
}
/*Feedback Block*/
.feedback--fullwidth {
  padding: 4em 0em;
}
.feedback--fullwidth h2 {
  font-family: 'PT Serif' !important;
  font-weight: normal !important;
  font-size: 2.074rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.75rem !important;
  color: #0B0039 !important;
  margin-top: 0;
  margin-bottom: 1rem;
}
.feedback--fullwidth .staff-contact a {
  color: #8D5C12;
  text-decoration: underline;
}
.feedback--fullwidth .staff--image {
  height: 7.25em;
  width: 7.25em;
  background-image: url("/UI/images/LOGO_WHITE.svg");
  background-color: #00888D;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
.feedback--fullwidth .staff--image img {
  width: 7.25em;
  border-radius: 100%;
}
.feedback--fullwidth .circular--landscape img {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .feedback--fullwidth .circular--landscape img {
    width: 5rem;
    height: 5rem;
  }
}
.feedback--fullwidth .feedback-wrapper {
  display: flex;
  align-items: center;
  margin-top: 4em;
  column-gap: 1em;
}
.feedback--fullwidth .feedback-wrapper p {
  word-break: break-word;
}
@media only screen and (max-width: 576px) {
  .feedback--fullwidth .feedback-wrapper {
    align-items: flex-start;
    margin-top: 2em;
  }
}
@media only screen and (max-width: 576px) {
  .feedback--fullwidth {
    padding: 1em;
  }
}
@media only screen and (max-width: 360px) {
  .feedback--fullwidth {
    padding: 2em 0em;
  }
  .feedback--fullwidth .feedback-wrapper {
    align-items: flex-start;
    margin-top: 2em;
  }
  .feedback--fullwidth .staff--image {
    height: 5em;
    flex: 0 0 5em;
  }
}
/*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 #EBEBEB;
  padding-bottom: 1rem;
}
.LinkTable--block ul li a {
  text-decoration: underline;
  color: #8D5C12;
}
.LinkTable--block ul li a:hover {
  opacity: 0.5;
}
.LinkTable--block ul li i {
  color: #8D5C12;
}
@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;
  }
}
.quote-block p {
  color: #8D5C12;
}
.quote-block h5 {
  font-family: 'PT Serif' !important;
  font-weight: normal !important;
  font-size: 1.536rem !important;
  letter-spacing: 0.0156rem !important;
  line-height: 2.063rem !important;
  color: #0B0039 !important;
  margin-bottom: 2em;
}
.wasthishelpfulblock {
  background: #0B0039;
  color: #FFFFFF;
}
.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: #FFFFFF;
}
.was-this-helpful .btn-div-wrap {
  display: flex;
  flex-direction: row;
  gap: 2em;
  align-items: center;
}
/*Services Block*/
.servicesblock {
  background-color: #0B0039;
}
.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: #FFFFFF !important;
  padding: 1rem 0 2rem;
}
.services-block h1 {
  background: transparent linear-gradient(to top, #A67F42, #A67F42) no-repeat 0em bottom;
  background-size: 7rem 0.125rem;
  color: #FFFFFF;
  padding: 2rem 0em 1rem 0em;
  margin: 0em;
  line-height: 1em;
}
.services-block a {
  color: #FFFFFF;
  text-decoration: underline;
}
.services-block a:hover {
  color: #FFFFFF;
  opacity: 0.5;
}
.services-block .services--image {
  padding-top: 76%;
  background-size: cover;
}
.knowledgelistblock div.block-wrapper {
  width: -webkit-fill-available;
  width: -moz-available;
  padding: 0em;
  border-bottom: 0.5px solid #B5B5B5;
  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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728125rem !important;
  letter-spacing: 0.009375em !important;
  line-height: 1.4rem !important;
  color: #0B0039 !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: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.009375em !important;
  line-height: 1.813em !important;
  color: #A67F42 !important;
  text-transform: uppercase;
}
.knowledgelistblock span.date {
  text-transform: uppercase;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 0.834rem !important;
  letter-spacing: 0.0313em !important;
  line-height: 1.8em !important;
  color: #838383 !important;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 576px) {
  .knowledgelistblock span.date {
    position: unset;
    width: auto;
  }
}
.booking-accordion .accordion-activate a.accordion-header > span {
  color: #FFFFFF;
}
.accordion {
  background-color: #FFFFFF;
  border-radius: 3px;
  width: 100%;
  text-align: left;
  border: none;
  cursor: pointer;
  padding: 1em;
  text-transform: none;
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.375em !important;
  color: #0B0039 !important;
  background-image: url("/UI/images/icons/chevron_down.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-origin: content-box;
  color: #0B0039;
}
.accordion:hover {
  background-color: #EBEBEB;
}
.accordion.active {
  background-color: #0B0039;
  color: #FFFFFF !important;
}
.accordion.active::after {
  content: url("/UI/images/icons/chevron_up.svg");
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(82deg) brightness(111%) contrast(101%);
  float: right;
}
div.panel {
  padding: 0 1em;
  display: none;
  border: 1px solid #EBEBEB;
}
@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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.375em !important;
  color: #555555 !important;
}
.firmlist .userdetails a {
  color: #555555;
  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: #555555;
}
.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: #555555;
  font-weight: 400;
}
.firmlistfull .usrdetails .item .extend-info a:hover {
  color: #A67F42;
}
.firmlistfull .usrdetails .item .extend-info span {
  color: #555555;
}
.firmlistfull .usrdetails a {
  color: #555555 !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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.375em !important;
  color: #555555 !important;
}
.mediatorlist .userdetails a {
  color: #555555 !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: #555555;
}
@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: #555555;
}
.mediatorlistfull .usrdetails a {
  color: #555555;
  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: 'Manrope';
  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: #555555 !important;
}
.card-solicitors .card-body .card-display .card-title .qualification {
  font-size: 1rem !important;
  font-weight: 400;
  color: #555555 !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: #555555;
}
@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: #555555;
  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: #555555;
}
@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: #555555;
}
.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: #555555;
  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: #555555;
}
.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;
}
.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 {
  border: none;
  outline: 5px double #00888D;
}
.gss-search .btn-search-station:active {
  border: none;
  outline: 5px double #00888D;
}
@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: 'Manrope' !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;
  border-bottom: 0.5px solid #EBEBEB;
  grid-gap: 2rem;
  align-items: baseline;
  padding: 2rem;
  box-shadow: 0rem 0.25rem 0.375rem rgba(0, 0, 0, 0.15);
  border-radius: 0.313rem;
  margin-bottom: 2em;
  word-break: break-all;
  width: 100%;
}
@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 {
  color: #0B0039;
  text-decoration: none;
  padding-bottom: 0;
}
.gss-search #gss-result .split-boxes a:hover {
  color: #A67F42;
}
.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: #555555;
  font-weight: 400;
  float: left;
  width: 100%;
}
div#tblMain .row textarea {
  font-family: 'Manrope';
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #555555 !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: #555555;
}
@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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: #555555;
}
@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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.812em !important;
  color: #555555 !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: 'Manrope' !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: 'Manrope' !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: #555555;
}
.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: #555555;
}
@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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !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: 'Manrope' !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: 'Manrope';
  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: 'Manrope' !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: 'Manrope';
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
.profile-dialog .choosefile .filecontrl {
  display: flex;
  justify-content: space-between;
  font-family: 'Manrope';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
.profile-dialog .choosefile .filecontrl a {
  font-family: 'Manrope';
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  padding: 1em 0 1em 1.25em;
  text-align: left !important;
  background: #EBEBEB;
  border: none;
}
.solicitor-info .RadGrid_WebBlue td.rgPagerCell {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  padding: 1em;
  border: none;
  background: #EBEBEB;
  color: #1E1A34;
}
.solicitor-info .rgNoRecords {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
}
.solicitor-info .rgNoRecords td {
  padding-top: 1em;
}
.solicitor-info .rgRow {
  font-size: 1rem;
}
.solicitor-info .rgRow td {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  padding: 1rem !important;
  border-right: none !important;
}
.solicitor-info .rgAltRow {
  background: #FFFFFF !important;
}
.solicitor-info .rgAltRow td {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  background: #FFFFFF;
  padding: 1rem !important;
  border-bottom: none !important;
  border-right: none !important;
}
/*The Container holding the articles*/
#lvPages {
  display: flex;
  /*flex-direction: column;*/
  flex-wrap: wrap;
  justify-content: space-between;
  /*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;
  border-bottom: solid 1px #EBEBEB;
  /*Latest news article content container*/
}
@media only screen and (max-width: 768px) {
  .news-article {
    width: 100%;
  }
}
.news-article .news-preview {
  display: flex;
  flex-direction: column;
  /*Article Preview Image Container*/
  /*Article Preview Details Container*/
}
.news-article .news-preview .image {
  width: 100%;
  height: 12em;
}
.news-article .news-preview .image div {
  overflow: hidden;
}
.news-article .news-preview .image img {
  width: 100%;
  height: 12em;
  object-fit: cover;
  transition: all 0.5s ease;
}
.news-article .news-preview .image img:hover {
  transform: scale(1.5);
}
.news-article .news-preview .news-details {
  width: 100%;
  padding: 1em;
  /*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: #555555;
}
.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-bottom: 1.25rem;
  /*img {
        border-left: 5px solid #600011;
    }*/
}
.news .news-preview h3 {
  margin-bottom: 0.3125rem;
}
.news .news-preview h3 a:hover {
  text-decoration: underline;
}
.news .news-preview.last {
  margin-bottom: 0.625rem;
}
.news .news-article {
  margin-bottom: 0.625rem;
}
.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;
}
.beforeSaveAttachment .flex-container,
.IBSbeforeSave .flex-container {
  display: flex;
  justify-content: space-between;
}
.beforeSaveAttachment .flex-container .choosefile a,
.IBSbeforeSave .flex-container .choosefile a {
  font-family: 'Manrope';
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
  color: #555555;
}
.membership-form .validation-error {
  color: #E60000;
}
.membership-form .ms-email-link {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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: #555555;
  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: #555555;
  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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  padding: 1em 0 1em 1.25em;
  text-align: left !important;
  background: #EBEBEB;
  border: none;
}
.membership-form .RadGrid_WebBlue td.rgPagerCell {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  padding: 1em;
  border: none;
  background: #EBEBEB;
  color: #1E1A34;
}
.membership-form .rgNoRecords {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
}
.membership-form .rgNoRecords td {
  padding-top: 1em;
}
.membership-form .rgRow {
  font-size: 1rem;
}
.membership-form .rgRow td {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  padding: 1rem !important;
  border: none !important;
}
.membership-form .rgAltRow {
  background: #FFFFFF !important;
}
.membership-form .rgAltRow td {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !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: 3em;
}
.membership-form .input--md {
  width: 7em;
}
.membership-form tfoot {
  text-align: right;
}
.membership-form tfoot tr:first-child td {
  padding-top: 4em;
}
.membership-form tfoot tr td {
  text-align: unset;
  font-family: 'Manrope';
  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: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
  color: #555555;
}
#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: #0B0039;
  width: 100%;
  bottom: 0em;
}
#myModal .cookiemodal-body {
  min-height: 10em;
  padding: 1rem 2rem 1rem 2rem;
  max-width: 1280px;
  display: flex;
  flex-direction: row;
  grid-gap: 1em;
  margin: auto;
}
@media only screen and (max-width: 576px) {
  #myModal .cookiemodal-body {
    padding: 1rem 1rem 1rem 1rem;
  }
}
@media only screen and (max-width: 768px) {
  #myModal .cookiemodal-body {
    flex-direction: column;
  }
}
#myModal .cookiemodal-body .cookieWidth {
  display: flex;
  align-items: center;
}
#myModal .cookiemodal-body a {
  color: #DDCBA4 !important;
  text-decoration: underline;
}
#myModal .cookiemodal-body a:hover {
  opacity: 0.75;
}
#myModal .cookiemodal-body p {
  color: #FFFFFF !important;
}
#myModal .btn-div-wrap {
  display: flex;
  flex-direction: column;
  gap: 2em;
  justify-content: flex-end;
  align-items: center;
}
#myModal .btn-div-wrap .btn {
  width: 100%;
}
#myModal2.cookiemodal {
  height: 100%;
  position: fixed;
  justify-content: center;
  z-index: 10000;
  top: 0;
  left: 0;
}
#myModal2.cookiemodal .content-bottom {
  background-color: #FFFFFF;
  position: relative;
  overflow: auto;
  overflow-y: overlay;
  width: 54.4%;
  height: 95%;
}
@media only screen and (max-width: 576px) {
  #myModal2.cookiemodal .content-bottom {
    width: 100%;
  }
}
#myModal2 .header-cookie {
  padding: 0.5em 1em;
  background-color: #0B0039 !important;
}
#myModal2 .header-cookie 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: #FFFFFF !important;
  margin: 0;
}
#myModal2 hr {
  border: 0.063em solid #EBEBEB;
  margin: 1em 0em 1em;
}
#myModal2 .spacingBottom {
  padding: 1.5em 1em 0em 1em;
}
#myModal2 .spacingBottom 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: #007377 !important;
  margin: 0;
}
#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;
}
#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.active {
  background-color: #0B0039;
  color: #FFFFFF;
}
#myModal2 .spacingBottom .cookiecollapsible.active a {
  color: #FFFFFF;
}
#myModal2 .spacingBottom .cookiecollapsible a {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #0B0039 !important;
  text-decoration: none;
}
#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;
  background-color: white;
  width: 100%;
  max-width: 100%;
  margin: 0em !important;
}
#myModal2 .spacingBottom .cookiecontent .cookietable tbody {
  border: 0.063em solid #EBEBEB;
}
#myModal2 .spacingBottom .cookiecontent .cookietable tbody tr th {
  padding: 2em 0.5em 0em;
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 2rem !important;
  color: #0B0039 !important;
}
#myModal2 .spacingBottom .cookiecontent .cookietable tbody tr td {
  padding: 0.5em;
  border-top: 0.063em solid #EBEBEB;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #555555 !important;
}
@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: #B5B5B5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 0.833rem;
  border-radius: 2.125rem;
}
#myModal2 .spacingBottom .slider-btn:before {
  position: absolute;
  content: 'OFF';
  width: 1.875rem;
  left: 0.188rem;
  bottom: 0.188rem;
  top: 0.188rem;
  background-color: #FFFFFF;
  color: #B5B5B5;
  -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: #007377;
  color: #007377;
}
#myModal2 .spacingBottom input:checked + .slider-btn:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
  content: 'ON';
  color: #007377;
}
@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);
  }
}
.cookieModal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("/UI/images/icons/cookieModal_overlay.png");
  height: 100%;
  width: 100%;
}
/*   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 span {
  color: #555555;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  line-height: 1.3rem;
}
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 #B5B5B5;
  background: #FFFFFF !important;
  z-index: 2;
  font-family: 'PT Serif';
  font-weight: 400;
  font-size: 1.728rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.wizard-bar li ~ li::after {
  content: '';
  position: absolute;
  width: 100%;
  right: 50%;
  height: 2px;
  background-color: #B5B5B5;
  top: calc(1.5em - 2px);
}
ul.wizard-bar li.active-bar {
  cursor: pointer;
}
ul.wizard-bar li.active-bar::before {
  background: #007377 !important;
  color: #FFFFFF;
  border: 2px solid #007377;
  filter: drop-shadow(3px 6px 6px #B5B5B5);
}
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: #007377;
  font-weight: 700;
}
ul.wizard-bar li.completed {
  cursor: pointer;
}
ul.wizard-bar li.completed::before {
  /*  number and circle  */
  background: #FFFFFF !important;
  color: #007377;
  border: 2px solid #007377;
}
ul.wizard-bar li.completed span {
  /*  text  */
  color: #007377 !important;
  font-weight: 400;
}
ul.wizard-bar li.completed + li::after {
  /*  line after circle  */
  background: #007377 !important;
}
ul.wizard-bar li.completed ::after {
  /*  line before circle  */
  background: #B5B5B5 !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;
}
.ui-widget-content {
  padding: 1rem;
  background-color: #FFFFFF;
  border: 1px solid #FAFAFA !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: #1E1A34;
}
.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;
  background-color: #EBEBEB;
  width: 2.357rem;
  height: 2.357rem;
}
.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: #00888D;
  color: #FFFFFF;
}
.ui-widget-content table.ui-datepicker-calendar td .ui-state-highlight {
  background: none;
  background-color: #A3C7D2;
  color: #1E1A34;
}
.ui-widget-content .ui-widget-header {
  border: none !important;
  background: none;
  position: initial;
  text-align: center !important;
  height: 2.8125rem;
  padding: 0.8rem 0rem;
  background-color: #00888D;
  color: #FFFFFF;
}
.ui-widget-content .ui-widget-header .ui-datepicker-month {
  color: #FFFFFF;
}
.ui-widget-content .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next {
  right: 1rem;
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  top: 1.2rem;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next span {
  right: 16%;
  margin-top: -0.5rem;
}
.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: 1rem;
  height: 1rem;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-position: revert;
  background-repeat: no-repeat;
}
.ui-widget-content .ui-widget-header .ui-datepicker-next .ui-icon-circle-triangle-e {
  background-image: url("/UI/images/icons/chevron_right-white.svg");
}
.ui-widget-content .ui-widget-header .ui-state-hover {
  background: none;
  border: none;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev {
  left: 1rem;
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  top: 1.2rem;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev span {
  left: 50%;
  margin-left: 0;
  margin-top: -0.5rem;
}
.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: 1rem;
  height: 1rem;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-position: revert;
  background-repeat: no-repeat;
}
.ui-widget-content .ui-widget-header .ui-datepicker-prev .ui-icon-circle-triangle-w {
  background-image: url("/UI/images/icons/chevron_left-white.svg");
}
.ui-datepicker .ui-datepicker-prev {
  margin-top: 0.3rem;
}
.ui-datepicker .ui-datepicker-next {
  margin-top: 0.3rem;
}
.ui-datepicker .ui-datepicker-title {
  text-align: center;
  line-height: 1.2rem !important;
}
@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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813rem !important;
  color: #555555 !important;
}
.base-contactUs .twoCol-wrapper .booking-accordion .acc-content .address-header span {
  font-family: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: #555555;
}
.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: 'Manrope' !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;
}
.uploadcontrol .attachment-info .attachment-info__row .attachment-info__cell span {
  font-family: 'Manrope' !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;
}
@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:first-child {
    display: none;
  }
  .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;
}
.tooltip-div .tooltip-text {
  white-space: nowrap;
}
.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;
}
.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: 'Manrope' !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;
  }
  .attachment-control-lsi .attachment-info .attachment-info__row:first-child {
    display: none;
  }
  .attachment-control-lsi .attachment-info .attachment-info__row:nth-child(2) {
    display: flex;
    flex-wrap: wrap;
  }
  .attachment-control-lsi .attachment-info .attachment-info__row:nth-child(2) div {
    flex: 1;
  }
  .attachment-control-lsi .attachment-info .attachment-info__row:nth-child(2) div:first-child {
    flex-basis: 100%;
  }
}
.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: #0B0039;
  padding-left: 0.5rem;
  vertical-align: bottom;
}
.material-icons-outlined h3 {
  text-transform: none;
}
.tooltip {
  display: inline-block;
  position: relative;
  text-align: left;
}
.tooltip:hover .right {
  visibility: visible;
  opacity: 1;
}
.tooltip .right {
  width: 18.125rem;
  max-width: 18.125rem;
  top: 50%;
  left: 100%;
  margin-left: 20px;
  transform: translate(0, -50%);
  padding: 1rem;
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0rem !important;
  line-height: 1rem !important;
  color: #555555 !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: 576px) {
  .tooltip .right {
    width: 12rem;
    transform: translate(-69%, 5%);
  }
}
.tooltip:hover .bottom {
  visibility: visible;
  opacity: 1;
}
.tooltip .bottom {
  min-width: 20rem;
  right: 0;
  transform: translate(23%, 2%);
  padding: 1rem;
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0rem !important;
  line-height: 1rem !important;
  color: #555555 !important;
}
@media only screen and (max-width: 576px) {
  .tooltip .bottom {
    min-width: 20rem;
    transform: translate(23%, 0%);
  }
}
.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 #EBEBEB;
  border-radius: 10px;
  background: #EBEBEB;
  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 #00888D;
  border-radius: 10px;
}
.table-container table thead tr {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
  background-color: #EBEBEB;
}
.table-container table thead tr th {
  background: #EBEBEB;
  padding: 1rem 2rem;
  vertical-align: middle;
  color: #1E1A34;
  white-space: nowrap;
}
.table-container table thead tr th:nth-child(1) {
  position: sticky;
  background-color: #EBEBEB;
  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: #EBEBEB;
  box-shadow: 6px 0px 4px 0px rgba(0, 0, 0, 0.25);
  left: 0;
  z-index: 2;
}
.table-container table tbody tr {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #0B0039 !important;
  text-align: center;
}
.table-container table tbody tr:last-child {
  border-bottom: none;
}
.table-container table tbody tr td {
  color: #555555;
  text-align: left;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-bottom: 1px solid #EBEBEB;
}
.table-container table tbody tr td a {
  font-family: 'Manrope';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.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: #FFFFFF;
  color: #0B0039;
  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: #FFFFFF;
  color: #0B0039;
  font-weight: 700;
}
.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 #B5B5B5;
}
.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 #B5B5B5;
  background: #FAFAFA;
  /* 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 #B5B5B5;
  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;
  color: #555555;
}
.table-container .info-container {
  margin: 2em 0 0.75em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #EBEBEB;
}
div#pagination-controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #FAFAFA;
  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: #EBEBEB;
}
.pager-bottom #NoRecords {
  background-color: #FFFFFF;
}
.pager-bottom span {
  padding: 1rem 0;
}
.pager-bottom .numberOfRecords {
  font-weight: 700;
  color: #0B0039;
  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;
  font-weight: 700 !important;
}
.pager-bottom #View,
.pager-bottom #Pager {
  text-align: right;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: ruby;
}
.pager-bottom 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;
}
.pager-bottom 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;
}
.pager-bottom input#txtLastName {
  margin-top: 1rem;
}
.pager-bottom .options.btn-group {
  text-align: right;
}
@-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: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #555555;
}
.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: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #555555;
}
.flatpickr-time input.flatpickr-minute {
  font-family: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #555555;
}
.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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !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: #555555;
}
.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: inline-flex;
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  position: relative;
  min-width: 7.5em;
  height: 3rem;
  border-radius: 3px;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833rem;
  line-height: 1.188em;
  letter-spacing: 0.0312em;
  text-transform: uppercase;
  font-family: 'Manrope';
  cursor: pointer;
  transition: 0.2s all;
  color: #FFFFFF;
  background-color: #8D5C12;
  margin-right: 2rem;
}
@media only screen and (max-width: 576px) {
  .Form__MainBody .FormSubmitButton {
    width: 100%;
  }
}
.Form__MainBody .FormSubmitButton:hover {
  opacity: 0.75;
}
.Form__MainBody .FormSubmitButton:focus {
  border: none;
  outline: 5px double #8D5C12;
}
.Form__MainBody .FormSubmitButton:active {
  border: none;
  outline: 5px double #8D5C12;
}
.Form__MainBody .FormResetButton {
  display: inline-flex;
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  position: relative;
  min-width: 7.5em;
  height: 3rem;
  border-radius: 3px;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833rem;
  line-height: 1.188em;
  letter-spacing: 0.0312em;
  text-transform: uppercase;
  font-family: 'Manrope';
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.2s all;
  background-color: #FFFFFF;
  color: #0B0039;
  border: 1px solid #8D5C12;
  margin-right: 2rem;
}
@media only screen and (max-width: 576px) {
  .Form__MainBody .FormResetButton {
    width: 100%;
  }
}
.Form__MainBody .FormResetButton:hover {
  background-color: #8D5C12;
  color: #FFFFFF;
}
.Form__MainBody .FormResetButton:focus {
  border: none;
  outline: 5px double #8D5C12;
}
.Form__MainBody .FormResetButton:active {
  border: none;
  outline: 5px double #8D5C12;
}
.Form__MainBody .Form__Element .Form__Element__ValidationError {
  display: flex;
  margin-top: 0.25rem;
  font-family: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !important;
}
.Form__MainBody .FormFileUpload input[type="file"]::before {
  content: 'UPLOAD FILE';
  display: inline-flex;
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  position: relative;
  min-width: 7.5em;
  height: 3rem;
  border-radius: 3px;
  font-style: normal;
  font-weight: 500;
  font-size: 0.833rem;
  line-height: 1.188em;
  letter-spacing: 0.0312em;
  text-transform: uppercase;
  font-family: 'Manrope';
  color: #FFFFFF;
  cursor: pointer;
  transition: 0.2s all;
  background-color: #FFFFFF;
  color: #0B0039;
  border: 1px solid #8D5C12;
  margin-right: 1rem;
}
@media only screen and (max-width: 576px) {
  .Form__MainBody .FormFileUpload input[type="file"]::before {
    width: 100%;
  }
}
.Form__MainBody .FormFileUpload input[type="file"]::before:hover {
  background-color: #8D5C12;
  color: #FFFFFF;
}
.Form__MainBody .FormFileUpload input[type="file"]::before:focus {
  border: none;
  outline: 5px double #8D5C12;
}
.Form__MainBody .FormFileUpload input[type="file"]::before:active {
  border: none;
  outline: 5px double #8D5C12;
}
.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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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;
}
.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;
  justify-content: space-between;
  margin: 2em 0px 2em 0;
}
@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;
}
@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: #FFFFFF !important;
  color: #0B0039 !important;
  border-color: #0B0039 !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: #0B0039 !important;
  color: #FFFFFF;
  filter: drop-shadow(3px 6px 6px #B5B5B5);
}
@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;
}
.results_pagination .pagination--numbers .results_pagination--active {
  text-align: center;
  height: 2.2rem;
  width: 2.2rem;
  background: #0B0039;
  color: #FFFFFF;
  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 {
  color: #555555;
  float: left;
  padding: 0.75em;
  margin: 0 1em;
  text-decoration: none;
  text-align: center;
  height: 2.2rem;
  width: 2.2rem;
  border: 1px solid #555555;
  border-radius: 50%;
}
.results_pagination .pagination--numbers a.active {
  background: #0B0039;
  color: #FFFFFF;
}
.results_pagination .pagination--numbers a:hover {
  background: #0B0039;
  color: #FFFFFF;
  border-color: #0B0039;
  opacity: 0.8;
}
.results_pagination .pagination--numbers a .disabled {
  background: #B5B5B5;
  color: #838383;
}
@media only screen and (max-width: 576px) {
  .results_pagination .pagination--numbers a {
    margin: 0 1em;
  }
}
@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;
  }
}
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(https://www.lawsociety.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: 'Manrope' !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: 'Manrope' !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: #555555;
  font-weight: 400;
  text-decoration: none;
}
.paging .paging--controls #cell a:hover {
  color: #555555;
}
.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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.03125em !important;
  line-height: 1.2em !important;
  color: #555555 !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: #555555;
  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: 'Manrope' !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: 'Manrope' !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: 'Manrope';
  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: 'Manrope';
  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: #555555;
}
@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_brand2_dark.svg");
  background-repeat: no-repeat;
  background-position: right 1em center;
  color: #8D5C12 !important;
  text-decoration: underline !important;
  padding-right: 2em;
}
/*p element*/
.grid-questions-radiobuttons p {
  margin-top: 0em;
}
.beforeSaveAttachment input[type="button"] {
  margin-top: 1em;
}
.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 .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 {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;
  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
#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.pull-right {
    text-align: left;
    float: left;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #A67F42;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    padding: 1em;
    font-family: 'Manrope' !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;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .textlink.pull-right:hover {
    background-color: #A67F42;
    color: #FFFFFF;
  }
}
#PcApplicationForm .attachmentUpload {
  text-align: center;
}
#PcApplicationForm .attachmentUpload input#DocumentUpload {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.2rem !important;
  color: #555555 !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%;
}
@media only screen and (max-width: 810px) {
  #PcApplicationForm .tooltip .right {
    left: -150%;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .tooltip .right {
    left: -110%;
    padding-bottom: 0.5rem;
  }
}
#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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.2rem !important;
  color: #0B0039 !important;
}
#PcApplicationForm .ebProBody {
  max-width: 48em;
  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 {
  max-width: 48em;
  margin: 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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.9em !important;
  color: #555555 !important;
}
#PcApplicationForm .pcform-begin .ebusiness-profile-section .form-group .caption a {
  color: #8D5C12 !important;
}
#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 #ShowPcError,
#PcApplicationForm #ReOpenPCDialog,
#PcApplicationForm #ReOpenPCDialogError,
#PcApplicationForm #Section61,
#PcApplicationForm #ModalNoCompanyRole,
#PcApplicationForm #ModalHasPendingChange {
  z-index: 9999;
}
#PcApplicationForm #ShowPcError .modal-dialog,
#PcApplicationForm #ReOpenPCDialog .modal-dialog,
#PcApplicationForm #ReOpenPCDialogError .modal-dialog,
#PcApplicationForm #Section61 .modal-dialog,
#PcApplicationForm #ModalNoCompanyRole .modal-dialog,
#PcApplicationForm #ModalHasPendingChange .modal-dialog {
  max-width: 30em;
  display: flex;
  padding-top: 2em;
  margin: 4em auto;
}
@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 {
  color: #FFFFFF !important;
  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 {
  color: #FFFFFF !important;
}
@media only screen and (max-width: 467px) {
  #PcApplicationForm #ShowPcError .modal-dialog,
  #PcApplicationForm #ReOpenPCDialog .modal-dialog,
  #PcApplicationForm #ReOpenPCDialogError .modal-dialog,
  #PcApplicationForm #Section61 .modal-dialog,
  #PcApplicationForm #ModalNoCompanyRole .modal-dialog,
  #PcApplicationForm #ModalHasPendingChange .modal-dialog {
    margin: 1em;
  }
}
#PcApplicationForm a {
  cursor: pointer;
}
#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: 'Manrope' !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: #555555;
  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 {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 576px) {
  #PcApplicationForm .grid-1row-2col .grid-col2 {
    text-align: left;
    margin-bottom: 2em;
  }
}
#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: 'Manrope';
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.025rem;
  line-height: 1.8125em;
  color: #555555;
  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: 10fr 0.4fr 0.6fr;
  grid-template-rows: 2fr 1px;
  grid-column-gap: 1.25em;
  grid-row-gap: 0.313em;
  justify-items: stretch;
  align-items: stretch;
  border-bottom: 1px solid #EBEBEB;
  margin-top: 4rem;
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  letter-spacing: 0.005rem !important;
  line-height: 1.8125em !important;
  color: #0B0039 !important;
}
@media only screen and (max-width: 666px) {
  #PcApplicationForm .grid-questions {
    grid-template-columns: 6fr 0.4fr 0.8fr;
  }
}
#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;
}
#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;
  }
}
#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;
  color: #555555 !important;
}
#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;
}
#PcApplicationForm #pnlC #divSectionCQs .grid-checkbox-col2 {
  padding-top: 0.3rem;
}
#PcApplicationForm #pnlC h1 {
  margin: 1rem 0 2rem 0;
}
#PcApplicationForm #pnlC .grid-checkbox {
  grid-template-columns: 0.5fr 11.5fr;
  grid-column-gap: 0.5em;
  grid-template-rows: auto;
}
#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-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;
}
#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;
  }
}
#PcApplicationForm .pc-guidance-notes {
  /* Body 1/Underlined */
  font-family: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !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: #555555;
}
#PcApplicationForm #sec6 .flex-container-2col .flex-items-2col {
  width: 25%;
}
#PcApplicationForm #sec6 .subtotal div,
#PcApplicationForm #sec6 .subtotal div span {
  font-family: 'Manrope' !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: 'Manrope' !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 #divReqProds .grid-checkbox,
#PcApplicationForm #sec6 #divOptProds .grid-checkbox {
  grid-template-columns: 1em 11fr;
}
#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 #EBEBEB;
}
#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;
}
#PcApplicationForm #sec6 #divPaymentOpts .grid-checkbox .grid-checkbox-col1 {
  text-align: start;
}
#PcApplicationForm #sec6 #divPaymentOpts #lblCreditCardInst {
  margin-bottom: 2em;
}
#PcApplicationForm #sec6 #divPaymentOpts #divSubmitReadOnly {
  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: 'Manrope' !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 {
  max-width: 48em;
  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: #555555;
}
#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: #555555 !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: 1.5rem 0rem 0rem 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;
}
#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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
  border-bottom: 1px solid #EBEBEB;
  padding-top: 1em;
}
td.xl66 {
  border-bottom: 1px solid #EBEBEB;
}
a.firmlist--email {
  color: #555555;
  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: #555555 !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: #555555;
  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: 'Manrope' !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: #555555;
}
.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: 'Manrope';
  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: 'Manrope';
  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: 'Manrope';
  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: #555555;
  margin-right: 2em;
}
.searchcv .search-filter .terms-div .terms a {
  font-family: 'Manrope';
  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: 'Manrope';
  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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
}
.orderhistory .RadGrid_WebBlue .rgRow a {
  font-family: 'Manrope';
  font-weight: 700;
  color: #555555;
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8125em !important;
  color: #555555 !important;
  background: none;
}
.orderhistory .RadGrid_WebBlue .rgAltRow a {
  font-family: 'Manrope';
  font-weight: 700;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
.orderhistory .RadGrid_WebBlue .rgAltRow td {
  padding: 1em;
  border: none;
  border-bottom: 1px solid #EBEBEB;
}
#MyOrders .dropdown-ordertype {
  margin: 0 0 2em 0;
}
#MyOrders .dropdown-ordertype select {
  width: auto;
  padding: 0.5em 2em 0.5em 1em;
}
.order-confirmation-page {
  font-family: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.813em;
  color: #555555;
  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: #555555;
  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: #555555;
  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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #555555 !important;
  background: none;
  border: none;
  padding-left: 0px !important;
}
.order-confirmation-page .basket-summary-cart .RadGrid td {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #555555 !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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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;
}
#MyApplications .border-top {
  margin: 0;
  margin-bottom: 1rem;
  border-top: 1px solid #EBEBEB;
}
#MyApplications .textlink {
  color: #0B0039;
  font-weight: 700;
}
#MyApplications .textlink:hover {
  color: #8D5C12;
}
#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;
}
#MyApplications .scqueries {
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  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 {
  overflow-x: hidden;
  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: 10em;
  height: 4em;
  min-width: 10em;
  line-height: normal;
}
#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;
}
/*OLD MY APPLICATIONS PAGE BELOW*/
.appquerylistview .apptable-head {
  font-family: 'Manrope' !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: #555555;
}
.appquerylistview .rgRow .apptable-item .lnkappname {
  font-family: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.appquerylistview .rgRow .apptable-item:nth-child(2) {
  font-family: 'Manrope';
  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: 'Manrope' !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 span {
  font-family: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025rem;
  line-height: 1.813rem;
  color: #555555;
}
.firmnameapp span a {
  color: #8D5C12;
}
.firmnameapp span.validation--error {
  color: #E60000;
}
.firmnameapp .k-grid tr td {
  pading-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 input[type="text"] {
  width: 60%;
  margin-bottom: 0.25em;
}
@media only screen and (max-width: 666px) {
  .firmnameapp input[type="text"] {
    width: 100%;
  }
}
.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;
}
@media only screen and (max-width: 666px) {
  .firmnameapp .firmnameapp-cntrls .ddl-select-office {
    width: 100%;
  }
}
.firmnameapp .firmnameapp-cntrls.ddl-margin-bottom {
  margin-bottom: 4em;
}
.firmnameapp .firmnameapp-cntrls .info-heading {
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.025rem;
  line-height: 1.813rem;
  color: #0B0039;
  padding-bottom: 0.25em;
}
.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;
  width: 10.75em;
}
@media only screen and (max-width: 666px) {
  .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: 666px) {
  .firmnameapp .firmnameapp-cntrls {
    width: 100%;
  }
}
.firmnameapp .attachments {
  display: flex;
  flex-direction: column;
}
.firmnameapp .attachments p {
  margin: 0;
}
.firmnameapp .attachments p:first-child {
  padding-bottom: 1.25em;
}
.firmnameapp .attachments p:first-child::after {
  content: url("/UI/images/icons/circled_info.svg");
  vertical-align: sub;
}
.firmnameapp .attachments p span {
  font-family: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
  padding-bottom: 0.25em;
}
.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: #FFFFFF !important;
}
.pn-content div.article {
  width: -webkit-fill-available;
  width: -moz-available;
  padding: 0em;
}
.pn-content #lvPages {
  grid-gap: 0em;
}
.pn-content .k-pager-wrap {
  overflow: unset;
  padding: 0em;
  color: unset;
  border-color: unset;
  background-color: unset;
  display: flex;
  justify-content: center;
  padding-left: 7em !important;
}
@media only screen and (max-width: 768px) {
  .pn-content .k-pager-wrap {
    padding-left: 0em !important;
  }
}
.pn-content .k-pager-wrap a {
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
.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: #FFFFFF;
  background-color: #0B0039;
  border-color: #0B0039;
  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;
  color: transparent;
}
.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;
  color: transparent;
}
.pn-content .k-pager-wrap ul.k-pager-numbers li,
.pn-content .k-pager-wrap ul.k-pager-numbers a {
  font-size: 1rem;
}
.pn-content .k-pager-wrap ul.k-pager-numbers li {
  padding-right: 1em;
}
.pn-content .k-pager-wrap .k-pager-numbers .k-state-selected {
  width: 1.875em;
  height: 1.875em;
  font-family: 'Manrope';
}
.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;
  /*.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 {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #0B0039 !important;
  text-decoration: underline;
  width: 11em;
}
@media only screen and (max-width: 768px) {
  .pn-content .pagination-paging .link-view-all {
    width: 100%;
  }
}
.pn-content .news-preview {
  position: relative;
  border-bottom: 0.5px solid #B5B5B5;
  margin-top: 1.2em;
}
.pn-content .news-preview h3 {
  margin-top: 0em;
}
.pn-content .news-preview h3 a {
  font-family: 'PT Serif' !important;
  font-weight: 400 !important;
  font-size: 1.728125rem !important;
  letter-spacing: 0.009375em !important;
  line-height: 1rem !important;
  color: #0B0039 !important;
  text-decoration: none;
}
.pn-content .news-preview span {
  margin-bottom: 0.625em;
  display: inline-block;
  font-family: 'PT Serif';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.009375em;
  line-height: 1.813em;
  color: #A67F42;
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 0.834rem !important;
  letter-spacing: 0.0313em !important;
  line-height: 1.8em !important;
  color: #838383 !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-content p {
  margin-bottom: 4em;
}
.pn-search .inline-wrapper {
  background: #FAFAFA;
  display: flex;
  padding: 2em;
  gap: 2em;
  width: -webkit-fill-available;
  width: -moz-available;
}
@media only screen and (max-width: 992px) {
  .pn-search .inline-wrapper {
    flex-direction: column;
  }
}
.pn-search .inline-wrapper .align-items {
  display: inline-flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .pn-search .inline-wrapper .align-items {
    width: 100%;
  }
}
.pn-search .inline-wrapper .align-items span {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !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 .btn-align {
  display: flex;
  align-items: end;
}
.pn-search .inline-wrapper .btn-align .btn-alt {
  background-image: url("/UI/images/icons/navigation--search-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  min-width: 3rem;
  height: 3.5em;
  border-radius: 3px;
  margin-top: 2em;
}
.pn-search .inline-wrapper .btn-align .btn-alt .btntext {
  display: none;
}
@media only screen and (max-width: 992px) {
  .pn-search .inline-wrapper .btn-align .btn-alt {
    width: 100%;
    margin-top: 0;
    background-image: none;
  }
  .pn-search .inline-wrapper .btn-align .btn-alt .btntext {
    display: inline-block;
  }
}
.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: 'Manrope' !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: 'Manrope' !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;
}
.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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #555555 !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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !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: #555555;
  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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #555555 !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: #555555;
}
.selectedAddress span,
.selectedAddress p {
  color: #0B0039 !important;
}
span.ebusiness-product-view-cart-quantity-value-review {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #555555 !important;
}
.ebusiness-product-view-cart-product-quantity {
  width: 3.125em;
  height: 2.5em;
}
div#viewCart {
  padding-right: 4em;
}
div#viewCart .modal-content {
  background-color: #0B0039;
}
div#viewCart .modal-content .modal-body {
  background-color: #0B0039;
}
div#viewCart .modal-content .modal-body .modal-text p {
  color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  div#viewCart {
    padding-right: 0;
  }
}
span.pull-left.heading-Included {
  font-family: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.183em !important;
  color: #555555 !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;
}
.modal-content,
.modal-body {
  background-color: #0B0039;
}
.actionButtonWrapper {
  text-align: right;
}
.panel.panel-default {
  display: block;
}
.ebusiness-payment-address-listing-row.billingShippingSame.row .col-sm-7 {
  color: #555555;
}
.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: grid;
}
.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: 'Manrope' !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 .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: #555555;
  font-weight: 400;
  cursor: pointer;
}
.ebusiness-checkout-step-wrapper-steps .stepsText o.stepCurrent {
  font-family: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
.solicitors-registration .text-area {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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*/
}
@media only screen and (max-width: 768px) {
  .solicitors-buy-merge {
    padding: 1rem 1rem 0rem 1rem;
  }
}
.solicitors-buy-merge h6 {
  font-family: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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%;
  }
}
.solicitors-buy-merge .k-pager-wrap {
  overflow: unset;
  padding: 0em;
  color: unset;
  border-color: unset;
  background-color: unset;
  display: flex;
  justify-content: center;
  padding-left: 4em;
}
.solicitors-buy-merge .k-pager-wrap a {
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
.solicitors-buy-merge .k-pager-wrap .k-state-selected,
.solicitors-buy-merge .k-pager-wrap .k-state-selected:link,
.solicitors-buy-merge .k-pager-wrap .k-state-selected:visited,
.solicitors-buy-merge .k-pager-wrap .k-list > .k-state-selected,
.solicitors-buy-merge .k-pager-wrap .k-list > .k-state-highlight,
.solicitors-buy-merge .k-pager-wrap .k-panel > .k-state-selected,
.solicitors-buy-merge .k-pager-wrap .k-button:active,
.solicitors-buy-merge .k-pager-wrap .k-ghost-splitbar-vertical,
.solicitors-buy-merge .k-pager-wrap .k-ghost-splitbar-horizontal,
.solicitors-buy-merge .k-pager-wrap .k-draghandle.k-state-selected:hover,
.solicitors-buy-merge .k-pager-wrap .k-scheduler .k-scheduler-toolbar .k-state-selected,
.solicitors-buy-merge .k-pager-wrap .k-marquee-color {
  color: #FFFFFF;
  background-color: #0B0039;
  border-color: #0B0039;
  border-radius: 20px;
}
.solicitors-buy-merge .k-pager-wrap .k-link:visited,
.solicitors-buy-merge .k-pager-wrap .k-nav-current.k-state-hover .k-link {
  color: unset;
}
.solicitors-buy-merge .k-pager-wrap .k-pager-first,
.solicitors-buy-merge .k-pager-wrap .k-pager-last {
  display: none;
}
.solicitors-buy-merge .k-pager-wrap .k-link {
  background: unset;
  border-color: transparent;
  border-right: 0;
}
.solicitors-buy-merge .k-pager-wrap .k-icon {
  background: none;
}
.solicitors-buy-merge .k-pager-wrap .k-icon.k-i-arrow-w {
  background: left url("/UI/images/icons/chevron_left.svg") no-repeat;
}
.solicitors-buy-merge .k-pager-wrap .k-icon.k-i-arrow-e {
  background: right url("/UI/images/icons/chevron_right.svg") no-repeat;
  padding-right: 1em;
}
.solicitors-buy-merge .k-pager-wrap ul.k-pager-numbers li,
.solicitors-buy-merge .k-pager-wrap ul.k-pager-numbers a {
  font-size: 1rem;
}
.solicitors-buy-merge .k-pager-wrap ul.k-pager-numbers li {
  padding-right: 1em;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .k-pager-wrap ul.k-pager-numbers li:nth-child(n+4) {
    display: none;
  }
  .solicitors-buy-merge .k-pager-wrap ul.k-pager-numbers li:last-child {
    display: block;
    padding: 0;
  }
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .k-pager-wrap ul.k-pager-numbers li:nth-child(n+4) {
    display: none;
  }
  .solicitors-buy-merge .k-pager-wrap ul.k-pager-numbers li:last-child {
    display: block;
  }
}
.solicitors-buy-merge .k-pager-wrap .k-pager-numbers .k-state-selected {
  width: 1.875em;
  height: 1.875em;
  font-family: 'Manrope';
}
.solicitors-buy-merge .k-pager-wrap .k-pager-info {
  left: 0;
  position: absolute;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .k-pager-wrap .k-pager-info {
    left: unset;
    top: 0;
  }
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .k-pager-wrap {
    padding-left: 1em;
    margin: 3em 0 1em 0;
  }
}
.solicitors-buy-merge .pagination-paging {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  margin-top: 4em;
  padding: 1em;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .pagination-paging {
    flex-direction: column;
    gap: 0.625em;
    text-align: center;
    margin-top: 0.625em;
  }
}
.solicitors-buy-merge .pagination-paging .k-pager-wrap {
  padding: 0;
}
.solicitors-buy-merge .pagination-paging .link-view-all {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.813em !important;
  color: #0B0039 !important;
  text-decoration: underline;
  width: 4.375em;
}
@media only screen and (max-width: 467px) {
  .solicitors-buy-merge .pagination-paging .link-view-all {
    width: 100%;
  }
}
.solicitors-buy-merge .pagination-paging .k-pager-info.k-label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 0.833em !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.5em !important;
  color: #555555 !important;
  margin-top: 0.625em;
}
.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: 'Manrope';
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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 {
  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: 'Manrope' !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 a {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #8D5C12 !important;
  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.5rem;
}
.login-page .input-width {
  width: 384px;
}
@media only screen and (max-width: 666px) {
  .login-page .input-width {
    width: 100%;
  }
}
.login-page .red-alert-box span a {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #555555 !important;
  text-decoration: underline;
}
.login-page label {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #0B0039 !important;
  font-style: normal;
}
.login-page .check {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #555555 !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;
}
.productlist-top {
  padding: 4rem;
  width: 100%;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.4rem !important;
  color: #838383 !important;
}
.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 .toolbar {
  background: #FAFAFA;
  padding: 2em;
  display: grid;
  grid-template-columns: 1fr;
}
.productlist-top .toolbar .toolbar__search {
  display: flex;
  justify-content: space-between;
  font-family: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.productlist-top .toolbar .toolbar__search span {
  width: 90%;
}
.productlist-top .toolbar .toolbar__search input[type=text] {
  width: 100%;
  margin-top: 0.25rem;
  background: url("/UI/images/icons/navigation_search.svg") right 1rem center no-repeat #FFFFFF;
}
@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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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 .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;
}
.productlist-top .product-list--list .product__wrap .product__details {
  width: 50%;
}
.productlist-top .product-list--list .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--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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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-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--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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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;
}
.inline-add .addtobasket {
  display: grid;
  grid-gap: 1em 0;
  background: #0B0039;
}
.inline-add .addtobasket h2 {
  font-family: 'PT Serif';
  font-weight: 400;
  color: #FFFFFF;
  font-style: normal;
  line-height: 1.4em;
}
.inline-add .addtobasket p {
  font-family: 'Manrope';
  font-weight: 400;
  color: #FFFFFF;
  font-style: normal;
  line-height: 1.4em;
}
/*Cotainer for register page*/
.register-pg {
  padding: 2em;
  /*Styling for top notice bar when you firt land on register page.*/
  /*A flex class to add to certain styles*/
  /*Adding style to class that already exists*/
  /*Style for terms & conditions*/
  /*Divider line to section off parts of the form*/
  /*Setting the size of certain input feilds*/
  /*Style for inital radio buttons when you land on the page.*/
  /*Setting position and direction of buttons*/
}
@media only screen and (max-width: 576px) {
  .register-pg {
    padding: 0em;
  }
}
.register-pg .title-iam {
  margin-bottom: 1em;
}
.register-pg .hint:after {
  content: url("/UI/images/icons/circled_info.svg") !important;
  filter: unset;
}
.register-pg .TopNoticeBar {
  display: flex;
  padding: 1em;
  color: #555555;
  background-color: #DEFFEC;
  border-top: 2px solid #00AB47;
  justify-content: center;
}
.register-pg .TopNoticeBar .icon {
  display: flex;
  font-size: 1em;
}
.register-pg .TopNoticeBar .icon.pr-1 {
  padding-right: 1em;
}
.register-pg .TopNoticeBar .icon.pl-1 {
  padding-left: 1em;
}
.register-pg .TopNoticeBar .icon.info-icon {
  content: url("/UI/images/icons/circled-success-green.svg");
  filter: unset;
}
.register-pg .TopNoticeBar .icon span {
  margin: auto;
}
.register-pg .TopNoticeBar .icon span.cursor-pointer {
  cursor: pointer;
}
.register-pg .TopNoticeBar .text {
  margin: auto;
}
.register-pg .d-flex {
  display: flex;
}
.register-pg .d-flex.g-1 {
  gap: 1em;
}
.register-pg .lblType p {
  margin-bottom: 2em;
}
.register-pg .lblType p a {
  color: #A67F42;
  text-decoration: underline;
}
.register-pg .accept-tick .popupwindow {
  color: #A67F42;
}
.register-pg .line {
  width: 100%;
  margin-bottom: 3em;
  margin-top: 1em;
  border-bottom: 1px solid #EBEBEB;
}
.register-pg .mt-2 {
  margin-top: 2em;
}
.register-pg .mt-4 {
  margin-top: 4em;
}
.register-pg input[type=text],
.register-pg input[type=password],
.register-pg select {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .register-pg input[type=text],
  .register-pg input[type=password],
  .register-pg select {
    width: 100%;
  }
}
.register-pg .row-content .rblList tbody tr td {
  padding-bottom: 2em;
}
.register-pg .row-content .rblList tbody tr td input {
  margin-left: 0;
}
.register-pg .row-content .rblList tbody tr td label {
  color: #555555;
  text-decoration: underline solid;
}
.register-pg .row-div .label-div {
  margin-left: 0em;
}
.register-pg .row-div .field-div.message {
  display: flex;
  flex-direction: column;
}
.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: 768px) {
  .register-pg .btn.btn-primary {
    width: 100% !important;
  }
}
.register-pg .FirmAdminHeader p {
  font-size: 1rem;
  font-weight: bold;
  color: #0B0039;
}
.register-pg .popupwindow {
  font-weight: bold;
  color: #8D5C12;
  text-decoration: underline;
}
@media only screen and (max-width: 576px) {
  .register-pg .phoneNumberGroup {
    flex-direction: column !important;
  }
}
.register-pg .phoneNumberGroup .Group1 {
  width: 50%;
  display: flex;
  gap: 1em;
}
.register-pg .phoneNumberGroup .Group1 input {
  max-width: 100% !important;
  width: 50% !important;
}
@media only screen and (max-width: 576px) {
  .register-pg .phoneNumberGroup .Group1 select {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .register-pg .phoneNumberGroup .Group1 {
    width: 100%;
  }
}
.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 .accept-tick {
  color: #555555;
}
.register-pg .accept-tick.accepted {
  color: #0B0039;
}
.register-pg .validation--error p {
  color: #E60000 !important;
}
.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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #555555 !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: #555555;
  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: 'Manrope';
  font-weight: 700;
  color: #555555;
  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: 'Manrope' !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 .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;
}
#AddressPreferences .row-div.btn-top {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  #AddressPreferences .row-div {
    flex-direction: column;
  }
}
.addressPrefencesPg {
  /*Section divider*/
}
.addressPrefencesPg .TitleHeader {
  margin-bottom: 1em;
  font-family: 'Manrope' !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: #555555;
}
.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: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.table-div .email-text p {
  font-family: 'Manrope';
  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: 'Manrope';
  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;
}
/*do we need this?*/
/*old page*/
.mediator-register {
  padding: 0 2rem;
}
.mediator-register #ChangeMediatorForm .mediator__card {
  display: flex;
  grid-gap: 2rem;
  padding: 1rem 0;
}
.mediator-register #ChangeMediatorForm .mediator__card img {
  display: none;
}
#ChangeMediatorForm {
  display: flex;
  flex-direction: column;
  grid-gap: 2em;
}
#ChangeMediatorForm .hr-grey {
  border: 1px solid #EBEBEB;
  margin: 0px;
  /*margin-top: 1rem;
        margin-bottom: 1rem;*/
}
#ChangeMediatorForm .border-bottom-grey {
  border-bottom: 1px solid #EBEBEB;
  padding: 2rem 0 2rem 0;
}
#ChangeMediatorForm .border-bottom-grey:first-child {
  padding: 0 0 2rem 0;
}
#ChangeMediatorForm .border-bottom-grey:last-child {
  border-bottom: none;
}
#ChangeMediatorForm .hr-gold-divider {
  margin: 2rem 0 2rem 0;
}
#ChangeMediatorForm .validation-error-borders-input {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#ChangeMediatorForm .validation--error {
  margin-top: 0 !important;
}
#ChangeMediatorForm .input-width {
  width: 328px;
}
@media only screen and (max-width: 576px) {
  #ChangeMediatorForm .input-width {
    width: 100%;
  }
}
#ChangeMediatorForm .address-width {
  width: 500px;
}
@media only screen and (max-width: 576px) {
  #ChangeMediatorForm .address-width {
    width: 100%;
  }
}
#ChangeMediatorForm .display-flex {
  display: flex;
}
#ChangeMediatorForm .column-flex {
  flex-direction: column;
}
#ChangeMediatorForm .checkbox-align {
  display: flex;
}
#ChangeMediatorForm .btn-flex {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  #ChangeMediatorForm .btn-flex {
    flex-direction: column;
  }
}
#ChangeMediatorForm .row-grid {
  display: grid;
  grid-template-columns: 2fr 2fr;
  grid-template-rows: 2fr;
  gap: 1rem 1rem;
}
@media only screen and (max-width: 576px) {
  #ChangeMediatorForm .row-grid {
    display: 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 100%;
  }
}
#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 {
    width: 10%;
    flex: 1 1 0;
    order: 2;
  }
}
#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: 467px) {
  #ChangeMediatorForm .mediator__info--phone .phone-number {
    width: 0px;
    flex: 1 1 50%;
    order: 3;
  }
}
#ChangeMediatorForm .green-alert-box {
  margin-bottom: 0 !important;
}
#ChangeMediatorForm .textlink--inline {
  margin-left: 0.5em;
}
#ChangeMediatorForm .mediator__info--section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#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;
  }
}
.mediator-register-old {
  padding: 4em;
}
.mediator-register-old h1 {
  margin: 0 0 1rem 0;
  padding-bottom: 1rem;
}
.mediator-register-old .register-info {
  display: grid;
  grid-auto-columns: 1fr;
  grid-gap: 2rem;
}
.mediator-register-old .register-info .info-container--details {
  display: flex;
}
.mediator-register-old .register-info .info-container--details .info-container--name {
  display: flex;
}
.mediator-register-old .register-info .info-container--details .info-container--name img {
  width: 6rem;
  padding: 1rem;
}
.mediator-register-old .register-info .info-grid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-gap: 1rem 0;
  padding-bottom: 2em;
}
.mediator-register-old .register-info .info-grid:nth-child(4) {
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 2rem;
}
.mediator-register-old .register-info .info-grid input[type=text],
.mediator-register-old .register-info .info-grid textarea {
  width: 70%;
}
@media only screen and (max-width: 576px) {
  .mediator-register-old .register-info .info-grid input[type=text],
  .mediator-register-old .register-info .info-grid textarea {
    width: 100%;
  }
}
.mediator-register-old .register-info .info-grid tbody {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem 0;
}
@media only screen and (max-width: 576px) {
  .mediator-register-old .register-info .info-grid tbody {
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em 0;
  }
}
.mediator-register-old .register-info .info-grid .error {
  font-family: 'Manrope';
  font-weight: 400;
  color: #E60000;
  font-style: normal;
  line-height: 1.4em;
}
.mediator-register-old .register-info .info-grid .lbl-error {
  display: flex;
  background: none;
  grid-gap: 0.5rem;
}
.mediator-register-old .register-info .info-grid .lbl-error label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #E60000 !important;
}
.mediator-register-old .register-info .info-grid2x {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem 0;
}
.mediator-register-old .register-info .info-grid2x tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem 0;
  padding-bottom: 2em;
}
@media only screen and (max-width: 576px) {
  .mediator-register-old .register-info .info-grid2x tbody {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.mediator-register-old .register-info .info-grid2x .lbl-error {
  display: flex;
  background: none;
  grid-gap: 0.5rem;
}
.mediator-register-old .register-info .info-grid2x .lbl-error label {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #E60000 !important;
}
.mediator-register-old .pg-success {
  display: flex;
  align-items: center;
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
  background: #DEFFEC;
  border-top: 3px solid #00AB47;
  padding: 1em;
}
.mediator-register-old .pg-success:before {
  color: #00AB47;
  content: url("/UI/images/icons/circled-success-green.svg");
  font-weight: 700;
  padding-right: 1em;
  padding-top: 0.25em;
}
.mediator-register-old .pg-error {
  display: flex;
  align-items: center;
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
  background: #FFE6E6;
  border-top: 3px solid #E60000;
  padding: 1em;
}
.mediator-register-old .pg-error:before {
  color: #E60000;
  content: url("/UI/images/icons/circled-error-red.svg");
  font-weight: 700;
  padding-right: 1em;
  padding-top: 0.25em;
}
.mediator-register-old .btn-primary {
  margin-top: 2em;
  margin-right: 2em;
}
@media only screen and (max-width: 576px) {
  .mediator-register-old .btn-primary {
    margin-right: 0;
  }
}
.mediator-register-old .btn-secondary {
  margin-top: 2em;
}
.mediator-register-old .btn-secondary:hover {
  opacity: unset;
}
@media only screen and (max-width: 576px) {
  .mediator-register-old .btn-secondary {
    width: 100%;
  }
}
.mediator-register-old input[type="checkbox"] {
  vertical-align: middle;
}
.mediator-register-old input[type="checkbox"]:not(:checked) + label {
  width: 20rem;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .mediator-register-old input[type="checkbox"]:not(:checked) + label {
    width: 18rem;
  }
}
@media only screen and (max-width: 467px) {
  .mediator-register-old input[type="checkbox"]:not(:checked) + label {
    width: 16rem;
  }
}
.mediator-register-old input[type="checkbox"]:not(:checked).error + label {
  width: 20rem;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .mediator-register-old input[type="checkbox"]:not(:checked).error + label {
    width: 18rem;
  }
}
@media only screen and (max-width: 467px) {
  .mediator-register-old input[type="checkbox"]:not(:checked).error + label {
    width: 16rem;
  }
}
.mediator-register-old input[type="checkbox"]:checked + label {
  width: 20rem;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .mediator-register-old input[type="checkbox"]:checked + label {
    width: 18rem;
  }
}
@media only screen and (max-width: 467px) {
  .mediator-register-old input[type="checkbox"]:checked + label {
    width: 16rem;
  }
}
@media only screen and (max-width: 768px) {
  .mediator-register-old {
    padding: 2em;
  }
}
@media only screen and (max-width: 390px) {
  .mediator-register-old {
    padding: 1em;
  }
}
.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: #555555;
}
@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: 'Manrope';
  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: #555555;
  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: #555555;
}
@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: 'Manrope';
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025 !important;
  line-height: 1.8em !important;
  color: #555555 !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 .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: #555555;
  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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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: 'Manrope' !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 {
  height: 3em;
  width: 100%;
  float: right;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #838383;
  border-radius: 5px;
}
.firmadmin-pc .div-grey-background .search-bx .has-search .input-wrapper:hover {
  border-color: #A3C7D2;
  box-shadow: 0px 0.125em 0.375em rgba(0, 0, 0, 0.1);
}
.firmadmin-pc .div-grey-background .search-bx .has-search .inputText {
  border: none;
  background: none !important;
  color: #555555;
  box-sizing: border-box;
  padding: 0.5em 0.5em;
  font-size: 1rem;
  font-family: 'Manrope';
}
.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;
}
@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: 'Manrope';
  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: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.querydetail .header-text {
  font-family: 'Manrope';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.025em;
  line-height: 1.8em;
  color: #555555;
}
.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: 'Manrope';
  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: 'Manrope';
  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: 'Manrope';
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope';
  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: 'Manrope' !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: 'Manrope';
  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: 'Manrope' !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: 'Manrope';
  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: 'Manrope';
  font-weight: 700;
  color: #555555;
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
  padding: 0.5em 3em 1em 3em;
}
.querydetail .profile-darker .detail-info .grey-header {
  font-family: 'Manrope';
  font-weight: 700;
  color: #555555;
  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: 'Manrope' !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: 'Manrope';
  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: 'Manrope';
  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: 'Manrope';
  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: 'Manrope';
  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: 'Manrope';
  font-weight: 700;
  color: #555555;
  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 .div-alert-box,
.firmchange .div-form {
  margin-top: 4rem;
}
.firmchange .chk-flex {
  display: flex;
  margin-bottom: 2rem;
}
.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-wrap: wrap;
  }
}
.firmchange .div--input .ddPhone--CountryCode {
  width: 10.875rem;
}
.firmchange .div--input .txtPhone--Prefix {
  width: 4.375rem;
}
.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: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
.dataPrivacyPg .span-caption {
  font-family: 'Manrope' !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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #555555 !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: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
.dataPrivacyPg .row-div {
  line-height: 1em;
}
.dataPrivacyPg .text-content {
  font-weight: normal;
  color: #555555;
}
.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: 'Manrope' !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: 'Manrope';
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 0.833rem !important;
  letter-spacing: 0.015625em !important;
  line-height: 1.5em !important;
  color: #555555 !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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.813rem !important;
  color: #555555 !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: 'Manrope';
  font-weight: 700;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
.HybridWorkingPg .Results .result-item .details .information .dept {
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 'Manrope' !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: 'Manrope' !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: #555555;
  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: #555555;
}
.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: 'Manrope';
  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: #555555;
  /*.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: #555555;
  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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !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-rigth-align {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
}
@media only screen and (max-width: 810px) {
  .reqpassword .btn-rigth-align {
    flex-direction: column;
    width: 100%;
  }
}
.reqpassword .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 {
  width: 100%;
}
.reqpassword .flex-1row-2col .flex-col1 span {
  font-weight: 700;
}
.reqpassword .flex-1row-2col .flex-col1 .validation--error {
  margin-top: 0.25rem;
}
.reqpassword .flex-1row-2col .div-margin {
  margin-top: 0.25rem;
  margin-bottom: 0px;
}
@media only screen and (max-width: 576px) {
  .reqpassword .flex-1row-2col {
    flex-direction: column;
    align-items: baseline;
    gap: 0.5rem;
  }
}
.reqpassword input[type="text"],
.reqpassword input[type="password"],
.reqpassword textarea {
  width: 50%;
  margin-bottom: 0.313em;
}
@media only screen and (max-width: 810px) {
  .reqpassword input[type="text"],
  .reqpassword input[type="password"],
  .reqpassword textarea {
    width: 100%;
  }
}
#password-request-buttons input {
  margin-right: 2em;
}
#password-request-buttons input:last-child {
  margin-right: 0;
}
.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: #555555;
}
.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: 'Manrope';
  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 .dropdown_firm {
  margin: 2em 0;
}
#FirmApplication .dropdown_firm select {
  width: auto;
  padding: 0.5em 2em 0.5em 1em;
  min-height: 3em;
  height: unset;
  white-space: normal;
}
@media only screen and (max-width: 576px) {
  #FirmApplication .dropdown_firm select {
    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: 'Manrope' !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: 'Manrope' !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: #555555;
  text-align: left;
  padding: 1.5rem 1.5rem;
  vertical-align: middle;
}
#FirmApplication .container table tbody td .a-applink {
  font-family: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
#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: 'Manrope' !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: 'Manrope' !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: #555555;
  text-align: left;
  padding: 1.5rem 1.5rem;
  vertical-align: middle;
}
#QueryList .container table tbody td a {
  font-family: 'Manrope';
  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: 'Manrope' !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: #555555;
}
#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: #555555;
}
#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: #555555;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
}
#makeMyPayment table tbody tr td {
  border-bottom: 1px solid #EBEBEB;
  padding: 1rem 1rem;
  color: #555555;
  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: 'Manrope' !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 {
  margin: 0 auto;
  width: 344px;
  background-color: white;
  margin-top: 4rem;
}
#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 i.material-icons {
  color: #8D5C12;
}
#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;
}
@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-icons,
#MyEmployment .material-icons,
#MyProfileCommunication .material-icons,
#MyProfilePersonalDetails .material-icons {
  color: #8D5C12;
}
#MyStatus .edit,
#MyEmployment .edit,
#MyProfileCommunication .edit,
#MyProfilePersonalDetails .edit {
  padding: 0 0.75rem;
  background: url("/UI/images/icons/actions_edit.svg") no-repeat;
}
#MyStatus .delete,
#MyEmployment .delete,
#MyProfileCommunication .delete,
#MyProfilePersonalDetails .delete {
  padding: 0 0.75rem;
  background: url("/UI/images/icons/actions_delete.svg") no-repeat;
}
#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%;
  }
}
#MyEmployment .div--input,
#MyProfileCommunication .div--input,
#MyProfilePersonalDetails .div--input {
  display: flex;
  grid-gap: 0.5rem;
}
@media only screen and (max-width: 467px) {
  #MyEmployment .div--input,
  #MyProfileCommunication .div--input,
  #MyProfilePersonalDetails .div--input {
    flex-wrap: wrap;
  }
}
#MyEmployment .div--input .ddPhone--CountryCode,
#MyProfileCommunication .div--input .ddPhone--CountryCode,
#MyProfilePersonalDetails .div--input .ddPhone--CountryCode {
  width: 10.875rem;
}
#MyEmployment .div--input .txtPhone--Prefix,
#MyProfileCommunication .div--input .txtPhone--Prefix,
#MyProfilePersonalDetails .div--input .txtPhone--Prefix {
  width: 4.375rem;
}
#MyEmployment .div--input .txtPhone--PhoneNo,
#MyProfileCommunication .div--input .txtPhone--PhoneNo,
#MyProfilePersonalDetails .div--input .txtPhone--PhoneNo {
  width: 9.375rem;
}
@media only screen and (max-width: 467px) {
  #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#modalSave .modal-content,
#MyProfileCommunication .flexmodal#modalSave .modal-content,
#MyProfilePersonalDetails .flexmodal#modalSave .modal-content {
  background-color: #0B0039;
}
#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: 27.375em;
  background-color: #FFFFFF;
  padding: 1em 1em 0 1em;
  height: max-content;
}
#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 .control-heading {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #0B0039 !important;
}
#FirmAccounting .form-group input:not([type=checkbox]) {
  padding: 0.5em 1em;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
#FirmAccounting .form-group .input-right {
  text-align: right;
}
#FirmAccounting .form-group .firmaccount-wrapper {
  width: 10.25em;
}
#FirmAccounting .form-group .fixed-width {
  width: 22.5em;
}
@media only screen and (max-width: 576px) {
  #FirmAccounting .form-group .fixed-width,
  #FirmAccounting .form-group .firmaccount-wrapper {
    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: 'Manrope';
  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;
}
#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;
  margin-bottom: 2rem;
}
#ProfileChangeApplication .linkURL:hover {
  opacity: 0.5;
}
#ProfileChangeApplication .linkURL i.material-icons {
  color: #8D5C12;
  vertical-align: bottom;
}
#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: 'Manrope';
  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: 576px) {
  #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: 576px) {
  #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: 576px) {
  #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: 576px) {
  #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: 'Manrope' !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: 'Manrope';
  font-weight: 400;
  color: #555555;
  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: 576px) {
  #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: 'Manrope';
  font-weight: 700;
  color: #8D5C12;
  font-style: normal;
  line-height: 1.4em;
}
#LegalVacanciesAttachCV table#tableCvs tbody tr td:nth-child(1) {
  color: #555555;
}
#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 .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;
}
#LegalVacanciesEditProfile .areaOfExpertise__question,
#LegalVacanciesEditProfile input#btnSuccessModalHome,
#LegalVacanciesEditProfile input#btnUploadModalClose {
  margin-bottom: 1rem;
}
#LegalVacanciesEditProfile .checkboxReminder {
  display: flex;
  margin-top: 2rem;
}
#LegalVacanciesEditProfile .checkboxTandCs {
  display: flex;
  margin-top: 2rem;
}
#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: 576px) {
  #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: #0B0039;
}
.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;
}
#LawDirectory .heading {
  margin-bottom: 0.5em;
  font-family: 'Manrope';
  font-weight: 400;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
#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 .heading-bold {
  margin-bottom: 0.5em;
  font-family: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
#LawDirectory .flex-1row-2col .flex-col1 .sub-heading {
  margin-bottom: 0.5em;
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !important;
}
#LawDirectory .flex-1row-2col .flex-col1 span {
  font-family: 'Manrope';
  font-weight: 400;
  color: #555555;
  font-style: normal;
  line-height: 1.4em;
}
#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;
  }
}
#LawDirectory .mt-16 {
  margin-top: 1rem;
}
#LawDirectory .material-icons {
  color: #8D5C12;
}
#LawDirectory .hr-grey {
  margin: 2rem 0;
}
#LawDirectory .submit {
  float: right;
  margin-top: 2em;
}
@media only screen and (max-width: 576px) {
  #LawDirectory .submit {
    float: unset;
  }
}
#ChangePassword {
  margin-top: 4rem;
}
#ChangePassword .txt-pass {
  width: 20.5rem;
}
@media only screen and (max-width: 576px) {
  #ChangePassword .txt-pass {
    width: 100%;
  }
}
#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: #555555;
}
@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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !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: 'Manrope';
  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: #555555;
}
.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: #555555;
  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: #555555;
}
#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: 'Manrope', '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: 'Manrope';
}
#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: #555555;
}
#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: 'Manrope' !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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #555555 !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: 'Manrope' !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: 'Manrope' !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: 'Manrope';
}
#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: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
#AuditApplicationStage1 .practitioners-section .all-practitioners-details .practitioners-details .practitioner-id {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8em !important;
  color: #555555 !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: 'Manrope';
}
#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: 4rem 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;
}
#FirmPiiCoverSection table {
  table-layout: fixed;
  width: 110%;
}
@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: #555555;
  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: #555555;
  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;
}
@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: #555555;
}
#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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.4em !important;
  color: #555555 !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 select,
#EditFirmDetails input[type=text] {
  width: 328px;
}
#EditFirmDetails hr.hr-grey {
  margin: 2rem 0 !important;
}
#EditFirmDetails .tooltip a {
  color: #555555;
  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-wrap: wrap;
  }
}
#EditFirmDetails .div--input .ddPhone--CountryCode {
  width: 10.875rem;
}
#EditFirmDetails .div--input .txtPhone--Prefix {
  width: 4.375rem;
}
#EditFirmDetails .div--input .txtPhone--PhoneNo {
  width: 9.375rem;
}
@media only screen and (max-width: 467px) {
  #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";
#eventRegistration select {
  width: 12rem;
  max-width: none !important;
}
#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: 'Manrope';
  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: 'Manrope';
  font-weight: normal;
  color: #555555;
  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;
}
#eventRegistration .summary #eventSummary {
  padding: 0 2em 2em 2em;
  margin-left: 2em;
  border-left: 4px solid #DDCBA4;
}
#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: 'Manrope';
  font-weight: normal;
  color: #555555;
  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: 'Manrope';
  font-weight: normal;
  color: #555555;
  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: 'Manrope';
  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: #555555;
  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;
}
#TraineeshipCreditForm {
  margin-top: 2em;
}
#DN1Form .div-radio {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
}
body#masterPageBody {
  margin: 0 auto;
  padding: 0;
}
.universalsearch--data {
  text-align: right;
}
.universalsearch--data span#lblDataNotification {
  font-size: 0.8rem;
  color: #555555;
}
div#universalsearch__mediatornotification {
  display: none;
}
.content--whitespace__nowrap {
  white-space: nowrap;
}
.universalsearch--container {
  border-radius: 3px;
  background-color: #FAFAFA;
  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;
  min-width: 3rem;
}
@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 section {
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 0.25px solid #EBEBEB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  /*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: 'Manrope' !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025rem !important;
  line-height: 1.8rem !important;
  color: #555555 !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 div#mediator--counties {
  margin: 1rem 0;
  color: #555555;
}
.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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !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--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 .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: #555555;
}
.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: #555555 !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: #555555;
}
#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 .span-heading {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2em !important;
  color: #0B0039 !important;
}
#ViewOrderConfirmation .row-grid {
  display: grid;
  grid-template-columns: 2fr 2fr;
  grid-template-rows: 2fr;
  gap: 1rem 1rem;
}
@media only screen and (max-width: 576px) {
  #ViewOrderConfirmation .row-grid {
    display: flex;
    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;
}
#ViewOrderConfirmation .flex-col1 span {
  white-space: nowrap;
}
#ViewOrderConfirmation .flex-col1 .span-heading {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2em !important;
  color: #0B0039 !important;
}
#ViewOrderConfirmation .flex-col1 .order-info-cell span {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2em !important;
  color: #555555 !important;
  text-wrap: wrap;
}
#ViewOrderConfirmation .flex-col1 .order-info-cell .span-heading {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2em !important;
  color: #0B0039 !important;
}
@media only screen and (max-width: 576px) {
  #ViewOrderConfirmation .flex-col1 {
    width: 100%;
  }
}
#ViewOrderConfirmation .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#ViewOrderConfirmation .flex-1row-2col.order-info-line {
  max-width: 35em;
}
#ViewOrderConfirmation .flex-1row-2col .order-info-cell {
  width: 11em;
}
#ViewOrderConfirmation #divRefundRequests {
  line-height: 2em;
}
#ViewOrderConfirmation .refund-message {
  line-height: 2em;
}
#ViewOrderConfirmation #purchases-info span {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.2em !important;
  color: #0B0039 !important;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info {
  width: 100%;
  margin-top: 1em;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .alnright {
  text-align: right;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .alncenter {
  text-align: center;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info thead {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1em !important;
  color: #555555 !important;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info thead th {
  padding: 0;
}
@media only screen and (max-width: 616px) {
  #ViewOrderConfirmation #purchases-info .table-purchases-info thead th:nth-child(3) {
    text-align: center !important;
    text-wrap: balance;
  }
}
#ViewOrderConfirmation #purchases-info .table-purchases-info thead th:last-child {
  display: table-cell;
  text-align: left;
  text-wrap: nowrap;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info tbody {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2.5em !important;
  color: #555555 !important;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info tbody td {
  padding: 1em 0 1em 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .table-cell {
  flex: 1;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .purchase {
  flex: 5;
  flex-wrap: wrap;
  padding: 0;
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell:nth-child(3)::before,
#ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell:nth-child(4)::before {
  content: '€';
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell.negative:before {
  content: '(€';
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell.negative:after {
  content: ')';
}
#ViewOrderConfirmation #purchases-info .table-purchases-info .negative:after {
  content: ')';
}
@media only screen and (max-width: 666px) {
  #ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell:nth-child(3)::before,
  #ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell:nth-child(4)::before {
    content: '';
  }
  #ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell.negative:before {
    content: '(';
  }
  #ViewOrderConfirmation #purchases-info .table-purchases-info .order-cell.negative:after {
    content: ')';
  }
  #ViewOrderConfirmation #purchases-info .table-purchases-info .order-header:nth-child(3)::after,
  #ViewOrderConfirmation #purchases-info .table-purchases-info .order-header:nth-child(4)::after {
    content: ' €';
  }
}
#ViewOrderConfirmation .table-totals {
  width: 20em;
}
#ViewOrderConfirmation .table-totals .alnright {
  text-align: right;
}
#ViewOrderConfirmation .table-totals .table-cell {
  flex: 1;
}
#ViewOrderConfirmation .table-totals .heading {
  font-family: 'Manrope' !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2em !important;
  color: #0B0039 !important;
}
#ViewOrderConfirmation .table-totals .data {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 2em !important;
  color: #555555 !important;
}
#ViewOrderConfirmation .table-totals td {
  padding: 0;
}
#ViewOrderConfirmation .table-totals .data.negative:before {
  content: '(€';
}
#ViewOrderConfirmation .table-totals .data.negative:after {
  content: ')';
}
#ViewOrderConfirmation .table-totals .data::before {
  content: '€';
}
@media only screen and (max-width: 666px) {
  #ViewOrderConfirmation .table-totals .data::before {
    content: '';
  }
}
#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 {
  max-width: 35em;
  gap: 1em;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 3.6em !important;
  color: #555555 !important;
}
#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;
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.5em !important;
  color: #555555 !important;
}
#ViewOrderConfirmation .validationError {
  border-color: #E60000;
  background-color: #FFE6E6;
  color: #E60000;
}
#OptPracticeAreas .checkbox-align {
  display: flex;
}
#OptPracticeAreas .btn-flex {
  display: flex;
  gap: 1.5em;
}
@media only screen and (max-width: 576px) {
  #OptPracticeAreas .btn-flex {
    flex-direction: column;
  }
}
#FirmProfile h3#heading--firmname {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 0.188rem;
}
#FirmProfile .flex-col1,
#FirmProfile .flex-col2 {
  width: 40%;
  align-self: baseline;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .flex-col1,
  #FirmProfile .flex-col2 {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #FirmProfile .flex-1row-2col {
    flex-direction: column;
    row-gap: 2rem;
  }
}
#FirmProfile .container--employee__type {
  display: flex;
  column-gap: 2rem;
  margin-bottom: 2rem;
  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: #555555 !important;
}
#FirmProfile .container--employee__type div {
  cursor: pointer;
}
#FirmProfile .container--employee__type div.active {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 0.188rem;
  color: #0B0039;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .pager {
    flex-direction: column;
    row-gap: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  #FirmProfile .pager .page--buttons {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  #FirmProfile .firm--heading {
    flex-direction: column-reverse;
  }
}
#FirmProfile .container--employee__item {
  margin-bottom: 1.875em;
  margin-top: 1.875em;
  padding: 1rem;
  border: 0.25px solid #DDCBA4;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15);
  border-radius: 0.313rem;
}
#FirmProfile select {
  width: 21.375rem;
}
@media only screen and (max-width: 768px) {
  #FirmProfile select {
    width: 100%;
  }
}
#FirmProfile .container {
  width: 100%;
}
#FirmProfile .container .pager {
  display: flex;
  width: 100%;
  justify-content: center;
  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: contents;
  flex: 1;
}
@media only screen and (max-width: 768px) {
  #FirmProfile .container .pager .pager--buttons {
    display: flex;
    margin: 1rem 0;
  }
}
#FirmProfile .container .pager .pager--buttons div#btnPrevious {
  padding-top: 0.5rem;
}
#FirmProfile .container .pager .pager--buttons div#btnNext {
  padding-top: 0.5rem;
}
#FirmProfile .container .pager .pager--buttons .material-icons {
  font-weight: 900;
  font-size: 1.85rem;
}
#FirmProfile .container .pager .pager--buttons i {
  cursor: pointer;
}
#FirmProfile .container .pager .pager--buttons div a {
  display: inline-flex;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #B5B5B5;
  color: #555555;
  text-decoration: none !important;
  margin: 0 1rem;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
}
#FirmProfile .container .pager .pager--buttons div a.active {
  background-color: #0B0039;
  color: #FFFFFF;
  border: none;
}
#FirmProfile .container .pager--viewall {
  flex: 1;
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
}
#EFTPaymentDetails .flex-col,
#YourPaymentDetails .flex-col {
  display: flex;
  flex-direction: row;
  gap: 4em;
}
@media only screen and (max-width: 576px) {
  #EFTPaymentDetails .flex-col,
  #YourPaymentDetails .flex-col {
    flex-direction: column;
    gap: 0em;
  }
}
#EFTPaymentDetails .flex-col .flex-col1,
#YourPaymentDetails .flex-col .flex-col1 {
  width: 44%;
}
@media only screen and (max-width: 576px) {
  #EFTPaymentDetails .flex-col .flex-col1,
  #YourPaymentDetails .flex-col .flex-col1 {
    width: 100%;
  }
}
#EFTPaymentDetails .flex-col .green-text,
#YourPaymentDetails .flex-col .green-text {
  color: #007377 !important;
}
#EFTPaymentDetails .flex-col .span-p,
#YourPaymentDetails .flex-col .span-p {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
#EFTPaymentDetails p,
#YourPaymentDetails p {
  margin: 0 !important;
}
#EFTPaymentDetails .ddl-div,
#YourPaymentDetails .ddl-div {
  width: 328px;
}
@media only screen and (max-width: 576px) {
  #EFTPaymentDetails .ddl-div,
  #YourPaymentDetails .ddl-div {
    width: 100%;
  }
}
#DownloadExamScript .flex-1row-2col {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 2em;
}
#DownloadExamScript .flex-1row-2col .flex-col1 span {
  font-weight: 700;
}
#DownloadExamScript table th {
  padding-left: 0;
  padding-bottom: 0;
  width: 50%;
}
#DownloadExamScript table td {
  padding-bottom: 0;
}
#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: 'Manrope' !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 select {
  max-width: max-content;
}
#FirmLawDirectoryDetails #heading--firmname {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 0.188rem;
}
#FirmLawDirectoryDetails .flex-1row-2col .flex-col1,
#FirmLawDirectoryDetails .flex-1row-2col .flex-col2 {
  width: 40%;
  align-self: baseline;
}
@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 .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: 'Manrope';
  font-weight: 700;
  color: #0B0039;
  font-style: normal;
  line-height: 1.4em;
}
#FirmLawDirectoryDetails .text-group label.caption {
  font-family: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
#FirmLawDirectoryDetails .container--employee__type {
  display: flex;
  column-gap: 2rem;
  margin-bottom: 4rem;
  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: #555555 !important;
}
#FirmLawDirectoryDetails .container--employee__type .div-active {
  cursor: pointer;
}
#FirmLawDirectoryDetails .container--employee__type .div-active.active {
  background: transparent linear-gradient(to top, #8D5C12, #8D5C12) no-repeat 0 bottom;
  padding-top: 0;
  padding-bottom: 1rem;
  background-size: 3.5rem 0.188rem;
  color: #0B0039;
}
#FirmLawDirectoryDetails .container--employee__cards h3 {
  margin-top: 4rem;
  border-bottom: solid 2px #EBEBEB;
}
#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 .modal-content {
  width: 30em;
}
#FailAppealApplication .modal-content p {
  color: #FFFFFF !important;
}
#FailAppealApplication .flex-column {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#TraineeshipFormApplication .page-subheading-blue {
  display: table-cell;
}
#TraineeshipFormApplication span.validation--error {
  margin-top: -1.5rem;
}
#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: 'Manrope' !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  letter-spacing: 0.025em !important;
  line-height: 1.8em !important;
  color: #555555 !important;
}
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--startdate__dateNotValid,
#TraineeshipFormApplication #TraineeshipContract #ppcTrainingContract--startdate__dateIsNotPresent {
  margin-top: 0;
}
#TraineeshipFormApplication #TraineeshipHistory table th {
  padding-left: 0;
  padding-bottom: 1rem;
  padding-right: 1rem;
}
#TraineeshipFormApplication #TraineeshipHistory table tbody tr td {
  color: #555555;
  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;
}
#CertificateOfProposed .cop-question {
  display: flex;
  gap: 2em;
}
#CertificateOfProposed .cop-question div {
  display: flex;
}
#CertificateOfProposed .grid-1row-2col {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
}
#CertificateOfProposed .grid-col1 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}
#CertificateOfProposed .data {
  font-size: 1.2rem;
}