: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: #ffffff;--nav-text-color: #161616;--color-primary: #0361FF;--color-state: #161616;--color-text: #161616;--footer-bg-color: #C7C7C7;--footer-text-color: #161616;--color-state-hover: #0c0c0c;--color-state-focus: #0c0c0c;--color-state-active: #000000;--footer-text-color-hover: #0c0c0c;}
/*SERCO Tenant*/
:root {
    --primary-brand:
    --border-color: ;
    --light-gray: #f2f2f2;
    --gray: #c7c7c7;
    --dark-gray-1: #838383;
    --dark-gray-2: #707070;
    --black: #000000;
    --white: #ffffff;
}

@font-face{
font-family: 'Helvetica';
src:url(/theme/font.php/ventura/theme/1707136693/Helvetica.ttf) format('ttf');
}

body,
h1,h2,h3,h4,h5,h6 {
    font-family: 'Helvetica', arial, sans-serif;
}


/*General*/
 .container-fluid {
    max-width: 100%;
}

/*Navbar*/
.totaraNav {
    margin-bottom: 0;
    box-shadow: none;
}
/•
.totaraNav nav.totaraNav_prim {
    background: var(--secondary-brand);
    padding: 1rem;
}*/
.totaraNav nav.totaraNav_prim .container-fluid {
    align-items: center;
}

.totaraNav nav.totaraNav_prim .container-fluid .totaraNav_prim--toggleNav .totaraNav_prim--toggleNav_target .totaraNav--icon_burger {
    color: var(--white);
}

.totaraNav nav.totaraNav_prim .container-fluid .totaraNav_prim--list.totaraNav_prim--list_showMobile {
    background: var(--primary-brand);
}

.totaraNav nav.totaraNav_prim .container-fluid .totaraNav_prim--list.totaraNav_prim--list_showMobile .totaraNav_prim--list_close {
    color: var(--white);
    font-weight: 700;
}

.totaraNav_prim .masthead_logo {
    margin-left: 3rem;
    margin-right: 3rem;
}

.totaraNav nav.totaraNav_prim .container-fluid .masthead_logo--header_img {
    height: 7rem !important;
    /*filter: grayscale(1) invert(1) brightness(1);*/
}

.totaraNav .totaraNav_sub {
    border-bottom: 1px solid #c7c7c7;
    border-top: none;
}

.totaraNav .totaraNav_sub .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.totaraNav .totaraNav_sub .totaraNav_sub--list_item {
    border-right: 1px solid #c7c7c7;
}

.totaraNav .totaraNav_sub .totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link {
    border: 3px solid var(--primary-brand);
    background: var(--primary-brand);
    color: var(--white);
}

@media (min-width: 992px) {
    .totaraNav_prim--list_item_link:focus .totaraNav_prim--list_item_label::after, 
    .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after {
        width: 100%;
        border-color: var(--white);
    }
}

@media (min-width: 992px) {
    .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_label::after {
        width: 100%;
        border-color: var(--white);
    }
}

/*Breadcrumbs*/
.container-fluid.breadcrumb-container {
    padding-left: 0;
    margin-top: 3rem;
}

/*Page footer
#page-footer {
    background-color: var(--light-gray);
    border-top: 10px solid var(--secondary-brand) !important;
    color: var(--black);
}*/
#page-footer a {
    color: var(--black) !important;
}

/*Login Page*/
#page-login-index #page.container-fluid {
    max-width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#page-login-index #page.container-fluid #page-content > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

#page-login-index .loginbox {
    display: flex;
    flex-direction: column;
    align-self: center;
}

#page-login-index .loginbox .loginpanel {
    width: 100%;
    float: left;
    border-right: none !important;
}

#page-login-index .loginbox .signuppanel {
    width: 100%;
}

#page-login-index #region-main {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#page-login-index #region-main > [role="main"] {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

#page-login-index [role="main"] .loginbox {
    flex: 0 0 30%;
    max-width: 30%;
    min-width: 300px;
}

#page-login-index #page-footer {
    margin-top: 0 !important;
}

#page-login-index #page-content {
    background-color:var(--light-gray);
    color: var(--black);
}

#page-login-index #page-content a, #page-login-index #page-content .desc a {
    font-weight: 600;
}

#page-login-index #page-content .desc a:hover,
#page-login-index #page-content .desc a:focus {
    text-decoration: none;
}

#page-login-index #page-content .forgetpass a:hover,
#page-login-index #page-content .forgetpass a:focus {
    text-decoration-thickness: max(3px, .1875rem, .12em) !important;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
    color: var(--primary-link-hover);
    text-decoration: underline;
}

#page-login-index.path-login hr {
    display: none;
}

#page-login-index .loginbox h2 {
    margin-bottom: 20px;
}

#page-login-index .subcontent.guestsub {
    display: none;
}

/*
#page-login-index #login_hero-image img {
    display: none;
}
*/

#page-login-index #login_hero-image {
    flex: 0 0 70%;
    max-width: 1600px;
    max-height: 100%;
    background-size: cover;
    background-position: top right;
    margin: 0 !important;
    position: relative;
    background-repeat: no-repeat;
}


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

/* Media Rules*/
@media only screen and (max-width:600px) {
    #page-login-index #login_hero-image::before {
        height: 30% !important;
    }
}

@media only screen and (max-width:800px) {
    #page-login-index #login_hero-image::before {
        height: 40%;
    }
}

@media only screen and (max-width:1024px) {
#page-login-index #login_hero-image {
    flex: 0 0 100%;
    max-width: 100%;
    height: 350px;
    margin-top: 0rem !important;
    background-position: center;
    }

#page-login-index [role="main"] .loginbox {
    flex: 0 0 100%;
    max-width: 100%;
    }
}

#page-login-signup #page {
    background-color: transparent;
    margin-top: 20px;
}

/*Page site index*/
#page-site-index #page-content #region-top #block-region-top .block_totara_featured_links .block-totara-featured-links-content {
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 55%;
    max-width: 500px;
    left: 50%;
    transform: translate(-50%, -50%);
}

#page-site-index #page-content #region-top #block-region-top .block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-bottom {
    bottom: auto;
}

#page-site-index #page-content #region-top #block-region-top .block_totara_featured_links .block-totara-featured-links-content > h3 {
    display: block !important;
    font-size: 4rem;
    text-align: center;
    font-weight: 500;
}

#page-site-index #page-content #region-top #block-region-top > div:nth-of-type(1) .block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position: left top !important;
    height: 350px;
    min-height: 350px;
}


#page-site-index #page.container-fluid {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#page-site-index #page-content {
    padding-top: 0;
}

#page-site-index:not(.editing) #page-content > .row {
    margin-right: 0;
    margin-left: 0;
}

#page-site-index #block-region-top.col-sm-12 {
   padding-right: 0;
   padding-left: 0;
}

#page-content #region-top #block-region-top .block.chromeless .block-totara-featured-links-layout {
    margin: 0 0 30px 0;
}

#page-content #region-top #block-region-top .block.chromeless .block-totara-featured-links-layout .block-totara-featured-links-tile {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    background-position: left center;
}

#page-site-index  .block.hero-main-image img {
    width: 100%;
    height: auto;
    max-width: 2560px;
}

/*Blocks*/
.block .block-header {
    color: var(--black);
}

#block-region-top .block:not(.block_totara_featured_links) {
    margin-right: 15px;
    margin-left: 15px;
}

.block .block-header .block_action {
    width: 45px;
}

.block_news_items .content ul li:first-child {
    border-top: none;
}

#page-content #region-top #block-region-top .block .block-title {
    box-shadow: none;
}

.block.block_totara_recently_viewed .block-trv-card-border {
    border-radius: 0;
    border-color: #c7c7c7;
}

.block.block_totara_recently_viewed .block-trv-image-wrapper {
    border-radius: 0;
    width: 200px;
    height: 110px;
}

.block.block_totara_recently_viewed .block-trv-card {
    height: 110px;
    border-radius: 0;
}

.block-totara-recently-viewed.block-trv-list .block-trv-content {
    padding: 2rem;
    text-align: center;
}

.block.block_totara_recently_viewed .block-trv-subtitle {
    color: #c7c7c7;
}

.block.block_totara_recently_viewed .block-trv-footer-text {
    color: var(--black);
}

.block.block_totara_recently_viewed .block-trv-image-wrapper {
    margin: auto;
}

.block-totara-recently-viewed .block-trv-container_workspace.block-trv-li-horizontal .block-trv-gradient {
    border-radius: 0;
}

.block-totara-recently-viewed.block-trv-tiles .block-trv-content .block-trv-title {
    text-align: center;
}

.block_totara_quicklinks.block .content.block-content .list li a {
    text-decoration: underline;
}

.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: var(--secondary-brand);
}

#page-content #region-top #block-region-top > div:nth-of-type(1) .block-totara-featured-links-content {
    padding: 15px;
}

#page-content #region-top #block-region-top > div:nth-of-type(1) .block-totara-featured-links-content > h3 {
    display: none;
}

#page-content #region-top #block-region-top {
    padding-right: 0;
    padding-left: 0;
}

#page-content #region-top #block-region-top .block_totara_featured_links  .block-totara-featured-links-layout {
    margin: 0 !important;
}

.pagelayout-dashboard #page-content #region-top #block-region-top > div:nth-of-type(1) .block-totara-featured-links-tile {
    background-position: left center !important;
}

.pagelayout-dashboard #page-content #region-top #block-region-top   > div:nth-of-type(1) {
    margin-bottom: 0 !important;
}

.pagelayout-dashboard #page-content #region-top #block-region-top   > div:nth-of-type(1) .block-totara-featured-links-tile {
    max-height: 200px;
}

.pagelayout-dashboard #page-content #region-top #block-region-top  > div:nth-of-type(1) .block-totara-featured-links-content {
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 55%;
    max-width: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pagelayout-dashboard  #page-content #region-top #block-region-top  > div:nth-of-type(1) .block-totara-featured-links-content > h3 {
    display: block !important;
    font-size: 4rem;
    text-align: center;
    font-weight: 500;
}

/*Dashboard-2: Your Homepage Quick Links*/
.pagelayout-dashboard #page-content #region-top #block-region-top #inst456.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content {
    text-align: center;
}

.pagelayout-dashboard #page-content #region-top #block-region-top > #inst456.block_totara_featured_links .block-totara-featured-links-tile {
    background-position: center !important;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst456.block_totara_featured_links .block-totara-featured-links-layout {
    margin-right: 6px !important;
    margin-left: 6px !important;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst456.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position: top center;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    max-height: 300px;
    min-height: 300px; 
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst456.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position: center;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst456.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content h3 {
    font-weight: 500;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst456.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content {
    position: absolute;
    background-color: transparent;
    bottom: 15px;
    text-transform: capitalize;
}

/*Dashboard-8: Your Team Quick Links*/
.pagelayout-dashboard #page-content #region-top #block-region-top #inst550.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content {
    text-align: center;
}

.pagelayout-dashboard #page-content #region-top #block-region-top > #inst550.block_totara_featured_links .block-totara-featured-links-tile {
    background-position: center !important;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst550.block_totara_featured_links .block-totara-featured-links-layout {
    margin-right: 6px !important;
    margin-left: 6px !important;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst550.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position: top center;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    max-height: 300px;
    min-height: 300px; 
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst550.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content {
    position: absolute;
    background-color: transparent;
    bottom: 15px;
    text-transform: capitalize;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst550.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content h3 {
    font-weight: 500;
}

.pagelayout-dashboard  #page-content #region-top #block-region-top #inst550.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position: center;
}

/*Dashboard-3: Your Induction*/
.pagelayout-dashboard #page-content #region-top #block-region-top #inst477.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position: top center;
    margin-right: 1rem !important;
    margin-left: 1rem !important;
    max-height: 300px;
    min-height: 300px; 
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst477.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content {
    text-align: center;
}

.pagelayout-dashboard #page-content #region-top #block-region-top #inst477.block_totara_featured_links .block-totara-featured-links-layout>div .block-totara-featured-links-content h3 {
    font-weight: 500;
}

.pagelayout-dashboard  #page-content #region-top #block-region-top #inst477.block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-tile {
    background-position: center;
}


#page-content #region-top #block-region-top .block_totara_featured_links .block-totara-featured-links-layout .block-totara-featured-links-flex-filler {
    display: none;
}

/*Library*/
.tui-libraryView .tui-sidePanel__inner {
    border: none;
}

.tui-libraryView .tui-sidePanel__inner .tui-engageNavigationPanelSearchLibrary {
    margin: var(--gap-4);
    margin-right: var(--gap-4);
    margin-bottom: var(--gap-6);
}

.tui-libraryView .tui-sidePanel__inner .tui-engageNavigationPanelSearchLibrary .tui-searchBox__inputWrapper input {
    border-radius: 20px;
}

.tui-libraryView .tui-sidePanel__inner .tui-engageNavigationPanelSearchLibrary button {
    border-radius: 50%;
    border: 1px solid var(--primary-brand);
    background: var(--primary-brand);
    color: var(--white);
    position: absolute;
    right: 0;
}

/*Search bar*/
.tw-selectSearchText__field input {
    border-radius: 20px;
}

.tui-searchFilter input.tui-searchFilter__search {
    border-radius: 20px;
}

button.tw-selectSearchText__btn {
    border-radius: 50%;
    border: 1px solid var(--primary-brand);
    background: var(--primary-brand);
    color: var(--white);
    position: absolute;
    right: 4px;
    padding: 6px 10px 10px 10px;
}

.tui-engageNavigationPanel__link--active,
.tui-sidePanelNavLinkItem--active
 {
    background-color: var(--secondary-brand);
}

.tui-sidePanel__inner {
    border: none;
}

.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:focus .totaraNav_prim--list_item_label::after, .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after {
    border-color: var(--white);
}

.tw-catalogItemNarrow {
    border-radius: 0;
}

.tui-card {
    border-radius: 0;
}

.container-fluid.breadcrumb-container {
    margin-top: 1rem !important;
}

#page-content {
    padding-top: 0px !important;
}

.tui-workspacePageHeader {
    background-image:url(/theme/image.php/ventura/theme/1707136693/empty-work-space);
    background-position: center;
    background-size: cover;
    height: auto;
    width: 100%;
    background-repeat: no-repeat;
    padding: 2.5rem;
}

.tui-workspacePageHeader .tui-workspacePageHeader__content .tui-workspacePageHeader__head .tui-workspacePageHeader__title h2.tui-workspacePageHeader__title-text,
.tui-workspacePageHeader .tui-workspacePageHeader__content .tui-workspacePageHeader__head .tui-workspacePageHeader__subTitle-text,
.tui-workspacePageHeader .tui-workspacePageHeader__content .tui-workspacePageHeader__head .tui-workspacePageHeader__subTitle .tui-iconBtn  {
    color: var(--white) !important;
}

.img-responsive {
    width: 100% !important;
}

