/* aesthetics - adding minor amount of vertical space between timetable boxes on the homepage */
[data-timetable-container] {
  margin-bottom: 2rem;
}

/* The following adds a background colour to the profile buttons on my Students, dark colour buttons*/
.profile-buttons .sbx-button--has-icon {
 background-color: #252F45 !important; 
color: #ffffff !important;
border-radius: 8px;
padding: 8px 12px;
}


//
/* The following adds a background colour to the profile buttons on my Students, light colour buttons*/
.profile-buttons .sbx-button--has-icon {
 background-color: #C8D8E4 !important; 
color: #000000 !important;
border-radius: 6px;
padding: 2px 6px;
}
//

/* The following removes any buttons marked as hide by custom javascript */
button.fc-hide-button {
    display: none !important;
}

/* The following removes the browse resources button from file components*/
div.Component_Homepage_FileListController div.component-action > section > a.button[href^="/resources/"] {
    display: none;
}
/* The following reformats the calendar on a specific resource booking item */
html[data-url-path*="resource-booking/item/93"] .fc-time-grid .fc-slats td{
    height: 3em;
}
/* I don't remember */
a.icon-showcase {
    display: none !important;
}
/* The following is to make the top menu red on sbdev */
html[data-domain-name^="sbdev.fairholme.qld.edu.au"] nav.tab-bar{
    background: #FF0000;
}
/* The following works with custom JS which fades tiles on mouse rollover, Sandra does not want to use this!! */
/*
li.fairholme-faded {
    opacity: 0.2;
}
*/
/* Don't remember (Looks like a copy-paste error from DevTools inspector) */
/*
.unknown-element {
    padding: 0;
    font-size: 13px;
    width: 100%;
    background-color: rgb(136, 43, 43);
}
*/
/* The following are to hide comments in blogs */
li[id^='blog'] > article > a[data-toggle^='commentform']{
	display: none;
}
form[action^='/blog/comment/insert']{
	display: none;
}
/* The following are to make nested ordered lists look nicer */
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}

/* ** SUMMATIVE REPORT CUSTOMISATION ** */

/*Formats Report Title*/
.summative-report .header-content h1 {
font-weight: normal;
font-family: Georgia, Times, "Georgia", serif; font-style: normal; font-variant: normal; font-weight: 4
}

/* Hide School name and new Govt ID */
.summative-report .summative-content h4.govtStudentNumber,
.summative-report .header-content h2.school-name {
color: transparent;
font-size: 0px;
line-height: 0px;
}

/* Student name */
.summative-report .card.summative-content h3.name {
font-size: 24pt;
font-family: Georgia, Times, "Georgia", serif; font-style: normal; font-variant: normal; font-weight: 400;
}

/* Hide 3Student year */
.summative-report .card.summative-content .year {
color: transparent;
font-size: 0px;
line-height: 0px;
}

/* Text on intro pages */
.summative-report .introduction,
.summative-report .introduction * {
font-family: Calibri, 'Segoe UI', sans-serif !important;
font-size: 12pt !important;
}

/* Summary Page - Header block including banner styling */
.summative-report .summary h3 {
background: rgb(37, 47, 69);
font-size: 18pt;
font-weight: bold;
color: #ffffff;
padding: 12pt;
margin-bottom: 48pt;
}

/* Aligns Attendance and Participation with Subject Headings*/
.summative-report .summary .feedback-assessment-container {
        border: 0;
        margin-left: 1.5rem;
    }

/* Adds a page break to keep Victorian Curriculum Assessment Standards Summary table together*/
.summative-report .summary h2  {
break-before: page;
  }

/* Class page - Banner */
.summative-report .folder-title.class-page.summative-content {
background: rgb(37, 47, 69);
border: none;
margin-bottom: 18pt;
}
/* Class page - Subject name */
.summative-report .folder-title.class-page.summative-content h4 {
font-size: 18pt;
font-weight: bold;
color: #ffffff;
}
/* Class page - Teacher name */
.summative-report .folder-title.class-page.summative-content h5 {
font-size: 14pt;
font-weight: normal;
color: #ffffff;
}

/* Hide staff portraits */
.summative-report img[src^="/portrait.php?"],
.summative-report img[src*="/portrait.php?"],
.summative-report img.portrait {
display: none !important;
}

/* Class page - Overall grade */
.summative-report .folder-title.class-page.summative-content .grade {
font-size: 18pt;
font-weight: 700;
color: #ffffff;
}

/* Class page - Subject Description - Overrides formatting on Course Pages to ensure font size is the same on each page*/
.summative-report .course-overview-textbox p{
font-family: 'Segoe UI', sans-serif;
font-weight: normal;
font-size: 12pt;
text-align: justify;
}
.summative-report .course-overview-textbox h5{
font-size: 12pt;
}
.summative-report .course-overview-textbox h4{
font-size: 12pt;
text-align: justify;
}
.summative-report .course-overview-textbox h3{
font-size: 12pt;
text-align: justify;
}

.summative-report  .summative-content .worktype {
    display: none !important;
}

/* Rubric - Extra margin */
.rubric-wrap {
margin-top: 12pt;
margin-bottom: 28pt;
}

/* Rubric - Table structure */
.summative-report .summative-content table.rb {
table-layout: unset;
}
/* Rubric - Level columns*/
.summative-report .summative-content table.rb th[scope=col] {
width:15%;
}

/* Rubric - Indicators column */
.summative-report .summative-content .rb-criterion-name.markdown {
width: auto;
}

/* Hide capabilities column completely */
.summative-report .rubric-wrap th.rb-group-name.markdown p {
font-size: 0px;
padding: 0;
}
.summative-report .rubric-wrap th.rb-group-name.markdown {
margin: 0;
padding: 0;
border-left: none;
width: 0px;
}

/* Rubric - Headings */
.summative-report .rb th {
background-color: #bcccdf;
text-align: center;
}
/* Rubric - Selected item */
.summative-report .rb-selected {
background-color: rgb(37, 47, 69) !important;
border-left: 4px solid rgb(37, 47, 69) !important;
}
/* Rubrics - body text */
.summative-report table.rb p {
font-size: 9pt;
}
/* Hide rubric description text */
.summative-report table.rb .rb-description.markdown p {
display: none;
}
/* Hide rubric description text */
.summative-report table.rb .rb-value.used {
display: none;
}
/* Add in a tick for the selected level */
.summative-report table.rb td.rb-selected::after {
content: "✓";
color: white;
font-size: 20pt;
line-height: 18pt;
}
.summative-report table.rb td.rb-selected {
text-align: center;
}

/* Hide rb-group-summary for all work types */
.summative-report .rb-group-summary {
    display: none !important;
}

/* Aligns grades*/
.summative-report .grade {
    padding-left: 2rem;
    padding-right: 0.75rem;
    text-align: left;
    font-size: 16pt;
}


:root {
            --sbx-config-container-corner-radius: var(--sbx-border-radius-s);
            --sbx-config-field-corner-radius: var(--sbx-border-radius-s);
            --sbx-config-container-drop-shadow: var(--sbx-shadow-s);
                --sbx-config-color-body-background-r: 247;
        --sbx-config-color-body-background-g: 247;
        --sbx-config-color-body-background-b: 247;
        --sbx-config-color-body-background-h: 0;
        --sbx-config-color-body-background-s: 0%;
        --sbx-config-color-body-background-l: 96.9%;
        --sbx-config-color-body-background-a: 1;
        --sbx-config-color-body-background:   hsla(
            var(--sbx-config-color-body-background-h),
            var(--sbx-config-color-body-background-s),
            var(--sbx-config-color-body-background-l),
            var(--sbx-config-color-body-background-a)
        );
            --sbx-config-color-body-background-contrast-r: 0;
        --sbx-config-color-body-background-contrast-g: 0;
        --sbx-config-color-body-background-contrast-b: 0;
        --sbx-config-color-body-background-contrast-h: 0;
        --sbx-config-color-body-background-contrast-s: 0%;
        --sbx-config-color-body-background-contrast-l: 0%;
        --sbx-config-color-body-background-contrast-a: 1;
        --sbx-config-color-body-background-contrast:   hsla(
            var(--sbx-config-color-body-background-contrast-h),
            var(--sbx-config-color-body-background-contrast-s),
            var(--sbx-config-color-body-background-contrast-l),
            var(--sbx-config-color-body-background-contrast-a)
        );
            --sbx-config-color-accent-r: 37;
        --sbx-config-color-accent-g: 47;
        --sbx-config-color-accent-b: 69;
        --sbx-config-color-accent-h: 221.3;
        --sbx-config-color-accent-s: 30.2%;
        --sbx-config-color-accent-l: 20.8%;
        --sbx-config-color-accent-a: 1;
        --sbx-config-color-accent:   hsla(
            var(--sbx-config-color-accent-h),
            var(--sbx-config-color-accent-s),
            var(--sbx-config-color-accent-l),
            var(--sbx-config-color-accent-a)
        );
            --sbx-config-color-accent-contrast-r: 255;
        --sbx-config-color-accent-contrast-g: 255;
        --sbx-config-color-accent-contrast-b: 255;
        --sbx-config-color-accent-contrast-h: 0;
        --sbx-config-color-accent-contrast-s: 0%;
        --sbx-config-color-accent-contrast-l: 100%;
        --sbx-config-color-accent-contrast-a: 1;
        --sbx-config-color-accent-contrast:   hsla(
            var(--sbx-config-color-accent-contrast-h),
            var(--sbx-config-color-accent-contrast-s),
            var(--sbx-config-color-accent-contrast-l),
            var(--sbx-config-color-accent-contrast-a)
        );
            --sbx-config-color-accent-text-r: 255;
        --sbx-config-color-accent-text-g: 255;
        --sbx-config-color-accent-text-b: 255;
        --sbx-config-color-accent-text-h: 0;
        --sbx-config-color-accent-text-s: 0%;
        --sbx-config-color-accent-text-l: 100%;
        --sbx-config-color-accent-text-a: 1;
        --sbx-config-color-accent-text:   hsla(
            var(--sbx-config-color-accent-text-h),
            var(--sbx-config-color-accent-text-s),
            var(--sbx-config-color-accent-text-l),
            var(--sbx-config-color-accent-text-a)
        );
            --sbx-config-color-accent-text-contrast-r: 0;
        --sbx-config-color-accent-text-contrast-g: 0;
        --sbx-config-color-accent-text-contrast-b: 0;
        --sbx-config-color-accent-text-contrast-h: 0;
        --sbx-config-color-accent-text-contrast-s: 0%;
        --sbx-config-color-accent-text-contrast-l: 0%;
        --sbx-config-color-accent-text-contrast-a: 1;
        --sbx-config-color-accent-text-contrast:   hsla(
            var(--sbx-config-color-accent-text-contrast-h),
            var(--sbx-config-color-accent-text-contrast-s),
            var(--sbx-config-color-accent-text-contrast-l),
            var(--sbx-config-color-accent-text-contrast-a)
        );
            --sbx-config-color-active-r: 200;
        --sbx-config-color-active-g: 216;
        --sbx-config-color-active-b: 228;
        --sbx-config-color-active-h: 205.7;
        --sbx-config-color-active-s: 34.1%;
        --sbx-config-color-active-l: 83.9%;
        --sbx-config-color-active-a: 1;
        --sbx-config-color-active:   hsla(
            var(--sbx-config-color-active-h),
            var(--sbx-config-color-active-s),
            var(--sbx-config-color-active-l),
            var(--sbx-config-color-active-a)
        );
            --sbx-config-color-active-contrast-r: 0;
        --sbx-config-color-active-contrast-g: 0;
        --sbx-config-color-active-contrast-b: 0;
        --sbx-config-color-active-contrast-h: 0;
        --sbx-config-color-active-contrast-s: 0%;
        --sbx-config-color-active-contrast-l: 0%;
        --sbx-config-color-active-contrast-a: 1;
        --sbx-config-color-active-contrast:   hsla(
            var(--sbx-config-color-active-contrast-h),
            var(--sbx-config-color-active-contrast-s),
            var(--sbx-config-color-active-contrast-l),
            var(--sbx-config-color-active-contrast-a)
        );
            --sbx-config-color-menu-background-r: 37;
        --sbx-config-color-menu-background-g: 47;
        --sbx-config-color-menu-background-b: 69;
        --sbx-config-color-menu-background-h: 221.3;
        --sbx-config-color-menu-background-s: 30.2%;
        --sbx-config-color-menu-background-l: 20.8%;
        --sbx-config-color-menu-background-a: 1;
        --sbx-config-color-menu-background:   hsla(
            var(--sbx-config-color-menu-background-h),
            var(--sbx-config-color-menu-background-s),
            var(--sbx-config-color-menu-background-l),
            var(--sbx-config-color-menu-background-a)
        );
            --sbx-config-color-menu-background-contrast-r: 255;
        --sbx-config-color-menu-background-contrast-g: 255;
        --sbx-config-color-menu-background-contrast-b: 255;
        --sbx-config-color-menu-background-contrast-h: 0;
        --sbx-config-color-menu-background-contrast-s: 0%;
        --sbx-config-color-menu-background-contrast-l: 100%;
        --sbx-config-color-menu-background-contrast-a: 1;
        --sbx-config-color-menu-background-contrast:   hsla(
            var(--sbx-config-color-menu-background-contrast-h),
            var(--sbx-config-color-menu-background-contrast-s),
            var(--sbx-config-color-menu-background-contrast-l),
            var(--sbx-config-color-menu-background-contrast-a)
        );
            --sbx-config-color-menu-foreground-r: 232;
        --sbx-config-color-menu-foreground-g: 232;
        --sbx-config-color-menu-foreground-b: 232;
        --sbx-config-color-menu-foreground-h: 0;
        --sbx-config-color-menu-foreground-s: 0%;
        --sbx-config-color-menu-foreground-l: 91%;
        --sbx-config-color-menu-foreground-a: 1;
        --sbx-config-color-menu-foreground:   hsla(
            var(--sbx-config-color-menu-foreground-h),
            var(--sbx-config-color-menu-foreground-s),
            var(--sbx-config-color-menu-foreground-l),
            var(--sbx-config-color-menu-foreground-a)
        );
            --sbx-config-color-menu-foreground-contrast-r: 0;
        --sbx-config-color-menu-foreground-contrast-g: 0;
        --sbx-config-color-menu-foreground-contrast-b: 0;
        --sbx-config-color-menu-foreground-contrast-h: 0;
        --sbx-config-color-menu-foreground-contrast-s: 0%;
        --sbx-config-color-menu-foreground-contrast-l: 0%;
        --sbx-config-color-menu-foreground-contrast-a: 1;
        --sbx-config-color-menu-foreground-contrast:   hsla(
            var(--sbx-config-color-menu-foreground-contrast-h),
            var(--sbx-config-color-menu-foreground-contrast-s),
            var(--sbx-config-color-menu-foreground-contrast-l),
            var(--sbx-config-color-menu-foreground-contrast-a)
        );
            --sbx-config-color-menu-hover-r: 68;
        --sbx-config-color-menu-hover-g: 82;
        --sbx-config-color-menu-hover-b: 120;
        --sbx-config-color-menu-hover-h: 223.8;
        --sbx-config-color-menu-hover-s: 27.7%;
        --sbx-config-color-menu-hover-l: 36.9%;
        --sbx-config-color-menu-hover-a: 1;
        --sbx-config-color-menu-hover:   hsla(
            var(--sbx-config-color-menu-hover-h),
            var(--sbx-config-color-menu-hover-s),
            var(--sbx-config-color-menu-hover-l),
            var(--sbx-config-color-menu-hover-a)
        );
            --sbx-config-color-menu-hover-contrast-r: 255;
        --sbx-config-color-menu-hover-contrast-g: 255;
        --sbx-config-color-menu-hover-contrast-b: 255;
        --sbx-config-color-menu-hover-contrast-h: 0;
        --sbx-config-color-menu-hover-contrast-s: 0%;
        --sbx-config-color-menu-hover-contrast-l: 100%;
        --sbx-config-color-menu-hover-contrast-a: 1;
        --sbx-config-color-menu-hover-contrast:   hsla(
            var(--sbx-config-color-menu-hover-contrast-h),
            var(--sbx-config-color-menu-hover-contrast-s),
            var(--sbx-config-color-menu-hover-contrast-l),
            var(--sbx-config-color-menu-hover-contrast-a)
        );
            --sbx-config-color-component-heading-background-r: 37;
        --sbx-config-color-component-heading-background-g: 47;
        --sbx-config-color-component-heading-background-b: 69;
        --sbx-config-color-component-heading-background-h: 221.3;
        --sbx-config-color-component-heading-background-s: 30.2%;
        --sbx-config-color-component-heading-background-l: 20.8%;
        --sbx-config-color-component-heading-background-a: 1;
        --sbx-config-color-component-heading-background:   hsla(
            var(--sbx-config-color-component-heading-background-h),
            var(--sbx-config-color-component-heading-background-s),
            var(--sbx-config-color-component-heading-background-l),
            var(--sbx-config-color-component-heading-background-a)
        );
            --sbx-config-color-component-heading-background-contrast-r: 255;
        --sbx-config-color-component-heading-background-contrast-g: 255;
        --sbx-config-color-component-heading-background-contrast-b: 255;
        --sbx-config-color-component-heading-background-contrast-h: 0;
        --sbx-config-color-component-heading-background-contrast-s: 0%;
        --sbx-config-color-component-heading-background-contrast-l: 100%;
        --sbx-config-color-component-heading-background-contrast-a: 1;
        --sbx-config-color-component-heading-background-contrast:   hsla(
            var(--sbx-config-color-component-heading-background-contrast-h),
            var(--sbx-config-color-component-heading-background-contrast-s),
            var(--sbx-config-color-component-heading-background-contrast-l),
            var(--sbx-config-color-component-heading-background-contrast-a)
        );
            --sbx-config-color-component-heading-text-r: 255;
        --sbx-config-color-component-heading-text-g: 255;
        --sbx-config-color-component-heading-text-b: 255;
        --sbx-config-color-component-heading-text-h: 0;
        --sbx-config-color-component-heading-text-s: 0%;
        --sbx-config-color-component-heading-text-l: 100%;
        --sbx-config-color-component-heading-text-a: 1;
        --sbx-config-color-component-heading-text:   hsla(
            var(--sbx-config-color-component-heading-text-h),
            var(--sbx-config-color-component-heading-text-s),
            var(--sbx-config-color-component-heading-text-l),
            var(--sbx-config-color-component-heading-text-a)
        );
            --sbx-config-color-component-heading-text-contrast-r: 0;
        --sbx-config-color-component-heading-text-contrast-g: 0;
        --sbx-config-color-component-heading-text-contrast-b: 0;
        --sbx-config-color-component-heading-text-contrast-h: 0;
        --sbx-config-color-component-heading-text-contrast-s: 0%;
        --sbx-config-color-component-heading-text-contrast-l: 0%;
        --sbx-config-color-component-heading-text-contrast-a: 1;
        --sbx-config-color-component-heading-text-contrast:   hsla(
            var(--sbx-config-color-component-heading-text-contrast-h),
            var(--sbx-config-color-component-heading-text-contrast-s),
            var(--sbx-config-color-component-heading-text-contrast-l),
            var(--sbx-config-color-component-heading-text-contrast-a)
        );
            --sbx-config-login-form-background-r: 0;
        --sbx-config-login-form-background-g: 0;
        --sbx-config-login-form-background-b: 0;
        --sbx-config-login-form-background-h: 0;
        --sbx-config-login-form-background-s: 0%;
        --sbx-config-login-form-background-l: 0%;
        --sbx-config-login-form-background-a: 0.4;
        --sbx-config-login-form-background:   hsla(
            var(--sbx-config-login-form-background-h),
            var(--sbx-config-login-form-background-s),
            var(--sbx-config-login-form-background-l),
            var(--sbx-config-login-form-background-a)
        );
            --sbx-config-login-form-background-contrast-r: 255;
        --sbx-config-login-form-background-contrast-g: 255;
        --sbx-config-login-form-background-contrast-b: 255;
        --sbx-config-login-form-background-contrast-h: 0;
        --sbx-config-login-form-background-contrast-s: 0%;
        --sbx-config-login-form-background-contrast-l: 100%;
        --sbx-config-login-form-background-contrast-a: 1;
        --sbx-config-login-form-background-contrast:   hsla(
            var(--sbx-config-login-form-background-contrast-h),
            var(--sbx-config-login-form-background-contrast-s),
            var(--sbx-config-login-form-background-contrast-l),
            var(--sbx-config-login-form-background-contrast-a)
        );
            --sbx-config-login-form-foreground-r: 255;
        --sbx-config-login-form-foreground-g: 255;
        --sbx-config-login-form-foreground-b: 255;
        --sbx-config-login-form-foreground-h: 0;
        --sbx-config-login-form-foreground-s: 0%;
        --sbx-config-login-form-foreground-l: 100%;
        --sbx-config-login-form-foreground-a: 1;
        --sbx-config-login-form-foreground:   hsla(
            var(--sbx-config-login-form-foreground-h),
            var(--sbx-config-login-form-foreground-s),
            var(--sbx-config-login-form-foreground-l),
            var(--sbx-config-login-form-foreground-a)
        );
            --sbx-config-login-form-foreground-contrast-r: 0;
        --sbx-config-login-form-foreground-contrast-g: 0;
        --sbx-config-login-form-foreground-contrast-b: 0;
        --sbx-config-login-form-foreground-contrast-h: 0;
        --sbx-config-login-form-foreground-contrast-s: 0%;
        --sbx-config-login-form-foreground-contrast-l: 0%;
        --sbx-config-login-form-foreground-contrast-a: 1;
        --sbx-config-login-form-foreground-contrast:   hsla(
            var(--sbx-config-login-form-foreground-contrast-h),
            var(--sbx-config-login-form-foreground-contrast-s),
            var(--sbx-config-login-form-foreground-contrast-l),
            var(--sbx-config-login-form-foreground-contrast-a)
        );
    }