/* Minification failed. Returning unminified contents.
(330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*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*/
/* ----- Learner Hub Branding 2023 ----- */
/* Organisation / Institution: NESCol */
/* Completion date:  10/21/2024 2:23:59 PM */
/* Tribal consultant: Hannah Smart */
/* ----- NESCol Colours ------ */
/* ----- Learner Login Image ----- */
/* Do you want to replace the learner login image?: Yes - use a new image */
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.cdnfonts.com/css/muli");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.cdnfonts.com/css/muli");
#learner-login-image {
  object-fit: cover;
  /*Fill div*/
  object-position: center;
  /*Fill div*/
  height: 100% !important;
  /*Fill div*/
  content: url("../Content/images/customer/nescol-in-lights.jpg"); }

#learner-login-image-sm {
  content: url("../Content/images/customer/nescol-logo-full-colour.svg");
  width: 200px !important; }

.learner-login-background .d-sm-block {
  margin: auto !important; }

/* ----- Learner Login Logo ----- */
/* Do you want to replace the learner login logo?:  Yes - use a new image */
#login-site-logo,
#login-site-logo-sm {
  content: url("../Content/images/customer/nescol-logo-full-colour.svg"); }

#login-site-logo-sm {
  max-width: 200px; }

/* ----- Login Panels ----- */
/* Do you want to change the colours of the login panels, font or buttons?:  Yes */
/* Do you want the panels to be the same colour?: Yes */
/* Please enter the colour for the panel background: #623C7C */
/* Please enter the colour for the font: #FFFFFF */
/* Please enter the colour for the buttons: #954C97 */
.learner-login-background h1.welcome-header {
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important;
  font-size: clamp(1.75rem, 2.5vw, 2.5rem) !important; }

@media (max-width: 767px) {
  .learner-login-background h1.mb-3,
  .learner-login-background p {
    color: #FFFFFF !important; } }

#ca-panel-heading,
#ca-panel-modal-heading,
#ea-panel-heading,
#ea-panel-modal-heading,
#s-panel-heading,
#s-panel-modal-heading,
#da-panel-heading,
#ca-panel-modal-heading {
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important;
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
  font-weight: 500; }

.welcome-text,
#ca-panel-text,
#ca-panel-modal-text,
#ea-panel-text,
#ea-panel-modal-text,
#s-panel-text,
#s-panel-modal-text,
#da-panel-text,
#da-panel-modal-text,
#UserName,
#s-panel-username-sm,
#s-panel-password,
#s-panel-password-sm,
.learner-login-background a.panel-link,
.learner-login-background a.btn.panel-btn,
#s-panel-btn,
.learner-login-background .btn.panel-btn-sm,
.learner-login-background .btn.login-menu-btn {
  font-size: clamp(0.875rem, 1vw, 1rem) !important; }

.learner-login-background .card,
.learner-login-background .panel-modal-body {
  background-color: #623C7C !important; }

.learner-login-background .panel-heading-norm,
.learner-login-background .panel-text,
.learner-login-background .panel-modal-heading,
.learner-login-background .panel-text-sm {
  color: #FFFFFF !important; }

.learner-login-background .panel-btn,
.learner-login-background .login-menu-btn,
.learner-login-background .panel-btn-sm {
  background-color: #954C97 !important;
  font-weight: 700; }

.learner-login-background .panel-modal-help,
.learner-login-background .sign-in-control-sm,
.learner-login-background .panel-help,
.learner-login-background .sign-in-control {
  color: #954C97 !important; }

.learner-login-background a.panel-link {
  color: #FFFFFF !important; }
  .learner-login-background a.panel-link :hover {
    color: #954C97; }

/* ----- Fonts ----- */
/* Do you want to use your own font?: Yes - Other Font */
/* Please enter your default font colour: #010202 */
h1, h2, h3, h4, h5 {
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important; }

body, p, a, button {
  font-family: 'Muli', 'Open Sans', Arial, sans-serif !important; }

/* Font Sizes */
/* ----- Header ----- */
/* Do you want to change the page header style?: Yes */
/* Please enter your chosen header background colour: #623C7C */
/* Please enter your chosen header font colour: #FFFFFF */
/* Please enter your chosen Safeguarding button colour: #954C97 */
/* Please enter your chosen basket icon colour: #954C97 */
/* Please enter your chosen basket counter icon colour: #010202 */
.sfgNotificationBadge {
  background-color: #954C97 !important; }

#basket-icon {
  color: #954C97; }

#basket-user-link-inner .fa-stack[data-count]:after {
  background: #010202 !important; }

/* ----- Secondary Menu ----- */
/* Do you want to change the navigation menu style?: Yes */
/* Please enter your chosen menu background colour: #623C7C */
/* Please enter your chosen menu font colour: #FFFFFF */
/* Please enter your chosen active menu background colour: #954C97 */
/* Please enter your chosen active menu text colour: #FFFFFF */
/* Please enter your chosen active menu arrow colour: #623C7C */
/* ----- Logged in Logo ----- */
/* Do you want to replace the logged in site logo?: Yes */
#site-logo-container {
  width: 200px !important;
  /*must match width of image*/
  height: calc(105px + 30px) !important;
  background-color: #FFFFFF !important;
  border: solid 1px #623C7C;
  padding: 15px; }

#site-logo {
  content: url("../Content/images/customer/nescol-logo-full-colour.svg");
  width: 170px;
  /* match width of image */
  height: 105px;
  /* match height of image */
  margin: 0; }

/* ----- Buttons ----- */
/* Do you want to change the button style?: Yes */
/* Please enter your chosen button colour: #623C7C */
/* Please enter your chosen button border colour: #623C7C */
/* Please enter your chosen button text colour: #FFFFFF */
/* Please enter your chosen button hover/focus/active button colour: #954C97 */
/* Please chose your button text case: uppercase */
.btn.Secondary,
div.DataGridModel.Default .btn,
div.RegisterReviewModel.Default .btn {
  background-color: #623C7C !important; }
  .btn.Secondary :hover,
  div.DataGridModel.Default .btn :hover,
  div.RegisterReviewModel.Default .btn :hover {
    background-color: #954C97 !important; }

.Primary.btn .text {
  font-weight: 700; }

/* ----- Breadcrumb ----- */
/* Do you want to change the breadcrumb style?: Yes */
/* Please enter your chosen breadcrumb colour: #954C97 */
/* Please enter your chosen hover/current breadcrumb colour: #623C7C */
/* ----- Forms ----- */
.form-control:focus,
.day:focus,
.month:focus,
.year:focus {
  border-color: #954C97 !important; }

/* ----- Accessibility ----- */
#skip-nav {
  background-color: #954C97;
  color: #FFFFFF;
  padding: 0.375rem 0.75rem;
  font-weight: 500;
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important; }

/* --------------- for Funding Application ------------------*/
/* Process Model */
.FMBorder {
  background-color: #0083A3;
  color: #FFFFFF;
  font-size: 1.2em;
  padding: 10px;
  /* Adds space between text and border */
  /*border: 5px solid $FMBorder-color;*/
  display: inline-block;
  /* Keeps the border tight around the content */ }

.FMBorderSmall {
  background-color: #0083A3;
  color: #FFFFFF;
  font-size: 0.9em;
  padding: 5px;
  /* Adds space between text and border */
  /*border: 5px solid $FMBorder-color;*/
  display: inline-block;
  /* Keeps the border tight around the content */ }

.P2R {
  background-color: #695470;
  border-style: solid;
  border-color: #b62656;
  border-width: 5px; }

.DNT {
  background-color: #59894f;
  border-style: solid;
  border-color: #00ff00;
  border-width: 5px; }

.E2R {
  background-color: #96733d;
  border-style: solid;
  border-color: #ffbf00;
  border-width: 5px; }

.A2S {
  background-color: #4580a4;
  border-style: solid;
  border-color: #214e6d;
  border-width: 5px; }

.P2R1 {
  background-color: #e4dde6; }

.color1Rec {
  background: #146C43;
  width: 100%;
  color: white;
  display: flex;
  /* enable flexbox */
  justify-content: center;
  /* horizontal centering */
  align-items: center;
  /* vertical centering */
  text-align: center;
  /* keeps multiline text centered */
  border-radius: 10px;
  height: 30px;
  line-height: 30px; }

.color1Rec:hover {
  color: #dfe1e2;
  /* change this to whatever hover color you want */ }

.color2Rec {
  background: #003049;
  width: 100%;
  color: white;
  display: flex;
  /* enable flexbox */
  justify-content: center;
  /* horizontal centering */
  align-items: center;
  /* vertical centering */
  text-align: center;
  /* keeps multiline text centered */
  border-radius: 10px;
  height: 30px;
  line-height: 30px; }

.color2Rec:hover {
  color: #dfe1e2;
  /* change this to whatever hover color you want */ }

.color3Rec {
  background: #FFA500;
  width: 100%;
  color: #002244;
  display: flex;
  /* enable flexbox */
  justify-content: center;
  /* horizontal centering */
  align-items: center;
  /* vertical centering */
  text-align: center;
  /* keeps multiline text centered */
  border-radius: 10px;
  height: 30px;
  line-height: 30px; }

:root {
  --light-button-primary-color: #623C7C;
  --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*/
/* ----- Learner Hub Branding 2023 ----- */
/* Organisation / Institution: NESCol */
/* Completion date:  10/21/2024 2:23:59 PM */
/* Tribal consultant: Hannah Smart */
/* ----- NESCol Colours ------ */
/* ----- Learner Login Image ----- */
/* Do you want to replace the learner login image?: Yes - use a new image */
#learner-login-image {
  object-fit: cover;
  /*Fill div*/
  object-position: center;
  /*Fill div*/
  height: 100% !important;
  /*Fill div*/
  content: url("../Content/images/customer/nescol-in-lights.jpg"); }

#learner-login-image-sm {
  content: url("../Content/images/customer/nescol-logo-full-colour.svg");
  width: 200px !important; }

.learner-login-background .d-sm-block {
  margin: auto !important; }

/* ----- Learner Login Logo ----- */
/* Do you want to replace the learner login logo?:  Yes - use a new image */
#login-site-logo,
#login-site-logo-sm {
  content: url("../Content/images/customer/nescol-logo-full-colour.svg"); }

#login-site-logo-sm {
  max-width: 200px; }

/* ----- Login Panels ----- */
/* Do you want to change the colours of the login panels, font or buttons?:  Yes */
/* Do you want the panels to be the same colour?: Yes */
/* Please enter the colour for the panel background: #623C7C */
/* Please enter the colour for the font: #FFFFFF */
/* Please enter the colour for the buttons: #954C97 */
.learner-login-background h1.welcome-header {
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important;
  font-size: clamp(1.75rem, 2.5vw, 2.5rem) !important; }

@media (max-width: 767px) {
  .learner-login-background h1.mb-3,
  .learner-login-background p {
    color: #FFFFFF !important; } }

#ca-panel-heading,
#ca-panel-modal-heading,
#ea-panel-heading,
#ea-panel-modal-heading,
#s-panel-heading,
#s-panel-modal-heading,
#da-panel-heading,
#ca-panel-modal-heading {
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important;
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
  font-weight: 500; }

.welcome-text,
#ca-panel-text,
#ca-panel-modal-text,
#ea-panel-text,
#ea-panel-modal-text,
#s-panel-text,
#s-panel-modal-text,
#da-panel-text,
#da-panel-modal-text,
#UserName,
#s-panel-username-sm,
#s-panel-password,
#s-panel-password-sm,
.learner-login-background a.panel-link,
.learner-login-background a.btn.panel-btn,
#s-panel-btn,
.learner-login-background .btn.panel-btn-sm,
.learner-login-background .btn.login-menu-btn {
  font-size: clamp(0.875rem, 1vw, 1rem) !important; }

.learner-login-background .card,
.learner-login-background .panel-modal-body {
  background-color: #623C7C !important; }

.learner-login-background .panel-heading-norm,
.learner-login-background .panel-text,
.learner-login-background .panel-modal-heading,
.learner-login-background .panel-text-sm {
  color: #FFFFFF !important; }

.learner-login-background .panel-btn,
.learner-login-background .login-menu-btn,
.learner-login-background .panel-btn-sm {
  background-color: #954C97 !important;
  font-weight: 700; }

.learner-login-background .panel-modal-help,
.learner-login-background .sign-in-control-sm,
.learner-login-background .panel-help,
.learner-login-background .sign-in-control {
  color: #954C97 !important; }

.learner-login-background a.panel-link {
  color: #FFFFFF !important; }
  .learner-login-background a.panel-link :hover {
    color: #954C97; }

/* ----- Fonts ----- */
/* Do you want to use your own font?: Yes - Other Font */
/* Please enter your default font colour: #010202 */
h1, h2, h3, h4, h5 {
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important; }

body, p, a, button {
  font-family: 'Muli', 'Open Sans', Arial, sans-serif !important; }

/* Font Sizes */
/* ----- Header ----- */
/* Do you want to change the page header style?: Yes */
/* Please enter your chosen header background colour: #623C7C */
/* Please enter your chosen header font colour: #FFFFFF */
/* Please enter your chosen Safeguarding button colour: #954C97 */
/* Please enter your chosen basket icon colour: #954C97 */
/* Please enter your chosen basket counter icon colour: #010202 */
.sfgNotificationBadge {
  background-color: #954C97 !important; }

#basket-icon {
  color: #954C97; }

#basket-user-link-inner .fa-stack[data-count]:after {
  background: #010202 !important; }

/* ----- Secondary Menu ----- */
/* Do you want to change the navigation menu style?: Yes */
/* Please enter your chosen menu background colour: #623C7C */
/* Please enter your chosen menu font colour: #FFFFFF */
/* Please enter your chosen active menu background colour: #954C97 */
/* Please enter your chosen active menu text colour: #FFFFFF */
/* Please enter your chosen active menu arrow colour: #623C7C */
/* ----- Logged in Logo ----- */
/* Do you want to replace the logged in site logo?: Yes */
#site-logo-container {
  width: 200px !important;
  /*must match width of image*/
  height: calc(105px + 30px) !important;
  background-color: #FFFFFF !important;
  border: solid 1px #623C7C;
  padding: 15px; }

#site-logo {
  content: url("../Content/images/customer/nescol-logo-full-colour.svg");
  width: 170px;
  /* match width of image */
  height: 105px;
  /* match height of image */
  margin: 0; }

/* ----- Buttons ----- */
/* Do you want to change the button style?: Yes */
/* Please enter your chosen button colour: #623C7C */
/* Please enter your chosen button border colour: #623C7C */
/* Please enter your chosen button text colour: #FFFFFF */
/* Please enter your chosen button hover/focus/active button colour: #954C97 */
/* Please chose your button text case: uppercase */
.btn.Secondary,
div.DataGridModel.Default .btn,
div.RegisterReviewModel.Default .btn {
  background-color: #623C7C !important; }
  .btn.Secondary :hover,
  div.DataGridModel.Default .btn :hover,
  div.RegisterReviewModel.Default .btn :hover {
    background-color: #954C97 !important; }

.Primary.btn .text {
  font-weight: 700; }

/* ----- Breadcrumb ----- */
/* Do you want to change the breadcrumb style?: Yes */
/* Please enter your chosen breadcrumb colour: #954C97 */
/* Please enter your chosen hover/current breadcrumb colour: #623C7C */
/* ----- Forms ----- */
.form-control:focus,
.day:focus,
.month:focus,
.year:focus {
  border-color: #954C97 !important; }

/* ----- Accessibility ----- */
#skip-nav {
  background-color: #954C97;
  color: #FFFFFF;
  padding: 0.375rem 0.75rem;
  font-weight: 500;
  font-family: "Ubuntu", 'Open Sans', Arial, sans-serif !important; }

/* --------------- for Funding Application ------------------*/
/* Process Model */
.FMBorder {
  background-color: #0083A3;
  color: #FFFFFF;
  font-size: 1.2em;
  padding: 10px;
  /* Adds space between text and border */
  /*border: 5px solid $FMBorder-color;*/
  display: inline-block;
  /* Keeps the border tight around the content */ }

.FMBorderSmall {
  background-color: #0083A3;
  color: #FFFFFF;
  font-size: 0.9em;
  padding: 5px;
  /* Adds space between text and border */
  /*border: 5px solid $FMBorder-color;*/
  display: inline-block;
  /* Keeps the border tight around the content */ }

.P2R {
  background-color: #695470;
  border-style: solid;
  border-color: #b62656;
  border-width: 5px; }

.DNT {
  background-color: #59894f;
  border-style: solid;
  border-color: #00ff00;
  border-width: 5px; }

.E2R {
  background-color: #96733d;
  border-style: solid;
  border-color: #ffbf00;
  border-width: 5px; }

.A2S {
  background-color: #4580a4;
  border-style: solid;
  border-color: #214e6d;
  border-width: 5px; }

.P2R1 {
  background-color: #e4dde6; }

.color1Rec {
  background: #146C43;
  width: 100%;
  color: white;
  display: flex;
  /* enable flexbox */
  justify-content: center;
  /* horizontal centering */
  align-items: center;
  /* vertical centering */
  text-align: center;
  /* keeps multiline text centered */
  border-radius: 10px;
  height: 30px;
  line-height: 30px; }

.color1Rec:hover {
  color: #dfe1e2;
  /* change this to whatever hover color you want */ }

.color2Rec {
  background: #003049;
  width: 100%;
  color: white;
  display: flex;
  /* enable flexbox */
  justify-content: center;
  /* horizontal centering */
  align-items: center;
  /* vertical centering */
  text-align: center;
  /* keeps multiline text centered */
  border-radius: 10px;
  height: 30px;
  line-height: 30px; }

.color2Rec:hover {
  color: #dfe1e2;
  /* change this to whatever hover color you want */ }

.color3Rec {
  background: #FFA500;
  width: 100%;
  color: #002244;
  display: flex;
  /* enable flexbox */
  justify-content: center;
  /* horizontal centering */
  align-items: center;
  /* vertical centering */
  text-align: center;
  /* keeps multiline text centered */
  border-radius: 10px;
  height: 30px;
  line-height: 30px; }

:root {
  --light-button-primary-color: #623C7C;
  --body-background-color: #f1f1f1; }

/* Mixins */
div.TodayEvents {
  max-height: 12.9375rem;
  min-height: 12.9375rem;
  overflow-y: auto;
  flex-basis: 100% !important; }
  div.TodayEvents .data-container {
    display: inline; }
  div.TodayEvents .TodayTime {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    color: #954C97;
    font-size: 16px; }

.MarkRegisterLink {
  font-weight: 600; }

.RepeaterTitle {
  font-size: 1.5rem; }

div.MyCoursesFormatter .HyperlinkButtonStyle {
  padding: 5px 5px 0px 8px; }

@media (min-width: 992px) {
  .expander.ContainerModel.SmartTargetsExpander {
    padding: 0 1rem; } }

div.SmartTargetsFormatter, div.MyCoursesFormatter {
  max-height: 17.125rem;
  min-height: 17.125rem;
  overflow-y: auto;
  background-color: white; }

.SmartTargetsCategory .form-group {
  padding-top: 0px;
  padding-bottom: 0px; }

.SmartTargetsCategory .dataform-repeater {
  padding-bottom: 16px; }

.SmartTargetsCategory .repeater-border {
  border-top-color: white !important; }

.SmartTargetsCategory *[data-id="TARGET_DATE"] {
  font-weight: 600; }

.SmartTargetsDetails *[data-id="LEARNER_NAME"] {
  padding-top: 8px; }

img[data-id="LEARNERPHOTO"] {
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px; }

th.WorkGrades,
th.PredictedGrades,
th[data-column="ILPSTATUS"] {
  max-width: 52px; }

th.SmartTargets,
th[data-column="LEARNERPHOTO"] {
  max-width: 55px;
  min-width: 55px; }

th[data-column="SUPPORTNEEDS"] {
  max-width: 58px; }

th.Punctuality {
  max-width: 46px;
  min-width: 46px; }

th[data-column="CONCERN"] {
  max-width: 47px;
  min-width: 47px; }

th.Attendence {
  max-width: 51px;
  min-width: 51px; }

th[data-column="CONCERN"] {
  max-width: 59px;
  min-width: 59px; }

.AtRiskFormatter th {
  text-align: center; }

.AtRiskFormatter td.StaticTextModel, .AtRiskFormatter td.CustomHtmlModel {
  vertical-align: middle;
  text-align: center; }
  .AtRiskFormatter td.StaticTextModel.LearnerDetails, .AtRiskFormatter td.CustomHtmlModel.LearnerDetails {
    text-align: left; }

.ContainerModel, .DataContainerModel {
  background-color: transparent; }

div.expander:first-child {
  padding-bottom: 0px; }