/* Minification failed. Returning unminified contents.
(706,1): run-time error CSS1019: Unexpected token, found '@import'
(706,9): run-time error CSS1019: Unexpected token, found '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")'
(707,1): run-time error CSS1019: Unexpected token, found '@import'
(707,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.cdnfonts.com/css/muli")'
(1002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*!
 * Evo Calendar - Simple and Modern-looking Event Calendar Plugin
 *
 * Licensed under the MIT License
 *
 * Version: 1.1.2
 * Author: Edlyn Villegas
 * Docs: https://edlynvillegas.github.com/evo-calendar
 * Repo: https://github.com/edlynvillegas/evo-calendar
 * Issues: https://github.com/edlynvillegas/evo-calendar/issues
 *
*/
*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0; }

input:focus, textarea:focus, button:focus {
  outline: none; }

.evo-calendar {
  position: relative;
  background-color: #fbfbfb;
  color: #5a5a5a;
  width: 100%;
  -webkit-box-shadow: 0 10px 50px -20px #8773c1;
  box-shadow: 0 10px 50px -20px #8773c1;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1; }

.calendar-sidebar {
  position: absolute;
  margin-top: 0;
  width: 200px;
  height: 100%;
  float: left;
  background-color: #10273B;
  color: #fff;
  z-index: 1;
  -webkit-box-shadow: 5px 0 18px -3px #8773c1;
  box-shadow: 5px 0 18px -3px #8773c1;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 2; }

.sidebar-hide .calendar-sidebar {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-box-shadow: none;
  box-shadow: none; }

.calendar-sidebar > span#sidebarToggler {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background-color: #10273B;
  padding: 10px 8px;
  cursor: pointer;
  -webkit-box-shadow: 5px 0 18px -3px #8773c1;
  box-shadow: 5px 0 18px -3px #8773c1; }

.calendar-sidebar > .calendar-year {
  padding: 20px;
  text-align: center; }

.calendar-sidebar > .calendar-year > p {
  margin: 0;
  font-size: 30px;
  display: inline-block; }

.calendar-sidebar > .calendar-year > button.icon-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  overflow: visible; }

.calendar-sidebar > .calendar-year > button.icon-button > span {
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  width: 100%;
  height: 100%; }

.calendar-sidebar > .calendar-year > img[year-val="prev"] {
  float: left; }

.calendar-sidebar > .calendar-year > img[year-val="next"] {
  float: right; }

.calendar-sidebar > .month-list::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

.calendar-sidebar > .month-list::-webkit-scrollbar-track {
  background: transparent; }

.calendar-sidebar > .month-list::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 5px; }

.calendar-sidebar > .month-list::-webkit-scrollbar-thumb:hover {
  background: #d6c8ff; }

.calendar-sidebar > .month-list > .calendar-months {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.calendar-sidebar > .month-list > .calendar-months > li {
  padding: 7px 30px;
  cursor: pointer;
  font-size: 16px; }

.calendar-sidebar > .month-list > .calendar-months > li:hover {
  background-color: #63666A; }

.calendar-sidebar > .month-list > .calendar-months > li.active-month {
  background-color: #63666A; }

.calendar-inner {
  position: relative;
  padding: 40px 30px;
  float: left;
  width: 100%;
  max-width: calc(100% - 600px);
  margin-left: 200px;
  background-color: #fff;
  -webkit-box-shadow: 5px 0 18px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 0 18px -3px rgba(0, 0, 0, 0.15);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1; }

.calendar-inner::after {
  content: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(83, 74, 109, 0.5); }

.sidebar-hide .calendar-inner {
  max-width: calc(100% - 400px);
  margin-left: 0; }

.event-hide .calendar-inner {
  max-width: calc(100% - 200px); }

.event-hide.sidebar-hide .calendar-inner {
  max-width: 100%; }

.calendar-inner .calendar-table {
  border-collapse: collapse;
  font-size: 20px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

th[colspan="7"] {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 30px;
  color: #8773c1; }

th[colspan="7"]::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 50px;
  height: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(135, 115, 193, 0.15); }

tr.calendar-header .calendar-header-day {
  padding: 10px;
  text-align: center;
  color: #5a5a5a; }

tr.calendar-body .calendar-day {
  padding: 10px 0; }

tr.calendar-body .calendar-day .day {
  position: relative;
  padding: 15px;
  height: 60px;
  width: 60px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  color: #5a5a5a;
  border: 1px solid transparent;
  -webkit-transition: all .3s ease,-webkit-transform .5s ease;
  transition: all .3s ease,-webkit-transform .5s ease;
  -o-transition: all .3s ease,transform .5s ease;
  transition: all .3s ease,transform .5s ease;
  transition: all .3s ease,transform .5s ease,-webkit-transform .5s ease;
  cursor: pointer; }

tr.calendar-body .calendar-day .day:hover {
  background-color: #dadada; }

tr.calendar-body .calendar-day .day:active {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

tr.calendar-body .calendar-day .day.calendar-active, tr.calendar-body .calendar-day .day.calendar-active:hover {
  color: #5a5a5a;
  border-color: rgba(0, 0, 0, 0.5); }

tr.calendar-body .calendar-day .day.calendar-today {
  color: #fff;
  background-color: #8773c1; }

tr.calendar-body .calendar-day .day.calendar-today:hover {
  color: #fff;
  background-color: #755eb5; }

tr.calendar-body .calendar-day .day[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  background-color: transparent;
  color: #b9b9b9; }

.calendar-events {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  padding: 70px 30px 60px 30px;
  background-color: #fbfbfb;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  overflow-y: auto;
  z-index: 0; }

.calendar-events::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

.calendar-events::-webkit-scrollbar-track {
  background: transparent; }

.calendar-events::-webkit-scrollbar-thumb {
  background: #8e899c;
  border-radius: 5px; }

.calendar-events::-webkit-scrollbar-thumb:hover {
  background: #6c6875; }

.calendar-events > .event-header > p {
  font-size: 30px;
  font-weight: 600;
  color: #5a5a5a; }

#eventListToggler {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  background-color: #10273B;
  padding: 10px;
  cursor: pointer;
  -webkit-box-shadow: 5px 0 18px -3px #8773c1;
  box-shadow: 5px 0 18px -3px #8773c1;
  z-index: 1; }

.event-list::after {
  content: "";
  clear: both;
  display: table; }

.event-list > .event-empty {
  padding: 15px 10px;
  background-color: rgba(135, 115, 193, 0.15);
  border: 1px solid #8773c1; }

.event-list > .event-empty > p {
  margin: 0;
  color: #755eb5; }

.event-container {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 10px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  float: left; }

.event-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  transform: translate(29px, 30px);
  background-color: #eaeaea;
  z-index: -1; }

.event-container:last-child.event-container::before {
  height: 30px;
  transform: translate(29px, 0); }

.event-container:only-child.event-container::before {
  height: 0;
  opacity: 0; }

.event-container:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 12px -4px rgba(0, 0, 0, 0.65);
  box-shadow: 0 3px 12px -4px rgba(0, 0, 0, 0.65); }

.event-container > .event-icon {
  position: relative;
  padding: 20px;
  width: 60px;
  height: 60px;
  float: left; }

.event-container > .event-icon > img {
  width: 30px; }

.event-container > .event-info {
  align-self: center;
  width: calc(100% - 60px);
  display: inline-block;
  padding: 10px 10px 10px 0; }

.event-container > .event-info > p {
  margin: 0;
  color: #5a5a5a; }

.event-container > .event-info > p.event-title {
  position: relative;
  font-size: 22px;
  font-weight: 600; }

.event-container > .event-info > p.event-title > span {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 12px;
  font-weight: 400;
  color: #755eb5;
  border: 1px solid #755eb5;
  border-radius: 3px;
  background-color: #edeaf6;
  padding: 3px 6px;
  transform: translateY(-50%); }

.event-container > .event-info > p.event-desc {
  font-size: 14px;
  margin-top: 5px; }

.event-indicator {
  position: absolute;
  width: -moz-max-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-100% + -5px));
  -ms-transform: translate(-50%, calc(-100% + -5px));
  transform: translate(-50%, calc(-100% + -5px)); }

.event-indicator > .type-bullet {
  float: left;
  padding: 2px; }

.event-indicator > .type-bullet > div {
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.event-container > .event-icon > div {
  width: 100%;
  height: 100%;
  border-radius: 50%; }

.event-container > .event-icon > div[class^="event-bullet-"], .event-indicator > .type-bullet > div[class^="type-"] {
  background-color: #8773c1; }

.event-container > .event-icon > div.event-bullet-event, .event-indicator > .type-bullet > div.type-event {
  background-color: #ff7575; }

.event-container > .event-icon > div.event-bullet-holiday, .event-indicator > .type-bullet > div.type-holiday {
  background-color: #ffc107; }

.event-container > .event-icon > div.event-bullet-birthday, .event-indicator > .type-bullet > div.type-birthday {
  background-color: #3ca8ff; }

button.icon-button {
  border: none;
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer; }

button.icon-button > span.bars {
  position: relative;
  width: 100%;
  height: 4px;
  display: block;
  background-color: #fff; }

button.icon-button > span.bars::before, button.icon-button > span.bars::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  display: block;
  background-color: #fff; }

button.icon-button > span.bars::before {
  top: -8px; }

button.icon-button > span.bars::after {
  bottom: -8px; }

button.icon-button > span.chevron-arrow-left {
  display: inline-block;
  border-right: 6px solid #fff;
  border-bottom: 6px solid #fff;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg); }

button.icon-button > span.chevron-arrow-right {
  display: block;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  width: 16px;
  height: 16px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media screen and (max-width: 1280px) {
  .calendar-inner {
    padding: 50px 20px 70px 20px;
    max-width: calc(100% - 580px); }
  .sidebar-hide .calendar-inner {
    max-width: calc(100% - 380px); }
  tr.calendar-header .calendar-header-day, tr.calendar-body .calendar-day {
    padding: 10px 5px; }
  .calendar-events {
    width: 380px;
    padding: 70px 20px 60px 20px; } }

@media screen and (max-width: 1024px) {
  .calendar-sidebar {
    width: 175px; }
  .calendar-inner {
    padding: 50px 10px 70px 10px;
    max-width: calc(100% - 475px);
    margin-left: 175px; }
  .sidebar-hide .calendar-inner {
    max-width: calc(100% - 300px); }
  .event-hide .calendar-inner {
    max-width: calc(100% - 175px); }
  .calendar-events {
    width: 300px;
    padding: 70px 10px 60px 10px; }
  tr.calendar-body .calendar-day .day {
    padding: 10px;
    height: 45px;
    width: 45px;
    font-size: 16px; }
  .event-indicator > .type-bullet > div {
    width: 8px;
    height: 8px;
    border-radius: 50%; }
  .calendar-sidebar > span#sidebarToggler, #eventListToggler {
    width: 50px;
    height: 50px; }
  #eventListToggler, .event-hide #eventListToggler {
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  button.icon-button > span.bars {
    height: 5px; }
  button.icon-button > span.bars::before, button.icon-button > span.bars::after {
    height: 5px; }
  button.icon-button > span.bars::before {
    top: -10px; }
  button.icon-button > span.bars::after {
    bottom: -10px; }
  button.icon-button > span.chevron-arrow-right {
    border-right-width: 5px;
    border-bottom-width: 5px;
    width: 20px;
    height: 20px; }
  .event-container::before {
    transform: translate(24px, 25px); }
  .event-container:last-child.event-container::before {
    height: 25px;
    transform: translate(24px, 0); }
  .event-container > .event-icon {
    padding: 15px;
    width: 50px;
    height: 50px; }
  .event-container > .event-icon::before {
    left: 24px; }
  .event-container > .event-info {
    width: calc(100% - 50px); }
  .event-container > .event-info > p {
    font-size: 18px; } }

@media screen and (max-width: 991px) {
  .calendar-sidebar {
    width: 150px; }
  .calendar-inner {
    padding: 50px 10px 70px 10px;
    max-width: calc(100% - 425px);
    margin-left: 150px; }
  .sidebar-hide .calendar-inner {
    max-width: calc(100% - 275px); }
  .event-hide .calendar-inner {
    max-width: calc(100% - 150px); }
  .calendar-events {
    width: 275px;
    padding: 70px 10px 60px 10px; } }

@media screen and (max-width: 768px) {
  .calendar-sidebar {
    width: 180px; }
  .calendar-inner {
    padding: 50px 10px 70px 10px;
    max-width: 100%;
    margin-left: 0; }
  .sidebar-hide .calendar-inner, .event-hide .calendar-inner {
    max-width: 100%; }
  .calendar-inner::after {
    content: '';
    opacity: 1; }
  .sidebar-hide.event-hide .calendar-inner::after {
    content: none;
    opacity: 0; }
  .event-indicator {
    -webkit-transform: translate(-50%, calc(-100% + -3px));
    -ms-transform: translate(-50%, calc(-100% + -3px));
    transform: translate(-50%, calc(-100% + -3px)); }
  .event-indicator > .type-bullet {
    padding: 0 1px 3px 1px; }
  .calendar-events {
    width: 48%;
    padding: 70px 20px 60px 20px;
    -webkit-box-shadow: -5px 0 18px -3px rgba(135, 115, 193, 0.5);
    box-shadow: -5px 0 18px -3px rgba(135, 115, 193, 0.5);
    z-index: 1; }
  .event-hide .calendar-events {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: none;
    box-shadow: none; }
  #eventListToggler {
    right: 48%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .event-hide #eventListToggler {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .calendar-events > .event-list {
    margin-top: 20px; }
  .calendar-sidebar > .calendar-year > button.icon-button {
    width: 16px;
    height: 16px; }
  .calendar-sidebar > .calendar-year > button.icon-button > span {
    border-right-width: 2px;
    border-bottom-width: 2px; }
  .calendar-sidebar > .calendar-year > p {
    font-size: 22px; }
  .calendar-sidebar > .month-list > .calendar-months > li {
    padding: 6px 26px; }
  .calendar-events > .event-header > p {
    margin: 0; }
  .event-container > .event-info > p.event-title {
    font-size: 20px; }
  .event-container > .event-info > p.event-desc {
    font-size: 12px; } }

@media only screen and (max-width: 425px) {
  .calendar-sidebar {
    width: 200px; }
  .calendar-inner {
    width: 100%;
    margin-left: 0;
    padding: 50px 0 50px 0; }
  .calendar-inner, .calendar-events {
    width: 100%; }
  .sidebar-hide .calendar-inner {
    max-width: 100%; }
  .sidebar-hide .calendar-inner, .event-hide .calendar-inner {
    width: 100%; }
  .event-hide .calendar-inner {
    transform: translateX(0);
    box-shadow: none; }
  tr.calendar-header .calendar-header-day {
    padding: 0; }
  tr.calendar-body .calendar-day {
    padding: 5px; }
  tr.calendar-body .calendar-day .day {
    padding: 6px;
    width: 40px;
    height: 40px;
    font-size: 20px; }
  .event-indicator {
    transform: translate(-50%, calc(-100% + -3px)); }
  .event-indicator > .type-bullet {
    padding: 1px; }
  .event-indicator > .type-bullet > div.type-event, .event-indicator > .type-bullet > div.type-holiday, .event-indicator > .type-bullet > div.type-birthday {
    width: 6px;
    height: 6px; }
  tr.calendar-body .calendar-day .day.calendar-active, tr.calendar-body .calendar-day .day.calendar-active:hover {
    border: none; }
  .event-indicator {
    transform: translate(-50%, 0); }
  #eventListToggler {
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .event-container > .event-info > p.event-title {
    font-size: 14px; }
  .calendar-events > .event-header > p {
    font-size: 25px;
    font-weight: 600;
    color: #5a5a5a; } }

@media only screen and (max-width: 375px) {
  tr.calendar-header .calendar-header-day {
    font-size: 16px; }
  tr.calendar-body .calendar-day .day {
    width: 30px;
    height: 30px;
    font-size: 16px; } }
/*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");
#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; }

/*************
**  EvoCalendar for Ontrack Learner Homepage **
**************/
@media screen and (max-width: 1920px) {
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar {
    width: 180px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-inner {
    padding: 50px 10px 70px 10px;
    max-width: 100%;
    margin-left: 0; }
  .HomeCalendarEventsFormatter .EvoCalendar .sidebar-hide .calendar-inner,
  .HomeCalendarEventsFormatter .EvoCalendar .event-hide .calendar-inner {
    max-width: 100%; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-inner::after {
    content: '';
    opacity: 1; }
  .HomeCalendarEventsFormatter .EvoCalendar .sidebar-hide.event-hide .calendar-inner::after {
    content: none;
    opacity: 0; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator {
    -webkit-transform: translate(-50%, calc(-100% + -3px));
    -ms-transform: translate(-50%, calc(-100% + -3px));
    transform: translate(-50%, calc(-100% + -3px)); }
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator > .type-bullet {
    padding: 0 1px 3px 1px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-events {
    width: 48%;
    padding: 70px 20px 60px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-hide .calendar-events {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: none;
    box-shadow: none; }
  .HomeCalendarEventsFormatter .EvoCalendar #eventListToggler {
    right: 48%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .HomeCalendarEventsFormatter .EvoCalendar .event-hide #eventListToggler {
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-events > .event-list {
    margin-top: 20px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .calendar-year > button.icon-button {
    width: 16px;
    height: 16px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .calendar-year > button.icon-button > span {
    border-right-width: 2px;
    border-bottom-width: 2px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .calendar-year > p {
    font-size: 22px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .month-list > .calendar-months > li {
    padding: 6px 26px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-events > .event-header > p {
    margin: 0; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-container > .event-info > p.event-title {
    font-size: 14px; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-container > .event-info > p.event-desc {
    font-size: 12px; } }

@media only screen and (max-width: 430px) {
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar {
    width: 200px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-inner {
    width: 100%;
    margin-left: 0;
    padding: 50px 0 50px 0; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-inner,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-events {
    width: 100%; }
  .HomeCalendarEventsFormatter .EvoCalendar .sidebar-hide .calendar-inner {
    max-width: 100%; }
  .HomeCalendarEventsFormatter .EvoCalendar .sidebar-hide .calendar-inner,
  .HomeCalendarEventsFormatter .EvoCalendar .event-hide .calendar-inner {
    width: 100%; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-hide .calendar-inner {
    transform: translateX(0);
    box-shadow: none; }
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-header .calendar-header-day {
    padding: 0; }
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day {
    padding: 5px; }
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day {
    padding: 6px;
    width: 40px;
    height: 40px;
    font-size: 20px; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator > .type-bullet {
    padding: 1px; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator > .type-bullet > div.type-event,
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator > .type-bullet > div.type-holiday,
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator > .type-bullet > div.type-birthday {
    width: 6px;
    height: 6px; }
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day.calendar-active,
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day.calendar-active:hover {
    border: none; }
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator {
    transform: translate(-50%, 0px); }
  .HomeCalendarEventsFormatter .EvoCalendar #eventListToggler {
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .HomeCalendarEventsFormatter .EvoCalendar .event-container > .event-info > p.event-title {
    font-size: 14px; }
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-events > .event-header > p {
    font-size: 25px;
    font-weight: 600;
    color: #5a5a5a; } }

@media only screen and (max-width: 375px) {
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-header .calendar-header-day {
    font-size: 16px; }
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day {
    width: 30px;
    height: 30px;
    font-size: 16px; } }

.evo-calendar,
.HomeCalendarEventsFormatter .EvoCalendar {
  -webkit-box-shadow: 9px 9px 10px #d9d9d9;
  box-shadow: 9px 9px 10px #d9d9d9; }
  .evo-calendar h2,
  .HomeCalendarEventsFormatter .EvoCalendar h2 {
    color: #5a5a5a; }
  .evo-calendar h3,
  .HomeCalendarEventsFormatter .EvoCalendar h3 {
    background: none;
    padding: 0;
    margin: 0; }
  .evo-calendar .plus-sign,
  .HomeCalendarEventsFormatter .EvoCalendar .plus-sign {
    position: absolute;
    width: -moz-max-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: 100%;
    left: 70%;
    height: 18px;
    -webkit-transform: translate(-50%, calc(-100% + -5px));
    -ms-transform: translate(-50%, calc(-100% + -5px));
    transform: translate(-50%, calc(-100% + -5px));
    font-size: 1rem; }
  .evo-calendar .plus-sign:after,
  .HomeCalendarEventsFormatter .EvoCalendar .plus-sign:after {
    content: " \002B"; }
  .evo-calendar th[colspan="7"],
  .HomeCalendarEventsFormatter .EvoCalendar th[colspan="7"] {
    color: #5a5a5a; }
  .evo-calendar .calendar-sidebar,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .evo-calendar .calendar-sidebar > span#sidebarToggler,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > span#sidebarToggler {
    -webkit-box-shadow: none;
    box-shadow: None; }
  .evo-calendar .calendar-sidebar > .calendar-year > p,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .calendar-year > p {
    font-size: 1.46rem;
    font-weight: 500;
    font-family: soleil, 'Open Sans', sans-serif;
    margin-bottom: 0.5rem;
    line-height: 1.2; }
  .evo-calendar .calendar-sidebar > .calendar-year > button.icon-button,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .calendar-year > button.icon-button {
    width: 15px;
    height: 15px; }
  .evo-calendar .calendar-sidebar > .month-list > .calendar-months > li,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .month-list > .calendar-months > li {
    padding: 7px 30px;
    cursor: pointer;
    font-size: 16px;
    border-left: 5px solid transparent;
    color: #dedede;
    text-decoration: none; }
  .evo-calendar .calendar-sidebar > .month-list > .calendar-months > li:hover,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .month-list > .calendar-months > li:hover {
    background-color: #143246; }
  .evo-calendar .calendar-sidebar > .month-list > .calendar-months > li.active-month,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .month-list > .calendar-months > li.active-month {
    color: #ffffff;
    background-color: #143246; }
  .evo-calendar .calendar-events,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-events {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .evo-calendar .event-hide .calendar-events,
  .HomeCalendarEventsFormatter .EvoCalendar .event-hide .calendar-events {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .evo-calendar .calendar-events > .event-header > p,
  .HomeCalendarEventsFormatter .EvoCalendar .calendar-events > .event-header > p {
    font-size: 1.125rem; }
  .evo-calendar #eventListToggler,
  .HomeCalendarEventsFormatter .EvoCalendar #eventListToggler {
    -webkit-box-shadow: none;
    box-shadow: None; }
  .evo-calendar .event-list > .event-empty,
  .HomeCalendarEventsFormatter .EvoCalendar .event-list > .event-empty {
    padding: 15px 10px;
    background-color: unset;
    border: 0; }
  .evo-calendar .event-list > .event-empty > p,
  .HomeCalendarEventsFormatter .EvoCalendar .event-list > .event-empty > p {
    margin: 0;
    color: #5a5a5a; }
  .evo-calendar .event-container > .event-info > p.event-title,
  .HomeCalendarEventsFormatter .EvoCalendar .event-container > .event-info > p.event-title {
    font-size: 0.875rem; }
  .evo-calendar .event-container > .event-info > p.event-time,
  .HomeCalendarEventsFormatter .EvoCalendar .event-container > .event-info > p.event-time {
    font-size: 0.875rem; }
  .evo-calendar .event-indicator > .type-bullet > div.plus-sign,
  .HomeCalendarEventsFormatter .EvoCalendar .event-indicator > .type-bullet > div.plus-sign {
    content: " \002B"; }
  .evo-calendar tr.calendar-header .calendar-header-day,
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-header .calendar-header-day {
    font-size: 1rem; }
  .evo-calendar tr.calendar-body .calendar-day .day,
  .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day {
    font-size: 0.875rem; }
  @media only screen and (max-width: 1920px) {
    .evo-calendar tr.calendar-body .calendar-day .day,
    .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day {
      font-size: 0.875rem; } }
  @media only screen and (max-width: 768px) {
    .evo-calendar .plus-sign,
    .HomeCalendarEventsFormatter .EvoCalendar .plus-sign {
      left: 80%;
      height: 16px; }
    .evo-calendar .calendar-sidebar > .calendar-year > p,
    .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .calendar-year > p {
      font-size: 1.46rem; }
    .evo-calendar .calendar-sidebar > .calendar-year > button.icon-button,
    .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .calendar-year > button.icon-button {
      width: 15px;
      height: 15px; }
    .evo-calendar .event-container > .event-info > p.event-title,
    .HomeCalendarEventsFormatter .EvoCalendar .event-container > .event-info > p.event-title {
      font-size: 0.875rem; }
    .evo-calendar .calendar-events,
    .HomeCalendarEventsFormatter .EvoCalendar .calendar-events {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .evo-calendar .event-hide .calendar-events,
    .HomeCalendarEventsFormatter .EvoCalendar .event-hide .calendar-events {
      -webkit-box-shadow: none;
      box-shadow: none; } }
  @media only screen and (max-width: 430px) {
    .evo-calendar tr.calendar-body .calendar-day .day,
    .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day {
      font-size: 0.875rem; }
    .evo-calendar .plus-sign,
    .HomeCalendarEventsFormatter .EvoCalendar .plus-sign {
      left: 80%;
      height: 1px; }
    .evo-calendar .calendar-sidebar > .month-list > .calendar-months > li,
    .HomeCalendarEventsFormatter .EvoCalendar .calendar-sidebar > .month-list > .calendar-months > li {
      padding: 1px 26px; }
    .evo-calendar .event-container > .event-info > p.event-title,
    .HomeCalendarEventsFormatter .EvoCalendar .event-container > .event-info > p.event-title {
      font-size: 0.875rem; } }
  @media only screen and (max-width: 375px) {
    .evo-calendar tr.calendar-header .calendar-header-day,
    .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-header .calendar-header-day {
      font-size: 1rem; }
    .evo-calendar tr.calendar-body .calendar-day .day,
    .HomeCalendarEventsFormatter .EvoCalendar tr.calendar-body .calendar-day .day {
      font-size: 0.875rem;
      padding: 1px; } }