:root{--color-primary: #bed600;--color-secondary: #bed600;--color-tertiary: #1ea4a9;--bg-color-main: #f3f3f3;--border-radius-normal: 0;--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: #161616;--nav-text-color: #ffffff;--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: #163347;--nav-text-color: #ffffff;--color-primary: #04d9c4;--btn-prim-accent-color: #163347;--btn-accent-color: #025273;--link-color: #025273;--color-state: #163347;--color-text: #163347;--footer-bg-color: #ffffff;--footer-text-color: #163347;--btn-prim-accent-color-focus: #0c293d;--btn-prim-accent-color-active: #00182c;--btn-accent-color-focus: #004869;--btn-accent-color-active: #003758;--link-color-hover: #004869;--color-state-hover: #0c293d;--color-state-focus: #0c293d;--color-state-active: #00182c;--footer-text-color-hover: #0c293d;}
.block-totara-featured-links-layout.fullwidth>.block-totara-featured-links-tile-medium:not(.block-totara-featured-links-placeholder):before {
    padding-top: 478px;
}
.progress .bar {
    background-color: #04d9c4
}
#page-footer .footnote-wrapper .social-icons li a {
    background-color: #163347
}
body.format-grid .course-content ul.gridicons li div.image_holder img {
    width:100%;
}
.potentialidp .btn.btn-default {
    color: var(--btn-prim-text-color-focus);
    background-color: var(--btn-prim-bg-color-focus);
    direction: rtl;
    font-weight: bold;
    padding: 8px;
}
.potentialidp .btn.btn-default img{
    width:auto;
    margin-top: -5px;
}
.loginbox {
  padding-left: 8em;
}

/* For vertical layout on mobile */
@media (max-width: 768px) {
  .loginbox {
    flex-direction: column-reverse; /* Reverses the order vertically */
  }
}
div.block_course_navigation a[href*='grade/report'] {display:none;}

.mobile-app-banner {
display:none;
}

.mobile-app-banner-gotoapp {
color: white !important;
}
.tui-core_auth-loginLayout__panel-interface {
width: 50%;
display: flex;
  flex: auto;
  flex-flow: column;
  min-height: 100%;
}

.tui-core_auth-loginLayout__panel-graphic {
background-image: url("/theme/nrla/pix/login_background.jpg");
display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background-position: center;
  background-size: cover;
}