:root{--color-primary:#69bd45;--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)}:root{--nav-bg-color: #ffffff;--nav-text-color: #092334;--color-primary: #092334;--btn-prim-accent-color: #092334;--btn-accent-color: #092334;--link-color: #092334;--color-state: #092334;--color-text: #092334;--footer-bg-color: #ffffff;--footer-text-color: #ef5024;--btn-prim-accent-color-focus: #00192a;--btn-prim-accent-color-active: #000819;--btn-accent-color-focus: #00192a;--btn-accent-color-active: #000819;--link-color-hover: #00192a;--color-state-hover: #00192a;--color-state-focus: #00192a;--color-state-active: #000819;--footer-text-color-hover: #e5461a;}

.mb-5 {
padding: 10px;
}


.sections-container h3.sectionname {
background: #021f50;
padding: 3px;
color: #ffbb28 !important;
}

.sections-container h3.sectionname a {

color: #ffbb28 !important;
}

.topics-extended-section-collapse-toggle.fa {
background: #021f50;
color: #ffbb28;
}


#id_submissionstatement {
margin: 30px !important;
  width: 4.0em;
  height: 3.5rem;
  accent-color: green;
}


.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #eee; 
}

.accordionl3 {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.9s;
}

 .accordionl3:hover {
  background-color: #009681; 
}

.panel {
  padding: 0 0 0 90px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.totara_label {
   
   border-left-color: #32aadc;
    border-left-style: solid;
    padding-left: 0.4em;
    border-left-width: 10px;
    background: #32aadc14;
padding-top: .5em;
    padding-bottom: .5em;
}


.totara_label_IA {
   
   border-left-color: #021f50;
    border-left-style: solid;
    padding-left: 0.4em;
    border-left-width: 10px;
    padding-top: 0.8em;
    padding-bottom: 0.8em;

}

.topics-extended-activity-main:hover  {

background-color: #f9f9f9;

}

/* assignments*/

.ygtvrow {
    font-size: x-large;
}

.gradingsummary, .submissionstatustable {
    margin-top: 5em;
}

.ygtvitem {
background: #f3f4f6;
}



.feedback_banner {
border-radius: 8px;
margin: auto;
width: 100%;


}

.path-totara-dashboard .block .block-header {
    min-height: 0rem !important;

}


.path-totara-dashboard .block .block-header {
    min-height: 0rem !important;


}

.path-totara-dashboard .block_totara_featured_links  .block .no-header .chromeless {
margin-top: 0px !important; 
}

  .button-link-booking_1 {
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
            color: white;
            background-color: #ffbb28;
            text-decoration: none;
            border-radius: 5px;
            text-align: center;
        }
        .button-link-booking_1:hover {
            background-color: #32aadc;
        }

  .button-link-booking {
            display: inline-block;
            padding: 10px 20px;
            font-size: 16px;
            color: white;
            background-color: #021f50;
            text-decoration: none;
            border-radius: 5px;
            text-align: center;
        }
        .button-link-booking:hover {
            background-color: #32aadc;
        }

.contact_us_out {
 display: flex;
 Justify-content: space-around;
  padding: 50px;

           
}

.inner_contact {
    padding: 15px;
    margin: 10px;
    width: 95%;
  border: 1px solid #c1bcbc59;
  box-shadow: 2px 4px 6px #888888;
}

.contact_label{
background: #dbe4f3;
height: 50px;
margin: auto;
  padding: 15px 5px;
}

.fa-graduation-cap, .fa-comment {
font-size: 30px;
}

#inst1070.block_html.block {
background: #32aadc21;
}

.category-40 img {
border-radius: 25px;
}

#id_attemptsettings {
    position: fixed; /* 🔄 Change from absolute to fixed */
    top: 150px; /* distance from top */
    right: 100px; /* distance from right */
    z-index: 999; /* keep on top if needed */
    background-color: #b2c7e1;
    padding: 20px 15px 15px 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 8px;
    min-width: 300px;
    max-width: 400px;
    font-family: Arial, sans-serif;
}

#id_attemptsettings legend {
    padding: 0 10px;
    font-weight: bold;
    font-size: 1.2em;
    color: #333;
    background: #899bb1;
    margin-bottom: 10px;
}

fieldset {
    display: block;
    position: relative;
}

legend {
    float: none;
    width: auto;
}

#id_attemptsettings label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #222;
}

#id_attemptsettings .form-group,
#id_attemptsettings .fitem,
#id_attemptsettings .fitem.fitem_fgroup {
    margin-bottom: 15px;
}

#id_attemptsettings .fitem input,
#id_attemptsettings .fitem select,
#id_attemptsettings .fitem textarea {
    width: 100%;
    padding: 6px 10px;
    margin-top: 4px;
    box-sizing: border-box;
}

#id_attemptsettings .felement {
    width: 100%;
    display: block;
}

/* 📱 Responsive Adjustments */
@media screen and (max-width: 768px) {
    #id_attemptsettings {
        position: fixed;
        top: auto;
        bottom: 20px;
        right: 20px;
        left: 20px;
        max-width: none;
        width: auto;
        margin: 0;
    }
}

.path-mod-assign [data-region="grade-panel"] [data-region="attempt-chooser"] {
    position: fixed;
    top: calc(450px + 120px); /* 50px from top + approx height of #id_attemptsettings */
    right: 100px;
    z-index: 998;
    background: white;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    width: 300px; /* match settings width */
background-color: #f9cfcf; /* 🔴 bright red */
}

.path-mod-assign [data-region="grade-panel"].fullwidth {
    margin-top: 10px;
}

.path-mod-assign [data-region="configure-filters"] {
      z-index: 99999;
}


/* START - 55256 - Remove Email Visibility field for end users updating their own profile */

#page-user-edit #fitem_id_maildisplay {
  display: none;
}

/* END - 55256 - Remove Email Visibility field for end users updating their own profile */

/* Exam Board Date block */
#inst10869 .block-content {
  padding-top: 6px;
}

/* Make the report area look like a proper card */
#inst10869 .rb-display-table-container,
#inst10869 .totara-table-container {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

/* Clean table layout */
#inst10869 table.reportbuilder-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

/* Title inside the small box */
#inst10869 table.reportbuilder-table thead th {
  background: #ffffff;
  color: #0b2c6b;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 16px 10px;
  border: none;
  text-align: left;
}

/* Hide sorting link styling noise */
#inst10869 table.reportbuilder-table thead th a {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* Date value row */
#inst10869 table.reportbuilder-table tbody td {
  background: #f8fafc;
  color: #1f2937;
  font-size: 24px;
  font-weight: 700;
  padding: 16px;
  border-top: 1px solid #e5e7eb;
  text-align: left;
}

/* Hide "View full report" */
#inst10869 .footer {
  display: none !important;
}

/* Stronger Exam Board Date card */
#inst10869 .rb-display-table-container,
#inst10869 .totara-table-container {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #d6e2f0;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(11, 44, 107, 0.14);
}

/* Header text */
#inst10869 table.reportbuilder-table thead th {
  background: #ffffff;
  color: #0b2c6b;
  font-size: 15px;
  font-weight: 800;
  padding: 16px 16px 12px;
  border-bottom: 1px solid #e5edf7;
}

/* Date cell area */
#inst10869 table.reportbuilder-table tbody td {
  background: #f1f6ff;
  padding: 18px 16px;
  border: none;
}

/* Date itself as a coloured badge */
#inst10869 table.reportbuilder-table tbody td::before {
  content: "";
  display: none;
}

#inst10869 table.reportbuilder-table tbody td {
  color: #061b3f;
  background: linear-gradient(135deg, #ffc233 0%, #ffb000 100%);
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0.2px;
  border-radius: 10px;
  margin: 0;
  box-shadow: 0 6px 18px rgba(255, 176, 0, 0.25);
}

/* Add spacing around the coloured date */
#inst10869 table.reportbuilder-table tbody tr {
  display: block;
  padding: 12px;
  background: #f8fbff;
}

/* Hide View full report */
#inst10869 .footer {
  display: none !important;
}




/* Exam Board Date block */
#inst11527 .block-content {
  padding-top: 6px;
}

/* Make the report area look like a proper card */
#inst11527 .rb-display-table-container,
#inst11527 .totara-table-container {
  background: #ffffff;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

/* Clean table layout */
#inst11527 table.reportbuilder-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

/* Title inside the small box */
#inst11527 table.reportbuilder-table thead th {
  background: #ffffff;
  color: #0b2c6b;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 16px 10px;
  border: none;
  text-align: left;
}

/* Hide sorting link styling noise */
#inst11527 table.reportbuilder-table thead th a {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* Date value row */
#inst11527 table.reportbuilder-table tbody td {
  background: #f8fafc;
  color: #1f2937;
  font-size: 24px;
  font-weight: 700;
  padding: 16px;
  border-top: 1px solid #e5e7eb;
  text-align: left;
}

/* Hide "View full report" */
#inst11527 .footer {
  display: none !important;
}

/* Stronger Exam Board Date card */
#inst11527 .rb-display-table-container,
#inst11527 .totara-table-container {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #d6e2f0;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(11, 44, 107, 0.14);
}

/* Header text */
#inst11527 table.reportbuilder-table thead th {
  background: #ffffff;
  color: #0b2c6b;
  font-size: 15px;
  font-weight: 800;
  padding: 16px 16px 12px;
  border-bottom: 1px solid #e5edf7;
}

/* Date cell area */
#inst11527 table.reportbuilder-table tbody td {
  background: #f1f6ff;
  padding: 18px 16px;
  border: none;
}

/* Date itself as a coloured badge */
#inst11527 table.reportbuilder-table tbody td::before {
  content: "";
  display: none;
}

#inst11527 table.reportbuilder-table tbody td {
  color: #061b3f;
  background: linear-gradient(135deg, #ffc233 0%, #ffb000 100%);
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0.2px;
  border-radius: 10px;
  margin: 0;
  box-shadow: 0 6px 18px rgba(255, 176, 0, 0.25);
}

/* Add spacing around the coloured date */
#inst11527 table.reportbuilder-table tbody tr {
  display: block;
  padding: 12px;
  background: #f8fbff;
}

/* Hide View full report */
#inst11527 .footer {
  display: none !important;
}


/* Replace BOTH previous progress-position CSS snippets with this.
   Course 21 only. Keep Display Section Radial = Show. */
#collapse-container-21 .topics-extended-section-main > .row {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
}
#collapse-container-21 .topics-extended-section-main > .row > .col-md-10 {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#collapse-container-21 .topics-extended-section-main > .row > .col-md-2 {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  left: auto !important;
  width: 60px !important;
  max-width: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3;
  pointer-events: none;
}
#collapse-container-21 .topics-extended-section-header-title > h3.sectionname {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 14px 90px 14px 18px !important;
  border-radius: 8px !important;
  background: #06214f !important;
  color: #ffc528 !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
}
#collapse-container-21 h3.sectionname > a {
  flex: 1;
  min-width: 0;
  color: #ffc528 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  overflow-wrap: anywhere;
}
#collapse-container-21 .progress-circle {
  box-sizing: border-box !important;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #ffc528 !important;
  border-radius: 20px !important;
  background: #06214f !important;
  box-shadow: none !important;
}
#collapse-container-21 .progress-data {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ffc528 !important;
}
#collapse-container-21 .progress-value,
#collapse-container-21 .progress-data .fa-check {
  color: #ffc528 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
@media (max-width: 767px) {
  #collapse-container-21 .topics-extended-section-header-title > h3.sectionname {
    font-size: 20px !important;
  }
}

/* Manual activity completion button */
.topics-extended-completion-toggle-label .btn-default {
    background: #ffffff;
    color: #06214f;
    border: 2px solid #06214f;
    border-radius: 20px;
    padding: 7px 14px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.topics-extended-completion-toggle-label .btn-default:hover {
    background: #06214f;
    color: #ffffff;
}

/* Completed state */
.topics-extended-completion-toggle-label .btn-success {
    border-radius: 20px;
    padding: 7px 14px;
    font-weight: 700;
}

/* Keep manual completion controls in a consistent position on labels */
.topics-extended-activity-wrapper.modtype_label
.topics-extended-activity-main > .d-flex {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Label/content always takes the full row */
.topics-extended-activity-wrapper.modtype_label
.topics-extended-activity-content-title {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Put completion button on its own row underneath */
.topics-extended-activity-wrapper.modtype_label
.topics-extended-activity-main > .d-flex > div:last-child {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 12px !important;
    display: flex !important;
    justify-content: flex-end !important;
}

/* Improve manual completion button */
.topics-extended-completion-toggle-label .btn-default {
    background: #ffffff;
    color: #06214f;
    border: 1px solid #06214f;
    border-radius: 18px;
    padding: 6px 14px;
    font-weight: 600;
}

/* Completed state */
.topics-extended-completion-toggle-label .btn-success {
    border-radius: 18px;
    padding: 6px 14px;
    font-weight: 600;
}




/* =========================================================
   COURSE PROGRESS DISPLAY

   Hide the overall "% Complete" progress display
   on ALL Topics Extended courses

   EXCEPTION:
   Course 21 keeps its progress display
   ========================================================= */


/* ---------------------------------------------------------
   STANDARD COURSE LAYOUT
   Example: Unit 4002 / Course 88
   --------------------------------------------------------- */

body#page-course-view-topics_extended:not(.course-21)
.course-content > .mb-5 > small,

body#page-course-view-topics_extended:not(.course-21)
.course-content > .mb-5 > .progress {
    display: none !important;
}


/* Remove the empty space left below the course title */
body#page-course-view-topics_extended:not(.course-21)
.course-content > .mb-5:first-child {
    margin-bottom: 0 !important;
}




/* Mike Shaw: standalone report AND dashboard report block */
:is(
  tr[id^="rb_197_r"],
  .rb-display-table-container[id="197"] tbody > tr
):has(
  td.course_courselink a[href$="/course/view.php?id=21"]
):not(:has(
  td.assignment_namelink a[href$="/mod/assign/view.php?id=600"]
)) {
  display: none !important;
}




/* Remove unused filler tiles in this FAQ block. */
#inst12314 .block-totara-featured-links-flex-filler {
  display: none !important;
}

/* Remove the duplicate heading outside editing mode. */
body:not(.editing) #inst12314 > .block-header {
  display: none !important;
}

#inst12314 .block-totara-featured-links-layout {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Compact navy FAQ tile. */
#inst12314 #block-totara-featured-links-tile-702 {
  box-sizing: border-box !important;
  position: relative !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #173954 !important;
  box-shadow: none !important;
}

#block-totara-featured-links-tile-702::before,
#block-totara-featured-links-tile-702::after {
  content: none !important;
}

#block-totara-featured-links-tile-702
.block-totara-featured-links-content-container {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Keep the entire button clickable. */
#block-totara-featured-links-tile-702
.block-totara-featured-links-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2;
  border-radius: 8px;
}

/* Remove the gradient and centre the title vertically. */
#block-totara-featured-links-tile-702
.block-totara-featured-links-content {
  box-sizing: border-box !important;
  position: static !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  background: none !important;
  pointer-events: none;
}

#block-totara-featured-links-tile-702 h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font: 700 16px/1.4 Arial, sans-serif !important;
  text-shadow: none !important;
}

#inst12314 #block-totara-featured-links-tile-702:hover {
  background: #245472 !important;
}

#block-totara-featured-links-tile-702
.block-totara-featured-links-link:focus-visible {
  outline: 3px solid #b45b00 !important;
  outline-offset: -3px !important;
}

/* Let the settings menu extend outside the FAQ tile when editing. */
body.editing #inst12314,
body.editing #inst12314 > .block-content,
body.editing #inst12314 .block-totara-featured-links-layout,
body.editing #inst12314 #block-totara-featured-links-tile-702,
body.editing #inst12314 #block-totara-featured-links-tile-702
.block-totara-featured-links-content-container {
  overflow: visible !important;
}

body.editing #inst12314 #block-totara-featured-links-tile-702 {
  z-index: 100 !important;
}


/* ===== MY LEARNING DASHBOARD CLEANUP ===== */
#page-totara-dashboard-1 .dashboard-layout .block {
    margin-bottom: 16px !important;
}

/* Reduce extra empty spacing inside blocks */
#page-totara-dashboard-1 .block .block-content,
#page-totara-dashboard-1 .block .content {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Tidy headings */
#page-totara-dashboard-1 .block .block-title,
#page-totara-dashboard-1 .block h2,
#page-totara-dashboard-1 .block h3 {
    margin-bottom: 10px !important;
    font-weight: 700 !important;
}

/* Student Newsletters block */
#page-totara-dashboard-1 #inst12322 {
    margin-top: 10px !important;
}

/* Make newsletter tile a bit larger */
#page-totara-dashboard-1 #inst12322 .block-totara-featured-links-tile {
    min-width: 220px !important;
    min-height: 180px !important;
}

/* Reduce too much white space below Current Learning */
#page-totara-dashboard-1 .block_course_overview,
#page-totara-dashboard-1 [data-block="course_overview"] {
    margin-bottom: 14px !important;
}

/* Make featured links title cleaner */
#page-totara-dashboard-1 #inst12322 .block-header {
    margin-bottom: 6px !important;
}

/* Optional: make right column blocks slightly tighter */
#page-totara-dashboard-1 .span4 .block,
#page-totara-dashboard-1 .column-right .block {
    margin-bottom: 14px !important;
}


/* ==========================================
   UNICOURSE - STUDENT NEWSLETTER CARDS
   Dashboard ID: 1
   Featured Links block: inst12322
   Applies to ALL newsletter tiles
   ========================================== */

#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* All newsletter tiles */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-tile:not(
.block-totara-featured-links-tile-adder) {

    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 100px !important;
    max-height: none !important;
    aspect-ratio: auto !important;

    flex: 0 0 auto !important;

    padding: 20px 24px !important;
    margin: 0 !important;

    background: #173954 !important;
    border-left: 5px solid #ff7828 !important;
    border-radius: 10px !important;

    color: #ffffff !important;
    cursor: pointer;
    transition: background 0.2s ease;
}

/* Hover effect */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-tile:hover {
    background: #245472 !important;
}

/* Content container */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-content-container {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Text container */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-content {
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

/* Newsletter titles */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-content h3 {
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    margin: 0 28px 5px 0 !important;
}

/* Newsletter descriptions */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-content p {
    color: #e3edf5 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Arrow icon */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-tile:not(
.block-totara-featured-links-tile-adder)::after {
    content: "›";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    pointer-events: none;
}

/* Remove empty filler tiles */
#page-totara-dashboard-1 #inst12322
.block-totara-featured-links-flex-filler {
    display: none !important;
}

/* Keyboard accessibility */
#page-totara-dashboard-1 #inst12322
.uc-newsletter-tile:focus-visible {
    outline: 3px solid #ff7828 !important;
    outline-offset: 3px !important;
}

/* Preserve Totara editing interface */
#page-totara-dashboard-1.editing #inst12322
.block-totara-featured-links-layout {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}