: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{--nav-bg-color: #126047;--nav-text-color: #FFFFFF;--nav-selected-color: #289b78;--color-primary: #289b78;--color-state: #126047;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--color-state-hover: #08563d;--color-state-focus: #08563d;--color-state-active: #00452c;--footer-text-color-hover: #1c1c1c;} /* ============================ Footer ============================ */ .page-footer-poweredby { display: none; } /* Login Footer */ .tui-core_auth-footer__poweredBy { display: none; } /* ============================ Footer End ============================ */ /* ============================ Login Page ============================ */ #page-login-index .tui-core_auth-loginLayout__contentWrap{ padding-top: 0px; padding-bottom: 0px; } #page-login-index .tui-core_auth-loginLayout__panel-graphic{ width:100%; } #page-login-index .tui-core_auth-loginLayout__panel-interface{ z-index: 100; position: relative; } #page-login-index .tui-core_auth-login{ gap: 30px; } #page-login-index .tui-core_auth-loginNav{ background: transparent; display:none; } #page-login-index .tui-core_auth-loginNav__logo, #page-login-index .tui-core_auth-footer{ display: none; } #page-login-index .tui-core_auth-loginForm__content{ gap:20px; } #page-login-index .tui-core_auth-loginLayout__main{ background: #ffffff; border-radius: 45px; padding: 50px; } .page-footer-poweredby{ display:none; } /*chatbot*/ #page-login-index #skillup-chat-icon{ display:none; } #skillup-chat-overlay .skillup-chat-input{ padding: 12px !important; } #skillup-chat-overlay #skillup-message-input{ max-height: 45px !important; padding: 5px 6px !important; } html[lang="ar"] #page-login-index .tui-core_auth-loginLayout__panel-graphic { background-image: url("/files/share/Login-Cover-4.png") !important; } @media (max-width: 768px) { #page-login-index .tui-core_auth-loginLayout__contentWrap{ padding: 10px; } #page-login-index .tui-core_auth-loginLayout__main{ padding: 20px; border-radius: 15px; } } /* ============================ Login Page End ============================ */ /* ===== Board Leadership -Start ===== */ /* ---- Page background ---- */ #page-local-boardleadership-index{ border: 1px solid rgba(22, 132, 84, 0.17); border-radius: 26px; } #page-local-boardleadership-index .filter-section{ box-shadow:none; border:none; background: transparent; margin:0px !important; } #page-local-boardleadership-index .board-leadership-dashboard h2{ /*display:none;*/ color: #000000; } /* ---- "Your rank" card (gold accent) ---- */ #page-local-boardleadership-index .board-leadership-dashboard .my-points{ box-shadow:none !important; background-color: rgba(188,180,144,0.08) !important; border: 2px solid !important; border-radius: 18px !important; border-color: #31846a29 !important; } #page-local-boardleadership-index .board-leadership-dashboard .my-points::before { content: ""; position: absolute; left:calc(50% - 170px); top: 16.5%; transform: translateY(-50%); display: block; width: 110px; height: 110px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAgMTEwIj4KPGRlZnM+CiAgPGZpbHRlciBpZD0icyIgeD0iLTQwJSIgeT0iLTQwJSIgd2lkdGg9IjE4MCUiIGhlaWdodD0iMTgwJSI+CiAgICA8ZmVEcm9wU2hhZG93IGR4PSIwIiBkeT0iNiIgc3RkRGV2aWF0aW9uPSI4IiBmbG9vZC1jb2xvcj0iIzE2Mzg0MiIgZmxvb2Qtb3BhY2l0eT0iLjEyIi8+CiAgPC9maWx0ZXI+CiAgPGZpbHRlciBpZD0iaSIgeD0iLTMwJSIgeT0iLTMwJSIgd2lkdGg9IjE2MCUiIGhlaWdodD0iMTYwJSI+CiAgICA8ZmVEcm9wU2hhZG93IGR4PSIwIiBkeT0iMiIgc3RkRGV2aWF0aW9uPSIzIiBmbG9vZC1jb2xvcj0iIzIyNzc3NSIgZmxvb2Qtb3BhY2l0eT0iLjE4Ii8+CiAgPC9maWx0ZXI+CjwvZGVmcz4KPGNpcmNsZSBjeD0iNTUiIGN5PSI1MSIgcj0iNDIiIGZpbGw9IiNmZmYiIGZpbHRlcj0idXJsKCNzKSIvPgo8Y2lyY2xlIGN4PSI1NSIgY3k9IjUxIiByPSIyOCIgZmlsbD0iI2Y5ZmFmYiIgc3Ryb2tlPSIjMjI3Nzc1IiBzdHJva2Utd2lkdGg9IjIuNSIgZmlsdGVyPSJ1cmwoI2kpIi8+CjxwYXRoIGQ9Ik01NSAzNWw0LjcgOS41IDEwLjUgMS41LTcuNiA3LjQgMS44IDEwLjQtOS40LTQuOS05LjQgNC45IDEuOC0xMC40LTcuNi03LjQgMTAuNS0xLjV6IiBmaWxsPSIjMjI3Nzc1Ii8+Cjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center; background-size: contain; } #page-local-boardleadership-index .board-leadership-dashboard .points-display{ color:#126047 !important; } #page-local-boardleadership-index .board-leadership-dashboard .points-display .total-points{ font-weight: bold; } #page-local-boardleadership-index .board-leadership-dashboard .my-rank{ color:#126047 !important; } #page-local-boardleadership-index .my-points{ transition:none ; } #page-local-boardleadership-index .my-points:hover{ transition:none ; animation:none; } /* ---- List stays vertical ---- */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-list{ flex-direction: column; gap:0px !important; } /* ---- Widget shell + buttons ---- */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-widget, #page-local-boardleadership-index .board-leadership-dashboard .btn-primary, #page-local-boardleadership-index .board-leadership-dashboard .btn-secondary{ background: #126047 !important; border: 2px solid !important; border-radius: 18px !important; border-color: rgb(255 255 255 / 0.1) !important; } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-widget{ background: #ffffff !important; } /* ---- Regular rows (frosted cards) ---- */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-item{ background-color: rgb(255 255 255 / 0.05) !important; border: 2px solid; border-radius: 18px; border-color: rgb(2 2 2 / 10%); margin-bottom: 10px; } /* ===== Top 3 podium (horizontal) ===== */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3{ display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: flex-end !important; gap: 14px !important; margin-top: 50px; } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player{ flex: 1 !important; width: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center; background-color: rgb(255 255 255 / 0.05) !important; border: 2px solid; border-radius: 18px; border-color: rgb(255 255 255 / 0.1); padding: 1rem !important; margin-bottom: 0px !important; gap: 0.5rem !important; } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player:nth-child(1){ order: 2; border-color: #BCB490 !important; background-color: rgba(188,180,144,0.08) !important; transform: translateY(-14px); } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player:nth-child(1)::before{ content: "\2654"; /* تاج — ممكن تشيله لو مش عايزه */ color: #8d6e11; font-size: 22px; line-height: 1; } /* --- 2nd place: left, mint border --- */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player:nth-child(2){ order: 1; border-color: #31846a29 !important; } /* --- 3rd place: right, sage border --- */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player:nth-child(3){ order: 3; border-color: #31846a29 !important; } /* ---- Titles / labels / scores ---- */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-title{ color: #000000 !important; letter-spacing: 0px !important; text-transform: capitalize !important; text-shadow: none !important; } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player .rank-label{ color: #126047 !important; text-shadow: none !important; } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player .player-score, #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-item .player-score{ color: #126047 !important; text-shadow: none !important; } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player .player-name, #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-item .player-name{ color: #000000 !important; margin:0px 10px; } /* ---- Rank badge ---- */ #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-item .rank{ border-radius: 8px !important; border: 2px solid; display: flex; justify-content: center; align-items: center; border-color: rgb(255 255 255 / 0.1); color: #126047 !important; background-color: #e6e6e9 !important; } #page-local-boardleadership-index .view-options{ display:none; } #page-local-boardleadership-index .board-leadership-dashboard .toggle-slider{ background-color: #276662 !important; border-radius: 10px !important; } #page-local-boardleadership-index .board-leadership-dashboard .view-toggle{ border-radius: 8px !important; } [lang="ar"] .board-leadership-dashboard .view-toggle{ flex-direction: row-reverse; } #page-local-boardleadership-index .board-leadership-dashboard .toggle-slider.badges{ transform: translateX(calc(100% + 0px)) !important; } #page-local-boardleadership-index .board-leadership-dashboard .view-all{ color: #276662 !important; } #page-local-boardleadership-index .board-leadership-dashboard .filter-options{ display:none !important; } #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-top3 .top-player .avatar, #page-local-boardleadership-index .board-leadership-dashboard .leaderboard-item .avatar{ border: 2px solid #126047; } /* ===== Board Leadership -End===== */ /* ============================ Footer ============================ */ #page-totara-catalog-explore .go1-badge--duration { color: #d9e0dd !important; } /* ============================ Footer End ============================ */ /* Sidebar Logo Customization Start */ /* Expanded sidebar */ body:not(.tenant-user) .tui-theme_inspire-navigation--desktopExpanded .tui-theme_inspire-navigation__headingLogo { max-width: 240px !important; max-height: 130px !important; width: auto !important; height: auto !important; margin-left: 30px !important; transition: all .25s ease; border-radius: 15px; } /* Collapsed sidebar */ body:not(.tenant-user) .tui-theme_inspire-navigation:not(.tui-theme_inspire-navigation--desktopExpanded) .tui-theme_inspire-navigation__headingLogo { max-width: 60px !important; max-height: 60px !important; width: auto !important; height: auto !important; margin-left: 0 !important; border-radius: 15px; } /* Sidebar Logo Customization End */ /*assessment-nav-container start*/ .assessment-nav-container { z-index: 11 !important; } /*assessment-nav-container End*/ /**************************Abaad-Start***************/ /**************************Abaad-End***************/