/*-------------------------------------------------------- log in page ---------------------------------------------------------------*/

div#container.loginpage .fa-sign-in:before {
  color: #ffffff;
}
/*---------------------------- to change colour of the background \"medium password strength\" on the password warning when logging in---------------------------------------------*/

div#container.loginpage .label-warning {
  background-color: #d2d2d4;
}
/*---------------------------------------------------------- page titles ---------------------------------------------------------------*/

#pageTitle h2,
.benefit-page-title {
  color: #555555 !important;
}
/*------------------------------------------------------ dropdown menu background highlight colour ----------------*/

.select2-results .select2-highlighted {
  background-color: #545454;
  color: #ffffff;
}
/*-------------------------------------------------------------------- for logo box on dashboards ---------------------------------------------------------*/

#FGV2-dashboard-logo-effect {
  background-image: url('/image/aa73e985-d467-4335-b79a-9800e01531b5?v=638754750772462453');
  background-repeat: no-repeat;
  height: 300px;
  background-position: center center;
  background-size: contain;
}
#sidebar {
  background-image: linear-gradient(to bottom, #C6382D, #9F2C26);
}
#side-buttons button:hover {
  background-color: #EBAC3A;
}
.sidebar-image {
  background-image: url('/image/8f81e1ad-39a2-43c6-9f78-9af7057b361c?v=638754750772462453');
  height: 50px !important;
}
#FGLogo {
  height: 50px !important;
}
/*---------------------------------------------------------------- for icon colouring--------------------------------------------------------------------------------*/

svg path.cls-2,
svg path.cls-1,
svg polygon.cls-1,
svg polygon.cls-2,
svg rect.cls-1,
svg rect.cls-2,
svg .cls-3,
svg .cls-4 {
  fill: #555555;
  stroke: #555555;
}
svg path {
  fill: #555555;
}
#sidebar svg path.cls-2,
#sidebar svg path.cls-1 {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
body#account_documents_.ng-scope .fgv2-icon svg path,
form#beneficiariesdetails .fa-check:before,
form#beneficiariesdetails .fa-trash-o:before,
body#account_beneficiaries_.ng-scope .fa-plus:before,
body#account_emergencycontacts_.ng-scope .fa-trash-o:before,
body#account_emergencycontacts_.ng-scope .fa-plus:before,
form#emergencycontactdetails .fa-check-circle:before,
form#dependantdetails .fa-calendar:before,
body#account_profile_ .fa-calendar:before,
body#my-benefits_summary.ng-scope .d-flex.justify-content-center svg path {
  fill: #ffffff;
  color: #ffffff;
}
/*--------------------------------------------------------- documents -------------------------------------------------------------------------------------------------*/

body#account_documents_.ng-scope .fgv2-icon rect {
  fill: #545454;
}
body#account_documents_.ng-scope .fgv2-icon rect:hover {
  fill: #EBAC3A;
}
.fa-facebook-square:before {
  color: #3b5998;
}
.fa-google-plus-square:before {
  color: #df4a32;
}
.benefit-groups svg {
  width: 40px;
  height: 40px;
}
div.group-header.clearfix svg {
  width: 60px;
  height: 60px;
}
/*---------------------------------------------------------------icon size on sidebar -----------------------------------------------------------------------*/

.sidebar-menu-icon {
  width: 30px;
  margin-right: 10px;
}
.sidebar-menu-icon:hover {
  width: 30px;
  margin-right: 10px;
}
.sidebar-menu-icon {
  min-width: 10px;
}
/*-------------------------------------------------------------------- icon size on accounts page ---------------------------------------------*/

body#account_manage.ng-scope i.fa,
body#account_manage_.ng-scope i.fa {
  font-size: 40px;
}
/*-------------------------- text on linked accounts page ---------------------------------------*/

body#account_manage_.ng-scope .panel button.btn.btn-default .ng-binding {
  color: #ffffff;
}
/*-----------------------------------------------------------------colour of wording on sidebar -----------------------------------------------------------------------*/

#side-buttons button {
  color: #ffffff;
}
/*--------------------------------------------------------------------active colour on sidebar -----------------------------------------------------------------------------*/

button.active {
  background-color: #292F33 !important;
}
.list-group-item + .list-group-item.active {
  border-color: #292F33 !important;
}
#topbuttons > div:nth-child(2) > torus-image > ng-bind-html > svg {
  height: 19px;
  width: 19px;
}
/*----------------------------------------------------------------------------------benefits dashboard ---------------------------------------------------------------------*/

/*---------------------------------------------------------------------------benefit name colours -------------------------------------------------------------------------*/

.benefit-groups .group-item .group-item-text {
  color: #555555;
}
.group-item.ng-scope:hover > .group-item-text {
  color: #555555;
}
/*------------------------------------------------------------------------------- benefits pages -----------------------------------------------------------------------------*/

.col-sm-12 .text-danger .ng-binding,
p.col-sm-12.text-danger.ng-binding,
p.col-sm-12.text-danger.ng-binding a {
  color: #a02e24 !important;
}
#benefit-details.ng-scope h1,
#benefit-details.ng-scope h2,
#benefit-details.ng-scope h3,
#benefit-details.ng-scope h4,
#benefit-details.ng-scope h5,
#benefit-details.ng-scope h6 {
  color: #000000;
}
body#benefit-details.ng-scope .fa-plus:before,
body#benefit-details.ng-scope .fa-minus:before {
  color: #ffffff;
}
body#benefit-details.ng-scope .btn-primary {
  color: #ffffff !important;
}
body#benefit-details.ng-scope .btn-primary:hover {
  color: #ffffff !important;
}
#benefit-details.ng-scope .text-primary {
  color: #545454 !important;
}
#benefit-details.ng-scope .text-info {
  color: #000000 !important;
}
.stageHeader,
.stageContent {
  background-color: #DDDDDD;
  color: #000000;
}
/*------------------------------------------- benefit dash and pages links --------------------------------------------------*/

body#benefit-details.ng-scope .row .ng-isolate-scope a:hover,
body#benefit-details.ng-scope .row .ng-isolate-scope a strong:hover {
  color: #a02e24;
}
body#my-benefits_summary.ng-scope .text-success:hover {
  color: #a02e24 !important;
}
body#benefit-details.ng-scope .row .ng-isolate-scope a,
body#benefit-details.ng-scope .row .ng-isolate-scope a strong {
  color: #000000;
}
body#my-benefits_summary.ng-scope .text-success {
  color: #000000 !important;
}
/*-----------------------------------------------------------------------confirmation text on benefit wording pages -------------------------*/

.text-warning {
  color: #545454 !important;
}
/*-------------------------------------- benefit-links -----------------------------------------------------*/

/*-------------------------------------------------------------------------------flex statement ---------------------------------------------------------------------------------*/

body#my-benefits_flexstatement.ng-scope .text-right {
  color: #555555;
}
body#my-benefits_flexstatement.ng-scope .flex-row.col-sm-4.col-xs-12 {
  color: #555555;
}
body#my-benefits_flexstatement.ng-scope .benefit-name > .pointer {
  color: #555555;
}
.flex-header,
body#my-benefits_flexstatement.ng-scope .flex-header .text-right {
  background-color: #5bc0de;
  color: #ffffff;
}
/*--------------------------------------------------------my summary page --------------------------------------------------------------------------*/

/*
body#my-benefits_summary.ng-scope .me-2 {
width: 40px;
}
*/

i.fa {
  color: #555555 !important;
}
#topbuttons a {
  color: #555555;
}
#topbuttons fa {
  color: #555555;
}
#topbuttons svg path {
  fill: #555555;
}
#NavBarItems .card {
  background-color: #9F2C26;
  color: #ffffff;
}
#FGLogoMobile .card {
  background-color: #9F2C26;
}
#TopBarItems .card {
  background-color: #ffffff;
}
#TopBarItems a {
  color: #555555;
}
.bar1,
.bar2,
.bar3 {
  background-color: #9F2C26;
}
#Footer a {
  color: #555555;
}
.options-bar {
  border-bottom: solid 1px #555555;
}
.options-nav-button a {
  color: #555555;
}
.options-nav-button.selected {
  border-bottom: solid 2px #555555;
}
.options-nav-button.selected a {
  color: #a02e24;
}
.benefits-nav-button.selected {
  background-color: #555555;
  color: #DDDDDD;
}
.benefits-nav-button.selected a {
  color: #DDDDDD !important;
}
.benefits-nav-button a {
  color: #555555 !important;
}
#BenefitsButtons {
  border-bottom: solid 1px #555555;
}
.benefit-groups .group-item {
  background-color: #ffffff !important;
}
.benefit-groups .group-item:hover {
  background-color: #ffffff !important;
}
.flex-row {
  background-color: #DDDDDD;
}
#KeyContainer {
  border: 1px #555555 solid;
}
.fa.core-benefit {
  color: darkgray !important;
}
.fa.window-open {
  color: #5bc0de !important;
}
.fa.benefit-anytime {
  color: #5bc0de !important;
}
.fa.window-closed {
  color: #C6382D !important;
}
.account-options {
  border-bottom: #555555 1px solid;
}
hr {
  color: #555555;
}
.well,
.panel,
.benefit-groups .group {
  background-color: #DDDDDD;
  color: #000000;
}
.panel span.ng-binding,
.panel small.ng-binding,
.panel button.btn.btn-default {
  color: #000000;
}
.rar-container .well,
.rar-container .panel {
  background-color: #000000 !important;
  color: #e9f6f8;
}
.rar-container .rar-points-box {
  background-color: #e9f6f8 !important;
  color: #000000;
}
.application-icon {
  background-image: url('/image/aa73e985-d467-4335-b79a-9800e01531b5?v=638754750772462453');
  height: 45px !important;
}
.trsDataTableWrap thead th,
.trsDataTableWrap tfoot th {
  background-color: #C6382D;
  color: #ffffff;
}
.trsDataTableWrap tbody td.classification {
  background-color: #DDDDDD;
  color: #555555;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #bababa;
}
.has-warning .form-control {
  border-color: #bababa;
}
.has-warning .input-group-addon {
  color: #bababa;
  border-color: #bababa;
  background-color: #ffebcc;
}
.has-warning .form-control-feedback {
  color: #bababa;
}
/*------------------------------------------------------------------ brand primary colours --------------------------------------------------------------------------------*/

.btn-primary,
.summary-benefit-view-btn,
.library-navigation-item,
.libraryitem-navigation-item {
  color: #ffffff;
  background-color: #545454;
  border-color: #555555;
}
.pagination-sm li {
  border: #555555 1px solid;
}
.pagination-sm li.active,
.pagination-sm li:hover {
  background-color: #EBAC3A;
  color: #ffffff;
}
.summary-benefit-view-btn:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.library-navigation-item,
.libraryitem-navigation-item,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #EBAC3A;
  border-color: #555555;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #545454;
  border-color: #EBAC3A;
}
.btn-primary .badge {
  color: #545454;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #1d598d;
  border-color: #555555;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #1d598d;
  border-color: #555555;
}
.btn-success .badge {
  color: #1d598d;
  background-color: #ffffff;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #a02e24;
  border-color: #d43f3a;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #a02e24;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #a02e24;
  background-color: #ffffff;
}
.label-success {
  background-color: #1d598d;
}
.label-danger {
  background-color: #a02e24;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #545454;
  background-color: #ffffff;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #545454;
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #545454;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar-success {
  background-color: #1d598d;
}
.progress-bar-danger {
  background-color: #a02e24;
}
/*------------------------------------------------------------------------------checkpoint----------------------------------------------------------*/

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #545454;
  border-color: #545454;
}
.list-group-item-warning {
  color: #bababa;
  background-color: #ffebcc;
}
a.list-group-item-warning {
  color: #bababa;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #bababa;
  background-color: #ffe0b3;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #bababa;
  border-color: #bababa;
}
.panel-primary {
  border-color: #545454;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #545454;
  border-color: #545454;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #545454;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #545454;
}
.panel-warning > .panel-heading {
  color: #545454;
  background-color: #bababa;
}
.has-switch:focus {
  border-color: #555555;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
  background-color: #555555;
  background-image: -moz-linear-gradient(top, #555555, #555555);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#555555));
  background-image: -webkit-linear-gradient(top, #555555, #555555);
  background-image: -o-linear-gradient(top, #555555, #555555);
  background-image: linear-gradient(to bottom, #555555, #555555);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary-border-colour', endColorstr='@brand-primary-border-colour', GradientType=0);
  border-color: #555555 #555555 #555555;
}
/* ------------------------------------------------- change colour of border line under TRS total value ---------------------------------------*/

.trsDataTableWrap tfoot th:first-child,
.trsDataTableWrap tfoot th:last-child {
  border-bottom: #fff solid 1px !important;
}
/*--------------------------------------------------company logo alignment ---------------------------------------------------------------------------*/

#CompanyLogo {
  margin-left: 3px;
  margin-bottom: 10px;
}
/*---------------------------------------------------------- R&R -------------------------------------------------------------------------------------------*/

body#reward-and-recognition_reward_nominate.ng-scope div#container div#content img.test {
  display: block;
  max-width: 100%;
  height: auto;
}
body#reward-and-recognition_reward_nominate.ng-scope div#container div#content img {
  display: block;
  max-width: 100%;
  height: auto;
}
body#reward-and-recognition.ng-scope .btn:focus {
  box-shadow: none;
}
body#reward-and-recognition.ng-scope .rar-points-box svg path,
body#reward-and-recognition.ng-scope #PageContent > div.rar-container.ng-scope > div > div.mt-5.d-flex.align-items-center svg path,
body#reward-and-recognition.ng-scope .fa-trophy:before {
  fill: #555555;
  stroke: #555555;
  color: #555555;
}
body#reward-and-recognition.ng-scope p.text-success.ng-binding.ng-scope,
body#reward-and-recognition.ng-scope i.fa {
  color: #1d598d !important;
}
/*--------------------------------------------------- mobile burger position ---------------------------------------------------*/

#mobileNavBar > a {
  width: 100%;
}
/*----------------------------------------- keep me logged in button position -----------------------------------------------*/

div#container.loginpage .checkbox {
  margin-top: 20px;
}
/*---------------------------------------- buttons on beneficiary page ---------------------------------------------------------*/

form#beneficiariesdetails button.btn.btn-sm.btn-primary {
  width: 250px;
}
form#beneficiariesdetails button.btn.btn-danger {
  width: 120px;
}
/*-------------------------------------- edit button on agreements pages -------------------------------------------------*/

body#benefit-details.ng-scope .stageHeader a {
  color: #EBAC3A;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- HR-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------------------- holidays & absence ---------------------------------------------*/

body#holidays-and-absence_calendar.ng-scope .fc button {
  font-size: 1.5em;
}
body#holidays-and-absence_calendar.ng-scope ul#ulHolidaysAndAbsence.nav.nav-tabs.padding-12.tab-color-blue.background-blue li {
  padding: 10px;
  background-color: #545454;
  color: #ffffff;
  border: 1px solid white;
  border-radius: 10px 10px 0 0;
  margin: 5px;
}
/*
body#holidays-and-absence_calendar.ng-scope #ngview > div > div > div > div:nth-child(3) > div.col-sm-5.ng-scope > div:nth-child(5)  .pointer{
color: black!important;
padding: 0px!important;
margin: 0px!important;
}
*/

body#holidays-and-absence_calendar.ng-scope .active {
  background-color: #EBAC3A !important;
}
#tableHolidaysAndAbsenceWrap {
  width: 95% !important;
}
body#holidays-and-absence_calendar.ng-scope .fa-calendar:before,
body#holidays-and-absence_calendar.ng-scope .fa-check-circle:before,
body#holidays-and-absence_calendar.ng-scope .fa-times-circle:before,
body#holidays-and-absence_calendar.ng-scope .fa-chevron-circle-left:before {
  color: #ffffff;
}
body#holidays-and-absence_calendar.ng-scope #submitcalendar:hover,
body#holidays-and-absence_calendar.ng-scope a#updatecalendar:hover {
  background-color: #EBAC3A;
  color: #ffffff;
}
body#holidays-and-absence_calendar.ng-scope .select2-highlighted {
  background-color: #545454;
  color: #ffffff;
}
body#holidays-and-absence_calendar.ng-scope .fa-trash-o:before {
  color: #555555;
}
body#holidays-and-absence_calendar.ng-scope a.pointer p {
  color: #000000;
}
body#holidays-and-absence_calendar.ng-scope a.pointer p:hover {
  color: #a02e24;
}
div#tableHolidaysAndAbsenceWrap.col-xs-12 .selected {
  background-color: #545454;
  color: #ffffff;
}
/*------------------------------------- absence ----------------------------------------------------------------*/

body#sickness-recording_employee.ng-scope .fa-pencil:before,
body#sickness-recording_employee.ng-scope .fa-eye:before {
  color: #ffffff;
}
/*-------------------------------------expenses ------------------------------------------------------------*/

body#expenses-management.ng-scope li {
  padding: 1%;
  background-color: #545454;
  border: 1px solid white;
  border-radius: 10px 10px 0 0;
}
body#expenses-management.ng-scope .select2-results li,
body#expenses-management.ng-scope .select2-drop-active {
  brder-radius: 0;
  border: none;
  background-color: #545454;
}
body#expenses-management.ng-scope .active {
  background-color: #EBAC3A !important;
}
body#expenses-management.ng-scope .active span.badge.ng-binding {
  background-color: #EBAC3A;
  color: #ffffff;
}
body#expenses-management.ng-scope li.pointer {
  color: #ffffff !important;
}
body#expenses-management.ng-scope .pointer {
  color: #ffffff !important;
}
body#expenses-management.ng-scope .pagination {
  margin-right: 30px;
}
body#expenses-management.ng-scope .pagination-sm li a {
  color: #ffffff !important;
}
body#expenses-management.ng-scope .table-responsive {
  width: 95%;
  overflow-x: hidden;
}
body#expenses-management.ng-scope form#claimdetails .fa-chevron-right:before,
body#expenses-management.ng-scope .fa-plus:before,
body#expenses-management.ng-scope form#claimdetails #btnClaimSave .fa-check-circle:before,
body#expenses-management.ng-scope form#claimdetails .fa-send-o:before,
body#expenses-management.ng-scope .fa-calendar:before,
body#expenses-management.ng-scope .fa-trash-o:before {
  color: #ffffff;
}
body#expenses-management.ng-scope div.panel-heading.pointer {
  color: #212529 !important;
}
body#expenses-management.ng-scope .panel.panel-default .panel-body .ng-binding.ng-scope {
  background-color: #DDDDDD;
  border: none;
}
body#expenses-management_team_requiring-approval .pagination-sm li {
  padding: 1%;
  background-color: #545454;
  color: #ffffff;
  border: 1px solid white;
  border-radius: 10px 10px 0 0;
}
body#expenses-management_team_requiring-approval li {
  padding: 10px;
  background-color: #545454;
  color: #ffffff;
  border: 1px solid white;
  border-radius: 10px 10px 0 0;
  margin: 5px;
}
body#expenses-management_team_requiring-approval li a.pointer {
  color: #ffffff;
}
body#expenses-management_team_requiring-approval li.active {
  padding: 10px;
  background-color: #EBAC3A;
  color: #ffffff;
  border: 1px solid white;
  border-radius: 10px 10px 0 0;
  margin: 5px;
}
body#expenses-management_team_requiring-approval .pagination-sm li a {
  color: #ffffff;
}
body#expenses-management_team_requiring-approval .table-responsive {
  width: 95%;
}
body#expenses-management_team_requiring-approval .table-responsive .fa-pull-right,
.pull-right {
  margin-right: 30px;
}
body#expenses-management_team_requiring-approval li.ng-binding.ng-scope {
  background-color: #DDDDDD;
  color: #212529;
  border: none;
}
body#expenses-management_team_requiring-approval .btn-primary .fa-thumbs-o-up:before,
body#expenses-management_team_requiring-approval .btn-danger .fa-thumbs-o-down:before,
body#expenses-management_team_requiring-approval .btn.btn-primary.pointer .fa-check:before,
body#expenses-management_team_requiring-approval .btn.btn-danger.pointer .fa-times:before {
  color: #ffffff;
}
/*---------------------------------------------------------------- Tasks-----------------------------------------------------------------------------------*/

input[type=checkbox]:checked {
  appearance: checkbox;
}
/*---------------------------------------------------------library--------------------------------------------------------------------------------------------*/

body#tenantlibrary_companyinformation.ng-scope li.pointer.libraryitem-navigation-item.ng-scope {
  background-color: #545454;
  color: #ffffff;
}
body#tenantlibrary_companyinformation.ng-scope li.pointer.libraryitem-navigation-item.ng-scope:hover {
  background-color: #EBAC3A;
  color: #ffffff;
}
body#tenantlibrary_companyinformation.ng-scope li.pointer.libraryitem-navigation-item.ng-scope .fa-caret-right:before {
  color: #ffffff;
}
/*---------------------------------------------------------- account messaging ------------------------------------------------------------*/

body#account_messaging.ng-scope .fa-check:before,
body#account_messaging.ng-scope .fa-plus:before,
body#account_messaging.ng-scope .fa-envelope-o:before {
  color: #ffffff;
}
/*--------------------------------------------------------sickness ---------------------------------------------------------------------------------*/

button#btnRecordSaveChanges .fa-check-circle:before,
button#btnRecordUpdateChanges .fa-check-circle:before,
button#btnRecordDelete .fa-trash:before {
  color: #ffffff;
}
.fil-tabswitch .active {
  background-color: #545454;
  color: #ffffff;
}
.fil-tabswitch .active:hover {
  color: #ffffff;
}
body#sickness-recording_team_outstandingrequests .fa-pencil:before,
body#sickness-recording_team_outstandingrequests .fa-eye:before,
body#sickness-recording_team_outstandingrequests .fa-question:before,
body#sickness-recording_team_outstandingrequests .fa-check-circle:before {
  color: #ffffff;
}
/*----------------------------------------------------------- personal development ----------------------------------------------------------------------------------------*/

#ngview > div > div > div.col-sm-12 > div > div > div > ul a.pointer {
  padding: 10px;
  background-color: #545454;
  border-radius: 10px 10px 0 0;
  margin: 5px 5px;
  color: #ffffff;
}
#ngview > div > div > div.col-sm-12 > div > div > div > ul li.active a.pointer {
  background-color: #EBAC3A;
  color: #ffffff;
}
body#personal-development .btn-primary.disabled:hover {
  background-color: #EBAC3A;
  color: #ffffff;
}
body#personal-development i.fa:before,
#ngview > div > div > div:nth-child(2) > button.btn.btn-primary.ng-scope > i.fa:before,
body#personal-development_my-training.ng-scope i.fa:before,
#ngview > div > div > div.col-sm-12 > div > div > div > div.ng-scope > div > div:nth-child(1) > div > div.col-sm-3 > span > button.btn.btn-sm.btn-danger > i.fa-times:before {
  color: #ffffff !important;
}
body#personal-development_my-training.ng-scope .fa-plus:before,
body#personal-development_my-training.ng-scope .fa-times:before {
  color: #545454 !important;
}
body#personal-development_my-training.ng-scope a.pointer {
  padding: 10px;
  background-color: #545454;
  border-radius: 10px 10px 0 0;
  margin: 5px 5px;
  color: #ffffff;
}
body#personal-development_my-training.ng-scope li.active a.pointer {
  background-color: #EBAC3A;
  color: #ffffff;
}
body#personal-development_my-training.ng-scope ul.nav.nav-pills {
  margin-top: 30px;
}
/*-------------------------------------- beneficiaries page -----------------------------*/

#beneficiariesdetails > div > table > tbody > tr:nth-child(6) > td > div > span {
  color: #000000;
}
/*------------------------------removal of login username and password----------------------------------------------*/

.form-login {
  display: none;
}
/*
body#pages_fgv2-dashboard.ng-scope div#container div#content #pageTitle {
display:none;
}
*/

body#pages_fgv2-dashboard.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div#pageTitle h2.page-header-title.ng-binding {
  display: none;
}
body#pages_fgv2-dashboard.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div#pageTitle.mt-1.mb-1.ng-scope {
  display: none;
}
body#pages_fgv2-dashboard2.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div#pageTitle h2.page-header-title.ng-binding {
  display: none;
}
body#pages_fgv2-dashboard2.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div#pageTitle.mt-1.mb-1.ng-scope {
  display: none;
}
.benefit-page-title {
  border-bottom: #555555 solid 1px;
}
/*------------ to change the icon border width -----------------------------------*/

.cls-1 {
  stroke-width: 0 !important;
}
.redeem-options {
  background-color: white !important;
  color: black !important;
}
/* removed by Hal 120924
body #sidebar:after {
content: 'Innserve Benefits';
font-size: 3.0rem;
font-weight: bold;
color: #fff;
writing-mode: tb-rl;
margin-top: 473px;
margin-left: 75px;
transform: rotate(-180deg) translateX(-100%);
display: inline-block;
transform-origin: top left;
}
*/

div.groups.benefit-groups.my-5.p-0.ng-scope > div:nth-child(1) {
  background-color: #799566;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
div.groups.benefit-groups.my-5.p-0.ng-scope > div:nth-child(2) {
  background-color: #387593;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
div.groups.benefit-groups.my-5.p-0.ng-scope > div:nth-child(3) {
  background-color: #EBAC3A;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
div.groups.benefit-groups.my-5.p-0.ng-scope > div:nth-child(4) {
  background-color: #C6382D;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
/*
span.group-title.ng-binding {
    color: #fff;
}
*/

div#side-buttons {
  margin-top: 100px !important;
}
.sidebar-image {
  height: 140px !important;
}
.text-warning {
  color: #1d598d !important;
}
div#topbar {
  margin-bottom: 2%;
}
/*------------ to change the colour border colours on buttons and lines on TRS -----------------------------------*/

div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div#viewContainer.row div.col-sm-12 div div div div.row.mt-5 div.col-md-7.col-sm-12.col-xs-12 div.row div.trsDataTableWrap div.table-responsive table#tblTrsData.table.tblTrsData tbody tr.ng-scope.has-border {
  border-color: #737373;
}
body#total-reward-statements.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div#viewContainer.row div.col-sm-12 div div div div.row.mt-5 div.col-md-5.col-sm-12.col-xs-12 div.trsChartWrap div.row div.d-flex.justify-content-center div div.btn-group.btn-group-sm label.btn.btn-default.ng-pristine.ng-untouched.ng-valid.ng-not-empty.btn-success {
  border-color: #737373;
}
body#total-reward-statements.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div#viewContainer.row div.col-sm-12 div div div div.row.mt-5 div.col-md-5.col-sm-12.col-xs-12 div.trsChartWrap div.row div.d-flex.justify-content-center div div.btn-group.btn-group-sm label.btn.ng-pristine.ng-untouched.ng-valid.ng-not-empty.btn-success {
  border-color: #737373;
}
body#total-reward-statements.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div#viewContainer.row div.col-sm-12 div div div div.row.mt-5 div.col-md-5.col-sm-12.col-xs-12 div.trsChartWrap div.row div.d-flex.justify-content-center div div.btn-group.btn-group-sm label.btn.btn-default.ng-pristine.ng-untouched.ng-valid.ng-not-empty {
  border-color: #737373;
}
body#total-reward-statements.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div#viewContainer.row div.col-sm-12 div div div div.row.mt-5 div.col-md-7.col-sm-12.col-xs-12 div.row div.trsDataTableWrap div.table-responsive table#tblTrsData.table.tblTrsData tbody tr.ng-scope {
  border-color: #737373;
}
/*---- to change the colour of the success background colour of the + and - signs on the page after you've clicked on make a new selection. Also linked to TRS view by benefit and category hover after seleciton (it was it was #1d598d) -------*/

.btn-success:hover {
  color: #fff;
  background-color: #EBAC3A;
  border-color: #222222;
}
.btn-success {
  color: #fff;
  background-color: #292f33;
  border-color: #222222;
}
/*------------ on benefits summary border colour -----------------------------------*/

.summary-border {
  border-bottom: #555555 solid 1px;
}
/*------------to make document view smoother -----------------------------------*/

#account_documents_ .options-nav-button.pe-3.ps-3.ng-scope.ng-animate.ng-leave.ng-leave-active {
  display: none;
}
#account_documents_ .options-nav-button.pe-3.ps-3.ng-scope.selected.ng-animate.ng-leave.ng-leave-active {
  display: none;
}
/*  temporary fix to allow the button to be clicked on the benefits summary screen. actually hides the button functionality behind the main panel hyperlink, and below the view header to move across */

.summary-benefit-view-btn {
  width: 55px;
  left: -100px;
  position: relative;
  z-index: -1;
}
#my-benefits_summary div[ng-if='!ui.isSummaryAtDate'] {
  left: -105px;
  position: relative;
}
body#my-benefits.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div div.groups.benefit-groups.my-5.p-0.ng-scope div.group.ng-scope div.group-header.clearfix div.group-icon.ng-scope svg path.cls-1 {
  fill: #fff;
  stroke: #ffffff;
}
body#total-reward-statements.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div#pageTitle.mt-1.mb-1.ng-scope h2.page-header-title.ng-binding {
  border-bottom: #555555 solid 1px;
  padding-top: 20px;
  padding-bottom: 15px;
}
body#pages_contact-us.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div#pageTitle.mt-1.mb-1.ng-scope {
  border-bottom: #555555 solid 1px;
  padding-top: 20px;
  padding-bottom: 15px;
}
body#my-benefits.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div div.groups.benefit-groups.my-5.p-0.ng-scope div.group.ng-scope div.group-header.clearfix div.group-text.has-icon.title-only span.group-title.ng-binding {
  color: #fff;
}
i.fa.fa-external-link {
  color: #fff !important;
}
i.fa.fa-plus {
  color: #fff !important;
}
i.fa.fa-download {
  color: #fff !important;
}
i.fa.fa-pencil {
  color: #fff !important;
}
i.fa.fa-times {
  color: #fff !important;
}
body#account_beneficiaries_.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.animated.fadeIn.ng-scope div.row div#viewContainer.col-sm-9 div div#ngview.slide-left.ng-scope div.animated.fadeIn.ng-scope form#beneficiarydetails.form-horizontal.ng-pristine.ng-valid-maxlength.ng-valid-min.ng-valid-max.ng-valid-step.ng-valid.ng-valid-required div.form-group div.col-sm-offset-3.col-sm-9 button#btnBeneficiarySaveChanges.btn.btn-large.btn-primary span i.fa.fa-check-circle {
  color: #fff !important;
}
/*------------to remove wording in selection box -----------------------------------*/

body#benefit-details_23684.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope div.row.ng-scope div.col-sm-6.ng-scope div div.row.ng-scope div.col-sm-10 div.well.well-sm.ng-scope div div.row.animated.fadeIn div.col-sm-12 p.text-warning.ng-scope p.ng-scope {
  display: none;
}
body#benefit-details_23684.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope div.row.ng-scope div.col-sm-6.ng-scope div div.row.ng-scope div.col-sm-10 div.well.well-sm.ng-scope div div.row.animated.fadeIn div.col-sm-12 p.text-warning.ng-scope {
  display: none;
}
body#benefit-details_23684.ng-scope.uib-dropdown-open div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope div.row.ng-scope div.col-sm-6.ng-scope div div.row.ng-scope div.col-sm-10 div.well.well-sm.ng-scope div div.row.animated.fadeIn div.col-sm-12 p.text-warning.ng-scope {
  display: none;
}
/* removes the, your savings and your net cost tables at bottom of flex statement while keeping the tax savings tick boxes */

body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-save-you.header-top {
  display: none;
}
body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-save-you.header-bottom {
  display: none;
}
body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-save-you.basic-rate {
  display: none;
}
body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-save-you.higher-rate {
  display: none;
}
body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-cost-you.header-top {
  display: none;
}
body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-cost-you.header-bottom {
  display: none;
}
body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-cost-you.basic-rate {
  display: none;
}
body#my-benefits_flexstatement.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.ng-scope div.row div#viewContainer.col-sm-12 div div.row.flex-statement div.ng-scope div.flex-statement div.ng-scope div.row.flex-cost-you.higher-rate {
  display: none;
}
/* removes the, your savings and your net cost tables at bottom of flex statement while keeping the tax savings tick boxes when pressing the how does this affect me button in a benefit */

body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-save-you.header-top {
  display: none;
}
body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-save-you.header-bottom {
  display: none;
}
body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-save-you.basic-rate {
  display: none;
}
body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-save-you.higher-rate {
  display: none;
}
body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-cost-you.header-top {
  display: none;
}
body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-cost-you.header-bottom {
  display: none;
}
body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-cost-you.basic-rate {
  display: none;
}
body#benefit-details.ng-scope div#container div#content div#PageContent.ps-0.pe-1 div.row.animated.fadeIn div#viewContainer.col-sm-12 div div#ngview.ng-scope form.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.stageContent.ng-scope div.ng-pristine.ng-scope.ng-valid-depcheck.ng-valid.ng-valid-optionscheck div.ng-scope div div.animated.fadeIn.ng-scope div.flex-statement.px-5.pb-3.mb-3 div.ng-scope div.row.flex-cost-you.higher-rate {
  display: none;
}
/* removes the button how does this affect me on the CTW legacy benefit 24740 */

body#benefit-details_24740.ng-scope div button#ben-enrol-flex.pull-right.btn.btn-info.ng-scope {
  display: none;
}