:root{--color-primary:#99ac3a;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}.tui-formRow{margin-bottom:1.5rem}.tui-formField{padding-top:1.5rem}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.tui-themeTenants__content{margin-top:var(--gap-8)}.tui-themeTenants__section+.tui-themeTenants__section{margin-top:var(--gap-12)}.tui-themeTenants__section>*+*{margin-top:var(--gap-4)}:root{--nav-bg-color: #ffffff;--nav-text-color: #262626;--color-primary: #007E5B;--color-state: #297691;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--color-state-hover: #1f6c87;--color-state-focus: #1f6c87;--color-state-active: #0e5b76;--footer-text-color-hover: #1c1c1c;}
#page-login-signup #fitem_id_organisationid #id_organisationid option[value="8915"] {
    display: none;
}

#page-login-signup #fitem_id_organisationfreetext {
    display: none;
}
 
#page-login-signup #fitem_id_organisationid {
    display: none;
}
 
#page-login-signup.tenant-user-sycareers #fitem_id_organisationfreetext {
    display: block;
}
 
#page-login-signup.tenant-user-sycareers #fitem_id_organisationid {
    display: block;
}

/*** Login Page ***/
/* increase logo height */
#page-login-index.tenant-user-sycareers .tui-core_auth-loginNav__image {
	min-height: 150px;
}
#page-login-index.tenant-user-sycareers .tui-core_auth-loginNav {
	justify-content: center;
}
#page-login-index.tenant-user-sycareers .tui-core_auth-login div:has([data-guest-link]) {
	font-size: 18px; 
}
/*** END Login Page ***/

.block-totara-featured-links-layout align-center landscape #bigboy{
  flex-grow:1;
}

/*Make H5P presentations not have 2 scrollbars*/
#scorm_layout {width:1920px; height:1080px;}
#scorm_layout {transform: scale(0.8);}

/*Make active activities bigger, shrink the 'unavailable unless' text*/
span.instancename {
font-weight: bold;
font-size:1.2em;
color:#297791!important;
}
div.availabilityinfo {
font-weight: lighter;
}
div.availabilityinfo > strong{
font-weight: lighter;
font-style:italic;
}
/**/

@media print {
 
 /* Hide elements you don't want to show up in the print version */
  #cls-container-nav {
    display: none;
  }
  .noPrint {
    display: none;
   }

body {
    transform-origin: top; /* Keep scaling from top */
    width: 100%;  /* Ensure the width remains at 100% */
    justify-content: center;
    align-items: center;
    overflow: visible; /* Ensure content doesn't get cut off */
    border:none;
         }/*End body*/

.block_html {
        border-radius: 0px!important;
                    }
.block_cls_report_table{
        border-radius: 0px!important;
                    }



  @page  {
      size: A4;
      margin:minimum;
                 }

} /* End Media Print */


/*#page {margin-left: max(5.7%, 5px); margin-right: max(5.7%, 5px); }*/

/*Make content aligned with breadcrumb, minimal padding*/
#region-main { padding:0; }
div.container-fluid.breadcrumb-container { padding:0 }
/**/

/*Round the edges of featured links tiles*/
.block-totara-featured-links-tile-small {border-radius:10px}
.block-totara-featured-links-tile-medium{border-radius:10px}
.block-totara-featured-links-tile-large{border-radius:10px}
.block-totara-featured-links-gallery-subtiles {border-radius:10px}
/**/

#page-navbar {justify-content: flex-end;}

/** remove county/city from account request page**/
#id_supplyinfo #fitem_id_city {
display: none;
}
#id_supplyinfo #fitem_id_country {
display: none;
}

/** Change line height on EoLC Dashboard**/

#inst130282 p {
margin-bottom:2px;
}
#inst130282 h4 {
margin-bottom:1px;
}

 For new customisation, the code can be added here
 Once the code works as expected, it can be moved
 to the relevant section

/** makes event buttons centre aligned when mutliple sessions are present **/
.mod_facetoface__sessionlist__table>thead>tr>th, .mod_facetoface__sessionlist__table>thead>tr>td, .mod_facetoface__sessionlist__table>tbody>tr>th, .mod_facetoface__sessionlist__table>tbody>tr>td, .mod_facetoface__sessionlist__table>tfoot>tr>th, .mod_facetoface__sessionlist__table>tfoot>tr>td {
vertical-align:middle!important;
}

/**
 * Restore margin left and right on audience rulesets
 */
ul.cohort-editing_ruleset {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

/**
 * Hide info alerts on dashboard 70 for duplicate reports
 */
#page-totara-dashboard-70 div.alert-info {
    display: none;
}

/**
 * Customisation for guest users
 */
body.guest-user form#cls-course-search, body.guest-user div.categorypicker, body.guest-user form#coursesearch, body.guest-user.pagelayout-coursecategory div.collapsible-actions {
    display: none;
}
body.guest-user div.CLS-Access-dropdown {
    margin-top: 0;
    margin-right: 7px;
}

/** TEMP
 * Hide Supervision link
 * Ref CLS ticket #42561
 */
a[href*="totara/supervision/"] {
    display: none;
}

/**
 * Drop down list in forms to be above the footer section
 */
.form-autocomplete-suggestions {
    z-index: 2;
}

/**
 * Hide adding sessions to events
 */
table#f2fmanagedates td.lastcol {
  display: none;
}
#fitem_id_sessiondates #fitem_id_date_add_fields {
  display: none;
} /* TEMP DEACTIVATED FOR VIDEOS */


/**
 * Reduce space on the login page to have the login button and Forgot password link 
 * on the page without scrolling
 */
.loginbox .loginform .form-input {
    margin-bottom: var(--gap-2);
}
#page-login-index #region-main {
    padding-top: 0;
}
.loginbox #loginbtn {
    margin: var(--gap-2) 0 var(--gap-2);
}
.loginbox .desc {
    margin-top: var(--gap-4);
}
.loginbox input[type=submit] {
    margin: var(--gap-4) 0 0;
}
#page-login-index h2 {
    margin-top: 10px;
}

/**
 * Add space between course/certification/programme icons
 * and the title
 */
.course_icon {
    margin-right: 3px;
}


/**
  * Increase activity icons to improve readability
  */
.course-content .ft {
    font-size: 18px;
    vertical-align: text-bottom;
}


/**
 *
 * Harmonise central blocks on dashboards with side, top and bottom blocks
 *
 */
 
 * Remove border-bottom section printable record dashboard
 */
#page-totara-dashboard-49 #region-bottom .block {
    border-top: 0;
}

/**
 * Align top region with logo and the main content on the left
 */
div#region-top {
   margin-left: -16px;
} /* DETERMINE IF DASHBOARD PAGES ONLY */
div#region-top #block-region-top, div#region-bottom #block-region-bottom {
   padding-left: 0;
   padding-right: 0;
} /* DETERMINE IF DASHBOARD PAGES ONLY */
div#block-region-side-pre {
   padding-left: 0px;
}
div#block-region-side-post {
   padding-right: 0;
}

/**
 *
 * End of block customisation on dashboards
 *
 */


/**
 * For portals in wikis
 */
span.technicalkb {
    display: inline-block;
    max-width: 256px;
    max-height: 256px;
    padding: 15px;
} 


/*-------------------------------------------*\
           End of the test section
\*-------------------------------------------*/



/*-------------------------------------------*\
                  STH CODE

 This is the code developed by the STH Team
\*-------------------------------------------*/

/**
 * Variables
 *
 * Declaring the variables that can be used
 * elsewhere in the custom CSS field
 *
 */
 
/*
 * Declaring the PROUD colours variables
 */
:root {
 --pink: #b71e55;
 --purple: #6e1d62;
 --darkgreen: #007f5a;
 --lightgreen: #6eae5e;
 --blue: #297791;
 --bluehover: #1e586c;
 --darkgreenhover: #007051;
 --sthbackground: #e0e0e0;
} 

/**
 * Remove old cost code field on signup
 */
#page-mod-facetoface-signup #fitem_id_discountcode{
    display: none;
} /* REVIEW */

/**
 * Makes background grey, but main content white and padded */
/*body {
	background-color: var(--sthbackground);
}*/





/*-------------------------------------------*\
                     FOOTER
\*-------------------------------------------*/

/**
 * Raise profile of usertour reset
 */
#page-footer .usertour button{
  font-size: 20px;
  background-color: var(--blue);
  padding: 2px 5px 5px 5px;
  border-radius: 5px;
} 
#page-footer .usertour button:hover{
  background-color: var(--bluehover);
}

/**
 * Hide login info but not the user tours
 */
#page-footer .page-footer-loggedin-info {
    display: none;
}

/**
 *Sizing of footer images
 */
.clsFooterImgLeft,.clsFooterImgRight{
	max-width: 50%!important;
}

/**
 * Bring footer to front for shadow to display
 * Fix for shadow not showing on login page
 */
#page-footer {
    z-index: 1;
}


/*-------------------------------------------*\
                    NAVIGATION
\*-------------------------------------------*/

/**
 * Reduce space below the breadcrumb
 * to match the space above it
 */

.breadcrumb-button,  .breadcrumb-button input, .breadcrumb-button form > div{
  margin-bottom: 0;
}

/**
 * Match login as to corporate colours
 */
.usermenu span.label-info {
  background-color: var(--blue);
}
/**
 * Accessibility menu cursor changed to pointer when mouseover
 */
.CLS-Access-dropdown i:hover, .CLS-Access-dropdown a:hover {
    cursor: pointer;
}

/**
 * Accessibility button background set to transparent instead of green
 * when mouseover
 */
.CLS-Access-dropdown:hover .CLS-Access-dropbtn {
    background-color: transparent !important;
}



/**
* For main menu dropdowns - change design to boxes
*/
#cls-container-nav .navExpand--list .navExpand--list_item a:hover {
    color: var(--nav-tab-expand-text-color-focus) !important;
    background: var(--nav-tab-expand-bg-color-focus) !important;
    border-bottom: 0px solid #367E59 !important;
}
#cls-container-nav .navExpand--listSecond .navExpand--list_item_link {
    color: var(--nav-tab-expand-text-color) !important;
    padding: var(--gap-2) var(--gap-4) !important;
    border-top: var(--border-width-thin) solid var(--nav-tab-expand-border-color) !important;
}

/**
 * Replicate Ventura main menu style on user menu when mouseover
 */
#cls-container-nav .usermenu .menu li a:hover {
    background: var(--nav-tab-expand-bg-color-focus) !important;
    border: var(--border-width-thin) solid var(--nav-tab-expand-border-color) !important;
}

/**
 * Hide breadcrumb and main menu to guest users
 */
body.guest-user div.breadcrumb-nav, body.guest-user ul.totaraNav_prim--list {
    display: none;
}


/*-------------------------------------------*\
                  MAIN CONTENT
\*-------------------------------------------*/

/**
 * Add a gap between the bottom block section and the main region
 */
#region-bottom {
  margin-top: 15px;
}

/**
 * Reduce gap between bottom block section and footer to match pages
 * without a bottom block section
 */
.path-totara-dashboard #page-footer {
 margin-top: 5px;
}

/**
 * Upload user preview table
 * Stops the table to overflow the main content element
 * by adding a horizontal scrollbar
 */
div.container-fluid div#page-content div.row div#region-main div[role="main"] div.flexible-wrap {
  overflow-x: auto;
}


/**
 * Seminar Activity, Set Audiences, Assign role
 *
 * Adding attendees has a strange flow with searching for users to add
 * on the right and selected users to add on the left.  The same issue is on the
 * Edit Members tab of a set audience or adding/removing group members
 *
 * The code below swaps that arrangement
 */
#page-mod-facetoface-attendees-list-add div.span5,  #page-mod-facetoface-attendees-list-add div.span2,
#page-mod-facetoface-attendees-list-remove div.span5, #page-mod-facetoface-attendees-list-remove div.span2, #page-cohort-assign div.span2, #page-cohort-assign div.span5, #page-admin-cohort-assign div.span2, #page-admin-cohort-assign div.span5, #page-admin-roles-assign div.span2, #page-admin-roles-assign div.span5, #page-group-members div.span5,  #page-group-members div.span2, #page-enrol-manual-manage div.span5, #page-enrol-manual-manage div.span2, #page-admin-roles-admins div.span5, #page-admin-roles-admins div.span2 {
  float: right;
}
/**
 * Realign the Add/Remove buttons more centrally between Potential and Existing users
 * Applicable on set audiences, roles, etc.
 */
#addcontrols {
    margin-top: 0;
    margin-bottom: 0;
}
#page-enrol-manual-manage div.span2.controls {
    margin-top: 7%;
}
/**
 * Manual Enrolments roles, etc.
 */
#page-enrol-manual-manage form#assignform div.span2 select {
    width: 100% !important;
}
/**
 * Site Admin max-width limitation removal
 */
#page-admin-roles-admins div.span5 select {
    max-width: 100%;
}

/**
 * Change the progress bars colours to match the theme
 */
.progress, .dndupload-progress-outer {
  border: 0;
}
.progress .bar, .dndupload-progress-inner {
  background-color: var(--lightgreen);
}


/**
 * Hide collapse chevron on General section
 */
#page-course-view-topics.format-topics li#section-0 span.tw-formatTopics__collapse_link_icon {
  display: none;
}

/**
* Wiki Portals
*/
div.wikiportal {
    margin-bottom:2em;
    margin-left: 30%;
    margin-right: 30%;
    width: 40%;
}
div.wikiportal p {
    font-size:2em;
}
div.wikiportal a {
    text-decoration:none;
}

/*-------------------------------------------*\
                    BLOCKS
\*-------------------------------------------*/

/**
 * Remove gap and borders on specific blocks for printable pages
 */
#page-totara-dashboard-49 #region-main, .blocknotopmargin {
  margin-top: -22px;
} /* TO FIX - See Trello */

/**
 * Change block headers style by adding a line under the title
 */
.block-title {
	box-shadow: inset 0 -1px 0 var(--sthbackground) !important;
}

/**
 * Hiding text in specific blocks (custom class)
 * Example: Presentation board link on the guest dashboard
 */
.transparent_block {
    background-color: transparent;
    border: 0;
}
.transparent_block p, .transparent_block a {
    color: transparent;
}


/*-------------------------------------------*\
                    BUTTONS
\*-------------------------------------------*/

/**
 *
 * Creates in-text buttons based on class given
 *
 * To apply this, simply add the class below to the link or span
 * It is required to edit the text in HTML view
 *
 */

/**
 * Button style when loaded
 */
span.important-button {
  background-color:var(--color-primary);
  padding-left: 3px;
  padding-right: 3px;
  border: 1px solid var(--color-primary);
  border-radius: 3px;
  font-weight: 400;
  font-size: 14px !important;
}

/**
 * Button style when mouse hovered
 */
span.important-button:hover {
  background-color: var(--darkgreenhover);
  cursor: pointer;
}

/**
 * When applied to a link, ensure the a element
 * doesn't behave as a link but as a button
 */ 
span.important-button a {
  color: white;
}
span.important-button a:hover {
  text-decoration:none;
  color: white;
}

/**
 *
 * In-text primary button end of code
 *
 */


/*-------------------------------------------*\
                     BROWSING
\*-------------------------------------------*/

/**
 *
 * Margin and Padding setting for browsing through 
 * course category browsing 
 *
 */

/**
 * Change top margin in the main category to align text
 */
h3.categoryname {
  margin-top: 15px;
  margin-bottom: 15px;
}

/**
 * Decrease the space between profile fields
 * to make the page shorter
 */
form.mform div.fitem {
  margin-bottom: 15px;
}
div.reportbuilderform div.fitem {
  margin-bottom: 0px;
}

/**
 * Hide any Totara core user fields that aren't used
 * and are not relevant in our organisation
 */
#fitem_id_url, #fitem_id_skype, #fitem_id_firstnamephonetic, #fitem_id_lastnamephonetic {
  display: none;
}

/**
 * Make disabled courses more obvious (category mode)
 */
div.coursename a.dimmed {
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
    filter: grayscale(100%); 
}
/**
 * Make disabled courses more obvious (record of learning mode)
 */
td.course_courselink a.dimmed {
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
    filter: grayscale(100%); 
}
/**
 * Make disabled certifications more obvious (category mode)
 */
#page-course-index-category div.name a.dimmed {
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
    filter: grayscale(100%); 
}
/**
 * Make disabled certifications more obvious (record of learning mode)
 */
#page-totara-plan-record-certifications td.base_fullnamelink > img {
    opacity: 0.6;
    filter: alpha(opacity=60); /* msie */
    filter: grayscale(100%); 
}


/**
  * Change font size for h3, h4 and h5
  *
  * The h5 title isn't much bigger than the paragraph font, making it hard to differentiate.
 */
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}



/*-------------------------------------------*\
                 REPORT LAYOUT
\*-------------------------------------------*/

/**
 * Ensure certification selector for the filter 
 * on RAG reports is full size
 */
#id_certifications-progid {
 max-width:none
}

/**
 * Align horizontally the certification filter on RAG reports
 * by moving the drop-down list to align with the list of certification
 */
#region-main div#fgroup_id_certifications-progid_grp select {
	vertical-align: text-top;
} /* REPORTED TO CLS FOR CORE CHANGE */

/**
 * Amend the space between filters and sections
 * to make the page shorter overall
 */


/**
 * Increase the font of the number of records shown
 * to make it more obvious and readable
 * (Enlarge 'X results found' text)
 */
.rb-record-count {
  font-size:30px;
}

/**
 * Remove the max-width and max-height for icons on reports to avoid columns overlapping
 */
#page-totara-reportbuilder-report th.course_icon {
    max-width: none;
    max-height: none;
}


/*-------------------------------------------*\
                   COURSES
\*-------------------------------------------*/

/**
 *
 * Customisation for the PALMS Account renewal course 
 * database activity
 *
 */

/**
 * Hide the database tabs and the New Entry text above the form
 */
.course-4469 div.tabtree, .course-4469 div.box h3:first-child {
  display: none;
}

/**
 * Remove lines between fields for new entry form
 */
.custompalmstable legend, .custompalmstable .inline-req {
  display: none;
}

/**
 * Add space between bottom line new entry form and buttons
 */
.custompalmstable, #page-mod-data-view #region-main form {
  margin-bottom: 2rem;
}

/**
 * Hide buttons below the table
 */
#page-mod-data-view.course-4469 .m-r-1 {
  display: none;
}

/**
 * Raise the profile of unenroll link in the course admin block
 */
div#page div.block-content ul.block_tree li.type_course a[href*="unenrolself"] {
  color: var(--pink);
 font-weight: bold;
}

/* --- Makes hidden topics work with collapsible feature ---*/
.tw-formatTopics__topic--collapsible .tw-formatTopics__topic_header [data-movetext] {
	margin-left: calc(1.3em + var(--gap-2))!important;
}

/**
 * Change the General section on a course page to match an h1 tag
 */
#page-course-view-topics #section-0 h3.sectionname {
    font-size: 36px;
    text-align: center;
    background: #005EB8;
    color: #FFFFFF;
    padding: var(--gap-2);
}

#page-course-view-topics h3.sectionname {
 color: linear-gradient(to right,  #98BEE5, #CDDFF3);}
/**
 * Put the activities title in bold when in section with the bold-activities class
 */
#page-course-view-topics li.section.bold-activities .activityinstance .instancename {
    font-weight: bold;
}


/*-------------------------------------------*\
                  DASHBOARDS
\*-------------------------------------------*/

/**
 * Highlight the Trust-wide compliance figure
 * on dashboards, and remove the table header
 */
table#report_test_mb___whos_not_compliant12 td.certcompletion_iscertified {
  text-align: center;
  font-weight: bold;
  border: 1px solid #ddd;
}
table#report_test_mb___whos_not_compliant12 thead {
  display: none;
}

/**
 *
 * Amendments for the banner and the buttons on the 
 * Homepage dashboard
 *
 */
 
/**
 * Increase the padding on feature links
 * for the title and text of the tile
 */
div.block-totara-featured-links-content h3, 
div.block-totara-featured-links-content p {
  padding-left: 2%;
}

/**
 *
 * Specific settings for the home page banner
 * including padding / marging adjustements,
 *
 */

/**
 * Remove the padding for this block instance
 */
#inst119860 .block-content {
  padding: 0;
}

/**
 * Align vertically the text under tiles used as buttons
 * on the homepage and slightly increase the font size
 * to improve the visibility
 */
#homepage-buttons .block-totara-featured-links-content {
  background: transparent;
}
#homepage-buttons .block-totara-featured-links-tile p {
  font-size: 110%;
  text-align: center;
  padding-left: 0px;
  background: transparent;
}
#homepage-buttons .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  background: transparent;
}


#dashboard-button-tiles .block-totara-featured-links-content {
  background: transparent;
  top: auto;
  bottom: auto;
}
#dashboard-button-tiles .block-totara-featured-links-tile h3 {
  text-align: center!important;
  padding-left: 0px;
  font-size: 20px;

}
#dashboard-button-tiles .block-totara-featured-links-tile p {
  text-align: center!important;
  padding-left: 0px;
  
}

/** Similar to above (aligned button text) but with background retained **/

#dashboard-button-tiles-BIGBG .block-totara-featured-links-content {
  top: auto;
  bottom: auto;
  color: white !important;

}
#dashboard-button-tiles-BIGBG .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  font-weight: bold;
  color: white !important;
  font-size: 40px!important;
}
#dashboard-button-tiles-BIGBG .block-totara-featured-links-tile p {
  text-align: center;
  padding-left: 0px;
  font-weight: bold;
  color: white !important;
 }


#dashboard-button-tiles-BG .block-totara-featured-links-content {
  top: auto;
  bottom: auto;
  color: white!important;
}
#dashboard-button-tiles-BG .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  font-weight: bold;
  color: white!important;
  }

#dashboard-button-tiles-BG .block-totara-featured-links-tile p {
  text-align: center;
  padding-left: 0px;
  font-weight: bold;
  color: white!important;
 }

/** Similar to above (aligned button text) but with black text **/

#dashboard-button-tiles-BLACK .block-totara-featured-links-content {
  background: transparent;   
  top: auto;
  bottom: auto;
}
#dashboard-button-tiles-BLACK .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  font-weight: bold;
  color: black;
}
#dashboard-button-tiles-BLACK .block-totara-featured-links-tile p {
  text-align: center;
  padding-left: 0px;
  font-weight: bold;
  color: black;
}

/** Similar to above (aligned button text) but with big white text **/
#dashboard-button-tiles-BIGW .block-totara-featured-links-content {
  text-align: center;  
  background: transparent;
  top: auto;
  bottom: auto;
}
#dashboard-button-tiles-BIGW .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  font-size: 40px!important;
}

#dashboard-button-tiles-EOLC .block-totara-featured-links-content {
  text-align: center;  
  background: transparent;
  top: auto;
  bottom: auto;
  font-size: 1px;
}
#dashboard-button-tiles-EOLC .block-totara-featured-links-content {
  text-align: center;  
  background: transparent;
  top: auto;
  bottom: auto;
}
#dashboard-button-tiles-EOLC .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  font-size: 16px!important;
}

/** Similar to above (aligned button text) but with big white text **/
#dashboard-button-tiles-apprentice .block-totara-featured-links-layout  {
  text-align: center;  
  background: none;
  top: auto;
  bottom: auto;
}

#dashboard-button-tiles-apprentice .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  font-size: 25px!important;
}
/** Similar to above (aligned button text) but with little white text **/
#dashboard-button-tiles-lilW .block-totara-featured-links-content {
  text-align: center;
  background: transparent;
  top: auto;
  bottom: auto;
  font-size: 15px;

}
#dashboard-button-tiles-lilW .block-totara-featured-links-tile h3 {
  text-align: center;
  padding-left: 0px;
  font-size: 20px;
}


/** Aligned, white text but with a background still **/
#dashboard-button-tiles-lilW2 .block-totara-featured-links-content {
  text-align: center;
  font-size: 10px;
}

/** EPR Dashboard little buttons **/
#EPR-Dash-Small .block-totara-featured-links-content-middle {
  text-align: center;
  font-size: 7px;
}
/** EPR Dashboard medium buttons **/
#EPR-Dash-Med .block-totara-featured-links-content {
  text-align: center;
  font-size: 12px;
}

/** EPR Reports Dashboard  **/
#EPR-Dash-Reports .block-totara-featured-links-content {
  text-align: center;
  font-size: 9px;
}



#dashboard-button-tiles-AKL .block-totara-featured-links-tile {
  text-align: center;
  padding-left: 0px;
}
#admin-buttons .block-totara-featured-links-content {
  background: transparent!important;
  top: auto!important;
  bottom: auto!important;
}
#admin-buttons .block-totara-featured-links-tile h3 {
  text-align: center!important;
  padding-left: 0px!important;
}
#admin-buttons .block-totara-featured-links-tile p {
  text-align: center!important;
  padding-left: 0px!important;
}


/**
  * Change button homepage flex behaviour to shrink more while still readable
  * This is to avoid a massive isolated button.  Tests have been done to ensure that it remains responsive
*/
/*div#homepage-buttons div.block-totara-featured-links-tile {
  flex: 1 1 120px;
}*/

/**
  * Change opacity background for tile text when not activating CLS beta option
 */
/*div#homepage-buttons > div .block-totara-featured-links-content {
    background: rgba(0,0,0,0.2);*/
}

/**
 *
 * Dashboard header blocks
 * 
 * By using a basic HTML block and giving the
 * "custom_dashboard_title" class, the following settings
 * will be applied to make it look like a header
 *
 */
 
/**
 * Change the text style
 */
.custom_dashboard_title h1, .custom_dashboard_title h2, .custom_dashboard_title h3, .custom_dashboard_title h4, .custom_dashboard_title h5, .custom_dashboard_title h6, .custom_dashboard_title p {
  color: var(--darkgreen);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin-bottom: 0;
}

/**
 *
 * End of code for dashboard header blocks
 *
 */


/**
 * Remove gap for My Required Learning dashboard titles
 */
.filledblockcontent .block-content {
  padding: 0;
}
.filledblockcontent .block-content .no-overflow {
  margin-bottom: 0;
  padding-bottom: 0px;
}
.filledblockcontent  .block-content .no-overflow h1 {
  margin-bottom: 0;
}

/**
 * Remove extra border (main region) on Homepage dashboard only
 */
#page-totara-dashboard-11 #region-main {
    border: 0;
}


/**
 * Course Sample Dashboard (id 74)
 */
#page-totara-dashboard-74 #region-main {
    background-color: transparent;
    padding: 0;
    border: 0;
}

/**
 * Make disabled buttons on dashboards more obvious
 */
body.path-totara-dashboard div.block-totara-featured-links-tile.dimmed {
    opacity: 0.5;
    filter: alpha(opacity=50); /* msie */
    filter: grayscale(100%); 
}




/*-------------------------------------------*\
                  ACTIVITIES
\*-------------------------------------------*/

/**
 * Feedback activity
 *
 * The labels having no titles don't take the full width
 * The code below fixes that
 */
form.feedback_form div.femptylabel div.fitemtitle {
  display: none;
}
form.feedback_form div.femptylabel div.felement {
  width: 100%;
}

/**
 * Highlight the Exit Activity link on SCORMS
 */
.breadcrumb-button a.btn{
  text-decoration: none;
}

/**
 * Check list
 * 
 * Change the green background for completed checklists
 */
.checklistreport .cell.level0-checked {
    background-color: var(--lightgreen);
}
/**
 * Add a gap between the yes/no dropdown list
 * and the completed label when editing a learner
 * answer on a checklist
 */
div.checklistbox ol#checklistouter li label.itemblack {
  padding-left: 7px;
}
/**
 * Add a gap between the checklist form and the buttons below
 */
#checklistouter {
  margin-bottom: 10px;
}

/**
 * Chat Activity
 *
 * Remove the theme selector in the chat room to force the course theme
 * Also increase the gap around the controls at the bottom
 */
#chat-input-area a#choosetheme {
  display: none;
}
div#chat-input-area {
  padding: 3px;
}


/*-------------------------------------------*\
                   USER TOURS
\*-------------------------------------------*/

/**
 * Change the user tour pop up border from rounded corners
 * to sharp corners
 */
.modal-content {
  border-radius: 0px;
} /* TO REVIEW */

/**
 * Increase the padding for the text and the buttons
 * to harmonise with the popup title and the overall
 * aspect of the theme having large padding 
 */
.modal-body,.modal-footer {
  padding: 15px;
}

/**
 * Set the backdrop darker
 */
div[data-flexitour="backdrop"] {
    background-color: rgba(0,0,0,.7);
}

/**
 * User tour closing button brighter
 */
div[data-role="flexitour-step"] .close {
    opacity: 1;
    color: var(--color-text);
}

/*-------------------------------------------*\
			  LOGIN PAGE 
\*-------------------------------------------*/

/**
 * To show only when using IE in non-private mode
 * Code combined with JavaScript
 * Currently broken
 * Need to be amended to work on homepage for SSO users
 */
/*#browserdetect, div.course-content p.chrome {
  background-color: var(--pink);
  font-weight: bold;
  text-align: center;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1.4em;
  display: none;
}*/

/**
 * Amending main content display specifically to the login page
 */
/**
 * Removing left and right ribbons which are not white or of the background-colour
 */
#page-login-index #page {
  background-color: var(--sthbackground);
}
/**
 * Remove the border which is showing on the top of the shadows
 */
#page-login-index #page #region-main {
    border: 0;
}


/*-------------------------------------------*\
		  UMBRELLA BOOKING 
\*-------------------------------------------*/
/**
 * Hide umbrella booking options that are set by default via JavaScript
 */
#page-totara-umbrella_bookings-general #fitem_id_suppressemail, #page-totara-umbrella_bookings-general #fitem_id_suppresselearning, #page-totara-umbrella_bookings-general #fitem_id_suppressecourserestrictions {
    display: none;
}

/**
 * Hide Form Creator field for a non-admin user on umbrella booing setup page
 */
#page-totara-umbrella_bookings #fitem_id_username {
    display: none;
}



/*-------------------------------------------*\
 ======== Hiding Features ========
 
 Some unused features need to be hidden
 This section is totally dedicated in that
 
\*-------------------------------------------*/

/**
 * Hide filter bloc on My Record of Learning: COURSES
 */
div#dp-plan-content form#mform5 {
  display: none !important;
} /* CAN BE REMOVED WHEN My Record of Learning is replaced */

/**
 * Hide Email Display option on profiles by default
 */
#fitem_id_maildisplay {
  display: none;
}

/**
 * Hide table header on any blocks of the My Reports dashboard
 */
body#page-totara-dashboard-23 th {
  display: none;
} /* CAN BE REMOVED WHEN REPORT NAVIGATION MADE WITH TILES */

/**
 * Remove options assignment umbrella booking
 */
#page-totara-umbrella_bookings-assignments #menugroupselector option[value="cohort"], #page-totara-umbrella_bookings-assignments #menugroupselector option[value="pos"], #page-totara-umbrella_bookings-assignments #menugroupselector option[value="org"] {
  display: none;
}

/*-------------------------------------------*\
                      CERTIFICATIONS
\*-------------------------------------------*/

/* Remove 'minimum time' text on certifications */

#view-program-content > div:nth-child(4) > p:nth-child(3){
visibility:hidden;
}
#view-program-content > div:nth-child(8) > p:nth-child(3){
visibility:hidden;
}

#program-content > div.surround.display-program > p:nth-child(3) {
visibility:hidden;
}
#view-program-content > div.surround.display-program > p:nth-child(3)
{
visibility:hidden;
}

/*-------------------------------------------*\
                    CLS Code

 This is the extra code developed by CLS
\*-------------------------------------------*/

/**
 * Show payment signup notes only within appropriate activities
 */
#page-mod-facetoface-signup #page-content #HasPayment div[id*="Paid"] {
 display: block;
}
/*---START-Remove-Supervision-in-report-ID-32-MR---*/
#page-totara-reportbuilder-report #report_staff_in_an_area .user_namewithlinks li:nth-child(5) {
display: none;
}
/*---Remove-Supervision-in-report-ID-32-MR-END---*/

/*---START-report-alert-hide-MM---*/
#page-totara-reportbuilder-report .alert-warning[role=alert]{
display:none;
}
/*----report-alert-hide-END--MM---*/

/*--START JOB ASSIGNMENT--*/
.hidden {
  display: none;
}
/*--END JOB ASSIGNMENT--*/




/* ----------------- FEATURED LINK BLOCK --------------- */
/* Buttons */

/* Font for text */
div.block-totara-featured-links-content h3 {
 color:white;
  font-size:200% !important;
  padding-left:2%;
}
div.block-totara-featured-links-content p {
 color:white;
  font-size:125%;
  padding-left:2%;
}

/* Remove how someone is assigned to a certification */

#program-content > div.notifymessage {
display:none;
}

\*-------------------------------------------*/

/*--START-REMOVE-CLOSE-INSTANCES-BUTTON-MNAA--*/

#page-mod-perform-manage-participation-participant_instances  button[aria-label="Close all instances"] {
    display: none;
}
#page-mod-perform-manage-participation-subject_instances button[aria-label="Close all instances"] {
    display: none;
}
#page-mod-perform-manage-participation-participant_sections button[aria-label="Close all instances"] {
    display: none;
}
#page-mod-perform-manage-participation-subject_instances .tui-dropdown__content .tui-dropdownButton:nth-child(2) {
    display: none;    
}
#page-mod-perform-manage-participation-subject_instances .tui-dropdown__content .tui-dropdownButton:nth-child(3) {
    display: none;    
}
#page-mod-perform-manage-participation-participant_sections .tui-dropdown__content .tui-dropdownButton:nth-child(1) {
    display: none;    
}
#page-mod-perform-manage-participation-participant_instances .tui-dropdown__content .tui-dropdownButton:nth-child(2) {
    display: none;    
}
#page-mod-perform-manage-participation-participant_instances .tui-dropdown__content .tui-dropdownButton:nth-child(3) {
    display: none;    
}
/*--END-REMOVE-CLOSE-INSTANCES-BUTTON-MNAA--*