:root{--color-primary: #455465;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #0074be;--color-state-hover: #006ab4;--color-state-focus: #006ab4;--color-state-active: #0059a3;--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: #fafafa;--nav-text-color: var(--color-text);--nav-selected-color: var(--color-state);--nav-border-colour: rgba(128, 128, 128, 0.2);--nav-width: 15rem;--nav-collapsed-width: 5rem;--nav-button-size: 1.25rem;--nav-logo-width: 7.5rem;--nav-logo-height: 7.5rem;--nav-logomark-width: 2.5rem;--nav-logomark-height: 2.5rem;--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-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled);--page-content-padding-desktop: calc(var(--gap-base) * 8)}.tui-theme_inspire-navItem{--tui-theme_inspire-navItem-height: 2.75rem;--tui-theme_inspire-navItem-indicator-height: 2rem;--tui-theme_inspire-navItem-top-level-nav-item-padding: 10px;--tui-theme_inspire-navItem-nav-item-padding: 6px;display:flex;flex-grow:1;flex-wrap:wrap;height:var(--tui-theme_inspire-navItem-height);padding-top:calc(var(--gap-base) * 1);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem--navExpanded{height:100%}.tui-theme_inspire-navItem__icon{width:1.2em;height:1.2em;margin:auto}.tui-theme_inspire-navItem__icon--navExpanded{margin:calc(var(--gap-base) * 3) auto auto calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem .tui-theme_inspire-navItem{padding-top:0}.tui-theme_inspire-navItem--selected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem--selected:before{height:var(--tui-theme_inspire-navItem-indicator-height);margin-top:calc(var(--gap-base) * 1);border-right:calc(var(--gap-base) * 1) solid var(--nav-selected-color);border-top-right-radius:calc(var(--gap-base) * 1);border-bottom-right-radius:calc(var(--gap-base) * 1);content:""}.tui-theme_inspire-navItem .tui-theme_inspire-navItem--selected:before{margin-top:0}.tui-theme_inspire-navItem--link{flex-wrap:nowrap}.tui-theme_inspire-navItem__heading{display:flex;flex-grow:1;align-items:flex-start;padding:0;background-color:inherit;border:none;border-radius:var(--btn-radius)}.tui-theme_inspire-navItem__heading--childSelected{color:var(--nav-selected-color)}.tui-theme_inspire-navItem__heading--depth-0{margin-left:calc(var(--gap-base) * 5);font-weight:600}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 4)}.tui-theme_inspire-navItem__heading--depth-0.tui-theme_inspire-navItem__heading--selected.tui-theme_inspire-navItem__heading--navExpanded{margin-left:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-0 .tui-theme_inspire-navItem__headingAction{margin:calc(var(--gap-base) * 2)}.tui-theme_inspire-navItem__heading--depth-1{margin-left:calc(var(--gap-base) * 10);font-weight:400}.tui-theme_inspire-navItem__heading--depth-1.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 9)}.tui-theme_inspire-navItem__heading--depth-2{margin-left:calc(var(--gap-base) * 13)}.tui-theme_inspire-navItem__heading--depth-2.tui-theme_inspire-navItem__heading--selected{margin-left:calc(var(--gap-base) * 12)}.tui-theme_inspire-navItem__heading--link{color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__heading--link:hover,.tui-theme_inspire-navItem__heading--link:focus{color:var(--nav-tab-text-color);text-decoration:none}.tui-theme_inspire-navItem__heading--link.tui-theme_inspire-navItem__heading--selected{color:var(--nav-selected-color)}@media (hover:hover){.tui-theme_inspire-navItem__heading:hover{background-color:color-mix(in srgb, var(--nav-tab-text-color) 10%, transparent)}}.tui-theme_inspire-navItem__heading:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navItem__headingText{flex-grow:1;margin:auto;padding:var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-nav-item-padding) calc(var(--gap-base) * 3);text-align:left;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tui-theme_inspire-navItem__headingText--depth-0{padding:var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 1) var(--tui-theme_inspire-navItem-top-level-nav-item-padding) calc(var(--gap-base) * 3)}.tui-theme_inspire-navItem__headingAction{flex-basis:1.5rem;flex-shrink:0;height:1.5rem;margin:calc(var(--gap-base) * 1) calc(var(--gap-base) * 2);padding:var(--tui-theme_inspire-navItem-nav-item-padding);color:var(--nav-tab-text-color)}.tui-theme_inspire-navItem__children{flex-basis:100%;margin-bottom:calc(var(--gap-base) * 2);margin-left:0;list-style:none}.tui-theme_inspire-navigation__toggle{position:absolute;z-index:1;width:var(--nav-button-size);height:var(--nav-button-size);margin:calc(var(--gap-base) * 4);color:var(--color-text)}.tui-theme_inspire-navigation__toggle--overlay{display:block}.tui-theme_inspire-navigation__toggle--expand{display:none}@media (min-width:992px){.tui-theme_inspire-navigation__toggle{left:var(--nav-collapsed-width);margin-left:calc(var(--gap-base) * 5)}.tui-theme_inspire-navigation__toggle--overlay{display:none}.tui-theme_inspire-navigation__toggle--expand{display:block}.tui-theme_inspire-navigation__toggle--navExpanded{left:var(--nav-width)}}.tui-theme_inspire-navigation__toggle--navHidden{left:0}.tui-theme_inspire-navigation{position:relative;z-index:var(--zindex-navbar);display:none;flex-direction:column;overflow:visible}@media (min-width:992px){.tui-theme_inspire-navigation{display:flex;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{position:fixed;display:flex;flex-direction:column;width:var(--nav-collapsed-width);height:100%;background-color:var(--nav-bg-color);border-right:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__heading{margin:auto;border-bottom:1px inset var(--nav-border-colour)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logomark-width);max-height:var(--nav-logomark-height);margin:calc(var(--gap-base) * 8) 0}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse{float:right;width:var(--nav-button-size);height:var(--nav-button-size);margin-top:calc(var(--gap-base) * 4);margin-right:calc(var(--gap-base) * -3);color:var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__collapse:focus-visible{outline:2px solid var(--nav-tab-text-color)}.tui-theme_inspire-navigation .tui-theme_inspire-navigation__items{display:flex;flex-direction:column;gap:calc(var(--gap-base) * 1);height:100%;margin:0;padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) calc(var(--gap-base) * 5) 0;overflow-y:auto;list-style:none}.tui-theme_inspire-navigation--overlaid{position:fixed;z-index:var(--zindex-nav-overlay);display:flex;width:var(--nav-width)}@media (min-width:992px){.tui-theme_inspire-navigation--overlaid{position:relative;width:var(--nav-collapsed-width)}}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--overlaid .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}.tui-theme_inspire-navigation--desktopExpanded{display:none}@media (min-width:992px){.tui-theme_inspire-navigation--desktopExpanded{display:flex;width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__nav{width:var(--nav-width)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__heading{margin:0 calc(var(--gap-base) * 6)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo{max-width:var(--nav-logo-width);max-height:var(--nav-logo-height)}.tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__items{padding:calc(var(--gap-base) * 5) calc(var(--gap-base) * 3) calc(var(--gap-base) * 5) 0}}.tui-theme_inspire-navigation--hidden{display:none}.tui-settingsFormBrand__testEmailInfoButton{align-self:center}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}:root{--color-primary: #455465;--color-state: #008F8A;--color-text: #033142;--footer-bg-color: #ffffff;--footer-text-color: #033142;--color-state-hover: #008580;--color-state-focus: #008580;--color-state-active: #00746f;--footer-text-color-hover: #002738;--nav-bg-color: #033142;--nav-text-color: #ffffff;--nav-selected-color: #008F8A;}
footer {
  font-size: 12px;
  opacity: 0.85;
}


/*  learning dashboard  custom by mohamed khaled */

#page-totara-dashboard-5 .html-block-iframe {
    min-height: 600px !important;
}

/*  learning dashboard  custom by mohamed khaled */




#page {
  background-color: #F4FBF9 !important;
}
body.theme_inspire .stat-card.grad-pink,
body.theme_inspire .stat-card.grad-green {
  background: #008F8A !important;
}

/*    custom by Hossam */
.board-leadership-dashboard > h2 {
  color: #008F8A !important;
}

.view-toggle-container > button {
  background-color: #008F8A !important;
}
.board-actions > a {
  background-color: #008F8A !important;
}

.board-leadership-dashboard .toggle-slider {
  background-color: #008F8A !important;
}

.board-leadership-dashboard .view-all{
color:#008F8A !important;
}

.board-leadership-dashboard .leaderboard-top3 .top-player.silver .rank-label,
.board-leadership-dashboard .leaderboard-top3 .top-player.bronze .rank-label{
color: #FBC55A !important;
}

/*  learning dashboard  custom by Hossam */








/*Login page start*/

#page-login-index  .tui-core_auth-loginLayout__panel-graphic{
/*background-image: url("https://ascendix.nghc.com/files/share/Login-Cover-2%20(1).png") !important;*/
width:100%;
 background-size: 100% 100%;
    background-repeat: no-repeat;
}
#page-login-index .tui-core_auth-loginLayout__contentWrap{
z-index:10;
padding: 0px;
margin-top: 0%;
align-items: flex-start;
margin-left: 8%;
}

#page-login-index  .tui-core_auth-loginLayout__main{
    padding: 30px 50px;
    background: rgba(255, 255, 255, 0.20) ;
    backdrop-filter: blur(10px) ;
    border-radius: 15px ;
color: #fff;
  font-weight: 600 ;
}

#page-login-index .tui-formRow__desc{
color: white !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
#page-login-index .tui-core_auth-login__title{
    text-align: center;
}

#page-login-index input[name="username"]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%2300746f"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>') !important;
    background-repeat: no-repeat ;
    background-position: 18px center ;
padding-left:50px;
}


#page-login-index input[name="password"]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%2300746f"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg>') !important;
    background-repeat: no-repeat ;
    background-position: 18px center ;
padding-left:50px;

}

#page-login-index .tui-btn--variant-primary {
    background-color: #033142;
}

#page-login-index .tui-core_auth-loginForm__options a{
    color: #033142;
}

#page-login-index .tui-core_auth-stackChooser{
 color: #033142;
}

#page-login-index .tui-core_auth-footer{
display:none;
}





/*Login page end*/

/*inspire-navigation start*/
.tui-theme_inspire-navigation .tui-theme_inspire-navigation__nav{
    background-image: url("https://i.ibb.co/jPzTp8pT/fe0f7014-d3d3-444b-88d5-d1533cf6ba1a.png");
}

@media (max-width: 992px) {
#page-login-index  .tui-core_auth-loginLayout__panel-interface{
background: #033142;
}
#page-login-index .tui-core_auth-loginLayout__contentWrap{
    align-items: center;
    margin: 0px;
    justify-content: center;
    padding: 15px;
}

#page-login-index .tui-core_auth-loginLayout__main{
background: #008F8A;
padding: 30px 20px;
}
}
/*inspire-navigation end*/


/* start block welcome-back */

.welcome-back div,
.welcome-back iframe{
    background: #f4fbf9 !important;
}

/* end block welcome-back */

/* start block learning-paths */

.learning-paths  div,
learning-paths  iframe{
    background: #f4fbf9;
}

/* end block learning-paths */
















/*Current Learning*/

.block.chromeless .title.block-title {
   background: linear-gradient(135deg, #033142, #008F8A)  !important;
    border-radius: 15px 15px 0 0 !important;
    padding: 14px 24px !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.course-header{
padding: 0px;
}





/* Global Footer */
.page-footer-poweredby {
    display: none !important;
}


/* Global background*/
.content.block-content,
.block_current_learning .panel-footer{
 background: #f4fbf9;
}

body{
background: #f4fbf9;
}




/*page-local-boardleadership*/

#page-local-boardleadership-index .board-leadership-dashboard .leaderboard-item{
    background: #01606675;
    backdrop-filter: blur(10px);
}


#page-local-boardleadership-index #page-content .view-options{
display:none !important;
}


#page-local-boardleadership-index #page-content .filter-section{
    background: #f4fbf9;
box-shadow:none !important;
border:none  !important;
}





.assessment-nav-container {
    z-index: 11 !important;
}




.block_html:nth-last-child(n+4)::after {
  content: "";
  display: block;
  width: 60%;
  max-width: 720px;
  height: 5px;
  margin: 32px auto;
  border-radius: 999px;
  background: #00706C;
}


.lsel {
  display: block;
  width: 100%;
  max-width: 640px;
}

.lsel__search {
  display: block;
  width: 100%;
  margin-bottom: 6px;
  padding: 9px 12px 9px 38px;
  border: 1px solid #C9D6DA;
  border-radius: 8px;
  background: #ffffff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23008F8A" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="21" y2="21"/></svg>') no-repeat 13px center;
  font-size: 14px;
  color: #033142;
}
.lsel__search:focus {
  outline: none;
  border-color: #008F8A;
  box-shadow: 0 0 0 3px rgba(0, 143, 138, 0.15);
}

select.lsel__list {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  padding: 4px;
  border: 1px solid #C9D6DA;
  border-radius: 8px;
  background: #ffffff;
  font-size: 14px;
  color: #033142;
  overflow-y: auto;
  scrollbar-width: auto;
  scrollbar-color: #008F8A #E9F5F4;
}
select.lsel__list:focus {
  outline: none;
  border-color: #008F8A;
  box-shadow: 0 0 0 3px rgba(0, 143, 138, 0.15);
}
select.lsel__list option {
  padding: 6px 10px;
  border-radius: 6px;
}
select.lsel__list option:checked {
  background: #008F8A linear-gradient(0deg, #008F8A, #008F8A);
  color: #ffffff;
}

select.lsel__list::-webkit-scrollbar { width: 14px; }
select.lsel__list::-webkit-scrollbar-track {
  background: #E9F5F4;
  border-radius: 8px;
}
select.lsel__list::-webkit-scrollbar-thumb {
  background: #008F8A;
  border: 3px solid #E9F5F4;
  border-radius: 8px;
}
select.lsel__list::-webkit-scrollbar-thumb:hover { background: #00706C; }



.lsel__empty {
  margin: 6px 0 0;
  font-size: 13px;
  color: #5A6570;
}

/* long category selects end */

/* report stat cards start */

/* the two blocks share one line - other blocks in the region keep a full line.
   anchored on the block names Totara turned into classes:
   "Total Users" -> .Total.Users , "Active Learners" -> .Active.Learners */
*:has(> .block_totara_report_table.Total.Users):has(> .block_totara_report_table.Active.Learners) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 18px;
}
*:has(> .block_totara_report_table.Total.Users):has(> .block_totara_report_table.Active.Learners) > * {
  flex: 1 1 100%;
}
*:has(> .block_totara_report_table.Total.Users):has(> .block_totara_report_table.Active.Learners) > .block_totara_report_table {
  flex: 1 1 calc(50% - 9px);
  min-width: 260px;
}

/* Totara drops hidden skip links and anchor targets between blocks - as flex
   items they would break the row, so take them out of the flow (still reachable
   by keyboard: a focused skip link returns to normal flow) */
*:has(> .block_totara_report_table.Total.Users):has(> .block_totara_report_table.Active.Learners) > .skip-block:not(:focus),
*:has(> .block_totara_report_table.Total.Users):has(> .block_totara_report_table.Active.Learners) > .skip-block-to {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
}

/* only single-value report blocks become cards - real tables are untouched */
.block_totara_report_table:has(tbody tr:only-child td:only-child) {
  display: block;
  width: auto;
  margin: 0;
  padding: 24px 26px 20px;
  border: 1px solid rgba(3, 49, 66, 0.10);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(3, 49, 66, 0.06);
  transition: transform .2s ease, box-shadow .2s ease,
              border-color .2s ease, background .25s ease;
}

.block_totara_report_table:has(tbody tr:only-child td:only-child):hover {
  background:
    radial-gradient(120% 150% at 84% 6%, rgba(5, 145, 136, 0.55) 0%, rgba(5, 145, 136, 0) 58%),
    linear-gradient(125deg, #022733 0%, #04404E 42%, #00706C 78%, #059188 100%);
  border-color: rgba(255, 255, 255, 0.16);
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(2, 39, 51, 0.28);
}

/* the duplicated block header and table chrome are noise on a one-number card */
.block_totara_report_table:has(tbody tr:only-child td:only-child) .header.block-header,
.block_totara_report_table:has(tbody tr:only-child td:only-child) .commands,
.block_totara_report_table:has(tbody tr:only-child td:only-child) .rb-report-svggraph {
  display: none !important;
}

.block_totara_report_table:has(tbody tr:only-child td:only-child) .content.block-content,
.block_totara_report_table:has(tbody tr:only-child td:only-child) .rb-display-table-container,
.block_totara_report_table:has(tbody tr:only-child td:only-child) .totara-table-container {
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
}

.block_totara_report_table:has(tbody tr:only-child td:only-child) table.totaratable {
  width: 100%;
  margin: 0;
  border: 0;
  background: transparent;
}

/* label row - icon chip sits beside the label text */
.block_totara_report_table:has(tbody tr:only-child td:only-child) thead th {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0 0 14px;
  border: 0;
  background: transparent;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #5A6570;
  transition: color .25s ease;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child):hover thead th {
  color: rgba(255, 255, 255, 0.80);
}

.block_totara_report_table:has(tbody tr:only-child td:only-child) thead th a {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* default icon - any other single-value report block falls back to this */
.block_totara_report_table:has(tbody tr:only-child td:only-child) thead th::before {
  content: "";
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background-color: rgba(0, 143, 138, 0.10);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008F8A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19V11'/%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M19 19v-6'/%3E%3C/svg%3E");
  transition: background-color .25s ease;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child):hover thead th::before {
  background-color: rgba(255, 255, 255, 0.14);
}

/* Total Users - people icon.
   the :has() is repeated here so these beat the default icon above in both
   the resting and the hover state */
.block_totara_report_table.Total.Users:has(tbody tr:only-child td:only-child) thead th::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008F8A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M2.8 19a6.2 6.2 0 0 1 12.4 0'/%3E%3Cpath d='M16.2 5.6a3 3 0 0 1 0 5.4'/%3E%3Cpath d='M17.6 13.2A5.6 5.6 0 0 1 21.4 19'/%3E%3C/svg%3E");
}
.block_totara_report_table.Total.Users:has(tbody tr:only-child td:only-child):hover thead th::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M2.8 19a6.2 6.2 0 0 1 12.4 0'/%3E%3Cpath d='M16.2 5.6a3 3 0 0 1 0 5.4'/%3E%3Cpath d='M17.6 13.2A5.6 5.6 0 0 1 21.4 19'/%3E%3C/svg%3E");
}

/* Active Learners - activity pulse icon */
.block_totara_report_table.Active.Learners:has(tbody tr:only-child td:only-child) thead th::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23008F8A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12.5h3.8L9 6l3.4 12 2.6-5.5h6.5'/%3E%3C/svg%3E");
}
.block_totara_report_table.Active.Learners:has(tbody tr:only-child td:only-child):hover thead th::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12.5h3.8L9 6l3.4 12 2.6-5.5h6.5'/%3E%3C/svg%3E");
}

/* the number */
.block_totara_report_table:has(tbody tr:only-child td:only-child) tbody tr,
.block_totara_report_table:has(tbody tr:only-child td:only-child) tbody tr:hover {
  background: transparent;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child) tbody td {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 46px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -1px;
  color: #033142;
  font-variant-numeric: tabular-nums;
  transition: color .25s ease;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child):hover tbody td {
  color: #ffffff;
}

/* buttons */
.block_totara_report_table:has(tbody tr:only-child td:only-child) .footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(3, 49, 66, 0.10);
  transition: border-color .25s ease;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child):hover .footer {
  border-top-color: rgba(255, 255, 255, 0.16);
}

.block_totara_report_table:has(tbody tr:only-child td:only-child) .footer .pc-btn {
  padding: 8px 16px;
  border: 1px solid transparent !important;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .2s ease, color .2s ease, transform .16s ease;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child) .footer .pc-btn[data-pc-btn="link"] {
  background: #008F8A !important;
  color: #ffffff !important;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child) .footer .pc-btn[data-pc-btn="action"] {
  background: rgba(0, 143, 138, 0.10) !important;
  color: #00706C !important;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child):hover .footer .pc-btn[data-pc-btn="link"] {
  background: #ffffff !important;
  color: #04222B !important;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child):hover .footer .pc-btn[data-pc-btn="action"] {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child) .footer .pc-btn + .pc-btn {
  margin-left: 0;
}
.block_totara_report_table:has(tbody tr:only-child td:only-child) .footer .pc-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}

@media (max-width: 900px) {
  *:has(> .block_totara_report_table.Total.Users):has(> .block_totara_report_table.Active.Learners) > .block_totara_report_table {
    flex: 1 1 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .block_totara_report_table:has(tbody tr:only-child td:only-child),
  .block_totara_report_table:has(tbody tr:only-child td:only-child) .footer .pc-btn {
    transition: none;
  }
  .block_totara_report_table:has(tbody tr:only-child td:only-child):hover,
  .block_totara_report_table:has(tbody tr:only-child td:only-child) .footer .pc-btn:hover {
    transform: none;
  }
}

/* report stat cards end */