@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;400;600;700;800;900&display=swap');

body {font-family: 'Overpass', sans-serif!important; }
.application > .container {max-width: 100%;}

.header--microsite {padding: 0 4.5%;}
.header--microsite .company__beta-logo {margin: 32px 0 16px 0; max-width: 486px}
.nav--top ul button {margin-bottom: 0;}
.nav--top {margin-top: 48px; font-weight: bold;}
.top-bar {border: 0;}
.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button):hover {padding: 0; background: none; color: #13396e; 
font-size: 18px; font-weight: 300;}
.top-bar .top-bar-section ul li {margin-right: 20px;}

.layout__content .widget.itiBanner {padding: 0; position: relative;}
.layout__content .widget.itiBanner img {width: 100%;}
#learner .itiBanner h2 {font-size: 42px; text-transform: uppercase; position: absolute; top: 10%; left: 4.5%; color: #fff; font-weight: 400;}
#learner .itiBanner h2 strong {font-size: 62px; font-style: italic;}
#learner .itiBanner .readyToLearn {position: absolute; bottom: 10%; right: 4.5%; width: 50%; color: #fff;}
#learner .itiBanner .readyToLearn p {font-size: 25px; font-weight: 300;}
.itiBanner .row, .itiBanner .columns {margin: 0; padding: 0;}
#learner .itiBanner .readyToLearn .btn {font-size: 28px; background: #718ea4; border: 0; color: #fff; font-weight: 600; width: calc(50% - 10px - 4px);}
#learner .itiBanner .readyToLearn .btn:nth-child(2) {background: #c2d1df; margin-left: 20px;}

.layout__content .widget.sec {padding: 64px 4.5%;}
#learner .itiLearningPath .medium-6:nth-child(1) {width: 42%; font-size: 20px;}
#learner .itiLearningPath .medium-6:nth-child(2) {width: 58%;}
#learner .itiLearningPath .medium-6:nth-child(1) h4 {font-size: 26px; }
#learner .itiLearningPath .medium-6:nth-child(1) ul {margin-left: 0;}
#learner .itiLearningPath .medium-6:nth-child(2) h4 {font-size: 24px; font-style: italic; font-weight: 600;}

.itiCrosly {background: #d0d7e2;}
#learner .itiCrosly .medium-6 h4 {font-size: 26px; }
#learner .itiCrosly .medium-6 {font-size: 20px; }
#learner .itiCrosly .medium-6 ul {margin-left: 0; font-size: 17px;}
.itiCrosly img {margin-bottom: 32px;}

.itiFeatures {text-align: center;}
#learner .itiFeatures h2 {text-align: left; font-size: 26px; font-weight: 700; margin: 0;}
.itiFeatures p.widget__subtitle {font-size: 20px; border-bottom: 1px solid #c6d0dd; padding-bottom: 20px; text-align: left; font-weight: normal;}
.itiFeatures p {font-size: 28px; margin-bottom: 28px; font-weight: 700;}

.itiFeaturesCta .ember-view .ember-view {width: 54%; float: left;}
.itiFeaturesCta .ember-view .row {display: none;}
#learner .itiFeaturesCta h2.widget__title {font-size: 18px; padding: 20px 0; border-top: 1px solid #718ea4; border-bottom: 1px solid #718ea4;}
.itiFeaturesCta .ember-view .widget__cta {width: 40%; float: right; padding: 0;}
.itiFeaturesCta .ember-view .widget__cta .btn {font-size: 18px; padding: 20px; background: #718ea4; color: #fff; width: 100%;}

.layout__content .widget.itiFeaturesCta {padding: 0 4.5% 64px;}

#learner .itiIndLeaders h2 {font-size: 28px; text-align: left; font-weight: 700;}
#learner .itiIndLeaders img {width: 25%; padding-right: 40px; margin-bottom: 28px;}

.itiReadyToJump {background: #d0d7e2;}
.itiReadyToJump h4 {font-size: 26px;}
.itiReadyToJump p {font-size: 20px;}
.itiReadyToJump a {font-size: 30px; display: inline-block; width: 278px; text-align: center; padding: 12px 20px; color: #fff; text-decoration: none; background: #12396f;}
.itiReadyToJump a.light {background: #718ea4;}
.itiReadyToJump .editor-content a:not(.btn) {color: #fff;}
.itiReadyToJump .columns:nth-child(1) {width: 40%;}
.itiReadyToJump .columns:nth-child(2) {width: 60%;}
.itiReadyToJump .sep {display: block; height: 32px;}

.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button), .top-bar-section .dropdown li a {padding: 0 12px;}

@media only screen and (max-width: 1279px) {
    .header .company__beta-logo .company-logo__container img {max-height: 60px;}
    .header--microsite .company__beta-logo {margin: 18px 0 10px 0;}
    .nav--top {margin-top: 18px;}
    #learner .itiBanner h2 {font-size: 32px;}
    #learner .itiBanner h2 strong {font-size: 48px;}
    #learner .itiBanner .readyToLearn p {font-size: 20px;}
    #learner .itiBanner .readyToLearn .btn {font-size: 22px;}
    #learner .itiLearningPath .medium-6:nth-child(1) h4, #learner .itiCrosly .medium-6 h4, #learner .itiFeatures h2, .itiReadyToJump h4, #learner .itiIndLeaders h2 {font-size: 22px;}
    #learner .itiLearningPath .medium-6:nth-child(2) h4 {font-size: 20px;}
    #learner .itiLearningPath .medium-6:nth-child(1), #learner .itiCrosly .medium-6, #learner .itiCrosly .medium-6 ul, .itiFeatures p.widget__subtitle, .itiReadyToJump p {font-size: 15px;}
    .itiFeatures p {font-size: 20px;}
    .itiReadyToJump a {font-size: 20px; width: 236px;}
}
@media only screen and (max-width: 979px) {
    #learner .itiBanner h2 strong {font-size: 36px;}
    #learner .itiBanner h2 {font-size: 24px;}
    #learner .itiBanner .readyToLearn p {font-size: 16px;}
    #learner .itiBanner .readyToLearn .btn {font-size: 16px;}
    #learner .itiLearningPath .medium-6:nth-child(1), #learner .itiLearningPath .medium-6:nth-child(2), .itiReadyToJump .columns:nth-child(1), .itiReadyToJump 
    .columns:nth-child(2) {width: 100%;}
    #learner .itiLearningPath .medium-6:nth-child(1), .itiReadyToJump
    .columns:nth-child(1) {margin-bottom: 20px;}

.manager-title-search .selectize-dropdown {
  display: none !important;
}
.assignment__submission label {display:none !important;}
.assignment__submission__options .columns button{float:none;display:inline-block}
.assignment__submission__options .columns {text-align: center;}
.image__zone{ border:6px Solid rgb(243, 162, 13);}
/*---Pano Dashboard---*/
.panorama-dashboard .large-8.columns.text-right {display:none;}
/*---Learner Dashboard---*/
.dashboard-access-tabs unlist {
    font-weight: 100 !important; /* strong */
    background: -webkit-linear-gradient(top, #727070, #5c5a5a)!important;
    background: linear-gradient(180deg, #797777 0, #e9e9e9)!important;
    border-bottom: 1px solid #7a7a7a !important;
}
    /* activity widget */}
#ember5839 {
  display: none;
}.analytics-labels {display: none;}

.dashboard-stats__container {display: none;}
.analytics-label {
  display: none;
  /* active user count */
}
 #ember5018 {
  display: none;
 }
 #dashboard-header-dropdown li:nth-child(7) {display: none;}/* Hide Account Info  */

 button[aria-controls="account-section-1"] {
  display: none;
}

 .small-4.columns .learning-path-milestone__release,
.small-4.columns .learning-path-milestone__badge {
  font-size: 18px; /* Learning Path Opens Date/Required/Elective */
}
.slide__index,
.highlight-zone__quiz__clue-title {
  font-size: 18px; /* Highlight zone challenge */

}
.btn--link.catalog-active-filter__remove {
  font-size: 18px;/* Catalog search clear */
}
.catalog-active-filter {
  font-size: 18px;/* Catalog search bar results */
}
.catalog-active-filter {
  height: 50px;
  font-size: 18px;/* Catalog search bar results */
} 
.catalog-search-bar {
  height: 50px;
  font-size: 18px;/* Catalog search bar size */
}
.catalog-filters__selections {
  font-size: 18px;
}
.ember-text-field {
  font-size: 18px;
}
.ember-view.ember-text-field.input--expand.form-control {
  font-size: 18px;
}
#ember2297 {
  font-size: 18px;/* Workbok dashboard search text */

}
/* Charles Custom class-3 */
.class-3 {
  font-size: 14px;
  font-weight: bolder;
  color: black;
  text-decoration: none;
  text-size-adjust: 100%;
  background: linear-gradient(180deg, #5f7a8f 0, #e9e9e9);
  border-bottom: 1px solid #204d6e;
  width: calc(100% - 60px);
  padding: 30px;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  /* overflow-x removed */
}
/* Charles Custom class-1 */
.class-1 {
  font-size: 14px;
  font-weight: bolder;
  text-decoration: black;
  text-size-adjust: 14px;
  background: -webkit-linear-gradient(top, #1b1b1b, #5c5a5a);
  background: linear-gradient(180deg, #222222 0, #6a6969);
  border-bottom: 1px solid #7a7a7a;
  width: calc(100% - 50px); /* Full width minus 20px padding on each side */
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  box-sizing: border-box; /* Ensure padding and border are included in the element's total width */
  overflow: hidden; /* Prevent horizontal overflow */
  margin: 0 auto; /* Center the element within its container */}/* Charles Custom class */
.class-1 h3 {
  font-weight: bolder;
  color: black; /* Ensure the text color is black */
  font-size: 20px; /* Match font size for consistency */
  font-family: 'Courier New', Courier, monospace;
}
.widget__alt-title__container h3 {
  font-family: 'Courier New', Courier, monospace; /* Sets Arial font-family */
  font-weight: bold; /* Makes the text bold */
  color: black; /* Ensures the text color is black */
  margin: 0; /* Optional: removes default margin for consistency */
  padding-left: 25px;
}
.widget__title {
    font-size: 1.5em; /* Adjusts text size to resemble h3 */
    color: #ffffff; /* Sets text color to white */
}
/* Hide Panorama Name on Admin Nav */
.company-logo__container p {
  display: none;
}
.class-2 {
  width: 1500px; 
 height: 450px;
 display: flex
}

/* Dashboard Hero Image */
.hero {
  min-height: 50vh; /* 50% of the viewport height, can adjust as needed */
  width: 100vw;
  display: flex; /* Changed to flex for centering */
  justify-content: stretch;
  content:flex;
  align-items: center;
  margin: 0;
  padding-top: 0%;
  padding-bottom: 0%;
}
  .widget__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem; /* optional */
  background: rgba(255, 255, 255, 0.9);
  z-index: 0;
}
 .hero img {
object-fit: cover; /* Ensures the image covers the space without distortion */
 width: 100%;
 height: 100%;
}
/* Hiding the live page view */
.btn.btn--tertiary-new.btn--no-margin.ml-4 {
  display: none  !important;
}
.ember-view row widget widget--hr widget--hr_standard {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.override-styles {
  width: 100%;
  max-height: 400px !important; /* Adjust this value to control the maximum height */
  object-fit: contain !important; /* Maintain aspect ratio and fit within the container */
  display: block !important; /* Ensures the image is treated as a block element */
  margin: 0 auto !important; /* Centers the image horizontally */
}
/* Hide Course Feedback */
div.panel.panel--secondary > textarea {
    display: none !important;}

.sidebar__testimonial__rating {
  display: none;
}
.sidebar__testimonial__rating .stars fieldset label i,
.sidebar__testimonial__rating .star-chooser .fieldset label i {
    display: none;
}
.star-chooser > span {
  display: none;
}
.stars > span {
display: none
}
/* Hide Ti Support Link */
#i18n-8 {
            display: none;
}
.readyJump2 {
  text-align: center;
}

.readyJump2 h4,
.readyJump2 p,
.readyJump2 a {
  margin: 0;
}
.medium-3.columns { /* catalog left nav 1st nav */
    font-size: 18px;
}
.btn.catalog-aggregation__value { /* catalog left nav 2nd nav */
  font-size: 16px;
}
.video-course__actions { /* video content type hide actions */
    display: none;
}
/* This is for Appcues */
appcues .appcues-skip > a {
    background: none;
    right: 10px; /* Change the placement of the X */
    font-size: 28px;
    color: #242121; /* A medium gray -- update as needed */
    opacity: 0.5;
}
appcues .appcues-skip > a:hover {
    /* Make non-transparent when mouse is over */
    opacity: 1;
}
appcues[data-pattern-type=modal] {
  backdrop-filter: blur(5px);
}
/* Hide Admin LP Copy Milestone 4.25.24 */
.learning-path-manager-new-milestone__container ul.tabs {
  display: none;
}
/* Maximize Manager User container full screen. 4.26.24 */
.manager .section-container {
  max-width: 1298px; 
  margin-left: auto;
  margin-right: auto;
}
.flex-table__col--tooltip {
  white-space: normal;
}
.tag-pill {
  display: inline-block; /* or display: block; */
  /* Optionally, you can also set a maximum width or width to control the wrapping behavior */
  max-width: 100%;
}
  /* width: 100%; */
.user-table__container {
  display: word-wrap; 
}
.flex-table__col .flex-table__col__wrapper {
  /* Allow the content to wrap */
  white-space: normal;
  /* Expand the height of the row to fit the content */
  display: inline-block;
  /* Optionally, you can also set a maximum width or width to control the wrapping behavior */
  /* max-width: 100%; */
  /* width: 100%; */
 }
  .flex-box {
  display: flex;
  }
  /* Central Asset Manager X and Background 5.9.24 */
.icon-delete::before {
    color: #888484;
}
.central_library--expanded--header {
    background-color: #667d9e; /* Light blue color */
}
.loading__spinner {
    display: none;
}
/* 5.17.24 Hide Buckner Completed Tab */
[class*="buckner"] .dashboard-access-tab--completed {
    display: none;
}
button.h-6.my-auto.rounded.shadow-md.m-1.text-xs.mr-5.tag-pill {/* 5.22.24 Hide Expand Collapse Button 4 Content */
    display: none;
}
.slide__index {  /* 5.30.24 Hide Slide Counter */
  display: none;
}
.ember-view.panorama-dashboard .large-8.columns.text-right {
    display: none; /* 6.20.24 Hide Pano Enter Learner Dashboard */
}
 /* 6.28.24 Buckner ILT Catalog */
/* Hides catalog filters and search bar for any elements under buckner-related classes */

/* Target the search bar container specifically within Buckner catalog widget */
[class*="buckner"] .catalog-search-bar {
  display: none !important;
}

/* Hide catalog filters within Buckner context */
[class*="buckner"] .catalog-filters {
  display: none !important;
}

/* Adjust layout for the main content area under Buckner-1 context */
[class*="buckner-1"] .medium-9.js-results-holder {
  float: left;
  width: 100% !important;
}

/* Ensure full width for columns within Buckner context */
[class*="buckner"] .medium-12.columns {
  width: 100% !important;
}

/* Hide any sidebar catalog aggregations, such as filters or navigation items */
[class*="buckner"] .catalog-aggregation {
  display: none !important;
}

/* Hide pagination controls under Buckner context if not needed */
[class*="buckner"] .pagination {
  display: none !important;
}
/* 6.28.24 Hide Dropdown Menu */
.manager-title-search .selectize-dropdown {
  display: none !important;
}
/* For WWW Pages w Video Widget NBIS */
.video-container {
    display: inline-block;
    justify-content: center;
    align-items: center;
    width: 75vw;
    height: 75vh;
    transform: scale(0.625);
    padding: 30px;
    margin: 30px;
}
/* 8.7.24 Apply rounded corners to all elements within the activity wiedget */
#ember6198,
#ember6199,
#ember6200,
#ember6204,
.dashboard-access,
.dashboard-access__header,
.dashboard-access-tabs li,
.dashboard-access-list-item,
.btn,
.dashboard-access-tabs,
.section {
  border-radius: 10px; /* Adjust the value as needed */
}

/* 8/10/24 Specific styling for buttons to ensure rounded corners */
.btn {
  border-radius: 10px;
}
/* Hide Community Forum Input 8.21.24 */
.comment__options__container, /* This hides the comment options including buttons */
.items__list--comments, /* This hides the entire comments list */
.items__list--discussions{
      display: none;
}
.discussion-search-bar {
    display: none;
}
.row.discussion-card__header {
    display: none;
}
.comment-label {
  display: none;
}
.discussion-card__title {
    color: black;
}
.quiz-start__main-title #i18n-9 {
    display: none; /* 8.30.24 Hides the original assessment text */
}
.large-12.columns > .heading.h4 {
  visibility: hidden; /* Hide original content */
  position: relative;
}
.large-12.columns > .heading.h4 {
  visibility: hidden; /* Hide original content */
  position: relative;
}

.large-12.columns > .heading.h4 + .ember-view .panel.panel--alt .archived__list::before { 
  content: "Learner Self-Removed Content"; /* Learner Profile > Access > Archived Content removed and Leaner Self-Removed in place */
  visibility: visible !important;
  display: flex;
  font-weight: bold; 
  position: relative;
  margin-top: -3em; 
  margin-bottom: 3em; /* Prevent overlapping with table content */
}
/* Assuming the unique ID is on a container element */
#f2faa9b3-7c28-4938-a1d3-2623853cac5c .flex.flex-col.items-start.bg-white.shadow-md.rounded.absolute.text-left.z-50.p-2.-left-28.top-8.w-36 a:first-of-type {
    display: none;
}

#f2faa9b3-7c28-4938-a1d3-2623853cac5c a.m-2.text-sm[href*="learning-path"],
#f2faa9b3-7c28-4938-a1d3-2623853cac5c a.m-2.text-sm[href*="microcourse"],
#f2faa9b3-7c28-4938-a1d3-2623853cac5c a.m-2.text-sm[href*="On-Demand Online Course"],
#f2faa9b3-7c28-4938-a1d3-2623853cac5c a.m-2.text-sm[href*="video"] {
    display: none;
}
/* Target the specific client page with a unique ID or data attribute */
#client-f2faa9b3-7c28-4938-a1d3-2623853cac5c a[href*="preview"][class*="text-sm"] {
    display: none;
}
.widget__overlay {
  font-size: 16px;
}
 [class*= buckner].icon-check {
    display: none; /* 1.20.25 Hides the catalog checkmark completely */
 }
.catalog-grid-item__completed {
  display: none; /* Completely hides the element */
}
.account-page .section__header, /* 2.27.25 Hides the user ability to MFA */
.account-page .section__body.clearfix {
    display: none !important;
}
#email {  /* 2.19.25 Increases font to 20px at sign in */
    font-size: 20px;
}
#password {
    font-size: 20px;
}
#cart-button { /* 3.26.25 hides cart and count from landing page */
  display: none;
}
.header--student .header__left__icon { /* 3.31.25 makes the house icon also say Return */
    font-size: 22px; /* changed to 20px */
    position: relative; /* needed for absolute positioning of the text */
    margin-bottom: 2px;
}

.header--student .header__left__icon::after {
    content: "Return"; /* this adds the word */
    display: block;
    font-size: 16px; /* you can adjust this */
    text-align: center;
    margin-top: 2px; /* space between icon and text */
    margin-bottom: 2px;
}
header--article {background:#000;}  /* 3.31.25 Makes articles full screen width */
.header--article .company__school-name {color:#fff;}
.search-bar {display:none;}
.article-sidebar {display:none; width:0;}
.article-content {width:100%; padding: 0 10%;}
.article-header .text-left {visibility: hidden;
}
/* Remove 'Next Section text' from appearing on hover */
.directional__nav a[href*='course-completed'] .directional__nav__label {
    display: none;
}

/* Hide the default arrow icon */
.directional__nav a[href*='course-completed'] .directional__nav__button--right i {
    display: none;
}

/* 5.6.25 Add 'Finish' text inside button */
.directional__nav a[href*='course-completed'] .directional__nav__button--right::before {
    content: 'Finish';
    visibility: visible;
    display: inline;
    font-size: 1rem;
}

/* Resize button, round corners */
.directional__nav a[href*='course-completed'] .directional__nav__button--right {
    width: fit-content;
    padding: .25rem 1rem .5rem !important;
    height: auto;
    border-radius: 6px; /* Remove this if you don't want rounded corners */
}
/* Adds flag emoji and finish 5.8.25 */
.directional__nav a[href*='course-completed'] .directional__nav__button--right::after {
    content: ' 🏁';
    display: inline;
    font-size: 1rem;
    margin-left: .5rem;
}
/* Learner Assign Content Box Bigger 5.21.25 */
.selectize-input.items.not-full.has-options.has-items input[placeholder="Search for Content"] {
  height: 150px !important;
  align-self: fixed !important;
  margin-top: 4px; /* optional spacing from top */
}
.selectize-input.items.not-full.has-options.has-items {
  height: 150px !important;
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap;
}
/* 6.2.25 Hide the section containing the multifactor authentication prompt */
div.section__header[data-bindattr-2043], div.section__header div[data-bindattr-2046], div.section__body:has(#multifactor-label), .hidden-mfa-section { display: none !important;
}
/* 6.4.25 Hide the section containing the exec reporting at Admin home */
/* Hide the tabs container  */
#executive-summary-tabpanel iframe[src*="company_customer_education_overview"] {
  display: none !important;
}
#executive-summary-tab,
#revenue-summary-tab,
#content-usage-tab,
#learner-usage-tab,
#site-overview-tab {
  display: none !important;
}
/* 6.24.25 Show Interplay and ITI logo in place of reports Admin Dashboard */
/* Remove spacing around and inside the container */
.reporting__container,
.reporting__container .columns,
.looker-embed {
  padding: 0 !important;
  margin: 0 !important;
}

/* Looker container with co branded Logo bottom center Dashboard */
.looker-embed {
  position: relative;
  background-image:
    url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c50f33e0-665b-4906-a26e-7d18bc3b9c5e/mdmusxpay7fz-image.png");
  background-position:
    top center,
    bottom center,
    center left,
    center right;
  background-repeat: no-repeat;
  background-size: 460px;
}

/* Embedded iframe: fill container without spacing */
.looker--embed--frame {
  width: 100% !important;
  height: 1000px !important; /* adjust as needed */
  border: none;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove spacing around the embed */
.reporting__container,
.reporting__container .columns,
.looker-embed {
  margin: 0 !important;
  padding: 0 !important;
}

/* edit 7.8.25 Force tight fit for the iframe container */
.looker-embed {
  display: block;
  height: auto !important;
  min-height: 100vh;
  overflow: visible;
}

/* Scale iframe visually to fit */
.reporting__container,
.reporting__container .columns {
  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}
#launchpad-button-container {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

#launchpad-button {
  flex: 1;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: 100%;
  background-color: rgb(3, 58, 137);
  border-radius: 0; /* optional if you don't want rounded corners */
}
/* 6.30.25 hide ? in Admin Nav bar */
svg.text-manager-shade-50 {
  display: none !important;
}

/* Hide adjacent "Help" text? */
.manager-dashboard__header {
  position: relative;
}

/* 7.2.25 Co branded Icon placed at the top right */
.manager-dashboard__header::after {
  content: "";
  position: absolute;
  top: 16px;                /* Adjust vertical position as needed */
  right: 16px;              /* Align to far right */
  width: 150px;
  height: 90px;
  background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c50f33e0-665b-4906-a26e-7d18bc3b9c5e/mdmusxpay7fz-image.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
  pointer-events: none;     /* Ensures the icon doesn’t block clicks */
}
 /* 7/2/25 Details page large start button */
.course__detail__sidebar .btn--expand.btn--primary.btn--alt {
  display: inline-block;
  padding-block: 1.2rem;
  padding-inline: 2rem; /* Horizontal padding for oval shape */
  border-radius: 9999px;
  font-size: 18px;
  font-weight: bold;
  background-color: #16426E;
  color: white;
  border: none;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.course__detail__sidebar .btn--expand.btn--primary.btn--alt:hover {
  background-color: #186dbd;
} 
/* 7/9/25 Log In Styled as Oval Button with oval theme*/
input[type="submit"].btn.btn--large.btn--primary.btn--right.click--disable {
  display: inline-block;
  padding-block: 1.2rem;
  padding-inline: 2rem;
  border-radius: 9999px;
  font-size: 18px;
  font-weight: bold;
  background-color: #16426E;
  color: white;
  border: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

input[type="submit"].btn.btn--large.btn--primary.btn--right.click--disable:hover {
  background-color: #186dbd;
}

/* 7/7/25 Log In Styled as Oval Button with 'Already Registered?' Label */

a[href="https://learn.iti.com/learn/"] > #i18n-3 {
  display: inline-block;
  text-align: center;
  font-size: 200% !important;
  font-weight: bold !important;
  padding: 0.5em 1.5em;
  border-radius: 9999px; /* Oval shape */
  background-color: #16426E;
  color: white;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

a[href="https://learn.iti.com/learn/"] > #i18n-3:hover {
  background-color: #186dbd;
}

a[href="https://learn.iti.com/learn/"] > #i18n-3::before {
  content: "Already Registered?\A";
  white-space: pre;
  display: block;
  font-size: 75%;
  font-weight: normal;
  margin-bottom: 4px;
  color: rgb(252, 249, 249);
}

html, body {
  height: 100%;
  margin: 0;
}

#dashboard-layout-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100vh;
  overflow-y: auto;
}
/* 7.7.25 Oval-styled button for Manager Access link */
a[href="/learn/manager"] > #i18n-3 {
  display: inline-block;
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  padding: 0.5em 1.5em;
  border-radius: 9999px;
  background-color: #16426E;
  color: white;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
a[href="/learn/manager"]:hover > #i18n-3 {
  background-color: #186dbd;
}
/* 7.8.25 Oval-styled button for Save course link */
button.btn--success-new.btn--no-margin {
  display: inline;
  padding-block: 1.2rem;
  padding-inline: 2rem;
  border-radius: 9999px;
  font-size: 18px;
  font-weight: bold;
  background-color: #16426E;
  color: white;
  border: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button.btn--success-new.btn--no-margin:hover {
  background-color: #186dbd;
}
/* 7.8.25 Double size of Publish Changes */
button.tw-override > div.grow.flex.gap-1.items-center.leading-5 > span:not([class]) {
  font-size: 200% !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
}






















































 


















