: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: #3c297e;--color-primary: #88cdcf;--btn-prim-accent-color: #d52c87;--btn-accent-color: #88cdcf;--link-color: #3D2683;--color-state: #d52c87;--color-text: #3c297e;--footer-bg-color: #ffffff;--footer-text-color: #3c297e;--btn-prim-accent-color-focus: #cb227d;--btn-prim-accent-color-active: #ba116c;--btn-accent-color-focus: #7ec3c5;--btn-accent-color-active: #6db2b4;--link-color-hover: #331c79;--color-state-hover: #cb227d;--color-state-focus: #cb227d;--color-state-active: #ba116c;--footer-text-color-hover: #321f74;}
#page-mod-assign-view {
	display: none;
}
#page-mod-assign-view.unhide {
	display: flex !important;
}

/*Hide some elements in assignment module for CG Tool*/
body#page-mod-assign-grader div[data-region="user-selector"] {
    display: none;
}


#hp-home-banner {min-height: 30vh;}#hp-home-banner .block-totara-featured-links-content {background-color: transparent;width: 70vw;max-width: 700px;margin: 5%;}#hp-home-banner .block-totara-featured-links-content h3, #hp-home-banner .block-totara-featured-links-content p {color: #3c297e;}#hp-home-banner .block-totara-featured-links-content h3 {font-size: 35px;}#hp-home-banner .block-totara-featured-links-content p {font-size: 25px;}#page-totara-dashboard-24, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp {background-color: transparent !important;position: relative;top: -170px;margin-bottom: -170px;}#page-totara-dashboard-24 #cls_exp_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-24 #cls_due_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-24 #cls_cert_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_exp_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_due_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_cert_custom .cls-cert-compl-box-block > div {background-color: #fff;height: 150px;width: 150px;display: block;margin: 0 auto;position: relative;top: -35px;padding-top: 15px;border: 10px solid;border-radius: 50%;}#page-totara-dashboard-24 #cls_exp_custom img, #page-totara-dashboard-24 #cls_due_custom img, #page-totara-dashboard-24 #cls_cert_custom img, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_exp_custom img, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_due_custom img, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_cert_custom img {display: none;}#page-totara-dashboard-24 #cls_exp_custom p, #page-totara-dashboard-24 #cls_due_custom p, #page-totara-dashboard-24 #cls_cert_custom p, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_exp_custom p, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_due_custom p, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_cert_custom p {color: #262626 !important;}#page-totara-dashboard-24 #cls_exp_custom span:nth-child(2), #page-totara-dashboard-24 #cls_due_custom span:nth-child(2), #page-totara-dashboard-24 #cls_cert_custom span:nth-child(2), #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_exp_custom span:nth-child(2), #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_due_custom span:nth-child(2), #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_cert_custom span:nth-child(2) {display: block;}#page-totara-dashboard-24 #cls_exp_custom span:nth-child(2), #page-totara-dashboard-24 #cls_due_custom span:nth-child(2), #page-totara-dashboard-24 #cls_cert_custom span:nth-child(2), #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_exp_custom span:nth-child(2), #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_due_custom span:nth-child(2), #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_cert_custom span:nth-child(2) {font-size: 50px;display: block;width: 100%;}#page-totara-dashboard-24 #cls_exp_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_exp_custom .cls-cert-compl-box-block > div {border-color: #C33985;}#page-totara-dashboard-24 #cls_due_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_due_custom .cls-cert-compl-box-block > div {border-color: #F6CC49;}#page-totara-dashboard-24 #cls_cert_custom .cls-cert-compl-box-block > div, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp #cls_cert_custom .cls-cert-compl-box-block > div {border-color: #97CACE;}#hp-basic-nav-links .block-totara-featured-links-tile {height: 50px;border: 5px solid #97CACE;border-radius: 10px;}#hp-basic-nav-links .block-totara-featured-links-content {background-color: transparent;}#hp-basic-nav-links h3 {color: #262626;text-align: center;line-height: 30px;}#hp-home-main-content .block-totara-featured-links-content {text-align: center;background-color: inherit;}

#page-mod-assign-grading .gradingtable table .c1,
#page-mod-assign-grading .gradingtable table .c3,
#page-mod-assign-grading .gradingtable table .c7,
#page-mod-assign-grading .gradingtable table .c9,
#page-mod-assign-grading .gradingtable table .c10,
#page-mod-assign-grading .gradingtable table .c11,
#page-mod-assign-grading .gradingtable table .c12,
#page-mod-assign-grading .gradingtable table .c13 {
	display: none;
}

.modtype_label a {
    color: #d52c87;
}

.rb-display-table-container[id="120"] .course_status {
	text-align: center;
	line-height: 40px;
}

.rb-display-table-container[id="120"] .course_shortname {
	position: relative;
	line-height: 40px;
}

.rb-display-table-container[id="120"] .course_shortname .link-as-button {
	position: absolute;
	right: 0;
}

/* START - Absar - Make scorm enter button more prominent  */
#scormviewform > input.btn.btn-primary {
    font-size: 30px;
    border: solid 1px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 20px;
    background-color: #88cdcf;
    color: white;
    padding: 20px;
}


/* END - Absar - Make scorm enter button more prominent  */



/*--START-Removal-of-fields-from-my-team-page-MNAA--*/

#my-teammembers-content li:nth-child(5) {display: none;}

/*----Removal-of-fields-from-my-team-page-MNAA-END---*/

.block_html .content h3, .block_html .content .box.message .messagearea .messagesend .mform .fitemtitle, .box.message .messagearea .messagesend .mform .block_html .content .fitemtitle, .block_html .content .box.message .messagearea .messagesend .mform .form-label, .box.message .messagearea .messagesend .mform .block_html .content .form-label {
    font-size: 45px;
    font-family: Georgia;
    background: linear-gradient(to right, #3D2683, #EB595E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h6 {
    font-size: 45px;
    font-family: Georgia;
    background: linear-gradient(to right, #3D2683, #EB595E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h7 {
    font-size: 40px;
    font-family: Georgia;
    background: linear-gradient(to right, #3D2683, #EB595E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h4 {
    font-size: 25px;
    font-family: Georgia;
    color: #3D2683;
}

button.btn-link, input.form-submit.btn-link, input[type=button].btn-link, input[type=submit].btn-link, input[type=reset].btn-link {
    font-size: 25px;
    width: 100%;
    background-color: #eee;
    text-align: left;
}

#hp-home-banner .block-totara-featured-links-content h3, #hp-home-banner .block-totara-featured-links-content p {
    color: #ffffff;
}

a {
    color: #d72987;
}

/*--START-Removal-of-notifcation-bell--MNAA--*/

.popover-region-notifications .nav-link {
    display: none
}
/*----Removal-of-notifcation-bell-MNAA-END---*/

.HPA {
  border-collapse: collapse;
  width: 100%;
}

.HPA td, #HPA th {
  border: 1px solid #fff;
  padding: 8px;
}

.HPA tr:nth-child(odd){background-color: #f7d4e7;}

.HPA th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #fff;
  color: black ;
}

.HPA2 {
  border-collapse: collapse;
  width: 100%;
}

.HPA2 td, .HPA th {
  border: 1px solid #fff;
  padding: 8px;
}

.HPA2 tr:nth-child(odd){background-color: #e9ddeb;}

.HPA2 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #fff;
  color: black ;
}
.btn-default, .btn-secondary {
    color: #ffffff;
    background-color: #88cdcf;
    border-color: var(--btn-border-color);
}

.btn {
    font-size: 20px;
    color: #ffffff;
    background-color: #88cdcf;
}

button {
    border-color: #88cdcf;
    margin: 0;
    font-size: 20px;
    color: #000;
    background-color: #88cdcf;
    padding: 15px;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 30px;
}

button2 {
    border-color: #d52c87;
    margin: 0;
    font-size: 20px;
    color: #fff;
    background-color: #d52c87;
    padding: 15px;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 30px;
display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    line-height: 1.428571429;
    border-radius: var(--btn-radius);
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.course-content ul.gridicons li .icon_content {
    font-size: 22px !important;
    height: 30px !important;
}

h3title {
    font-size: 45px;
    font-family: Georgia;
    background: linear-gradient(to right, #3D2683, #EB595E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

dd .mapaddresslookup .map_small {
    display: none;
}

button, input.form-submit, input[type=button], input[type=submit], input[type=reset] {
    padding: 12px 20px;
    font-size: 20px;
}

.block-totara-featured-links-layout .block-totara-featured-links-content::before {
    background: rgb(0 0 0 / 0%);
}

#page-totara-dashboard-24, #page-totara-dashboard-32 #block-region-top .block_cls_certif_comp {
    z-index: 3;
}

.tui-core_auth-loginNav__image {
    height: 6rem;
}

.CLS-Access-dropdown {;
    margin-top: 1px;
}
.totaraNav_prim--side .popover-region .nav-link {
    margin-top: 7px;
}

.fitem>fieldset>legend .legend {
    display: inline-block;
    max-width: 100%;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: calc((var(--form-input-height) -(var(--form-input-font-size)* var(--form-input-line-height))) / 2);
    line-height: var(--form-input-line-height);
    font-size: 20px;
}

.mform .fitem .fitemtitle label {
 font-size: small;
}

.mform .fitem {
    margin-bottom: 8px;
}

.image-gallery {
  display: flex;
  flex-wrap: wrap; /* Allows items to wrap to the next row if necessary */
  gap: 16px; /* Adds spacing between cards */
  justify-content: center; /* Centers the cards in the container */
}

.course-card {
  width: 320px; /* Ensures all cards have the same width */
  height: 361px; /* Sets a fixed height for all cards */
  border: 1px solid #ddd; /* Adds a border around the card */
  border-radius: 8px; /* Rounded corners for the card */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds a shadow effect */
  overflow: hidden;
  text-align: left; /* Aligns text to the left */
  background-color: white; /* Ensures the card has a white background */
  display: flex;
  flex-direction: column; /* Ensures the card layout is vertical */
  text-decoration: none !important; /* Removes underline from the entire card */
  color: inherit; /* Ensures the text uses the card's default color */
}

.course-details {
  padding: 12px; /* Adds spacing around the text */
  display: flex;
  flex-direction: column; /* Ensures text is stacked */
  align-items: flex-start; /* Aligns all text to the top */
  justify-content: space-between; /* Distributes content evenly */
  flex-grow: 1; /* Makes sure the details section expands to fill the card */
}

.course-name {
  font-size: 24px!important;
  color: #5b2eb4; /* Purple for title */
  margin: 0; /* Resets margin */
  padding-bottom: 8px; /* Adds padding below the course name */
  min-height: 48px; /* Ensures all course names take the same height */
  text-align: left;
}

.course-subject {
  font-size: 18px;
  color: #3d2683;
  font-weight: bold; 
  margin: 0 0 4px; /* Adds spacing below the subject */
  text-align: left;
}

.course-time {
  font-size: 14px;
  color: #000; /* Grey color for time estimate */
  margin: 0;
  text-align: left;
  font-weight: normal; 
}

.image-container {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-color: white; /* Prevents any black background exposure */
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1s ease-in-out; /* Smooth fade transitions, adjust for a different length */
}

.image-container .default {
  opacity: 1; /* Fully visible by default */
  z-index: 2; /* Sits on top of the hover image */
box-shadow: 0 0 0 1px transparent; /* Maintains rendering behavior, if you remove this the images will transition through a solid black color */
}

.image-container .hover {
  opacity: 0; /* Hidden initially */
  z-index: 1; /* Sits beneath the default image */
box-shadow: 0 0 0 1px transparent; /* Maintains rendering behavior, if you remove this the images will transition through a solid black color */
}

.image-container:hover .default {
  opacity: 0; /* Fades out */
}

.image-container:hover .hover {
  opacity: 1; /* Fades in */
}

#hp-basic-nav-links2 .block-totara-featured-links-tile {height: 50px;border: 5px solid #3f277e;border-radius: 10px;}#hp-basic-nav-links2 .block-totara-featured-links-content {background-color: transparent;}#hp-basic-nav-links2 h3 {color: #ffffff;text-align: center;line-height: 30px;}#hp-home-main-content .block-totara-featured-links-content {text-align: center;background-color: inherit;}

#hp-basic-nav-links3 .block-totara-featured-links-tile {height: 50px;border: 5px solid #3b3b3b;border-radius: 10px;}#hp-basic-nav-links3 .block-totara-featured-links-content {background-color: transparent;}#hp-basic-nav-links3 h3 {color: #ffffff;text-align: center;line-height: 30px;}#hp-home-main-content .block-totara-featured-links-content {text-align: center;background-color: inherit;}

#hp-basic-nav-links4 .block-totara-featured-links-tile {height: 50px;border: 5px solid #cd3787;border-radius: 10px;}#hp-basic-nav-links4 .block-totara-featured-links-content {background-color: transparent;}#hp-basic-nav-links4 h3 {color: #ffffff;text-align: center;line-height: 30px;}#hp-home-main-content .block-totara-featured-links-content {text-align: center;background-color: inherit;}

.mform .fitem .fitemtitle label {
    font-size: 20px;
}

.path-rating .ratingtable>caption+thead>tr:first-child>th, .path-rating .ratingtable>caption+thead>tr:first-child>td, .path-rating .ratingtable>colgroup+thead>tr:first-child>th, .path-rating .ratingtable>colgroup+thead>tr:first-child>td, .path-rating .ratingtable>thead:first-child>tr:first-child>th, .path-rating .ratingtable>thead:first-child>tr:first-child>td, table.flexible>caption+thead>tr:first-child>th, table.flexible>caption+thead>tr:first-child>td, table.flexible>colgroup+thead>tr:first-child>th, table.flexible>colgroup+thead>tr:first-child>td, table.flexible>thead:first-child>tr:first-child>th, table.flexible>thead:first-child>tr:first-child>td, .generaltable>caption+thead>tr:first-child>th, .generaltable>caption+thead>tr:first-child>td, .generaltable>colgroup+thead>tr:first-child>th, .generaltable>colgroup+thead>tr:first-child>td, .generaltable>thead:first-child>tr:first-child>th, .generaltable>thead:first-child>tr:first-child>td{
    border-top: 0;
    background-color: white !important;
}

.HPimg-banner {
    width: 100%;
    height: 100%;
}

.HPbutton {
    border-color: #88cdcf;
    margin: 0;
    font-size: 20px;
    color: #000;
    background-color: #88cdcf;
    padding: 15px;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 30px;
}

#page-course-view-grid #gridshadebox_content .instancename, #page-course-view-topics .activityinstance .instancename {
    font-size: 20px;
    color: #3d287f;
    background-color: #ede7f4;
    padding: 5px;
    border-radius: 5px;
    border-width: 10px;
    margin-left: 10px;
}

.custom-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #d52c87;
  color: #fff !important;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  transition: background-color 0.3s ease;
    font-weight: bold;
}

.custom-button:hover {
  background-color: #db539d;
}

.custom-button-green {
  display: inline-block;
  padding: 10px 20px;
  background-color: #88cdcf;
  color: #000 !important;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  transition: background-color 0.3s ease;
    font-weight: bold;
}

.custom-button-green:hover {
  background-color: #b2dedf;
}