:root {
  /*Global Colours*/
  --theme-root: #ffffff;
  --theme-white: #ffffff;
  --theme-background: rgba(249,249,249,0.99);
  --theme-transparent: rgba(255,255,255,0.0);
  /*Primary Colour Palette (https://www.color-hex.com/color/0b1a4f)*/
  --theme-deafult: #4b194c;
  --theme-default: #4b194c;
  --theme-secondary: #46ace5;
  --theme-highlight: #2c0832;
  --theme-warning: #d9000d;
  /**/
  --theme-text-highlight: #4b194c;
  --theme-text-highlight2: #46ace5;
  --theme-compliance-highlight: #4b194c;
  /**/
  --theme-info: #9dc7e7;
  --theme-success: #328c21;
  --theme-danger: #a80010;
  --theme-text-default: #333333;
  --theme-text-white: #ffffff;
  --theme-text-grey: #999999;
  --theme-text-lightgrey: #d1d1d1;
  /*Grey Tints (https://www.color-hex.com/color/cccccc)*/
  --theme-grey: #cccccc;
  --theme-grey-tint-lighter: #d1d1d1;
  --theme-grey-tint-offlight: #dbdbdb;
  --theme-grey-tint-midlight: #e5e5e5;
  --theme-grey-tint-midlight-50: rgba(229, 229, 229, 0.50);
  --theme-grey-tint-superlight: #efefef;
  --theme-grey-tint-lightist: #f9f9f9;
  /*Compliance Colours*/
  --theme-compliance-red: #a80010;
  --theme-compliance-green: #328c21;
  --theme-compliance-orange: #e2470c;
  --theme-compliance-yellow: #ffff00;
  --theme-compliance-blue: #0564b1;
  --theme-compliance-aqua: #9dc7e7;
  --theme-compliance-darkblue: #00bfff;
  --theme-compliance-grey: #CECECE;
  --theme-compliance-bluegrey: #507E8E;
  --theme-compliance-null: #CCCCCC;
  --theme-compliance-default: #8f8f8f;
  --menu-width: 360px;
  --menu-icons-width: 80px;
  --page-background-color: #FFFFFF;
  --spacer-url: url("/themes/fcs/images/spacer.png");
  --login-logo-url: url("/themes/fcs/images/first-central-group.svg");
  --header-logo-url: url("/themes/fcs/images/first-central-group.svg");
  --header-banner-url: url("/themes/fcs/images/spacer.png");
  --header-banner-background-color: #FFFFFF;
  --form-background-url: url("/themes/fcs/images/first-central-group.svg");
  --login-banner-url: url("/themes/fcs/images/backgrounds/Row-boats_2.jpg");
  --login-mfa-banner-url: url("/themes/fcs/images/backgrounds/Human-tower.jpg");
  --login-reset-banner-url: url("/themes/fcs/images/backgrounds/Homepage-rowing_1.jpg");
  --error-banner-url: url("/themes/fcs/images/backgrounds/Sparklers.jpg");
  --status-banner-url: url("/themes/fcs/images/backgrounds/fish.jpg");
  --menu-background-url: url("/themes/fcs/images/spacer.png");
  --menu-background-color: unset;
  --menu-hover-background-color: rgba(51, 51, 51, 0.80);
  --page-wrapper-background-url: url("/themes/fcs/images/spacer.png");
  --page-wrapper-background-left-url: url("/themes/fcs/images/hexagons-top-left.svg");
  --page-wrapper-background-right-url: url("/themes/fcs/images/hexagons-bottom-right.svg");
  --page-wrapper-background-1-url: url("/themes/fcs/images/backgrounds/bg1-colour.jpg");
  --page-wrapper-background-2-url: url("/themes/fcs/images/backgrounds/bg2-colour.jpg");
  --page-wrapper-background-3-url: url("/themes/fcs/images/backgrounds/Human-tower.jpg");
  --page-wrapper-background-4-url: url("/themes/fcs/images/backgrounds/Homepage-rowing_1.jpg");
  --page-wrapper-background-5-url: url("/themes/fcs/images/backgrounds/bg5-colour.jpg");
  --page-wrapper-background-6-url: url("/themes/fcs/images/backgrounds/bg6-colour.jpg");
  --page-wrapper-background-7-url: url("/themes/fcs/images/backgrounds/bg7-colour.jpg");
  --page-wrapper-background-8-url: url("/themes/fcs/images/backgrounds/fish.jpg");
  --page-wrapper-background-9-url: url("/themes/fcs/images/backgrounds/Row-boats_2.jpg");
  --page-wrapper-background-10-url: url("/themes/fcs/images/backgrounds/Sparklers.jpg");
  --page-wrapper-background-11-url: url("/themes/fcs/images/backgrounds/Birds.jpg");
  --page-wrapper-background-12-url: url("/themes/fcs/images/backgrounds/sustainability-2.jpg");
  --page-wrapper-background-13-url: url("/themes/fcs/images/backgrounds/avant-recruit.jpg");
  --page-wrapper-background-14-url: url("/themes/fcs/images/backgrounds/IT-Solutions-Avant.jpg");
  --page-wrapper-background-15-url: url("/themes/fcs/images/backgrounds/Man-in-car-handing-over-keys.jpg");
  --page-wrapper-background-16-url: url("/themes/fcs/images/backgrounds/ipad-in-bodyshop.jpg");
  --page-wrapper-background-17-url: url("/themes/fcs/images/backgrounds/motorway.jpg");
  --page-wrapper-background-18-url: url("/themes/fcs/images/backgrounds/About-Avant.jpg");
  --page-wrapper-background-19-url: url("/themes/fcs/images/backgrounds/Automotive.jpg");
  --page-wrapper-background-20-url: url("/themes/fcs/images/backgrounds/Bodynet-homepage-banner.jpg");
  --page-wrapper-background-21-url: url("/themes/fcs/images/backgrounds/bodynet-bms-web-banner.jpg");
  --login-background-image: url("/themes/fcs/images/login-background.jpg");
  --page-wrapper-background-color: #efefef;
  --page-background-url: url("/themes/fcs/images/spacer.png");
  --footer-background-color: unset;
  --card-background-color: rgba(255, 255, 255, 1);
  --nested-card-background-color: rgba(255, 255, 255, 1);
  --font-family: Rubik, sans-serif;
  --btn-font-family: var(--font-family);
  --bs-btn-font-family: var(--font-family);
}


.login-card-wrapper, .reset-card-wrapper {
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
}
.content-brands-single {
  display: block;
}
.content-brands-multi {
  display: none !important;
}
.login-card, .login-header, .login-main {
  box-shadow: none !important;
  border-radius: 0.25rem !important;
}
.login-card .logo {
  background-color: var(--page-background-color) !important;
  background-size: 100% auto !important;
  background-position: center center !important;
}
.login-banner, .login-mfa-banner, .reset-banner, .error-banner, .status-banner {
  background-image: var(--page-wrapper-background-left-url), var(--login-banner-url);
  background-size: 40% auto, cover;
  background-position: top left, center center;
  background-repeat: no-repeat, no-repeat;
  display: block;
}
.login-mfa-banner {
  background-image: var(--page-wrapper-background-left-url), var(--login-mfa-banner-url);
}
.reset-banner {
  background-image: var(--page-wrapper-background-left-url), var(--login-reset-banner-url);
}
.error-banner {
  background-image: var(--page-wrapper-background-right-url), var(--error-banner-url);
  background-position: bottom right, center center;
}
.status-banner {
  background-image: var(--page-wrapper-background-right-url), var(--status-banner-url);
  background-position: bottom right, center center;
}
.page-wrapper {
  background-color: var(--page-background-color) !important;
}
.page-wrapper .page-body-wrapper {
  background-color: var(--page-wrapper-background-color) !important;
  background-image: none;
}
.page-wrapper .page-body-wrapper.page-body-wrapper-left {
  background-color: var(--page-wrapper-background-color) !important;
  background-image: var(--page-wrapper-background-left-url);
  background-position: top left;
  background-size: 1425px auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.page-wrapper .page-body-wrapper.page-body-wrapper-right {
  background-color: var(--page-wrapper-background-color) !important;
  background-image: var(--page-wrapper-background-right-url);
  background-position: bottom right;
  background-size: 25% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.page-wrapper .page-body-wrapper.page-body-wrapper-both {
  background-color: var(--page-wrapper-background-color) !important;
  background-image: var(--page-wrapper-background-left-url), var(--page-wrapper-background-right-url) !important;
  background-position: top left, bottom right !important;
  background-size: 1425px auto, 25% auto !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}
.page-wrapper .page-body-wrapper .page-body {
  background-color: transparent !important;
  background-image: none !important;
  background-position: bottom right;
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.toggle-sidebar,
.toggle-sidebar svg,
.logo-icon-wrapper,
.logo-icon-wrapper svg,
.sidebar-toggle,
.sidebar-toggle svg {
  background-color: var(--header-banner-background-color) !important;
  color: var(--theme-text-default) !important;
}
.toggle-sidebar:before {
  display: none !important;
}
.toggle-sidebar:hover > svg,
.sidebar-toggle:hover,
.sidebar-toggle:hover svg {
  background-color: var(--theme-white) !important;
  color: var(--theme-text-highlight) !important;
}
.page-wrapper.compact-wrapper .page-header,
.page-wrapper.compact-wrapper .page-header.close_icon {
  margin-left: 0px !important; /*var(--menu-width);*/
  width: 100% !important; /*calc(100% - var(--menu-width));*/
}
.page-wrapper .page-header,
.page-wrapper .page-header .header-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.page-wrapper .page-header .header-wrapper {
  background-image: none !important;
  background-position: right top !important;
}
.page-wrapper .page-header .header-wrapper .media-body, .page-wrapper .page-header .header-wrapper .media-body a, .page-wrapper .page-header .header-wrapper .media-body p, .page-wrapper .page-header .header-wrapper .media-body span,
.page-wrapper .page-header .header-wrapper .header-search svg {
  color: var(--theme-text-default) !important;
  stroke: var(--theme-text-default) !important;
}
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li a,
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li svg,
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li span,
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg,
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
  color: var(--theme-text-default) !important;
  stroke: var(--theme-text-default) !important;
  vertical-align: middle !important;
}
.page-wrapper .page-header .header-wrapper .header-search svg {
  vertical-align: text-top;
  margin-top: 3px;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .media-body p svg,
.page-wrapper .page-header .header-wrapper .nav-right ul li {
  /* color: red !important; */
  /* stroke: red !important; */
}
.page-wrapper .page-header,
.page-wrapper .page-header .header-wrapper,
.page-wrapper.compact-wrapper .page-header,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper .logo,
.page-wrapper.compact-wrapper .page-header.close_icon {
  background-color: var(--header-banner-background-color) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
  background-color: var(--menu-background-color) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover #sidebar-menu {
  background-color: var(--menu-hover-background-color) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper, .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper .logo {
  background-size: 83% auto !important;
  background-position: center center !important;
}
#simple-bar {
  background-image: var(--menu-background-url);
  background-position: left bottom;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: var(--menu-background-color);
  background-attachment: fixed;
  display: block;
  padding-top: 20px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links {
  height: calc(100vh - 81px) !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li a.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li svg,
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: var(--theme-text-white) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li > a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li > a {
  color: var(--theme-text-highlight2) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li a:after,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .mega-menu-container .mega-box .link-section .submenu-title h5:after,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:after,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .mega-menu-container .mega-box .link-section .submenu-title h5:after {
  border-top: 2px solid var(--theme-text-highlight2) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: var(--theme-highlight) !important;
  color: var(--theme-white) !important;
  stroke: var(--theme-white) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li.sidebar-list:hover > a:hover,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li.sidebar-list:hover > a:hover {
  background-color: var(--theme-highlight);
  color: var(--theme-white) !important;
  stroke: var(--theme-white) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-submenu li > a.active,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li > a.active {
  color: var(--theme-white) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active i,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-link.active span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link.active i,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link.active svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link.active span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link:not(.active):hover i,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link:not(.active):hover svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li:hover .sidebar-link:not(.active):hover span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active i,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link.active i,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link.active svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link.active span,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover i,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover svg,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li:hover .sidebar-link:not(.active):hover span {
  color: var(--theme-white) !important;
  stroke: var(--theme-white) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links > li .sidebar-submenu li:hover > a,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li:hover > a {
  color: var(--theme-white) !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-separator,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li.sidebar-separator hr,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li.sidebar-separator,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content li.sidebar-separator hr {
  color: var(--theme-text-white) !important;
  background-color: var(--theme-text-white) !important;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item,
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--theme-text-white) !important;
}
.nav-item {
  border-right: solid 1px transparent !important;
  cursor: pointer;
}
.card {
  background-color: var(--card-background-color) !important;
  box-shadow: none !important;
}
.card .card-header {
  /* border-radius: 0 !important; */
}
.card .card {
  background-color: var(--nested-card-background-color) !important;
}
.footer {
  margin-left: 0 !important;
  background: none !important;
  background-color: var(--footer-background-color) !important;
  margin-top: 0px !important;
  border-top: none !important;
  color: var(--theme-text-white) !important;
}