/*
  This .scss file should contain NO CSS RULES, just imports
  of component and base .scss files.
*/
@import '../fonts/icon-font/style.css';
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-v13-latin-ext_latin-regular.eot");
  src: url("../fonts/open-sans-v13-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-ext_latin-regular.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-ext_latin-regular.woff") format("woff"), url("../fonts/open-sans-v13-latin-ext_latin-regular.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-ext_latin-regular.svg#OpenSans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-v13-latin-ext_latin-italic.eot");
  src: url("../fonts/open-sans-v13-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-ext_latin-italic.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-ext_latin-italic.woff") format("woff"), url("../fonts/open-sans-v13-latin-ext_latin-italic.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-ext_latin-italic.svg#OpenSans") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-v13-latin-ext_latin-700.eot");
  src: url("../fonts/open-sans-v13-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-ext_latin-700.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-ext_latin-700.woff") format("woff"), url("../fonts/open-sans-v13-latin-ext_latin-700.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-ext_latin-700.svg#OpenSans") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/open-sans-v13-latin-ext_latin-700italic.eot");
  src: url("../fonts/open-sans-v13-latin-ext_latin-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans-v13-latin-ext_latin-700italic.woff2") format("woff2"), url("../fonts/open-sans-v13-latin-ext_latin-700italic.woff") format("woff"), url("../fonts/open-sans-v13-latin-ext_latin-700italic.ttf") format("truetype"), url("../fonts/open-sans-v13-latin-ext_latin-700italic.svg#OpenSans") format("svg");
  font-weight: 700;
  font-style: italic;
}
[class^=icon-].small,
[class*=" icon-"].small {
  font-size: 50%;
}

[class^=icon-].large,
[class*=" icon-"].large {
  font-size: 150%;
}

.icomoon-font, .edit-user-role label::before, .current-rubric::before, .done-indicator::after, .select2-dropdown .select2-search::after, .select2-with-searchbox .select2-search::after, #ui-datepicker-div .ui-datepicker-next::before, #ui-datepicker-div .ui-datepicker-prev::before, .datepicker-input-wrapper::after, pact-score-graph .pact-score-info-popup .close::after, class-pact-ranges-graph .pact-score-info-popup .close::after, .aspect-icons a.complete::after, .aspect-chosen::before,
.aspect-unchosen::before, .start > a::before,
.start > span::before,
.continue > a::before,
.continue > span::before,
.confirm > a::before,
.confirm > span::before,
.done > a::before,
.done > span::before,
.out-of-cycle > a::before,
.out-of-cycle > span::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Helper classes */
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden, #helper-controls .control .text, #ui-datepicker-div .ui-datepicker-next span, #ui-datepicker-div .ui-datepicker-prev span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, #helper-controls .control .focusable.text:active, #ui-datepicker-div .ui-datepicker-next span.focusable:active, #ui-datepicker-div .ui-datepicker-prev span.focusable:active,
.visuallyhidden.focusable:focus,
#helper-controls .control .focusable.text:focus,
#ui-datepicker-div .ui-datepicker-next span.focusable:focus,
#ui-datepicker-div .ui-datepicker-prev span.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix::before, #unauthenticated-box .notifications-settings-form .notifications-settings-text::before, .navigator-helper::before,
.clearfix::after,
#unauthenticated-box .notifications-settings-form .notifications-settings-text::after,
.navigator-helper::after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix::after, #unauthenticated-box .notifications-settings-form .notifications-settings-text::after, .navigator-helper::after {
  clear: both;
}

/*
 * Clearfix mixin
 */
/*
 * Angular's ng-cloak rules
 */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

ng\:form { /* stylelint-disable-line */
  display: block;
}

.ng-animate-shim {
  visibility: hidden;
}

.ng-anchor {
  position: absolute;
}

.lifted-corners, .floating-box {
  position: relative;
}
.lifted-corners::before, .floating-box::before, .lifted-corners::after, .floating-box::after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 12px;
  left: 3px;
  width: 30%;
  top: 90%;
  box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.4);
  transform: rotate(-5deg);
}
.lifted-corners::after, .floating-box::after {
  box-shadow: -2px 15px 5px rgba(0, 0, 0, 0.4);
  transform: rotate(5deg);
  right: 3px;
  left: auto;
}

html {
  font-size: 62.5%;
  font-family: "Open Sans", "Arial", "Helvetica", sans;
}

body {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #252525;
}
body.reports {
  min-width: 1170px;
}
@media not print {
  body {
    background-color: #f0f0f0;
  }
}

h1 {
  font-size: 2.4rem;
}

h2 {
  font-size: 1.6rem;
}

p {
  margin: 15px 0;
}

.multi-line-comment {
  white-space: pre-wrap;
}

h1,
h2 {
  color: #2a6ebb;
}
body.PaCT.judgments h1,
body.PaCT.judgments h2 {
  color: #008c99;
}
body.PaCT.reports h1,
body.PaCT.reports h2 {
  color: #54519b;
}
body.PaCT.manage h1,
body.PaCT.manage h2 {
  color: #007637;
}
body.PaCT.contact-centre h1,
body.PaCT.contact-centre h2 {
  color: #dc291e;
}

.small {
  font-size: 1.2rem;
}

.italic {
  font-style: italic;
  color: #4f4f4f;
}

.text-left {
  padding-right: 15px;
  margin-right: 340px;
}

.data-helper-title {
  display: inline-block;
  margin-bottom: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a,
a:link,
a:visited,
a:active,
a:hover {
  color: #0063af;
}

a:hover {
  text-decoration: underline;
}

ul {
  padding-left: 0;
  margin-left: 15px;
}
ul li {
  margin-bottom: 15px;
}

.list-unstyled {
  list-style-type: none;
}

input::-moz-placeholder {
  font-style: italic;
  color: #4f4f4f;
}

input::placeholder {
  font-style: italic;
  color: #4f4f4f;
}

input,
textarea,
.input {
  border: 1px solid #c2c2c2;
  padding: 7px 5px;
}

input,
button,
textarea,
select {
  font-family: "Open Sans", "Arial", "Helvetica", sans;
  font-size: 1.4rem;
}

form .error > .error,
form .error > .help-concertina-wrapper > .error {
  color: #b6231d;
  font-size: 1.2rem;
  margin-top: 5px;
  display: inline-block;
}

form .error > .error input,
.field.error input,
.error > input,
.field.error textarea {
  border: 1px solid #b6231d;
}

.styled-select {
  position: relative;
  display: inline-block;
}
.styled-select::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #252525 transparent;
  background-color: transparent;
  position: absolute;
  border-top-style: solid;
  border-top-color: #252525;
  border-width: 5px 5px 0;
  right: 10px;
  top: 15px;
  pointer-events: none;
}
.styled-select select {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 6px 30px 6px 5px;
  background: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.styled-select select::-ms-expand {
  display: none;
}
.styled-select select option {
  padding-left: 5px;
}
.styled-select select.extra-long-option {
  max-width: 800px;
}

.field {
  vertical-align: top;
}

[readonly],
[disabled] {
  background: #f1f1f1;
  border: 1px solid #ccc;
  color: #b1b0b0;
}

.rule {
  border-top: 2px solid #e7e7e7;
  margin-top: 25px;
  padding-top: 20px;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body {
  width: 100%;
  min-width: 940px;
}

body.responsive {
  min-width: 750px;
}

#content > .interior,
.main-header > .interior,
.main-nav > .interior,
.main-footer > .interior {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
}

#site-wrapper {
  max-width: 100%;
  overflow-x: hidden;
}
@media only screen and (max-width: 1190px) {
  #site-wrapper {
    background-color: #f0f0f0;
  }
}

@media only screen and (min-width: 1320px) {
  .main-footer > .interior {
    max-width: 1320px;
    padding: 0 85px;
  }
}

#content {
  min-height: calc(100vh - 57px - 57px - 118px); /* leave space for header, nav + footer */
}
#content > .interior {
  background-color: #fff;
  padding: 15px 20px;
  margin-bottom: 35px;
  min-height: 600px;
}
#content > .interior .panel.with-sidebar {
  min-height: 1170px;
  background-color: #fff;
}
#content > .interior .panel.with-sidebar .sidebar {
  height: 100%;
  max-height: 100%;
}
#content > .interior .panel.with-sidebar .main {
  min-height: 100%;
}
@media only screen and (max-width: 1190px) {
  #content > .interior {
    margin-bottom: 20px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 1190px) {
  #content {
    margin-left: 8px;
    margin-right: 8px;
    width: auto;
  }
}

.main-header {
  min-height: 57px;
}

.main-nav {
  height: 57px;
}
.main-nav .main-nav-items {
  overflow: hidden;
  height: 109px;
  position: relative;
  top: -10px;
  padding-top: 10px;
}
.main-nav .main-nav-items::after {
  content: "";
  display: table;
  clear: both;
}

#helper-controls {
  position: absolute;
  right: 10px;
  top: 0;
}

body .with-right-sidebar #main-content {
  float: left;
  width: 67%;
  margin-right: 3%;
}
body .with-right-sidebar .right-sidebar {
  float: right;
  width: 30%;
}
body .with-right-sidebar .right-sidebar select,
body .with-right-sidebar .right-sidebar textarea {
  max-width: 100%;
  margin-bottom: 20px;
}

.main-footer {
  min-height: 118px;
}

@media not print {
  .print-only {
    display: none !important;
  }
}

@media print {
  .no-print, #student-report-pager, #settings, .options, .rubric-nav, .floating-box-header::before, .floating-box-header::after, .tertiary-nav, .panel-tabs, .footer-pattern, .footer-pattern-wrapper::after, .footer-pattern-wrapper::before, .main-footer::before {
    display: none !important;
  }
}

.main-footer {
  background-color: #252525;
  color: #c2c2c2;
}
@media print {
  .main-footer {
    background-color: transparent;
    color: #252525;
  }
}

.footer-text,
.footer-logos {
  float: left;
  margin-bottom: 10px;
}
@media only screen and (max-width: 967px) {
  .footer-text,
  .footer-logos {
    float: none;
    margin-bottom: 20px;
  }
}

.footer-text {
  margin-top: 20px;
  width: calc(100% - 290px);
  padding-right: 20px;
}
.footer-text p {
  margin: 0;
}
.footer-text p:first-child {
  font-weight: bold;
}
.footer-text p:last-child {
  font-style: italic;
  font-size: 1.3rem;
}
.footer-text a:hover {
  text-decoration: none;
}

.footer-logos {
  margin-top: 30px;
  width: 290px;
}
.footer-logos a {
  display: block;
  float: left;
}
.footer-logos a.moe-logo {
  width: 40%;
  margin-right: 5%;
}
@media print {
  .footer-logos a.moe-logo {
    width: 116px;
    height: 42px;
    margin-right: 14px;
  }
}
.footer-logos a.nz-govt-logo {
  width: 55%;
  margin-top: 10px;
}
@media print {
  .footer-logos a.nz-govt-logo {
    width: 160px;
    height: 17px;
  }
}
.footer-logos img {
  width: 100%;
}

.terms-and-conditions {
  display: inline-block;
  font-size: 1.1rem;
}
@media only screen and (max-width: 967px) {
  .terms-and-conditions {
    text-align: left;
    margin-bottom: 10px;
  }
}

body a.terms-and-conditions,
body a.terms-and-conditions:link,
body a.terms-and-conditions:hover,
body a.terms-and-conditions:active,
body a.terms-and-conditions:visited {
  color: #c2c2c2;
}

/* stylelint-disable */
.main-footer::before {
  background: url("../img/highres-img/wave.svg") repeat-x scroll left top;
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: relative;
  top: -4px;
}

.footer-pattern-wrapper {
  width: 100%;
  min-height: 114px;
  overflow: hidden;
  z-index: 0;
}
.footer-pattern-wrapper::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 64.3548387252px 114px;
  border-color: transparent transparent rgba(101, 101, 101, 0.2) transparent;
  background-color: transparent;
  right: 0;
  bottom: 0;
}
.footer-pattern-wrapper::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 32.1774193626px 57px;
  border-color: transparent transparent rgba(101, 101, 101, 0.2) transparent;
  background-color: transparent;
  right: 128.7096774505px;
  bottom: 0;
}

.footer-pattern.first::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 21.4516129084px 38px;
  border-color: transparent transparent rgba(101, 101, 101, 0.2) transparent;
  background-color: transparent;
  right: 107.2580645421px;
  bottom: 0;
}
.footer-pattern.first::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 21.4516129084px 38px;
  border-color: transparent transparent rgba(101, 101, 101, 0.2) transparent;
  background-color: transparent;
  right: 96.5322580879px;
  bottom: 19px;
}
.footer-pattern.last::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10.7258064542px 19px;
  border-color: transparent transparent rgba(101, 101, 101, 0.2) transparent;
  background-color: transparent;
  right: 128.7096774505px;
  bottom: 38px;
}

/* stylelint-disable */
body .main-header {
  background-color: #252525;
  color: #fff;
}
@media print {
  body .main-header {
    background-color: transparent;
  }
}
body .main-header a,
body .main-header a:link,
body .main-header a:visited,
body .main-header a:active,
body .main-header a:hover {
  color: #fff;
}
@media print {
  body .main-header a,
  body .main-header a:link,
  body .main-header a:visited,
  body .main-header a:active,
  body .main-header a:hover {
    color: #252525;
  }
}
body .main-header > .interior {
  padding: 0;
}
@media only screen and (max-width: 1190px) {
  body .main-header > .interior {
    padding: 0 10px;
  }
}

#site-header {
  float: left;
  font-size: 1.8rem;
}
@media print {
  #site-header {
    margin-left: 20px;
  }
}
#site-header p {
  margin: 12px 0;
}
#site-header a:hover {
  text-decoration: none;
}

#user-controls {
  float: right;
  margin: 15px 0;
}
#user-controls li {
  margin: 0 15px 0 0;
  display: inline-block;
}
@media print {
  #user-controls li {
    display: none;
  }
  #user-controls li:first-child {
    display: block;
    margin-right: 20px;
  }
}
#user-controls li:last-child {
  margin-right: 0;
}

#notifications-indicator:not(.has-notifications) #notifications-count {
  opacity: 0.7;
}
#notifications-indicator .icon-notification {
  font-size: 1.8rem;
  position: relative;
  top: 2px;
}

/* stylelint-disable */
/*
  Main navigation.
  The background color changes depending on the site and subsection.
*/
body .main-nav {
  color: #fff;
  position: relative;
  background-color: #2562a6;
  background: linear-gradient(to bottom, #2562a6 0%, #215691 100%);
}
body .main-nav a,
body .main-nav a:link,
body .main-nav a:visited,
body .main-nav a:active,
body .main-nav a:hover {
  color: #fff;
}
body .main-nav > .interior {
  padding: 0;
}
@media only screen and (max-width: 1190px) {
  body .main-nav {
    padding-left: 8px;
    padding-right: 8px;
    width: auto;
  }
}

body.PaCT.judgments .main-nav {
  background-color: #00a3b3;
  background: linear-gradient(to bottom, #00a3b3 0%, #008c99 100%);
}

body.PaCT.reports .main-nav {
  background-color: #55539e;
  background: linear-gradient(to bottom, #55539e 0%, #4c4a8e 100%);
}

body.PaCT.homepage .main-nav {
  background-color: #2869b3;
  background: linear-gradient(to bottom, #2869b3 0%, #235d9e 100%);
}

body.PaCT.manage .main-nav {
  background-color: #007b39;
  background: linear-gradient(to bottom, #007b39 0%, #00612d 100%);
}

body.PaCT.contact-centre .main-nav {
  background-color: #d3271d;
  background: linear-gradient(to bottom, #d3271d 0%, #bd231a 100%);
}

body.PaCT.profile .main-nav {
  background-color: #2869b3;
  background: linear-gradient(to bottom, #2869b3 0%, #235d9e 100%);
}

.main-nav ul > li > a {
  background: #2a6ebb;
}
.main-nav ul > li > a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 62px 107px;
  border-color: transparent transparent #235d9e transparent;
  background-color: transparent;
  right: 0;
  top: 2px;
  border-right-width: 0;
  pointer-events: none;
}
.main-nav ul > li > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 72px;
  border-color: transparent transparent rgba(130, 175, 227, 0.2) transparent;
  background-color: transparent;
  right: 0;
  bottom: -42px;
  pointer-events: none;
}
.main-nav ul > li > a::before {
  border-color: transparent transparent #2664aa transparent;
}
.main-nav ul > li > a::after {
  border-color: transparent transparent rgba(113, 165, 223, 0.2) transparent;
}

.main-nav ul > li.nav-judgments a {
  background-color: #00acbd;
}
.main-nav ul > li.nav-judgments a::before {
  border-color: transparent transparent #0099a9 transparent;
}
.main-nav ul > li.nav-judgments a::after {
  border-color: transparent transparent rgba(41, 236, 255, 0.2) transparent;
}
.main-nav ul > li.nav-judgments.has-subnav.current::after {
  background-color: #0099a9;
}

.main-nav ul > li.nav-reports a {
  background-color: #5956a5;
}
.main-nav ul > li.nav-reports a::before {
  border-color: transparent transparent #524f98 transparent;
}
.main-nav ul > li.nav-reports a::after {
  border-color: transparent transparent rgba(157, 155, 203, 0.2) transparent;
}
.main-nav ul > li.nav-reports.has-subnav.current::after {
  background-color: #524f98;
}

.main-nav ul > li.nav-homepage a {
  background-color: #2a6ebb;
}
.main-nav ul > li.nav-homepage a::before {
  border-color: transparent transparent #2664aa transparent;
}
.main-nav ul > li.nav-homepage a::after {
  border-color: transparent transparent rgba(113, 165, 223, 0.2) transparent;
}
.main-nav ul > li.nav-homepage.has-subnav.current::after {
  background-color: #2664aa;
}

.main-nav ul > li.nav-manage a {
  background-color: #00853e;
}
.main-nav ul > li.nav-manage a::before {
  border-color: transparent transparent #007134 transparent;
}
.main-nav ul > li.nav-manage a::after {
  border-color: transparent transparent rgba(0, 240, 112, 0.2) transparent;
}
.main-nav ul > li.nav-manage.has-subnav.current::after {
  background-color: #007134;
}

.main-nav ul > li.nav-contact-centre a {
  background-color: #dc291e;
}
.main-nav ul > li.nav-contact-centre a::before {
  border-color: transparent transparent #ca261c transparent;
}
.main-nav ul > li.nav-contact-centre a::after {
  border-color: transparent transparent rgba(237, 127, 120, 0.2) transparent;
}
.main-nav ul > li.nav-contact-centre.has-subnav.current::after {
  background-color: #ca261c;
}

.main-nav ul > li.nav-profile a {
  background-color: #2a6ebb;
}
.main-nav ul > li.nav-profile a::before {
  border-color: transparent transparent #2664aa transparent;
}
.main-nav ul > li.nav-profile a::after {
  border-color: transparent transparent rgba(113, 165, 223, 0.2) transparent;
}
.main-nav ul > li.nav-profile.has-subnav.current::after {
  background-color: #2664aa;
}

.main-nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
}

.main-nav ul > li {
  cursor: default;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  height: 67px;
  position: relative;
  top: -10px;
}
.main-nav ul > li:first-child a {
  border-radius: 10px 0 0 0;
}
.main-nav ul > li.current > a {
  top: 0;
}
.main-nav ul > li.has-subnav.current {
  overflow: visible;
  z-index: 1;
}
.main-nav ul > li.has-subnav.current::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 100%;
  width: 1170px;
  height: 42px;
}

.main-nav ul > li > a {
  cursor: pointer;
  display: block;
  color: #fff;
  margin: 0;
  padding: 15px 20px 0;
  min-width: 158px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  height: 67px;
  position: relative;
  top: 10px;
  transition-duration: 0.3s;
}
.main-nav ul > li > a:hover {
  text-decoration: none;
  top: 0;
}

.main-nav ul > li > a:hover,
.main-nav ul > li.current > a {
  box-shadow: -5px -5px 9px -4px rgba(37, 37, 37, 0.1);
  transition-duration: 0.3s;
}

body.PaCT .main-nav ul > li:last-child {
  box-shadow: 1px -1px 0 1px rgba(37, 37, 37, 0.1);
}

/* stylelint-disable */
/*
 * Secondary navigation
 * Immediately below main-nav, using some overlapping elements from that
 */
.panel-tabs {
  height: 42px;
  position: relative;
  top: -15px;
  z-index: 1;
  overflow: hidden;
}
.panel-tabs a {
  display: inline-block;
  position: relative;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  padding: 10px 0 0;
  margin: 0 20px;
  height: 42px;
}
.panel-tabs a:first-child {
  margin-left: 5px;
}
.panel-tabs a:last-child {
  margin-right: 0;
}
.panel-tabs a:hover {
  text-decoration: none;
}
.panel-tabs a.current::before, .panel-tabs a:hover::before {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: #fff;
  bottom: -5px;
  left: calc(50% - 2px);
  content: "";
}

@media not print {
  .panel.with-tabs::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
  }
  body.judgments .panel.with-tabs::before {
    background-color: #00acbd;
  }
  body.reports .panel.with-tabs::before {
    background-color: #5956a5;
  }
  body.homepage .panel.with-tabs::before {
    background-color: #2a6ebb;
  }
  body.manage .panel.with-tabs::before {
    background-color: #00853e;
  }
  body.contact-centre .panel.with-tabs::before {
    background-color: #dc291e;
  }
  body.profile .panel.with-tabs::before {
    background-color: #2a6ebb;
  }
}

#temporary-engagement-banner {
  background-color: #dc291e;
  font-weight: bold;
  text-align: center;
  padding: 0.6em;
}

#temporary-engagement-message {
  padding: 0 2em;
}

.pact-banner-message {
  background-color: #f2f6fb;
  color: #252525;
  text-align: left;
  padding: 15px;
  border: 1px solid #2a6ebb;
  border-radius: 5px;
  display: inline-block;
  max-width: 70%;
  min-width: 380px;
  margin: 15px auto;
}

.banner-title {
  font-weight: bold;
  color: #2a6ebb;
  text-align: left;
}

.banner-message-outer {
  width: 100%;
  text-align: center;
}

/*
  Judgment view mode
*/
.modes {
  font-size: 1.2rem;
  float: right;
}
.modes a,
.modes span {
  display: block;
  float: left;
  line-height: 21px;
}
.modes a {
  color: #b3b3b3;
  font-size: 2rem;
}
.modes a:hover, .modes a:focus {
  text-decoration: none;
}
body.PaCT.judgments .modes a:hover, body.PaCT.judgments .modes a:focus {
  color: #00acbd;
}
body.PaCT.reports .modes a:hover, body.PaCT.reports .modes a:focus {
  color: #5956a5;
}
body.PaCT.homepage .modes a:hover, body.PaCT.homepage .modes a:focus {
  color: #2a6ebb;
}
body.PaCT.manage .modes a:hover, body.PaCT.manage .modes a:focus {
  color: #00853e;
}
body.PaCT.contact-centre .modes a:hover, body.PaCT.contact-centre .modes a:focus {
  color: #dc291e;
}
body.PaCT.profile .modes a:hover, body.PaCT.profile .modes a:focus {
  color: #2a6ebb;
}
.modes a span {
  margin-left: 8px;
}
.modes a.selected {
  color: #00acbd;
}

/* stylelint-disable */
/*
 * Sidebar
 * Includes positioning/styles for body and main areas when sidebar is present
 */
@media only screen and (max-width: 967px) {
  body.section-has-sidebar {
    padding-left: 34px;
    position: relative;
  }
  body.section-has-sidebar::before, body.section-has-sidebar::after {
    content: "";
    display: block;
    background-color: #252525;
    width: 34px;
    height: 57px;
    position: absolute;
    top: 0;
    left: 0;
  }
  body.section-has-sidebar::after {
    background-color: #00acbd;
    top: 57px;
  }
}
body.section-has-sidebar #content > .interior {
  padding: 0;
  border-left: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
}
body.section-has-sidebar .breadcrumbs {
  padding: 15px 20px;
  border-left: 1px solid #fff;
  margin-left: -1px;
}
body.section-has-sidebar .breadcrumbs p {
  margin: 0;
}
body.section-has-sidebar .modes {
  padding: 15px 20px;
}

body.section-has-sidebar .with-sidebar {
  position: relative;
}
body.section-has-sidebar .with-sidebar .main {
  background-color: #fff;
  padding-right: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  min-height: 800px;
}
body.section-has-sidebar .with-sidebar h1 {
  margin: 0;
  padding-bottom: 12px;
}

body.section-has-sidebar .with-sidebar.open {
  background-color: #f6f6f6;
  padding-left: 188px;
}
@media only screen and (max-width: 967px) {
  body.section-has-sidebar .with-sidebar.open {
    padding-left: 0;
  }
}
body.section-has-sidebar .with-sidebar.open .sidebar {
  margin-left: -188px;
  border-right: 1px solid #c2c2c2;
}
@media only screen and (max-width: 967px) {
  body.section-has-sidebar .with-sidebar.open .sidebar {
    margin-left: 0;
  }
}
body.section-has-sidebar .with-sidebar.open .sidebar-inner::after {
  content: "";
  display: block;
  background-color: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: -1px;
}
@media only screen and (max-width: 967px) {
  body.section-has-sidebar .with-sidebar.open .sidebar-inner::after {
    display: none;
  }
}
body.section-has-sidebar .with-sidebar.open .sidebar-toggle {
  display: none;
}
@media only screen and (max-width: 967px) {
  body.section-has-sidebar .with-sidebar.open .sidebar-toggle {
    display: block;
  }
}
body.section-has-sidebar .with-sidebar.open .sidebar .sidebar-toggle {
  display: block;
  height: 34px;
  left: auto;
  top: 0;
}
@media only screen and (max-width: 967px) {
  body.section-has-sidebar .with-sidebar.open .sidebar .sidebar-toggle {
    height: 100%;
    left: 188px;
  }
}
body.section-has-sidebar .with-sidebar.open .sidebar .label {
  display: none;
}
@media only screen and (max-width: 967px) {
  body.section-has-sidebar .with-sidebar.open .sidebar .label {
    display: block;
  }
}
body.section-has-sidebar .with-sidebar.open .main {
  padding-left: 20px;
  border-left: 1px solid #c2c2c2;
  border-left: 0;
}

body.section-has-sidebar .with-sidebar.closed .sidebar {
  display: none;
}
body.section-has-sidebar .with-sidebar.closed .main {
  padding-left: 54px;
  border-left: 1px solid #fff;
  margin-left: -1px;
}
@media only screen and (max-width: 967px) {
  body.section-has-sidebar .with-sidebar.closed .main {
    padding-left: 20px;
  }
}

.sidebar-toggle {
  position: absolute;
  right: -1px;
  left: 188px;
  z-index: 16;
  display: inline-block;
  width: 34px;
  outline: none;
  border-top-right-radius: 8px;
  background-color: #f0f0f0;
  height: 100%;
  box-shadow: 3px 0 5px 0 rgba(37, 37, 37, 0.15);
}
@media only screen and (max-width: 967px) {
  .sidebar-toggle {
    position: fixed;
    left: 0;
  }
}
.sidebar-toggle:hover, .sidebar-toggle:focus {
  text-decoration: none;
}
.sidebar-toggle span.icon-open-arrow-left,
.sidebar-toggle span.icon-open-arrow-right {
  color: #fff;
  display: block;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 1.2rem;
  width: 34px;
  height: 34px;
  border-top-right-radius: 8px;
  background-color: #007e8a;
}
.sidebar-toggle .label {
  position: absolute;
  top: 95px;
  transform: rotate(-90deg);
  color: #252525;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 0;
  display: inline-block;
  text-align: right;
  width: 100px;
  left: -34px;
}
.with-sidebar.open > .sidebar-toggle {
  display: none;
}
.with-sidebar.closed .sidebar-toggle {
  left: 0;
  border-left: 1px solid #c2c2c2;
}
@media only screen and (max-width: 967px) {
  .with-sidebar.closed .sidebar-toggle {
    top: 0;
    border-left: 0;
  }
}

.sidebar {
  position: absolute;
  width: 188px;
  background-color: #f6f6f6;
  padding-top: 34px;
  z-index: 25;
}
@media only screen and (max-width: 967px) {
  .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .sidebar .helper {
    display: none !important;
  }
}
.sidebar h3 {
  color: #fff;
  font-size: 1.3rem;
  padding: 7px 40px 7px 10px;
  margin: 0;
  min-height: 34px;
  background-color: #00acbd;
  text-shadow: 0 0 2px rgba(0, 33, 36, 0.6);
  position: absolute;
  top: 0;
  width: 100%;
  border-top-right-radius: 0;
}
.sidebar .entire-list {
  max-height: 900px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar .styled-select {
  padding: 7px 5px 5px;
  border-bottom: 1px solid #c2c2c2;
  min-width: 100%;
}
.sidebar .styled-select::after {
  right: 15px;
  top: 22px;
}
.sidebar .styled-select select {
  width: 100%;
}
.sidebar h4 {
  margin: 0;
  padding: 9px;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  background-color: #ddd;
}
.sidebar h4:first-child {
  border-top: 0;
}
.sidebar ul {
  margin: 0;
  list-style-type: none;
}
#student-list-page .sidebar ul {
  max-height: 570px;
}
.sidebar li {
  position: relative;
}
.sidebar li.current a.button {
  border-left: 1px solid #ddd;
  background: #007e8a;
  color: #fff;
}
.sidebar .view-all {
  font-size: 1.2rem;
}
.sidebar .contains {
  position: absolute;
  right: 9px;
  top: 9px;
}
.sidebar .items {
  list-style-type: none;
  margin: 0;
  background-color: #f6f6f6;
}
.sidebar .items li {
  margin-bottom: 0;
}
.sidebar .items li:last-child a {
  border-bottom: 0;
}
.sidebar .items a {
  border-bottom: 1px solid #c2c2c2;
  display: block;
  color: #252525;
  padding: 9px;
  padding-right: 30px;
  position: relative;
}
.sidebar .items a:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.sidebar .items .current a {
  background-color: #fff;
  font-weight: bold;
  border-left: 2px solid #00acbd;
  padding-left: 7px;
}
.sidebar.students .items a {
  padding-left: 30px;
  padding-right: 9px;
}
.sidebar.students .items a::before {
  position: absolute;
  left: 9px;
  top: 12px;
}
.sidebar.students .items .current a {
  padding-left: 28px;
}
.sidebar.students .items .current a::before {
  left: 7px;
}
.sidebar .key {
  border-top: 1px solid #c2c2c2;
}
.sidebar .key h4 {
  background-color: transparent;
}

p.filter-item-wrapper {
  width: 135px;
  margin: 0;
  padding: 0;
}

/* stylelint-disable */
/*
 * Tabs style tertiary navigation
 * Used in reports, manage, user accounts, contact centre
 */
.tertiary-nav {
  border-bottom: 2px solid #2a6ebb;
  margin-bottom: 10px;
}
.tertiary-nav a {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  padding: 12px 22px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-bottom-width: 0;
  border-radius: 10px 10px 0 0;
}
.tertiary-nav a:last-child {
  margin-right: 0;
}
.tertiary-nav a.current {
  background-color: #2a6ebb;
  border-color: #2a6ebb;
  color: #fff;
}
.tertiary-nav a.current:hover {
  text-decoration: none;
}

body.judgments .tertiary-nav {
  border-bottom-color: #00acbd;
}
body.judgments .tertiary-nav a {
  color: #00acbd;
}
body.judgments .tertiary-nav a.current {
  background-color: #00acbd;
  border-color: #00acbd;
  color: #fff;
}

body.reports .tertiary-nav {
  border-bottom-color: #5956a5;
}
body.reports .tertiary-nav a {
  color: #5956a5;
}
body.reports .tertiary-nav a.current {
  background-color: #5956a5;
  border-color: #5956a5;
  color: #fff;
}

body.homepage .tertiary-nav {
  border-bottom-color: #2a6ebb;
}
body.homepage .tertiary-nav a {
  color: #2a6ebb;
}
body.homepage .tertiary-nav a.current {
  background-color: #2a6ebb;
  border-color: #2a6ebb;
  color: #fff;
}

body.manage .tertiary-nav {
  border-bottom-color: #00853e;
}
body.manage .tertiary-nav a {
  color: #00853e;
}
body.manage .tertiary-nav a.current {
  background-color: #00853e;
  border-color: #00853e;
  color: #fff;
}

body.contact-centre .tertiary-nav {
  border-bottom-color: #dc291e;
}
body.contact-centre .tertiary-nav a {
  color: #dc291e;
}
body.contact-centre .tertiary-nav a.current {
  background-color: #dc291e;
  border-color: #dc291e;
  color: #fff;
}

body.profile .tertiary-nav {
  border-bottom-color: #2a6ebb;
}
body.profile .tertiary-nav a {
  color: #2a6ebb;
}
body.profile .tertiary-nav a.current {
  background-color: #2a6ebb;
  border-color: #2a6ebb;
  color: #fff;
}

/*
 * Tabs in-page navigation
 * Used in reports section pages
 */
.in-page-nav {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
.in-page-nav a {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  padding: 10px 22px;
  border: 1px solid #ccc;
  background: #fff;
  border-bottom-width: 0;
  border-radius: 10px 10px 0 0;
  color: #252525;
  z-index: 1;
  position: relative;
  top: 1px;
}
.in-page-nav a:last-child {
  margin-right: 0;
}
.in-page-nav a.current {
  color: #2a6ebb;
  border-bottom: 1px solid #fff;
}
.in-page-nav a.current:hover {
  text-decoration: none;
}
body.judgments .in-page-nav a.current {
  color: #00acbd;
}
body.reports .in-page-nav a.current {
  color: #5956a5;
}
body.homepage .in-page-nav a.current {
  color: #2a6ebb;
}
body.manage .in-page-nav a.current {
  color: #00853e;
}
body.contact-centre .in-page-nav a.current {
  color: #dc291e;
}
body.profile .in-page-nav a.current {
  color: #2a6ebb;
}
.in-page-nav a.comparison {
  color: #dc291e;
  border-bottom: 1px solid #fff;
}
.in-page-nav a.comparison:hover {
  text-decoration: none;
}

/* stylelint-disable */
/*
 * Log in, logged out, school choice, account signup, wizard.
 */
.unauthenticated ul#top-links {
  position: absolute;
  width: 100%;
  min-width: 750px;
  text-align: right;
  margin: 0;
  padding: 0;
  z-index: 3;
}
.unauthenticated ul#top-links li {
  margin: 20px 25px;
  list-style-type: none;
}
.unauthenticated ul#top-links li a,
.unauthenticated ul#top-links li a:link,
.unauthenticated ul#top-links li a:active,
.unauthenticated ul#top-links li a:visited,
.unauthenticated ul#top-links li a:hover {
  color: #fff;
  font-weight: bold;
}

#unauthenticated-title {
  width: 100%;
  overflow: hidden;
  position: relative;
  min-height: 135px;
  padding: 0 65px;
  color: #fff;
}
#unauthenticated-title h1,
#unauthenticated-title h2 {
  color: #fff;
}
@media print {
  #unauthenticated-title h1,
  #unauthenticated-title h2 {
    color: #252525;
    margin-bottom: 0;
  }
}

body.PaCT #unauthenticated-title {
  background-color: #2a6ebb;
}
body.PaCT #unauthenticated-title::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 70.5645161461px 125px;
  border-color: transparent transparent #1f7abf transparent;
  background-color: transparent;
  right: 0;
  bottom: 0;
  border-right-width: 0;
}
body.PaCT #unauthenticated-title::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 49.4516129152px 87.6px;
  border-color: transparent transparent rgba(117, 183, 233, 0.3) transparent;
  background-color: transparent;
  right: 24px;
  bottom: -28px;
}
body.PaCT #unauthenticated-title h1,
body.PaCT #unauthenticated-title h2 {
  font-weight: normal;
}
body.PaCT #unauthenticated-title h1 {
  border-bottom: 1px solid #fff;
  display: inline-block;
  padding-bottom: 15px;
  margin: 20px 0 15px;
  font-size: 2.2rem;
}
body.PaCT #unauthenticated-title h2 {
  margin: 0;
  font-size: 1.4rem;
  font-style: italic;
}
@media print {
  body.PaCT #unauthenticated-title {
    background-color: transparent;
  }
}
@media only screen and (max-width: 967px) {
  body.PaCT #unauthenticated-title {
    padding: 0 30px;
  }
}

#unauthenticated-box,
#unauthenticated-footer {
  margin: 40px auto 20px;
  width: 380px;
}
body.wider #unauthenticated-box,
body.wider #unauthenticated-footer {
  width: 80%;
  max-width: 1170px;
}
@media only screen and (max-width: 967px) {
  body.wider #unauthenticated-box,
  body.wider #unauthenticated-footer {
    max-width: 750px;
  }
}

#unauthenticated-footer a:last-child {
  float: right;
  margin-top: 10px;
}

#unauthenticated-box label {
  display: inline-block;
}
#unauthenticated-box input,
#unauthenticated-box select {
  width: 100%;
}
#unauthenticated-box input[type=checkbox] {
  width: auto;
  vertical-align: bottom;
  margin-right: 6px;
}

/* stylelint-disable */
/*
  A container with a coloured header area. Used for e.g. unauthenticated pages,
  and modals.
*/
.floating-box {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 15px;
  margin-bottom: 30px;
  border-bottom: 2px solid #c2c2c2;
  box-shadow: 0 0 5px rgba(194, 194, 194, 0.5);
  position: relative;
}
.floating-box > p:first-of-type,
.floating-box h4:first-of-type {
  margin-top: 0;
}
.floating-box .buttons {
  text-align: right;
}
.floating-box textarea {
  width: 100%;
  height: 150px;
}

.floating-box-header {
  width: calc(100% + 30px);
  position: relative;
  left: -15px;
  top: -15px;
  margin: 0;
  padding: 20px 22px 15px;
  background-color: #2a6ebb;
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(to right, #2562a6 0%, #2f7ad0 100%);
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
  overflow: hidden;
  padding-right: 84.6774193753px;
}
.floating-box-header::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #2869b3 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
.floating-box-header::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #2562a6 transparent;
  background-color: transparent;
  right: 32.8709677501px;
  top: 0;
  border-top-right-radius: 10px;
}
@media print {
  .floating-box-header {
    text-shadow: none;
    background: transparent;
    color: #252525;
    padding-left: 15px;
    padding-right: 15px;
  }
}
body.PaCT.judgments .floating-box-header {
  overflow: hidden;
  padding-right: 84.6774193753px;
  background: linear-gradient(to right, #0095a4 0%, #00c3d7 100%);
  text-shadow: 0 0 2px rgba(0, 33, 36, 0.6);
}
body.PaCT.judgments .floating-box-header::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #00a3b3 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
body.PaCT.judgments .floating-box-header::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #0095a4 transparent;
  background-color: transparent;
  right: 32.8709677501px;
  top: 0;
  border-top-right-radius: 10px;
}
@media print {
  body.PaCT.judgments .floating-box-header {
    text-shadow: none;
    background: transparent;
    color: #252525;
  }
  body.PaCT.judgments .floating-box-header::before, body.PaCT.judgments .floating-box-header::after {
    display: none;
  }
}
body.PaCT.reports .floating-box-header {
  overflow: hidden;
  padding-right: 84.6774193753px;
  background: linear-gradient(to right, #504d94 0%, #6866af 100%);
  text-shadow: 0 0 2px rgba(35, 34, 64, 0.6);
}
body.PaCT.reports .floating-box-header::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #55539e transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
body.PaCT.reports .floating-box-header::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #504d94 transparent;
  background-color: transparent;
  right: 32.8709677501px;
  top: 0;
  border-top-right-radius: 10px;
}
@media print {
  body.PaCT.reports .floating-box-header {
    text-shadow: none;
    background: transparent;
    color: #252525;
  }
  body.PaCT.reports .floating-box-header::before, body.PaCT.reports .floating-box-header::after {
    display: none;
  }
}
body.PaCT.homepage .floating-box-header {
  overflow: hidden;
  padding-right: 84.6774193753px;
  background: linear-gradient(to right, #2562a6 0%, #2f7ad0 100%);
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
body.PaCT.homepage .floating-box-header::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #2869b3 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
body.PaCT.homepage .floating-box-header::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #2562a6 transparent;
  background-color: transparent;
  right: 32.8709677501px;
  top: 0;
  border-top-right-radius: 10px;
}
@media print {
  body.PaCT.homepage .floating-box-header {
    text-shadow: none;
    background: transparent;
    color: #252525;
  }
  body.PaCT.homepage .floating-box-header::before, body.PaCT.homepage .floating-box-header::after {
    display: none;
  }
}
body.PaCT.manage .floating-box-header {
  overflow: hidden;
  padding-right: 84.6774193753px;
  background: linear-gradient(to right, #006c32 0%, #009f4a 100%);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
body.PaCT.manage .floating-box-header::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #007b39 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
body.PaCT.manage .floating-box-header::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #006c32 transparent;
  background-color: transparent;
  right: 32.8709677501px;
  top: 0;
  border-top-right-radius: 10px;
}
@media print {
  body.PaCT.manage .floating-box-header {
    text-shadow: none;
    background: transparent;
    color: #252525;
  }
  body.PaCT.manage .floating-box-header::before, body.PaCT.manage .floating-box-header::after {
    display: none;
  }
}
body.PaCT.contact-centre .floating-box-header {
  overflow: hidden;
  padding-right: 84.6774193753px;
  background: linear-gradient(to right, #c6251b 0%, #e33b31 100%);
  text-shadow: 0 0 2px rgba(85, 16, 12, 0.6);
}
body.PaCT.contact-centre .floating-box-header::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #d3271d transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
body.PaCT.contact-centre .floating-box-header::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #c6251b transparent;
  background-color: transparent;
  right: 32.8709677501px;
  top: 0;
  border-top-right-radius: 10px;
}
@media print {
  body.PaCT.contact-centre .floating-box-header {
    text-shadow: none;
    background: transparent;
    color: #252525;
  }
  body.PaCT.contact-centre .floating-box-header::before, body.PaCT.contact-centre .floating-box-header::after {
    display: none;
  }
}
body.PaCT.profile .floating-box-header {
  overflow: hidden;
  padding-right: 84.6774193753px;
  background: linear-gradient(to right, #2562a6 0%, #2f7ad0 100%);
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
body.PaCT.profile .floating-box-header::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #2869b3 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
body.PaCT.profile .floating-box-header::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33.8709677501px 60px;
  border-color: transparent transparent #2562a6 transparent;
  background-color: transparent;
  right: 32.8709677501px;
  top: 0;
  border-top-right-radius: 10px;
}
@media print {
  body.PaCT.profile .floating-box-header {
    text-shadow: none;
    background: transparent;
    color: #252525;
  }
  body.PaCT.profile .floating-box-header::before, body.PaCT.profile .floating-box-header::after {
    display: none;
  }
}

.floating-box-subtle > .floating-box-header {
  background: #f0f0f0;
  color: #2a6ebb;
  text-shadow: none;
  padding: 10px 15px;
  text-shadow: none;
}
.floating-box-subtle > .floating-box-header::before, .floating-box-subtle > .floating-box-header::after {
  display: none;
}
body.PaCT.judgments .floating-box-subtle > .floating-box-header {
  background: #f0f0f0;
  color: #00acbd;
  text-shadow: none;
}
body.PaCT.reports .floating-box-subtle > .floating-box-header {
  background: #f0f0f0;
  color: #5956a5;
  text-shadow: none;
}
body.PaCT.homepage .floating-box-subtle > .floating-box-header {
  background: #f0f0f0;
  color: #2a6ebb;
  text-shadow: none;
}
body.PaCT.manage .floating-box-subtle > .floating-box-header {
  background: #f0f0f0;
  color: #00853e;
  text-shadow: none;
}
body.PaCT.contact-centre .floating-box-subtle > .floating-box-header {
  background: #f0f0f0;
  color: #dc291e;
  text-shadow: none;
}
body.PaCT.profile .floating-box-subtle > .floating-box-header {
  background: #f0f0f0;
  color: #2a6ebb;
  text-shadow: none;
}

.floating-box-subtle .floating-box-header .small {
  padding-left: 10px;
  font-weight: normal;
}
body.PaCT.judgments .floating-box-subtle .floating-box-header .small {
  color: #252525;
}
body.PaCT.reports .floating-box-subtle .floating-box-header .small {
  color: #252525;
}
body.PaCT.homepage .floating-box-subtle .floating-box-header .small {
  color: #252525;
}
body.PaCT.manage .floating-box-subtle .floating-box-header .small {
  color: #252525;
}
body.PaCT.contact-centre .floating-box-subtle .floating-box-header .small {
  color: #252525;
}
body.PaCT.profile .floating-box-subtle .floating-box-header .small {
  color: #252525;
}
.floating-box-subtle h4,
.floating-box-subtle label {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 5px;
}
.floating-box-subtle input[type=text], .floating-box-subtle input[type=email] {
  min-width: 60%;
}
.floating-box-subtle .key {
  padding-bottom: 0;
}

/*
  Sections
*/
.section {
  margin-bottom: 35px;
}
.section > h3,
.section > h4 {
  border-bottom: 2px solid #2a6ebb;
  padding-bottom: 6px;
  width: 100%;
}
body.PaCT.judgments .section > h3,
body.PaCT.judgments .section > h4 {
  border-bottom-color: #00acbd;
}
body.PaCT.reports .section > h3,
body.PaCT.reports .section > h4 {
  border-bottom-color: #5956a5;
}
body.PaCT.homepage .section > h3,
body.PaCT.homepage .section > h4 {
  border-bottom-color: #2a6ebb;
}
body.PaCT.manage .section > h3,
body.PaCT.manage .section > h4 {
  border-bottom-color: #00853e;
}
body.PaCT.contact-centre .section > h3,
body.PaCT.contact-centre .section > h4 {
  border-bottom-color: #dc291e;
}
body.PaCT.profile .section > h3,
body.PaCT.profile .section > h4 {
  border-bottom-color: #2a6ebb;
}

body.PaCT.judgments .floating-box-subtle .section > h3,
body.PaCT.judgments .floating-box-subtle .section > h4 {
  color: #00acbd;
}
body.PaCT.reports .floating-box-subtle .section > h3,
body.PaCT.reports .floating-box-subtle .section > h4 {
  color: #5956a5;
}
body.PaCT.homepage .floating-box-subtle .section > h3,
body.PaCT.homepage .floating-box-subtle .section > h4 {
  color: #2a6ebb;
}
body.PaCT.manage .floating-box-subtle .section > h3,
body.PaCT.manage .floating-box-subtle .section > h4 {
  color: #00853e;
}
body.PaCT.contact-centre .floating-box-subtle .section > h3,
body.PaCT.contact-centre .floating-box-subtle .section > h4 {
  color: #dc291e;
}
body.PaCT.profile .floating-box-subtle .section > h3,
body.PaCT.profile .floating-box-subtle .section > h4 {
  color: #2a6ebb;
}

/*
  Extra title information - as per all aspects and group mode, smaller secondary
  text inline with a heading.
*/
.extra-title-info {
  border-left: 1px solid #c2c2c2;
  margin-left: 5px;
  padding-left: 8px;
  display: inline-block;
  line-height: 15px;
  font-size: 1.2rem;
}
.extra-title-info.sixty-day-warning {
  font-weight: bold;
}

.extra-title-info-new-line {
  margin-top: -10px;
  margin-bottom: 10px;
  font-size: 1.2rem;
}

/*
  Subtle box - grey styling
*/
.subtle-box {
  background-color: #f0f0f0;
  padding: 12px 10px;
  margin-bottom: 10px;
}
.subtle-box input[type=text] {
  border: 0;
  border-radius: 8px;
  min-width: 410px;
  padding-left: 10px;
  padding-right: 40px;
  display: inline-block;
}
.subtle-box > *:first-child {
  margin-top: 0;
}
.subtle-box > *:last-child {
  margin-bottom: 0;
}

/* stylelint-disable */
#esaa-logon a,
#esaa-logon .button {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 20px;
  height: 56px;
  border-radius: 28px;
  padding: 18px 32px;
  font-weight: bold;
  background: #2a6ebb;
  line-height: normal;
}
@media print {
  #esaa-logon a,
  #esaa-logon .button {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}
#esaa-logon a:link, #esaa-logon a:visited, #esaa-logon a:hover, #esaa-logon a:active,
#esaa-logon .button:link,
#esaa-logon .button:visited,
#esaa-logon .button:hover,
#esaa-logon .button:active {
  color: #fff;
}
@media print {
  #esaa-logon a:link, #esaa-logon a:visited, #esaa-logon a:hover, #esaa-logon a:active,
  #esaa-logon .button:link,
  #esaa-logon .button:visited,
  #esaa-logon .button:hover,
  #esaa-logon .button:active {
    color: #252525;
  }
}
#esaa-logon a:hover,
#esaa-logon .button:hover {
  text-decoration: none;
  background: #2f7ad0;
}
.unauthenticated #esaa-logon {
  text-align: center;
}

/*
 * Expandable radio group options.
 * Radio groups sometime have expandable extra info between options.
 * E.g. ACL settings page.
 */
.expandable-option,
.expandable-option-content ul,
.change-curriculum-mode ul {
  margin: 0;
  list-style: none;
}
.expandable-option input[type=radio],
.expandable-option input[type=checkbox],
.expandable-option-content ul input[type=radio],
.expandable-option-content ul input[type=checkbox],
.change-curriculum-mode ul input[type=radio],
.change-curriculum-mode ul input[type=checkbox] {
  margin-left: 0;
}

.expandable-option-content {
  margin-top: 10px;
  margin-left: 21px;
  border: 1px solid #c2c2c2;
  padding: 12px 10px;
}
.expandable-option-content > *:first-child {
  margin-top: 0;
}
.expandable-option-content > *:last-child {
  margin-bottom: 0;
}

/*
 * A paragraph or couple of paragraphs of help information inline on the page.
 * The bulk of the info is hidden until the user clicks to expand it.
 */
.help-concertina-wrapper {
  margin-top: 15px;
  margin-bottom: 15px;
}
.subtle-box .help-concertina-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}

.help-concertina {
  text-align: left;
  border: 1px dotted #0063af;
  padding: 0 15px;
  margin-top: 15px;
}

.help-concertina-wrapper:not(.open) .help-concertina-trigger .icon-curvy-arrow-down {
  display: none;
}

.help-concertina-wrapper.open .help-concertina-trigger .icon-curvy-arrow-right {
  display: none;
}

/*
 * Success, error, info, warning state messages
 */
.alert {
  margin: 0 0 15px;
  position: relative;
  padding: 10px 35px 10px 40px;
}
.alert span {
  line-height: 1.5;
}
.alert.warning {
  color: #252525;
  background-color: #fff9ed;
}
.alert.warning span,
.alert.warning .close span {
  color: #fcb116;
}
.alert.warning.date-warning {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}
.alert.error, .alert.error .close span {
  color: #b6231d;
  background-color: #fbf4f3;
}
.alert.success, .alert.success .close span {
  color: #00853e;
  background-color: #f7fbf9;
}
.alert.info, .alert.info .close span {
  color: #2a6ebb;
  background-color: #f2f6fb;
}
.alert > p:first-of-type {
  margin-top: 0;
}
.alert > p:last-of-type {
  margin-bottom: 0;
}
.alert > ul {
  list-style-type: disc;
}
.alert > ul > li {
  margin-bottom: 0;
}
.alert > span {
  position: absolute;
  display: inline-block;
  left: 15px;
  top: 10px;
}
.alert .close {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 10px;
}
.alert .close:hover {
  text-decoration: none;
}
.floating-box .alert {
  border-radius: 10px;
}
.alert.alert-with-button {
  min-height: 56px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 140px;
  display: inline-block;
}
.alert.alert-with-button a {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.button-area .alert {
  display: inline-block;
  padding-right: 15px;
}

.messages {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}

.panel > .messages {
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  top: -15px;
}
.panel > .messages li {
  margin-bottom: 2px;
}

table td.alert-wrapper:first-child {
  padding: 0;
}
table td .alert {
  margin-bottom: 0;
}

button,
.button,
a.button,
a.button:active,
a.button:visited,
a.button:link {
  padding: 2px 15px;
  border: 1px solid #215691;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  min-height: 30px;
  line-height: 30px;
  min-width: 100px;
  font-weight: bold;
}
button:hover,
.button:hover,
a.button:hover,
a.button:active:hover,
a.button:visited:hover,
a.button:link:hover {
  text-decoration: none;
}
button.grey,
.button.grey,
a.button.grey,
a.button:active.grey,
a.button:visited.grey,
a.button:link.grey {
  background: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  border-color: #ccc;
  color: #252525;
}
button.grey:hover,
.button.grey:hover,
a.button.grey:hover,
a.button:active.grey:hover,
a.button:visited.grey:hover,
a.button:link.grey:hover {
  background: #fff;
}
button.grey.shortgrey,
.button.grey.shortgrey,
a.button.grey.shortgrey,
a.button:active.grey.shortgrey,
a.button:visited.grey.shortgrey,
a.button:link.grey.shortgrey {
  min-width: 0;
  min-height: 0;
  font-size: 1.2rem;
  padding: 2px 4px;
  line-height: 1.5em;
  font-weight: normal;
}
button.button-short,
.button.button-short,
a.button.button-short,
a.button:active.button-short,
a.button:visited.button-short,
a.button:link.button-short {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 0;
}

body button:not(.grey),
body .button:not(.grey),
body a.button:not(.grey),
body a.button:active:not(.grey),
body a.button:visited:not(.grey),
body a.button:link:not(.grey) {
  background: linear-gradient(to bottom, #2562a6 0%, #215691 100%);
  color: #fff;
}
body button:not(.grey):hover,
body .button:not(.grey):hover,
body a.button:not(.grey):hover,
body a.button:active:not(.grey):hover,
body a.button:visited:not(.grey):hover,
body a.button:link:not(.grey):hover {
  background: #2a6ebb;
  color: #fff;
}
@media print {
  body button:not(.grey),
  body .button:not(.grey),
  body a.button:not(.grey),
  body a.button:active:not(.grey),
  body a.button:visited:not(.grey),
  body a.button:link:not(.grey) {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}
body.PaCT.judgments button:not(.grey),
body.PaCT.judgments .button:not(.grey),
body.PaCT.judgments a.button:not(.grey),
body.PaCT.judgments a.button:active:not(.grey),
body.PaCT.judgments a.button:visited:not(.grey),
body.PaCT.judgments a.button:link:not(.grey) {
  background: linear-gradient(to bottom, #0095a4 0%, #007e8a 100%);
  border-color: #007e8a;
}
body.PaCT.judgments button:not(.grey):hover,
body.PaCT.judgments .button:not(.grey):hover,
body.PaCT.judgments a.button:not(.grey):hover,
body.PaCT.judgments a.button:active:not(.grey):hover,
body.PaCT.judgments a.button:visited:not(.grey):hover,
body.PaCT.judgments a.button:link:not(.grey):hover {
  background: #00acbd;
  border-color: #0095a4;
}
@media print {
  body.PaCT.judgments button:not(.grey),
  body.PaCT.judgments .button:not(.grey),
  body.PaCT.judgments a.button:not(.grey),
  body.PaCT.judgments a.button:active:not(.grey),
  body.PaCT.judgments a.button:visited:not(.grey),
  body.PaCT.judgments a.button:link:not(.grey) {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}
body.PaCT.reports button:not(.grey),
body.PaCT.reports .button:not(.grey),
body.PaCT.reports a.button:not(.grey),
body.PaCT.reports a.button:active:not(.grey),
body.PaCT.reports a.button:visited:not(.grey),
body.PaCT.reports a.button:link:not(.grey) {
  background: linear-gradient(to bottom, #504d94 0%, #474583 100%);
  border-color: #474583;
}
body.PaCT.reports button:not(.grey):hover,
body.PaCT.reports .button:not(.grey):hover,
body.PaCT.reports a.button:not(.grey):hover,
body.PaCT.reports a.button:active:not(.grey):hover,
body.PaCT.reports a.button:visited:not(.grey):hover,
body.PaCT.reports a.button:link:not(.grey):hover {
  background: #5956a5;
  border-color: #504d94;
}
@media print {
  body.PaCT.reports button:not(.grey),
  body.PaCT.reports .button:not(.grey),
  body.PaCT.reports a.button:not(.grey),
  body.PaCT.reports a.button:active:not(.grey),
  body.PaCT.reports a.button:visited:not(.grey),
  body.PaCT.reports a.button:link:not(.grey) {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}
body.PaCT.homepage button:not(.grey),
body.PaCT.homepage .button:not(.grey),
body.PaCT.homepage a.button:not(.grey),
body.PaCT.homepage a.button:active:not(.grey),
body.PaCT.homepage a.button:visited:not(.grey),
body.PaCT.homepage a.button:link:not(.grey) {
  background: linear-gradient(to bottom, #2562a6 0%, #215691 100%);
  border-color: #215691;
}
body.PaCT.homepage button:not(.grey):hover,
body.PaCT.homepage .button:not(.grey):hover,
body.PaCT.homepage a.button:not(.grey):hover,
body.PaCT.homepage a.button:active:not(.grey):hover,
body.PaCT.homepage a.button:visited:not(.grey):hover,
body.PaCT.homepage a.button:link:not(.grey):hover {
  background: #2a6ebb;
  border-color: #2562a6;
}
@media print {
  body.PaCT.homepage button:not(.grey),
  body.PaCT.homepage .button:not(.grey),
  body.PaCT.homepage a.button:not(.grey),
  body.PaCT.homepage a.button:active:not(.grey),
  body.PaCT.homepage a.button:visited:not(.grey),
  body.PaCT.homepage a.button:link:not(.grey) {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}
body.PaCT.manage button:not(.grey),
body.PaCT.manage .button:not(.grey),
body.PaCT.manage a.button:not(.grey),
body.PaCT.manage a.button:active:not(.grey),
body.PaCT.manage a.button:visited:not(.grey),
body.PaCT.manage a.button:link:not(.grey) {
  background: linear-gradient(to bottom, #006c32 0%, #005226 100%);
  border-color: #005226;
}
body.PaCT.manage button:not(.grey):hover,
body.PaCT.manage .button:not(.grey):hover,
body.PaCT.manage a.button:not(.grey):hover,
body.PaCT.manage a.button:active:not(.grey):hover,
body.PaCT.manage a.button:visited:not(.grey):hover,
body.PaCT.manage a.button:link:not(.grey):hover {
  background: #00853e;
  border-color: #006c32;
}
@media print {
  body.PaCT.manage button:not(.grey),
  body.PaCT.manage .button:not(.grey),
  body.PaCT.manage a.button:not(.grey),
  body.PaCT.manage a.button:active:not(.grey),
  body.PaCT.manage a.button:visited:not(.grey),
  body.PaCT.manage a.button:link:not(.grey) {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}
body.PaCT.contact-centre button:not(.grey),
body.PaCT.contact-centre .button:not(.grey),
body.PaCT.contact-centre a.button:not(.grey),
body.PaCT.contact-centre a.button:active:not(.grey),
body.PaCT.contact-centre a.button:visited:not(.grey),
body.PaCT.contact-centre a.button:link:not(.grey) {
  background: linear-gradient(to bottom, #c6251b 0%, #af2118 100%);
  border-color: #af2118;
}
body.PaCT.contact-centre button:not(.grey):hover,
body.PaCT.contact-centre .button:not(.grey):hover,
body.PaCT.contact-centre a.button:not(.grey):hover,
body.PaCT.contact-centre a.button:active:not(.grey):hover,
body.PaCT.contact-centre a.button:visited:not(.grey):hover,
body.PaCT.contact-centre a.button:link:not(.grey):hover {
  background: #dc291e;
  border-color: #c6251b;
}
@media print {
  body.PaCT.contact-centre button:not(.grey),
  body.PaCT.contact-centre .button:not(.grey),
  body.PaCT.contact-centre a.button:not(.grey),
  body.PaCT.contact-centre a.button:active:not(.grey),
  body.PaCT.contact-centre a.button:visited:not(.grey),
  body.PaCT.contact-centre a.button:link:not(.grey) {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}
body.PaCT.profile button:not(.grey),
body.PaCT.profile .button:not(.grey),
body.PaCT.profile a.button:not(.grey),
body.PaCT.profile a.button:active:not(.grey),
body.PaCT.profile a.button:visited:not(.grey),
body.PaCT.profile a.button:link:not(.grey) {
  background: linear-gradient(to bottom, #2562a6 0%, #215691 100%);
  border-color: #215691;
}
body.PaCT.profile button:not(.grey):hover,
body.PaCT.profile .button:not(.grey):hover,
body.PaCT.profile a.button:not(.grey):hover,
body.PaCT.profile a.button:active:not(.grey):hover,
body.PaCT.profile a.button:visited:not(.grey):hover,
body.PaCT.profile a.button:link:not(.grey):hover {
  background: #2a6ebb;
  border-color: #2562a6;
}
@media print {
  body.PaCT.profile button:not(.grey),
  body.PaCT.profile .button:not(.grey),
  body.PaCT.profile a.button:not(.grey),
  body.PaCT.profile a.button:active:not(.grey),
  body.PaCT.profile a.button:visited:not(.grey),
  body.PaCT.profile a.button:link:not(.grey) {
    background: transparent;
    color: #252525;
    border-color: #252525;
  }
}

body button.disabled, body button.end, body.PaCT.judgments button.disabled, body.PaCT.judgments button.end, body.PaCT.reports button.disabled, body.PaCT.reports button.end, body.PaCT.manage button.disabled, body.PaCT.manage button.end,
body .button.disabled,
body .button.end,
body.PaCT.judgments .button.disabled,
body.PaCT.judgments .button.end,
body.PaCT.reports .button.disabled,
body.PaCT.reports .button.end,
body.PaCT.manage .button.disabled,
body.PaCT.manage .button.end,
body a.button.disabled,
body a.button.end,
body.PaCT.judgments a.button.disabled,
body.PaCT.judgments a.button.end,
body.PaCT.reports a.button.disabled,
body.PaCT.reports a.button.end,
body.PaCT.manage a.button.disabled,
body.PaCT.manage a.button.end,
body a.button:active.disabled,
body a.button:active.end,
body.PaCT.judgments a.button:active.disabled,
body.PaCT.judgments a.button:active.end,
body.PaCT.reports a.button:active.disabled,
body.PaCT.reports a.button:active.end,
body.PaCT.manage a.button:active.disabled,
body.PaCT.manage a.button:active.end,
body a.button:visited.disabled,
body a.button:visited.end,
body.PaCT.judgments a.button:visited.disabled,
body.PaCT.judgments a.button:visited.end,
body.PaCT.reports a.button:visited.disabled,
body.PaCT.reports a.button:visited.end,
body.PaCT.manage a.button:visited.disabled,
body.PaCT.manage a.button:visited.end,
body a.button:link.disabled,
body a.button:link.end,
body.PaCT.judgments a.button:link.disabled,
body.PaCT.judgments a.button:link.end,
body.PaCT.reports a.button:link.disabled,
body.PaCT.reports a.button:link.end,
body.PaCT.manage a.button:link.disabled,
body.PaCT.manage a.button:link.end,
body button:not(.grey).disabled,
body button:not(.grey).end,
body.PaCT.judgments button:not(.grey).disabled,
body.PaCT.judgments button:not(.grey).end,
body.PaCT.reports button:not(.grey).disabled,
body.PaCT.reports button:not(.grey).end,
body.PaCT.manage button:not(.grey).disabled,
body.PaCT.manage button:not(.grey).end,
body .button:not(.grey).disabled,
body .button:not(.grey).end,
body.PaCT.judgments .button:not(.grey).disabled,
body.PaCT.judgments .button:not(.grey).end,
body.PaCT.reports .button:not(.grey).disabled,
body.PaCT.reports .button:not(.grey).end,
body.PaCT.manage .button:not(.grey).disabled,
body.PaCT.manage .button:not(.grey).end,
body a.button:not(.grey).disabled,
body a.button:not(.grey).end,
body.PaCT.judgments a.button:not(.grey).disabled,
body.PaCT.judgments a.button:not(.grey).end,
body.PaCT.reports a.button:not(.grey).disabled,
body.PaCT.reports a.button:not(.grey).end,
body.PaCT.manage a.button:not(.grey).disabled,
body.PaCT.manage a.button:not(.grey).end,
body a.button:active:not(.grey).disabled,
body a.button:active:not(.grey).end,
body.PaCT.judgments a.button:active:not(.grey).disabled,
body.PaCT.judgments a.button:active:not(.grey).end,
body.PaCT.reports a.button:active:not(.grey).disabled,
body.PaCT.reports a.button:active:not(.grey).end,
body.PaCT.manage a.button:active:not(.grey).disabled,
body.PaCT.manage a.button:active:not(.grey).end,
body a.button:visited:not(.grey).disabled,
body a.button:visited:not(.grey).end,
body.PaCT.judgments a.button:visited:not(.grey).disabled,
body.PaCT.judgments a.button:visited:not(.grey).end,
body.PaCT.reports a.button:visited:not(.grey).disabled,
body.PaCT.reports a.button:visited:not(.grey).end,
body.PaCT.manage a.button:visited:not(.grey).disabled,
body.PaCT.manage a.button:visited:not(.grey).end,
body a.button:link:not(.grey).disabled,
body a.button:link:not(.grey).end,
body.PaCT.judgments a.button:link:not(.grey).disabled,
body.PaCT.judgments a.button:link:not(.grey).end,
body.PaCT.reports a.button:link:not(.grey).disabled,
body.PaCT.reports a.button:link:not(.grey).end,
body.PaCT.manage a.button:link:not(.grey).disabled,
body.PaCT.manage a.button:link:not(.grey).end {
  background: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  border-color: #ccc;
  color: #b1b0b0;
}
body button.disabled:hover, body button.end:hover, body.PaCT.judgments button.disabled:hover, body.PaCT.judgments button.end:hover, body.PaCT.reports button.disabled:hover, body.PaCT.reports button.end:hover, body.PaCT.manage button.disabled:hover, body.PaCT.manage button.end:hover,
body .button.disabled:hover,
body .button.end:hover,
body.PaCT.judgments .button.disabled:hover,
body.PaCT.judgments .button.end:hover,
body.PaCT.reports .button.disabled:hover,
body.PaCT.reports .button.end:hover,
body.PaCT.manage .button.disabled:hover,
body.PaCT.manage .button.end:hover,
body a.button.disabled:hover,
body a.button.end:hover,
body.PaCT.judgments a.button.disabled:hover,
body.PaCT.judgments a.button.end:hover,
body.PaCT.reports a.button.disabled:hover,
body.PaCT.reports a.button.end:hover,
body.PaCT.manage a.button.disabled:hover,
body.PaCT.manage a.button.end:hover,
body a.button:active.disabled:hover,
body a.button:active.end:hover,
body.PaCT.judgments a.button:active.disabled:hover,
body.PaCT.judgments a.button:active.end:hover,
body.PaCT.reports a.button:active.disabled:hover,
body.PaCT.reports a.button:active.end:hover,
body.PaCT.manage a.button:active.disabled:hover,
body.PaCT.manage a.button:active.end:hover,
body a.button:visited.disabled:hover,
body a.button:visited.end:hover,
body.PaCT.judgments a.button:visited.disabled:hover,
body.PaCT.judgments a.button:visited.end:hover,
body.PaCT.reports a.button:visited.disabled:hover,
body.PaCT.reports a.button:visited.end:hover,
body.PaCT.manage a.button:visited.disabled:hover,
body.PaCT.manage a.button:visited.end:hover,
body a.button:link.disabled:hover,
body a.button:link.end:hover,
body.PaCT.judgments a.button:link.disabled:hover,
body.PaCT.judgments a.button:link.end:hover,
body.PaCT.reports a.button:link.disabled:hover,
body.PaCT.reports a.button:link.end:hover,
body.PaCT.manage a.button:link.disabled:hover,
body.PaCT.manage a.button:link.end:hover,
body button:not(.grey).disabled:hover,
body button:not(.grey).end:hover,
body.PaCT.judgments button:not(.grey).disabled:hover,
body.PaCT.judgments button:not(.grey).end:hover,
body.PaCT.reports button:not(.grey).disabled:hover,
body.PaCT.reports button:not(.grey).end:hover,
body.PaCT.manage button:not(.grey).disabled:hover,
body.PaCT.manage button:not(.grey).end:hover,
body .button:not(.grey).disabled:hover,
body .button:not(.grey).end:hover,
body.PaCT.judgments .button:not(.grey).disabled:hover,
body.PaCT.judgments .button:not(.grey).end:hover,
body.PaCT.reports .button:not(.grey).disabled:hover,
body.PaCT.reports .button:not(.grey).end:hover,
body.PaCT.manage .button:not(.grey).disabled:hover,
body.PaCT.manage .button:not(.grey).end:hover,
body a.button:not(.grey).disabled:hover,
body a.button:not(.grey).end:hover,
body.PaCT.judgments a.button:not(.grey).disabled:hover,
body.PaCT.judgments a.button:not(.grey).end:hover,
body.PaCT.reports a.button:not(.grey).disabled:hover,
body.PaCT.reports a.button:not(.grey).end:hover,
body.PaCT.manage a.button:not(.grey).disabled:hover,
body.PaCT.manage a.button:not(.grey).end:hover,
body a.button:active:not(.grey).disabled:hover,
body a.button:active:not(.grey).end:hover,
body.PaCT.judgments a.button:active:not(.grey).disabled:hover,
body.PaCT.judgments a.button:active:not(.grey).end:hover,
body.PaCT.reports a.button:active:not(.grey).disabled:hover,
body.PaCT.reports a.button:active:not(.grey).end:hover,
body.PaCT.manage a.button:active:not(.grey).disabled:hover,
body.PaCT.manage a.button:active:not(.grey).end:hover,
body a.button:visited:not(.grey).disabled:hover,
body a.button:visited:not(.grey).end:hover,
body.PaCT.judgments a.button:visited:not(.grey).disabled:hover,
body.PaCT.judgments a.button:visited:not(.grey).end:hover,
body.PaCT.reports a.button:visited:not(.grey).disabled:hover,
body.PaCT.reports a.button:visited:not(.grey).end:hover,
body.PaCT.manage a.button:visited:not(.grey).disabled:hover,
body.PaCT.manage a.button:visited:not(.grey).end:hover,
body a.button:link:not(.grey).disabled:hover,
body a.button:link:not(.grey).end:hover,
body.PaCT.judgments a.button:link:not(.grey).disabled:hover,
body.PaCT.judgments a.button:link:not(.grey).end:hover,
body.PaCT.reports a.button:link:not(.grey).disabled:hover,
body.PaCT.reports a.button:link:not(.grey).end:hover,
body.PaCT.manage a.button:link:not(.grey).disabled:hover,
body.PaCT.manage a.button:link:not(.grey).end:hover {
  cursor: default;
}
body button.button-arrow-left, body button.button-arrow-right, body.PaCT.judgments button.button-arrow-left, body.PaCT.judgments button.button-arrow-right, body.PaCT.reports button.button-arrow-left, body.PaCT.reports button.button-arrow-right, body.PaCT.manage button.button-arrow-left, body.PaCT.manage button.button-arrow-right,
body .button.button-arrow-left,
body .button.button-arrow-right,
body.PaCT.judgments .button.button-arrow-left,
body.PaCT.judgments .button.button-arrow-right,
body.PaCT.reports .button.button-arrow-left,
body.PaCT.reports .button.button-arrow-right,
body.PaCT.manage .button.button-arrow-left,
body.PaCT.manage .button.button-arrow-right,
body a.button.button-arrow-left,
body a.button.button-arrow-right,
body.PaCT.judgments a.button.button-arrow-left,
body.PaCT.judgments a.button.button-arrow-right,
body.PaCT.reports a.button.button-arrow-left,
body.PaCT.reports a.button.button-arrow-right,
body.PaCT.manage a.button.button-arrow-left,
body.PaCT.manage a.button.button-arrow-right,
body a.button:active.button-arrow-left,
body a.button:active.button-arrow-right,
body.PaCT.judgments a.button:active.button-arrow-left,
body.PaCT.judgments a.button:active.button-arrow-right,
body.PaCT.reports a.button:active.button-arrow-left,
body.PaCT.reports a.button:active.button-arrow-right,
body.PaCT.manage a.button:active.button-arrow-left,
body.PaCT.manage a.button:active.button-arrow-right,
body a.button:visited.button-arrow-left,
body a.button:visited.button-arrow-right,
body.PaCT.judgments a.button:visited.button-arrow-left,
body.PaCT.judgments a.button:visited.button-arrow-right,
body.PaCT.reports a.button:visited.button-arrow-left,
body.PaCT.reports a.button:visited.button-arrow-right,
body.PaCT.manage a.button:visited.button-arrow-left,
body.PaCT.manage a.button:visited.button-arrow-right,
body a.button:link.button-arrow-left,
body a.button:link.button-arrow-right,
body.PaCT.judgments a.button:link.button-arrow-left,
body.PaCT.judgments a.button:link.button-arrow-right,
body.PaCT.reports a.button:link.button-arrow-left,
body.PaCT.reports a.button:link.button-arrow-right,
body.PaCT.manage a.button:link.button-arrow-left,
body.PaCT.manage a.button:link.button-arrow-right,
body button:not(.grey).button-arrow-left,
body button:not(.grey).button-arrow-right,
body.PaCT.judgments button:not(.grey).button-arrow-left,
body.PaCT.judgments button:not(.grey).button-arrow-right,
body.PaCT.reports button:not(.grey).button-arrow-left,
body.PaCT.reports button:not(.grey).button-arrow-right,
body.PaCT.manage button:not(.grey).button-arrow-left,
body.PaCT.manage button:not(.grey).button-arrow-right,
body .button:not(.grey).button-arrow-left,
body .button:not(.grey).button-arrow-right,
body.PaCT.judgments .button:not(.grey).button-arrow-left,
body.PaCT.judgments .button:not(.grey).button-arrow-right,
body.PaCT.reports .button:not(.grey).button-arrow-left,
body.PaCT.reports .button:not(.grey).button-arrow-right,
body.PaCT.manage .button:not(.grey).button-arrow-left,
body.PaCT.manage .button:not(.grey).button-arrow-right,
body a.button:not(.grey).button-arrow-left,
body a.button:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:not(.grey).button-arrow-right,
body.PaCT.reports a.button:not(.grey).button-arrow-left,
body.PaCT.reports a.button:not(.grey).button-arrow-right,
body.PaCT.manage a.button:not(.grey).button-arrow-left,
body.PaCT.manage a.button:not(.grey).button-arrow-right,
body a.button:active:not(.grey).button-arrow-left,
body a.button:active:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-right,
body.PaCT.reports a.button:active:not(.grey).button-arrow-left,
body.PaCT.reports a.button:active:not(.grey).button-arrow-right,
body.PaCT.manage a.button:active:not(.grey).button-arrow-left,
body.PaCT.manage a.button:active:not(.grey).button-arrow-right,
body a.button:visited:not(.grey).button-arrow-left,
body a.button:visited:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-left,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-right,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-left,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-right,
body a.button:link:not(.grey).button-arrow-left,
body a.button:link:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-right,
body.PaCT.reports a.button:link:not(.grey).button-arrow-left,
body.PaCT.reports a.button:link:not(.grey).button-arrow-right,
body.PaCT.manage a.button:link:not(.grey).button-arrow-left,
body.PaCT.manage a.button:link:not(.grey).button-arrow-right {
  position: relative;
}
body button.button-arrow-left::before, body button.button-arrow-right::before, body.PaCT.judgments button.button-arrow-left::before, body.PaCT.judgments button.button-arrow-right::before, body.PaCT.reports button.button-arrow-left::before, body.PaCT.reports button.button-arrow-right::before, body.PaCT.manage button.button-arrow-left::before, body.PaCT.manage button.button-arrow-right::before,
body .button.button-arrow-left::before,
body .button.button-arrow-right::before,
body.PaCT.judgments .button.button-arrow-left::before,
body.PaCT.judgments .button.button-arrow-right::before,
body.PaCT.reports .button.button-arrow-left::before,
body.PaCT.reports .button.button-arrow-right::before,
body.PaCT.manage .button.button-arrow-left::before,
body.PaCT.manage .button.button-arrow-right::before,
body a.button.button-arrow-left::before,
body a.button.button-arrow-right::before,
body.PaCT.judgments a.button.button-arrow-left::before,
body.PaCT.judgments a.button.button-arrow-right::before,
body.PaCT.reports a.button.button-arrow-left::before,
body.PaCT.reports a.button.button-arrow-right::before,
body.PaCT.manage a.button.button-arrow-left::before,
body.PaCT.manage a.button.button-arrow-right::before,
body a.button:active.button-arrow-left::before,
body a.button:active.button-arrow-right::before,
body.PaCT.judgments a.button:active.button-arrow-left::before,
body.PaCT.judgments a.button:active.button-arrow-right::before,
body.PaCT.reports a.button:active.button-arrow-left::before,
body.PaCT.reports a.button:active.button-arrow-right::before,
body.PaCT.manage a.button:active.button-arrow-left::before,
body.PaCT.manage a.button:active.button-arrow-right::before,
body a.button:visited.button-arrow-left::before,
body a.button:visited.button-arrow-right::before,
body.PaCT.judgments a.button:visited.button-arrow-left::before,
body.PaCT.judgments a.button:visited.button-arrow-right::before,
body.PaCT.reports a.button:visited.button-arrow-left::before,
body.PaCT.reports a.button:visited.button-arrow-right::before,
body.PaCT.manage a.button:visited.button-arrow-left::before,
body.PaCT.manage a.button:visited.button-arrow-right::before,
body a.button:link.button-arrow-left::before,
body a.button:link.button-arrow-right::before,
body.PaCT.judgments a.button:link.button-arrow-left::before,
body.PaCT.judgments a.button:link.button-arrow-right::before,
body.PaCT.reports a.button:link.button-arrow-left::before,
body.PaCT.reports a.button:link.button-arrow-right::before,
body.PaCT.manage a.button:link.button-arrow-left::before,
body.PaCT.manage a.button:link.button-arrow-right::before,
body button:not(.grey).button-arrow-left::before,
body button:not(.grey).button-arrow-right::before,
body.PaCT.judgments button:not(.grey).button-arrow-left::before,
body.PaCT.judgments button:not(.grey).button-arrow-right::before,
body.PaCT.reports button:not(.grey).button-arrow-left::before,
body.PaCT.reports button:not(.grey).button-arrow-right::before,
body.PaCT.manage button:not(.grey).button-arrow-left::before,
body.PaCT.manage button:not(.grey).button-arrow-right::before,
body .button:not(.grey).button-arrow-left::before,
body .button:not(.grey).button-arrow-right::before,
body.PaCT.judgments .button:not(.grey).button-arrow-left::before,
body.PaCT.judgments .button:not(.grey).button-arrow-right::before,
body.PaCT.reports .button:not(.grey).button-arrow-left::before,
body.PaCT.reports .button:not(.grey).button-arrow-right::before,
body.PaCT.manage .button:not(.grey).button-arrow-left::before,
body.PaCT.manage .button:not(.grey).button-arrow-right::before,
body a.button:not(.grey).button-arrow-left::before,
body a.button:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:not(.grey).button-arrow-right::before,
body a.button:active:not(.grey).button-arrow-left::before,
body a.button:active:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-right::before,
body a.button:visited:not(.grey).button-arrow-left::before,
body a.button:visited:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-right::before,
body a.button:link:not(.grey).button-arrow-left::before,
body a.button:link:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-right::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent rgba(255, 255, 255, 0.8) transparent;
  background-color: transparent;
  border-color: transparent rgba(255, 255, 255, 0.8) transparent transparent;
  border-width: 5px 5px 5px 0;
  position: absolute;
  top: 12px;
}
@media print {
  body button.button-arrow-left::before, body button.button-arrow-right::before, body.PaCT.judgments button.button-arrow-left::before, body.PaCT.judgments button.button-arrow-right::before, body.PaCT.reports button.button-arrow-left::before, body.PaCT.reports button.button-arrow-right::before, body.PaCT.manage button.button-arrow-left::before, body.PaCT.manage button.button-arrow-right::before,
  body .button.button-arrow-left::before,
  body .button.button-arrow-right::before,
  body.PaCT.judgments .button.button-arrow-left::before,
  body.PaCT.judgments .button.button-arrow-right::before,
  body.PaCT.reports .button.button-arrow-left::before,
  body.PaCT.reports .button.button-arrow-right::before,
  body.PaCT.manage .button.button-arrow-left::before,
  body.PaCT.manage .button.button-arrow-right::before,
  body a.button.button-arrow-left::before,
  body a.button.button-arrow-right::before,
  body.PaCT.judgments a.button.button-arrow-left::before,
  body.PaCT.judgments a.button.button-arrow-right::before,
  body.PaCT.reports a.button.button-arrow-left::before,
  body.PaCT.reports a.button.button-arrow-right::before,
  body.PaCT.manage a.button.button-arrow-left::before,
  body.PaCT.manage a.button.button-arrow-right::before,
  body a.button:active.button-arrow-left::before,
  body a.button:active.button-arrow-right::before,
  body.PaCT.judgments a.button:active.button-arrow-left::before,
  body.PaCT.judgments a.button:active.button-arrow-right::before,
  body.PaCT.reports a.button:active.button-arrow-left::before,
  body.PaCT.reports a.button:active.button-arrow-right::before,
  body.PaCT.manage a.button:active.button-arrow-left::before,
  body.PaCT.manage a.button:active.button-arrow-right::before,
  body a.button:visited.button-arrow-left::before,
  body a.button:visited.button-arrow-right::before,
  body.PaCT.judgments a.button:visited.button-arrow-left::before,
  body.PaCT.judgments a.button:visited.button-arrow-right::before,
  body.PaCT.reports a.button:visited.button-arrow-left::before,
  body.PaCT.reports a.button:visited.button-arrow-right::before,
  body.PaCT.manage a.button:visited.button-arrow-left::before,
  body.PaCT.manage a.button:visited.button-arrow-right::before,
  body a.button:link.button-arrow-left::before,
  body a.button:link.button-arrow-right::before,
  body.PaCT.judgments a.button:link.button-arrow-left::before,
  body.PaCT.judgments a.button:link.button-arrow-right::before,
  body.PaCT.reports a.button:link.button-arrow-left::before,
  body.PaCT.reports a.button:link.button-arrow-right::before,
  body.PaCT.manage a.button:link.button-arrow-left::before,
  body.PaCT.manage a.button:link.button-arrow-right::before,
  body button:not(.grey).button-arrow-left::before,
  body button:not(.grey).button-arrow-right::before,
  body.PaCT.judgments button:not(.grey).button-arrow-left::before,
  body.PaCT.judgments button:not(.grey).button-arrow-right::before,
  body.PaCT.reports button:not(.grey).button-arrow-left::before,
  body.PaCT.reports button:not(.grey).button-arrow-right::before,
  body.PaCT.manage button:not(.grey).button-arrow-left::before,
  body.PaCT.manage button:not(.grey).button-arrow-right::before,
  body .button:not(.grey).button-arrow-left::before,
  body .button:not(.grey).button-arrow-right::before,
  body.PaCT.judgments .button:not(.grey).button-arrow-left::before,
  body.PaCT.judgments .button:not(.grey).button-arrow-right::before,
  body.PaCT.reports .button:not(.grey).button-arrow-left::before,
  body.PaCT.reports .button:not(.grey).button-arrow-right::before,
  body.PaCT.manage .button:not(.grey).button-arrow-left::before,
  body.PaCT.manage .button:not(.grey).button-arrow-right::before,
  body a.button:not(.grey).button-arrow-left::before,
  body a.button:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:not(.grey).button-arrow-left::before,
  body.PaCT.judgments a.button:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:not(.grey).button-arrow-left::before,
  body.PaCT.reports a.button:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:not(.grey).button-arrow-left::before,
  body.PaCT.manage a.button:not(.grey).button-arrow-right::before,
  body a.button:active:not(.grey).button-arrow-left::before,
  body a.button:active:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:active:not(.grey).button-arrow-left::before,
  body.PaCT.judgments a.button:active:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:active:not(.grey).button-arrow-left::before,
  body.PaCT.reports a.button:active:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:active:not(.grey).button-arrow-left::before,
  body.PaCT.manage a.button:active:not(.grey).button-arrow-right::before,
  body a.button:visited:not(.grey).button-arrow-left::before,
  body a.button:visited:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left::before,
  body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:visited:not(.grey).button-arrow-left::before,
  body.PaCT.reports a.button:visited:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:visited:not(.grey).button-arrow-left::before,
  body.PaCT.manage a.button:visited:not(.grey).button-arrow-right::before,
  body a.button:link:not(.grey).button-arrow-left::before,
  body a.button:link:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:link:not(.grey).button-arrow-left::before,
  body.PaCT.judgments a.button:link:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:link:not(.grey).button-arrow-left::before,
  body.PaCT.reports a.button:link:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:link:not(.grey).button-arrow-left::before,
  body.PaCT.manage a.button:link:not(.grey).button-arrow-right::before {
    border-right-color: #252525;
  }
}
body button.button-arrow-left.end::before, body button.button-arrow-left.disabled::before, body button.button-arrow-right.end::before, body button.button-arrow-right.disabled::before, body.PaCT.judgments button.button-arrow-left.end::before, body.PaCT.judgments button.button-arrow-left.disabled::before, body.PaCT.judgments button.button-arrow-right.end::before, body.PaCT.judgments button.button-arrow-right.disabled::before, body.PaCT.reports button.button-arrow-left.end::before, body.PaCT.reports button.button-arrow-left.disabled::before, body.PaCT.reports button.button-arrow-right.end::before, body.PaCT.reports button.button-arrow-right.disabled::before, body.PaCT.manage button.button-arrow-left.end::before, body.PaCT.manage button.button-arrow-left.disabled::before, body.PaCT.manage button.button-arrow-right.end::before, body.PaCT.manage button.button-arrow-right.disabled::before,
body .button.button-arrow-left.end::before,
body .button.button-arrow-left.disabled::before,
body .button.button-arrow-right.end::before,
body .button.button-arrow-right.disabled::before,
body.PaCT.judgments .button.button-arrow-left.end::before,
body.PaCT.judgments .button.button-arrow-left.disabled::before,
body.PaCT.judgments .button.button-arrow-right.end::before,
body.PaCT.judgments .button.button-arrow-right.disabled::before,
body.PaCT.reports .button.button-arrow-left.end::before,
body.PaCT.reports .button.button-arrow-left.disabled::before,
body.PaCT.reports .button.button-arrow-right.end::before,
body.PaCT.reports .button.button-arrow-right.disabled::before,
body.PaCT.manage .button.button-arrow-left.end::before,
body.PaCT.manage .button.button-arrow-left.disabled::before,
body.PaCT.manage .button.button-arrow-right.end::before,
body.PaCT.manage .button.button-arrow-right.disabled::before,
body a.button.button-arrow-left.end::before,
body a.button.button-arrow-left.disabled::before,
body a.button.button-arrow-right.end::before,
body a.button.button-arrow-right.disabled::before,
body.PaCT.judgments a.button.button-arrow-left.end::before,
body.PaCT.judgments a.button.button-arrow-left.disabled::before,
body.PaCT.judgments a.button.button-arrow-right.end::before,
body.PaCT.judgments a.button.button-arrow-right.disabled::before,
body.PaCT.reports a.button.button-arrow-left.end::before,
body.PaCT.reports a.button.button-arrow-left.disabled::before,
body.PaCT.reports a.button.button-arrow-right.end::before,
body.PaCT.reports a.button.button-arrow-right.disabled::before,
body.PaCT.manage a.button.button-arrow-left.end::before,
body.PaCT.manage a.button.button-arrow-left.disabled::before,
body.PaCT.manage a.button.button-arrow-right.end::before,
body.PaCT.manage a.button.button-arrow-right.disabled::before,
body a.button:active.button-arrow-left.end::before,
body a.button:active.button-arrow-left.disabled::before,
body a.button:active.button-arrow-right.end::before,
body a.button:active.button-arrow-right.disabled::before,
body.PaCT.judgments a.button:active.button-arrow-left.end::before,
body.PaCT.judgments a.button:active.button-arrow-left.disabled::before,
body.PaCT.judgments a.button:active.button-arrow-right.end::before,
body.PaCT.judgments a.button:active.button-arrow-right.disabled::before,
body.PaCT.reports a.button:active.button-arrow-left.end::before,
body.PaCT.reports a.button:active.button-arrow-left.disabled::before,
body.PaCT.reports a.button:active.button-arrow-right.end::before,
body.PaCT.reports a.button:active.button-arrow-right.disabled::before,
body.PaCT.manage a.button:active.button-arrow-left.end::before,
body.PaCT.manage a.button:active.button-arrow-left.disabled::before,
body.PaCT.manage a.button:active.button-arrow-right.end::before,
body.PaCT.manage a.button:active.button-arrow-right.disabled::before,
body a.button:visited.button-arrow-left.end::before,
body a.button:visited.button-arrow-left.disabled::before,
body a.button:visited.button-arrow-right.end::before,
body a.button:visited.button-arrow-right.disabled::before,
body.PaCT.judgments a.button:visited.button-arrow-left.end::before,
body.PaCT.judgments a.button:visited.button-arrow-left.disabled::before,
body.PaCT.judgments a.button:visited.button-arrow-right.end::before,
body.PaCT.judgments a.button:visited.button-arrow-right.disabled::before,
body.PaCT.reports a.button:visited.button-arrow-left.end::before,
body.PaCT.reports a.button:visited.button-arrow-left.disabled::before,
body.PaCT.reports a.button:visited.button-arrow-right.end::before,
body.PaCT.reports a.button:visited.button-arrow-right.disabled::before,
body.PaCT.manage a.button:visited.button-arrow-left.end::before,
body.PaCT.manage a.button:visited.button-arrow-left.disabled::before,
body.PaCT.manage a.button:visited.button-arrow-right.end::before,
body.PaCT.manage a.button:visited.button-arrow-right.disabled::before,
body a.button:link.button-arrow-left.end::before,
body a.button:link.button-arrow-left.disabled::before,
body a.button:link.button-arrow-right.end::before,
body a.button:link.button-arrow-right.disabled::before,
body.PaCT.judgments a.button:link.button-arrow-left.end::before,
body.PaCT.judgments a.button:link.button-arrow-left.disabled::before,
body.PaCT.judgments a.button:link.button-arrow-right.end::before,
body.PaCT.judgments a.button:link.button-arrow-right.disabled::before,
body.PaCT.reports a.button:link.button-arrow-left.end::before,
body.PaCT.reports a.button:link.button-arrow-left.disabled::before,
body.PaCT.reports a.button:link.button-arrow-right.end::before,
body.PaCT.reports a.button:link.button-arrow-right.disabled::before,
body.PaCT.manage a.button:link.button-arrow-left.end::before,
body.PaCT.manage a.button:link.button-arrow-left.disabled::before,
body.PaCT.manage a.button:link.button-arrow-right.end::before,
body.PaCT.manage a.button:link.button-arrow-right.disabled::before,
body button:not(.grey).button-arrow-left.end::before,
body button:not(.grey).button-arrow-left.disabled::before,
body button:not(.grey).button-arrow-right.end::before,
body button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.judgments button:not(.grey).button-arrow-left.end::before,
body.PaCT.judgments button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.judgments button:not(.grey).button-arrow-right.end::before,
body.PaCT.judgments button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.reports button:not(.grey).button-arrow-left.end::before,
body.PaCT.reports button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.reports button:not(.grey).button-arrow-right.end::before,
body.PaCT.reports button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.manage button:not(.grey).button-arrow-left.end::before,
body.PaCT.manage button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.manage button:not(.grey).button-arrow-right.end::before,
body.PaCT.manage button:not(.grey).button-arrow-right.disabled::before,
body .button:not(.grey).button-arrow-left.end::before,
body .button:not(.grey).button-arrow-left.disabled::before,
body .button:not(.grey).button-arrow-right.end::before,
body .button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.judgments .button:not(.grey).button-arrow-left.end::before,
body.PaCT.judgments .button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.judgments .button:not(.grey).button-arrow-right.end::before,
body.PaCT.judgments .button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.reports .button:not(.grey).button-arrow-left.end::before,
body.PaCT.reports .button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.reports .button:not(.grey).button-arrow-right.end::before,
body.PaCT.reports .button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.manage .button:not(.grey).button-arrow-left.end::before,
body.PaCT.manage .button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.manage .button:not(.grey).button-arrow-right.end::before,
body.PaCT.manage .button:not(.grey).button-arrow-right.disabled::before,
body a.button:not(.grey).button-arrow-left.end::before,
body a.button:not(.grey).button-arrow-left.disabled::before,
body a.button:not(.grey).button-arrow-right.end::before,
body a.button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-left.end::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-right.end::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.reports a.button:not(.grey).button-arrow-left.end::before,
body.PaCT.reports a.button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.reports a.button:not(.grey).button-arrow-right.end::before,
body.PaCT.reports a.button:not(.grey).button-arrow-right.disabled::before,
body.PaCT.manage a.button:not(.grey).button-arrow-left.end::before,
body.PaCT.manage a.button:not(.grey).button-arrow-left.disabled::before,
body.PaCT.manage a.button:not(.grey).button-arrow-right.end::before,
body.PaCT.manage a.button:not(.grey).button-arrow-right.disabled::before,
body a.button:active:not(.grey).button-arrow-left.end::before,
body a.button:active:not(.grey).button-arrow-left.disabled::before,
body a.button:active:not(.grey).button-arrow-right.end::before,
body a.button:active:not(.grey).button-arrow-right.disabled::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-left.end::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-left.disabled::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-right.end::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-right.disabled::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-left.end::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-left.disabled::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-right.end::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-right.disabled::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-left.end::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-left.disabled::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-right.end::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-right.disabled::before,
body a.button:visited:not(.grey).button-arrow-left.end::before,
body a.button:visited:not(.grey).button-arrow-left.disabled::before,
body a.button:visited:not(.grey).button-arrow-right.end::before,
body a.button:visited:not(.grey).button-arrow-right.disabled::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left.end::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left.disabled::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right.end::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right.disabled::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-left.end::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-left.disabled::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-right.end::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-right.disabled::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-left.end::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-left.disabled::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-right.end::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-right.disabled::before,
body a.button:link:not(.grey).button-arrow-left.end::before,
body a.button:link:not(.grey).button-arrow-left.disabled::before,
body a.button:link:not(.grey).button-arrow-right.end::before,
body a.button:link:not(.grey).button-arrow-right.disabled::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-left.end::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-left.disabled::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-right.end::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-right.disabled::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-left.end::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-left.disabled::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-right.end::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-right.disabled::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-left.end::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-left.disabled::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-right.end::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-right.disabled::before {
  border-color: transparent #b1b0b0;
}
body button.button-arrow-left.grey::before, body button.button-arrow-right.grey::before, body.PaCT.judgments button.button-arrow-left.grey::before, body.PaCT.judgments button.button-arrow-right.grey::before, body.PaCT.reports button.button-arrow-left.grey::before, body.PaCT.reports button.button-arrow-right.grey::before, body.PaCT.manage button.button-arrow-left.grey::before, body.PaCT.manage button.button-arrow-right.grey::before,
body .button.button-arrow-left.grey::before,
body .button.button-arrow-right.grey::before,
body.PaCT.judgments .button.button-arrow-left.grey::before,
body.PaCT.judgments .button.button-arrow-right.grey::before,
body.PaCT.reports .button.button-arrow-left.grey::before,
body.PaCT.reports .button.button-arrow-right.grey::before,
body.PaCT.manage .button.button-arrow-left.grey::before,
body.PaCT.manage .button.button-arrow-right.grey::before,
body a.button.button-arrow-left.grey::before,
body a.button.button-arrow-right.grey::before,
body.PaCT.judgments a.button.button-arrow-left.grey::before,
body.PaCT.judgments a.button.button-arrow-right.grey::before,
body.PaCT.reports a.button.button-arrow-left.grey::before,
body.PaCT.reports a.button.button-arrow-right.grey::before,
body.PaCT.manage a.button.button-arrow-left.grey::before,
body.PaCT.manage a.button.button-arrow-right.grey::before,
body a.button:active.button-arrow-left.grey::before,
body a.button:active.button-arrow-right.grey::before,
body.PaCT.judgments a.button:active.button-arrow-left.grey::before,
body.PaCT.judgments a.button:active.button-arrow-right.grey::before,
body.PaCT.reports a.button:active.button-arrow-left.grey::before,
body.PaCT.reports a.button:active.button-arrow-right.grey::before,
body.PaCT.manage a.button:active.button-arrow-left.grey::before,
body.PaCT.manage a.button:active.button-arrow-right.grey::before,
body a.button:visited.button-arrow-left.grey::before,
body a.button:visited.button-arrow-right.grey::before,
body.PaCT.judgments a.button:visited.button-arrow-left.grey::before,
body.PaCT.judgments a.button:visited.button-arrow-right.grey::before,
body.PaCT.reports a.button:visited.button-arrow-left.grey::before,
body.PaCT.reports a.button:visited.button-arrow-right.grey::before,
body.PaCT.manage a.button:visited.button-arrow-left.grey::before,
body.PaCT.manage a.button:visited.button-arrow-right.grey::before,
body a.button:link.button-arrow-left.grey::before,
body a.button:link.button-arrow-right.grey::before,
body.PaCT.judgments a.button:link.button-arrow-left.grey::before,
body.PaCT.judgments a.button:link.button-arrow-right.grey::before,
body.PaCT.reports a.button:link.button-arrow-left.grey::before,
body.PaCT.reports a.button:link.button-arrow-right.grey::before,
body.PaCT.manage a.button:link.button-arrow-left.grey::before,
body.PaCT.manage a.button:link.button-arrow-right.grey::before,
body button:not(.grey).button-arrow-left.grey::before,
body button:not(.grey).button-arrow-right.grey::before,
body.PaCT.judgments button:not(.grey).button-arrow-left.grey::before,
body.PaCT.judgments button:not(.grey).button-arrow-right.grey::before,
body.PaCT.reports button:not(.grey).button-arrow-left.grey::before,
body.PaCT.reports button:not(.grey).button-arrow-right.grey::before,
body.PaCT.manage button:not(.grey).button-arrow-left.grey::before,
body.PaCT.manage button:not(.grey).button-arrow-right.grey::before,
body .button:not(.grey).button-arrow-left.grey::before,
body .button:not(.grey).button-arrow-right.grey::before,
body.PaCT.judgments .button:not(.grey).button-arrow-left.grey::before,
body.PaCT.judgments .button:not(.grey).button-arrow-right.grey::before,
body.PaCT.reports .button:not(.grey).button-arrow-left.grey::before,
body.PaCT.reports .button:not(.grey).button-arrow-right.grey::before,
body.PaCT.manage .button:not(.grey).button-arrow-left.grey::before,
body.PaCT.manage .button:not(.grey).button-arrow-right.grey::before,
body a.button:not(.grey).button-arrow-left.grey::before,
body a.button:not(.grey).button-arrow-right.grey::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-left.grey::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-right.grey::before,
body.PaCT.reports a.button:not(.grey).button-arrow-left.grey::before,
body.PaCT.reports a.button:not(.grey).button-arrow-right.grey::before,
body.PaCT.manage a.button:not(.grey).button-arrow-left.grey::before,
body.PaCT.manage a.button:not(.grey).button-arrow-right.grey::before,
body a.button:active:not(.grey).button-arrow-left.grey::before,
body a.button:active:not(.grey).button-arrow-right.grey::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-left.grey::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-right.grey::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-left.grey::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-right.grey::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-left.grey::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-right.grey::before,
body a.button:visited:not(.grey).button-arrow-left.grey::before,
body a.button:visited:not(.grey).button-arrow-right.grey::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left.grey::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right.grey::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-left.grey::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-right.grey::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-left.grey::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-right.grey::before,
body a.button:link:not(.grey).button-arrow-left.grey::before,
body a.button:link:not(.grey).button-arrow-right.grey::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-left.grey::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-right.grey::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-left.grey::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-right.grey::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-left.grey::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-right.grey::before {
  border-color: transparent #252525;
}
body button.button-arrow-left, body.PaCT.judgments button.button-arrow-left, body.PaCT.reports button.button-arrow-left, body.PaCT.manage button.button-arrow-left,
body .button.button-arrow-left,
body.PaCT.judgments .button.button-arrow-left,
body.PaCT.reports .button.button-arrow-left,
body.PaCT.manage .button.button-arrow-left,
body a.button.button-arrow-left,
body.PaCT.judgments a.button.button-arrow-left,
body.PaCT.reports a.button.button-arrow-left,
body.PaCT.manage a.button.button-arrow-left,
body a.button:active.button-arrow-left,
body.PaCT.judgments a.button:active.button-arrow-left,
body.PaCT.reports a.button:active.button-arrow-left,
body.PaCT.manage a.button:active.button-arrow-left,
body a.button:visited.button-arrow-left,
body.PaCT.judgments a.button:visited.button-arrow-left,
body.PaCT.reports a.button:visited.button-arrow-left,
body.PaCT.manage a.button:visited.button-arrow-left,
body a.button:link.button-arrow-left,
body.PaCT.judgments a.button:link.button-arrow-left,
body.PaCT.reports a.button:link.button-arrow-left,
body.PaCT.manage a.button:link.button-arrow-left,
body button:not(.grey).button-arrow-left,
body.PaCT.judgments button:not(.grey).button-arrow-left,
body.PaCT.reports button:not(.grey).button-arrow-left,
body.PaCT.manage button:not(.grey).button-arrow-left,
body .button:not(.grey).button-arrow-left,
body.PaCT.judgments .button:not(.grey).button-arrow-left,
body.PaCT.reports .button:not(.grey).button-arrow-left,
body.PaCT.manage .button:not(.grey).button-arrow-left,
body a.button:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:not(.grey).button-arrow-left,
body.PaCT.reports a.button:not(.grey).button-arrow-left,
body.PaCT.manage a.button:not(.grey).button-arrow-left,
body a.button:active:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-left,
body.PaCT.reports a.button:active:not(.grey).button-arrow-left,
body.PaCT.manage a.button:active:not(.grey).button-arrow-left,
body a.button:visited:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-left,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-left,
body a.button:link:not(.grey).button-arrow-left,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-left,
body.PaCT.reports a.button:link:not(.grey).button-arrow-left,
body.PaCT.manage a.button:link:not(.grey).button-arrow-left {
  padding-left: 25px;
}
body button.button-arrow-left::before, body.PaCT.judgments button.button-arrow-left::before, body.PaCT.reports button.button-arrow-left::before, body.PaCT.manage button.button-arrow-left::before,
body .button.button-arrow-left::before,
body.PaCT.judgments .button.button-arrow-left::before,
body.PaCT.reports .button.button-arrow-left::before,
body.PaCT.manage .button.button-arrow-left::before,
body a.button.button-arrow-left::before,
body.PaCT.judgments a.button.button-arrow-left::before,
body.PaCT.reports a.button.button-arrow-left::before,
body.PaCT.manage a.button.button-arrow-left::before,
body a.button:active.button-arrow-left::before,
body.PaCT.judgments a.button:active.button-arrow-left::before,
body.PaCT.reports a.button:active.button-arrow-left::before,
body.PaCT.manage a.button:active.button-arrow-left::before,
body a.button:visited.button-arrow-left::before,
body.PaCT.judgments a.button:visited.button-arrow-left::before,
body.PaCT.reports a.button:visited.button-arrow-left::before,
body.PaCT.manage a.button:visited.button-arrow-left::before,
body a.button:link.button-arrow-left::before,
body.PaCT.judgments a.button:link.button-arrow-left::before,
body.PaCT.reports a.button:link.button-arrow-left::before,
body.PaCT.manage a.button:link.button-arrow-left::before,
body button:not(.grey).button-arrow-left::before,
body.PaCT.judgments button:not(.grey).button-arrow-left::before,
body.PaCT.reports button:not(.grey).button-arrow-left::before,
body.PaCT.manage button:not(.grey).button-arrow-left::before,
body .button:not(.grey).button-arrow-left::before,
body.PaCT.judgments .button:not(.grey).button-arrow-left::before,
body.PaCT.reports .button:not(.grey).button-arrow-left::before,
body.PaCT.manage .button:not(.grey).button-arrow-left::before,
body a.button:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:not(.grey).button-arrow-left::before,
body a.button:active:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-left::before,
body a.button:visited:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-left::before,
body a.button:link:not(.grey).button-arrow-left::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-left::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-left::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-left::before {
  left: 10px;
}
body button.button-arrow-right, body.PaCT.judgments button.button-arrow-right, body.PaCT.reports button.button-arrow-right, body.PaCT.manage button.button-arrow-right,
body .button.button-arrow-right,
body.PaCT.judgments .button.button-arrow-right,
body.PaCT.reports .button.button-arrow-right,
body.PaCT.manage .button.button-arrow-right,
body a.button.button-arrow-right,
body.PaCT.judgments a.button.button-arrow-right,
body.PaCT.reports a.button.button-arrow-right,
body.PaCT.manage a.button.button-arrow-right,
body a.button:active.button-arrow-right,
body.PaCT.judgments a.button:active.button-arrow-right,
body.PaCT.reports a.button:active.button-arrow-right,
body.PaCT.manage a.button:active.button-arrow-right,
body a.button:visited.button-arrow-right,
body.PaCT.judgments a.button:visited.button-arrow-right,
body.PaCT.reports a.button:visited.button-arrow-right,
body.PaCT.manage a.button:visited.button-arrow-right,
body a.button:link.button-arrow-right,
body.PaCT.judgments a.button:link.button-arrow-right,
body.PaCT.reports a.button:link.button-arrow-right,
body.PaCT.manage a.button:link.button-arrow-right,
body button:not(.grey).button-arrow-right,
body.PaCT.judgments button:not(.grey).button-arrow-right,
body.PaCT.reports button:not(.grey).button-arrow-right,
body.PaCT.manage button:not(.grey).button-arrow-right,
body .button:not(.grey).button-arrow-right,
body.PaCT.judgments .button:not(.grey).button-arrow-right,
body.PaCT.reports .button:not(.grey).button-arrow-right,
body.PaCT.manage .button:not(.grey).button-arrow-right,
body a.button:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:not(.grey).button-arrow-right,
body.PaCT.reports a.button:not(.grey).button-arrow-right,
body.PaCT.manage a.button:not(.grey).button-arrow-right,
body a.button:active:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-right,
body.PaCT.reports a.button:active:not(.grey).button-arrow-right,
body.PaCT.manage a.button:active:not(.grey).button-arrow-right,
body a.button:visited:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-right,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-right,
body a.button:link:not(.grey).button-arrow-right,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-right,
body.PaCT.reports a.button:link:not(.grey).button-arrow-right,
body.PaCT.manage a.button:link:not(.grey).button-arrow-right {
  padding-right: 25px;
}
body button.button-arrow-right::before, body.PaCT.judgments button.button-arrow-right::before, body.PaCT.reports button.button-arrow-right::before, body.PaCT.manage button.button-arrow-right::before,
body .button.button-arrow-right::before,
body.PaCT.judgments .button.button-arrow-right::before,
body.PaCT.reports .button.button-arrow-right::before,
body.PaCT.manage .button.button-arrow-right::before,
body a.button.button-arrow-right::before,
body.PaCT.judgments a.button.button-arrow-right::before,
body.PaCT.reports a.button.button-arrow-right::before,
body.PaCT.manage a.button.button-arrow-right::before,
body a.button:active.button-arrow-right::before,
body.PaCT.judgments a.button:active.button-arrow-right::before,
body.PaCT.reports a.button:active.button-arrow-right::before,
body.PaCT.manage a.button:active.button-arrow-right::before,
body a.button:visited.button-arrow-right::before,
body.PaCT.judgments a.button:visited.button-arrow-right::before,
body.PaCT.reports a.button:visited.button-arrow-right::before,
body.PaCT.manage a.button:visited.button-arrow-right::before,
body a.button:link.button-arrow-right::before,
body.PaCT.judgments a.button:link.button-arrow-right::before,
body.PaCT.reports a.button:link.button-arrow-right::before,
body.PaCT.manage a.button:link.button-arrow-right::before,
body button:not(.grey).button-arrow-right::before,
body.PaCT.judgments button:not(.grey).button-arrow-right::before,
body.PaCT.reports button:not(.grey).button-arrow-right::before,
body.PaCT.manage button:not(.grey).button-arrow-right::before,
body .button:not(.grey).button-arrow-right::before,
body.PaCT.judgments .button:not(.grey).button-arrow-right::before,
body.PaCT.reports .button:not(.grey).button-arrow-right::before,
body.PaCT.manage .button:not(.grey).button-arrow-right::before,
body a.button:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:not(.grey).button-arrow-right::before,
body a.button:active:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:active:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:active:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:active:not(.grey).button-arrow-right::before,
body a.button:visited:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:visited:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:visited:not(.grey).button-arrow-right::before,
body a.button:link:not(.grey).button-arrow-right::before,
body.PaCT.judgments a.button:link:not(.grey).button-arrow-right::before,
body.PaCT.reports a.button:link:not(.grey).button-arrow-right::before,
body.PaCT.manage a.button:link:not(.grey).button-arrow-right::before {
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
  border-width: 5px 0 5px 5px;
  right: 10px;
}
@media print {
  body button.button-arrow-right::before, body.PaCT.judgments button.button-arrow-right::before, body.PaCT.reports button.button-arrow-right::before, body.PaCT.manage button.button-arrow-right::before,
  body .button.button-arrow-right::before,
  body.PaCT.judgments .button.button-arrow-right::before,
  body.PaCT.reports .button.button-arrow-right::before,
  body.PaCT.manage .button.button-arrow-right::before,
  body a.button.button-arrow-right::before,
  body.PaCT.judgments a.button.button-arrow-right::before,
  body.PaCT.reports a.button.button-arrow-right::before,
  body.PaCT.manage a.button.button-arrow-right::before,
  body a.button:active.button-arrow-right::before,
  body.PaCT.judgments a.button:active.button-arrow-right::before,
  body.PaCT.reports a.button:active.button-arrow-right::before,
  body.PaCT.manage a.button:active.button-arrow-right::before,
  body a.button:visited.button-arrow-right::before,
  body.PaCT.judgments a.button:visited.button-arrow-right::before,
  body.PaCT.reports a.button:visited.button-arrow-right::before,
  body.PaCT.manage a.button:visited.button-arrow-right::before,
  body a.button:link.button-arrow-right::before,
  body.PaCT.judgments a.button:link.button-arrow-right::before,
  body.PaCT.reports a.button:link.button-arrow-right::before,
  body.PaCT.manage a.button:link.button-arrow-right::before,
  body button:not(.grey).button-arrow-right::before,
  body.PaCT.judgments button:not(.grey).button-arrow-right::before,
  body.PaCT.reports button:not(.grey).button-arrow-right::before,
  body.PaCT.manage button:not(.grey).button-arrow-right::before,
  body .button:not(.grey).button-arrow-right::before,
  body.PaCT.judgments .button:not(.grey).button-arrow-right::before,
  body.PaCT.reports .button:not(.grey).button-arrow-right::before,
  body.PaCT.manage .button:not(.grey).button-arrow-right::before,
  body a.button:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:not(.grey).button-arrow-right::before,
  body a.button:active:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:active:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:active:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:active:not(.grey).button-arrow-right::before,
  body a.button:visited:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:visited:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:visited:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:visited:not(.grey).button-arrow-right::before,
  body a.button:link:not(.grey).button-arrow-right::before,
  body.PaCT.judgments a.button:link:not(.grey).button-arrow-right::before,
  body.PaCT.reports a.button:link:not(.grey).button-arrow-right::before,
  body.PaCT.manage a.button:link:not(.grey).button-arrow-right::before {
    border-left-color: #252525;
  }
}

.button-area {
  margin-bottom: 10px;
  position: relative;
}
.button-area::after {
  content: "";
  display: table;
  clear: both;
}
.button-area > h3 {
  margin-top: 0;
  margin-bottom: 6px;
}

.button-up,
div.button-up {
  position: absolute;
  right: 0;
  top: -51px;
}

.button-text {
  margin-bottom: 5px;
}

.buttons-left {
  float: left;
}

.buttons-right {
  float: right;
}

.button-group span {
  float: left;
}
.button-group span:first-child a.button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.button-group span:last-child a.button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.buttons-inline > * {
  display: inline-block;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* stylelint-disable */
#notification-list .notification {
  background-color: #f2f6fb;
  border: 1px solid #2a6ebb;
  padding: 15px 15px 15px 40px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
#notification-list .notification .notification-content {
  position: relative;
  padding-right: 100px;
}
#notification-list .notification .notification-content button {
  position: absolute;
  right: 0;
  bottom: 0;
}
#notification-list .notification h3 {
  margin-top: 0;
  color: #2a6ebb;
}
#notification-list .notification h3 > span {
  width: 22px;
  display: inline-block;
  left: 15px;
  top: 20px;
  position: absolute;
}
#notification-list .notification p:first-child {
  margin-top: 0;
}
#notification-list .notification .metadata {
  font-size: 1.1rem;
  margin-bottom: 0;
}

#notification-list .notification.REMINDER {
  background-color: #fff9ed;
  border: 1px solid #fcb116;
}
#notification-list .notification.REMINDER h3 {
  color: #252525;
}
#notification-list .notification.REMINDER h3 > span {
  color: #fcb116;
}

#notification-list .notification.URGENT_REMINDER {
  background-color: #fbf4f3;
  border: 1px solid #b6231d;
}
#notification-list .notification.URGENT_REMINDER h3,
#notification-list .notification.URGENT_REMINDER h3 > span {
  color: #b6231d;
}

.readmore-js-section {
  overflow: hidden;
}

/* stylelint-disable */
/*
  PaCT homepage dashboard widgets
*/
.rw-notifications {
  margin-bottom: 20px;
}

#status-widget {
  margin-top: 10px;
  margin-bottom: 15px;
}
#status-widget .status-widget-buttons {
  list-style-type: none;
  width: 100%;
  margin: 105px 0 0;
}
#status-widget .status-widget-buttons::after {
  content: "";
  display: table;
  clear: both;
}
#status-widget .status-widget-buttons:first-child {
  margin: 0;
}
#status-widget .status-widget-buttons > li {
  float: left;
  margin: 0;
}
#status-widget .status-widget-buttons > li a,
#status-widget .status-widget-buttons > li p {
  background-color: #f0f0f0;
  display: block;
  height: 75px;
  border-right: 2px solid #fff;
}
#status-widget .status-widget-buttons > li a h2,
#status-widget .status-widget-buttons > li p h2 {
  color: #252525;
}
#status-widget .status-widget-buttons > li a:hover,
#status-widget .status-widget-buttons > li p:hover {
  text-decoration: none;
  background: #e1e1e1;
}
#status-widget .status-widget-buttons > li a.zero,
#status-widget .status-widget-buttons > li p.zero {
  color: #585858;
}
#status-widget .status-widget-buttons > li a.zero h2,
#status-widget .status-widget-buttons > li a.zero .contains,
#status-widget .status-widget-buttons > li p.zero h2,
#status-widget .status-widget-buttons > li p.zero .contains {
  color: #727272;
}
#status-widget .status-widget-buttons > li a.zero:hover,
#status-widget .status-widget-buttons > li p.zero:hover {
  cursor: default;
}
#status-widget .status-widget-buttons > li a.no-start,
#status-widget .status-widget-buttons > li p.no-start {
  margin: 0;
  text-align: center;
  font-style: italic;
}
@media only screen and (max-width: 967px) {
  #status-widget .status-widget-buttons > li h2 {
    font-size: 1.4rem;
  }
}
#status-widget .status-widget-buttons > li .contains {
  font-size: 4.2rem;
  font-weight: bold;
  vertical-align: middle;
  padding: 0 10px;
  line-height: 75px;
  float: left;
  text-align: right;
  min-width: 45px;
  color: #235d9e;
}
#status-widget .status-widget-buttons > li .contains.big-number {
  font-size: 2.8rem;
}
@media only screen and (max-width: 967px) {
  #status-widget .status-widget-buttons > li .contains.big-number {
    font-size: 2.4rem;
    min-width: 36px;
  }
}
@media only screen and (max-width: 967px) {
  #status-widget .status-widget-buttons > li .contains {
    font-size: 2.8rem;
    min-width: 36px;
  }
}
#status-widget .status-widget-buttons > li .cycle-button-label {
  width: 80%;
  float: left;
  padding-top: 12px;
}
#status-widget .status-widget-buttons > li:first-child {
  width: 45%;
}
#status-widget .status-widget-buttons > li:first-child a {
  border-radius: 10px 0 0 10px;
}
#status-widget .status-widget-buttons > li:first-child a h2 {
  margin: 0;
}
#status-widget .status-widget-buttons > li:first-child .rubric-count {
  font-size: 1.3rem;
  color: #252525;
  position: relative;
  top: -5px;
}
#status-widget .status-widget-buttons > li:last-child a {
  border-right: none;
  border-radius: 0 10px 10px 0;
}
#status-widget .status-widget-buttons > li:nth-child(2) {
  width: 17%;
}
#status-widget .status-widget-buttons > li:nth-child(3) {
  width: 20%;
}
#status-widget .status-widget-buttons > li:nth-child(4) {
  width: 18%;
}
#status-widget .status-widget-buttons > li:nth-child(2), #status-widget .status-widget-buttons > li:nth-child(3), #status-widget .status-widget-buttons > li:nth-child(4) {
  line-height: 75px;
}
#status-widget .status-widget-buttons > li:nth-child(2) h2, #status-widget .status-widget-buttons > li:nth-child(3) h2, #status-widget .status-widget-buttons > li:nth-child(4) h2 {
  font-size: 2rem;
  line-height: 75px;
  float: left;
  margin: 0;
}

/*
  Student widget
*/
.student-widget {
  margin-bottom: 30px;
}
.student-widget p {
  margin-top: 0;
  font-weight: bold;
}
.student-widget .search-area {
  padding: 0 145px 0 0;
  position: relative;
}
.student-widget .search-area > * {
  display: inline-block;
  vertical-align: top;
}
.student-widget .search-area input {
  min-width: 100%;
  margin-top: 0;
}
.student-widget .search-area .styled-select {
  position: absolute;
  top: 0;
  right: 0;
}
.student-widget .search-area .styled-select select {
  width: 135px;
}
.student-widget .search-area .search-input {
  width: 100%;
}
.student-widget .student-widget-left,
.student-widget .student-widget-right {
  overflow: hidden;
}
.student-widget .student-widget-left,
.student-widget .student-widget-middle,
.student-widget .student-widget-right {
  float: left;
  width: 46%;
}
.student-widget .student-widget-left {
  margin-right: 2%;
}
.student-widget .student-widget-middle {
  width: 4%;
  margin-top: 160px;
}
.student-widget .student-widget-middle a.button {
  display: block;
  margin-bottom: 15px;
}
.student-widget .student-widget-right {
  margin-left: 2%;
}
.student-widget .student-widget-right p {
  margin-top: 43px;
}
.student-widget table {
  height: 336px;
  border-spacing: 0;
}
.student-widget table tr {
  display: table;
  width: 100%;
}
.student-widget table tr.loading-row {
  height: 100%;
  text-align: center;
}
.student-widget table th:first-child,
.student-widget table td:first-child {
  width: 2%;
}
.student-widget table th:nth-child(2), .student-widget table th:nth-child(3),
.student-widget table td:nth-child(2),
.student-widget table td:nth-child(3) {
  width: 45%;
}
.student-widget table th:nth-child(4),
.student-widget table td:nth-child(4) {
  width: 8%;
}
.student-widget table input {
  min-width: 0;
}
.student-widget tbody,
.student-widget thead {
  display: block;
}
.student-widget tbody {
  overflow-y: scroll;
  height: 336px;
  background-color: #fff;
}

/*
  Group widget
*/
.group-widget {
  margin-bottom: 30px;
}
.group-widget p {
  margin-top: 0;
  font-weight: bold;
}
.group-widget .group-widget-left,
.group-widget .group-widget-right {
  overflow: hidden;
}
.group-widget .group-widget-left,
.group-widget .group-widget-middle,
.group-widget .group-widget-right {
  float: left;
  width: 46%;
}
.group-widget .group-widget-left {
  margin-right: 2%;
}
.group-widget .group-widget-middle {
  width: 4%;
  margin-top: 160px;
}
.group-widget .group-widget-middle a.button {
  display: block;
  margin-bottom: 15px;
}
.group-widget .group-widget-right {
  margin-left: 2%;
}
.group-widget table {
  height: 336px;
  border-spacing: 0;
}
.group-widget table tr {
  display: table;
  width: 100%;
}
.group-widget table tr.loading-row {
  height: 100%;
  text-align: center;
}
.group-widget table th:first-child, .group-widget table th:nth-child(2),
.group-widget table td:first-child,
.group-widget table td:nth-child(2) {
  width: 2%;
}
.group-widget table th:first-child .show-homegroup-false, .group-widget table th:nth-child(2) .show-homegroup-false,
.group-widget table td:first-child .show-homegroup-false,
.group-widget table td:nth-child(2) .show-homegroup-false {
  visibility: hidden;
}
.group-widget table th:nth-child(3),
.group-widget table td:nth-child(3) {
  width: 30%;
  text-align: center;
  word-break: break-all;
}
.group-widget table th:nth-child(5),
.group-widget table td:nth-child(5) {
  width: 30%;
  text-align: center;
}
.group-widget table th:nth-child(4),
.group-widget table td:nth-child(4) {
  width: 20%;
  text-align: center;
}
.group-widget table input {
  min-width: 0;
}
.group-widget tbody,
.group-widget thead {
  display: block;
}
.group-widget tbody {
  overflow-y: scroll;
  height: 336px;
  background-color: #fff;
}

/*
  Table styles
*/
.table-overflow-buffer {
  display: inline-block;
  overflow-x: auto;
  width: 100%;
}
.table-overflow-buffer.student-list-overflow {
  overflow-x: scroll;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table th {
  color: #fff;
  padding: 10px 0;
  text-align: left;
  background-color: #2a6ebb;
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
@media print {
  table th {
    text-shadow: none !important;
    border-bottom: 1px solid #252525;
    color: #252525;
    background-color: transparent !important;
  }
}
body.PaCT.judgments table th {
  background-color: #00acbd;
  text-shadow: 0 0 2px rgba(0, 33, 36, 0.6);
}
body.PaCT.reports table th {
  background-color: #5956a5;
  text-shadow: 0 0 2px rgba(35, 34, 64, 0.6);
}
body.PaCT.homepage table th {
  background-color: #2a6ebb;
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
body.PaCT.manage table th {
  background-color: #00853e;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
body.PaCT.contact-centre table th {
  background-color: #dc291e;
  text-shadow: 0 0 2px rgba(85, 16, 12, 0.6);
}
body.PaCT.profile table th {
  background-color: #2a6ebb;
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
table th:first-child {
  border-top-left-radius: 10px;
}
table th:last-child {
  border-top-right-radius: 10px;
}
table th,
table td {
  padding: 10px 5px;
}
table th:first-child,
table td:first-child {
  padding-left: 10px;
}
table th:last-child,
table td:last-child {
  padding-right: 10px;
}
table td {
  border-bottom: 1px solid #c2c2c2;
  background-color: #fff;
}
table tr:hover {
  background-color: #f0f0f0;
}

tr.table-grey:hover {
  background-color: transparent;
}
tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.judgments tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.reports tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.homepage tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.manage tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.contact-centre tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.profile tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}

.column-centered {
  text-align: center;
}

.summary {
  font-style: italic;
}

.total-kahui-ako {
  background-color: #f0f0f0;
  font-weight: bold;
}

.kahui-ako-row {
  background-color: rgba(255, 255, 153, 0.5);
}

.column-button {
  width: 128px;
}

.table-cell-short {
  padding-top: 5px;
  padding-bottom: 5px;
}

form table .error > .error {
  display: block;
}

/* stylelint-disable */
/*
 * Concertina styles
 * used in inner tabs in reports section
 */
.concertina {
  border-top: 1px solid #ccc;
}
.concertina:last-child {
  border-bottom: 1px solid #ccc;
}
.concertina > h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.concertina > h3 a {
  color: #252525;
  display: block;
  padding: 7px 5px 7px 25px;
  position: relative;
}
.concertina > h3 a:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.concertina > h3 a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #252525 transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #252525;
  border-width: 5px 0 5px 5px;
  position: absolute;
  top: 14px;
  left: 10px;
}
.concertina > h3 a.open {
  margin-bottom: 5px;
  color: #2a6ebb;
}
.concertina > h3 a.open::before {
  top: 17px;
  left: 8px;
  border-color: #2a6ebb transparent transparent transparent;
  border-width: 5px 5px 0;
}
.concertina > h3 a.open.comparison {
  color: #dc291e;
}
.concertina > h3 a.open.comparison::before {
  border-color: #dc291e transparent transparent transparent;
}
.concertina table {
  margin-bottom: 10px;
  table-layout: fixed;
}
.concertina table th {
  text-align: center;
}
.concertina table td {
  border-right: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  vertical-align: top;
  padding: 10px;
}
.concertina table td:first-child {
  border-left: 1px dotted #ccc;
}
.concertina table ul {
  list-style-type: none;
  margin: 0;
}
.concertina table li {
  line-height: 19px;
  margin-bottom: 8px;
}
.concertina table li.no-students {
  font-style: italic;
}

/*
  Sortable table elements
*/
.sortable {
  padding-right: 14px;
  position: relative;
  display: inline-block;
}
.sortable:hover {
  cursor: pointer;
}
.sortable::before, .sortable::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 4px;
  border-color: transparent transparent #fff transparent;
  background-color: transparent;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -4px;
}
.sortable::after {
  border-top: 4px solid #fff;
  border-bottom: 0;
  margin-top: 2px;
}
.sortable.ascending::before {
  border-width: 0 5px 5px;
  margin-top: -2px;
  right: 0;
}
.sortable.ascending::after {
  display: none;
}
.sortable.descending::before {
  display: none;
}
.sortable.descending::after {
  border-width: 5px 5px 0;
  margin-top: -2px;
  right: 0;
}

/*
  Dialog styles
*/
.dialog-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.dialog-pdf {
  top: 70px;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  box-shadow: none;
}

.dialog {
  width: 700px;
  margin: 0 auto;
  position: relative;
  top: 140px;
  box-shadow: none;
}
.dialog .buttons {
  text-align: right;
}
.dialog .close {
  top: 20px;
  position: absolute;
  right: 22px;
  color: #fff;
}
.dialog .close:hover, .dialog .close:focus {
  color: #fff;
  text-decoration: none;
}
.dialog .dialog-centered {
  text-align: center;
}

.dialog.dialog-large,
.dialog.dialog-medium {
  min-width: 660px;
  max-width: 940px;
  width: 80%;
  height: 80%;
  position: relative;
  top: 10%;
  padding: 0;
}
.dialog.dialog-large .inner,
.dialog.dialog-medium .inner {
  height: 100%;
  padding-top: 60px;
}
.dialog.dialog-large .floating-box-header,
.dialog.dialog-medium .floating-box-header {
  max-height: 60px;
  width: 100%;
  top: -60px;
  left: 0;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog.dialog-large .content,
.dialog.dialog-medium .content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  margin-top: -60px;
  padding: 0 22px;
  position: relative;
}
.dialog.dialog-large .content > div:last-child,
.dialog.dialog-medium .content > div:last-child {
  margin-bottom: 10px;
}
.dialog.dialog-large .content .current-rubric,
.dialog.dialog-medium .content .current-rubric {
  margin-top: 16px;
  margin-right: 22px;
}
.dialog.dialog-large .content > table:first-child,
.dialog.dialog-medium .content > table:first-child {
  margin-top: 15px;
}

.dialog.dialog-medium {
  max-width: 700px;
}

@media only screen and (max-width: 967px), only screen and (max-height: 550px) {
  .dialog,
  .dialog.dialog-large,
  .dialog.dialog-medium {
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
/*
  Search styles
*/
.search-area {
  background-color: #f0f0f0;
  padding: 12px 10px;
  margin-bottom: 10px;
}
.search-area h3 {
  margin-top: 0;
  margin-bottom: 6px;
}
.search-area .result {
  display: inline-block;
  margin-top: 5px;
  margin-left: 10px;
  font-style: italic;
  color: #4f4f4f;
}
.search-area .extra-condition {
  margin-top: 10px;
}

.search-input {
  display: inline-block;
  position: relative;
}
.search-input input {
  border: 0;
  border-radius: 8px;
  min-width: 410px;
  padding: 7px 40px 7px 10px;
}
.search-input .icon-search {
  position: absolute;
  font-size: 1.8rem;
  color: #4f4f4f;
  top: 7px;
  right: 10px;
}

.help {
  display: block;
  color: #4f4f4f;
  font-size: 1rem;
  margin-top: 4px;
}

/*
  Filter styles
*/
.filter-area {
  margin-bottom: 10px;
}
.filter-area h3 {
  margin-bottom: 10px;
}
.filter-area .content > * {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}
.filter-area .select-with-datepickers {
  background-color: #fafafa;
  text-align: center;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.filter-area .select-with-datepickers select {
  width: 200px;
}
.filter-area .select-datepickers {
  padding-top: 10px;
  padding-bottom: 5px;
  margin-top: -5px;
  border: 1px solid #ccc;
  border-top: 0;
}
.filter-area .select-datepickers input {
  width: 85px;
}

.quick-filter {
  margin-top: 15px;
  margin-bottom: 15px;
}
.quick-filter h4,
.quick-filter ul,
.quick-filter li {
  margin: 0;
  display: inline-block;
}
.quick-filter ul {
  list-style-type: none;
}
.quick-filter li {
  border-left: 1px solid #c2c2c2;
  margin-left: 5px;
  padding-left: 8px;
  line-height: 15px;
}
.quick-filter li:first-child {
  border-left: 0;
  padding-left: 0;
}
.quick-filter .current a {
  color: #252525;
}
.quick-filter .current a:hover {
  text-decoration: none;
  cursor: default;
}

/*
 * Breadcrumbs
 */
.breadcrumbs {
  font-size: 1.2rem;
  line-height: 21px;
}

/*
 * Drop down styles
 * see also _select-2-custom.scss
 */
.down-arrow-wrapper {
  position: relative;
  display: inline-block;
}
.down-arrow-wrapper::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #b3b3b3 transparent;
  background-color: transparent;
  border-top-style: solid;
  border-top-color: #b3b3b3;
  border-width: 6px 6px 0;
  right: 10px;
  top: 15px;
  pointer-events: none;
}

.current-aspect .open ul.aspect-dropdown {
  display: block;
}

ul.aspect-dropdown {
  display: none;
  background-color: #f0f0f0;
  list-style: none;
  margin: 0;
  position: absolute;
  z-index: 1;
  min-width: 100%;
  left: -15px;
  top: 36px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 3px 3px 5px 0 rgba(37, 37, 37, 0.15);
}
ul.aspect-dropdown li {
  margin-bottom: 0;
  padding: 0 10px;
}
ul.aspect-dropdown li:nth-last-child(2) {
  padding-bottom: 6px;
}
ul.aspect-dropdown a {
  display: block;
  border-top: 1px dotted #ccc;
  padding: 5px;
  color: #252525;
}
ul.aspect-dropdown a:hover {
  background-color: #fff;
  text-decoration: none;
}
ul.aspect-dropdown li.view-all {
  border-top: 0;
  background-color: #e4e4e4;
  padding: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
ul.aspect-dropdown li.view-all a {
  padding: 5px 15px 6px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: #0063af;
}

.aspect-inverted ul.aspect-dropdown {
  top: auto;
  bottom: 36px;
  border-radius: 10px 10px 0 0;
  box-shadow: 3px -3px 5px 0 rgba(37, 37, 37, 0.15);
}
.aspect-inverted ul.aspect-dropdown li:first-child {
  padding-top: 6px;
}
.aspect-inverted ul.aspect-dropdown li:nth-last-child(2) {
  padding-bottom: 0;
}
.aspect-inverted ul.aspect-dropdown a {
  border-top: 0;
  border-bottom: 1px dotted #ccc;
}

.dropdown-button-wrapper {
  position: relative;
}
.button-area .dropdown-button-wrapper {
  float: right;
}
.dropdown-button-wrapper.button-up {
  top: auto;
  bottom: 0;
}

.dropdown-button-wrapper .dropdown-button {
  position: relative;
  padding-right: 29px;
  z-index: 2;
}
.dropdown-button-wrapper .dropdown-button::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #fff transparent;
  background-color: transparent;
  border-top-style: solid;
  border-top-color: #fff;
  border-width: 5px 5px 0;
  right: 12px;
  top: 15px;
}
.dropdown-button-wrapper .dropdown-button.grey::before {
  border-top-color: #252525;
}
.dropdown-button-wrapper .dropdown-button.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #fff;
  border-bottom-color: #fff;
}
body.PaCT.judgments .dropdown-button-wrapper .dropdown-button.open {
  background: #fff;
  border-color: #ccc #ccc #fff;
  color: #252525;
}
body.PaCT.reports .dropdown-button-wrapper .dropdown-button.open {
  background: #fff;
  border-color: #ccc #ccc #fff;
  color: #252525;
}
body.PaCT.homepage .dropdown-button-wrapper .dropdown-button.open {
  background: #fff;
  border-color: #ccc #ccc #fff;
  color: #252525;
}
body.PaCT.manage .dropdown-button-wrapper .dropdown-button.open {
  background: #fff;
  border-color: #ccc #ccc #fff;
  color: #252525;
}
body.PaCT.contact-centre .dropdown-button-wrapper .dropdown-button.open {
  background: #fff;
  border-color: #ccc #ccc #fff;
  color: #252525;
}
body.PaCT.profile .dropdown-button-wrapper .dropdown-button.open {
  background: #fff;
  border-color: #ccc #ccc #fff;
  color: #252525;
}
.dropdown-button-wrapper .dropdown-button.open::before {
  border-top-style: none;
  border-bottom-color: #252525;
  border-width: 0 5px 5px;
}

.dropdown-button-content {
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 1;
  list-style: none;
  margin: -1px 0 0;
  min-width: 180px;
}

.table-columns {
  padding: 5px;
  right: 0;
}
.table-columns li {
  border-top: 1px dotted #ccc;
  margin-bottom: 0;
  padding: 4px 6px 4px 3px;
}
.table-columns li:hover, .table-columns li:focus {
  background-color: #f0f0f0;
}
.table-columns li:first-child {
  border-top: 0;
}
.table-columns label {
  line-height: 18px;
  display: inline-block;
  width: 100%;
}
.table-columns input {
  margin: 0 5px 2px 0;
  vertical-align: middle;
}

/*
  Pager arrow styles - used for left-right navigation
*/
.left,
.right {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.left::before,
.right::before {
  position: absolute;
  top: 5px;
  left: 8px;
}
.left:hover,
.right:hover {
  cursor: pointer;
}

.left {
  margin-right: 10px;
}
.left::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #00acbd transparent;
  background-color: transparent;
  border-color: transparent #00acbd transparent transparent;
  border-width: 5px 5px 5px 0;
}
body.PaCT.judgments .left::before {
  border-right-color: #00acbd;
}
body.PaCT.reports .left::before {
  border-right-color: #5956a5;
}
body.PaCT.homepage .left::before {
  border-right-color: #2a6ebb;
}
body.PaCT.manage .left::before {
  border-right-color: #00853e;
}
body.PaCT.contact-centre .left::before {
  border-right-color: #dc291e;
}
body.PaCT.profile .left::before {
  border-right-color: #2a6ebb;
}

.right {
  margin-left: 10px;
}
.right::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #00acbd transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #00acbd;
  border-width: 5px 0 5px 5px;
}
body.PaCT.judgments .right::before {
  border-left-color: #00acbd;
}
body.PaCT.reports .right::before {
  border-left-color: #5956a5;
}
body.PaCT.homepage .right::before {
  border-left-color: #2a6ebb;
}
body.PaCT.manage .right::before {
  border-left-color: #00853e;
}
body.PaCT.contact-centre .right::before {
  border-left-color: #dc291e;
}
body.PaCT.profile .right::before {
  border-left-color: #2a6ebb;
}

/*
  Pager dropdown
  - used on reports, e.g. Reports > Student > Progress report
*/
.pager {
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 24px;
  display: inline-block;
  background-color: #f0f0f0;
  position: relative;
  float: right;
}
.pager a {
  color: #252525;
}
.pager a:hover, .pager a:focus {
  text-decoration: none;
}
body.PaCT.reports .pager a:hover, body.PaCT.reports .pager a:focus {
  color: #5956a5;
}
.pager .left,
.pager .middle,
.pager .right {
  display: inline-block;
  vertical-align: top;
  line-height: 22px;
  width: 22px;
  height: 22px;
  margin: 0;
}
.pager .left {
  border-right: 1px solid #ccc;
  background-color: #f0f0f0;
}
body.PaCT.reports .pager .left::before {
  border-color: transparent #656565 transparent transparent;
}
body.PaCT.reports .pager .left:hover::before {
  border-right-color: #5956a5;
}
.pager .right {
  border-left: 1px solid #ccc;
  background-color: #f0f0f0;
}
body.PaCT.reports .pager .right::before {
  border-color: transparent transparent transparent #656565;
}
body.PaCT.reports .pager .right:hover::before {
  border-left-color: #5956a5;
}
.pager .middle {
  min-width: 200px;
  width: auto;
  text-align: center;
}
.pager .middle a {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  padding-right: 25px;
}
.pager .middle a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #252525 transparent;
  background-color: transparent;
  border-top-style: solid;
  border-top-color: #252525;
  border-width: 5px 5px 0;
  right: 8px;
  top: 8px;
}
body.PaCT.reports .pager .middle a:hover::after {
  border-top-color: #5956a5;
}
.pager.open {
  background-color: #fff;
}
.pager.open .left,
.pager.open .right {
  border-bottom: 1px solid #ccc;
}
.pager.open .middle a::after {
  border-top-style: none;
  border-bottom-color: #252525;
  border-width: 0 5px 5px;
}
body.PaCT.reports .pager.open .middle a:hover::after {
  border-bottom-color: #5956a5;
}
.pager .dropdown-button-content {
  min-width: 100%;
  max-height: 280px;
  overflow-y: auto;
  left: -1px;
  right: -1px;
  padding: 5px;
  top: 23px;
  border-top: 0;
}
.pager .dropdown-button-content li:hover, .pager .dropdown-button-content li:focus {
  cursor: pointer;
}
.pager .dropdown-button-content li:last-child {
  margin-bottom: 5px;
}

/*
  Pagination
*/
.pagination {
  border-bottom: 2px solid #00acbd;
  text-align: center;
}
body.PaCT.judgments .pagination {
  border-bottom-color: #00acbd;
}
body.PaCT.reports .pagination {
  border-bottom-color: #5956a5;
}
body.PaCT.homepage .pagination {
  border-bottom-color: #2a6ebb;
}
body.PaCT.manage .pagination {
  border-bottom-color: #00853e;
}
body.PaCT.contact-centre .pagination {
  border-bottom-color: #dc291e;
}
body.PaCT.profile .pagination {
  border-bottom-color: #2a6ebb;
}
.pagination a.left,
.pagination a.right {
  font-weight: bold;
}
body.PaCT.judgments .pagination a.left:not(.disabled),
body.PaCT.judgments .pagination a.right:not(.disabled) {
  color: #00acbd;
}
body.PaCT.judgments .pagination a.left:not(.disabled):hover,
body.PaCT.judgments .pagination a.right:not(.disabled):hover {
  color: #007e8a;
}
body.PaCT.reports .pagination a.left:not(.disabled),
body.PaCT.reports .pagination a.right:not(.disabled) {
  color: #5956a5;
}
body.PaCT.reports .pagination a.left:not(.disabled):hover,
body.PaCT.reports .pagination a.right:not(.disabled):hover {
  color: #474583;
}
body.PaCT.homepage .pagination a.left:not(.disabled),
body.PaCT.homepage .pagination a.right:not(.disabled) {
  color: #2a6ebb;
}
body.PaCT.homepage .pagination a.left:not(.disabled):hover,
body.PaCT.homepage .pagination a.right:not(.disabled):hover {
  color: #215691;
}
body.PaCT.manage .pagination a.left:not(.disabled),
body.PaCT.manage .pagination a.right:not(.disabled) {
  color: #00853e;
}
body.PaCT.manage .pagination a.left:not(.disabled):hover,
body.PaCT.manage .pagination a.right:not(.disabled):hover {
  color: #005226;
}
body.PaCT.contact-centre .pagination a.left:not(.disabled),
body.PaCT.contact-centre .pagination a.right:not(.disabled) {
  color: #dc291e;
}
body.PaCT.contact-centre .pagination a.left:not(.disabled):hover,
body.PaCT.contact-centre .pagination a.right:not(.disabled):hover {
  color: #af2118;
}
body.PaCT.profile .pagination a.left:not(.disabled),
body.PaCT.profile .pagination a.right:not(.disabled) {
  color: #2a6ebb;
}
body.PaCT.profile .pagination a.left:not(.disabled):hover,
body.PaCT.profile .pagination a.right:not(.disabled):hover {
  color: #215691;
}
.pagination a.disabled {
  color: #b3b3b3;
  font-weight: normal;
}
.pagination a.disabled:hover {
  text-decoration: none;
  cursor: default;
}
.pagination a.left {
  float: left;
  padding-left: 15px;
}
.pagination a.left::before {
  left: 0;
}
.pagination a.left.disabled::before {
  border-right-color: #b3b3b3;
}
.pagination a.right {
  float: right;
  padding-right: 15px;
}
.pagination a.right::before {
  left: auto;
  right: 0;
}
.pagination a.right.disabled::before {
  border-left-color: #b3b3b3;
}

/* stylelint-disable */
/*
 * Progress icons
 */
.start > a::before,
.start > span::before,
.continue > a::before,
.continue > span::before,
.confirm > a::before,
.confirm > span::before,
.done > a::before,
.done > span::before,
.out-of-cycle > a::before,
.out-of-cycle > span::before {
  display: inline-block;
  margin-right: 8px;
  content: "\e927";
  color: #00acbd;
}

.continue > a::before,
.continue > span::before {
  content: "\e929";
}

.confirm > a::before,
.confirm > span::before {
  content: "\e928";
}

.done > a::before,
.done > span::before {
  content: "\e940";
  color: #252525;
}

.out-of-cycle > a::before,
.out-of-cycle > span::before {
  content: "\e940";
  color: #00acbd;
}

/* stylelint-disable */
/*
* Progress bar
*/
#progress-padder {
  padding: 15px 10px 0;
}

.progress {
  width: 100%;
  height: 60px;
  position: relative;
}
.progress a {
  outline: 0;
}
.progress .item {
  position: relative;
}
.progress div {
  float: left;
  position: relative;
}
.progress .all-items {
  width: 99%;
}
.progress .all-items .item:first-child .node .label {
  left: 2px;
}
.progress .first-item-buffer {
  width: 1%;
}
.progress .first-item-buffer .item {
  width: 100%;
}
.progress .no-more-items {
  width: 99%;
  position: absolute;
  right: 0;
  z-index: 0;
}

.progress .node {
  position: absolute;
  right: -9px;
  top: 1px;
  float: right;
  z-index: 2;
}
.progress .node img {
  font-size: 0;
  display: block;
  position: absolute;
  left: 0;
}
.progress .node .label {
  position: relative;
  top: 10px;
  left: 1px;
  padding-top: 15px;
  display: inline-block;
  color: #252525;
  font-size: 1rem;
}
.progress .node.best-fit .label {
  color: #005d60;
}
.progress .node:hover {
  text-decoration: none;
  z-index: 3;
}
.progress .node.blank:hover {
  background: url(../img/progress/continuum-point-hover.svg) no-repeat scroll left top transparent;
}
.progress .node.blank:hover img {
  visibility: hidden;
}

.progress .stem {
  z-index: 1;
  position: absolute;
  top: -4px;
  left: 0;
  display: block;
  width: 100%;
}
.progress .stem img {
  height: 4px;
  width: 100%;
}

.progress .beginning,
.progress .beginning img {
  width: 2px;
  height: 12px;
  z-index: 2;
  position: relative;
}

.progress .no-more-items .stem {
  left: -2px;
}

.progress .end {
  position: absolute;
  right: 0;
  top: 1px;
}

.group-progress.disabled .progress-wrapper {
  opacity: 0.2;
}
.group-progress.disabled .progress-wrapper .node:hover {
  cursor: default;
}
.group-progress.disabled .progress-wrapper .node.blank:hover {
  background: none;
}
.group-progress.disabled .progress-wrapper .node.blank:hover img {
  visibility: visible;
}

.progress .node .bestfit-popover {
  width: 240px;
  position: absolute;
  z-index: 1;
  padding: 2px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.5);
  font-size: 1.3rem;
  left: -90px;
}
.progress .node .bestfit-popover .title {
  overflow: hidden;
  padding-right: 56.4516129169px;
  display: block;
  color: #fff;
  padding: 10px 30px 10px 10px;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 3px 3px 0 0;
  position: relative;
  background-color: #2a6ebb;
}
.progress .node .bestfit-popover .title::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #2869b3 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
.progress .node .bestfit-popover .title::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #2562a6 transparent;
  background-color: transparent;
  right: 21.5806451668px;
  top: 0;
  border-top-right-radius: 10px;
}
.progress .node .bestfit-popover .content {
  margin: 10px;
  text-align: left;
}
.progress .node .start-node {
  left: 0;
}

.progress .node:hover .tooltip, .progress .node:hover .pact-score-info-popup {
  display: block;
  top: 40px;
}

/* stylelint-disable */
/*
 * Aspect icons
 */
.aspect-chosen::before,
.aspect-unchosen::before {
  display: inline-block;
  margin-right: 8px;
  color: #fff;
  background-color: #ccc;
  content: "";
  font-size: 0.9rem;
  line-height: 14px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  text-align: center;
}

.aspect-chosen::before {
  content: "\e940";
  background-color: #98c23d;
}

h4.aspect-chosen::before {
  position: relative;
  top: -2px;
}

h4.aspect-unchosen::before {
  position: relative;
  top: 1px;
}

/*
* Tooltips - generally set to appear on a hover or click action
* Used on: progress bar in all aspects mode, report graphs
*/
.tooltip, .pact-score-info-popup {
  display: none;
  position: absolute;
  left: 0;
  width: 120px;
  padding: 5px;
  color: #252525;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: rgba(179, 179, 179, 0.7) 0 0 6px;
  text-align: center;
  z-index: 1;
}
.tooltip .inner, .pact-score-info-popup .inner {
  position: relative;
  border-bottom: 5px solid #fff;
  margin-bottom: -5px;
  z-index: 1;
  background-color: #fff;
  font-size: 1.2rem;
  overflow: hidden;
}
.tooltip .pointer, .pact-score-info-popup .pointer {
  position: absolute;
  z-index: 0;
  bottom: -7px;
  left: 51px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  transform: rotate(45deg);
  background-color: #fff;
}
.tooltip .close:hover, .pact-score-info-popup .close:hover {
  text-decoration: none;
}
.tooltip.tooltip-inverted .inner, .tooltip-inverted.pact-score-info-popup .inner {
  top: -5px;
  padding-top: 10px;
  padding-bottom: 0;
}
.tooltip.tooltip-inverted .pointer, .tooltip-inverted.pact-score-info-popup .pointer {
  top: -7px;
}
.tooltip.tooltip-small, .tooltip-small.pact-score-info-popup {
  width: 80px;
}
.tooltip.tooltip-small .pointer, .tooltip-small.pact-score-info-popup .pointer {
  left: 32px;
}

/* stylelint-disable */
/*
  Illustrations
  - Includes:
  -- Illustration count
  -- Illustration view
  -- Illustration examples
  -- Dialog specific styles
*/
.illustration-controls {
  background-color: #f0f0f0;
  padding: 12px 150px;
  position: relative;
  margin-bottom: 30px;
  min-height: 45px;
}
.illustration-controls .buttons {
  position: absolute;
  right: 12px;
}
.illustration-controls .buttons a,
.illustration-controls .buttons span {
  display: block;
  float: left;
  line-height: 21px;
}
.illustration-controls .buttons a {
  color: #b3b3b3;
  font-size: 1.8rem;
}
.illustration-controls .buttons a:hover, .illustration-controls .buttons a:focus {
  text-decoration: none;
  color: #00acbd;
}
.illustration-controls .buttons a span {
  margin-left: 16px;
}
.illustration-controls .buttons a span.icon-view-single {
  font-size: 2.7rem;
  line-height: 20px;
  margin-left: 10px;
}
.illustration-controls .buttons a.current {
  color: #656565;
}
.illustration-controls .buttons a.current:hover, .illustration-controls .buttons a.current:focus {
  cursor: default;
}

.illustration-set {
  padding: 16px;
  background-color: #f0f0f0;
  border-radius: 10px 10px 0 0;
  margin-bottom: 2px;
}
.illustration-set .illustration-filter {
  display: inline-block;
}
.illustration-set .illustration-filter .illustration-filters {
  display: inline;
  text-align: center;
}
.illustration-set .category-pipe {
  display: inline;
  color: #b2adad;
  margin: 0 5px;
}
.illustration-set .all-category {
  margin-left: 10px;
}

.illustration .illustration-set h3 {
  margin-top: 0;
}

.illustration-count,
.illustration-inline-controls {
  text-align: center;
}

.illustration h1,
.illustration h2 {
  font-size: 1.3rem;
}
body.PaCT.judgments .illustration h1,
body.PaCT.judgments .illustration h2 {
  color: #252525;
}
.illustration h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.illustration h4 {
  margin-bottom: 0;
  margin-top: 0;
}
.illustration p {
  margin-top: 5px;
  margin-bottom: 10px;
}
.illustration img {
  max-width: 100%;
}
.illustration table {
  border: 1px solid #c2c2c2;
  margin-top: 15px;
  margin-bottom: 15px;
}
.illustration table tr:hover {
  background-color: #f0f0f0;
}
.illustration table tr:nth-child(even) {
  background-color: #f0f0f0;
}
.illustration table tr:nth-child(odd):hover {
  background-color: transparent;
}
.illustration table tr td:first-child {
  padding-right: 10px;
  font-weight: bold;
  text-align: right;
}
.illustration .help-concertina-wrapper {
  margin-bottom: 15px;
}
.illustration .thumbnail {
  padding: 16px;
  margin-bottom: 12px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 0 0 1px #ccc;
  border-right: 22px solid #f0f0f0;
  position: relative;
}
.illustration .thumbnail:hover, .illustration .thumbnail:focus {
  border-right-color: #00acbd;
  cursor: pointer;
  background-color: #f0f0f0;
}
.illustration .thumbnail:hover .icon-open-arrow-right, .illustration .thumbnail:focus .icon-open-arrow-right {
  color: #fff;
}
.illustration .thumbnail p {
  margin-bottom: 0;
}
.illustration .thumbnail .icon-open-arrow-right {
  color: #b3b3b3;
  position: absolute;
  font-size: 1.8rem;
  top: 50%;
  right: -20px;
  margin-top: -10px;
}
.illustration .thumbnail-heading {
  width: 100%;
  display: inline-block;
}
.illustration .thumbnail-heading h4 {
  float: left;
}
.illustration .thumbnail-category {
  float: right;
  color: #FFFFFF;
  margin-top: -6px;
  margin-left: 50px;
}
.illustration .core {
  background-color: #5d696f;
  color: #FFFFFF;
  margin-left: 0;
}
.illustration .english {
  background-color: #004489;
  color: #FFFFFF;
  margin-left: 0;
}
.illustration .science {
  background-color: #003d27;
  color: #FFFFFF;
  margin-left: 0;
}
.illustration .social-sciences {
  background-color: #6c1f80;
  color: #FFFFFF;
  margin-left: 0;
}
.illustration .all {
  background-color: #252525;
  color: #FFFFFF;
  margin-left: 0;
}

/* Overrides the table css for tables imported by html */
.illustration table.override-table {
  border-collapse: collapse;
  display: inline-block;
  width: auto;
}

.illustration table.override-table tr td {
  text-align: left;
  font-weight: normal;
  border: 1px solid #000 !important;
  background-color: #fff;
}

.illustration table.override-table tr td:first-child {
  text-align: left;
  font-weight: normal;
  width: auto;
}

.illustration table.script tbody tr th {
  background-color: #fff;
  color: #252525;
  text-shadow: none;
  vertical-align: top;
  font-weight: initial;
  padding: 5px 10px;
  border-bottom: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
}
.illustration table.script tbody tr td {
  padding: 5px 10px;
  border-bottom: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
}

.illustration-wrapper {
  border: 1px solid #c2c2c2;
  padding: 16px;
}
.illustration-wrapper h2 {
  font-size: 1.8rem;
  float: left;
}
.illustration-wrapper ul {
  padding-left: 40px;
}

.illustration-navigator-pips {
  position: relative;
}
.illustration-navigator-pips a {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 3px 1px;
  position: relative;
}
.illustration-navigator-pips a:hover {
  text-decoration: none;
}
.illustration-navigator-pips a::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  top: 4px;
  left: 3px;
  position: absolute;
  background-color: #ccc;
}
.illustration-navigator-pips a.current::before {
  border: 2px solid #00acbd;
  background-color: #fff;
}

.dialog .judgment-stem {
  text-align: center;
}
.dialog .judgment-stem.change {
  text-align: left;
}

/*
 * Key
 */
.key {
  padding-bottom: 12px;
}
.key ul {
  margin: 0;
  list-style-type: none;
}
.key h4 {
  border-bottom: 0;
  font-size: 1.1rem;
  padding-top: 12px;
  padding-bottom: 5px;
  margin: 0;
}
.key li {
  font-size: 1.1rem;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
  padding-left: 29px;
  padding-right: 9px;
  position: relative;
}
.key li span[role=presentation] {
  position: absolute;
  left: 9px;
  top: 4px;
}

.key-inline h4,
.key-inline ul,
.key-inline li {
  display: inline-block;
}
.key-inline li {
  padding-left: 5px;
  padding-right: 2px;
}
.key-inline li span[role=presentation] {
  position: static;
}
.key-inline span[role=presentation] {
  font-size: 1.6rem;
}

/*
  Pill styles
*/
.pill {
  font-size: 1.2rem;
  display: inline-block;
  background: #e8e8e8;
  border-radius: 10px;
  padding: 2px 7px;
  margin-left: 5px;
}
.pill.disabled {
  background: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  border: 1px solid #ccc;
  color: #b1b0b0;
}
.pill.disabled:hover {
  cursor: default;
  text-decoration: none;
}

.full-width-pill {
  margin-top: 5px;
}
.full-width-pill .pill {
  width: 98%;
  text-align: center;
}

.y-axis-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #343200;
  text-anchor: middle;
  dominant-baseline: hanging;
}

/* stylelint-disable */
/*
 * Aspect navigator
 */
.aspect-wrapper {
  background-color: #f0f0f0;
  border-radius: 10px 10px 0 0;
  padding: 12px 15px;
  position: relative;
  clear: both;
  z-index: 5;
}
.aspect-wrapper.aspect-inverted {
  border-radius: 0 0 10px 10px;
}

.current-aspect {
  display: inline-block;
  position: relative;
  max-width: 60%;
  vertical-align: top;
}
.current-aspect h2 {
  position: relative;
  margin: 0;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.current-aspect h2::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #00acbd transparent;
  background-color: transparent;
  border-top-style: solid;
  border-top-color: #00acbd;
  border-width: 5px 5px 0;
  top: 10px;
  right: 0;
  margin-left: 10px;
}
.current-aspect h2:hover {
  cursor: pointer;
}
body.PaCT.judgments .current-aspect h2:hover {
  color: #00acbd;
}
.current-aspect .open h2::before {
  border-top-style: none;
  border-bottom-color: #00acbd;
  border-width: 0 5px 5px;
}

.aspect-navigator {
  background-color: #fff;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  display: block;
  float: right;
}

.aspect-icons {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.aspect-icons p {
  margin: 0 3px;
}
.aspect-icons a {
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  font-size: 0;
  margin: 3px 1px;
  position: relative;
}
.aspect-icons a::before {
  background-color: #ccc;
}
.aspect-icons a::before, .aspect-icons a::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  top: 3px;
  left: 3px;
  position: absolute;
}
.aspect-icons a.complete::after {
  content: "\e940";
  font-size: 0.9rem;
  line-height: 14px;
  text-align: center;
  background-color: #98c23d;
  color: #fff;
}
.aspect-icons a.current::before, .aspect-icons a.complete.current::after {
  background-color: #00acbd;
}
.aspect-icons .left {
  position: absolute;
  left: 0;
}
.aspect-icons .left::before {
  top: 8px;
}
.aspect-icons .right {
  position: absolute;
  right: 0;
}
.aspect-icons .right::before {
  top: 8px;
}

/* stylelint-disable */
/*
 * Aspect table concertina styles
 */
.aspect-concertina {
  margin-top: 5px;
  border-top: 1px solid #ccc;
}
.aspect-concertina:last-child {
  border-bottom: 1px solid #ccc;
}
.aspect-concertina > h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.aspect-concertina > h3 a {
  color: #252525;
  display: block;
  padding: 7px 5px 7px 25px;
  position: relative;
}
.aspect-concertina > h3 a:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.aspect-concertina > h3 a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #252525 transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #252525;
  border-width: 5px 0 5px 5px;
  position: absolute;
  top: 14px;
  left: 10px;
}
.aspect-concertina > h3 a.open {
  margin-bottom: 5px;
  color: #2a6ebb;
}
.aspect-concertina > h3 a.open::before {
  top: 17px;
  left: 8px;
  border-color: #2a6ebb transparent transparent transparent;
  border-width: 5px 5px 0;
}
.aspect-concertina > h3 a.open.comparison {
  color: #dc291e;
}
.aspect-concertina > h3 a.open.comparison::before {
  border-color: #dc291e transparent transparent transparent;
}
.aspect-concertina table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.aspect-concertina table th {
  color: #fff;
  padding: 10px 0;
  text-align: left;
  background-color: #2a6ebb !important;
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
.aspect-concertina table th.comparison {
  background-color: #dc291e !important;
}
@media print {
  .aspect-concertina table th {
    text-shadow: none !important;
    border-bottom: 1px solid #252525;
    color: #252525;
    background-color: transparent !important;
  }
}
.aspect-concertina table th:first-child {
  border-top-left-radius: 10px;
}
.aspect-concertina table th:last-child {
  border-top-right-radius: 10px;
}
.aspect-concertina table th,
.aspect-concertina table td {
  padding: 10px 5px;
}
.aspect-concertina table th:first-child,
.aspect-concertina table td:first-child {
  padding-left: 10px;
}
.aspect-concertina table th:last-child,
.aspect-concertina table td:last-child {
  padding-right: 10px;
}
.aspect-concertina table td {
  border-bottom: 1px solid #c2c2c2;
  background-color: #fff;
}
.aspect-concertina table tr:hover {
  background-color: #f0f0f0;
}
.aspect-concertina table body .error a {
  color: #b6231d;
}
.aspect-concertina tr.table-grey:hover {
  background-color: transparent;
}
.aspect-concertina tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.judgments .aspect-concertina tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.reports .aspect-concertina tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.homepage .aspect-concertina tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.manage .aspect-concertina tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.contact-centre .aspect-concertina tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}
body.PaCT.profile .aspect-concertina tr.table-grey th {
  background: #f0f0f0;
  color: #252525;
  text-shadow: none;
}

/* stylelint-disable */
/*
  Aspect Summary (vertical progress bars)
  Used both for Confirm Judgments and Student Reports
*/
.aspect-summary-wrapper {
  width: calc(100% - 225px);
  float: left;
}

#aspect-summary img {
  vertical-align: top;
  font-size: 0;
}
#aspect-summary .bottom-item-buffer .beginning img {
  vertical-align: bottom;
}
#aspect-summary .content {
  box-sizing: content-box;
  width: 100%;
  min-width: 653px;
  height: 401px;
  border-bottom: 1px dotted #b3b3b3;
  margin-bottom: 10px;
}
@media print {
  #aspect-summary .content {
    min-width: 0;
  }
}
#aspect-summary .legend {
  text-align: center;
}

.aspect-curriculum .aspect-summary-title {
  text-align: center;
  position: relative;
}
.aspect-summary-title h3 {
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 36px;
}

.aspect-summary-button {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
}
.aspect-curriculum .aspect-summary-button {
  text-align: center;
  position: absolute;
  right: 0;
}

#aspect-summary .content .aspect,
#aspect-summary .content .aspect .item,
#aspect-summary .content .aspect .no-more-items,
#aspect-summary .content .aspect .bottom-item-buffer {
  position: relative;
}
#aspect-summary .content .aspect .item,
#aspect-summary .content .aspect .all-items,
#aspect-summary .content .aspect .no-more-items,
#aspect-summary .content .aspect .bottom-item-buffer,
#aspect-summary .content .aspect .bottom-item-buffer .item {
  width: 10px;
  margin: 0 auto;
  width: 10px;
}
#aspect-summary .content .aspect .item .stem,
#aspect-summary .content .aspect .item .stem img,
#aspect-summary .content .aspect .no-more-items .stem,
#aspect-summary .content .aspect .no-more-items .stem img,
#aspect-summary .content .aspect .bottom-item .item {
  height: 100%;
}
#aspect-summary .content .aspect .item .stem img,
#aspect-summary .content .aspect .no-more-items .stem img {
  width: 4px;
}
#aspect-summary .content .all-items-stem img {
  height: 100%;
  width: 4px;
}
#aspect-summary .content .aspect .item .stem,
#aspect-summary .content .aspect .no-more-items .stem,
#aspect-summary .content .aspect .item .node,
#aspect-summary .content .aspect .end,
#aspect-summary .content .aspect .bottom-item-buffer .beginning {
  position: absolute;
}
#aspect-summary .content .aspect {
  min-width: 28px;
  height: 402px;
  float: left;
}
#aspect-summary .content .aspect .no-more-items {
  height: 4%;
}
#aspect-summary .content .aspect .no-more-items .stem {
  height: 80%;
  bottom: 0;
}
#aspect-summary .content .aspect .all-items {
  height: 92%;
  position: relative;
}
#aspect-summary .content .aspect .bottom-item-buffer {
  height: 4%;
}
#aspect-summary .content .aspect .bottom-item-buffer .item,
#aspect-summary .content .aspect .bottom-item-buffer .beginning {
  height: 100%;
}
#aspect-summary .content .aspect .bottom-item-buffer .beginning {
  bottom: 5px;
}
#aspect-summary .content .aspect .item .node,
#aspect-summary .content .aspect .end {
  top: 0;
}
#aspect-summary .content .aspect .bottom-item-buffer .beginning,
#aspect-summary .content .aspect .bottom-item-buffer .beginning img {
  margin-left: -2px;
}
#aspect-summary .content .aspect .end img {
  margin-left: -5px;
}
#aspect-summary .content .aspect .item .node {
  margin-left: -7px;
  top: -5px;
}
#aspect-summary .content .aspect .item .node.best-fit {
  margin-left: -7px;
  z-index: 1;
}
#aspect-summary .content .aspect .info {
  position: absolute;
  bottom: 0;
  transform: rotate(-90deg);
  left: 30%;
  width: 415px;
  color: #656565;
  font-size: 1.2rem;
  padding-left: 5px;
  overflow: hidden;
  height: 17px;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  text-align: left;
}

/*
  "Phantom" horizontal scroll indicator.
  For elements that have a horizontal scrollbar (usually only tablet mode),
  this gradient indicates on devices with no visible scrollbars that there is
  content present.
  Used on the Aspect Summary on the Confirm Page.
*/
.phantom {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(185, 185, 185, 0.2));
  width: 21px;
  height: 406px;
  display: none;
  position: absolute;
  z-index: 9;
}

/* stylelint-disable */
/*
  PaCT Range Graph - used both for Confirm Judgments and Student Reports
  Curriculum Level Graph - used for Student Reports
  --
  Note: Aspect Judgments Graph in _aspect-summary.scss
*/
.pact-range-graphs-wrapper {
  padding-top: 20px;
}

.pact-range-graphs-inner {
  width: 985px;
  margin-left: auto;
  margin-right: auto;
}

.pact-graph-title {
  height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.pact-graph-title.pact-graph-title-small {
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
  margin: 0 auto;
}

.pact-progress-graph {
  margin-top: 10px;
}

h3.pact-graph-title {
  line-height: 36px;
}

.pact-lozenge-wrapper:not(.horizontal) {
  position: relative;
  width: 70px;
  float: left;
  margin-right: 15px;
}
.pact-lozenge-wrapper.horizontal {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.pact-range-wrapper {
  width: 225px;
  position: relative;
  float: right;
}
.pact-range-wrapper.pact-range-wrapper-curriculum {
  width: 80px;
  float: left;
  margin-right: 15px;
}
.pact-range-wrapper .date-label {
  width: 150px;
}
.pact-range-wrapper .date-label img {
  vertical-align: sub;
}
.pact-range-wrapper .date-label span {
  font-weight: bold;
}

.vertical-graph-label {
  position: absolute;
  width: 495px;
  bottom: 0;
  left: 15px;
  margin: 0;
  font-weight: bold;
  text-align: center;
  transform: rotate(-90deg);
  font-size: 1.2rem;
  transform-origin: left bottom;
  /* Have one the same height as the pact scale and range graphs */
  /* Used in the scale descriptors graph in progress report */
}
.vertical-graph-label.vertical-graph-label-shorter {
  width: 450px;
}
.vertical-graph-label.vertical-graph-label-shortest {
  width: 415px;
}
.vertical-graph-label.vertical-graph-label-longest {
  width: 600px;
  left: 0;
}

pact-score-graph {
  float: right;
}
pact-score-graph .trigger:hover {
  cursor: pointer;
}

svg.pact-score-graph {
  font-size: 1.2rem;
}

svg.pact-score-graph rect.border {
  stroke: #ccc;
  fill: #fff;
}

svg.pact-score-graph line.axis-mark {
  stroke: #ccc;
}

svg.pact-score-graph text.axis-label {
  font-size: 1.08rem;
  fill: #4f4f4f;
}

svg.pact-score-graph g.background .tick-mark {
  stroke: #ccc;
  stroke-dasharray: 3, 3;
  stroke-width: 1;
}

svg.pact-score-graph line.pact-score-bound,
svg.pact-score-graph line.pact-score-range {
  stroke-width: 2;
  stroke-linecap: butt;
  stroke: #008e93;
}

.best-fit-curriculum {
  font-weight: bold;
}

/* Avoids the data helper icon overlapping the base series text for report graphs */
#kahui-table-head {
  margin-bottom: 40px;
}

/*
  Class PaCT Range Graph
*/
class-pact-ranges-graph {
  position: relative;
  display: block;
  margin: 0 auto;
}
class-pact-ranges-graph div.key {
  position: absolute;
  top: 15px;
  right: 10px;
  text-align: left;
  background-color: #fafafa;
  border-radius: 3px;
  border: 1px solid #ddd;
  padding: 5px;
  font-size: 1.1rem;
}
class-pact-ranges-graph div.key .title {
  font-weight: bold;
  margin-right: 10px;
}
class-pact-ranges-graph div.key ul {
  background-color: transparent;
  display: inline-block;
}
class-pact-ranges-graph div.key ul li {
  display: inline-block;
  margin-right: 5px;
}
class-pact-ranges-graph div.key svg.dimension {
  font-size: 1rem;
  display: inline-block;
  float: left;
  margin-right: 5px;
}
class-pact-ranges-graph div.key .boy circle {
  fill: #76a768;
}
class-pact-ranges-graph div.key .girl circle {
  fill: #f39c12;
}
class-pact-ranges-graph div.key .asian circle {
  fill: #ea638c;
}
class-pact-ranges-graph div.key .maori circle {
  fill: #3498db;
}
class-pact-ranges-graph div.key .melaa circle {
  fill: #f39c12;
}
class-pact-ranges-graph div.key .nz-european circle {
  fill: #1abc9c;
}
class-pact-ranges-graph div.key .other circle {
  fill: #34495e;
}
class-pact-ranges-graph div.key .pacific-peoples circle {
  fill: #9b59b6;
}
class-pact-ranges-graph .trigger:hover {
  cursor: pointer;
}
class-pact-ranges-graph svg.pact-ranges-graph g.background .axis-label {
  font-size: 1rem;
  color: #343200;
}
class-pact-ranges-graph svg.pact-ranges-graph g.background .axis-mark {
  stroke: #666;
  stroke-width: 1;
}
class-pact-ranges-graph svg.pact-ranges-graph g.background .plot-background {
  fill: #fafafa;
}
class-pact-ranges-graph svg.pact-ranges-graph g.background .y-axis {
  font-weight: bold;
  color: #333;
}
class-pact-ranges-graph svg.pact-ranges-graph g.background .tick-mark {
  stroke: #ccc;
  stroke-width: 1;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range line {
  stroke-width: 2;
  stroke: #2980b9;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.boy line {
  stroke: #76a768;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.girl line {
  stroke: #f39c12;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.asian line {
  stroke: #ea638c;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.maori line {
  stroke: #3498db;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.melaa line {
  stroke: #f39c12;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.nz-european line {
  stroke: #1abc9c;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.other line {
  stroke: #34495e;
}
class-pact-ranges-graph svg.pact-ranges-graph g.otj-range.pacific-peoples line {
  stroke: #9b59b6;
}

/* stylelint-disable */
/*
  PaCT Class Aspect graph
*/
.class-aspect-judgments a {
  position: initial;
}

aspect-judgments-graph {
  position: relative;
  display: block;
  margin: 0 auto;
}
aspect-judgments-graph .triggers div.active {
  cursor: pointer;
}
aspect-judgments-graph svg .difficulty-label {
  fill: #252525;
  font-weight: bold;
}
aspect-judgments-graph svg line {
  stroke: #2a6ebb;
  stroke-width: 2;
}
aspect-judgments-graph svg line.divider {
  stroke: #b3b3b3;
  stroke-width: 0.5;
}
aspect-judgments-graph svg polygon {
  fill: #2a6ebb;
}
aspect-judgments-graph svg circle {
  fill: #fff;
  stroke: #2a6ebb;
  stroke-width: 2;
}
aspect-judgments-graph svg circle.comparison {
  stroke: #dc291e;
}
aspect-judgments-graph svg circle.comparison.hover {
  fill: #dc291e;
  stroke-width: 2;
  stroke: #c6251b;
}
aspect-judgments-graph svg circle.empty {
  fill: #2a6ebb;
}
aspect-judgments-graph svg circle.hover {
  fill: #2a6ebb;
  stroke-width: 2;
  stroke: #2562a6;
}
aspect-judgments-graph svg .aspect-label {
  fill: #252525;
}
aspect-judgments-graph svg .counts,
aspect-judgments-graph svg .comparison-counts {
  font-weight: bold;
}
aspect-judgments-graph svg .counts text,
aspect-judgments-graph svg .comparison-counts text {
  fill: #252525;
}
aspect-judgments-graph svg .counts text.hover,
aspect-judgments-graph svg .comparison-counts text.hover {
  fill: #fff;
}

/*
  PaCT Student Progress Graph
*/
pact-progress-graph {
  position: relative;
  display: block;
}
pact-progress-graph .triggers {
  position: absolute;
}
pact-progress-graph .triggers div {
  position: absolute;
  cursor: pointer;
}
pact-progress-graph svg {
  shape-rendering: crispEdges;
}
pact-progress-graph svg .content-border {
  fill: #fafafa;
}
pact-progress-graph svg .x-axis-border {
  fill: #ccc;
}
pact-progress-graph svg .x-axis-step line {
  stroke: #666;
  stroke-width: 1;
}
pact-progress-graph svg .x-axis-step text {
  font-size: 1.2rem;
  font-weight: bold;
  color: #343200;
  text-anchor: middle;
  dominant-baseline: hanging;
}
pact-progress-graph svg .y-axis-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #343200;
  text-anchor: middle;
  dominant-baseline: hanging;
}
pact-progress-graph svg .y-axis-step line {
  stroke: #666;
  stroke-width: 1;
}
pact-progress-graph svg .y-axis-step .tick-mark {
  stroke: #ccc;
  stroke-dasharray: 5, 5;
  stroke-width: 1;
}
pact-progress-graph svg .y-axis-step text {
  font-size: 1rem;
  color: #343200;
  text-anchor: end;
  dominant-baseline: central;
}
pact-progress-graph svg .otj-range line {
  stroke-width: 2;
  stroke: #237793;
}

/*
 * Graph dialogs
 * School PaCT Range Graph, Reports section
 */
aspect-judgments-graph .dialog,
kahui-ako-cross-school-graph .dialog,
box-and-whiskers-graph .dialog,
box-and-whiskers-achievement-graph .dialog,
.aggregate-popup.dialog {
  width: 295px;
  position: absolute;
  background-color: #fff;
  z-index: 1;
  padding: 2px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(51, 51, 51, 0.5);
  font-size: 1.3rem;
}
aspect-judgments-graph .dialog h4,
aspect-judgments-graph .dialog h3,
kahui-ako-cross-school-graph .dialog h4,
kahui-ako-cross-school-graph .dialog h3,
box-and-whiskers-graph .dialog h4,
box-and-whiskers-graph .dialog h3,
box-and-whiskers-achievement-graph .dialog h4,
box-and-whiskers-achievement-graph .dialog h3,
.aggregate-popup.dialog h4,
.aggregate-popup.dialog h3 {
  overflow: hidden;
  padding-right: 56.4516129169px;
  color: #fff;
  margin: 0;
  padding: 10px 30px 10px 10px;
  font-size: 1.4rem;
  border-radius: 3px 3px 0 0;
  position: relative;
  background-color: #2a6ebb;
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
aspect-judgments-graph .dialog h4::before,
aspect-judgments-graph .dialog h3::before,
kahui-ako-cross-school-graph .dialog h4::before,
kahui-ako-cross-school-graph .dialog h3::before,
box-and-whiskers-graph .dialog h4::before,
box-and-whiskers-graph .dialog h3::before,
box-and-whiskers-achievement-graph .dialog h4::before,
box-and-whiskers-achievement-graph .dialog h3::before,
.aggregate-popup.dialog h4::before,
.aggregate-popup.dialog h3::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #2869b3 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
aspect-judgments-graph .dialog h4::after,
aspect-judgments-graph .dialog h3::after,
kahui-ako-cross-school-graph .dialog h4::after,
kahui-ako-cross-school-graph .dialog h3::after,
box-and-whiskers-graph .dialog h4::after,
box-and-whiskers-graph .dialog h3::after,
box-and-whiskers-achievement-graph .dialog h4::after,
box-and-whiskers-achievement-graph .dialog h3::after,
.aggregate-popup.dialog h4::after,
.aggregate-popup.dialog h3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #2562a6 transparent;
  background-color: transparent;
  right: 21.5806451668px;
  top: 0;
  border-top-right-radius: 10px;
}
aspect-judgments-graph .dialog.report-1 h4,
kahui-ako-cross-school-graph .dialog.report-1 h4,
box-and-whiskers-graph .dialog.report-1 h4,
box-and-whiskers-achievement-graph .dialog.report-1 h4,
.aggregate-popup.dialog.report-1 h4 {
  overflow: hidden;
  padding-right: 56.4516129169px;
  background-color: #00853e;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
aspect-judgments-graph .dialog.report-1 h4::before,
kahui-ako-cross-school-graph .dialog.report-1 h4::before,
box-and-whiskers-graph .dialog.report-1 h4::before,
box-and-whiskers-achievement-graph .dialog.report-1 h4::before,
.aggregate-popup.dialog.report-1 h4::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #007b39 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
aspect-judgments-graph .dialog.report-1 h4::after,
kahui-ako-cross-school-graph .dialog.report-1 h4::after,
box-and-whiskers-graph .dialog.report-1 h4::after,
box-and-whiskers-achievement-graph .dialog.report-1 h4::after,
.aggregate-popup.dialog.report-1 h4::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #006c32 transparent;
  background-color: transparent;
  right: 21.5806451668px;
  top: 0;
  border-top-right-radius: 10px;
}
aspect-judgments-graph .dialog.report-2 h4,
kahui-ako-cross-school-graph .dialog.report-2 h4,
box-and-whiskers-graph .dialog.report-2 h4,
box-and-whiskers-achievement-graph .dialog.report-2 h4,
.aggregate-popup.dialog.report-2 h4 {
  overflow: hidden;
  padding-right: 56.4516129169px;
  background-color: #b6231d;
  text-shadow: 0 0 2px rgba(50, 10, 8, 0.6);
}
aspect-judgments-graph .dialog.report-2 h4::before,
kahui-ako-cross-school-graph .dialog.report-2 h4::before,
box-and-whiskers-graph .dialog.report-2 h4::before,
box-and-whiskers-achievement-graph .dialog.report-2 h4::before,
.aggregate-popup.dialog.report-2 h4::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #ad211c transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
aspect-judgments-graph .dialog.report-2 h4::after,
kahui-ako-cross-school-graph .dialog.report-2 h4::after,
box-and-whiskers-graph .dialog.report-2 h4::after,
box-and-whiskers-achievement-graph .dialog.report-2 h4::after,
.aggregate-popup.dialog.report-2 h4::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #a01f19 transparent;
  background-color: transparent;
  right: 21.5806451668px;
  top: 0;
  border-top-right-radius: 10px;
}
aspect-judgments-graph .dialog .close,
kahui-ako-cross-school-graph .dialog .close,
box-and-whiskers-graph .dialog .close,
box-and-whiskers-achievement-graph .dialog .close,
.aggregate-popup.dialog .close {
  font-size: 1.2rem;
  top: 14px;
  right: 14px;
}
aspect-judgments-graph .dialog .content,
kahui-ako-cross-school-graph .dialog .content,
box-and-whiskers-graph .dialog .content,
box-and-whiskers-achievement-graph .dialog .content,
.aggregate-popup.dialog .content {
  margin: 10px;
  padding: 0 0 8px;
  border-bottom: 1px dotted #c2c2c2;
}
aspect-judgments-graph .dialog ul,
kahui-ako-cross-school-graph .dialog ul,
box-and-whiskers-graph .dialog ul,
box-and-whiskers-achievement-graph .dialog ul,
.aggregate-popup.dialog ul {
  list-style-type: none;
  margin: 10px;
  max-height: 150px;
  overflow-y: auto;
}
aspect-judgments-graph .dialog ul li,
kahui-ako-cross-school-graph .dialog ul li,
box-and-whiskers-graph .dialog ul li,
box-and-whiskers-achievement-graph .dialog ul li,
.aggregate-popup.dialog ul li {
  margin-bottom: 5px;
  padding-right: 10px;
  line-height: 17px;
}
@media print {
  aspect-judgments-graph .dialog h4, aspect-judgments-graph .dialog.report-1 h4, aspect-judgments-graph .dialog.report-2 h4,
  kahui-ako-cross-school-graph .dialog h4,
  kahui-ako-cross-school-graph .dialog.report-1 h4,
  kahui-ako-cross-school-graph .dialog.report-2 h4,
  box-and-whiskers-graph .dialog h4,
  box-and-whiskers-graph .dialog.report-1 h4,
  box-and-whiskers-graph .dialog.report-2 h4,
  box-and-whiskers-achievement-graph .dialog h4,
  box-and-whiskers-achievement-graph .dialog.report-1 h4,
  box-and-whiskers-achievement-graph .dialog.report-2 h4,
  .aggregate-popup.dialog h4,
  .aggregate-popup.dialog.report-1 h4,
  .aggregate-popup.dialog.report-2 h4 {
    text-shadow: none;
    background: transparent;
    color: #252525;
  }
  aspect-judgments-graph .dialog h4::before, aspect-judgments-graph .dialog h4::after, aspect-judgments-graph .dialog.report-1 h4::before, aspect-judgments-graph .dialog.report-1 h4::after, aspect-judgments-graph .dialog.report-2 h4::before, aspect-judgments-graph .dialog.report-2 h4::after,
  kahui-ako-cross-school-graph .dialog h4::before,
  kahui-ako-cross-school-graph .dialog h4::after,
  kahui-ako-cross-school-graph .dialog.report-1 h4::before,
  kahui-ako-cross-school-graph .dialog.report-1 h4::after,
  kahui-ako-cross-school-graph .dialog.report-2 h4::before,
  kahui-ako-cross-school-graph .dialog.report-2 h4::after,
  box-and-whiskers-graph .dialog h4::before,
  box-and-whiskers-graph .dialog h4::after,
  box-and-whiskers-graph .dialog.report-1 h4::before,
  box-and-whiskers-graph .dialog.report-1 h4::after,
  box-and-whiskers-graph .dialog.report-2 h4::before,
  box-and-whiskers-graph .dialog.report-2 h4::after,
  box-and-whiskers-achievement-graph .dialog h4::before,
  box-and-whiskers-achievement-graph .dialog h4::after,
  box-and-whiskers-achievement-graph .dialog.report-1 h4::before,
  box-and-whiskers-achievement-graph .dialog.report-1 h4::after,
  box-and-whiskers-achievement-graph .dialog.report-2 h4::before,
  box-and-whiskers-achievement-graph .dialog.report-2 h4::after,
  .aggregate-popup.dialog h4::before,
  .aggregate-popup.dialog h4::after,
  .aggregate-popup.dialog.report-1 h4::before,
  .aggregate-popup.dialog.report-1 h4::after,
  .aggregate-popup.dialog.report-2 h4::before,
  .aggregate-popup.dialog.report-2 h4::after {
    display: none;
  }
}

/* stylelint-disable */
/*
 * Graph tooltips
 * School PaCT Range Graphs, Reports section
 * includes specific styles for different graph types
 */
.pact-score-info-popup {
  margin: 0 0 15px -60px;
}
pact-score-graph .pact-score-info-popup {
  margin-bottom: 0;
}
pact-progress-graph .pact-score-info-popup, class-pact-ranges-graph .pact-score-info-popup {
  width: 160px;
}
.pact-score-info-popup .close {
  position: absolute;
  top: 0;
  right: 0;
  color: #252525;
  font-size: 0;
}
pact-progress-graph .pact-score-info-popup .close {
  font-size: 0.9rem;
}
pact-score-graph .pact-score-info-popup .close::after, class-pact-ranges-graph .pact-score-info-popup .close::after {
  content: "\e93f";
  display: block;
  font-size: 0.9rem;
  color: #252525;
}
.pact-score-info-popup .inner {
  padding: 0 12px;
}
.pact-score-info-popup .report-link {
  display: inline-block;
  font-size: 1rem;
}

/*
 * Spinner
 */
#spinner-wrapper {
  width: 100%;
  background-color: rgba(204, 204, 204, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
}

#spinner-wrapper .spinner {
  background: url("../img/spinner.gif") no-repeat scroll center center;
  height: 70px;
  width: 70px;
  background-color: #fff;
  position: absolute;
  top: 40%;
  left: 50%;
  border: 1px solid #ccc;
  box-shadow: rgba(79, 79, 79, 0.9) 0 0 8px;
  border-radius: 10px;
}

@keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-icon-wrapper {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
.loading-icon-wrapper .icon-loading {
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 1.8rem;
  animation: anim-rotate 2s infinite linear;
}

/* stylelint-disable */
/*
 * Datepicker
 */
.datepicker-input-wrapper {
  position: relative;
}
.datepicker-input-wrapper::after {
  content: "\e905";
  font-size: 1.8rem;
  display: block;
  position: absolute;
  right: 10px;
  color: #b3b3b3;
  top: 0;
  pointer-events: none;
}

#ui-datepicker-div {
  background-color: #fff;
  width: 182px;
  border: 1px solid #ccc;
  box-shadow: rgba(179, 179, 179, 0.7) 0 0 6px;
  padding: 6px;
  display: none;
}
#ui-datepicker-div a:hover,
#ui-datepicker-div a:active {
  text-decoration: none;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 5px;
}
body.PaCT.judgments #ui-datepicker-div .ui-datepicker-prev::before,
body.PaCT.judgments #ui-datepicker-div .ui-datepicker-next::before {
  color: #00acbd;
}
body.PaCT.reports #ui-datepicker-div .ui-datepicker-prev::before,
body.PaCT.reports #ui-datepicker-div .ui-datepicker-next::before {
  color: #5956a5;
}
body.PaCT.homepage #ui-datepicker-div .ui-datepicker-prev::before,
body.PaCT.homepage #ui-datepicker-div .ui-datepicker-next::before {
  color: #2a6ebb;
}
body.PaCT.manage #ui-datepicker-div .ui-datepicker-prev::before,
body.PaCT.manage #ui-datepicker-div .ui-datepicker-next::before {
  color: #00853e;
}
body.PaCT.contact-centre #ui-datepicker-div .ui-datepicker-prev::before,
body.PaCT.contact-centre #ui-datepicker-div .ui-datepicker-next::before {
  color: #dc291e;
}
body.PaCT.profile #ui-datepicker-div .ui-datepicker-prev::before,
body.PaCT.profile #ui-datepicker-div .ui-datepicker-next::before {
  color: #2a6ebb;
}
#ui-datepicker-div .ui-datepicker-prev {
  float: left;
}
#ui-datepicker-div .ui-datepicker-prev::before {
  content: "\e92d";
}
#ui-datepicker-div .ui-datepicker-next {
  float: right;
}
#ui-datepicker-div .ui-datepicker-next::before {
  content: "\e92e";
}
#ui-datepicker-div .ui-datepicker-next.ui-state-disabled::before {
  color: #ccc;
  cursor: default;
}
#ui-datepicker-div select {
  background: #fff;
  border: 0 solid #fff;
  text-align: center;
}
#ui-datepicker-div table {
  margin-top: 5px;
  width: 100%;
  text-align: center;
  border: 0 none;
}
#ui-datepicker-div table thead {
  font-size: 1rem;
}
#ui-datepicker-div table thead th {
  background-color: transparent;
  border: 0 none;
  padding: 0;
  text-align: center;
  text-shadow: none;
}
body.PaCT.judgments #ui-datepicker-div table thead th {
  color: #00acbd;
}
body.PaCT.reports #ui-datepicker-div table thead th {
  color: #5956a5;
}
body.PaCT.homepage #ui-datepicker-div table thead th {
  color: #2a6ebb;
}
body.PaCT.manage #ui-datepicker-div table thead th {
  color: #00853e;
}
body.PaCT.contact-centre #ui-datepicker-div table thead th {
  color: #dc291e;
}
body.PaCT.profile #ui-datepicker-div table thead th {
  color: #2a6ebb;
}
#ui-datepicker-div table thead tr:hover {
  background-color: transparent;
}
#ui-datepicker-div table tbody {
  font-size: 1.1rem;
}
#ui-datepicker-div table tbody td {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 14.28%;
  height: 20px;
  cursor: pointer;
  padding: 0;
}
#ui-datepicker-div table tbody td a {
  color: #252525;
}
#ui-datepicker-div table tbody td a:hover,
#ui-datepicker-div table tbody td a:active {
  text-decoration: none;
}
#ui-datepicker-div table tbody td:hover {
  background-color: #f0f0f0;
  font-weight: bold;
}
body.PaCT.judgments #ui-datepicker-div table tbody td:hover a {
  color: #00acbd;
}
body.PaCT.reports #ui-datepicker-div table tbody td:hover a {
  color: #5956a5;
}
body.PaCT.homepage #ui-datepicker-div table tbody td:hover a {
  color: #2a6ebb;
}
body.PaCT.manage #ui-datepicker-div table tbody td:hover a {
  color: #00853e;
}
body.PaCT.contact-centre #ui-datepicker-div table tbody td:hover a {
  color: #dc291e;
}
body.PaCT.profile #ui-datepicker-div table tbody td:hover a {
  color: #2a6ebb;
}
#ui-datepicker-div table tbody td.ui-datepicker-week-end, #ui-datepicker-div table tbody td.ui-datepicker-other-month {
  background-color: #fff;
}
#ui-datepicker-div table tbody td.ui-datepicker-week-end a, #ui-datepicker-div table tbody td.ui-datepicker-other-month a {
  color: #656565;
}
#ui-datepicker-div table tbody td.ui-datepicker-week-end:hover, #ui-datepicker-div table tbody td.ui-datepicker-other-month:hover {
  background-color: #f0f0f0;
}
body.PaCT.judgments #ui-datepicker-div table tbody td.ui-datepicker-week-end:hover a, body.PaCT.judgments #ui-datepicker-div table tbody td.ui-datepicker-other-month:hover a {
  color: #00acbd;
}
body.PaCT.reports #ui-datepicker-div table tbody td.ui-datepicker-week-end:hover a, body.PaCT.reports #ui-datepicker-div table tbody td.ui-datepicker-other-month:hover a {
  color: #5956a5;
}
body.PaCT.homepage #ui-datepicker-div table tbody td.ui-datepicker-week-end:hover a, body.PaCT.homepage #ui-datepicker-div table tbody td.ui-datepicker-other-month:hover a {
  color: #2a6ebb;
}
body.PaCT.manage #ui-datepicker-div table tbody td.ui-datepicker-week-end:hover a, body.PaCT.manage #ui-datepicker-div table tbody td.ui-datepicker-other-month:hover a {
  color: #00853e;
}
body.PaCT.contact-centre #ui-datepicker-div table tbody td.ui-datepicker-week-end:hover a, body.PaCT.contact-centre #ui-datepicker-div table tbody td.ui-datepicker-other-month:hover a {
  color: #dc291e;
}
body.PaCT.profile #ui-datepicker-div table tbody td.ui-datepicker-week-end:hover a, body.PaCT.profile #ui-datepicker-div table tbody td.ui-datepicker-other-month:hover a {
  color: #2a6ebb;
}
#ui-datepicker-div table tbody td.ui-datepicker-other-month a {
  color: #ccc;
}
#ui-datepicker-div table tbody td.ui-datepicker-unselectable {
  color: #ccc;
  background-color: #fff;
  cursor: default;
}
#ui-datepicker-div table tbody td.ui-datepicker-unselectable:hover {
  background-color: #fff;
}
#ui-datepicker-div table tbody td.ui-datepicker-unselectable:hover span {
  color: #ccc;
}
#ui-datepicker-div table tbody td.ui-datepicker-current-day, #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover {
  font-weight: bold;
}
body.PaCT.judgments #ui-datepicker-div table tbody td.ui-datepicker-current-day, body.PaCT.judgments #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover {
  background-color: #00acbd;
}
body.PaCT.judgments #ui-datepicker-div table tbody td.ui-datepicker-current-day a, body.PaCT.judgments #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover a {
  color: #fff;
}
body.PaCT.reports #ui-datepicker-div table tbody td.ui-datepicker-current-day, body.PaCT.reports #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover {
  background-color: #5956a5;
}
body.PaCT.reports #ui-datepicker-div table tbody td.ui-datepicker-current-day a, body.PaCT.reports #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover a {
  color: #fff;
}
body.PaCT.homepage #ui-datepicker-div table tbody td.ui-datepicker-current-day, body.PaCT.homepage #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover {
  background-color: #2a6ebb;
}
body.PaCT.homepage #ui-datepicker-div table tbody td.ui-datepicker-current-day a, body.PaCT.homepage #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover a {
  color: #fff;
}
body.PaCT.manage #ui-datepicker-div table tbody td.ui-datepicker-current-day, body.PaCT.manage #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover {
  background-color: #00853e;
}
body.PaCT.manage #ui-datepicker-div table tbody td.ui-datepicker-current-day a, body.PaCT.manage #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover a {
  color: #fff;
}
body.PaCT.contact-centre #ui-datepicker-div table tbody td.ui-datepicker-current-day, body.PaCT.contact-centre #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover {
  background-color: #dc291e;
}
body.PaCT.contact-centre #ui-datepicker-div table tbody td.ui-datepicker-current-day a, body.PaCT.contact-centre #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover a {
  color: #fff;
}
body.PaCT.profile #ui-datepicker-div table tbody td.ui-datepicker-current-day, body.PaCT.profile #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover {
  background-color: #2a6ebb;
}
body.PaCT.profile #ui-datepicker-div table tbody td.ui-datepicker-current-day a, body.PaCT.profile #ui-datepicker-div table tbody td.ui-datepicker-current-day:hover a {
  color: #fff;
}
#ui-datepicker-div .ui-datepicker-title {
  padding-top: 3px;
  margin: auto;
  text-align: center;
  line-height: 22px;
}

/* stylelint-disable */
/*
 INLINE HELPERS
*/
[data-helper] {
  position: relative;
}
[data-helper].helper-inline {
  display: inline-block;
}
[data-helper] .helper {
  position: absolute;
  top: 0;
  right: 100%;
  width: 35px;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: normal;
  color: #252525;
  text-decoration: none;
  text-transform: none;
  border: 0 none;
  margin: 0;
  padding: 0;
  text-align: left;
  z-index: 20;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}
[data-helper] .helper.data-helper-hide {
  z-index: 0;
}
[data-helper] .helper a,
[data-helper] .helper a:visited {
  color: #0063af;
  text-decoration: none;
  border: 0 none;
  width: auto;
  min-width: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
[data-helper] .helper a:active,
[data-helper] .helper a:hover {
  color: #0063af;
  text-decoration: underline;
  border: 0 none;
  box-shadow: none;
}
[data-helper] .helper hr {
  border: 0 none;
  border-bottom: 1px dotted #c2c2c2;
  color: #fff;
  height: 0;
}
[data-helper] .helper .pointer {
  z-index: 0;
  display: inline-block;
  float: right;
  width: 8px;
  height: 8px;
  background-color: #2a6ebb;
  transform: rotate(45deg);
  position: relative;
  left: -2px;
  top: 8px;
}
[data-helper] .helper .indicator {
  float: right;
  z-index: 1;
  width: 25px;
  height: 25px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  left: 4px;
  top: 0;
  background-color: #2a6ebb;
  text-shadow: 0 0 1px rgba(37, 37, 37, 0.4);
  box-shadow: -1px 1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper .indicator:hover {
  text-decoration: none;
}
[data-helper] .helper .text {
  z-index: 2;
  border: 2px solid #2a6ebb;
  background-color: #fff;
  display: none;
  width: 210px;
  float: right;
  position: relative;
  left: 2px;
  top: -2px;
  border-radius: 5px;
  padding: 5px;
  box-shadow: -1px 1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper .text a.close {
  font-size: 0.9rem;
  float: right;
  margin-left: 6px;
  margin-bottom: 6px;
  display: inline-block;
  opacity: 0.6;
  color: #252525;
}
[data-helper] .helper .text a.close:hover {
  opacity: 1;
  text-decoration: none;
}
[data-helper] .helper.open {
  z-index: 23;
  width: 230px;
}
[data-helper] .helper.open .text {
  display: inline-block;
}
[data-helper] .helper.open .indicator {
  display: none;
}
[data-helper] .helper.narrow.open {
  width: 140px;
}
[data-helper] .helper.narrow.open .text {
  width: 120px;
}
[data-helper] .helper.top-right {
  left: 100%;
}
[data-helper] .helper.top-right .pointer {
  float: left;
  position: relative;
  left: 2px;
  top: 8px;
}
[data-helper] .helper.top-right .indicator {
  float: left;
  position: relative;
  left: -4px;
  box-shadow: 1px 1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper.top-right .text {
  float: left;
  position: relative;
  left: -2px;
  box-shadow: 1px 1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper.left-middle {
  top: 50%;
}
[data-helper] .helper.bottom-middle {
  left: 50%;
  top: 100%;
}
[data-helper] .helper.bottom-middle .pointer {
  float: left;
  position: relative;
  top: 2px;
  left: -5px;
}
[data-helper] .helper.bottom-middle .indicator {
  float: left;
  position: relative;
  top: 4px;
  left: -21px;
  box-shadow: 1px 1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper.bottom-middle .text {
  float: left;
  position: relative;
  top: 6px;
  box-shadow: 1px 1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper.bottom-middle.wide .text {
  left: -112px;
}
[data-helper] .helper.bottom-middle.narrow .text {
  left: -70px;
}
[data-helper] .helper.top-middle {
  left: 50%;
  transform-origin: 0 0;
  transform: translate(0, -100%);
  top: -10px;
}
[data-helper] .helper.top-middle .pointer {
  position: absolute;
  top: 100%;
  left: -5px;
}
[data-helper] .helper.top-middle .indicator {
  float: left;
  position: relative;
  top: 5px;
  left: -14px;
  box-shadow: 1px -1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper.top-middle .text {
  float: left;
  position: relative;
  top: 4px;
  box-shadow: 1px -1px 1px rgba(37, 37, 37, 0.4);
}
[data-helper] .helper.top-middle.wide .text {
  left: -108px;
}
[data-helper] .helper.top-middle.narrow .text {
  left: -62px;
}

#helper-controls > p {
  text-shadow: 0 0 1px rgba(37, 37, 37, 0.7);
}

#helper-controls .control {
  margin-left: 5px;
  width: 35px;
  height: 18px;
  border-radius: 9px;
  display: inline-block;
  position: relative;
  top: 4px;
  background-color: rgba(37, 37, 37, 0.5);
}
#helper-controls .control::before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  box-shadow: 0 0 0 1px rgba(194, 194, 194, 0.4);
}
#helper-controls .control.on {
  background-color: rgba(255, 255, 255, 0.4);
}
#helper-controls .control.on::before {
  left: auto;
  right: 2px;
  box-shadow: 0 0 0 1px rgba(37, 37, 37, 0.1);
}

#helper-controls #helpers-info {
  position: absolute;
  top: 90%;
  right: 0;
  width: 260px;
  display: none;
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #2a6ebb;
  color: #252525;
  z-index: 21;
  box-shadow: 1px 1px 3px rgba(37, 37, 37, 0.4);
}
#helper-controls #helpers-info .pointer {
  z-index: 0;
  display: inline-block;
  float: right;
  width: 12px;
  height: 12px;
  background-color: #2a6ebb;
  transform: rotate(45deg);
  position: relative;
  top: -7px;
  left: -15px;
  box-shadow: 1px 1px 3px rgba(37, 37, 37, 0.4);
}
#helper-controls #helpers-info .title {
  background-color: #2a6ebb;
  color: #fff;
  position: relative;
  z-index: 1;
}
#helper-controls #helpers-info .title h3 {
  color: #fff;
  margin: 0;
  padding: 10px;
}
#helper-controls #helpers-info .title .close {
  position: absolute;
  top: 11px;
  right: 10px;
  display: inline-block;
  opacity: 0.6;
}
#helper-controls #helpers-info .title .close:hover {
  opacity: 1;
  text-decoration: none;
}
#helper-controls #helpers-info p {
  margin: 10px;
}

/* stylelint-disable */
/*
 * Select 2 custom styling
 */
.select2-container, .select2-container--default, .select2-container--multi,
.select2-selection, .select2-selection--single, .select2-selection--multiple {
  border-color: #c2c2c2 !important;
  border-radius: 0 !important;
  min-height: 36px;
}

.select2-container .select2-selection .select2-selection__rendered {
  background-image: none;
  min-height: 36px;
  padding-right: 30px;
}
.select2-container .select2-selection .select2-selection__rendered ul li {
  margin-bottom: 0;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 5px 20px 5px 5px;
  background: linear-gradient(to bottom, #fafafa 0%, #f1f1f1 100%);
  border-color: #ccc;
  min-height: 27px;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice__remove {
  float: right;
  top: 6px;
  left: 3px;
  margin-left: 5px;
}

.select2-container a.select2-choice {
  padding: 7px 40px 7px 10px;
  line-height: 20px;
}
.select2-container a.select2-choice:hover {
  color: #444;
}

.select2-results__options li {
  margin-bottom: 0;
}
.select2-results__options .select2-results__option.select2-results__option--highlighted {
  background: #f0f0f0;
  color: #252525;
}

#select2-id_additional_engagements-results .select2-results__option[aria-selected=true],
#select2-id_assigned_teachers-results .select2-results__option[aria-selected=true],
#select2-id_form-0-admin_assigned_groups-results .select2-results__option[aria-selected=true] {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-style: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-style: none;
}

#school-search-form .select2-container {
  min-width: 400px;
}
#school-search-form .select2-container .select2-choice {
  padding-top: 4px;
}

.select2-selection.select2-selection--single {
  border-radius: 0;
  min-height: 36px;
}

.select2-selection.select2-selection--single[aria-expanded=true] {
  background-color: #f0f0f0;
}

.select2-selection__arrow {
  display: none;
}

.select2-dropdown .select2-search, .select2-with-searchbox .select2-search {
  background-color: #f0f0f0;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 0;
  position: relative;
}
.select2-dropdown .select2-search input, .select2-with-searchbox .select2-search input {
  border: 0 !important;
  border-radius: 8px;
  padding: 7px 40px 7px 10px;
  background: #fff;
  line-height: 20px;
}
.select2-dropdown .select2-search::after, .select2-with-searchbox .select2-search::after {
  content: "\e938";
  position: absolute;
  font-size: 1.8rem;
  color: #4f4f4f;
  top: 11px;
  right: 15px;
  pointer-events: none;
}
.select2-dropdown li, .select2-with-searchbox li {
  border-top: 1px dotted #ccc;
}
.select2-dropdown li:first-child, .select2-with-searchbox li:first-child {
  border: 0;
}
.select2-dropdown li.select2-results__message, .select2-with-searchbox li.select2-results__message {
  background: transparent;
  font-style: italic;
  color: #4f4f4f;
}
.select2-dropdown h4, .select2-with-searchbox h4 {
  margin: 0;
}

/* stylelint-disable */
/*
 * Rubric navigation - reports pages
 */
.rubric-nav {
  font-size: 1.8rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
}
.rubric-nav ul {
  list-style-type: none;
  margin: 0;
}
.rubric-nav li {
  display: inline-block;
}
.rubric-nav a {
  display: block;
  height: 46px;
  padding: 12px 8px 10px;
  margin-left: 8px;
}
.rubric-nav a.current {
  position: relative;
}
body.PaCT.reports .rubric-nav a.current {
  color: #5956a5;
}
.rubric-nav a.current:hover {
  cursor: default;
  text-decoration: none;
}
.rubric-nav a.current::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #5956a5 transparent;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: #5956a5;
  border-width: 0 8px 8px;
  left: calc(50% - 8px);
  bottom: 0;
  pointer-events: none;
}

/*
 * Page options
 * e.g. print, download, etc.
 * usually at bottom of content
 */
.options {
  display: block;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: right;
  padding: 7px 5px;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 2rem;
  line-height: 20px;
}
.options p {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  padding-left: 20px;
}
.options a {
  color: #656565;
  display: block;
  text-align: center;
}
.options a:hover, .options a:focus {
  text-decoration: none;
  color: #2a6ebb;
}
body.PaCT.judgments .options a:hover, body.PaCT.judgments .options a:focus {
  color: #00acbd;
}
body.PaCT.reports .options a:hover, body.PaCT.reports .options a:focus {
  color: #5956a5;
}
body.PaCT.homepage .options a:hover, body.PaCT.homepage .options a:focus {
  color: #2a6ebb;
}
body.PaCT.manage .options a:hover, body.PaCT.manage .options a:focus {
  color: #00853e;
}
body.PaCT.contact-centre .options a:hover, body.PaCT.contact-centre .options a:focus {
  color: #dc291e;
}
body.PaCT.profile .options a:hover, body.PaCT.profile .options a:focus {
  color: #2a6ebb;
}

.option-label {
  display: block;
  font-size: 1.1rem;
  line-height: 11px;
  margin-top: 4px;
}

/* stylelint-disable */
/* Quantile area */
.quantile-tabs {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-bottom: 2px solid #2a6ebb;
}
.quantile-tabs .tab {
  display: table-cell;
  font-weight: bold;
  font-size: 1.3rem;
  color: #252525;
  text-align: center;
  padding: 5px 5px 12px;
}
.quantile-tabs .tab.current {
  position: relative;
  color: #2a6ebb;
}
.quantile-tabs .tab.current::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #2a6ebb transparent;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: #2a6ebb;
  border-width: 0 8px 8px;
  left: calc(50% - 8px);
  bottom: 0;
  pointer-events: none;
}
.quantile-tabs .tab.comparison {
  position: relative;
  color: #dc291e;
}
.quantile-tabs .tab.comparison::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px;
  border-color: transparent transparent #dc291e transparent;
  background-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: #dc291e;
  border-width: 0 8px 8px;
  left: calc(50% - 8px);
  bottom: 0;
  pointer-events: none;
}

.quantiles-view table thead {
  display: none;
}

/*
 * // Styles for optimising page load
 */
.panel .pad {
  visibility: hidden;
}
.panel h2.pad {
  min-height: 24px;
}
.panel h3.pad {
  min-height: 25px;
}

#student-wrapper.pad {
  min-height: 39px;
  visibility: hidden;
}

svg .judgment {
  stroke: #237793;
  stroke-width: 2;
}
svg .graph-end {
  stroke: #b3b3b3;
  stroke-width: 1;
  stroke-dasharray: 0.9;
}
svg .arrowhead {
  fill: #b3b3b3;
}
svg .sign-post {
  fill: #b3b3b3;
}
svg .sign-post-line {
  stroke-width: 2;
  stroke: #b3b3b3;
}
svg .best-fit-line {
  stroke: #008e93;
  stroke-width: 2;
}
svg .best-fit-circle {
  stroke: #008e93;
  stroke-width: 2;
  fill: #fff;
}
svg .best-fit-inner {
  fill: #008e93;
}

.confirm-legend {
  margin-left: 30px;
  margin-top: -50px;
  font-size: 12px;
}

.confirm-key {
  position: relative;
  float: left;
  display: block;
  margin-top: -37px;
}

.current-judgment {
  fill: #008e93;
}

.previous-judgment {
  fill: #de6420;
}

.previous-key {
  margin-top: 0;
}

.confirm-key-element {
  display: inline-block;
  font-weight: bold;
  line-height: 20px;
  vertical-align: top;
}

.previous-judgment-details {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}
.previous-judgment-details p {
  margin: 0 0 4px;
}

.aspect-summary {
  margin-bottom: 25px;
}

svg.scale-descriptors-graph {
  font-size: 1.2rem;
}
svg.scale-descriptors-graph .sd-header {
  text-anchor: middle;
  dominant-baseline: middle;
  fill: #fcfcfc;
  font-size: 16px;
}
svg.scale-descriptors-graph .sd-header-fill {
  fill: #2a6ebb;
}
svg.scale-descriptors-graph g.background .tick-mark {
  stroke: #ccc;
  stroke-dasharray: 3, 3;
  stroke-width: 1;
}

svg.scale-descriptors-graph rect.border {
  stroke: #ccc;
  fill: #f0f0f0;
}

svg.scale-descriptors-graph line.axis-mark {
  stroke: #ccc;
}

svg.scale-descriptors-graph text.axis-label {
  font-size: 1.08rem;
  fill: #4f4f4f;
}

svg.scale-descriptors-graph line.pact-score-bound,
svg.scale-descriptors-graph line.pact-score-range {
  stroke-width: 2;
  stroke-linecap: butt;
  stroke: #008e93;
}

.year-standard text {
  font-size: 1rem;
  fill: #252525;
  dominant-baseline: central;
}

.year-standard-boundary {
  stroke: #ccc;
  stroke-width: 1;
}

.year-standard.best-fit line {
  stroke: #00757a;
  stroke-width: 2;
}
.year-standard.best-fit text {
  fill: #00757a;
  font-size: 1.1rem;
  font-weight: bold;
}

/*
  Kahui Ako Cross School Graph
  Most styles are hardcoded into the SVG code to enable PDF generation
*/
kahui-ako-cross-school-graph {
  position: relative;
  display: block;
  margin: 0 auto;
}
kahui-ako-cross-school-graph .triggers {
  position: absolute;
}
kahui-ako-cross-school-graph .triggers div {
  position: absolute;
  cursor: pointer;
}

/*
  Box and whisker graph
  Only accesible to school leaders, in the reports section
*/
/* stylelint-disable */
box-and-whiskers-graph,
box-and-whiskers-achievement-graph,
scale-descriptors-graph {
  position: relative;
  display: block;
  margin: 0 auto;
}
box-and-whiskers-graph .triggers,
box-and-whiskers-achievement-graph .triggers,
scale-descriptors-graph .triggers {
  position: absolute;
}
box-and-whiskers-graph .triggers div,
box-and-whiskers-achievement-graph .triggers div,
scale-descriptors-graph .triggers div {
  position: absolute;
  cursor: pointer;
}
box-and-whiskers-graph svg,
box-and-whiskers-achievement-graph svg,
scale-descriptors-graph svg {
  shape-rendering: crispEdges;
  overflow: visible;
}
box-and-whiskers-graph svg circle,
box-and-whiskers-achievement-graph svg circle,
scale-descriptors-graph svg circle {
  shape-rendering: geometricPrecision;
}
box-and-whiskers-graph svg text,
box-and-whiskers-achievement-graph svg text,
scale-descriptors-graph svg text {
  fill: #252525;
}
box-and-whiskers-graph svg .content .box-and-whisker line, box-and-whiskers-graph svg .content .box-and-whisker rect,
box-and-whiskers-achievement-graph svg .content .box-and-whisker line,
box-and-whiskers-achievement-graph svg .content .box-and-whisker rect,
scale-descriptors-graph svg .content .box-and-whisker line,
scale-descriptors-graph svg .content .box-and-whisker rect {
  stroke: #2a6ebb;
  stroke-width: 2;
}
box-and-whiskers-graph svg .content .box-and-whisker .selected,
box-and-whiskers-achievement-graph svg .content .box-and-whisker .selected,
scale-descriptors-graph svg .content .box-and-whisker .selected {
  stroke: #dc291e;
}
box-and-whiskers-graph svg .content-border,
box-and-whiskers-achievement-graph svg .content-border,
scale-descriptors-graph svg .content-border {
  fill: #fafafa;
}
box-and-whiskers-graph svg .x-axis-border,
box-and-whiskers-achievement-graph svg .x-axis-border,
scale-descriptors-graph svg .x-axis-border {
  fill: #ccc;
}
box-and-whiskers-graph svg .x-axis-step,
box-and-whiskers-achievement-graph svg .x-axis-step,
scale-descriptors-graph svg .x-axis-step {
  font-size: 1.2rem;
  font-weight: normal;
  text-anchor: middle;
  dominant-baseline: hanging;
}
box-and-whiskers-graph svg .x-axis-step line,
box-and-whiskers-achievement-graph svg .x-axis-step line,
scale-descriptors-graph svg .x-axis-step line {
  stroke: #666;
  stroke-width: 1;
}
box-and-whiskers-graph svg .x-axis-step text,
box-and-whiskers-achievement-graph svg .x-axis-step text,
scale-descriptors-graph svg .x-axis-step text {
  font-size: 1.2rem;
  font-weight: bold;
  color: #343200;
  text-anchor: middle;
  dominant-baseline: hanging;
}
box-and-whiskers-graph svg .x-axis-title,
box-and-whiskers-graph svg .y-axis-title,
box-and-whiskers-achievement-graph svg .x-axis-title,
box-and-whiskers-achievement-graph svg .y-axis-title,
scale-descriptors-graph svg .x-axis-title,
scale-descriptors-graph svg .y-axis-title {
  font-size: 1.2rem;
  font-weight: bold;
  text-anchor: middle;
  dominant-baseline: hanging;
}
box-and-whiskers-graph svg .y-axis-step line,
box-and-whiskers-achievement-graph svg .y-axis-step line,
scale-descriptors-graph svg .y-axis-step line {
  stroke: #666;
  stroke-width: 1;
}
box-and-whiskers-graph svg .y-axis-step text,
box-and-whiskers-achievement-graph svg .y-axis-step text,
scale-descriptors-graph svg .y-axis-step text {
  font-size: 1rem;
  text-anchor: end;
  dominant-baseline: central;
}
box-and-whiskers-graph svg .y-axis-step line.tick-mark,
box-and-whiskers-achievement-graph svg .y-axis-step line.tick-mark,
scale-descriptors-graph svg .y-axis-step line.tick-mark {
  stroke: #ccc;
  stroke-dasharray: 3, 3;
  stroke-width: 1;
}
box-and-whiskers-graph svg .box-and-whisker rect,
box-and-whiskers-graph svg .box-and-whisker line,
box-and-whiskers-achievement-graph svg .box-and-whisker rect,
box-and-whiskers-achievement-graph svg .box-and-whisker line,
scale-descriptors-graph svg .box-and-whisker rect,
scale-descriptors-graph svg .box-and-whisker line {
  stroke-width: 2;
}
box-and-whiskers-graph svg circle.outlier,
box-and-whiskers-achievement-graph svg circle.outlier,
scale-descriptors-graph svg circle.outlier {
  fill: #2a6ebb;
}
box-and-whiskers-graph svg circle.comparison-outlier,
box-and-whiskers-achievement-graph svg circle.comparison-outlier,
scale-descriptors-graph svg circle.comparison-outlier {
  fill: #dc291e;
}
box-and-whiskers-graph svg circle.selected,
box-and-whiskers-achievement-graph svg circle.selected,
scale-descriptors-graph svg circle.selected {
  fill: #dc291e;
}
box-and-whiskers-graph svg .title,
box-and-whiskers-achievement-graph svg .title,
scale-descriptors-graph svg .title {
  font-weight: bold;
}
box-and-whiskers-graph svg .field,
box-and-whiskers-achievement-graph svg .field,
scale-descriptors-graph svg .field {
  font-weight: bold;
  fill: #000;
}
box-and-whiskers-graph svg .count-info,
box-and-whiskers-achievement-graph svg .count-info,
scale-descriptors-graph svg .count-info {
  font-size: 1.2rem;
  font-weight: bold;
  color: #343200;
  text-anchor: "middle";
  dominant-baseline: "middle";
}
box-and-whiskers-graph svg .count-info .count-info-header,
box-and-whiskers-achievement-graph svg .count-info .count-info-header,
scale-descriptors-graph svg .count-info .count-info-header {
  text-anchor: "start";
}

box-and-whiskers-graph .x-axis-step:nth-child(1) line {
  display: none;
}

scale-descriptors-graph svg {
  overflow: hidden;
}

/*
  Demo site banner styles
*/
.demo-banner {
  background-color: #363636;
  text-align: center;
  min-width: 750px;
  height: 88px;
  padding: 30px 0;
}
.demo-banner span {
  line-height: 21px;
  font-size: 14px;
  color: #fff;
}
.demo-banner strong {
  color: #00b7cb;
  font-size: 16px;
}
.demo-banner a {
  color: #00b7cb;
}

/* stylelint-disable */
/*
 * Aspect table concertina styles
 */
.box-and-whisker-aggregate-table {
  margin-top: 5px;
  border-top: 1px solid #ccc;
}
.box-and-whisker-aggregate-table:last-child {
  border-bottom: 1px solid #ccc;
}
.box-and-whisker-aggregate-table > h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.box-and-whisker-aggregate-table > h3 a {
  color: #252525;
  display: block;
  padding: 7px 5px 7px 25px;
  position: relative;
}
.box-and-whisker-aggregate-table > h3 a:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.box-and-whisker-aggregate-table > h3 a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #252525 transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #252525;
  border-width: 5px 0 5px 5px;
  position: absolute;
  top: 14px;
  left: 10px;
}
.box-and-whisker-aggregate-table > h3 a.open {
  margin-bottom: 5px;
  color: #2a6ebb;
}
.box-and-whisker-aggregate-table > h3 a.open::before {
  top: 17px;
  left: 8px;
  border-color: #2a6ebb transparent transparent transparent;
  border-width: 5px 5px 0;
}
.box-and-whisker-aggregate-table > h3 a.open.comparison {
  color: #dc291e;
}
.box-and-whisker-aggregate-table > h3 a.open.comparison::before {
  border-color: #dc291e transparent transparent transparent;
}
.box-and-whisker-aggregate-table table {
  margin-bottom: 35px;
  table-layout: fixed;
}
.box-and-whisker-aggregate-table table th {
  color: #fff;
  word-break: break-word;
  background-color: #2a6ebb !important;
  text-shadow: 0 0 2px rgba(14, 37, 62, 0.6);
}
.box-and-whisker-aggregate-table table th.comparison {
  background-color: #dc291e !important;
}
@media print {
  .box-and-whisker-aggregate-table table th {
    text-shadow: none !important;
    border-bottom: 1px solid #252525;
    color: #252525;
    background-color: transparent !important;
  }
}
.box-and-whisker-aggregate-table table td {
  word-break: break-word;
}
.box-and-whisker-aggregate-table table td a {
  line-height: 20px;
}
.box-and-whisker-aggregate-table .table-total td {
  background-color: #f0f0f0;
}
.box-and-whisker-aggregate-table .table-total td:first-child {
  font-weight: bold;
}

/* stylelint-disable */
/*
 * Aspect table concertina styles
 */
.box-and-whisker-student-table {
  margin-top: 5px;
  border-top: 1px solid #ccc;
}
.box-and-whisker-student-table:last-child {
  border-bottom: 1px solid #ccc;
}
.box-and-whisker-student-table > h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.box-and-whisker-student-table > h3 a {
  color: #252525;
  display: block;
  padding: 7px 5px 7px 25px;
  position: relative;
}
.box-and-whisker-student-table > h3 a:hover {
  text-decoration: none;
  background-color: #f0f0f0;
}
.box-and-whisker-student-table > h3 a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #252525 transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #252525;
  border-width: 5px 0 5px 5px;
  position: absolute;
  top: 14px;
  left: 10px;
}
.box-and-whisker-student-table > h3 a.open {
  margin-bottom: 5px;
  color: #2a6ebb;
}
.box-and-whisker-student-table > h3 a.open::before {
  top: 17px;
  left: 8px;
  border-color: #2a6ebb transparent transparent transparent;
  border-width: 5px 5px 0;
}
.box-and-whisker-student-table > h3 a.open.comparison {
  color: #dc291e;
}
.box-and-whisker-student-table > h3 a.open.comparison::before {
  border-color: #dc291e transparent transparent transparent;
}
.box-and-whisker-student-table table {
  margin-bottom: 35px;
}
.box-and-whisker-student-table table th {
  background-color: #2a6ebb;
}
.box-and-whisker-student-table table th.comparison {
  background-color: #dc291e;
}
.box-and-whisker-student-table table td a {
  line-height: 20px;
}
.box-and-whisker-student-table .tables .quantile-tabs {
  border-bottom-color: #2a6ebb;
}
.box-and-whisker-student-table .tables .quantile-tabs.comparison {
  border-bottom-color: #dc291e;
}
.box-and-whisker-student-table .tables .quantile-tabs .tab.current {
  color: #2a6ebb;
}
.box-and-whisker-student-table .tables .quantile-tabs .tab.current.comparison {
  color: #dc291e;
}
.box-and-whisker-student-table .tables .quantile-tabs .tab.current.comparison::after {
  border-bottom-color: #dc291e;
}
.box-and-whisker-student-table .tables .quantile-tabs .tab.current::after {
  border-bottom-color: #2a6ebb;
}
.box-and-whisker-student-table .tables .quantile-tabs a:hover {
  text-decoration: none;
}
.box-and-whisker-student-table .kahuiako-school-counts tr td:first-child {
  width: 13%;
}

/* stylelint-disable */
#login-form {
  margin-bottom: 15px;
}
#login-form #esaa-logon {
  text-align: center;
}
#login-form .help-concertina-trigger {
  display: block;
  text-align: center;
}

#school-choice-form h3 {
  margin-top: 5px;
}

#id_school_choice {
  margin-bottom: 15px;
}

.school-choice.button {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

.logged-out {
  text-align: center;
}

body.homepage .widget-container {
  margin-bottom: 35px;
  border-bottom: 2px dotted #f0f0f0;
}
body.homepage .header {
  display: inline-block;
  padding-right: 5px;
}
body.homepage .notifications-header {
  margin-top: 20px;
}
body.homepage #dashboard-reporting-cycles {
  margin-top: 60px;
}
body.homepage .no-engagements h3 {
  margin-top: 0;
}

/* stylelint-disable */
/*
  Student list
*/
.student-list a.button,
.student-list span.button {
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
  font-weight: normal;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.student-list a.button::before,
.student-list span.button::before {
  margin-right: 5px;
}
.student-list a.button.grey:hover, .student-list a.button.grey:focus,
.student-list span.button.grey:hover,
.student-list span.button.grey:focus {
  background: linear-gradient(to bottom, #0095a4 0%, #007e8a 100%);
  color: #fff;
}
.student-list a.button.grey:hover::before, .student-list a.button.grey:focus::before,
.student-list span.button.grey:hover::before,
.student-list span.button.grey:focus::before {
  color: #fff;
}
.student-list span.button {
  opacity: 0.4;
  pointer-events: none;
}

.done-indicator-wrapper {
  width: 18px;
  height: 34px;
  position: absolute;
  top: 0;
  right: 0;
}

.done-indicator {
  background: #ccc;
  padding: 12px 4px 4px;
  height: 34px;
  position: relative;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}
.done-indicator:hover {
  background: #b3b3b3;
}
.done-indicator::after {
  content: "\e940";
  color: #00acbd;
  display: block;
  font-size: 1.1rem;
}
.done-indicator::before {
  position: absolute;
  background-color: #fff;
  box-shadow: 1px 1px 0 0 #ccc;
  height: 14px;
  position: absolute;
  transform: rotate(45deg);
  width: 14px;
  content: "";
  top: -14px;
  left: 0;
  display: none;
  z-index: 1;
}

.student-list a.button.data-tooltip {
  cursor: pointer;
  position: relative;
}
.student-list a.button.data-tooltip:hover::after, .student-list a.button.data-tooltip:focus::after {
  visibility: visible;
  opacity: 1;
}
.student-list a.button.data-tooltip:hover .done-indicator::before, .student-list a.button.data-tooltip:focus .done-indicator::before {
  display: block;
}
.student-list a.button.data-tooltip::after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  content: attr(data-tooltip-text);
  text-transform: none;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  padding: 3px 5px 5px;
  color: #252525;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: rgba(179, 179, 179, 0.7) 0 0 6px;
  bottom: 40px;
  right: 0;
}

body.PaCT .table-buttons {
  width: 100%;
}
body.PaCT .search-area {
  width: 100%;
  display: inline-block;
}
body.PaCT .search-area .dropdown-button-wrapper {
  float: right;
}

.make-judgments-buttons {
  margin: 0;
  list-style: none;
}
body.PaCT .make-judgments-buttons {
  width: 100%;
}
.make-judgments-buttons li {
  margin-bottom: 0;
}
body.PaCT .make-judgments-buttons li {
  width: 30%;
}
.make-judgments-buttons a.button.grey {
  padding-left: 36px;
  position: relative;
  color: #646262;
}
body.PaCT .make-judgments-buttons a.button.grey {
  width: 100%;
}
.make-judgments-buttons [role=presentation] {
  color: #00acbd;
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 2rem;
}

#student-list-page .button-area {
  margin-bottom: 0;
}
#student-list-page #columns,
#student-list-page .make-judgments-buttons {
  margin-bottom: 10px;
}

/* stylelint-disable */
.judgment-stem {
  font-weight: bold;
}

body.PaCT.judgments h1,
body.PaCT.judgments h2 {
  color: #252525;
}

.underline {
  text-decoration: underline;
}

.aspect-lowercase {
  text-transform: lowercase;
}

.top {
  position: relative;
}
.top h1 {
  padding-right: 150px;
}

.mode-title {
  font-size: 1.8rem;
}

.current-rubric {
  font-size: 1.8rem;
  color: #00acbd;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}
.current-rubric::before {
  display: inline-block;
  margin-right: 8px;
  color: #00acbd;
}
.current-rubric.Reading::before {
  content: "\e935";
}
.current-rubric.Writing::before {
  content: "\e94c";
}
.current-rubric.Mathematics::before {
  content: "\e923";
}

.judgment-buttons {
  text-align: center;
}
.judgment-buttons .button {
  margin-bottom: 5px;
}

.group-progress,
.all-aspects-progress {
  position: relative;
  padding-right: 214px;
  border-top: 1px dotted #c2c2c2;
}
.group-progress:last-child,
.all-aspects-progress:last-child {
  border-bottom: 1px dotted #c2c2c2;
}
.group-progress h4,
.all-aspects-progress h4 {
  display: inline-block;
}

.clear-judgment {
  position: absolute;
  right: 0;
  top: 56px;
}
.clear-judgment .pill {
  border: 1px solid #ccc;
}

.aspect-title {
  margin: 20px 0;
}
.aspect-title h2, .aspect-title h3 {
  display: inline-block;
}
.aspect-title h2 {
  font-size: 1.8rem;
}
.aspect-title h3 {
  font-size: 1.6rem;
}

.all-aspects-judged {
  border-top: 2px solid #00acbd;
  border-bottom: 2px solid #00acbd;
  margin-bottom: 15px;
  position: relative;
}
.all-aspects-judged .button-area {
  position: absolute;
  top: 7px;
  right: 0;
}
.all-aspects-judged .text-area {
  color: #00acbd;
  margin-right: 3px;
}

/* stylelint-disable */
/*
  Confirm judgments
*/
.judgments .main {
  position: relative;
}

div.confirm-judgment-report .aspect .aspect-label {
  cursor: default;
}

@media only screen and (max-width: 967px) {
  .responsive .phantom {
    display: inline-block;
    top: 60px;
    right: 225px;
  }
  .responsive #aspect-summary {
    overflow: auto;
  }
}

.separation {
  padding-bottom: 20px;
  border-bottom: 1px dotted #b3b3b3;
}

.change-status h4 {
  margin-top: 0;
  display: inline-block;
}
.change-status .year-level {
  margin-right: 15px;
}
.change-status .otj-date {
  margin-right: 10px;
}
.change-status span.edit-link {
  padding-left: 10px;
  border-left: 1px solid #c2c2c2;
}

.judgments-actions {
  position: absolute;
  right: 0;
  top: -51px;
}

.change-judgment-date .datepicker-input-wrapper .error {
  border: 1px solid #b6231d;
}
.change-judgment-date .date-error {
  color: #b6231d;
  font-size: 1.2rem;
  margin-top: 5px;
  margin-left: 175px;
  display: block;
}

.comments-area .content {
  display: block;
}
.comments-area .content h3 {
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.comments-area textarea {
  width: 100%;
  min-height: 100px;
}

/* stylelint-disable */
body.reports table {
  font-size: 1.3rem;
}

.tertiary-nav {
  margin-bottom: 0;
}

#settings {
  background-color: #f0f0f0;
  padding: 20px;
  position: relative;
  z-index: 2;
}

#settings-button {
  display: inline-block;
  vertical-align: top;
}

.selected-settings {
  display: inline-block;
  width: 82%;
}

.new-line-setting {
  margin-left: 175px;
}

.filters {
  margin-right: 15px;
}

.current-setting {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  margin-top: 7px;
}

.settings-pane {
  padding: 0 15px 10px;
  min-width: calc(1000px - 96px);
}
.settings-pane .button-area {
  margin-top: 20px;
}
.settings-pane input[type=checkbox] {
  margin-top: 8px;
  margin-left: 15px;
  vertical-align: top;
}
.settings-pane fieldset {
  border: 0;
  margin: 0;
  padding-bottom: 4px;
}
.settings-pane .styled-select {
  margin-bottom: 5px;
}
#school-pact-range .settings-pane .styled-select {
  margin-right: 4px;
}

.settings-pane-section {
  position: relative;
  padding: 20px 0 20px 150px;
  border-bottom: 1px dotted #ccc;
}
.settings-pane-section .alert {
  margin-bottom: 0;
  padding-left: 15px;
}
.settings-pane-section .report-setting-label {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: 5px;
}
.settings-pane-section .report-settings-single-line {
  display: inline-block;
}

.settings-pane-kahui-ako {
  position: relative;
  padding: 20px 0 20px 15px;
  border-bottom: 1px dotted #ccc;
}

.settings-pane-label {
  position: absolute;
  display: block;
  max-width: 135px;
  font-weight: bold;
  left: 0;
  top: 27px;
}
#school-strand-summary #settings-pane > .settings-pane-section:nth-last-child(2) .settings-pane-label {
  top: 8px;
}
.settings-pane-label.settings-pane-label-progress-markers {
  top: 14px;
}

.settings-pane-label-short-line {
  top: 20px;
}

.time-in-school-row {
  display: block;
  margin-bottom: 5px;
}

.time-in-school-label {
  display: inline-block;
  width: 45px;
  font-weight: bold;
}

.time-in-school .styled-select::after {
  right: 20px;
}
.time-in-school .styled-select select {
  min-width: 60px;
  margin-left: 10px;
  margin-right: 10px;
}

.settings-rule-top {
  border-top: 1px dotted #ccc;
  padding-top: 20px;
  margin-top: 20px;
}

.settings-rule-bottom {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 20px;
  margin-bottom: -5px;
}

.report-info {
  list-style-type: none;
  margin-left: 0;
}
.report-info li {
  display: inline-block;
  margin-right: 22px;
  margin-bottom: 3px;
}

.no-data {
  text-align: center;
}
.no-data .no-data-action {
  margin-top: 30px;
}

.rfp-settings li {
  list-style: none;
}
.rfp-settings input[type=checkbox] {
  margin-top: 0;
  margin-right: 10px;
  vertical-align: middle;
}
.rfp-settings input[type=checkbox]:disabled + label {
  color: #656565;
}
.rfp-settings label {
  vertical-align: middle;
}
.rfp-settings .errorMessage {
  margin-left: 45px;
  vertical-align: middle;
}

.rfp-comment-padding {
  margin-top: 20px;
}

.pdf-modal-description {
  margin-left: 10px;
  display: inline-block;
}
.pdf-modal-description li {
  margin-bottom: 5px;
}
.pdf-modal-description img {
  display: inline-block;
  vertical-align: top;
}
.pdf-modal-description .pdf-modal-options {
  display: inline-block;
}

.text-description {
  display: block;
  vertical-align: top;
  width: 700px;
}

.report-wrapper {
  display: block;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.report-wrapper.report-wrapper-top-spacing {
  margin-top: 60px;
}
.report-wrapper.report-wrapper-by-lozenge {
  float: left;
}
.report-wrapper.report-wrapper-top-spacing-parent {
  margin-top: 10px;
}
.report-wrapper .graph-footer {
  margin-top: 20px;
}

#reports-pages .x-axis {
  border-top: 1px dotted #b3b3b3;
  font-weight: bold;
  margin-top: 0;
  padding-top: 14px;
  position: relative;
  text-align: center;
  top: -4px;
  margin: 0 auto;
  width: 900px;
}
#reports-pages .x-axis .sort-description {
  font-size: 1.2rem;
  font-style: italic;
  font-weight: normal;
}

.comment-wrapper {
  background-color: #f0f0f0;
  padding: 1px 15px;
  min-height: 80px;
}

.tables .data-table > h2 .inner-heading {
  font-weight: normal;
}
body.PaCT.judgments .tables .data-table > h2 {
  color: #252525;
}
body.PaCT.reports .tables .data-table > h2 {
  color: #252525;
}
body.PaCT.homepage .tables .data-table > h2 {
  color: #252525;
}
body.PaCT.manage .tables .data-table > h2 {
  color: #252525;
}
body.PaCT.contact-centre .tables .data-table > h2 {
  color: #252525;
}
body.PaCT.profile .tables .data-table > h2 {
  color: #252525;
}

.tables .data-table table {
  margin-bottom: 35px;
}
.tables .data-table table td a {
  line-height: 20px;
}
.tables .data-table .table-total td {
  background-color: #f0f0f0;
}
.tables .data-table .table-total td:first-child {
  font-weight: bold;
}

.table-text {
  margin-top: 0;
  padding: 10px;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 35px;
  line-height: 20px;
}
.table-text.table-text-no-result {
  border-top: 0;
}
.table-text.aspect-rule {
  margin-top: 20px;
}

.unrepresented-students-list {
  font-size: 1.3rem;
}
.unrepresented-students-list span {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 7px;
  line-height: 16px;
}
.unrepresented-students-list span:nth-child(4n) {
  margin-right: 0;
}
.unrepresented-students-list span p {
  margin: 0;
}
.unrepresented-students-list .icon-circle-plus,
.unrepresented-students-list .icon-circle-open-close {
  padding-left: 1%;
}

body.PaCT.reports .tables .data-table .in-page-nav a.current {
  color: #2a6ebb;
}
body.PaCT.reports .tables .data-table table th {
  background-color: #2a6ebb;
}
body.PaCT.reports .tables .data-table tbody tr td:first-child {
  width: 15%;
}
body.PaCT.reports .tables .data-table .quantile-tabs {
  border-bottom-color: #2a6ebb;
}
body.PaCT.reports .tables .data-table .quantile-tabs .display-schools {
  display: inline-block;
}
body.PaCT.reports .tables .data-table .quantile-tabs .tab.current {
  position: relative;
  color: #2a6ebb;
}
body.PaCT.reports .tables .data-table .quantile-tabs .tab.current::after {
  border-bottom-color: #2a6ebb;
}

#aggregate-view table td {
  position: relative;
  background-clip: padding-box;
}

/* reference https://stackoverflow.com/questions/32940965/how-to-target-microsoft-edge-with-css */
_:-ms-lang(x),
#aggregate-view table td {
  background-color: transparent;
}

.aggregate-popup.dialog {
  top: 30px;
  left: 30px;
  width: 400px;
  max-width: 400px;
  height: auto;
}
.aggregate-popup.dialog.comparison h3 {
  overflow: hidden;
  padding-right: 56.4516129169px;
  background-color: #b6231d;
  text-shadow: 0 0 2px rgba(50, 10, 8, 0.6);
}
.aggregate-popup.dialog.comparison h3::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #ad211c transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
.aggregate-popup.dialog.comparison h3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #a01f19 transparent;
  background-color: transparent;
  right: 21.5806451668px;
  top: 0;
  border-top-right-radius: 10px;
}
.aggregate-popup.dialog h3 {
  overflow: hidden;
  padding-right: 56.4516129169px;
  background-color: #2a6ebb;
  text-shadow: 0 0 2px rgba(35, 34, 64, 0.6);
}
.aggregate-popup.dialog h3::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #2869b3 transparent;
  background-color: transparent;
  transform: rotate(180deg);
  right: 0;
  top: 0;
}
.aggregate-popup.dialog h3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5806451668px 40px;
  border-color: transparent transparent #2562a6 transparent;
  background-color: transparent;
  right: 21.5806451668px;
  top: 0;
  border-top-right-radius: 10px;
}
.aggregate-popup.dialog .breadcrumbs {
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
}
.aggregate-popup.dialog .breadcrumbs span {
  display: inline-block;
  padding: 5px 10px;
  line-height: 18px;
}
.aggregate-popup.dialog .breadcrumbs span.position {
  position: relative;
  background-color: #f0f0f0;
  font-weight: bold;
}
.aggregate-popup.dialog .breadcrumbs span.position::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 14px;
  border-color: transparent transparent #f0f0f0 transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #f0f0f0;
  border-width: 14px 0 14px 14px;
  top: 0;
  right: -14px;
  z-index: 1;
}
.aggregate-popup.dialog .breadcrumbs span.amount {
  padding-left: 20px;
}
.aggregate-popup.dialog li.kahui-ako-table {
  width: 95%;
}
.aggregate-popup.dialog li {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.cline {
  fill: none;
  stroke: #656565;
  stroke-width: 1px;
}

.reports-loading-spinner {
  margin-top: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.no-margin {
  margin: 0;
}

/* stylelint-disable */
.name-and-description > div,
.edit-student.edit-student-name,
.edit-student.anniversary_date,
.edit-student.immersion_level,
.edit-student.start_immersion_date {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.name-and-description > div h3,
.edit-student.edit-student-name h3,
.edit-student.anniversary_date h3,
.edit-student.immersion_level h3,
.edit-student.start_immersion_date h3 {
  margin-top: 0;
}
.name-and-description > div label,
.edit-student.edit-student-name label,
.edit-student.anniversary_date label,
.edit-student.immersion_level label,
.edit-student.start_immersion_date label {
  font-weight: bold;
}
.name-and-description > div label .small,
.edit-student.edit-student-name label .small,
.edit-student.anniversary_date label .small,
.edit-student.immersion_level label .small,
.edit-student.start_immersion_date label .small {
  font-weight: normal;
}
.name-and-description > div.anniversary_date .help-concertina-wrapper,
.edit-student.edit-student-name.anniversary_date .help-concertina-wrapper,
.edit-student.anniversary_date.anniversary_date .help-concertina-wrapper,
.edit-student.immersion_level.anniversary_date .help-concertina-wrapper,
.edit-student.start_immersion_date.anniversary_date .help-concertina-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}

.uneditable-field-label {
  margin-top: 0;
  font-weight: bold;
  margin-bottom: 5px;
}
.uneditable-field-label + .uneditable-field {
  margin-top: 13px;
}

.applied {
  font-size: 1.4rem;
  margin-top: 5px;
  margin-bottom: 10px;
}

.school-settings strong {
  width: 80%;
  float: left;
}
.school-settings ul {
  width: 75%;
  float: left;
  margin-top: 0;
  margin-left: 5%;
}
.school-settings ul li {
  margin-bottom: 5px;
}

#pact-setup-concertina ol {
  padding-left: 40px;
  counter-reset: item;
}
#pact-setup-concertina ol > li {
  margin-bottom: 5px;
  padding-right: 20px;
  text-indent: -20px;
  list-style-type: none;
  counter-increment: item;
}
#pact-setup-concertina ol > li::before {
  display: inline-block;
  width: 20px;
  padding-right: 5px;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

.code-link,
.secret-code {
  border: 1px solid #c2c2c2;
  padding: 7px;
  display: inline-block;
  margin-top: 5px;
}

.secret-code {
  background-color: #f2f6fb;
  border-color: #2a6ebb;
}

#id_default_invitation_type {
  list-style-type: none;
  margin-left: 10px;
}

td.field.type ul {
  list-style-type: none;
  margin: 0;
}
td.field.type ul > li {
  margin-bottom: 5px;
}

.edit-user-role {
  margin-bottom: 30px;
}
.edit-user-role > div {
  position: relative;
}
.edit-user-role label {
  margin-left: 30px;
  position: relative;
}
.edit-user-role input {
  position: absolute;
  top: 0;
  left: 0;
}
.edit-user-role label::before {
  content: "\e943";
  margin-right: 8px;
}
.edit-user-role .is_school_leader label::before {
  content: "\e946";
}
.edit-user-role .is_school_administrator label::before {
  content: "\e944";
}
.edit-user-role .is_kahui_ako_participant label::before {
  content: "\e947";
}
.edit-user-role .help_text {
  display: block;
  margin-left: 51px;
  font-style: italic;
}

.sms-list li {
  margin-bottom: 5px;
}

.reporting-cycles-info {
  margin-top: 20px;
  margin-bottom: 15px;
  display: table;
}
.reporting-cycles-info .split-2 {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.reporting-cycles-info .split-2 h3 {
  margin-top: 0;
}
.reporting-cycles-info .split-2:first-child {
  border-right: 8px solid #fff;
}
.reporting-cycles-info .split-2:last-child {
  border-left: 8px solid #fff;
}

.reporting-windows-page .reporting-window-list th, .reporting-windows-page .reporting-window-list td {
  text-align: left;
}
.reporting-windows-page .reporting-window-list .text-centered {
  text-align: center;
}
.reporting-windows-page #show-more p {
  color: #00853e;
  cursor: pointer;
}
.reporting-windows-page .manage-rw-spinner {
  margin-top: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.reporting-windows-page table td:nth-child(6),
.reporting-windows-page table td:nth-child(7) {
  min-width: 100px;
}
.reporting-windows-page .missing-students-block {
  margin: 20px 0;
  padding: 5px;
  background-color: #f0f0f0;
}
.reporting-windows-page .missing-students-block h3, .reporting-windows-page .missing-students-block a {
  display: inline-block;
}
.reporting-windows-page .missing-students-block span {
  margin: 5px;
}
.reporting-windows-page .missing-students-block a {
  margin: 10px;
}
.reporting-windows-page .missing-students-block table td {
  border: 1px solid #252525;
}
.reporting-windows-page .missing-students-block td:first-child {
  width: 20%;
}
.reporting-windows-page .missing-students-block .show-more,
.reporting-windows-page .missing-students-block .show-less {
  margin: 0;
}
.reporting-windows-page .missing-students-block .show-more span,
.reporting-windows-page .missing-students-block .show-less span {
  margin: 0;
}

.reporting-windows .reporting-window-desc {
  margin-bottom: 20px;
}
.reporting-windows .reporting-window-desc div label {
  font-weight: bold;
}
.reporting-windows .reporting-window-desc .rw-name div {
  width: 50%;
}
.reporting-windows .reporting-window-desc .rw-dates {
  margin-top: 20px;
}
.reporting-windows .reporting-window-desc .rw-dates div {
  margin-right: 30px;
  display: inline-block;
}
.reporting-windows .rubrics li {
  list-style: none;
}
.reporting-windows .section h4 span {
  margin: auto 10px;
}
.reporting-windows .rw-notification-table {
  margin: 20px auto;
}
.reporting-windows .group-widget-left table th, .reporting-windows .group-widget-left table td,
.reporting-windows .group-widget-right table th,
.reporting-windows .group-widget-right table td {
  text-align: left;
}
.reporting-windows .group-widget-left table td,
.reporting-windows .group-widget-right table td {
  padding: 9px;
}
.reporting-windows .group-widget-left table td:last-child,
.reporting-windows .group-widget-right table td:last-child {
  padding-left: 15px;
}
.reporting-windows .group-widget-left table td:nth-child(4),
.reporting-windows .group-widget-left table .text-centered,
.reporting-windows .group-widget-right table td:nth-child(4),
.reporting-windows .group-widget-right table .text-centered {
  text-align: center;
}

.enrol-update,
.ide-update {
  position: relative;
}
.enrol-update h5,
.enrol-update h4,
.ide-update h5,
.ide-update h4 {
  margin-bottom: 10px;
}
.enrol-update ul,
.ide-update ul {
  margin: 0;
  list-style-type: none;
}
.enrol-update .point-list .result-list,
.ide-update .point-list .result-list {
  margin-top: 15px;
  margin-bottom: 15px;
}

.result-list li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 1%;
  vertical-align: top;
  width: 32%;
}

.ide-update .import-warning {
  border-top: 2px solid #e7e7e7;
  margin-top: 25px;
  padding-top: 10px;
}
.ide-update span.warning,
.ide-update span.error {
  color: #b6231d;
  font-weight: bold;
}

.edit-student.immersion_level select,
.edit-student.start_immersion_date input {
  min-width: 60%;
}

.edit-student.start_immersion_at_first ul {
  list-style-type: none;
  margin-left: 0;
}
.edit-student.start_immersion_at_first ul > li {
  margin-bottom: 5px;
}

.anniversary-window {
  width: 30%;
  margin-top: 15px;
}
.anniversary-window tbody tr td {
  background-color: #f0f0f0;
}

.edit-student-details .special-circumstances-choice td > input[type=text] {
  margin-left: 10px;
  margin-right: 10px;
}

.achievement-levels table {
  width: 50%;
}
.achievement-levels button.reset-achievement-levels {
  margin-top: 20px;
}

.change-scale-label {
  border-top: 2px solid #c2c2c2;
}

.notification.list-notice table tr:first-child th:first-child, .notification.list-notice table tr:first-child th:nth-child(2) {
  width: 110px;
}
.notification.list-notice table tr:first-child th:nth-child(3) {
  width: 140px;
}

.notification.create-notice ul {
  list-style: none;
  margin: 0;
}
.notification.create-notice ul li {
  margin-bottom: 0;
}
.notification.create-notice .floating-box {
  padding-bottom: 30px;
}
.notification.create-notice .floating-box .rule:first-of-type {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.notification.create-notice .floating-box .rule:nth-of-type(2) {
  padding-right: 51%;
}
.notification.create-notice .floating-box label {
  display: block;
}
.notification.create-notice .floating-box label input {
  vertical-align: bottom;
}
.notification.create-notice .floating-box .error {
  width: 100%;
}
.notification.create-notice textarea {
  width: 100%;
}

.show-more {
  padding-top: 15px;
  padding-bottom: 15px;
}

table .error a {
  color: #b6231d;
  font-weight: bold;
}

/* stylelint-disable */
#school-info p {
  margin-top: 0;
}

.temporary-engagement .floating-box {
  margin-top: 30px;
}
.temporary-engagement .floating-box > p:first-of-type {
  margin-top: 10px;
}
.temporary-engagement label {
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}
.temporary-engagement .down-arrow-wrapper {
  margin-bottom: 15px;
}
.temporary-engagement input[type=text] {
  min-width: auto;
  width: 400px;
}
.temporary-engagement button {
  margin-top: 20px;
  margin-bottom: 35px;
}

.contact-centre-list h3 {
  font-size: 1.4rem;
  border-bottom: 0;
}
body.PaCT.contact-centre .floating-box-subtle .contact-centre-list h3 {
  color: #252525;
}
.contact-centre-list h3 .contact-centre-list-space {
  display: block;
  margin-top: 8px;
}
.contact-centre-list ul {
  list-style-type: none;
  margin-left: 0;
}

.contact-centre-fields h3 {
  font-size: 1.4rem;
}

.contact-centre-fields .field {
  width: 31%;
  margin-right: 3%;
  margin-bottom: 15px;
  display: inline-block;
}
.contact-centre-fields .field.last_name {
  margin-right: 0;
}
.contact-centre-fields label {
  font-weight: bold;
}
.contact-centre-fields input {
  width: 100%;
}

/* stylelint-disable */
.account #esaa-logon a {
  margin-top: 0;
  margin-bottom: 0;
}

#id_language_code {
  margin-left: 0;
}
#id_language_code li {
  list-style-type: none;
  margin-bottom: 5px;
}

.name-settings .field {
  width: 31%;
  margin-right: 3%;
  margin-bottom: 15px;
  display: inline-block;
}
.name-settings .field:last-child {
  margin-right: 0;
}
.name-settings label {
  font-weight: bold;
}
.name-settings input {
  width: 100%;
}

.profile .text-left {
  margin-right: 200px;
}
.profile .right-sidebar {
  margin-top: 15px;
}

/* stylelint-disable */
.wizard-content {
  padding: 0 15px 30px;
}
.wizard-content h4:first-of-type {
  margin-top: 25px;
}

.step-nav {
  margin-top: 30px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: hidden;
}
.step-nav li {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-right: 0;
  display: block;
  float: left;
  width: 20%;
  color: #b3b3b3;
  text-align: center;
  font-weight: bold;
  counter-increment: item;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  position: relative;
}
.step-nav li::before {
  content: counter(item) ".";
  display: inline-block;
}
.step-nav li:first-child {
  border-top-left-radius: 10px;
}
.step-nav li:last-child {
  border-top-right-radius: 10px;
  border-right: 1px solid #ccc;
}
.step-nav li:last-child span::before,
.step-nav li:last-child span::after {
  display: none;
}
.step-nav li a {
  color: #b3b3b3;
  line-height: 20px;
  background-color: transparent;
}
.step-nav li span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22px 22px;
  border-color: transparent transparent #ccc transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #ccc;
  border-width: 22px 0 22px 22px;
  top: -2px;
  right: -22px;
  z-index: 1;
}
.step-nav li span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px;
  border-color: transparent transparent #f0f0f0 transparent;
  background-color: transparent;
  border-color: transparent transparent transparent #f0f0f0;
  border-width: 20px 0 20px 20px;
  top: 0;
  right: -20px;
  z-index: 1;
}
.step-nav li.done {
  color: #fff;
  background-color: #2a6ebb;
  border-color: #2a6ebb;
}
.step-nav li.done span::before {
  right: -30px;
}
.step-nav li.done span::before, .step-nav li.done span::after {
  border-left-color: #2a6ebb;
}
.step-nav li.done a {
  color: #fff;
}
.step-nav li.current {
  color: #fff;
  background-color: #4387d5;
  border-color: #4387d5;
}
.step-nav li.current span::before {
  right: -30px;
}
.step-nav li.current span::before,
.step-nav li.current span::after {
  border-left-color: #4387d5;
}
.step-nav li.current a:hover,
.step-nav li.current a:focus,
.step-nav li.current a:active {
  text-decoration: none;
  pointer-events: none;
}

.step-nav-content {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-top: 0;
  padding: 15px 20px 5px;
}
#unauthenticated-box .step-nav-content input,
#unauthenticated-box .step-nav-content select {
  width: auto;
}
.step-nav-content .alert.success {
  display: inline-block;
}
.step-nav-content .button-area {
  margin-top: 30px;
}

#unauthenticated-box .terms-and-conditions-form input,
#unauthenticated-box .terms-and-conditions-form p {
  display: inline-block;
}
#unauthenticated-box .terms-and-conditions-form p.error {
  display: block;
}
#unauthenticated-box .terms-and-conditions-form input {
  width: auto;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
#unauthenticated-box .terms-and-conditions-form label {
  margin-right: 20px;
}

#unauthenticated-box .notifications-settings-form .buttons-area {
  text-align: right;
}
#unauthenticated-box .notifications-settings-form .notifications-settings-text {
  margin-top: 25px;
}

.change-kahuiako-participation {
  border-top: 2px solid #c2c2c2;
}

/*
  These styles are scoped to and only apply to the styleguide page itself.
  View the styleguide at /styleguide/
*/
.styleguide #content > .interior > label {
  margin-right: 15px;
}
.styleguide #category-tabs {
  padding-left: 15px;
  text-transform: capitalize;
}
.styleguide section[data-markdown] {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.styleguide section[data-markdown] pre {
  margin-top: 20px;
  position: relative;
  border: 1px solid #ccc;
  padding: 10px;
  font-family: Courier, monospace;
  background-color: #f5f5f5;
  overflow-x: auto;
}
.styleguide section[data-markdown] h3:first-child {
  margin-top: 0;
}
.styleguide section[data-markdown] button.copy {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
  border-radius: 2px;
  border-width: 0;
  outline: 1px solid #ccc;
  padding-top: 5px;
  padding-bottom: 3px;
  cursor: pointer;
  min-width: 0;
  background: transparent;
  color: #000;
}
.styleguide #scroll-to-top {
  text-align: right;
}
.styleguide #scroll-to-top.fixed {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}
.styleguide [data-category=icons] [class^=icon-]:not(.copy),
.styleguide [data-category=icons] [class*=" icon-"]:not(.copy) {
  font-size: 2.8rem;
}
/*# sourceMappingURL=main.css.map */