: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: #2b3341;--nav-text-color: #ffffff;--color-primary: #2b3341;--btn-prim-accent-color: #2b3341;--btn-accent-color: #2b3341;--link-color: #2b3341;--color-state: #90c7e1;--color-text: #2b3341;--footer-bg-color: #2b3341;--footer-text-color: #ffffff;--btn-prim-accent-color-focus: #212937;--btn-prim-accent-color-active: #101826;--btn-accent-color-focus: #212937;--btn-accent-color-active: #101826;--link-color-hover: #212937;--color-state-hover: #86bdd7;--color-state-focus: #86bdd7;--color-state-active: #75acc6;--footer-text-color-hover: #f5f5f5;}
body {
    font-family: Lato,sans-serif;
}

a:hover {
  color: #90c7e1;
}

iframe {
border-style:none;
}

.modified {
display:none;
}

.page-footer-poweredby {
display:none;
}

#theme_switch_link {
display:none;
}

/*================ Header and nav customizations */

.totaraNav_prim .masthead_logo--header_img {
    height: 3.8rem;
}

.totaraNav_prim {
    padding: var(--gap-2) 0;
}

/* hide breadcrumbs for DepoSim (and other LTIs) */
body#page-mod-lti-view .breadcrumb-container {
   display:none;
}


/* ============================================================
   AltaClaro — Totara secondary navigation (.totaraNav_sub)
   Drop into: Site admin → Appearance → Themes → [flavour] → Custom CSS
   Markup is untouched; this is presentation only.
   ============================================================ */

:root {
  --ac-subnav-bg:          #ffffff;
  --ac-subnav-ink:         #1f2a37; /* selected / hover label */
  --ac-subnav-ink-muted:   #5b6775; /* resting label          */
  --ac-subnav-accent:      #1d7ee8; /* matches top-bar active underline */
  --ac-subnav-rule:        #e3e7ec; /* hairline under the bar */
  --ac-subnav-rule-hover:  #c3cad3; /* hover underline        */
}

/* --- The bar ------------------------------------------------ */

.totaraNav_sub {
  background: var(--ac-subnav-bg);
  border-bottom: 1px solid var(--ac-subnav-rule);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.totaraNav_sub--list {
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
  /* Tabs scroll instead of wrapping once the set grows */
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.totaraNav_sub--list::-webkit-scrollbar { display: none; }

/* Ventura draws the boxy outline on the <li>, not the <a>.
   !important is needed here — the theme rule is equally specific
   and loads after custom CSS. */
.totaraNav_sub--list_item {
  flex: 0 0 auto;
  margin: 0;
  border: 0 !important;
  background: none !important;
}

/* Mobile drawer indent spacer — no purpose in the horizontal bar */
.totaraNav_sub .totaraNav--expand_indent { display: none; }

/* --- Tabs --------------------------------------------------- */

.totaraNav_sub--list_item_link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.8125rem 1rem 0.75rem;
  border: 0;
  background: transparent;
  color: var(--ac-subnav-ink-muted);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.15s ease;
}

/* The indicator: one 2px rule that sits on the bar's own hairline */
.totaraNav_sub--list_item_link::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: -1px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: transparent;
  transition: background-color 0.15s ease;
}

.totaraNav_sub--list_item_link:hover,
.totaraNav_sub--list_item_link:focus {
  color: var(--ac-subnav-ink);
  text-decoration: none;
}

.totaraNav_sub--list_item_link:hover::after {
  background: var(--ac-subnav-rule-hover);
}

.totaraNav_sub--list_item_selected > .totaraNav_sub--list_item_link {
  color: var(--ac-subnav-ink);
  font-weight: 600;
}

.totaraNav_sub--list_item_selected > .totaraNav_sub--list_item_link::after {
  background: var(--ac-subnav-accent);
}

/* --- Labels & external-link affordance ---------------------- */

.totaraNav_sub--list_item_label {
  display: inline-flex;
  align-items: center;
}

.totaraNav_sub .totaraNav--icon_link_external {
  margin-left: 0.375rem;
  font-size: 0.75em;
  opacity: 0.4;
  transform: translateY(-1px);
  transition: opacity 0.15s ease;
}

.totaraNav_sub--list_item_link:hover .totaraNav--icon_link_external,
.totaraNav_sub--list_item_link:focus .totaraNav--icon_link_external {
  opacity: 0.8;
}

/* --- Accessibility floor ------------------------------------ */

/* Mouse clicks lose the ring; keyboard tabbing keeps it. */
.totaraNav_sub--list_item_link:focus:not(:focus-visible) { outline: none; }

.totaraNav_sub--list_item_link:focus-visible {
  outline: 2px solid var(--ac-subnav-accent);
  outline-offset: -3px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .totaraNav_sub--list_item_link,
  .totaraNav_sub--list_item_link::after,
  .totaraNav_sub .totaraNav--icon_link_external { transition: none; }
}

/* --- Small screens ------------------------------------------ */

@media (max-width: 767px) {
  .totaraNav_sub--list_item_link {
    padding: 0.6875rem 0.8125rem 0.625rem;
    font-size: 0.8125rem;
  }
  .totaraNav_sub--list_item_link::after {
    left: 0.8125rem;
    right: 0.8125rem;
  }
}

/* ============================================================
   OPTIONAL A — Dark variant: the sub-nav reads as one piece
   with the navy header instead of as a white strip below it.
   Uncomment to use.
   ============================================================ */
/*
.totaraNav_sub {
  background: #222d3d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
}
.totaraNav_sub--list_item_link { color: rgba(255, 255, 255, 0.62); }
.totaraNav_sub--list_item_link:hover,
.totaraNav_sub--list_item_link:focus,
.totaraNav_sub--list_item_selected > .totaraNav_sub--list_item_link { color: #ffffff; }
.totaraNav_sub--list_item_link:hover::after { background: rgba(255, 255, 255, 0.25); }
*/

/* ============================================================
   OPTIONAL B — Keep the sub-nav pinned while the simulator
   dashboard scrolls. Adjust `top` to your header height.
   ============================================================ */
/*
.totaraNav_sub {
  position: sticky;
  top: 60px;
  z-index: 1010;
}
*/

/* JTL Hide the close button on the feed */
a[href*="#feed_manual"] {
display:none;
}

/* JTL Hide unnecessary session info for learners */
.mod_facetoface__eventinfo__content {
display:none;
}

/*** JTL styling the course overview page */

.course-content .availabilityinfo {
    display: none;
}

.banner_estimated {
 display:none;
}

.banner_view_details {
display:none;
}

.banner_timer {
display:none;
}

#banner_course_detail .banner_titlename {
display:none;
}

#banner_course_detail .banner_countlessons {
display:none;
}

/*
.block_calendar_month {
display:none;
}
*/

.table-upcoming-events {
border-bottom:none;
}

.popover-region-notifications {
display:none;
}

.popover-region-messages {
display:none;
}

/*
#myCarousel {
display:none;
}
*/ 

/***JTL styling the course left nav for non-editing view */
body:not(.editing) .block_course_navigation .block-header {
   padding: 0px;
   min-height:0px;
}

body:not(.editing) .block_course_navigation .block-header .block-title {
   padding: 0px;
   min-height:0px;
}

body:not(.editing) .block_course_navigation .block-content {
   padding:1px 8px 8px 8px;
}


/*** JTL USER PROFILE CUSTOMIZATION ***/
#id_moodle_additional_names {
display:none;
}

#id_moodle_interests {
display:none;
}

#id_moodle_optional {
display:none;
}

#fitem_id_city {
display:none;
}

#fitem_id_country {
display:none;
}


/* JTL STYLING THE QUESTIONNAIRE */
.qn-content {
    margin-bottom: 30px;
    border-bottom: #E3EDFF 5px solid;
    padding-bottom: 30px;
    margin-left: 0px;
}

.qn-question {
    background-color: #FFFFFF;
    padding-left: 0px;
    font-size: 16px;
}

 .qn-question p:first-of-type:before {
    content:" *";
  }

.qn-question label {
    font-weight: normal;
}

.qn-answer label {
    font-weight: normal;
}


/* .qn-question label p:first-of-type:before {
    content:"";
  }
*/

.mod_questionnaire_reportpage .qdepend {
     display:none;
}

.mod_questionnaire_completepage .message {
/*display:none;*/
}

#page-mod-questionnaire-complete .message {
border:none;
}

.mod_questionnaire_viewpage .complete a {
    font-size: large;
}

.mod_questionnaire_viewpage .intro p {
    font-size: large;
}

/*** styling the dashboard */
.panel-carousel {
    padding-bottom: 10px !important;
}

.carousel-banner, .banner-banner {
   background-repeat: no-repeat;
   background-size: cover;
   background: left center;
}


.totaraNav_prim--list {
	margin: auto 0 auto auto;
}
.totaraNav_prim--side {
	margin: 0;
}
.progressbar_container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.calendar_event_user {
    background-color: var(--color-neutral-4);
}

a[title="Exit activity"] {
  display:none;
}

p a, .complete a {
 color: #3380D9
}

#scormmode {
display:none;
}
/*** BLOCK COURSE CUSTOMIZATION ***/
#block-region-side-pre .tfont-var-caret-left-square:before {
    color: white;
}
#block-region-side-pre .tfont-var-dash-square:before {
    color: white;
}
#block-region-side-pre .tfont-var-plus-square:before {
    color: white;
}
#block-region-side-pre .block-content span {
    color: #fff;
}
#block-region-side-pre .block-content {
    background-color: #2E343F;
}
#block-region-side-pre .block-header {
    background-color: #2E343F !important;
}
@media (min-width: 992px) {
    .col-md-pull-9 {
        right: 77% !important;
    }
}
.block_course_navigation .block-title {
    box-shadow:none !important;
}
#block-region-side-pre .block-title h2 {
    color:white !important;
}
.block_course_navigation .block-title h2 {
    display:none !important;
}
#block-region-side-pre .block-content a {
    color: white;
}
#block-region-side-pre .block-content .btn {
    color: black;
}
#block-region-side-pre .block-content .date {
    color: white !important;
}
#block-region-side-pre .active_tree_node {
    background: #FFF !important;
    border-radius: 4px;
    margin-right: -18px;
  }
#block-region-side-pre .active_tree_node span {
    color: #2E343F;
}
#block-region-side-pre .block-content .item-content-wrap {
    display: inline-block;
    padding-bottom: 4px;
    padding-top: 4px;
}
.altaclaro_tree_item {
    font-size: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.altaclaro_tree_item_hide {
    display: none;
}
#block-region-side-pre .tfont-var-caret-down-fill:before {
    content: "";
}
#block-region-side-pre .block_course_navigation .item_with_icon span:before {
    content: "";
}
/** DOCK CUSTOMIZATION **/
#dock .tfont-var-caret-right-square:before {
    color: white;
}
body.has_dock #dock {
    display: inline;
    color: white;
    background: #2E343F;
    margin-top: 154px;
}
/** MENU CUSTOMIZATION **/
@media (min-width: 992px) {
.totaraNav_prim--list_item_label::after {
    bottom: -16px !important;
    -webkit-transition: .2s;
    background: #8EC0FA !important;
    width: 0%;
    height: 5px !important;
  }
}
/** BREADCRUMB CUSTOMIZATION **/
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #1C1B1F;
    content: "> ";
}
.breadcrumb li span {
  color: #55585F !important;
}
.breadcrumb li:last-child span {
  color: #000000 !important;
  font-weight: bold;
}

/* JTL Seminar Event Customization for Learners */
.mod_facetoface__sessionlist__table .mod_facetoface__sessionlist__cf-sessionnotes,
.mod_facetoface__sessionlist__table .mod_facetoface__sessionlist__capacity,
.mod_facetoface__sessionlist__table .mod_facetoface__sessionlist__event-status
{
display:none;
}

.mod_facetoface__filter {
display:none;
}

.fp-setlicense
{
display:none;
}

.block .addBlockPopover--results {
    background-color: black;
}

/* ltclr-58 begin */
	#navbuttons {
		right: 0;
		margin-top: 25px;
		width: 100%;
		height: 110px;
		background-color: #f7f8fb;
		padding: 5px;
		padding-top: 10px;
		padding-bottom: 0px;
		border-top: 2px solid #e3edff;
		border-bottom: 2px solid #e3edff;
	}

	#navbuttons .cutom_navbutton{
		width: 300px;
		height: 50px;    
		font-size: 14px;
	}

	.prev .cutom_navbutton {
		float: left;
	}
	.next .cutom_navbutton {
		float: right;
	}

	.cutom_navbutton_content_prev{
		width: 270px;
		padding: 5px;
		height: 100%; 
		float: right;
                padding-top: 0;
	}
	.cutom_navbutton_content_next{
		width: 270px;
		padding: 5px;
		height: 100%; 
                padding-top: 0;
		float: left; 
	}

	.cutom_navbutton_icon_prev{
		background-color: #2e343f;
		color: #ffffff;
		width: 30px;
		height: 70px;
		font-size: 30px;
		font-weight: bold;
		padding: 5px;
		padding-top: 8px;
		margin-top: 10px;
	}
	.cutom_navbutton_icon_next{
		background-color: #2e343f;
		color: #ffffff;
		width: 30px;
		height: 70px;
		font-size: 30px;
		font-weight: bold;
		padding: 5px;
		padding-top: 8px;
		margin-top: 10px;
		float: right; 
	}
	.cutom_navbutton_content_text_prev{
		color: #2e343f;
		float: left; 
	}
	.cutom_navbutton_content_text_next{
		color: #2e343f;
		float: right; 
	}
	.navbutton_content_title{
		font-weight: bold;
		font-size: 16px;
	}
/* for mobile screen */
@media (max-width: 640px) {/* down to 640px */
    .cutom_navbutton_content_prev {
        display: none;
    }
    .cutom_navbutton_content_next {
        display: none;
    }
    #navbuttons .cutom_navbutton {
        width: 30px;
    }
    .navbuttons_space_before {
        display: none;
    }
}
#navbuttons a.home {
    display: none;
}
#navbuttons a.first {
    display: none;
}
#navbuttons a.last {
    display: none;
}
/* ltclr-58 end */
/* ltclr-94 */
#block-region-side-pre .block_course_navigation .block-content a {
    display: flex;
}
.course_nav_left {
    padding-left: 12px;
}
#block-region-side-pre .active_tree_node a {
    color: black;
}

/* LTCLR-77 begin */
.item-content-wrap{
    padding-left: 22px;
}
.item-content-wrap.activity_completed {
    background-image: url(/pix/complete.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position-y: center;
}				 
a[href="#"] > .item-content-wrap.activity_incomplete {
    background-image: url(/pix/lock.svg);
}	
.item-content-wrap.activity_incomplete {
    background-image: url(/pix/incomplete.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position-y: center;
}
/* LTCLR-77 end*/ 


.upcom_event_start-end {
   /* text-align: right; */
    font-size: 14px;
    line-height: 41px;
}
.upcom_event_start-end_nav {
 text-align: right; 
 padding-top: 8px;
}
.title-space {
    padding-bottom: 50px;
    padding-top: 20px;
}
/*
.breadcrumb-container {
    width: 100%;
    background-color: #F7F8FB;
    padding-left: 6%;
    padding-right: 6%;
    border-bottom: 5px solid #E3EDFF;
    margin-bottom: 10px;
}
*/

.carousel-arrow {
    width: 70%;
    padding-top: 0px;
    padding-right: 10px;
}

/*ltclr-151 begin*/
#page-footer {
    margin-top: 0;
}

.panel-border-left {
    border-left: 1px solid #E3EDFF;
}


/*ltclr-151 end*/


/* JL Hide unnecessary info for client report */
.org-table-instructor {
    display: none;
}
/* temp fix for problem with client report viewers seeing admin functionality 
#quickaccess-popover-container {
display:none;
} */

/* restyling the folder activity */
span.fp-icon {
    font-size: large;
}

span.fp-filename-icon {
    font-size: large;
}


iframe.h5p-iframe {
aspect-ratio: 2 / 1.35;
}



/* jl 11182025 - for GL iframe */
.gl-iframe-container {
        width: 100%;
        height: 530px;
        overflow: hidden; /* This cuts off the overflow */
        position: relative;
    }

    .gl-iframe-container iframe {
        position: absolute;
        top: -70px; /* Moves the iframe UP by 100px to hide a header */
        left: 0px; /* Moves the iframe LEFT to hide a sidebar */
        width: 100%; /* Must be wider/taller than container to compensate */
        height: 600px;
        border: 0;
    }