/* Minification failed. Returning unminified contents.
(191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "UTF-8";
/*Data forms*/
/* Screen Sizes */
/* Layout Sizes */
/*Tabs*/
/* 
* COLOURS
*/
/*APaicu - if needed for higher contrast 227E98*/
/* Register previous marks */
/* Login */
/* Menu */
/* Header */
/* Tables */
/* Accessible Highlighting*/
/*Borders*/
/* Shadows */
/* Font Sizes */
/* Bold Weight */
/* Menu maximum size */
/*Allow the sidebar to shrink if it can.  0 : no shrinking,  >0 : is some ratio of shrinking */
/* Text case */
/*Homepage Variables*/
/*Basket variables*/
/*Box shadow effect variable*/
/*
* THIS FILE IS USED TO PROVIDE CUSTOM BRANDING FOR EBS ONTRACK: PROSPECT - Suffolk New College
* TRIBAL GROUP - DECEMBER 2018
* VERSION 4.28.2
*/
/* 
* 01. 	CUSTOM COLOURS USED
* 02. 	CROSS-SYSTEM COLOURS
* 03.	REPLACE OOTB LOGIN PAGE BACKGROUND IMAGE
* 04.	BACKGROUND COLOUR OF LOGIN PANEL ON LOGIN PAGE (OPTIONAL)
* 05. 	REPLACE OOTB ONTRACK LOGO ON LOGIN PANEL
* 06.	LOGIN FIELDS
* 07.	CREATE ACCOUNT / FORGOT PASSWORD LINKS / DESCRIPTION
* 08.	REMOVE OOTB TRIBAL LOGO ON LOGIN PAGE
* 09.	REPLACE OOTB ONTRACK LOGO WHEN LOGGED IN (TOP LEFT)
* 10.	HEADER
* 11.	MENUS
* 12.	COOKIES BANNER (OPTIONAL)
* 13.	OVERRIDE DEFAULT FONT PACK (OPTIONAL) d92644
* 14.	CUSTOM CLASSES (NOT PART OF CORE STYLING) 468cce
*/
/* ------- 01. CUSTOM COLOURS USED ------- */
/*
* grey - #706F6F
* pink - #EA5297
* dark grey - #1D1D1D

*/
/* ------- 02. CROSS-SYSTEM COLOURS ------- */
/* grey */
/* pink */
/* pink - login Button */
/* pink */
/* ------- 03. REPLACE OOTB LOGIN PAGE BACKGROUND IMAGE ------- */
/* 1478px x 986px */
/* ------- 04. BACKGROUND COLOUR OF LOGIN PANEL ON LOGIN PAGE (OPTIONAL) ------- */
#login-panel {
  background-color: #ffffff !important; }

/* ONLY REQUIRED IF LOGIN PANEL NEEDS TO BE COLOURED DIFFERENTLY TO $new-dark-default-color COMMENT OUT IF NOT REQUIRED */
/* dark grey */
/* ------- 05. REPLACE OOTB ONTRACK LOGO ON LOGIN PANEL ------- */
#login-panel-body img {
  width: 200px;
  /* must match width of logo */
  height: 152px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("../../Content/images/SNC_Logo.png") left top no-repeat; }

#login-panel-body {
  padding-top: 10% !important; }

/* ------- 06. LOGIN FIELDS ------- */
.form-control:focus {
  border-color: #2A4B5C; }

/* bluegrey */
/* bluegrey */
/* ------- 07. CREATE ACCOUNT / FORGOT PASSWORD LINKS / DESCRIPTION ------- */
.login-link, .login-link:focus, .login-link:hover {
  color: #706F6F !important; }

#login-desc {
  color: #706F6F !important; }

/* ------- 08. REMOVE OOTB TRIBAL LOGO ON LOGIN PAGE ------- */
#login-site-logo img {
  display: none !important; }

#login-background {
  min-height: 0 !important; }

/* ------- 09. REPLACE OOTB ONTRACK LOGO WHEN LOGGED IN (TOP LEFT) ------- */
#site-logo-container img {
  width: 200px;
  /* must match width of logo */
  height: 170px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("../../Content/images/customer/logo-with-space-200px.png") left top no-repeat; }

#site-logo-container {
  width: 200px !important;
  /* must match width of logo */
  height: 152px !important;
  /* must match height of logo */
  background-color: #ffffff !important;
  /* If set to TRANSPARENT  - will then take on menu colour */ }

#site-logo {
  margin-top: 0px !important; }

/* ------- 10. HEADER ------- */
/* grey */
/* marked as important to override accessible */
/* light grey */
#basket-user-link > a {
  color: #dfdfdf; }

/* shopping basket */
/* light grey */
/* ------- 11. MENUS ------- */
/* marked as important to override accessible */
/* grey */
/* grey
$active-menu-background: #FFFFFF;
$active-menu-highlight: #FFFFFF !important; /* marked as important to override accessible */
/* grey*/
#menu ul li a {
  color: #1D1D1D !important;
  /* grey*/ }

#menu ul li a:hover,
#menu ul li a:focus {
  color: #1D1D1D !important;
  /* grey*/
  /*	background-color: #FFFFFF !important; */
  /* Menu items, when mouse is hovered on */
  /* COMMENTED OUT */ }
  #menu ul li a:hover #menu ul li a:active,
  #menu ul li a:focus #menu ul li a:active {
    color: #1D1D1D !important;
    /* grey*/
    background-color: #FFFFFF !important; }

#headerNav #primaryNavMenu a.dropdown-toggle {
  color: #dfdfdf !important; }

/*  ONLY REQUIRED IF USER MENU (TOP RIGHT) NEEDS TO BE COLOURED DIFFERENTLY TO LEFT MENU TEXT */
/* light grey */
/* ------- 12. COOKIES BANNER ------- */
/* 
p.cc_message {color: RED !important;}
a.cc_more_info {color: RED !important;} ONLY REQUIRED IF COOKIE BANNER TEXT NEEDS TO BE COLOURED DIFFERENTLY - COMMENTED OUT BY DEFAULT */
/* ------- 13. OVERRIDE DEFAULT FONT PACK (OPTIONAL) ------- */
/* THIS MUST COME BEFORE OVERRIDING THE BODY STYLE */
@font-face {
  font-family: 'MyFontFamily';
  /* THIS IS YOUR REFERENCE TO THE CUSTOM FONT(S) – IT CAN BE CALLED ANYTHING YOU WANT – BUT MUST BE REFERENCED IN THE BODY LINE BELOW */
  src: url("../../Content/fonts/myfont-webfont.eot?#iefix") format("embedded-opentype"), url("../../Content/fonts/myfont-webfont.woff") format("woff"), url("../../Content/fonts/myfont-webfont.ttf") format("truetype"), url("../../Content/fonts/myfont-webfont.svg#svgFontName") format("svg");
  /* IF YOU DON’T HAVE THIS FONT TYPE – LEAVE THIS LINE ALONE */ }

/* body {font-family: 'MyFontFamily', 'Open Sans', Arial, sans-serif;} FONTS WILL ATTEMPT TO LOAD IN THE ORDER SPECIFIED – THE OTHERS HERE ARE OOTB FONTS - COMMENTED OUT BY DEFAULT */
/* ------- 14. CUSTOM CLASSES (NOT PART OF CORE STYLING) ------- */
h2 {
  font-weight: bold; }

#learner-login-image {
  content: url("../../Content/images/Suffolk_Building_Homepage.png"); }

#learner-login-image-sm {
  content: url("../../Content/images/Suffolk_Building_Homepage.png"); }

.product-logo {
  content: url("../../Content/images/SNC_Logo.png"); }

#login-site-logo-sm {
  content: url("../../Content/images/SNC_Logo.png"); }

:root {
  --light-button-primary-color: #007da6;
  --body-background-color: #f1f1f1; }

/*Data forms*/
/* Screen Sizes */
/* Layout Sizes */
/*Tabs*/
/* 
* COLOURS
*/
/*APaicu - if needed for higher contrast 227E98*/
/* Register previous marks */
/* Login */
/* Menu */
/* Header */
/* Tables */
/* Accessible Highlighting*/
/*Borders*/
/* Shadows */
/* Font Sizes */
/* Bold Weight */
/* Menu maximum size */
/*Allow the sidebar to shrink if it can.  0 : no shrinking,  >0 : is some ratio of shrinking */
/* Text case */
/*Homepage Variables*/
/*Basket variables*/
/*Box shadow effect variable*/
/*
* THIS FILE IS USED TO PROVIDE CUSTOM BRANDING FOR EBS ONTRACK: PROSPECT - Suffolk New College
* TRIBAL GROUP - DECEMBER 2018
* VERSION 4.28.2
*/
/* 
* 01. 	CUSTOM COLOURS USED
* 02. 	CROSS-SYSTEM COLOURS
* 03.	REPLACE OOTB LOGIN PAGE BACKGROUND IMAGE
* 04.	BACKGROUND COLOUR OF LOGIN PANEL ON LOGIN PAGE (OPTIONAL)
* 05. 	REPLACE OOTB ONTRACK LOGO ON LOGIN PANEL
* 06.	LOGIN FIELDS
* 07.	CREATE ACCOUNT / FORGOT PASSWORD LINKS / DESCRIPTION
* 08.	REMOVE OOTB TRIBAL LOGO ON LOGIN PAGE
* 09.	REPLACE OOTB ONTRACK LOGO WHEN LOGGED IN (TOP LEFT)
* 10.	HEADER
* 11.	MENUS
* 12.	COOKIES BANNER (OPTIONAL)
* 13.	OVERRIDE DEFAULT FONT PACK (OPTIONAL) d92644
* 14.	CUSTOM CLASSES (NOT PART OF CORE STYLING) 468cce
*/
/* ------- 01. CUSTOM COLOURS USED ------- */
/*
* grey - #706F6F
* pink - #EA5297
* dark grey - #1D1D1D

*/
/* ------- 02. CROSS-SYSTEM COLOURS ------- */
/* grey */
/* pink */
/* pink - login Button */
/* pink */
/* ------- 03. REPLACE OOTB LOGIN PAGE BACKGROUND IMAGE ------- */
/* 1478px x 986px */
/* ------- 04. BACKGROUND COLOUR OF LOGIN PANEL ON LOGIN PAGE (OPTIONAL) ------- */
#login-panel {
  background-color: #ffffff !important; }

/* ONLY REQUIRED IF LOGIN PANEL NEEDS TO BE COLOURED DIFFERENTLY TO $new-dark-default-color COMMENT OUT IF NOT REQUIRED */
/* dark grey */
/* ------- 05. REPLACE OOTB ONTRACK LOGO ON LOGIN PANEL ------- */
#login-panel-body img {
  width: 200px;
  /* must match width of logo */
  height: 152px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("../../Content/images/SNC_Logo.png") left top no-repeat; }

#login-panel-body {
  padding-top: 10% !important; }

/* ------- 06. LOGIN FIELDS ------- */
.form-control:focus {
  border-color: #2A4B5C; }

/* bluegrey */
/* bluegrey */
/* ------- 07. CREATE ACCOUNT / FORGOT PASSWORD LINKS / DESCRIPTION ------- */
.login-link, .login-link:focus, .login-link:hover {
  color: #706F6F !important; }

#login-desc {
  color: #706F6F !important; }

/* ------- 08. REMOVE OOTB TRIBAL LOGO ON LOGIN PAGE ------- */
#login-site-logo img {
  display: none !important; }

#login-background {
  min-height: 0 !important; }

/* ------- 09. REPLACE OOTB ONTRACK LOGO WHEN LOGGED IN (TOP LEFT) ------- */
#site-logo-container img {
  width: 200px;
  /* must match width of logo */
  height: 170px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("../../Content/images/customer/logo-with-space-200px.png") left top no-repeat; }

#site-logo-container {
  width: 200px !important;
  /* must match width of logo */
  height: 152px !important;
  /* must match height of logo */
  background-color: #ffffff !important;
  /* If set to TRANSPARENT  - will then take on menu colour */ }

#site-logo {
  margin-top: 0px !important; }

/* ------- 10. HEADER ------- */
/* grey */
/* marked as important to override accessible */
/* light grey */
#basket-user-link > a {
  color: #dfdfdf; }

/* shopping basket */
/* light grey */
/* ------- 11. MENUS ------- */
/* marked as important to override accessible */
/* grey */
/* grey
$active-menu-background: #FFFFFF;
$active-menu-highlight: #FFFFFF !important; /* marked as important to override accessible */
/* grey*/
#menu ul li a {
  color: #1D1D1D !important;
  /* grey*/ }

#menu ul li a:hover,
#menu ul li a:focus {
  color: #1D1D1D !important;
  /* grey*/
  /*	background-color: #FFFFFF !important; */
  /* Menu items, when mouse is hovered on */
  /* COMMENTED OUT */ }
  #menu ul li a:hover #menu ul li a:active,
  #menu ul li a:focus #menu ul li a:active {
    color: #1D1D1D !important;
    /* grey*/
    background-color: #FFFFFF !important; }

#headerNav #primaryNavMenu a.dropdown-toggle {
  color: #dfdfdf !important; }

/*  ONLY REQUIRED IF USER MENU (TOP RIGHT) NEEDS TO BE COLOURED DIFFERENTLY TO LEFT MENU TEXT */
/* light grey */
/* ------- 12. COOKIES BANNER ------- */
/* 
p.cc_message {color: RED !important;}
a.cc_more_info {color: RED !important;} ONLY REQUIRED IF COOKIE BANNER TEXT NEEDS TO BE COLOURED DIFFERENTLY - COMMENTED OUT BY DEFAULT */
/* ------- 13. OVERRIDE DEFAULT FONT PACK (OPTIONAL) ------- */
/* THIS MUST COME BEFORE OVERRIDING THE BODY STYLE */
@font-face {
  font-family: 'MyFontFamily';
  /* THIS IS YOUR REFERENCE TO THE CUSTOM FONT(S) – IT CAN BE CALLED ANYTHING YOU WANT – BUT MUST BE REFERENCED IN THE BODY LINE BELOW */
  src: url("../../Content/fonts/myfont-webfont.eot?#iefix") format("embedded-opentype"), url("../../Content/fonts/myfont-webfont.woff") format("woff"), url("../../Content/fonts/myfont-webfont.ttf") format("truetype"), url("../../Content/fonts/myfont-webfont.svg#svgFontName") format("svg");
  /* IF YOU DON’T HAVE THIS FONT TYPE – LEAVE THIS LINE ALONE */ }

/* body {font-family: 'MyFontFamily', 'Open Sans', Arial, sans-serif;} FONTS WILL ATTEMPT TO LOAD IN THE ORDER SPECIFIED – THE OTHERS HERE ARE OOTB FONTS - COMMENTED OUT BY DEFAULT */
/* ------- 14. CUSTOM CLASSES (NOT PART OF CORE STYLING) ------- */
h2 {
  font-weight: bold; }

#learner-login-image {
  content: url("../../Content/images/Suffolk_Building_Homepage.png"); }

#learner-login-image-sm {
  content: url("../../Content/images/Suffolk_Building_Homepage.png"); }

.product-logo {
  content: url("../../Content/images/SNC_Logo.png"); }

#login-site-logo-sm {
  content: url("../../Content/images/SNC_Logo.png"); }

:root {
  --light-button-primary-color: #007da6;
  --body-background-color: #f1f1f1; }

/* Mixins */
body {
  background-color: #FFFFFF !important; }

#login-background {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 750px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 15%;
  background-color: #FFFFFF; }
  @media (min-width: 768px) {
    #login-background {
      background-image: url("../../Content/images/Suffolk_Building_Homepage.png");
      background-repeat: no-repeat;
      background-position: top left;
      background-size: cover; } }

@media (min-width: 768px) {
  #login-site-logo {
    position: absolute;
    right: 2.5%;
    bottom: 5%;
    width: 280px; } }

@media (max-width: 767px) {
  #login-site-logo {
    position: relative;
    top: 5%; } }

#ebs-logo {
  position: absolute;
  top: -50px;
  left: -12.5px; }

#login-panel {
  min-width: 280px;
  padding-bottom: 10px;
  background-color: #EA5297;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; }
  @media (min-width: 768px) {
    #login-panel {
      position: absolute;
      top: 15%;
      right: 2.5%;
      width: 10%; } }
  @media (max-width: 767px) {
    #login-panel {
      position: relative;
      width: 80%;
      margin: 0 auto; } }

#login-panel-body {
  position: relative;
  top: 10%;
  width: 100%;
  height: 100%;
  padding-top: 0px;
  padding-left: 10%;
  padding-right: 10%;
  text-align: center; }

#logInButton, #dualAuthButton, #externalAuthButton {
  background-color: #007da6;
  display: block;
  color: white;
  border-color: transparent;
  position: relative;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  width: 100%;
  height: 10%;
  min-height: 40px;
  margin-top: 29px;
  font-size: 14px;
  font-weight: initial;
  border-radius: 0rem;
  border: -10px; }

.da-panel-btn {
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  float: left;
  position: absolute;
  padding-top: 0px; }

.da-panel-btn-ms {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' overflow='visible' xml:space='preserve'%3E%3Cg id='MS'%3E%3Cg%3E%3Cpath fill='%23F05423' d='M15.3,15.3H1.5V1.5h13.8V15.3z'/%3E%3Cpath fill='%2384C441' d='M30.5,15.3H16.7V1.5h13.8L30.5,15.3L30.5,15.3z'/%3E%3Cpath fill='%232DABE2' d='M15.3,30.5H1.5V16.7h13.8V30.5z'/%3E%3Cpath fill='%23F9BC15' d='M30.5,30.5H16.7V16.7h13.8L30.5,30.5L30.5,30.5z'/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); }

.da-panel-btn-gws {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='GWS' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' overflow='visible' xml:space='preserve'%3E%3Cg id='ICON'%3E%3Cg%3E%3Cpath fill='%2336A852' d='M25.6,26.6c-2.2,2.1-5.3,3.3-9.4,3.3c-5.3,0-10-3.1-12.3-7.7l4.6-3.6c1.1,3.4,4.1,5.8,7.7,5.8 c2,0,3.6-0.5,4.9-1.4L25.6,26.6z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23F9BC15' d='M8.1,16c0,0.9,0.1,1.8,0.4,2.7l-4.6,3.6c-1-1.9-1.5-4-1.5-6.3s0.5-4.4,1.5-6.3l4.6,3.6 C8.2,14.2,8.1,15.1,8.1,16z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23EA4535' d='M25.6,5.8l-3.9,3.9c-1.4-1.3-3.3-2.1-5.5-2.1c-3.6,0-6.6,2.4-7.7,5.8L3.9,9.7C6.2,5.2,10.9,2,16.2,2 C20,2,23.2,3.5,25.6,5.8z'/%3E%3C/g%3E%3Cg%3E%3Cpath fill='%23557EBF' d='M29.6,16c0,1-0.1,1.9-0.2,2.9c-0.5,3.1-1.7,5.8-3.8,7.8l-4.5-3.6c1.4-1,2.4-2.5,2.9-4.2h-7.6v-5.2h13.1 C29.6,14.4,29.6,15.2,29.6,16z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A"); }

.login-input-text {
  position: relative;
  padding-top: 29px; }
  .login-input-text input {
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-align: center; }
  .login-input-text ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #2A4B5C;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #2A4B5C;
    opacity: 1;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #2A4B5C;
    opacity: 1;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #2A4B5C;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text .placeholder {
    /* For placeholders created by the placeholder plugin on IE9 */
    color: #2A4B5C;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: oblique;
    text-align: center;
    font-size: 14px; }
  .login-input-text .form-control-feedback {
    position: absolute;
    right: 10px;
    top: 43px;
    margin-top: 0px; }

.login-input-text .input-date .input-group {
  display: block; }

#login-agent-5-header {
  color: white;
  text-align: center;
  font-size: 20px;
  margin: 0 auto;
  padding-top: 50px; }

#login-desc {
  color: white;
  text-align: center;
  margin: 0 auto;
  padding-top: 10px; }

#login-panel-body .alert {
  margin-top: 10px;
  margin-bottom: 0px; }

#login-panel-body .alert li {
  list-style-type: none;
  list-style-position: inside;
  margin: 0px;
  padding: 0px; }

#login-panel-body .alert ul {
  padding: 0px; }

.login-link,
.login-link:focus,
.login-link:hover {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: white;
  text-align: center; }