:root {
    --navyColor:var(--VCAA-secondary-blue-2); /*replaces linkit navy*/
    --red:var(--VCAA-secondary-blue-2); /*replaces linkit red*/
    --red2:var(--VCAA-primary-blue); /*replaces linkit red2*/

/* Variables for VCAA branding */

    --VCAA-gradient-angle: -60.25deg; /* Initally set to 90 + 40.75 from style guide */
    --VCAA-gradient-band-width: 200px; /* Width of middle gradient band - not sure if should be set width or percentage based */
    --VCAA-gradient-break-1: 34%; /* First gradient break point */
    --VCAA-gradient-break-2: calc(var(--VCAA-gradient-break-1) + var(--VCAA-gradient-band-width)); /* Second gradient break point */
    --VCAA-white-stripe-width: 3px; /* Multiplied by two when used */
    --VCAA-primary-blue: #97187f;
    --VCAA-secondary-blue-1: #00a1e6;
    --VCAA-secondary-blue-2: #007DB3;
    
}

/* Begin VCAA Gradient Background */
/* VCAA Blue Stipes */

#portal-v2-containter.special-page-login {
    background: linear-gradient(60deg, #97187f 0%, #911d81 11%, #7e2c88 24%, #634293 37%, #326ba9 57%, #1487bf 71%, #0596d3 81%, #009ce1 88%, #00a0e6 94%, #00a1e6 100%)
}




/* End VCAA Gradient Background */

    
.logo {
    background: url(https://linkit-css-aus.s3.ap-southeast-2.amazonaws.com/Portal/Production/3059/DAL-Logo_White.svg) no-repeat center;
    width:220px;
    height: 100px;
    margin: 0px 0px 0px 12px;
}

body:not(.vertical-navigation-expanded) .logo {
    background: url(https://linkit-css-aus.s3.ap-southeast-2.amazonaws.com/Portal/Production/3059/DAL-Logo_White_No-Tag.svg) no-repeat center;
    width: 52px;
    height: 50px;
    margin: 12px 0px 24px 8px;
}

.slider-wrapper {
    position:relative;
   /* aspect-ratio:65/24; */
    max-width:1400px
}

/* Hide Add+ Button */
#addNewStudentBtn {
    display:none !important;
    
}
/* Modify Generate Buttons */

#showBtnGenerateGroup {margin-right:10px}

#showBtnGenerateGroup > button:first-of-type {
  font-size: 0;
}

#showBtnGenerateGroup > button:first-of-type::before {
  content: "Generate Student Logins";
  font-size: 14px;
    
}

#showBtnGenerateGroup > button:nth-of-type(2) {
  display: none;
}

/* Modify Regestration code message */

#divStudent .message.success li::after {
  content: "Student Logins Generated Sucessfully";
  display: inline;
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: normal;
}

#divStudent .message.success li {
font-size:0px
}

/* Modify Export modal */

/* Replace One page per student label */
#modal-export label[for="export-by-per-student"]::after {
  content: " (with instructions)";
  font-weight: normal;
}

/* Replace Labels label */
#modal-export label[for="export-by-avery"]::after {
  content: " (14 per page – Avery L7163)";
  font-weight: normal;
}

/* Add new Header */
#modal-export h2.header::after {
  content: "Student login details";
  font-weight: 700;
  font-size:1.2rem
}

/* Hide Old Header */
#modal-export h2.header {
  font-size: 0px; 
}

/* Hide List option */
#export-by-list,
label[for="export-by-list"] {
  display: none !important;
}

#modal-export .modal-component-body {
  margin-top: -24px !important;
}

#modal-export > .modal-component-wrapper > .modal-component-container > .modal-component-content > .modal-component-body {
  margin-top: -24px !important;
}