/*  expression tester fix */

.torus-expressioneditor .codeflask textarea,
.codeflask pre {
  line-height: 2;
}
.h-logo {
  background-image: url('/image/bf31e61c-cfe0-4771-8da0-2d45fb4db356?v=639081398230251065');
  height: 180px !important;
  background-repeat: no-repeat;
  background-position: center;
}
#login-logo {
  background-image: url('/image/bf31e61c-cfe0-4771-8da0-2d45fb4db356?v=639081398230251065');
}
:root {
  --brLarge: 0px;
  --brSmall: 0px;
  --primaryColor: #8fd8ff;
  --primaryColorDark: #51b2e5;
  --themeLightBackground: \t\t#F4F2EF;
  --secondaryColor: #ffdf7f;
  --tertiaryColor: #909090;
  --mushroom: #98917F;
  --mobileMenuBackground: #F4F4F4;
  --fontColor: #002B5B;
  --buttonTextColor: #ffffff;
}
/* Flex Summary hidden tiles amendments */

.benefit-selections-container div[ng-if*='returnFlexTradedSelections'] {
  display: none;
}
.benefit-selections-container div[ng-if*='returnGrossSelections'] {
  display: none;
}
.benefit-selections-container div[ng-if*='returnNetSelections'] {
  display: none;
}
.flex-details-primary {
  display: none;
}
/* Flex Summary hidden tiles amendments */

.benefit-selector:has(pre.disable) button[name='ben-enrol-next'] {
  pointer-events: none;
  opacity: 0.25;
}
#total-reward-statements #canvasInnerText {
  height: 500px;
}
#total-reward-statements .btn-primary {
  background-color: var(--primaryColor);
  color: var(--fontColor) !important;
  font-weight: 400 !important;
}
.TRS-table tr td {
  font-weight: 400;
  font-size: 15px;
}
.flex-toggle-buttons {
  background-color: #00000000;
  border: none;
}
/* TRS style amendments */

.TRS-table img {
  display: none;
}
/* TRS style amendments */

.swiper-wrapper div:has(img[src='/file/afb14d6d-0c44-40dd-a2fc-38d323f17184']) {
  display: none;
}
body[id*='benefit-details'] div[ng-show='!selectedOption.passesDependantsCheck'] {
  display: none;
}
div#cookieaccept {
  background-color: var(--secondaryColor);
  border: 1px solid rgba(255, 133, 133, 0.9);
}
div#cookieaccept a {
  color: var(--fontColor);
  font-weight: bold;
}
#benefit-details_2930 .btn-pink {
  display: none;
}
input[type=checkbox] {
  transform: scale(2);
}
.cover-type h6 {
  text-decoration: underline;
}
#saml2auth_e8fd0030-b0d0-40a7-930d-43f3290cb4b6 {
  display: none;
}
/* hide flex pot benefit */

/* #my-benefits benefit-cards:has(a[href='/benefit-details/2962']){display:none;} */

#my-benefits benefit-cards:has(button[aria-label='Go to Flexpot']) {
  display: none;
}
/* hide flex pot benefit */

.total-reward-link {
  background-image: none;
  background-color: var(--fontColor);
}
.page-content {
  border-radius: 0px 0px 0px 0px;
}
.add-link {
  color: var(--fontColor);
}
.basic-link {
  color: var(--fontColor);
}
.anchor-title {
  font-size: 16px;
}
.anchor-link {
  font-size: 13pt;
}
.details-top {
  background-color: var(--fontColor);
  font-size: 14px;
}
.details-top .benefit-status {
  font-size: 14px;
}
.details-top .benefit-status.pending {
  background-color: #FFAA71;
  color: var(--fontColor);
}
.details-top .benefit-status {
  background-color: #E8ED47;
  color: var(--fontColor);
}
.btn-danger {
  color: #ffffff;
  background-color: #DC2626;
}
.btn-danger:hover {
  color: #DC2626;
  background-color: #ffffff;
}
#pages_rar-landing-app .btn-primary:disabled,
.btn-primary.disabled {
  color: var(--tertiaryColor);
  background-color: #ffffff;
  border-color: var(--tertiaryColor);
}
#pages_rar-landing-app .btn-primary {
  color: var(--tertiaryColor);
  background-color: var(--secondaryColor);
  border-color: var(--tertiaryColor);
}
.select-colleague {
  background-color: var(--fontColor);
}
.last-visit span {
  color: var(--primaryColor);
}
/* datepicker table fix */

.datepicker table tr td,
.datepicker table tr th {
  width: 80px;
}
.datepicker-calendar {
  left: 160px !important;
  top: 44px;
  right: -40px;
}
/* datepicker table fix */

/* factfinder fix */

#platformfeedback div[ng-bind-html='userSurvey.openingTextHtmlSafe'] .my-5 {
  display: none !important;
}
#platformfeedback {
  padding-top: 70px;
  padding-left: 100px;
  padding-right: 100px;
}
#platformfeedback .torus-label.form-control-static.col-sm-2 {
  margin-top: -10px;
}
/* factfinder fix - end */

h1,
h2,
h3,
h4,
h5 {
  text-transform: inherit !important;
}
body p,
h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  letter-spacing: 0px;
}
.sum-cont {
  padding-right: 15px;
  font-size: 14pt;
}
.employee-paid-image {
  display: none;
}
.company-paid-image {
  display: none;
}
.gender-icon {
  display: none;
}
/*ticket https://support.myworkpal.co.uk/a/tickets/17629 */

body[id*='benefit-details'] .small-container {
  max-width: 1200px;
}
/*  Ticket https://support.myworkpal.co.uk/a/tickets/17626 */

@media (max-width: 480px) {
  .form-login {
    height: 100vh;
  }
}
/* ANDY */

section.Hero {
  background-size: contain !important;
}
/* ANDY */

@media (max-width: 992px) {
  .page-content {
    height: fit-content;
  }
  /* ticket https://support.myworkpal.co.uk/a/tickets/17565 */
  
  .Hero {
    padding: 0px 0px;
  }
  .hero-tag {
    border-radius: 0px 0px 0px 0px;
  }
}
/* https://support.myworkpal.co.uk/a/tickets/17575 */

.select2-results .select2-highlighted {
  background-color: var(--primaryColor);
}
.h-notification {
  display: none;
}
#representing-message {
  display: none;
}
div[ng-show*='checkForEnrolledSelections'] .mt-5 {
  padding-bottom: 6px;
}
section.Hero {
  background-size: unset;
}
#carouselHome .benefit-message {
  background-color: #ffa3c8;
  left: -15px;
}
#carouselHome .benefit-message h4 {
  color: var(--fontColor);
}
/* Dan's CSS Override work */

.benefitshort:hover .benefitshort-cont {
  background-color: #ffffff;
  color: var(--fontColor);
}
:root {
  --brLarge: 0px;
  --brSmall: 0px;
  --primaryColor: #8fd8ff;
  --primaryColorDark: #51b2e5;
  --themeLightBackground: #F4F4F4;
  --secondaryColor: #ffdf7f;
  --tertiaryColor: #909090;
  --mushroom: #98917F;
  --mobileMenuBackground: #ebebeb;
  --fontColor: #002B5B;
  --buttonTextColor: #ffffff;
}
.benefit-slide {
  background-color: var(--themeLightBackground);
}
.h-btn span,
.h-btn-logout span {
  color: var(--fontColor);
}
.menu-item {
  color: #ffffff;
}
.menu-item span {
  color: #ffffff;
}
.menu-item span:hover {
  color: var(--fontColor);
}
#header {
  background-color: var(--fontColor);
}
.main-nav .menu-item:hover,
.main-nav .menu-item.active {
  background-color: var(--primaryColorDark);
  color: #ffffff;
}
.main-nav .menu-item:hover span {
  color: #002b5b;
}
.main-nav .menu-item:hover {
  color: #ffffff;
}
.hide-prompt {
  background-color: var(--fontColor);
}
.hide-prompt p {
  color: var(--themeLightBackground);
}
.pending .benefit-card-tag {
  background-color: #fcab72;
  color: var(--fontColor);
}
.benefit-card-tag {
  background-color: #ffa4c8;
  color: var(--fontColor);
  font-size: 12pt;
}
.hero-pagination a {
  color: var(--fontColor);
}
.active .benefit-card-tag {
  background-color: #E8ED47 !important;
  color: var(--fontColor);
}
.closed .benefit-card-tag {
  background-color: #EBEBEB;
}
.benefit-card.active {
  background-color: var(--primaryColor);
}
.benefit-card.active h5 {
  color: var(--fontColor);
}
.benefit-card.active p,
.benefit-card.active p * {
  color: var(--fontColor) ! important;
}
.benefit-card.active .simple-link,
.benefit-card.active .simple-link > * {
  color: var(--fontColor) ! important;
}
.simple-link,
.simple-link > * {
  color: var(--fontColor);
}
.benefit-card.active .simple-link:after {
  background-image: url(/themes/isio-two/Assets/images/icons/right-arrow-secondary.svg) !important;
}
.h-logo {
  width: 200px;
}
.h-btn {
  background-color: var(--primaryColor);
  color: var(--fontColor);
  font-size: 14pt;
}
.header-bottom .h-btn:hover {
  background-color: var(--primaryColorDark);
  color: var(--fontColor);
  font-size: 14pt;
  opacity: 1;
}
.h-btn-logout {
  background-color: var(--primaryColor);
  color: var(--fontColor);
  font-size: 14pt;
}
.header-bottom .h-btn-logout:hover {
  background-color: var(--primaryColorDark);
  color: var(--fontColor);
  font-size: 14pt;
  opacity: 1;
}
.hh-notifications h4 {
  font-size: 14pt;
}
.anchor-links {
  background-color: var(--primaryColor);
}
.anchor-link {
  color: var(--fontColor);
  text-transform: none;
  text-decoration: underline;
}
.company-benefit-box-cont {
  background-color: var(--fontColor);
}
.benefitshort,
.benefitshort:hover {
  background-size: cover;
}
.benefitshort-cont {
  background-color: var(--fontColor);
  color: #ffffff;
}
#footer a {
  color: var(--fontColor);
  font-size: 12pt;
}
.sum-cont span {
  color: var(--fontColor);
}
.sum-cont {
  color: var(--fontColor);
}
.benefitshort-cont h6 {
  color: #ffffff;
}
.flex-summary {
  width: 100%;
  max-width: 100%;
}
.FlexSummaryTopBarContainer {
  background-color: var(--fontColor);
}
a,
p,
body {
  font-size: 12pt;
  font-family: 'Trebuchet MS';
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Trebuchet MS';
}
span,
div {
  font-size: 16pt;
  font-family: 'Trebuchet MS';
}
.fa {
  color: #fff;
}
.h-username {
  color: #ffffff;
  font-size: 14pt;
}
body h5 {
  font-size: 16pt;
}
.hide-prompt p {
  font-size: 12pt;
}
.menu-item {
  font-size: 13pt;
}
.swiper-button-next,
.swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 55%);
}
.accordion .accordion-button {
  color: var(--fontColor);
  font-size: 14pt;
}
#pages_financialwellbeing .btn-primary {
  background-color: var(--primaryColor);
  color: var(--fontColor);
}
#pages_financialwellbeing .btn-primary:hover {
  background-color: var(--primaryColorDark);
  color: var(--fontColor);
}
#total-reward-statements .btn-primary {
  background-color: var(--primaryColor);
  color: var(--fontColor);
}
#total-reward-statements .btn-primary:hover {
  background-color: var(--primaryColorDark);
  color: var(--fontColor);
}
#pages_lifestyle .btn-primary {
  background-color: var(--primaryColor);
  color: var(--fontColor);
}
#pages_lifestyle .btn-primary:hover {
  background-color: var(--primaryColorDark);
  color: var(--fontColor);
}
#pages_mentalwellbeing .btn-primary {
  background-color: var(--primaryColor);
  color: var(--fontColor);
}
#pages_mentalwellbeing .btn-primary:hover {
  background-color: var(--primaryColorDark);
  color: var(--fontColor);
}
#pages_physicalwellbeing .btn-primary {
  background-color: var(--primaryColor);
  color: var(--fontColor);
}
#pages_physicalwellbeing .btn-primary:hover {
  background-color: var(--primaryColorDark);
  color: var(--fontColor);
}
#carouselWorkplace .carousel-item .carouselText {
  border-radius: 40px;
}
.flex-description {
  font-size: 12pt;
}
.flex-details h5 {
  margin-bottom: 3px;
}
.login-btns-cont {
  padding: 5px;
}
.benefit-selector {
  border-radius: 50px 50px 0px 0px;
}
#total-reward-statements .wellbeing-benefit-box {
  width: 80%;
  padding-left: 5%;
  padding-right: 5%;
}
#total-reward-statements .company-benefit-img {
  max-height: 300px !important;
}
#total-reward-statements .wellbeing-benefit-box img {
  max-height: 300px !important;
}
#total-reward-statements .company-benefit-box-cont h3,
#total-reward-statements .company-benefit-box-cont p,
#total-reward-statements .company-benefit-box-cont ol,
#total-reward-statements .company-benefit-box-cont ul,
#total-reward-statements .company-benefit-box-cont li {
  color: #fff;
}
#total-reward-statements .company-benefit-box-cont h3,
#total-reward-statements .company-benefit-box-cont a {
  color: #fff;
  font-weight: 700;
}
.anchor-links {
  margin-bottom: 30px;
}
#exLoginList {
  justify-content: center;
  display: flex;
  margin-top: 10px;
}
#exLoginList .btn-primary {
  padding: 20px 25px;
  font-size: 13pt;
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
  color: var(--fontColor);
}
#exLoginList .btn-primary:hover {
  color: var(--fontColor);
  background-color: var(--primaryColorDark);
  border-color: var(--primaryColorDark);
}
.lp-top {
  background-color: var(--fontColor);
}
#login-logo {
  background-image: url('/file/1db79ead-b26f-4fb0-8ac0-42e52d16d087');
  width: 200px;
  height: 100px;
}
#btnlogin > span:nth-child(2) {
  color: #ffffff !important;
}
#btnlogin:hover > span:nth-child(2) {
  color: var(--fontColor) !important;
}
.h-btn-logout img {
  margin-left: 0px;
}
#header > header.header-dt > div.header-top > div > .fa {
  color: #ffffff;
}
#header {
  width: 250px;
}
.header-dt {
  /* position: sticky; */
  top: 0px;
  padding: 24px 5px;
}
.btn-success {
  color: #fff;
  background-color: var(--fontColor);
  border-color: var(--fontColor);
}
.cancel-link {
  color: var(--fontColor);
  font-size: 14px;
}
.fa {
  color: #ffffff;
}
#clientdashboard body h4 {
  font-size: 24pt !important;
}
.btn-danger {
  border-radius: 40px;
}
#account_beneficiaries #ngview {
  max-width: 1320px;
}
.benDlForm {
  margin-bottom: 20px !important;
}
#beneficiariesdetails > div > div.beneficiary-items.ng-scope > div.beneficiary-sub-items.mb-3 > div.text-right.beneficiary-buttons > button.btn.btn-primary {
  margin-right: 10px;
}
.flex-details-green h5,
.flex-details-green p {
  color: var(--fontColor);
}
.flex-details-green .benefit-list {
  border-bottom: 1px solid var(--fontColor);
}
.flex-details-primary h5,
.flex-details-primary p {
  color: var(--fontColor);
}
.flex-details-primary .benefit-list {
  border-bottom: 1px solid #ffffff;
}
.flex-details-primary {
  background-color: var(--primaryColor);
}
.btn-primary {
  background-color: var(--fontColor);
  color: #ffffff;
  border-color: var(--fontColor);
  font-size: 14px;
}
.btn-primary:hover {
  background-color: #ffffff;
  color: var(--fontColor);
  border-color: var(--fontColor);
}
.fa-eye-slash:before {
  color: var(--fontColor);
}
#my-benefits .fa-eye-slash:before {
  color: #ffffff;
}
.fa-eye-slash {
  color: var(--primaryColor) !important;
}
.cover-type {
  background-color: var(--primaryColor);
}
.hero-tag.green {
  background-color: #059669;
  color: #fff;
}
.noti-box:hover {
  background-color: var(--fontColor);
}
.btn-pink {
  background-color: var(--fontColor);
  color: #ffffff;
  border-color: var(--fontColor);
  font-size: 14px;
}
.btn-pink:hover {
  background-color: #ffffff;
  color: var(--fontColor);
  border-color: var(--fontColor);
}
.h-logo {
  width: 200px;
}
.rewards-box {
  background-color: var(--fontColor);
}
#pages_rar-landing-app h5 {
  color: #ffffff;
}
#pages_rar-landing-app .btn-primary {
  color: var(--fontColor);
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
.toggle-slider {
  background-color: var(--primaryColorDark);
}
li {
  font-size: 12pt;
}
.accordion .accordion-body {
  font-size: 12pt;
}
.benefitshort {
  height: 275px;
}
.fa-eye {
  color: #002b5b;
}
/* Midnight Lizard Benefit status fix */

.benefit-card-img img {
  filter: none !important;
}
/* Midnight Lizard Benefit status fix */

.btn-primary {
  text-transform: none;
}
input[type='password'] {
  text-transform: none;
}
.main-nav .menu-item.active span {
  color: #002b5b;
}