: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)}.moodle-dialogue-base .closebutton{height:30px;width:50px;background:transparent;border-radius:0;box-shadow:none;position:relative}.moodle-dialogue-base .closebutton:after{position:absolute;font-family:'FontAwesome';content:"\f00d";font-size:15px;color:var(--link-color)}.moodle-dialogue-base .closebutton:after:hover,.moodle-dialogue-base .closebutton:after:focus{color:var(--link-color-hover)}.moodle-dialogue-base .moodle-dialogue-wrap{border:none;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd{letter-spacing:0.02em;background:#fff;font-weight:700;font-size:14px;color:var(--color-text);padding:12px}.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-bd{background:#fff}.jsenabled .choosercontainer #chooseform .alloptions{box-shadow:none}.popover{box-shadow:0 0 20px rgba(0, 0, 0, 0.1);border:0}.popover.bottom>.arrow{border:0;border-bottom-color:#f2f2f2}.block .addBlockPopover--search input[type=text]{width:calc(100% - 25px);border:0;border-bottom:1px solid #ccc;margin:0 15px 0 7px}.alert-info{margin-top:20px}.alert-info,#page-admin-index .adminwarning.availableupdatesinfo,#page-admin-index .releasenoteslink{border-color:var(--btn-prim-bg-color)}.alert-info .alert-icon,#page-admin-index .adminwarning.availableupdatesinfo .alert-icon,#page-admin-index .releasenoteslink .alert-icon{background:var(--btn-prim-bg-color)}.tui-modal__inner{border-radius:10px !important}.alert-warning,.que .outcome,.que .comment{border-color:#eead2f}.alert-warning .alert-icon,.que .outcome .alert-icon,.que .comment .alert-icon{background:#eead2f}button,input.form-submit,input[type=button],input[type=submit],input[type=reset],.link-as-button,.btn-default,input#id_submitbutton,input#id_submitbutton2,.btn-primary,.tui-formBtn--prim,.tui-iconBtn--prim,.tui-actionLink--prim,#notice .singlebutton+.singlebutton input,.submit.buttons input[name=cancel],.tw-catalogManageBtns__btn,.tw-catalogResultsShare__btn,.tw-evidence__header_titleBtns_buttons_link,.tui-formBtn{padding:12px 40px;border-radius:50px;font-weight:600;font-size:14px}button:hover,input.form-submit:hover,input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,.link-as-button:hover,.btn-default:hover,input#id_submitbutton:hover,input#id_submitbutton2:hover,.btn-primary:hover,.tui-formBtn--prim:hover,.tui-iconBtn--prim:hover,.tui-actionLink--prim:hover,#notice .singlebutton+.singlebutton input:hover,.submit.buttons input[name=cancel]:hover,.tw-catalogManageBtns__btn:hover,.tw-catalogResultsShare__btn:hover,.tw-evidence__header_titleBtns_buttons_link:hover,.tui-formBtn:hover,button:focus,input.form-submit:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus,.link-as-button:focus,.btn-default:focus,input#id_submitbutton:focus,input#id_submitbutton2:focus,.btn-primary:focus,.tui-formBtn--prim:focus,.tui-iconBtn--prim:focus,.tui-actionLink--prim:focus,#notice .singlebutton+.singlebutton input:focus,.submit.buttons input[name=cancel]:focus,.tw-catalogManageBtns__btn:focus,.tw-catalogResultsShare__btn:focus,.tw-evidence__header_titleBtns_buttons_link:focus,.tui-formBtn:focus{box-shadow:none}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{padding:6px 25px}.btn-group>.btn:last-child:not(:first-child){border-radius:0 50px 50px 0;padding:12px 40px}.totaraNav .usermenu .btn{margin-left:10px}.nextsetoperator-then,.nextsetoperator .operator-then{background:none}.report-links p::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c1";margin-right:10px}.quick-links p::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c6";margin-right:10px}.useful-links p::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c6";margin-right:10px}.path-rating .ratingtable>tbody>tr:nth-of-type(2n+1),table#explaincaps>tbody>tr:nth-of-type(2n+1),table#defineroletable>tbody>tr:nth-of-type(2n+1),table.grading-report>tbody>tr:nth-of-type(2n+1),table#listdirectories>tbody>tr:nth-of-type(2n+1),table.rolecaps>tbody>tr:nth-of-type(2n+1),table.userenrolment>tbody>tr:nth-of-type(2n+1),table#form>tbody>tr:nth-of-type(2n+1),form#movecourses table>tbody>tr:nth-of-type(2n+1),#page-admin-course-index .editcourse>tbody>tr:nth-of-type(2n+1),.forumheaderlist>tbody>tr:nth-of-type(2n+1),table.flexible>tbody>tr:nth-of-type(2n+1),.generaltable>tbody>tr:nth-of-type(2n+1){background-color:transparent}.user-enroller-panel .uep-search-results .users>tbody>tr:hover,table.grading-report>tbody>tr:hover,.forumheaderlist>tbody>tr:hover,.generaltable>tbody>tr:hover,table.flexible>tbody>tr:hover,table#permissions>tbody>tr:hover{background-color:transparent}.block .header{background-color:transparent}.tui-contributionBaseContent__title{font-weight:300}.tui-sidePanel__inner{background-color:#fff;border:0;border-radius:10px;padding:15px;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.tui-sidePanel__outsideClose{background-color:#fff}.tui-engageNavigationPanel__link{padding:10px}input[type].tui-formInput{border:0;border-bottom:1px solid #727272;padding:10px 0;height:auto}input[type].tui-formInput:focus{border:0;box-shadow:none;border-bottom:1px solid #000}.tui-searchBox__button{border:0;color:#727272}.tui-searchBox__button:hover,.tui-searchBox__button:focus,.tui-searchBox__button:active{box-shadow:none;background-color:#fff;border:0}.tui-searchFilter__group-icon{position:relative;height:auto;order:1}.messaging-area-container .messaging-area .contacts-area .tabs{height:auto}.background-color-primary{background-color:var(--color-state)}#featured_links_content--center{width:auto;max-width:350px;left:auto;bottom:unset;padding:20px;background-color:transparent;text-align:center}#featured_links_content--left{width:auto;max-width:350px;bottom:unset;padding:20px;background-color:transparent;text-align:left}#featured_links_content--right{width:auto;max-width:350px;bottom:unset;padding:20px;left:auto;right:0;background-color:transparent;text-align:right}.block-link-web::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c1";margin-right:10px}.block-link-doc::before{font-family:"Font Awesome 5 Free";font-weight:700;content:"\f0c6";margin-right:10px}.link-external{padding-right:1em;background-image:url('/server/theme/catalyst/pix/link-external.svg');background-repeat:no-repeat;background-position:right;background-size:calc(1em - 0.25em)}@font-face{font-family:'Inter';font-style:normal;font-weight:300;src:local('Inter Light'), local('Inter-Light'), url(/theme/font.php/nztainvest/theme/1751306786/inter-v2-latin-ext_latin-300.woff) format('woff'), url(/theme/font.php/nztainvest/theme/1751306786/inter-v2-latin-ext_latin-300.woff2) format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-weight:400;src:local('Inter Regular'), local('Inter-Regular'), url(/theme/font.php/nztainvest/theme/1751306786/inter-v2-latin-ext_latin-regular.woff) format('woff'), url(/theme/font.php/nztainvest/theme/1751306786/inter-v2-latin-ext_latin-regular.woff2) format('woff2');}@font-face{font-family:'Inter';font-style:normal;font-weight:700;src:local('Inter Bold'), local('Inter-Bold'), url(/theme/font.php/nztainvest/theme/1751306786/inter-v2-latin-ext_latin-700.woff) format('woff'), url(/theme/font.php/nztainvest/theme/1751306786/inter-v2-latin-ext_latin-700.woff2) format('woff2');}.activityinstance{margin:10px 0 0px}.activityinstance a{font-size:1.2em;font-weight:700}.activityinstance span{margin-right:5px}.editing .hidden{width:auto}.tw-catalogManageBtns__group_options{border-color:#eaeaea;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-top:2px solid var(--btn-prim-bg-color)}.tw-catalogItemStyleToggle{background-color:#eaeaea;border-color:#eaeaea}.tw-catalogItemStyleToggle__btn_active{border-color:#eaeaea}.tw-catalogItemNarrow{border:1px solid #dedede}.tw-catalogItemNarrow:active,.tw-catalogItemNarrow:hover,.tw-catalogItemNarrow:focus{box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.tw-catalogItemNarrow__content{padding:10px 15px}.tw-catalogItemNarrow__title{font-size:16px}.tw-catalogItemWide{border:1px solid #dedede;box-shadow:none;transition:0.8s all;margin-bottom:20px}.tw-catalogItemWide:active,.tw-catalogItemWide:hover,.tw-catalogItemWide:focus{box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.tw-catalogItemWide__image{position:unset}.tw-catalog__primaryFilter{border:none}.tw-selectMulti__link{color:var(--link-color)}.tw-selectRegionPanel__selector_header{font-weight:700}.tw-selectSearchText__field_input{border:1px solid transparent;border-bottom:1px solid #727272;padding:10px 0;background:transparent}.tw-selectSearchText__field_input:focus{border-color:transparent;border-bottom-color:#000;outline:none}.tw-selectSearchText__btn{background:transparent;border-color:transparent;color:#262626;box-shadow:none;width:10px;padding:0}.tw-selectSearchText__btn:hover,.tw-selectSearchText__btn:focus{transition:0.3s all;background:transparent;border-color:transparent;color:var(--btn-prim-bg-color);outline:none}.tw-selectRegionPrimary__selector{max-width:none;flex-shrink:0}@media only screen and (min-width:768px){.tw-selectRegionPrimary__selector:first-of-type{min-width:auto;width:33.3%}}@media only screen and (min-width:992px){.tw-selectRegionPrimary__selector:first-of-type{min-width:auto;width:25%}}@media only screen and (min-width:1400px){.tw-selectRegionPrimary__selector:first-of-type{min-width:auto;width:16.67%}}@media only screen and (min-width:768px){.tw-selectRegionPrimary__selector:last-of-type{flex-shrink:0;flex-grow:1;max-width:none}}.mform .fgroup .felement label{width:calc(100% - 30px);vertical-align:middle;padding:5px}.mform .fitem .felement input[type="checkbox"],.mform .fitem .felement input[type="radio"]{vertical-align:-2px}#section-0 .sectionname{font-size:2em;font-weight:700}.course-content .section{padding:5px 0 10px}.pagelayout-incourse #region-main,.pagelayout-course #region-main{background:#fff;padding:30px;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}.path-mod-quiz.pagelayout-incourse #region-main{background:transparent;padding:0;box-shadow:none}#section-0 .tw-formatTopics__collapse_handle{background-color:transparent !important;color:#262626 !important}#section-0 .tw-formatTopics__collapse_handle .tfont-var-chevron-down:before{display:none}#mod-ojt-user-ojt .mod-ojt-topic-signoff{font-weight:bold}.mod-ojt-topic-heading{padding-left:1.2em;margin-top:40px}.mod-ojt-topic h4{padding-top:20px}.path-mod-ojt{}.path-mod-ojt .comment-area .fd{height:40px;margin-top:20px}.path-mod-ojt .comment-area .fd a{padding:12px 15px;margin-top:15px;border-radius:3px;font-size:1.2em}.path-mod-ojt .comment-area .fd a:hover,.path-mod-ojt .comment-area .fd a:focus{text-decoration:none}.path-mod-ojt .evalprint{padding:12px 15px;margin-top:15px;border-radius:3px}.path-mod-ojt .evalprint:hover,.path-mod-ojt .evalprint:focus{text-decoration:none}#ojtintro{margin-top:30px}.que{background:#fff;border-radius:10px;border-bottom:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);padding:20px}.que .info{background:transparent;border-radius:0;border:0}.que .formulation{background-color:transparent;border-radius:0;border:0}.que h3.no{font-size:1.5em;text-align:right}#page-mod-quiz-attempt .state,#page-mod-quiz-review .state,#page-mod-quiz-attempt .grade,#page-mod-quiz-review .grade,#page-mod-quiz-attempt .questionflag,#page-mod-quiz-review .questionflag{display:none}.que h3.no{font-size:1.5em;text-align:right}.prompt{font-size:1em;font-style:normal;margin:15px 0;font-weight:700}.que .outcome,.que .comment{border-radius:0}.formulation .incorrect,.formulation .correct,.que.multichoice .answer .specificfeedback{border:0}.fitem>fieldset>legend{font-size:1em}.path-mod-feedback div.feedback_itemlist{border-top:0}.path-mod-lesson .contents{margin-bottom:30px}#site-admin-training{display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;color:#333}.course-help-link{background-color:#e6ad30;border:2px solid #e6ad30;padding:15px 20px;margin:10px;border-radius:50px;color:white;text-decoration:none;font-size:16px;font-weight:600;transition:0.3s;letter-spacing:0.5px}.course-help-link:hover,.course-help-link:focus{background-color:white;color:#e6ad30;text-decoration:none}.course-description{width:100%;font-size:16px;line-height:24px;margin-bottom:60px;margin-top:30px}.course_catalogue{width:100%;display:flex;flex-wrap:wrap}.course_catalogue_row{display:flex;flex-wrap:wrap;width:100%}.course_catalogue .level-1-heading{width:100%;padding:10px;font-size:28px;font-weight:200;border-bottom:1px solid #333;margin:10px;margin-top:25px}.course_catalogue .level-2-heading{font-size:20px;font-weight:600;color:#171717;letter-spacing:0.5px;padding-top:13px}.course_catalogue_row--tile{width:100%;height:auto;max-height:300px;padding:0px 20px 100px;margin:10px;position:relative;box-shadow:0 0 20px #eee}@media only screen and (min-width:768px){.course_catalogue_row--tile{width:calc(50% - 20px)}}@media only screen and (min-width:1200px){.course_catalogue_row--tile{width:calc(25% - 20px)}}.course_catalogue_row--tile p{color:#333}.course_catalogue_link{margin:0;bottom:0;position:absolute;width:100%;left:0;padding:20px 0;display:inline;text-align:center;color:white;text-decoration:none;font-size:18px;font-weight:600;background-color:#171717;letter-spacing:0.5px}.course_catalogue_link:hover,.course_catalogue_link:focus{transition:0.3s;color:white;text-decoration:none;background-color:#32363a}.course_catalogue_row.blue .level-2-heading{color:#5b9aa9}.course_catalogue_row.blue .course_catalogue_link{background-color:#5b9aa9}.course_catalogue_row.blue .course_catalogue_link:hover,.course_catalogue_row.blue .course_catalogue_link:focus{background-color:#487d89}.course_catalogue_row.green .level-2-heading{color:#889a3a}.course_catalogue_row.green .course_catalogue_link{background-color:#889a3a}.course_catalogue_row.green .course_catalogue_link:hover,.course_catalogue_row.green .course_catalogue_link:focus{background-color:#67752c}.course_catalogue_row.yellow .level-2-heading{color:#e6ad30}.course_catalogue_row.yellow .course_catalogue_link{background-color:#e6ad30}.course_catalogue_row.yellow .course_catalogue_link:hover,.course_catalogue_row.yellow .course_catalogue_link:focus{background-color:#cb9318}.course_catalogue_row.orange .level-2-heading{color:#dd8545}.course_catalogue_row.orange .course_catalogue_link{background-color:#dd8545}.course_catalogue_row.orange .course_catalogue_link:hover,.course_catalogue_row.orange .course_catalogue_link:focus{background-color:#ca6a25}.course-template-1 .main{display:flex;flex-wrap:wrap;justify-content:center}.course-template-1 .main .image{display:block;background-color:transparent;margin:10px;overflow:hidden;max-width:600px;height:auto}@media only screen and (min-width:550px){.course-template-1 .main .image{max-height:400px;margin:20px}}.course-template-1 .main .image img{max-height:250px;width:auto}@media only screen and (min-width:550px){.course-template-1 .main .image img{max-height:400px}}.course-template-1 .main .course-content{width:600px;height:auto;display:flex;flex-wrap:wrap;padding:20px;margin:10px}@media only screen and (min-width:550px){.course-template-1 .main .course-content{height:400px;margin:20px;padding:30px;padding-bottom:0;margin-bottom:0}}.course-template-1 .main .course-header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.course-template-1 .main .course-header .course-title{align-self:flex-start;margin-top:0}.course-template-1 .main .course-header .checkbox{margin:0 0 20px 0}.course-template-1 .main .btns{display:flex;flex-wrap:wrap;width:100%;align-items:flex-end;justify-content:space-between}.course-template-1 .main .btns .btn{width:100%;text-decoration:none}@media only screen and (min-width:550px){.course-template-1 .main .btns .btn{width:48%}}.course-template-1 .main .btns .checkbox{float:right;margin-top:-10px;filter:invert(100%)}.course-content ul li.section.main{border-bottom:none;margin-bottom:30px}.course-template-2 .main{display:flex;flex-wrap:wrap;justify-content:center}.course-template-2 .main .left-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px;margin-bottom:10px}@media only screen and (min-width:500px){.course-template-2 .main .left-block{min-height:400px;margin:20px}}.course-template-2 .main .image{overflow:hidden;margin-bottom:20px}.course-template-2 .main .image img{height:auto;width:100%}@media only screen and (min-width:500px){.course-template-2 .main .image{height:270px}}.course-template-2 .main .right-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px}@media only screen and (min-width:500px){.course-template-2 .main .right-block{min-height:400px;margin:20px}}.course-template-2 .main .course-header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.course-template-2 .main .course-title{align-self:flex-start;margin-top:0}.course-template-2 .main .subheading-container{display:flex;width:100%;align-items:center}.course-template-2 .main .subheading-container .icon{align-self:center;margin-right:10px}.course-template-2 .main .course-subheading{margin:0}.course-template-2 .main .activities{list-style-type:none;width:100%;margin-left:0px;margin-top:20px}.course-template-2 .main .activity{width:100%;display:flex}.course-template-2 .main .activity--link{width:100%;text-align:center;text-decoration:none}.course-template-2 .main .activity .checkbox{margin-left:20px;margin-top:0;padding-right:0;width:40px;height:40px}.course-template-2 .main .resources{width:100%}.course-template-2 .main .fa-link{padding-right:10px}.course-template-2 .main .resource{text-decoration:none}.course-template-2 .main .button-full-width{width:100%;max-width:1246px}.course-template-3 .main{display:flex;flex-wrap:wrap;justify-content:center}.course-template-3 .main .left-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px;margin-bottom:10px}@media only screen and (min-width:500px){.course-template-3 .main .left-block{min-height:400px;margin:20px}}.course-template-3 .main .image{overflow:hidden;margin-bottom:20px}.course-template-3 .main .image img{height:auto;max-width:100%}@media only screen and (min-width:500px){.course-template-3 .main .image{height:270px}}.course-template-3 .main .right-block{max-width:600px;height:auto;display:flex;flex-wrap:wrap;border:1px solid #eee;padding:30px}@media only screen and (min-width:500px){.course-template-3 .main .right-block{min-height:400px;margin:20px}}.course-template-3 .main .course-header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.course-template-3 .main .course-title{align-self:flex-start;margin-top:0}.course-template-3 .main .subheading-container{display:flex;width:100%}.course-template-3 .main .subheading-container .icon{align-self:center;margin-right:10px}.course-template-3 .main .course-subheading{margin:0}.course-template-3 .main .activities{list-style-type:none;width:100%;margin-left:0px;margin-top:20px}.course-template-3 .main .activity{width:100%;display:flex}.course-template-3 .main .activity--link{width:100%;text-align:center;text-decoration:none}.course-template-3 .main .activity .checkbox{margin-left:20px;margin-top:0;padding-right:0;width:40px;height:40px}.course-template-3 .main .resources{width:100%}.course-template-3 .main .fa-link{padding-right:10px}.course-template-3 .main .resource{text-decoration:none}.course-template-3 .main .button-full-width{width:100%;max-width:1246px}.sectionname{margin-top:10px}.course-template-4{display:flex;flex-wrap:wrap}.course-template-4 .checkbox.main{display:flex;width:100%;justify-content:flex-end;margin-bottom:20px}.course-template-4 .checkbox.main img{width:40px;height:40px}.course-template-4 .overview{width:100%;display:flex;flex-wrap:wrap}.course-template-4 .overview .description{width:100%;padding:0 60px 20px 30px;order:2}@media only screen and (min-width:1120px){.course-template-4 .overview .description{width:calc(100% - 324px);padding:0 60px 0 0;order:0}}.course-template-4 .overview .image{width:100%;padding:30px}@media only screen and (min-width:1120px){.course-template-4 .overview .image{padding:0;width:324px;height:220px}}.course-template-4 .overview .image img{width:100%;height:auto}.course-template-4 .activities{list-style-type:none;width:100%;margin-left:0;padding-left:30px}@media only screen and (min-width:1120px){.course-template-4 .activities{padding-left:0}}.course-template-4 .activity{width:100%;display:flex;align-items:center}@media only screen and (min-width:1120px){.course-template-4 .activity{width:calc(100% - 324px)}}.course-template-4 .activity--link{width:calc(100% - 50px);max-width:400px;text-align:center;text-decoration:none}.course-template-4 .activity .checkbox{margin-left:20px}.course-template-4 .activity .checkbox img{width:40px;height:40px}.course-template-5 .main{display:flex;flex-wrap:wrap;justify-content:center}.course-template-5 .main .section{width:100%;padding-bottom:30px;border-bottom:1px solid #ccc}.course-template-5 .main .course-header{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.course-template-5 .main .course-header .course-title{align-self:flex-start;margin-top:0}.course-template-5 .main .course-header .checkbox{margin:0 0 20px 0}.course-template-5 .main .btns{display:flex;flex-wrap:wrap;width:100%;align-items:flex-end;justify-content:space-between}.course-template-5 .main .btns .btn{width:100%}@media only screen and (min-width:550px){.course-template-5 .main .btns .btn{width:49%}}.course-template-5 .main .btns .checkbox{float:right;margin-top:-10px;filter:invert(100%)}.course-template-5 .main .activities{list-style-type:none;width:100%;margin-left:0px;margin-top:20px}.course-template-5 .main .activity{width:100%;display:flex}.course-template-5 .main .activity--link{width:100%;text-align:center;text-decoration:none}.course-template-5 .main .activity .checkbox{margin-left:20px;margin-top:0;padding-right:0;width:40px;height:40px}.coursetitle{font-size:32px}.coursecompletion{float:right;margin-right:5px}.section .activity .contentwithoutlink{display:block}.mod-bootstrapelements-toggle{min-width:320px;background-color:#e6e7e8}.instructiontext{font-weight:bold}.buttons{display:flex;width:100%;flex-wrap:wrap}.buttons .btn-small{text-align:center;width:calc(100% - 55px);color:var(--btn-prim-text-color)}.buttons .btn-small:hover,.buttons .btn-small:focus{color:var(--btn-prim-text-color-focus)}.buttons .small img{margin:0 5px}#page-course-view-topics .small{width:100%;margin:5px 0}@media only screen and (min-width:767px){#page-course-view-topics .small{width:50%}}#page-course-view-topics .section .label .contentwithoutlink{padding-right:0}.btn-full{text-align:center;width:calc(100% - 55px);color:var(--btn-prim-text-color) !important}.btn-full:hover,.btn-full:focus{color:var(--btn-prim-text-color-focus)}.full img{margin:0 5px}.image-block img{width:100%}.course-template-7 .course-title{font-size:32px;margin-left:20px}@media only screen and (min-width:767px){.course-template-7 .course-title{margin-left:40px}}.course-template-7 .image img{width:100%}@media only screen and (min-width:767px){.course-template-7 .image img{width:100%}}.course-template-7 .overview{display:flex;flex-wrap:wrap;justify-content:center;margin:20px;border:1px solid #ccc}@media only screen and (min-width:767px){.course-template-7 .overview{margin:40px}}.course-template-7 .overview--heading_container{display:flex;flex-wrap:wrap}.course-template-7 .overview--name{margin-top:0;width:calc(100% - 40px)}.course-template-7 .overview .checkbox{width:40px;margin:0}.course-template-7 .overview--description{padding:0 0 20px 0}.course-template-7 .overview .description{padding:20px 0;font-size:17px}.course-template-7 .overview .fa{margin-right:10px}.course-template-7 .section{padding:0;margin:20px;width:100%}@media only screen and (min-width:767px){.course-template-7 .section{width:calc(50% - 40px);padding:20px}}.course-template-7 .activities{display:flex;flex-wrap:wrap;justify-content:center}.course-template-7 .activity{width:100%;padding:10px;margin:10px}@media only screen and (min-width:767px){.course-template-7 .activity{width:calc(50% - 40px);padding:20px;margin:20px}}.course-template-7 .activity--name{margin-top:0;border-bottom:1px solid #ccc;padding-bottom:5px}.course-template-7 .btn{width:100%;text-decoration:none;margin-bottom:15px}.course-template-7 .btn .checkbox{float:right;margin-top:-10px}.course-template-7 .btn .checkbox img{filter:invert(1)}.course-template-8 .overview{padding:0 20px}.course-template-8 .course-title{font-size:32px}.course-template-8 .activities{display:flex;flex-wrap:wrap;justify-content:center}.course-template-8 .activity{width:100%;border:1px solid #ccc;padding:20px;margin:20px}@media only screen and (min-width:767px){.course-template-8 .activity{width:calc(50% - 40px)}}@media only screen and (min-width:1120px){.course-template-8 .activity{width:calc(33.3% - 40px)}}.course-template-8 .activity--name{margin-top:0}.course-template-8 .btn{width:100%;text-decoration:none}.course-template-8 .btn .checkbox{float:right;margin-top:-10px}.course-template-8 .btn .checkbox img{filter:invert(1)}.pagelayout-dashboard{}.pagelayout-dashboard .block .content .footer{margin-top:30px;text-align:right;line-height:3}.pagelayout-dashboard .block .content .footer a{background:var(--link-color);padding:7px 25px;color:#fff;border-radius:50px;margin-top:6px;font-weight:700;font-size:14px}.pagelayout-dashboard .block .content .footer a:hover,.pagelayout-dashboard .block .content .footer a:focus{background:var(--link-color-hover);text-decoration:none;color:#fff}.block.block_totara_recent_learning .content ul a::before{display:inline;content:"\f19d";font-family:'FontAwesome';margin-right:5px}.block_totara_certifications .content ul a::before{display:inline;content:"\f0a3";font-family:'FontAwesome';margin-right:5px}.block_current_learning .content.block-content{padding:16px}.block_current_learning .panel-body ul li{border-bottom-color:#ccc;padding:10px}.block_current_learning .panel-body ul li:nth-of-type(even){background-color:transparent}.block_current_learning .panel-body ul li h3{font-weight:400}.block_current_learning .panel-footer{border-top:0}.progress{border:1px solid var(--link-color);box-shadow:none;border-radius:50px}.progress .bar{background-color:var(--link-color);box-shadow:none}.progress-invert .progressbar__text{font-weight:700}.block-totara-featured-links-gallery-subtiles.slick-slider{border-radius:10px}#custom-heading .block-totara-featured-links-tile{border-radius:10px}#custom-heading .block-totara-featured-links-content{background-color:rgba(255, 255, 255, 0.9);position:relative;padding:30px;border-radius:10px;max-width:500px;display:none}#custom-heading .block-totara-featured-links-content h3,#custom-heading .block-totara-featured-links-content p{color:#262626}.overlapping_text--h2 h2{font-size:60px;font-weight:700}.overlapping_text--h1{margin-bottom:-75px;z-index:1;position:relative;background:transparent}.editing .overlapping_text--h1{margin-bottom:0}.overlapping_text--h1 h1{font-weight:700;font-size:72px !important;color:#fff;text-align:right;float:right;background:#e5677f;padding:10px 20px;border-radius:10px 10px 0 10px}.pagelayout-dashboard .breadcrumb-nav{display:none}.block.homepage-block{display:inline-block;width:calc(33.3% - 13px);background:#9fbffe;padding:20px;color:#fff;font-weight:bold;font-size:18px;margin-right:15px;vertical-align:middle}.block.homepage-block .content.block-content .no-overflow{display:flex;flex-wrap:wrap;align-items:center}.block.homepage-block .icon i{font-size:30px;opacity:0.8}.block.homepage-block .text{margin-left:25px}.block.homepage-block p{opacity:0.8;margin:0}.block.homepage-block a{display:block;color:#fff;border-bottom:1px solid}.block.homepage-block a:hover,.block.homepage-block a:focus{text-decoration:none;border-bottom:1px dashed}.block.homepage-block.pink{background-color:#e5677f}.block.homepage-block.yellow{background-color:#f8cf61}.block.homepage-block.right{margin-right:0}.skip-block-to{display:inline}.block.block-row{display:inline-block;padding:20px;background-color:#eee;border-radius:10px;width:calc(25% - 15px);margin-right:15px}.block.block-row.right{margin-right:0}.block.block-row h3{display:inline;margin-bottom:0}.block.block-row i{float:right;font-size:29px;opacity:0.8}.block.call_to_action{width:50%;float:left;max-width:600px;margin-top:-435px;margin-left:40%;padding:30px 50px;background:#9fbffe;align-items:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.06) !important}.block.call_to_action h2{color:#fff;margin-bottom:20px}.block.call_to_action--btn{padding:12px 40px;border-radius:50px;font-weight:600;font-size:16px;background-color:#9fbffe;color:#fff;border-color:#9fbffe;border:2px solid;margin-bottom:0;float:right}.block.call_to_action--btn:hover,.block.call_to_action--btn:focus{background-color:#fff;color:#9fbffe;border-color:#fff;text-decoration:none}#block-region-top .block_totara_featured_links{background-color:transparent}.block-totara-featured-links-layout .block-totara-featured-links-tile,.block-totara-featured-links-layout .block-totara-featured-links-flex-filler,.block-totara-featured-links-layout .block-totara-featured-links-tile-adder,.block-totara-featured-links-layout .block-totara-featured-links-tile.background-cover,.block-totara-featured-links-layout .block-totara-featured-links-flex-filler.background-cover,.block-totara-featured-links-layout .block-totara-featured-links-tile-adder.background-cover{border-radius:10px}.block-totara-featured-links-layout>div .block-totara-featured-links-flex-filler.background-cover,.block-totara-featured-links-layout>div .block-totara-featured-links-flex-filler{border-radius:10px}.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-bottom{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.block-totara-featured-links-layout>div .block-totara-featured-links-content.block-totara-featured-links-content-top{border-top-left-radius:10px;border-top-right-radius:10px}#page-footer{border-top:none;border-bottom:none;min-height:140px;box-shadow:0 0 20px rgba(0, 0, 0, 0.06)}#page-footer a:link.btn{padding:8px 26px;font-size:14px;margin-left:20px;border-radius:50px;font-weight:500}#page-footer .purgecaches{display:none}#page-footer .page-footer-poweredby{display:none}body{font-family:'Inter';font-size:15px;font-weight:400;line-height:26px;background-color:#fafafa}#page-content{padding:20px;margin-top:20px}h1,h2,h3,h4,h5{font-family:'Inter';font-weight:700}.block{border:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-radius:10px;padding:8px}.block .block-title{box-shadow:none;padding-bottom:5px}.block .block-header h2{color:#262626;font-size:18px;text-transform:capitalize;font-weight:bold;letter-spacing:0.03rem}#region-main{border-radius:10px}.nav-tabs>li>a{text-transform:capitalize;font-size:15px}.reportbuilder-table .user_namewithlinks a{font-size:20px}.reportbuilder-table .user_namewithlinks li a{font-size:15px;line-height:25px;padding:0 10px}@media only screen and (min-width:768px){.reportbuilder-table .user_namewithlinks li a{line-height:10px;font-size:18px}}.reportbuilder-table .user_namewithlinks ul{float:right}.active_tree_node a{color:#2b292d;background:#f8cf61}.label-default{background-color:#f8cf61;color:#2b292d}textarea{width:100%}@media only screen and (max-width:992px){.has-region-side-pre #region-main,.has-region-side-post #region-main{border-bottom-left-radius:0;border-bottom-right-radius:0}}#page-login-index .totaraNav{display:none}#page-login-index #maincontent{height:0px}#page-login-index #page{padding:0;margin:0;max-width:100%}#page-login-index #page-content{padding:0;margin:0}#page-login-index #page-content>.row{margin-left:0;margin-right:0}#page-login-index #region-main{padding:0}#page-login-index #login_hero-image{width:100%;margin:0}#page-login-index #page-footer{display:none}#page-login-index .loginbox .loginform .form-input input[type=text],#page-login-index .loginbox .loginform .form-input input[type=password]{border:none;box-shadow:none;border-bottom:1px solid #919191;background:transparent;padding:20px 0 25px 0;font-size:16px}#page-login-index .loginbox .loginform .form-input input[type=text]:focus,#page-login-index .loginbox .loginform .form-input input[type=password]:focus{border-color:transparent;outline:0;box-shadow:none;border-bottom:1px solid var(--btn-prim-bg-color)}#page-login-index .loginbox .loginform .form-input{margin-bottom:35px}#page-login-index .loginbox .loginform .form-label label{margin-bottom:0;font-weight:500}#page-login-index .loginbox #loginbtn{width:100%;margin-top:0}#page-login-index .forgetpass{text-align:center}#page-login-index .desc{text-align:center;margin-top:10px;color:#6e6e6e}#page-login-index .desc a{color:#6e6e6e}#page-login-index .desc a:hover{text-decoration:none}#page-login-index .loginbox{padding:0 30px}@media only screen and (min-width:768px){#page-login-index .loginbox{padding:0;padding-top:30px}}#page-login-index .loginbox .subcontent{margin-top:88px}@media only screen and (min-width:768px){#page-login-index .loginbox .subcontent{margin-top:50px}}#page-login-index h2{font-weight:600;margin-bottom:25px;font-size:40px}#page-login-index hr{display:none}#notice{padding:15px}.modal-content{box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border:none;padding:10px 20px}.modal-content .modal-header{padding:15px 5px;border-bottom:none}.modal-content .modal-header h4{font-weight:600}.modal-content .modal-footer{border-top:none}.totaraNav{box-shadow:none}.totaraNav_prim{}.totaraNav_prim .container-fluid{padding-left:10px;padding-right:10px}@media only screen and (min-width:768px){.totaraNav_prim .container-fluid{padding-left:30px;padding-right:30px}}.totaraNav_prim--toggleNav_target{padding:4px;background:var(--nav-bg-color)}.totaraNav_prim--toggleNav_target:hover,.totaraNav_prim--toggleNav_target:focus{background:var(--nav-bg-color)}.totaraNav_prim--toggleNav_target .flex-icon{font-size:25px;vertical-align:middle}.totaraNav_prim .masthead_logo{flex-basis:auto}.totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after{border-color:var(--btn-prim-bg-color)}.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link{font-weight:600}.totaraNav_prim--side .totara_core__QuickAccess_hr{border-top:1px solid #efefef}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_footer:before{border-top:1px solid #efefef}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu{box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-radius:6px;font-size:15px;margin-top:1px}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-input{background-color:#fff;color:#262626;border:1px solid #ccc;box-shadow:none;border-radius:6px 0 0 6px !important}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button{border-radius:0 6px 6px 0}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_group-title{font-size:15px;font-weight:bold}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_group-list li a{color:var(--link-color)}.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_footer a{font-weight:bold;font-size:1.3rem}.totaraNav_prim--side__separator{display:none}.totaraNav_prim--side .menu .filler{display:none}.totaraNav_prim--list_showMobile{background:var(--nav-bg-color);color:var(--nav-tab-text-color)}.totaraNav_sub{border-top:none;background-color:#eee}.totaraNav_sub--list_item_link{border:none;font-weight:400;background-color:#eee}.totaraNav_sub--list_item_label{font-size:15px}.totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link{font-weight:600;background-color:#fafafa}.usermenu .moodle-actionmenu[data-enhanced].show .menu{border:none}.usermenu .moodle-actionmenu[data-enhanced].show .menu>li>a{padding:15px 20px}.moodle-actionmenu .menu-action{padding:15px 20px}.navExpand--listSecond{border:none;box-shadow:0 0 20px rgba(0, 0, 0, 0.06);border-top:2px solid var(--btn-prim-bg-color);border-radius:0 0 3px 3px}.navExpand--listSecond .navExpand--list_item_link{padding:1.6rem;font-weight:400;font-size:15px;border-color:#f4f4f4}.navExpand--listSecond .navExpand--list_item_label{font-size:15px}.popover-region-container{border-radius:10px;border:none}.popover-region-container .popover-region-header-container{border-radius:10px 10px 0 0;padding:10px 20px;height:45px;background:#f4f4f4}.popover-region-container .popover-region-content-container{height:calc(100% - 90px)}.popover-region-container .popover-region-footer-container{border-radius:0 0 10px 10px;height:45px;padding:10px;background:#f4f4f4}.count-container{top:13px}.breadcrumb-container.container-fluid{padding-left:30px;padding-right:30px}:root{--nav-bg-color: #003b5c;--nav-text-color: #ffffff;--color-primary: #69bd45;--btn-prim-accent-color: #36A5A6;--btn-accent-color: #36A5A6;--link-color: #006DB6;--color-state: #003b5c;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #ffffff;--btn-prim-accent-color-focus: #2c9b9c;--btn-prim-accent-color-active: #1b8a8b;--btn-accent-color-focus: #2c9b9c;--btn-accent-color-active: #1b8a8b;--link-color-hover: #0063ac;--color-state-hover: #003152;--color-state-focus: #003152;--color-state-active: #002041;--footer-text-color-hover: #f5f5f5;}
/********************VERSION CONTROL
LAST UPDATE BY: Senio Holland
DEPLOYED TO PRODUCTION ON: 28 Feb 2024
WR: 423513
COPY: https://alfresco.wgtn.cat-it.co.nz/share/s/wi_-AgH8TzKj5wEsqFC0ig
********************/

#page-mod-quiz-review .btn-default {
    background-color: #afbd22 !important;
}

.loginbox #loginbtn {
    color:#fff;
    background-color: #afbd22;
    ;
    border-color: var(--btn-prim-border-color);
    font-weight: bold;
    margin: var(--gap-7) 0 var(--gap-7);
}

#page-login-index .loginbox .subcontent {
    margin-top: 0px;
}

body.h5p-embed {
    background: transparent;
}

.alert-with-icon {
    display: none;
}

.h5p-image-hotspots-background {
    background-size: contain;
}
/******* Migrated from the backend .less files  *********/

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_group-list li a {
    color: #fff !important;
}

body {
    font-size: 16px;
    line-height: 27px;
}

h1,
h2,
h3 {
    font-weight: bold;
}

a {
    color: #006DB6;

    &:hover,
    &:focus {
        color: #006DB6 -hover;
    }
}
/* filters */
.tw-selectMulti__link {
    color: #006DB6;
}

.tw-selectMulti__link_text:hover {
    color: #006DB6 !important;
}

.tw-selectSearchText__btn {
    color: #006DB6;
}
/*  catalogue */
.tw-catalog__primaryFilter {
    border: none;
}
/* messages and notifications */
.popover-region {

    &-toggle::after {
        border-bottom-color: #eee;
    }

    &-header-container,
    &-footer-container {
        background: #eee;
    }
}
.block {
    border: 0;

    .block-title {
        box-shadow: none;
        padding-bottom: 5px;
    }

    .block-header h2 {
        color: #003b5c;
        font-size: 20px;
        text-transform: capitalize;
        font-weight: bold;
        padding: 10px 0;
    }
}
/* login */
#page-site-index {

    a.btn.btn-primary.btn-xs {
        margin-left: 10px;
    }
}

.totaraNav_prim--side__separator {
    display: none;
}

/******* custom-rtl.css files tided  *********/

#page-login-index .totaraNav_prim .masthead_logo--header_img {
    margin-top: 15px;
}

.totaraNav--list_item_expanded>a.totaraNav_prim--list_item_link {
    background-color: #003b5c;
}

/* .totaraNav_prim {
      background-color: #003b5c;
      height: auto;
      min-height: 60px;
  } */

.totaraNav_prim .masthead_logo--header_img {
    height: 3em;
}

.totaraNav_prim--toggleNav_target {
    padding: 2rem .8rem;
}

.totaraNav_prim--toggleNav_target:hover,
.totaraNav_prim--toggleNav_target:focus {
    background-color: #005c8f;
}

.totaraNav_prim--list_item_link {
    background-color: #003b5c;
    color: #fff;
    border-bottom: 5px solid transparent;
    height: 67px;
    padding-top: 24px;
    font-size: 15px;
}

.totaraNav_prim--list_item_link:hover,
.totaraNav_prim--list_item_link:focus {
    background-color: #003b5c;
    color: #fff;
    border-bottom: 5px solid #afbd22;
}

.totaraNav_prim--list_item_selected a {
    background-color: #003b5c !important;
    color: #fff;
    border-bottom: 5px solid #afbd22;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu {
    background-color: #003b5c;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search .btn-default {
    padding: 7px 14px;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-input {
    background-color: #fff;
    color: #003b5c;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button {
    background-color: #005c8f;
}

/* 
  .totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button:hover, */

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button:focus {
    background-color: #009df5;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_group-title {
    font-size: 15px;
    font-weight: bold;
    color: #fff !important;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_footer a {
    font-weight: bold;
    font-size: 1.3rem;
    color: #fff;
}

.totaraNav_prim--side .popover-region .nav-link {
    height: 67px;
    padding-top: 24px;
}

.totaraNav_prim--side .popover-region .nav-link:hover {
    background-color: #005c8f;
}

.totaraNav_prim--side .usermenu .toggle-display {
    height: 67px;
    padding: 24px;
}

.totaraNav_prim--side .usermenu .toggle-display:hover {
    background-color: #005c8f;
}

.totaraNav_prim--side .usermenu .toggle-display .avatars {
    margin-top: 0 !important;
}

.totaraNav_prim--side .usermenu .toggle-display .caret {
    margin-top: 9px;
}

.totaraNav_prim--side .menu .filler {
    display: none;
}

.moodle-actionmenu[data-enhanced].show .menu>li>a {
    padding: 15px 20px;
}

.moodle-actionmenu[data-enhanced].show .menu>li>a:hover {
    background-color: #009df5;
}

.navExpand--listSecond {
    box-shadow: none;
}

.navExpand--listSecond .navExpand--list_item_link {
    padding: 1.6rem;
    background-color: #003b5c;
    color: #fff;
}

.navExpand--listSecond .navExpand--list_item_link:hover {
    background-color: #afbd22;
    color: #fff;
}

.navExpand--listSecond .navExpand--list_item_label {
    font-size: 15px;
}

.ie11 .masthead_logo--header_link {
    height: 3.5rem;
}

#page-footer {
    border-top: none;
    background-color: #003b5c;
    padding-top: 0;
    height: 140px;
}

#page-footer .page-footer-loggedin-info {
    display: none;
}

#page-footer .page-footer-main-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px;
}

#page-footer .purgecaches {
    display: none;
}

#page-footer .page-footer-poweredby {
    display: none;
}

#page-footer .catalyst-link {
    color: white;
    font-size: 17px;
    padding: 20px;
}

#page-footer .catalyst-link:hover,
#page-footer .catalyst-link:focus {
    text-decoration: underline;
    color: white;
}

.footnote {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
}

.footnote .text_to_html {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footnote .tagline {
    max-width: 400px;
    width: 100%;
    height: auto;
    padding: 20px;
}

input[type="submit"],
input[type="button"],
.link-as-button,
.btn-default,
input#id_submitbutton,
input#id_submitbutton2 {
    background-color: #afbd22;
    color: #fff;
    border-radius: 3px;
    border: 0;
    padding: 10px 14px;
    margin-right: 0;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.link-as-button:hover,
.btn-default:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
.link-as-button:focus,
.btn-default:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus {
    background-color: #c3d326;
    color: #fff;
}

.tw-catalogDetailsLink__option_btn {
    background-color: #afbd22;
}

.tw-catalogDetailsLink__option_btn:hover,
.tw-catalogDetailsLink__option_btn:focus {
    background-color: #c3d326;
}

.btn-primary,
.btn-sm {
    background-color: #afbd22;
    color: #fff !important;
    padding: 10px;
    border-radius: 3px;
    font-size: 13px;
}

.btn-primary:hover,
.btn-sm:hover,
.btn-primary:focus,
.btn-sm:focus {
    background-color: #c3d326;
}

.btn-primary span,
.btn-sm span {
    color: #fff !important;
}

.tw-catalogResultsShare__btn,
.tw-catalogManageBtns__btn {
    border: none;
    color: #fff;
    background-color: #afbd22;
    border-radius: 3px;
}

.tw-catalogResultsShare__btn:hover,
.tw-catalogManageBtns__btn:hover,
.tw-catalogResultsShare__btn:focus,
.tw-catalogManageBtns__btn:focus {
    color: #fff;
    background-color: #c3d326;
}

#coursesearch .btn-default {
    padding: 7px 14px;
}

.addBlock--trigger {
    background-color: #afbd22;
    border-color: #afbd22;
}

.addBlock--trigger:hover,
.addBlock--trigger:focus {
    background-color: #c3d326;
    border-color: #c3d326;
}

.addBlock--trigger .flex-icon {
    color: #fff;
}

.btn-primary .block span {
    color: #fff;
}

.full .btn {
    padding: 8px;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px);
}

.full .btn-black {
    background-color: #afbd22;
}

.full .btn-black:hover,
.full .btn-black:focus {
    background-color: #c3d326;
}

.small .btn {
    padding: 8px;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px);
}

.small .btn-small-black {
    background-color: #afbd22;
}

.small .btn-small-black:hover,
.small .btn-small-black:focus {
    background-color: #c3d326;
}

.report-links p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f0c1";
    margin-left: 10px;
}

.quick-links p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f0c6";
    margin-left: 10px;
}

.useful-links p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f0c6";
    margin-left: 10px;
}

.path-rating .ratingtable>tbody>tr:nth-of-type(2n+1),
table#explaincaps>tbody>tr:nth-of-type(2n+1),
table#defineroletable>tbody>tr:nth-of-type(2n+1),
table.grading-report>tbody>tr:nth-of-type(2n+1),
table#listdirectories>tbody>tr:nth-of-type(2n+1),
table.rolecaps>tbody>tr:nth-of-type(2n+1),
table.userenrolment>tbody>tr:nth-of-type(2n+1),
table#form>tbody>tr:nth-of-type(2n+1),
form#movecourses table>tbody>tr:nth-of-type(2n+1),
#page-admin-course-index .editcourse>tbody>tr:nth-of-type(2n+1),
.forumheaderlist>tbody>tr:nth-of-type(2n+1),
table.flexible>tbody>tr:nth-of-type(2n+1),
.generaltable>tbody>tr:nth-of-type(2n+1) {
    background-color: transparent
}

.user-enroller-panel .uep-search-results .users>tbody>tr:hover,
table.grading-report>tbody>tr:hover,
.forumheaderlist>tbody>tr:hover,
.generaltable>tbody>tr:hover,
table.flexible>tbody>tr:hover,
table#permissions>tbody>tr:hover {
    background-color: transparent;
}

.block .header {
    background-color: transparent;
}

#page-totara-dashboard-1 #block-region-top,
#page-site-index #block-region-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block_totara_featured_links {
    width: 100%;
}

.block-full-width {
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
    margin: 5px 10px 15px 14px;
    padding: 15px !important;
    width: 100%;
}

.block-row {
    min-height: 250px;
    color: #003b5c;
    width: 100%;
    font-size: 16px;
}

.block-row.home {
    padding: 20px !important;
    padding-bottom: 70px !important;
    margin-bottom: 30px;
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
}

.block-row.chromeless {
    padding: 10px;
}

.block-row.dashboard {
    width: 100%;
}

@media screen and (min-width:768px) {
    .block-row.dashboard {
        margin: 10px;
        width: calc(50% - 20px);
    }
}

@media screen and (min-width:1024px) {
    .block-row.dashboard {
        width: calc(33.3% - 20px);
    }
}

.block-row.major {
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
    padding: 20px !important;
}

.block-row.major .btn-white-ghost {
    border: 1px solid #003b5c;
    color: #003b5c;
}

.block-row.major h2 {
    font-size: 26px !important;
    color: #006DB6 !important;
}

.block-row.minor {
    min-height: 150px;
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
    margin-bottom: 20px;
}

.block-row.minor h2 {
    font-size: 18px;
}

.block-row.minor .btn-white-ghost {
    border: 1px solid #003b5c;
    color: #003b5c;
}

@media screen and (min-width:768px) {
    .block-row {
        margin: 10px;
        width: calc(50% - 24px);
    }
}

@media screen and (min-width:1024px) {
    .block-row {
        width: calc(25% - 24px);
    }
}

.block-row .btn-white-ghost {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 7px 20px;
    background: none;
    background-color: transparent;
    border: 1px solid #003b5c;
    color: #003b5c;
    border-radius: 3px;
    transition: all .3s ease-in;
    font-weight: 600;
}

.block-row .btn-white-ghost:hover,
.block-row .btn-white-ghost:focus {
    text-decoration: none;
    background-color: #003b5c;
    color: #fff;
    border-color: #003b5c;
}

.block+span {
    display: none;
}

.coursesearchbox {
    width: 100%;
}

#coursesearchbox {
    width: calc(100% - 52px);
    border-radius: 3px;
    box-shadow: none;
    border: 0;
    font-size: 16px;
    height: 40px;
}

body {
    font-size: 16px;
    line-height: 27px;
}

h1,
h2,
h3 {
    font-weight: bold;
}

a {
    color: #006DB6;
}

a:hover,
a:focus {
    color: #00778B;
}

.tw-selectMulti__link {
    color: #006DB6;
}

.tw-selectMulti__link_text:hover {
    color: #006DB6 !important;
}

.tw-selectSearchText__btn {
    color: #006DB6;
}

.tw-catalog__primaryFilter {
    border: none;
}

.popover-region-toggle::after {
    border-bottom-color: #eee;
}

.popover-region-header-container,
.popover-region-footer-container {
    background: #eee;
}

.block {
    border: 0;
}

.block .block-title {
    box-shadow: none;
    padding-bottom: 5px;
}

.block .block-header h2 {
    color: #003b5c;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: bold;
    padding: 10px 0;
}

h2 {
    color: #003b5c;
}

.progress {
    border-color: #003b5c;
}

.progress .bar {
    background-color: #003b5c;
}

.count-container {
    top: 13px;
}

.course-content ul li.section.main {
    border-bottom: none;
}

.nav-tabs>li>a {
    text-transform: capitalize;
    font-size: 15px;
}

.nav-tabs>li.active:first-child>a {
    box-shadow: 0 -2px #003b5c;
}

.nav-tabs>li.active:first-child>a:hover,
.nav-tabs>li.active:first-child>a:focus {
    box-shadow: 0 -2px #003b5c;
}

.nav-tabs>li.active>a {
    border-top-color: #003b5c;
    box-shadow: 0 -2px #003b5c;
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-top-color: #003b5c;
    box-shadow: 0 -2px #003b5c;
}

.reportbuilder-table .user_namewithlinks a {
    font-size: 20px;
}

.reportbuilder-table .user_namewithlinks li a {
    font-size: 15px;
    line-height: 25px;
    padding: 0 10px;
}

@media only screen and (min-width:700px) {
    .reportbuilder-table .user_namewithlinks li a {
        line-height: 10px;
        font-size: 18px;
    }
}

.reportbuilder-table .user_namewithlinks ul {
    float: left;
}

@media only screen and (min-width:992px) {

    .fitem>fieldset>legend,
    .mform .fitem .fitemtitle,
    .mform .fitem .felement {
        width: 25%;
    }
}

@media only screen and (min-width:1200px) {

    .fitem>fieldset>legend,
    .mform .fitem .fitemtitle,
    .mform .fitem .felement {
        width: 25%;
    }
}

.felement.ffilemanager,
.felement.ftextarea,
.felement.fstatic,
.felement.feditor,
.felement.fcheckbox,
.felement.fadvcheckbox {
    width: 100%;
}

@media only screen and (min-width:992px) {

    .felement.ffilemanager,
    .felement.ftextarea,
    .felement.fstatic,
    .felement.feditor,
    .felement.fcheckbox,
    .felement.fadvcheckbox {
        width: 66% !important;
    }
}

.mform .fgroup .felement label {
    width: calc(100% - 30px);
    vertical-align: middle;
    padding: 5px;
}

.mform .fitem .felement input[type="checkbox"],
.mform .fitem .felement input[type="radio"] {
    vertical-align: -2px;
}

@media screen and (min-width:992px) {
    #page-mod-lesson-view .fitem>fieldset>legend {
        width: 50%;
    }
}

@media screen and (min-width:1200px) {
    #page-mod-lesson-view .fitem>fieldset>legend {
        width: 50%;
    }
}

#page-mod-lesson-view .mform .fitem .felement input[type="checkbox"],
#page-mod-lesson-view .mform .fitem .felement input[type="radio"] {
    vertical-align: -2px;
    margin-right: 10px;
}

.que .info {
    background-color: transparent;
    border-radius: 0;
    border: 0;
}

.que .formulation {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border: 1px solid #f2f2f2;
}

.state,
.grade,
.questionflag {
    display: none
}

.que h3.no {
    font-size: 1.5em;
    text-align: center;
    color: #003b5c
}

.prompt {
    font-size: 1.3em;
    color: #003b5c;
    font-style: italic;
    margin: 15px 0
}

.que.ddwtos .draghome,
.que.ddwtos .drag.unplaced,
.que.ddwtos .drop {
    border: 1px solid #f2f2f2
}

.generaltable.quizsummaryofattempt.boxaligncenter {
    width: 50%
}

.que .outcome,
.que .comment {
    border: 1px solid #f2f2f2;
    border-radius: 0
}

.formulation .incorrect,
.formulation .correct,
.que.multichoice .answer .specificfeedback {
    background-color: #5cc5ff;
    border: 0;
}

.specificfeedback {
    color: #003b5c;
}

.fitem>fieldset>legend {
    font-size: 1em;
}

.path-mod-feedback div.feedback_itemlist {
    border-top: 0;
}

label,
.mform .fitem .fitemtitle .fstaticlabel,
.fitem>fieldset>legend .legend {
    color: #000;
}

#mod-ojt-user-ojt .mod-ojt-topic-signoff {
    font-weight: bold;
}

.mod-ojt-topic-heading {
    padding-right: 1.2em;
    margin-top: 40px;
    color: #003b5c;
}

.mod-ojt-topic h4 {
    padding-top: 20px;
}

.path-mod-ojt h2 {
    color: #003b5c;
}

.path-mod-ojt .comment-area .fd {
    height: 40px;
    margin-top: 20px;
}

.path-mod-ojt .comment-area .fd a {
    background-color: #afbd22;
    color: #fff;
    padding: 12px 15px;
    margin-top: 15px;
    border-radius: 3px;
    font-size: 1.2em;
}

.path-mod-ojt .comment-area .fd a:hover,
.path-mod-ojt .comment-area .fd a:focus {
    background-color: #c3d326;
    color: #fff;
    text-decoration: none;
}

.path-mod-ojt .evalprint {
    background-color: #afbd22;
    color: #fff;
    padding: 12px 15px;
    margin-top: 15px;
    border-radius: 3px;
}

.path-mod-ojt .evalprint:hover,
.path-mod-ojt .evalprint:focus {
    background-color: #c3d326;
    color: #fff;
    text-decoration: none;
}

#ojtintro {
    margin-top: 30px;
    background-color: #eee;
}

.tw-catalog__primaryFilter {
    border-top: 0;
    border-bottom: 0;
}

.tw-catalogDetailsLink {
    border: 0;
    border-radius: 3px;
    background-color: #f2f2f2;
}

.tw-catalogItemNarrow {
    border: 1px solid #eee;
}

.tw-catalogItemNarrow:active,
.tw-catalogItemNarrow:hover,
.tw-catalogItemNarrow:focus {
    color: #000;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

.tw-catalogDetails__arrow::before {
    border-bottom-color: #eee;
}

.tw-grid__item_active .tw-catalogItemNarrow {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

.tw-grid__item_active .tw-catalogItemNarrow:hover,
.tw-grid__item_active .tw-catalogItemNarrow:active,
.tw-grid__item_active .tw-catalogItemNarrow:focus {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    color: #000;
}

.tw-catalogDetails__content {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
}

.tw-selectRegionPanel__heading_text {
    color: #006DB6;
    font-weight: 700;
}

.tw-selectMulti__link:active .tw-selectMulti__link_text,
.tw-selectMulti__link:focus .tw-selectMulti__link_text,
.tw-selectMulti__link:hover .tw-selectMulti__link_text {
    color: #333;
}

#site-admin-training {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    color: #333;
}

.course-help-link {
    background-color: #F2CD00;
    border: 2px solid #F2CD00;
    padding: 15px 20px;
    margin: 10px;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
    letter-spacing: .5px;
}

.course-help-link:hover,
.course-help-link:focus {
    background-color: white;
    color: #F2CD00;
    text-decoration: none;
}

.course-description {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 60px;
    margin-top: 30px;
}

.course_catalogue {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.course_catalogue_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.course_catalogue .level-1-heading {
    width: 100%;
    padding: 10px;
    font-size: 28px;
    font-weight: 200;
    border-bottom: 1px solid #333;
    margin: 10px;
    margin-top: 25px;
}

.course_catalogue .level-2-heading {
    font-size: 20px;
    font-weight: 600;
    color: #171717;
    letter-spacing: .5px;
    padding-top: 13px;
}

.course_catalogue_row--tile {
    width: 100%;
    height: auto;
    max-height: 300px;
    padding: 0 20px 100px;
    margin: 10px;
    position: relative;
    box-shadow: 0 0 20px #eee;
}

@media (min-width:792px) {
    .course_catalogue_row--tile {
        width: calc(50% - 20px);
    }
}

@media (min-width:1200px) {
    .course_catalogue_row--tile {
        width: calc(25% - 20px);
    }
}

.course_catalogue_row--tile p {
    color: #333;
}

.course_catalogue_link {
    margin: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    right: 0;
    padding: 20px 0;
    display: inline;
    text-align: center;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    background-color: #171717;
    letter-spacing: .5px
}

.course_catalogue_link:hover,
.course_catalogue_link:focus {
    transition: .3s;
    color: white;
    text-decoration: none;
    background-color: #32363a
}

.course_catalogue_row.blue .level-2-heading {
    color: #006DB6
}

.course_catalogue_row.blue .course_catalogue_link {
    background-color: #006DB6
}

.course_catalogue_row.blue .course_catalogue_link:hover,
.course_catalogue_row.blue .course_catalogue_link:focus {
    background-color: #004e83
}

.course_catalogue_row.green .level-2-heading {
    color: #007749
}

.course_catalogue_row.green .course_catalogue_link {
    background-color: #007749
}

.course_catalogue_row.green .course_catalogue_link:hover,
.course_catalogue_row.green .course_catalogue_link:focus {
    background-color: #00442a
}

.course_catalogue_row.yellow .level-2-heading {
    color: #F2CD00
}

.course_catalogue_row.yellow .course_catalogue_link {
    background-color: #F2CD00
}

.course_catalogue_row.yellow .course_catalogue_link:hover,
.course_catalogue_row.yellow .course_catalogue_link:focus {
    background-color: #bfa200
}

.course_catalogue_row.orange .level-2-heading {
    color: #E87722
}

.course_catalogue_row.orange .course_catalogue_link {
    background-color: #E87722
}

.course_catalogue_row.orange .course_catalogue_link:hover,
.course_catalogue_row.orange .course_catalogue_link:focus {
    background-color: #c35f14
}

#course-template-1 .main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

#course-template-1 .main .image {
    display: block;
    background-color: transparent;
    margin: 10px;
    overflow: hidden;
    max-width: 600px;
    height: auto
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .image {
        max-height: 400px;
        margin: 20px
    }
}

#course-template-1 .main .image img {
    max-height: 250px;
    width: auto
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .image img {
        max-height: 400px
    }
}

#course-template-1 .main .course-content {
    width: 600px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 20px;
    margin: 10px
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .course-content {
        height: 400px;
        margin: 20px;
        padding: 30px;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

#course-template-1 .main .course-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#course-template-1 .main .course-header .course-title {
    color: #003b5c;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-1 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-1 .main .description {
    color: #666;
    font-size: 17px
}

#course-template-1 .main .btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#course-template-1 .main .btns .btn {
    width: 100%;
    height: 60px;
    background-color: #BE3A34;
    padding: 18px;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 18px
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .btns .btn {
        width: 48%
    }
}

#course-template-1 .main .btns .btn:hover,
#course-template-1 .main .btns .btn:focus {
    background-color: #d05a55;
    color: #fff
}

#course-template-1 .main .btns .checkbox {
    float: left;
    margin-top: -10px;
    filter: invert(100%)
}

.course-content ul li.section.main {
    border-bottom: none;
    margin-bottom: 30px
}

#course-template-2 .main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

#course-template-2 .main .left-block {
    max-width: 600px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width:500px) {
    #course-template-2 .main .left-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-2 .main .image {
    overflow: hidden;
    margin-bottom: 20px
}

#course-template-2 .main .image img {
    height: auto;
    width: 100%
}

@media only screen and (min-width:500px) {
    #course-template-2 .main .image {
        height: 270px
    }
}

#course-template-2 .main .right-block {
    max-width: 600px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px
}

@media only screen and (min-width:500px) {
    #course-template-2 .main .right-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-2 .main .course-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1240px
}

#course-template-2 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-2 .main .course-title {
    color: #003b5c;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-2 .main .subheading-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}

#course-template-2 .main .subheading-container .icon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 10px
}

#course-template-2 .main .course-subheading {
    margin: 0;
    color: #666;
    font-size: 22px;
    font-family: sans-serif
}

#course-template-2 .main .description {
    color: #666;
    font-size: 17px
}

#course-template-2 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-right: 0;
    margin-top: 20px
}

#course-template-2 .main .activity {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

#course-template-2 .main .activity--link {
    width: 100%;
    text-decoration: none;
    color: #fff;
    height: 40px;
    background-color: #BE3A34;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-2 .main .activity--link:hover,
#course-template-2 .main .activity--link:focus {
    background-color: #d05a55
}

#course-template-2 .main .activity .checkbox {
    margin-right: 20px;
    margin-top: 0;
    padding-left: 0;
    width: 40px;
    height: 40px
}

#course-template-2 .main .resources {
    width: 100%
}

#course-template-2 .main .fa-link {
    padding-left: 10px
}

#course-template-2 .main .resource {
    color: #666;
    text-decoration: none
}

#course-template-2 .main .button-full-width {
    width: 100%;
    max-width: 1246px
}

#course-template-3 .main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

#course-template-3 .main .left-block {
    max-width: 600px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width:500px) {
    #course-template-3 .main .left-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-3 .main .image {
    overflow: hidden;
    margin-bottom: 20px
}

#course-template-3 .main .image img {
    height: auto;
    max-width: 100%
}

@media only screen and (min-width:500px) {
    #course-template-3 .main .image {
        height: 270px
    }
}

#course-template-3 .main .right-block {
    max-width: 600px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px
}

@media only screen and (min-width:500px) {
    #course-template-3 .main .right-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-3 .main .course-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1240px
}

#course-template-3 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-3 .main .course-title {
    color: #003b5c;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-3 .main .subheading-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

#course-template-3 .main .subheading-container .icon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: 10px
}

#course-template-3 .main .course-subheading {
    margin: 0;
    color: #666;
    font-size: 22px;
    font-family: sans-serif
}

#course-template-3 .main .description {
    color: #666;
    font-size: 17px
}

#course-template-3 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-right: 0;
    margin-top: 20px
}

#course-template-3 .main .activity {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

#course-template-3 .main .activity--link {
    width: 100%;
    text-decoration: none;
    color: #fff;
    height: 40px;
    background-color: #BE3A34;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-3 .main .activity--link:hover,
#course-template-3 .main .activity--link:focus {
    background-color: #d05a55
}

#course-template-3 .main .activity .checkbox {
    margin-right: 20px;
    margin-top: 0;
    padding-left: 0;
    width: 40px;
    height: 40px
}

#course-template-3 .main .resources {
    width: 100%
}

#course-template-3 .main .fa-link {
    padding-left: 10px
}

#course-template-3 .main .resource {
    color: #666;
    text-decoration: none
}

#course-template-3 .main .button-full-width {
    width: 100%;
    max-width: 1246px
}

.sectionname {
    font-size: 32px;
    margin-top: 10px
}

#course-template-4 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#course-template-4 .course-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1240px
}

#course-template-4 .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-4 .course-title {
    color: #003b5c;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-4 .overview {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#course-template-4 .overview .description {
    width: 100%;
    padding: 0 30px 20px 60px;
    color: #666;
    font-size: 17px;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (min-width:1120px) {
    #course-template-4 .overview .description {
        width: calc(100% - 324px);
        padding: 0 0 0 60px;
        -ms-flex-order: 0;
        order: 0
    }
}

#course-template-4 .overview .image {
    width: 100%;
    padding: 30px
}

@media only screen and (min-width:1120px) {
    #course-template-4 .overview .image {
        padding: 0;
        width: 324px;
        height: 220px
    }
}

#course-template-4 .overview .image img {
    width: 100%;
    height: auto
}

#course-template-4 .activities {
    list-style-type: none;
    width: 100%;
    margin-right: 0;
    padding-right: 30px
}

@media only screen and (min-width:1120px) {
    #course-template-4 .activities {
        padding-right: 0
    }
}

#course-template-4 .activity {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:1120px) {
    #course-template-4 .activity {
        width: calc(100% - 324px)
    }
}

#course-template-4 .activity--link {
    width: calc(100% - 50px);
    text-decoration: none;
    color: #fff;
    max-width: 400px;
    height: 45px;
    background-color: #BE3A34;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-4 .activity--link:hover,
#course-template-4 .activity--link:focus {
    background-color: #d05a55
}

#course-template-4 .activity .checkbox {
    margin-right: 20px
}

#course-template-4 .activity .checkbox img {
    width: 40px;
    height: 40px
}

#course-template-5 .main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

#course-template-5 .main .section {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc
}

#course-template-5 .main .course-header {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#course-template-5 .main .course-header .course-title {
    color: #003b5c;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-5 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-5 .main .btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#course-template-5 .main .btns .btn {
    width: 100%;
    height: 60px;
    background-color: #BE3A34;
    padding: 18px;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 18px
}

@media only screen and (min-width:550px) {
    #course-template-5 .main .btns .btn {
        width: 49%
    }
}

#course-template-5 .main .btns .btn:hover,
#course-template-5 .main .btns .btn:focus {
    background-color: #d05a55;
    color: #fff
}

#course-template-5 .main .btns .checkbox {
    float: left;
    margin-top: -10px;
    filter: invert(100%)
}

#course-template-5 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-right: 0;
    margin-top: 20px
}

#course-template-5 .main .activity {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

#course-template-5 .main .activity--link {
    width: 100%;
    text-decoration: none;
    color: #fff;
    height: 60px;
    background-color: #BE3A34;
    padding: 18px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-5 .main .activity--link:hover,
#course-template-5 .main .activity--link:focus {
    background-color: #d05a55;
    color: #fff;
    text-decoration: none
}

#course-template-5 .main .activity .checkbox {
    margin-right: 20px;
    margin-top: 0;
    padding-left: 0;
    width: 40px;
    height: 40px
}

.coursetitle {
    color: #171717;
    font-size: 32px
}

.coursecompletion {
    float: left;
    margin-left: 5px
}

.section .activity .contentwithoutlink {
    display: block
}

.mod-bootstrapelements-toggle {
    min-width: 320px;
    background-color: #e6e7e8
}

.instructiontext {
    font-weight: bold
}

.buttons {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#page-course-view-topics .small {
    width: 100%;
    margin: 5px 0
}

@media only screen and (min-width:767px) {
    #page-course-view-topics .small {
        width: 50%
    }
}

#page-course-view-topics .section .label .contentwithoutlink {
    padding-left: 0
}

.buttons .btn-small {
    padding: 8px;
    background-color: #bb3526;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px)
}

.buttons .btn-small:hover,
.buttons .btn-small:focus {
    background-color: #d74c3d;
    color: #fff
}

.buttons .small img {
    margin: 0 5px
}

.btn-full {
    padding: 8px;
    background-color: #bb3526;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px)
}

.btn-full:hover,
.btn-full:focus {
    background-color: #d74c3d;
    color: #fff
}

.full img {
    margin: 0 5px
}

.image-block img {
    width: 100%
}

#course-template-7 .course-title {
    font-size: 32px;
    color: #171717;
    margin-right: 20px
}

@media only screen and (min-width:767px) {
    #course-template-7 .course-title {
        margin-right: 40px
    }
}

#course-template-7 .image img {
    width: 100%
}

@media only screen and (min-width:767px) {
    #course-template-7 .image img {
        width: 100%
    }
}

#course-template-7 .overview {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px;
    border: 1px solid #ccc
}

@media only screen and (min-width:767px) {
    #course-template-7 .overview {
        margin: 40px
    }
}

#course-template-7 .overview--heading_container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#course-template-7 .overview--name {
    margin-top: 0;
    width: calc(100% - 40px)
}

#course-template-7 .overview .checkbox {
    width: 40px;
    margin: 0
}

#course-template-7 .overview--description {
    padding: 0 0 20px 0
}

#course-template-7 .overview .description {
    padding: 20px 0;
    font-size: 17px
}

#course-template-7 .overview .fa {
    margin-left: 10px
}

#course-template-7 .section {
    padding: 0;
    margin: 20px;
    width: 100%
}

@media only screen and (min-width:767px) {
    #course-template-7 .section {
        width: calc(50% - 40px);
        padding: 20px
    }
}

#course-template-7 .activities {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

#course-template-7 .activity {
    width: 100%;
    padding: 10px;
    margin: 10px
}

@media only screen and (min-width:767px) {
    #course-template-7 .activity {
        width: calc(50% - 40px);
        padding: 20px;
        margin: 20px
    }
}

#course-template-7 .activity--name {
    margin-top: 0;
    font-family: "Lato Light", sans-serif;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

#course-template-7 .btn {
    width: 100%;
    height: 60px;
    background-color: #bb3526;
    color: white;
    font-size: 18px;
    text-decoration: none;
    padding: 18px;
    margin-top: 10px
}

#course-template-7 .btn:hover,
#course-template-7 .btn:focus {
    background-color: #d74c3d;
    color: #fff
}

#course-template-7 .btn .checkbox {
    float: left;
    margin-top: -10px
}

#course-template-7 .btn .checkbox img {
    filter: invert(1)
}

#course-template-8 .persona_banner {
    padding: 15px 20px;
    text-align: left
}

#course-template-8 .persona_banner--name {
    display: inline-block;
    margin: 0
}

#course-template-8 .persona_banner--icon {
    color: #003b5c;
    font-size: 30px;
    vertical-align: baseline;
    margin-right: 10px
}

#course-template-8 .overview {
    padding: 0 20px
}

#course-template-8 .overview-title {
    color: #003b5c
}

#course-template-8 .course-title {
    color: #003b5c;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px
}

#course-template-8 .activities {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#course-template-8 .activity_section {
    width: 100%;
    background-color: transparent;
    padding: 15px 20px
}

#course-template-8 .activity_section--heading {
    margin: 0;
    color: #003b5c;
    border-top: 2px solid #9ebfd2;
    padding-top: 25px
}

#course-template-8 .activity_section--heading.change_persona {
    font-size: 16px
}

#course-template-8 .activity {
    width: 100%;
    padding: 20px;
    margin: 0 20px 20px 20px;
    box-shadow: 0 0 30px 0 #e8ecf0
}

@media only screen and (min-width:767px) {
    #course-template-8 .activity {
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width:1120px) {
    #course-template-8 .activity {
        width: calc(33.3% - 40px)
    }
}

#course-template-8 .activity--name {
    margin-top: 0;
    font-weight: bold
}

#course-template-8 .single_activity p {
    padding: 15px 20px
}

#course-template-8 .single_activity.feedback .activity_section {
    border-width: 1px
}

#course-template-8 .single_activity.feedback .activity_section--heading {
    font-size: 16px
}

#course-template-8 .single_activity.review {
    margin-top: 60px;
    text-align: left
}

#course-template-8 .single_activity.review p {
    border: none
}

#course-template-8 .btn {
    width: 100%;
    height: 60px;
    background-color: #afbd22;
    color: white;
    font-size: 18px;
    text-decoration: none;
    padding: 18px
}

#course-template-8 .btn:hover,
#course-template-8 .btn:focus {
    background-color: #c3d326;
    color: #fff
}

















/******* custom.css file tided  *********/
#page-login-index .totaraNav_prim .masthead_logo--header_img {
    margin-top: 15px
}

.totaraNav--list_item_expanded>a.totaraNav_prim--list_item_link {
    background-color: #003b5c
}

.totaraNav_prim {
    background-color: #003b5c;
    height: 110px !important;
}

.totaraNav_prim .masthead_logo--header_img {
    height: 3em;
}

.totaraNav_prim--toggleNav_target {
    padding: 2rem .8rem;
}

.totaraNav_prim--toggleNav_target:hover,
.totaraNav_prim--toggleNav_target:focus {
    background-color: #005c8f;
}

.totaraNav_prim--list_item_link {
    background-color: #003b5c;
    color: #fff;
    border-bottom: 5px solid transparent;
    height: 67px;
    padding-top: 24px;
    font-size: 15px;
}

.totaraNav_prim--list_item_link:hover,
.totaraNav_prim--list_item_link:focus {
    background-color: #003b5c;
    color: #fff;
    border-bottom: 5px solid #afbd22;
}

.totaraNav_prim--list_item_selected a {
    background-color: #003b5c !important;
    color: #fff;
    border-bottom: 5px solid #afbd22;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu {
    background-color: #003b5c;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search .btn-default {
    padding: 7px 14px;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-input {
    background-color: #fff;
    color: #003b5c;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button {
    background-color: #005c8f;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button:hover,
.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_menu_search-button:focus {
    background-color: #009df5;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_group-title {
    font-size: 15px;
    font-weight: bold;
}

.totaraNav_prim--side .totara_core__QuickAccess .totara_core__QuickAccess_footer a {
    font-weight: bold;
    font-size: 1.3rem;
}

.totaraNav_prim--side .popover-region .nav-link {
    height: 67px;
    padding-top: 24px;
}

.totaraNav_prim--side .popover-region .nav-link:hover {
    background-color: #005c8f;
}

.footnote {
    width: 100%;
    display: flex;
}

.footnote .text_to_html {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footnote .tagline {
    max-width: 400px;
    width: 100%;
    height: auto;
    padding: 20px;
}

input[type="submit"],
input[type="button"],
.link-as-button,
.btn-default,
input#id_submitbutton,
input#id_submitbutton2 {
    background-color: #afbd22;
    color: #fff;
    border-radius: 3px;
    border: 0;
    padding: 10px 14px;
    margin-left: 0
}

input[type="submit"]:hover,
input[type="button"]:hover,
.link-as-button:hover,
.btn-default:hover,
input#id_submitbutton:hover,
input#id_submitbutton2:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
.link-as-button:focus,
.btn-default:focus,
input#id_submitbutton:focus,
input#id_submitbutton2:focus {
    background-color: #c3d326;
    color: #fff
}

.tw-catalogDetailsLink__option_btn {
    background-color: #afbd22
}

.tw-catalogDetailsLink__option_btn:hover,
.tw-catalogDetailsLink__option_btn:focus {
    background-color: #c3d326
}

.btn-primary,
.btn-sm,
.btn {
    background-color: #afbd22;
    color: #fff !important;
    padding: 10px 14px;
    border-radius: 3px;
    font-size: 14px;
}

.btn-primary:hover,
.btn-sm:hover,
.btn:hover,
.btn-primary:focus,
.btn-sm:focus,
.btn:focus {
    background-color: #c3d326;
}

.btn-primary span,
.btn-sm span,
.btn span {
    color: #fff !important;
}

.tw-catalogResultsShare__btn,
.tw-catalogManageBtns__btn {
    border: none;
    color: #fff;
    background-color: #afbd22;
    border-radius: 3px;
}

.tw-catalogResultsShare__btn:hover,
.tw-catalogManageBtns__btn:hover,
.tw-catalogResultsShare__btn:focus,
.tw-catalogManageBtns__btn:focus {
    color: #fff;
    background-color: #c3d326;
}

#coursesearch .btn-default {
    padding: 7px 14px;
}

.addBlock--trigger {
    background-color: #afbd22;
    border-color: #afbd22;
}

.addBlock--trigger:hover,
.addBlock--trigger:focus {
    background-color: #c3d326;
    border-color: #c3d326;
}

.addBlock--trigger .flex-icon {
    color: #fff;
}

.btn-primary .block span {
    color: #fff;
}

.full .btn {
    padding: 8px;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px);
}

.full .btn-black {
    background-color: #afbd22;
}

.full .btn-black:hover,
.full .btn-black:focus {
    background-color: #c3d326;
}

.small .btn {
    padding: 8px;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px);
}

.small .btn-small-black {
    background-color: #afbd22;
}

.small .btn-small-black:hover,
.small .btn-small-black:focus {
    background-color: #c3d326;
}

.report-links p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f0c1";
    margin-right: 10px;
}

.quick-links p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f0c6";
    margin-right: 10px;
}

.useful-links p::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f0c6";
    margin-right: 10px;
}

.path-rating .ratingtable>tbody>tr:nth-of-type(2n+1),
table#explaincaps>tbody>tr:nth-of-type(2n+1),
table#defineroletable>tbody>tr:nth-of-type(2n+1),
table.grading-report>tbody>tr:nth-of-type(2n+1),
table#listdirectories>tbody>tr:nth-of-type(2n+1),
table.rolecaps>tbody>tr:nth-of-type(2n+1),
table.userenrolment>tbody>tr:nth-of-type(2n+1),
table#form>tbody>tr:nth-of-type(2n+1),
form#movecourses table>tbody>tr:nth-of-type(2n+1),
#page-admin-course-index .editcourse>tbody>tr:nth-of-type(2n+1),
.forumheaderlist>tbody>tr:nth-of-type(2n+1),
table.flexible>tbody>tr:nth-of-type(2n+1),
.generaltable>tbody>tr:nth-of-type(2n+1) {
    background-color: transparent
}

.user-enroller-panel .uep-search-results .users>tbody>tr:hover,
table.grading-report>tbody>tr:hover,
.forumheaderlist>tbody>tr:hover,
.generaltable>tbody>tr:hover,
table.flexible>tbody>tr:hover,
table#permissions>tbody>tr:hover {
    background-color: transparent
}

.block .header {
    background-color: transparent;
}

#page-totara-dashboard-1 #block-region-top,
#page-totara-dashboard-13 #block-region-top,
#page-totara-dashboard-10 #block-region-top,
#page-totara-dashboard-11 #block-region-top,
#page-totara-dashboard-12 #block-region-top,
#page-totara-dashboard-8 #block-region-top,
#page-site-index #block-region-top {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 40px
}

.block_totara_featured_links {
    width: 100%;
}

.block-full-width {
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
    margin: 5px 14px 15px 10px;
    padding: 15px !important;
    width: 100%;
}

.block-row {
    min-height: 250px;
    color: #003b5c;
    width: 100%;
    font-size: 16px;
}

.block-row.home {
    padding: 20px !important;
    padding-bottom: 70px !important;
    margin-bottom: 30px;
    box-shadow: 0 0 30px 0 #e8ecf0 !important
}

.block-row.chromeless {
    padding: 10px;
}

.block-row.dashboard {
    width: 100%;
}

@media screen and (min-width:768px) {
    .block-row.dashboard {
        margin: 10px;
        width: calc(50% - 20px);
    }
}

@media screen and (min-width:1024px) {
    .block-row.dashboard {
        width: calc(33.3% - 20px);
    }
}

.block-row.major {
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
    padding: 20px !important;
}

.block-row.major .btn-white-ghost {
    border: 1px solid #003b5c;
    color: #003b5c;
}

.block-row.major h2 {
    font-size: 26px !important;
    color: #006DB6 !important;
}

.block-row.minor {
    min-height: 150px;
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
    margin-bottom: 20px;
}

.block-row.minor h2 {
    font-size: 18px;
}

.block-row.minor .btn-white-ghost {
    border: 1px solid #003b5c;
    color: #003b5c;
}

@media screen and (min-width:768px) {
    .block-row {
        margin: 10px;
        width: calc(50% - 24px);
    }
}

@media screen and (min-width:1024px) {
    .block-row {
        width: calc(25% - 24px);
    }
}
.block-row .btn-white-ghost {
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 7px 20px;
    background: none;
    background-color: transparent;
    border: 1px solid #003b5c;
    color: #003b5c;
    border-radius: 3px;
    font-weight: 600;
}
.block-row .btn-white-ghost:hover,
.block-row .btn-white-ghost:focus {
    text-decoration: none;
    background-color: #003b5c;
    color: #fff;
    border-color: #003b5c;
}

.block-row .btn-white-ghost:hover,
.block-row .btn-white-ghost:focus {
    text-decoration: none;
    background-color: #003b5c;
    color: #fff;
    border-color: #003b5c;
}

.coursesearchbox {
    width: 100%;
}

#coursesearchbox {
    width: calc(100% - 52px);
    border-radius: 3px;
    box-shadow: none;
    border: 0;
    font-size: 16px;
    height: 40px;
}

.has-region-side-pre #region-main,
.has-region-side-post #region-main {
    border-bottom: none;
}

.persona-tiles {
    width: 100%;
    padding: 20px !important;
    padding-bottom: 70px !important;
    margin-bottom: 30px;
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
}

@media screen and (min-width:768px) {
    .persona-tiles {
        margin: 10px;
        width: calc(50% - 24px);
    }
}

.persona-tiles.full-width {
    width: 100%;
}

.block.change-role {
    width: 100%;
    border-top: 5px solid #f3f3f3;
    margin-top: 25px;
}

body {
    font-size: 16px;
    line-height: 27px;
}

h1,
h2,
h3 {
    font-weight: bold;
}

a {
    color: #006DB6;
}

a:hover,
a:focus {
    color: #00778B;
}

.tw-selectMulti__link {
    color: #006DB6;
}

.tw-selectMulti__link_text:hover {
    color: #006DB6 !important;
}

.tw-selectSearchText__btn {
    color: #006DB6;
}

.tw-catalog__primaryFilter {
    border: none;
}

.popover-region-toggle::after {
    border-bottom-color: #eee;
}

.popover-region-header-container,
.popover-region-footer-container {
    background: #eee;
}

.block {
    border: 0;
}

.block .block-title {
    box-shadow: none;
    padding-bottom: 5px;
}

.block .block-header h2 {
    color: #003b5c;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: bold;
    padding: 10px 0;
}

h2 {
    color: #003b5c;
}

.progress {
    border-color: #003b5c;
}

.progress .bar {
    background-color: #003b5c;
}
.count-container {
    top: 13px;
}
.course-content ul li.section.main {
    border-bottom: none;
}
#page-site-index a.btn.btn-primary.btn-xs {
    margin-left: 10px;
}

.nav-tabs>li>a {
    text-transform: capitalize;
    font-size: 15px;
}

.nav-tabs>li.active:first-child>a {
    box-shadow: 0 -2px #003b5c;
}

.nav-tabs>li.active:first-child>a:hover,
.nav-tabs>li.active:first-child>a:focus {
    box-shadow: 0 -2px #003b5c;
}

.nav-tabs>li.active>a {
    border-top-color: #003b5c;
    box-shadow: 0 -2px #003b5c;
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border-top-color: #003b5c;
    box-shadow: 0 -2px #003b5c;
}

.reportbuilder-table .user_namewithlinks a {
    font-size: 20px;
}

.reportbuilder-table .user_namewithlinks li a {
    font-size: 15px;
    line-height: 25px;
    padding: 0 10px;
}

@media only screen and (min-width:700px) {
    .reportbuilder-table .user_namewithlinks li a {
        line-height: 10px;
        font-size: 18px;
    }
}

.reportbuilder-table .user_namewithlinks ul {
    float: right;
}

@media only screen and (min-width:992px) {

    .fitem>fieldset>legend,
    .mform .fitem .fitemtitle,
    .mform .fitem .felement {
        width: 25%;
    }
}

@media only screen and (min-width:1200px) {

    .fitem>fieldset>legend,
    .mform .fitem .fitemtitle,
    .mform .fitem .felement {
        width: 25%;
    }
}

.felement.ffilemanager,
.felement.ftextarea,
.felement.fstatic,
.felement.feditor,
.felement.fcheckbox,
.felement.fadvcheckbox {
    width: 100%;
}

@media only screen and (min-width:992px) {

    .felement.ffilemanager,
    .felement.ftextarea,
    .felement.fstatic,
    .felement.feditor,
    .felement.fcheckbox,
    .felement.fadvcheckbox {
        width: 66% !important;
    }
}

.mform .fgroup .felement label {
    width: calc(100% - 30px);
    vertical-align: middle;
    padding: 5px;
}

.mform .fitem .felement input[type="checkbox"],
.mform .fitem .felement input[type="radio"] {
    vertical-align: -2px;
}

@media screen and (min-width:992px) {
    #page-mod-lesson-view .fitem>fieldset>legend {
        width: 50%;
    }
}

@media screen and (min-width:1200px) {
    #page-mod-lesson-view .fitem>fieldset>legend {
        width: 50%;
    }
}

#page-mod-lesson-view .mform .fitem .felement input[type="checkbox"],
#page-mod-lesson-view .mform .fitem .felement input[type="radio"] {
    vertical-align: -2px;
    margin-left: 10px;
}

.que .info {
    background-color: transparent;
    border-radius: 0;
    border: 0;
}

.que .formulation {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border: 1px solid #f2f2f2;
}

.que h3.no {
    font-size: 1.5em;
    text-align: center;
    color: #003b5c;
}

.prompt {
    font-size: 1.3em;
    color: #003b5c;
    font-style: italic;
    margin: 15px 0;
}

.que.ddwtos .draghome,
.que.ddwtos .drag.unplaced,
.que.ddwtos .drop {
    border: 1px solid #f2f2f2;
}

.generaltable.quizsummaryofattempt.boxaligncenter {
    width: 50%
}

.que .outcome,
.que .comment {
    border: 1px solid #f2f2f2;
    border-radius: 0;
}

.formulation .incorrect,
.formulation .correct,
.que.multichoice .answer .specificfeedback {
    background-color: #5cc5ff;
    border: 0;
}

.specificfeedback {
    color: #003b5c;
}

.fitem>fieldset>legend {
    font-size: 1em;
}

.path-mod-feedback div.feedback_itemlist {
    border-top: 0;
}

label,
.mform .fitem .fitemtitle .fstaticlabel,
.fitem>fieldset>legend .legend {
    color: #000;
}

#mod-ojt-user-ojt .mod-ojt-topic-signoff {
    font-weight: bold;
}

.mod-ojt-topic-heading {
    padding-left: 1.2em;
    margin-top: 40px;
    color: #003b5c;
}

.mod-ojt-topic h4 {
    padding-top: 20px;
}

.path-mod-ojt h2 {
    color: #003b5c;
}

.path-mod-ojt .comment-area .fd {
    height: 40px;
    margin-top: 20px;
}

.path-mod-ojt .comment-area .fd a {
    background-color: #afbd22;
    color: #fff;
    padding: 12px 15px;
    margin-top: 15px;
    border-radius: 3px;
    font-size: 1.2em;
}

.path-mod-ojt .comment-area .fd a:hover,
.path-mod-ojt .comment-area .fd a:focus {
    background-color: #c3d326;
    color: #fff;
    text-decoration: none;
}

.path-mod-ojt .evalprint {
    background-color: #afbd22;
    color: #fff;
    padding: 12px 15px;
    margin-top: 15px;
    border-radius: 3px
}

.path-mod-ojt .evalprint:hover,
.path-mod-ojt .evalprint:focus {
    background-color: #c3d326;
    color: #fff;
    text-decoration: none
}

#ojtintro {
    margin-top: 30px;
    background-color: #eee
}

.tw-catalog__primaryFilter {
    border-top: 0;
    border-bottom: 0
}

.tw-catalogDetailsLink {
    border: 0;
    border-radius: 3px;
    background-color: #f2f2f2
}

.tw-catalogItemNarrow {
    border: 1px solid #eee
}

.tw-catalogItemNarrow:active,
.tw-catalogItemNarrow:hover,
.tw-catalogItemNarrow:focus {
    color: #000;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05)
}

.tw-catalogDetails__arrow::before {
    border-bottom-color: #eee
}

.tw-grid__item_active .tw-catalogItemNarrow {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05)
}

.tw-grid__item_active .tw-catalogItemNarrow:hover,
.tw-grid__item_active .tw-catalogItemNarrow:active,
.tw-grid__item_active .tw-catalogItemNarrow:focus {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eee;
    color: #000
}

.tw-catalogDetails__content {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05), 0 0 15px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #eee
}

.tw-selectRegionPanel__heading_text {
    color: #006DB6;
    font-weight: 700
}

.tw-selectMulti__link:active .tw-selectMulti__link_text,
.tw-selectMulti__link:focus .tw-selectMulti__link_text,
.tw-selectMulti__link:hover .tw-selectMulti__link_text {
    color: #333
}

#site-admin-training {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    color: #333
}

.course-help-link {
    background-color: #F2CD00;
    border: 2px solid #F2CD00;
    padding: 15px 20px;
    margin: 10px;
    border-radius: 50px;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
    letter-spacing: .5px
}

.course-help-link:hover,
.course-help-link:focus {
    background-color: white;
    color: #F2CD00;
    text-decoration: none
}

.course-description {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 60px;
    margin-top: 30px
}

.course_catalogue {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.course_catalogue_row {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.course_catalogue .level-1-heading {
    width: 100%;
    padding: 10px;
    font-size: 28px;
    font-weight: 200;
    border-bottom: 1px solid #333;
    margin: 10px;
    margin-top: 25px
}

.course_catalogue .level-2-heading {
    font-size: 20px;
    font-weight: 600;
    color: #171717;
    letter-spacing: .5px;
    padding-top: 13px
}

.course_catalogue_row--tile {
    width: 100%;
    height: auto;
    max-height: 300px;
    padding: 0 20px 100px;
    margin: 10px;
    position: relative;
    box-shadow: 0 0 20px #eee
}

@media (min-width:792px) {
    .course_catalogue_row--tile {
        width: calc(50% - 20px)
    }
}

@media (min-width:1200px) {
    .course_catalogue_row--tile {
        width: calc(25% - 20px)
    }
}

.course_catalogue_row--tile p {
    color: #333
}

.course_catalogue_link {
    margin: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 20px 0;
    display: inline;
    text-align: center;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    background-color: #171717;
    letter-spacing: .5px
}

.course_catalogue_link:hover,
.course_catalogue_link:focus {
    transition: .3s;
    color: white;
    text-decoration: none;
    background-color: #32363a
}

.course_catalogue_row.blue .level-2-heading {
    color: #006DB6
}

.course_catalogue_row.blue .course_catalogue_link {
    background-color: #006DB6
}

.course_catalogue_row.blue .course_catalogue_link:hover,
.course_catalogue_row.blue .course_catalogue_link:focus {
    background-color: #004e83
}

.course_catalogue_row.green .level-2-heading {
    color: #007749
}

.course_catalogue_row.green .course_catalogue_link {
    background-color: #007749
}

.course_catalogue_row.green .course_catalogue_link:hover,
.course_catalogue_row.green .course_catalogue_link:focus {
    background-color: #00442a
}

.course_catalogue_row.yellow .level-2-heading {
    color: #F2CD00
}

.course_catalogue_row.yellow .course_catalogue_link {
    background-color: #F2CD00
}

.course_catalogue_row.yellow .course_catalogue_link:hover,
.course_catalogue_row.yellow .course_catalogue_link:focus {
    background-color: #bfa200
}

.course_catalogue_row.orange .level-2-heading {
    color: #E87722
}

.course_catalogue_row.orange .course_catalogue_link {
    background-color: #E87722
}

.course_catalogue_row.orange .course_catalogue_link:hover,
.course_catalogue_row.orange .course_catalogue_link:focus {
    background-color: #c35f14
}

#course-template-1 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#course-template-1 .main .image {
    display: block;
    background-color: transparent;
    margin: 10px;
    overflow: hidden;
    max-width: 600px;
    height: auto
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .image {
        max-height: 400px;
        margin: 20px
    }
}

#course-template-1 .main .image img {
    max-height: 250px;
    width: auto
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .image img {
        max-height: 400px
    }
}

#course-template-1 .main .course-content {
    width: 600px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 20px;
    margin: 10px
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .course-content {
        height: 400px;
        margin: 20px;
        padding: 30px;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

#course-template-1 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#course-template-1 .main .course-header .course-title {
    color: #003b5c;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-1 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-1 .main .description {
    color: #666;
    font-size: 17px
}

#course-template-1 .main .btns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between
}

#course-template-1 .main .btns .btn {
    width: 100%;
    height: 60px;
    background-color: #BE3A34;
    padding: 18px;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 18px
}

@media only screen and (min-width:550px) {
    #course-template-1 .main .btns .btn {
        width: 48%
    }
}

#course-template-1 .main .btns .btn:hover,
#course-template-1 .main .btns .btn:focus {
    background-color: #d05a55;
    color: #fff
}

#course-template-1 .main .btns .checkbox {
    float: right;
    margin-top: -10px;
    filter: invert(100%)
}

.course-content ul li.section.main {
    border-bottom: none;
    margin-bottom: 30px
}

#course-template-2 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#course-template-2 .main .left-block {
    max-width: 600px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width:500px) {
    #course-template-2 .main .left-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-2 .main .image {
    overflow: hidden;
    margin-bottom: 20px
}

#course-template-2 .main .image img {
    height: auto;
    width: 100%
}

@media only screen and (min-width:500px) {
    #course-template-2 .main .image {
        height: 270px
    }
}

#course-template-2 .main .right-block {
    max-width: 600px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px
}

@media only screen and (min-width:500px) {
    #course-template-2 .main .right-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-2 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1240px
}

#course-template-2 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-2 .main .course-title {
    color: #003b5c;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-2 .main .subheading-container {
    display: flex;
    width: 100%;
    align-items: center
}

#course-template-2 .main .subheading-container .icon {
    align-self: center;
    margin-right: 10px
}

#course-template-2 .main .course-subheading {
    margin: 0;
    color: #666;
    font-size: 22px;
    font-family: sans-serif
}

#course-template-2 .main .description {
    color: #666;
    font-size: 17px
}

#course-template-2 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-left: 0;
    margin-top: 20px
}

#course-template-2 .main .activity {
    width: 100%;
    display: flex
}

#course-template-2 .main .activity--link {
    width: 100%;
    text-decoration: none;
    color: #fff;
    height: 40px;
    background-color: #BE3A34;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-2 .main .activity--link:hover,
#course-template-2 .main .activity--link:focus {
    background-color: #d05a55
}

#course-template-2 .main .activity .checkbox {
    margin-left: 20px;
    margin-top: 0;
    padding-right: 0;
    width: 40px;
    height: 40px
}

#course-template-2 .main .resources {
    width: 100%
}

#course-template-2 .main .fa-link {
    padding-right: 10px
}

#course-template-2 .main .resource {
    color: #666;
    text-decoration: none
}

#course-template-2 .main .button-full-width {
    width: 100%;
    max-width: 1246px
}

#course-template-3 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#course-template-3 .main .left-block {
    max-width: 600px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width:500px) {
    #course-template-3 .main .left-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-3 .main .image {
    overflow: hidden;
    margin-bottom: 20px
}

#course-template-3 .main .image img {
    height: auto;
    max-width: 100%
}

@media only screen and (min-width:500px) {
    #course-template-3 .main .image {
        height: 270px
    }
}

#course-template-3 .main .right-block {
    max-width: 600px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eee;
    padding: 30px
}

@media only screen and (min-width:500px) {
    #course-template-3 .main .right-block {
        min-height: 400px;
        margin: 20px
    }
}

#course-template-3 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1240px
}

#course-template-3 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-3 .main .course-title {
    color: #003b5c;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-3 .main .subheading-container {
    display: flex;
    width: 100%
}

#course-template-3 .main .subheading-container .icon {
    align-self: center;
    margin-right: 10px
}

#course-template-3 .main .course-subheading {
    margin: 0;
    color: #666;
    font-size: 22px;
    font-family: sans-serif
}

#course-template-3 .main .description {
    color: #666;
    font-size: 17px
}

#course-template-3 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-left: 0;
    margin-top: 20px
}

#course-template-3 .main .activity {
    width: 100%;
    display: flex
}

#course-template-3 .main .activity--link {
    width: 100%;
    text-decoration: none;
    color: #fff;
    height: 40px;
    background-color: #BE3A34;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-3 .main .activity--link:hover,
#course-template-3 .main .activity--link:focus {
    background-color: #d05a55
}

#course-template-3 .main .activity .checkbox {
    margin-left: 20px;
    margin-top: 0;
    padding-right: 0;
    width: 40px;
    height: 40px
}

#course-template-3 .main .resources {
    width: 100%
}

#course-template-3 .main .fa-link {
    padding-right: 10px
}

#course-template-3 .main .resource {
    color: #666;
    text-decoration: none
}

#course-template-3 .main .button-full-width {
    width: 100%;
    max-width: 1246px
}

.sectionname {
    font-size: 32px;
    margin-top: 10px
}

#course-template-4 {
    display: flex;
    flex-wrap: wrap
}

#course-template-4 .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1240px
}

#course-template-4 .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-4 .course-title {
    color: #003b5c;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-4 .overview {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

#course-template-4 .overview .description {
    width: 100%;
    padding: 0 60px 20px 30px;
    color: #666;
    font-size: 17px;
    order: 2
}

@media only screen and (min-width:1120px) {
    #course-template-4 .overview .description {
        width: calc(100% - 324px);
        padding: 0 60px 0 0;
        order: 0
    }
}

#course-template-4 .overview .image {
    width: 100%;
    padding: 30px
}

@media only screen and (min-width:1120px) {
    #course-template-4 .overview .image {
        padding: 0;
        width: 324px;
        height: 220px
    }
}

#course-template-4 .overview .image img {
    width: 100%;
    height: auto
}

#course-template-4 .activities {
    list-style-type: none;
    width: 100%;
    margin-left: 0;
    padding-left: 30px
}

@media only screen and (min-width:1120px) {
    #course-template-4 .activities {
        padding-left: 0
    }
}

#course-template-4 .activity {
    width: 100%;
    display: flex;
    align-items: center
}

@media only screen and (min-width:1120px) {
    #course-template-4 .activity {
        width: calc(100% - 324px)
    }
}

#course-template-4 .activity--link {
    width: calc(100% - 50px);
    text-decoration: none;
    color: #fff;
    max-width: 400px;
    height: 45px;
    background-color: #BE3A34;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-4 .activity--link:hover,
#course-template-4 .activity--link:focus {
    background-color: #d05a55
}

#course-template-4 .activity .checkbox {
    margin-left: 20px
}

#course-template-4 .activity .checkbox img {
    width: 40px;
    height: 40px
}

#course-template-5 .main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#course-template-5 .main .section {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc
}

#course-template-5 .main .course-header {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#course-template-5 .main .course-header .course-title {
    color: #003b5c;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px;
    font-family: sans-serif
}

#course-template-5 .main .course-header .checkbox {
    margin: 0 0 20px 0
}

#course-template-5 .main .btns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between
}

#course-template-5 .main .btns .btn {
    width: 100%;
    height: 60px;
    background-color: #BE3A34;
    padding: 18px;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 18px
}

@media only screen and (min-width:550px) {
    #course-template-5 .main .btns .btn {
        width: 49%
    }
}

#course-template-5 .main .btns .btn:hover,
#course-template-5 .main .btns .btn:focus {
    background-color: #d05a55;
    color: #fff
}

#course-template-5 .main .btns .checkbox {
    float: right;
    margin-top: -10px;
    filter: invert(100%)
}

#course-template-5 .main .activities {
    list-style-type: none;
    width: 100%;
    margin-left: 0;
    margin-top: 20px
}

#course-template-5 .main .activity {
    width: 100%;
    display: flex
}

#course-template-5 .main .activity--link {
    width: 100%;
    text-decoration: none;
    color: #fff;
    height: 60px;
    background-color: #BE3A34;
    padding: 18px;
    margin-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px
}

#course-template-5 .main .activity--link:hover,
#course-template-5 .main .activity--link:focus {
    background-color: #d05a55;
    color: #fff;
    text-decoration: none
}

#course-template-5 .main .activity .checkbox {
    margin-left: 20px;
    margin-top: 0;
    padding-right: 0;
    width: 40px;
    height: 40px
}

.coursetitle {
    color: #171717;
    font-size: 32px
}

.coursecompletion {
    float: right;
    margin-right: 5px
}

.section .activity .contentwithoutlink {
    display: block
}

.mod-bootstrapelements-toggle {
    min-width: 320px;
    background-color: #e6e7e8
}

.instructiontext {
    font-weight: bold
}

.buttons {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

#page-course-view-topics .small {
    width: 100%;
    margin: 5px 0
}

@media only screen and (min-width:767px) {
    #page-course-view-topics .small {
        width: 50%
    }
}

#page-course-view-topics .section .label .contentwithoutlink {
    padding-right: 0
}

.buttons .btn-small {
    padding: 8px;
    background-color: #bb3526;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px)
}

.buttons .btn-small:hover,
.buttons .btn-small:focus {
    background-color: #d74c3d;
    color: #fff
}

.buttons .small img {
    margin: 0 5px
}

.btn-full {
    padding: 8px;
    background-color: #bb3526;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px)
}

.btn-full:hover,
.btn-full:focus {
    background-color: #d74c3d;
    color: #fff
}

.full img {
    margin: 0 5px
}

.image-block img {
    width: 100%
}

#course-template-7 .course-title {
    font-size: 32px;
    color: #171717;
    margin-left: 20px
}

@media only screen and (min-width:767px) {
    #course-template-7 .course-title {
        margin-left: 40px
    }
}

#course-template-7 .image img {
    width: 100%
}

@media only screen and (min-width:767px) {
    #course-template-7 .image img {
        width: 100%
    }
}

#course-template-7 .overview {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px;
    border: 1px solid #ccc
}

@media only screen and (min-width:767px) {
    #course-template-7 .overview {
        margin: 40px
    }
}

#course-template-7 .overview--heading_container {
    display: flex;
    flex-wrap: wrap
}

#course-template-7 .overview--name {
    margin-top: 0;
    width: calc(100% - 40px)
}

#course-template-7 .overview .checkbox {
    width: 40px;
    margin: 0
}

#course-template-7 .overview--description {
    padding: 0 0 20px 0
}

#course-template-7 .overview .description {
    padding: 20px 0;
    font-size: 17px
}

#course-template-7 .overview .fa {
    margin-right: 10px
}

#course-template-7 .section {
    padding: 0;
    margin: 20px;
    width: 100%
}

@media only screen and (min-width:767px) {
    #course-template-7 .section {
        width: calc(50% - 40px);
        padding: 20px
    }
}

#course-template-7 .activities {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

#course-template-7 .activity {
    width: 100%;
    padding: 10px;
    margin: 10px
}

@media only screen and (min-width:767px) {
    #course-template-7 .activity {
        width: calc(50% - 40px);
        padding: 20px;
        margin: 20px
    }
}

#course-template-7 .activity--name {
    margin-top: 0;
    font-family: "Lato Light", sans-serif;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

#course-template-7 .btn {
    width: 100%;
    height: 60px;
    background-color: #bb3526;
    color: white;
    font-size: 18px;
    text-decoration: none;
    padding: 18px;
    margin-top: 10px
}

#course-template-7 .btn:hover,
#course-template-7 .btn:focus {
    background-color: #d74c3d;
    color: #fff
}

#course-template-7 .btn .checkbox {
    float: right;
    margin-top: -10px
}

#course-template-7 .btn .checkbox img {
    filter: invert(1)
}

#course-template-8 .persona_banner {
    padding: 15px 20px;
    text-align: right;
    color: #fff;
    border-radius: 3px
}

#course-template-8 .persona_banner--name {
    display: inline-block;
    margin: 0;
    color: #fff
}

#course-template-8 .persona_banner--icon {
    font-size: 30px;
    vertical-align: baseline;
    margin-left: 10px
}

#course-template-8 .overview {
    padding: 0 20px
}

#course-template-8 .overview-title {
    color: #003b5c
}

#course-template-8 .course-title {
    color: #003b5c;
    align-self: flex-start;
    margin-top: 0;
    font-size: 32px
}

#course-template-8 .activities {
    display: flex;
    flex-wrap: wrap
}

#course-template-8 .activity_section {
    width: 100%;
    background-color: transparent;
    padding: 15px 20px
}

#course-template-8 .activity_section--heading {
    margin: 0;
    color: #003b5c;
    border-top: 5px solid #f3f3f3;
    padding-top: 25px
}

#course-template-8 .activity_section--heading.change_persona {
    font-size: 16px
}

#course-template-8 .activity {
    width: 100%;
    padding: 20px;
    margin: 0 20px 20px 20px;
    box-shadow: 0 0 30px 0 #e8ecf0;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (min-width:767px) {
    #course-template-8 .activity {
        width: calc(50% - 40px)
    }
}

@media only screen and (min-width:1120px) {
    #course-template-8 .activity {
        width: calc(33.3% - 40px)
    }
}
#course-template-8 .activity--name {
    margin-top: 0;
    font-weight: bold;
    width: 100%
}

#course-template-8 .activity.external .fa-arrow-right {
    display: inline
}

#course-template-8 .single_activity p {
    padding: 15px 20px
}

#course-template-8 .single_activity.feedback .activity_section {
    border-width: 1px
}

#course-template-8 .single_activity.feedback .activity_section--heading {
    font-size: 16px
}

#course-template-8 .single_activity.review {
    margin-top: 60px;
    text-align: right
}

#course-template-8 .single_activity.review p {
    border: none;
    color: #aaa
}

#course-template-8 .btn {
    width: 100%;
    height: 60px;
    background-color: #afbd22;
    color: white;
    font-size: 18px;
    text-decoration: none;
    padding: 18px;
    align-self: flex-end
}

#course-template-8 .btn:hover,
#course-template-8 .btn:focus {
    background-color: #c3d326;
    color: #fff
}

.business_case_developers .change_persona a {
    color: #e36d23
}

.business_case_developers .persona_banner {
    background-color: #e36d23
}

/* login page logo sometimes sits low. Use this if needed */
#page-login-index .totaraNav_prim .masthead_logo--header_img {
    margin-top: 15px;
    /* you may have to change the value */
}

.totaraNav {

    &--list_item_expanded>a.totaraNav_prim {

        /* menu background color when expanding submenu */
        &--list_item_link {
            background-color: #003b5c;
        }
    }

    &_prim {
        background-color: #003b5c;
        height: 67px;

        /* logo size */
        .masthead_logo--header_img {
            height: 3.0em;
        }

        &--toggleNav_target {
            padding: 2rem .8rem;

            &:hover,
            &:focus {
                background-color: lighten(#003b5c, 10%);
            }
        }

        &--list_item_link {
            background-color: #003b5c;
            color: #fff;
            border-bottom: 5px solid transparent;
            /* font-weight: bold; */
            height: 67px;
            padding-top: 24px;
            font-size: 15px;

            &:hover,
            &:focus {
                background-color: #003b5c;
                color: #fff;
                border-bottom: 5px solid #afbd22;
            }
        }

        &--list_item_selected a {
            background-color: #003b5c !important;
            color: #fff;
            border-bottom: 5px solid #afbd22;
        }

        &--side {

            .totara_core__QuickAccess {

                .totara_core__QuickAccess_menu {
                    background-color: #003b5c;

                    &_search {

                        .btn-default {
                            padding: 7px 14px;
                        }
                    }

                    &_search-input {
                        background-color: #fff;
                        color: #003b5c;
                    }

                    &_search-button {
                        background-color: lighten(#003b5c, 10%);

                        &:hover,
                        &:focus {
                            background-color: lighten(#003b5c, 30%);
                        }
                    }
                }

                .totara_core__QuickAccess_group-title {
                    font-size: 15px;
                    font-weight: bold;
                }

                .totara_core__QuickAccess_footer a {
                    font-weight: bold;
                    font-size: 1.3rem;
                }
            }

            .popover-region .nav-link {
                height: 67px;
                padding-top: 24px;

                &:hover {
                    background-color: lighten(#003b5c, 10%);
                }
            }

            .usermenu .toggle-display {
                height: 67px;
                padding: 24px;

                &:hover {
                    background-color: lighten(#003b5c, 10%);
                }

                .avatars {
                    margin-top: 0 !important;
                }

                .caret {
                    margin-top: 9px;
                }
            }

            .menu .filler {
                display: none;
            }
        }
    }
}

.moodle-actionmenu[data-enhanced].show .menu>li>a {
    padding: 15px 20px;

    &:hover {
        background-color: lighten(#003b5c, 30%);
    }
}

.navExpand {

    &--listSecond {
        box-shadow: none;

        .navExpand--list_item_link {
            padding: 1.6rem;
            background-color: #003b5c;
            color: #fff;
            border-bottom: none;

            &:hover {
                background-color: #afbd22 !important;
                color: #fff;
            }
        }

        .navExpand--list_item_label {
            font-size: 15px;
            /* font-weight: bold; */
        }
    }
}

/* make sure to check logo in IE */
.ie11 .masthead_logo--header_link {
    height: 3.5rem;
}



input[type="submit"],
input[type="button"],
.link-as-button,
.btn-default,
input#id_submitbutton,
input#id_submitbutton2 {
    background-color: #afbd22;
    color: #fff;
    border-radius: 3px;
    border: 0;
    padding: 10px 14px;
    margin-left: 0;

    &:hover,
    &:focus {
        background-color: lighten(#afbd22, 5%);
        ;
        color: #fff;
    }
}

.tw-catalogDetailsLink__option_btn {
    background-color: #afbd22;

    &:hover,
    &:focus {
        background-color: lighten(#afbd22, 5%);
        ;
    }
}

.btn-primary,
.btn-sm,
.btn {
    background-color: #afbd22;
    color: #fff !important;
    padding: 10px 14px;
    border-radius: 3px;
    font-size: 14px;

    &:hover,
    &:focus {
        background-color: lighten(#afbd22, 5%);
        ;
    }

    span {
        color: #fff !important;
    }
}

.tw-catalogResultsShare__btn,
.tw-catalogManageBtns__btn {
    border: none;
    color: #fff;
    background-color: #afbd22;
    border-radius: 3px;

    &:hover,
    &:focus {
        color: #fff;
        background-color: lighten(#afbd22, 5%);
        ;
    }
}

#coursesearch {

    .btn-default {
        padding: 7px 14px;
    }
}

.addBlock--trigger {
    background-color: #afbd22;
    border-color: #afbd22;

    &:hover,
    &:focus {
        background-color: lighten(#afbd22, 5%);
        ;
        border-color: lighten(#afbd22, 5%);
        ;
    }

    .flex-icon {
        color: #fff;
    }
}

.btn-primary .block span {
    color: #fff;
}

/* custom buttons */
.full .btn {
    padding: 8px;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px);

    &-black {
        background-color: #afbd22;

        &:hover,
        &:focus {
            background-color: lighten(#afbd22, 5%);
            ;
        }
    }
}

.small .btn {
    padding: 8px;
    color: #fff !important;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box;
    transition: all .2s ease-in-out 0s;
    background-image: none;
    width: calc(100% - 55px);

    &-small-black {
        background-color: #afbd22;

        &:hover,
        &:focus {
            background-color: lighten(#afbd22, 5%);
            ;
        }
    }
}












/* nav tabs */
.nav-tabs>li>a {
    /* font-weight: bold; */
    text-transform: capitalize;
    font-size: 15px;
}

.nav-tabs>li.active:first-child>a {
    box-shadow: 0 -2px 003b5c;

    &:hover,
    &:focus {
        box-shadow: 0 -2px 003b5c;
    }
}

.nav-tabs>li.active>a {
    border-top-color: 003b5c;
    box-shadow: 0 -2px 003b5c;

    &:hover,
    &:focus {
        border-top-color: 003b5c;
        box-shadow: 0 -2px 003b5c
    }
}

/* my team */
.reportbuilder-table .user_namewithlinks {

    a {
        font-size: 20px;
    }

    li a {
        font-size: 15px;
        line-height: 25px;
        padding: 0 10px;

        @media only screen and (min-width: 700px) {
            line-height: 10px;
            font-size: 18px;
        }
    }

    ul {
        float: right;
    }
}

/* edit blocks */
/* feedback question/answer width */
.fitem>fieldset>legend,
.mform .fitem .fitemtitle,
.mform .fitem .felement {

    @media only screen and (min-width: 992px) {
        width: 25%;
    }

    @media only screen and (min-width: 1200px) {
        width: 25%;
    }
}

/* override widths above ^^ */
.felement.ffilemanager,
.felement.ftextarea,
.felement.fstatic,
.felement.feditor,
.felement.fcheckbox,
.felement.fadvcheckbox {
    width: 100%;

    @media only screen and (min-width: 992px) {
        width: 66% !important;
    }
}

/* edit settings topics list */
.mform .fgroup .felement label {
    width: calc(100% - 30px);
    vertical-align: middle;
    padding: 5px;
}

.mform .fitem .felement input[type="checkbox"],
.mform .fitem .felement input[type="radio"] {
    vertical-align: -2px;
}

/* 
  
  hide course headings
  // #section-0 .sectionname {
  //   display: none;
  // } 
  
  */





/* icons */
.report-links p {

    &::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f0c1";
        margin-right: 10px;
    }
}

.quick-links p {

    &::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f0c6";
        margin-right: 10px;
    }
}

.useful-links p {

    &::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        content: "\f0c6";
        margin-right: 10px;
    }
}

/* tables */
.path-rating .ratingtable>tbody>tr:nth-of-type(2n+1),
table#explaincaps>tbody>tr:nth-of-type(2n+1),
table#defineroletable>tbody>tr:nth-of-type(2n+1),
table.grading-report>tbody>tr:nth-of-type(2n+1),
table#listdirectories>tbody>tr:nth-of-type(2n+1),
table.rolecaps>tbody>tr:nth-of-type(2n+1),
table.userenrolment>tbody>tr:nth-of-type(2n+1),
table#form>tbody>tr:nth-of-type(2n+1),
form#movecourses table>tbody>tr:nth-of-type(2n+1),
#page-admin-course-index .editcourse>tbody>tr:nth-of-type(2n+1),
.forumheaderlist>tbody>tr:nth-of-type(2n+1),
table.flexible>tbody>tr:nth-of-type(2n+1),
.generaltable>tbody>tr:nth-of-type(2n+1) {
    background-color: transparent;
}

.user-enroller-panel .uep-search-results .users>tbody>tr:hover,
table.grading-report>tbody>tr:hover,
.forumheaderlist>tbody>tr:hover,
.generaltable>tbody>tr:hover,
table.flexible>tbody>tr:hover,
table#permissions>tbody>tr:hover {
    background-color: transparent;
}

.block .header {
    background-color: transparent;
}

/* blocks */
#page-totara-dashboard-1,
#page-totara-dashboard-13,
#page-totara-dashboard-10,
#page-totara-dashboard-11,
#page-totara-dashboard-12,
#page-totara-dashboard-8,
#page-site-index {

    #block-region-top {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 40px;
    }
}

.block_totara_featured_links {
    width: 100%;
}


.block-full-width {
    box-shadow: 0 0 30px 0 #e8ecf0 !important;
    margin: 5px 14px 15px 10px;
    padding: 15px !important;
    width: 100%;
}

.block-row {
    min-height: 250px;
    color: #003b5c;
    width: 100%;
    font-size: 16px;

    &.home {
        padding: 20px !important;
        padding-bottom: 70px !important;
        margin-bottom: 30px;
        box-shadow: 0 0 30px 0 #e8ecf0 !important;
    }

    &.chromeless {
        padding: 10px;
    }

    &.dashboard {
        width: 100%;

        @media screen and (min-width: 768px) {
            margin: 10px;
            width: calc(50% - 20px);
        }

        @media screen and (min-width: 1024px) {
            width: calc(33.3% - 20px);
        }
    }

    &.major {
        box-shadow: 0 0 30px 0 #e8ecf0 !important;
        padding: 20px !important;

        .btn-white-ghost {
            border: 1px solid #003b5c;
            color: #003b5c;
        }

        h2 {
            font-size: 26px !important;
            color: #006DB6 !important;
        }
    }

    &.minor {
        min-height: 150px;
        box-shadow: 0 0 30px 0 #e8ecf0 !important;
        margin-bottom: 20px;

        h2 {
            font-size: 18px;
        }

        .btn-white-ghost {
            border: 1px solid #003b5c;
            color: #003b5c;
        }
    }

    @media screen and (min-width: 768px) {
        margin: 10px;
        width: calc(50% - 24px);
    }

    @media screen and (min-width: 1024px) {
        width: calc(25% - 24px);
    }

    .btn-white-ghost {
        position: absolute;
        right: 20px;
        bottom: 20px;
        padding: 7px 20px;
        background: none;
        background-color: transparent;
        border: 1px solid #003b5c;
        color: #003b5c;
        border-radius: 3px;
        font-weight: 600;

        &:hover,
        &:focus {
            text-decoration: none;
            background-color: #003b5c;
            color: #f3f3f3;
            border-color: #003b5c;
        }
    }
}

.block+span {
    display: none;
}

.coursesearchbox {
    width: 100%;
}

#coursesearchbox {
    width: calc(100% - 52px);
    border-radius: 3px;
    box-shadow: none;
    border: 0;
    font-size: 16px;
    height: 40px;
}

.has-region-side-pre #region-main,
.has-region-side-post #region-main {
    border-bottom: none;
}

/* persona dashboard */
.persona-tiles {
    width: 100%;
    padding: 20px !important;
    padding-bottom: 70px !important;
    margin-bottom: 30px;
    box-shadow: 0 0 30px 0 #e8ecf0 !important;

    @media screen and (min-width: 768px) {
        margin: 10px;
        width: calc(50% - 24px);
    }

    &.full-width {
        width: 100%;
    }
}

.block.change-role {
    width: 100%;
    border-top: 5px solid #f3f3f3;
    margin-top: 25px;
}


/* From Course template 8 .css file */

#course-template-8 {

    .persona_banner {
        padding: 15px 20px;
        text-align: right;
        color: #fff;
        border-radius: 3px;

        &--name {
            display: inline-block;
            margin: 0;
            color: #fff;
        }

        &--icon {
            font-size: 30px;
            vertical-align: baseline;
            margin-left: 10px;
        }
    }

    .overview {
        padding: 0 20px;

        &-title {
            color: #003b5c;
        }
    }

    .course-title {
        color: #003b5c;
        align-self: flex-start;
        margin-top: 0;
        font-size: 32px;
    }

    .activities {
        display: flex;
        flex-wrap: wrap;
    }

    .activity_section {
        width: 100%;
        background-color: transparent;
        padding: 15px 20px;

        &--heading {
            margin: 0;
            color: #003b5c;
            border-top: 5px solid #f3f3f3;
            padding-top: 25px;

            &.change_persona {
                font-size: 16px;
            }
        }
    }

    .activity {
        width: 100%;
        padding: 20px;
        margin: 0 20px 20px 20px;
        box-shadow: 0 0 30px 0 #e8ecf0;
        display: flex;
        flex-wrap: wrap;

        @media only screen and (min-width: 767px) {
            width: calc(50% - 40px);
        }

        @media only screen and (min-width: 1120px) {
            width: calc(33.3% - 40px);
        }

        &--name {
            margin-top: 0;
            font-weight: bold;
            width: 100%;
        }

        .fa-arrow-right {
            float: right;
            transform: rotate(-45deg);
            margin-top: 2px;
            display: none;
        }

        &.external .fa-arrow-right {
            display: inline;
        }
    }

    .single_activity {

        p {
            padding: 15px 20px;
        }

        &.feedback .activity_section {
            border-width: 1px;

            &--heading {
                font-size: 16px;
            }
        }

        &.review {
            margin-top: 60px;
            text-align: right;

            p {
                border: none;
                color: #aaa;
            }
        }
    }

    .btn {
        width: 100%;
        height: 60px;
        background-color: #afbd22;
        ;
        color: white;
        font-size: 18px;
        text-decoration: none;
        padding: 18px;
        align-self: flex-end;

        &:hover,
        &:focus {
            background-color: lighten(#afbd22, 5%);
            ;
            color: #fff;
        }
    }
}

.business_case_developers {

    .change_persona a {
        color: #e36d23;
    }

    .persona_banner {
        background-color: #e36d23;
    }
}



/* Code below here already present prior to t17 upgrade project */

/**
   ** README
   ** 
   ** These styles have been created to make small improvements to the Waka Kotahi theme
   ** for InvestHub. The styles were created by Waka Kotahi (NZTA) in a .css file and pasted
   ** into the Theme Settings "Custom CSS" box.
   **
   ** Note: Because Custom CSS comes *after* site styles, selecting is immediately at a
   ** disadvantage. Some styles are therefore increased in specificity by using the
   ** reliable `invest-nzta-govt-nz` className on body.
   **
   ** @author dave.wallace@nzta.govt.nz
   **
   **/

/**
   * :root-only CSS vars for IE11 support. also captures main brand palette, though these variables
   * aren't expected to work on IE11 rendered pages, so they're mostly useless.
   **/
:root {
    --color__brand-primary__grass: #afbd22;
    --color__brand-primary__navy: #003b5c;
    --color__brand-secondary__palegreen: #4EBD88;
    --color__brand-secondary__seagreen: #00778B;
    --color__brand-secondary__sand: #D3D2C2;
    --color__brand-secondary__salmon: #FF8D6D;
    --color__brand-secondary__forest: #007749;
    --color__brand-neutral__mid: #f3f3f3;
    --color__brand-neutral__dark: #c2c2c2;
    --color__brand-neutral__shadow: #e8ecf0;

    /* debug colours for highlighting temporary or important things. you can leave all of
          the CSS rules in place and switch this to `transparent` if you like */
    --color__debug: red;
}
/**
   * Colour helpers
   **/
#page .nzta__color-helper_background--bcd {
    background-color: #4EBD88;
}

#page .nzta__color-helper_background--ta {
    background-color: #00778B;
}

#page .nzta__color-helper_background--dm {
    background-color: #FF8D6D;
}

#page .nzta__color-helper_background--po {
    background-color: #007749;
}

#page .nzta__color-helper_background--pos {
    background-color: #D3D2C2;
}

#page .nzta__color-helper_border--bcd {
    border-color: #4EBD88;
}

#page .nzta__color-helper_border--ta {
    border-color: #00778B;
}

#page .nzta__color-helper_border--dm {
    border-color: #FF8D6D;
}

#page .nzta__color-helper_border--po {
    border-color: #007749;
}

#page .nzta__color-helper_border--pos {
    border-color: #D3D2C2;
}

/**
   * Editing highlighting and conveniences
   **/
body.nztainvest-totara-testing-catlearn-nz:before {
    /* just a reminder for the site phase we're on */
    content: 'TEST';
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    background: var(--color__debug);
    color: white;
    padding: 0 3px;
    font-size: 0.6em;
    line-height: 1.4em;
}

/*
  body.nztainvest-totara-testing-catlearn-nz {
      border: 1px solid var(--color__debug);
  }
  */


/* unapproved text highlighting */
.nzta__loremipsum {
    border: 1px dashed var(--color__debug);
}

/**
   * Yeahp, an IE11 banner warning about poor UX. The UX is poor inside WK NZTA network only
   * as identified during our internal user testing, it's actually mostly fine outside of the
   * network. Other agencies may also have issues using IE11 though. I've targeted main user
   * landing pages only.
   **/
body.ie#page-site-index nav.totaraNav:after,
body.ie#page-login-index nav.totaraNav:after,
body.ie.path-totara-dashboard nav.totaraNav:after,
body.ie#page-login-forgot_password nav.totaraNav:after {
    content: 'For an optimal experience using InvestHub, please access the site using Google Chrome.';
    display: block;
    padding: 6px 20px;
    text-align: center;
    background: yellow;
    font-size: 13px;
}

/**
   * Page
   **/
.container-fluid {
    /* desirable to reduce the likelihood of >80 character blocks of text for readability,
          and also to constrain the H5P interactive graphic on Dashboards. note that this may
          funk with some Reports, but ehy're for Admins and that's much less important than
          our Learners */
    max-width: 1280px;
}

#page-admin-user .container-fluid {
    max-width: 1600px;
}

#page {
    /* some more whitespace between page content and massive blue footer, and align the page
          content with navigation and logo */
    margin-bottom: 40px;
    padding: 0 30px;
}

/**
   * Main navigation
   **/
.totaraNav_prim,
.totaraNav_prim--list_item_link,
.totaraNav_prim>.container-fluid {
    /* equal min-height primary nav throughout site, regardless of conditional contents */
    height: auto;
    min-height: 60px;
    /*min-height: 66px  add back in if using :after Te Reo trasnlations on links */
}

.totaraNav nav {
    line-height: 1.3em;
}

.totaraNav_prim--list_item {
    margin-top: 10px;
    /* remove whole selector if using :after Te Reo translations on links */
}

.totaraNav_prim--list_item_link {
    font-size: 17px;
    padding-top: 15px;
    /* align to Waka Kotahi logo */
    padding-bottom: 18px;
    /* remove if adding :after Te Reo translations on links */
}

.totaraNav_prim--list_item_link .totaraNav_prim--list_item_label::after {
    display: block;
    font-weight: normal;
    font-size: 0.7em;
    font-style: italic;
    border: none;
}
/* remove nested submenu item excess left padding */
.navExpand--listSecond .navExpand--list_item_link {
    padding-left: 0;
}

/**
   * Sitewide footer
   **/
#page-footer {
    height: auto;
}

#page-footer .page-footer-main-content {
    margin-left: auto;
    margin-right: auto;
}

.footnote .text_to_html {
    flex-direction: column;
    align-items: center;
}

/**
   * Sitewide custom NZTA HTML blocks
   **/
/* smaller blocks - the widths are done in the Theme, so need to override those */
.nzta__block.nzta__block {
    /* simplify margin/widths by using flex, the parent is already a flex parent after all */
    width: auto;
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: 10px;
    margin-right: 10px;
    /* IE11 mis-calculates flex-basis when the same container has padding, regardless of flex
          properties intended to fix the problem, or box-sizing. We'll add the padding to inner contents instead */
    padding: 0 !important;
    /* note: flex-basis calculations can't use the nested calc() statement with a CSS Var in IE11, sadly,
              hardcoded values it is for the next set of selectors */
}

.nzta__block.nzta__block {
    /* simplify margin/widths by using flex, the parent is already a flex parent after all */
    width: auto;
    flex-grow: 1;
    flex-shrink: 1;
    margin-left: 10px;
    margin-right: 10px;
    /* IE11 mis-calculates flex-basis when the same container has padding, regardless of flex
          properties intended to fix the problem, or box-sizing. We'll add the padding to inner contents instead */
    padding: 0 !important;
    /* note: flex-basis calculations can't use the nested calc() statement with a CSS Var in IE11, sadly,
              hardcoded values it is for the next set of selectors */
}


.nzta__block.nzta__block .content {
    padding: 20px 20px 60px 20px !important;
    /* not me, overriding an !important here */
}

/* each block wants to use one half the available width  */
.nzta__block.nzta__block--fullwidth {
    flex-basis: 100%;
}

.nzta__block--fullwidth {
    flex-basis: 100%;
}

/* each block wants to use one half the available width  */
.nzta__block.nzta__block--halfwidth {
    flex-basis: calc(50% - 20px);
}

.nzta__block--halfwidth {
    flex-basis: calc(50% - 20px);
}


/* each block wants to use one third the available width */
.nzta__block.nzta__block--thirdwidth {
    flex-basis: calc(33.33% - 30px);
}

.nzta__block--thirdwidth {
    flex-basis: calc(33.33% - 30px);
}

/* each block wants to use one quarter the available width */
.nzta__block.nzta__block--quarterwidth {
    flex-basis: calc(25% - 40px);
}

.nzta__block--quarterwidth {
    flex-basis: calc(25% - 40px);
}

/* also just stack full-width blocks on narrow viewports */
@media screen and (max-width: 768px) {
    .nzta__block.nzta__block {
        flex-basis: 100%;
    }
}

/* footer links and Waka Kotahi logo */
.nzta__site__footer-lists {
    display: flex;
    max-width: 768px;
    margin-bottom: 40px;
}

.nzta__site__footer-list-group {
    display: flex;
    margin: 0;
    padding: 0;
}

.nzta__site__footer-list-item {
    margin: 0;
    padding: 0 20px;
    list-style-type: none;
    border-left: 1px solid #f3f3f3;
}

.nzta__site__footer-list-item:first-child {
    border: none;
}

.nzta__site__footer-list-link {
    display: block;
    margin: 0;
    padding: 3px;
}

/* Copyright and logos */
.nzta__site__footer-logo-container {
    display: flex;
    max-width: 1024px;
    margin: 0 0 10px 0;
    padding: 0;
}

@media screen and (max-width: 1024px) {

    /* switch from flex to block to simplify element stacking on narrow viewports */
    .nzta__site__footer-logo-container {
        display: block;
    }
}

.nzta__site__footer-logo-container-item {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nzta__site__footer-copyright {
    font-size: 0.8em;
}

.nzta__site__footer-logo-spacer {
    min-width: 100px;
}

.nzta__site__footer-logo-lockup {
    display: flex;
}

.nzta__site__footer-logo-waka-kotahi {
    margin-right: 30px;
}

/**
   * Login page
   **/
.invest-nzta-govt-nz#page-login-index .totaraNav_prim .masthead_logo--header_img {
    margin-top: 0;
    /* remove inconsistent spacing when compared to other pages */
}

.subcontent.potentialidps {
    z-index: 1;
    background-color: #FFF;
    box-shadow: 8px 0px 10px -7px rgba(0, 0, 0, 0.3);
}

.loginblock,
.loginbox.twocolumns .loginpanel {
    background-color: #efefef;
}

/**
   * Home page
   **/
/* Admin "add blocks" should always be on new "row" */
#page-site-index .block_adminblock.block_addblock {
    width: 100%;
}

/* remove vertical whitespace */
#page-site-index #block-region-top {
    margin-top: -28px;
}

#page-site-index .block.chromeless .block-totara-featured-links-layout {
    margin-top: 0;
    height: 360px;
    /* fuller height for image rotation */
}

#page-site-index .block.chromeless .block-totara-featured-links-layout .block-totara-featured-links-tile {
    margin-top: 0;
}

/* Waka Kotahi like to overlap things I notice */
.block-row.home {
    box-shadow: 0 10px 20px 0 #e8ecf0 !important;
    /* not me, overriding an !important here */
}

.nzta__index__strapline {
    z-index: 100;
    min-height: 100px;
    margin: -60px 10px 20px 10px;
    padding: 20px;
    box-shadow: 0 10px 20px 0 #e8ecf0 !important;
    /* not me, overriding an !important here */
}

.nzta__siteindex__strapline-title {
    padding: 10px 0;
}

.nzta__siteindex__strapline-columns {
    display: flex;
}
@media screen and (max-width: 768px) {

    /* stack 'em up on narrow viewports */
    .nzta__siteindex__strapline-columns {
        display: block;
    }
}

.nzta__siteindex__strapline-column:first-child {
    margin-right: 30px;
    max-width: 760px;
}

.nzta__siteindex__strapline-column:last-child {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}
/********DASHBOARDS********/

.pagelayout-dashboard #block-region-top {
    /* there appears to be a bug where cloning a dashboard does not result in having generated id's for a dashboard */
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 40px 0;
}

.pagelayout-dashboard #block-region-bottom {
    display: flex;
    width: auto;
    margin: 0 25px;
    padding: 20px 0;
    border-top: 5px solid #f3f3f3;
}

.block.dashboard-pathway.block-full-width {
    padding: 20px 0 20px 0 !important;
    /* not me, overriding an !important here */
    border-bottom-width: 5px;
    border-bottom-style: solid;
}

.block.dashboard-pathway.block-full-width .block-content .no-overflow {
    /* remove pointless whitespace inside block */
    font-size: 0;
    line-height: 0;
}

/* pretty wild selectors here, targeting H5P Activities on a Course page, when they're embedded
      in an iframe. when they're embedded, they still render an entire Course Format page, CSS dependencies and all. we can hook into this specific display use case and remove Course page box model noise */
#page-mod-hvp-embed #page-content {
    padding: 0;
    margin-top: 0;
}

.h5p-image-hotspot {
    /* the hotspots on these interactive graphics are really big,
      so remove the background */
    background: none !important;
}

/* Dashes */
.block.dashboard.chromeless .title.block-title {
    padding: 0;
}

.nzta__dashboard__block .content {
    padding-bottom: 2.8em;
}

.nzta__dashboard__block-link {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/* Major dashes */
.nzta__dashboard__block.nzta__dashboard__block--major {
    min-height: 250px;
    padding: 10px !important;
    /* not me, overriding an !important here */
}

.nzta__dashboard__block--major.chromeless {
    background-color: #fff;
}

/* Minor dashes */
.nzta__dashboard__block.nzta__dashboard__block--minor {
    min-height: 220px;
}

.nzta__dashboard__block--minor.chromeless {
    background-color: #fff;
}


.nzta__dashboard__block-link.nzta__dashboard__block-link--minor {
    background: #003b5c;
}

.nzta__dashboard__block-link--minor {
    background: #003b5c;
}


/* Minor dashes */
.nzta__dashboard__block.nzta__dashboard__block--minor {
    min-height: 220px;
}

/* Change Persona */
/* text block */
.nzta__dashboard__block.nzta__dashboard__block--personas {
    flex-basis: 720px;
    margin-right: 30px;
    margin-bottom: 0 !important;
    /* unfortunate override needed here, there are incorrectly applied "Docked" classNames applied to this block */
}

/* Change persona - customer persona selection block */
.pagelayout-dashboard .block_persona {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
    /* unfortunate override needed here, there are incorrectly applied "Docked" classNames applied to this block */
}

.block_persona .persona-switcher>form {
    display: flex;
}

.block_persona .persona-switcher>form>button {
    margin-left: 10px;
    background: #afbd22;
    color: black;
}

.block_persona .persona-switcher>form>button:hover {
    background: #c3d326;
}
/**
   * Persona Dashboard selection/confirmation pages
   **/

.block.nzta__dashboard__dashboard-selector-instruction {
    margin: 10px 0 40px 0;
}

.block.nzta__dashboard__dashboard-selector {
    max-width: 900px;
    padding-left: 20px;
    margin-bottom: 40px;
    border-left: 5px solid #c2c2c2;
}

.block.nzta__dashboard__dashboard-selector--bcd {
    border-left-color: #4EBD88;
}

.block.nzta__dashboard__dashboard-selector--ta {
    border-left-color: #00778B;
}

.block.nzta__dashboard__dashboard-selector--dm {
    border-left-color: #FF8D6D;
}

.block.nzta__dashboard__dashboard-selector--po {
    border-left-color: #007749;
}

.block.nzta__dashboard__dashboard-selector--pos {
    border-left-color: #D3D2C2;
}

.block.nzta__dashboard__dashboard-selector .link-as-button.disabled {
    background: #f3f3f3;
    cursor: not-allowed;
}
/* bottom of the page escape hatch away from personas/roles to the catalog */
.nzta__dashboard__dashboard-selector-columns {
    display: flex;
}


.nzta__dashboard__dashboard-selector-column:first-child {
    flex-basis: 75%;
    margin-right: 30px;
    max-width: 760px;
}

.nzta__dashboard__dashboard-selector-column:last-child {
    display: flex;
    flex-grow: 1;
    align-items: center;
}
/**
   * Catalog
   **/
.tw-catalogDetailsLink {
    /* remove visual colour and box model noise */
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

/*** Feedback module pages tidyup **/
/** * SCORM module tidy-up  **/


#page-mod-scorm-player .breadcrumb-button a {
    background-color: #afbd22;
    padding: 10px 14px;
    border-radius: 3px;
    border: 0;
    color: #fff;
}

/**
   * Course page
   **/
h4.activity--name {
    line-height: inherit;
    /* they're very squishy */
}

/**
   * Glossary tidyup
   **/
#page-mod-glossary-view h4 {
    color: #003b5c;
}

#page-mod-glossary-view h3 {
    color: #afbd22;
}

#page-mod-feedback-complete .mform .fitem .felement {
    width: 60%;
    /*FIX WIDTH ON FEEDBACK*/
}

/**
   * Quiz tidy-up
   **/
.que .content {
    border-left: 1px solid #f2f2f2;
}

.que .formulation,
.que .outcome,
.que .comment {
    border: none;
}

.que .outcome,
.que .comment {
    border-top: 5px solid #f3f3f3;
}

.que.multichoice .answer div.r0,
.que.multichoice .answer div.r1 {
    display: flex;
    flex-wrap: wrap;
}

.que.multichoice .answer div.r0 input,
.que.multichoice .answer div.r1 input {
    flex-shrink: 0;
    flex-grow: 0;
    width: 25px;
    margin: 8px;
}

.que.multichoice .answer .specificfeedback {
    margin: 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #ffffff;
}
.invest-nzta-govt-nz .formulation .incorrect,
.invest-nzta-govt-nz .formulation .correct,
.invest-nzta-govt-nz .que.multichoice .answer .specificfeedback {
    background-color: #f3f3f3;
}
/* correct answers */
.invest-nzta-govt-nz .que.multichoice .answer div.correct label,
.invest-nzta-govt-nz .que.multichoice .answer div.correct div.specificfeedback {
    color: #00778B;
    font-weight: bold;
}
/* incorrect answers */
.invest-nzta-govt-nz .que.multichoice .answer div.incorrect label,
.invest-nzta-govt-nz .que.multichoice .answer div.incorrect div.specificfeedback {
    color: #003b5c;
    font-weight: bold;
}

.invest-nzta-govt-nz .que.multichoice .answer div.r0 .flex-icon,
.invest-nzta-govt-nz .que.multichoice .answer div.r1 .flex-icon {
    margin: 8px 10px;
    padding-top: 10px;
}

/* Quiz results */


.invest-nzta-govt-nz table.quizreviewsummary td.cell,
.invest-nzta-govt-nz table.quizreviewsummary th.cell {
    background: none;
    border: none;
}

.invest-nzta-govt-nz table.quizreviewsummary .cell h3 {
    margin-top: 0;
}

.invest-nzta-govt-nz table.quizreviewsummary td {
    padding-bottom: 8px;
}

.invest-nzta-govt-nz table.quizreviewsummary tr:first-child td,
.invest-nzta-govt-nz table.quizreviewsummary tr:first-child th {
    padding-top: 10px;
}

.invest-nzta-govt-nz table.quizreviewsummary tr:last-child td,
.invest-nzta-govt-nz table.quizreviewsummary tr:last-child th {
    padding: 10px 10px 20px 5px;
}


/**
   * Minor text/element helpers
   **/

/* we're pointing to a lot of external sites, some requiring non-SSO login,
      so we'll warn users with a consistent banner style */
.nzta__external-system--warning {
    margin-bottom: 5px;
    font-size: 1.3rem;
    color: #666;
}

/* notification statuses */
.ft-state-success {
    color: #00778B !important;
}

/**
   * All A element URLs opening in a new window except those pointing to a URI on this domain,
   * except for mod/url Activities, should have an icon attached to them. This should only target
   * Home page, Dashboards, Course pages, otherwise too many random outcomes on A elements.
   **/
/**
   * All A element URLs opening in a new window except those pointing to a URI on this domain,
   * except for mod/url Activities, should have an icon attached to them. This should only target
   * Home page, Dashboards, Course pages, otherwise too many random outcomes on A elements.
   **/
#page-site-index a[href*="mod/url"]:after,
#page-course-view-topics a[href*="mod/url"]:after,
.path-totara-dashboard a[href*="mod/url"]:after {
    display: inline;
}

#page-site-index a[href*="mod/url"][target="_blank"],
#page-course-view-topics a[href*="mod/url"][target="_blank"],
.path-totara-dashboard a[href*="mod/url"][target="_blank"],
#page-site-index .hidden a[href*="mod/url"],
#page-course-view-topics .hidden a[href*="mod/url"],
.path-totara-dashboard .hidden a[href*="mod/url"] {
    border: none;
}
/************DESLEYS THEME ADDITIONS****************/
/*****Dave - thanks for moving the previous theme changes*************/
#page .nzta_colour-helper_background-cop {
    background-color: #006DB6;
}

#page-mod-feedback-complete.course-20 .fitem>fieldset>legend {
    float: none;
    width: 100%;
}
#page-mod-feedback-complete .mform .fitem .fitemtitle {
    width: 100%;
}


/* progress bar */
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show {
    background: #00aeef;
    /* primary brand color */
    background-image: none;
}

/* button */
.h5peditor .ui-dialog .h5p-joubelui-button,
.h5peditor .h5p-joubelui-button,
.h5p-joubelui-button {
    background: #45967c;
    /* secondary brand color */
}

/* button hover */
.h5peditor .ui-dialog .h5p-joubelui-button:hover,
.h5peditor .ui-dialog .h5p-joubelui-button:focus,
.h5peditor .h5p-joubelui-button:hover,
.h5peditor .h5p-joubelui-button:focus,
.h5p-joubelui-button:hover,
.h5p-joubelui-button:focus {
    background: #5bb397;
    /* shade of secondary brand color */
}

/* accordion hover styling */
.h5p-accordion .h5p-panel-title:hover,
.h5p-accordion .h5p-panel-title:focus,
.h5p-accordion .h5p-panel-title:active {
    color: #ffffff;
    background-color: #00aeef;
    /* primary brand color */
}

/* li icon */
.topics .activity .activityicon {
    vertical-align: middle;
    width: 2.7em;
    padding: 5px 15px 5px 0;
}

/* progress bar */
.h5p-course-presentation .h5p-progressbar .h5p-progressbar-part-show {
    background: #00aeef;
    /* primary brand color */
    background-image: none;
}

/* button */
.h5peditor .ui-dialog .h5p-joubelui-button,
.h5peditor .h5p-joubelui-button,
.h5p-joubelui-button {
    background: #45967c;
    /* secondary brand color */
}

/* button hover */
.h5peditor .ui-dialog .h5p-joubelui-button:hover,
.h5peditor .ui-dialog .h5p-joubelui-button:focus,
.h5peditor .h5p-joubelui-button:hover,
.h5peditor .h5p-joubelui-button:focus,
.h5p-joubelui-button:hover,
.h5p-joubelui-button:focus {
    background: #5bb397;
    /* shade of secondary brand color */
}

/* accordion hover styling */
.h5p-accordion .h5p-panel-title:hover,
.h5p-accordion .h5p-panel-title:focus,
.h5p-accordion .h5p-panel-title:active {
    color: #ffffff;
    background-color: #00aeef;
    /* primary brand color */
}

/* li icon */
.topics .activity .activityicon {
    vertical-align: middle;
    width: 2.7em;
    padding: 5px 0 5px 15px;
}

.loginbox {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin-left: auto;
    margin-right: auto;

    &.twocolumns {

        .loginpanel {
            width: 100%;
            background-color: #efefef;
            border: none;
            box-shadow: none;
            margin-bottom: 0;
        }

        .signuppanel {
            width: 100%;
            left: 0;
        }
    }

    .subcontent.potentialidps {
        width: 100%;
        padding: 40px 30px;
        border: 2px solid #e3e3e3;
        background: #fff;
        border-bottom: 0;
        border-radius: 5px 5px 0 0;

        @media (min-width: 792px) {
            width: 40%;
            border: 2px solid #e3e3e3;
            border-right: 0;
            border-radius: 5px 0 0 5px;
        }
    }

    .loginblock {
        width: 100%;
        padding: 40px 30px;
        border: 2px solid #e3e3e3;
        border-radius: 0 0 5px 5px;

        @media (min-width: 792px) {
            width: 60%;
            border-radius: 0 5px 5px 0;
        }
    }

    .subcontent.guestsub {
        display: none;
    }
}

.desc {
    text-align: center;
}

.forgetpass {
    text-align: left;
    margin-top: 10px;

    @media (min-width: 1000px) {
        margin-top: -30px;
        text-align: right;
    }
}
#section-0 .sectionname {
display: none;
}
/***********THEME FIXES*********/
#page-login-index #page {
background:#003b5c;
}
.count-container {
    top: 13px;
}
.course-content ul li.section.main {
    border-bottom: none;
}
.block+span {
    display: none;
}
.totaraNav_prim--side__separator {
    display: none;
}
.state, .grade, .questionflag {
    display: none;
}

#course-template-8 .activity .fa-arrow-right {
    float: right;
    transform: rotate(-45deg);
    margin-top: 2px;
    display: none
}
.pagelayout-dashboard ul.totaraNav_sub--list {
    display: none;
}

#page-mod-page-view #region-main .modified {
    display: none;
    /* unnecessary last-modified stamp on Persona selection confirmation page */
}.


@media screen and (max-width: 768px) {

    /* stack 'em up on narrow viewports */
    .nzta__dashboard__dashboard-selector-columns {
        display: block;
    }
}


.tw-catalogDetailsLink__option_description {
    display: none;
    /* the concept of "enrolment" is not applicable on this site, the text is noise */
}

.tw-catalogDetails__detail_body {
    order: 2;
    /* this information is less important than letting the user know if the page is for
                   their persona, and how long it will take */
}


#page-mod-feedback-complete .generalbox .btn.btn-primary {
    display: none;
    /* pointless homepage button */
}

#page-mod-feedback-complete .continuebutton .form-submit.btn-primary {
    display: block !important;
    /* definitely ensure this button continues to show up! */
}

#page-mod-scorm-player #scormpage #scorm_toc_toggle {
    /* single SCOs only, don't need this navigation */
    display: none !important;
}

.invest-nzta-govt-nz .que.multichoice .answer label,
.invest-nzta-govt-nz .que.multichoice .answer div.specificfeedback {
    flex-basis: calc(100% - 50px);
}

.invest-nzta-govt-nz.course-33 table.quizreviewsummary tr:nth-child(6) {
     display: none;
}


.invest-nzta-govt-nz table.quizreviewsummary {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 40px;
    box-shadow: 0px 1px 12px -4px rgba(0, 0, 0, .5);
}

.invest-nzta-govt-nz#page-mod-quiz-view div[role="main"] {
    display: flex;
    flex-direction: column;
}

.invest-nzta-govt-nz#page-mod-quiz-view #feedback h3:first-child {
    display: none;
    /* not interested in grade details */
}


/* summary table needs simplifying */
.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(2),
.invest-nzta-govt-nz .quizattemptsummary tr td:nth-child(2) {
    display: none;
    /* hide verbose attempt timestamp */
}

.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(3) {
    white-space: nowrap;
    /* plenty of space now, don't wrap the "marks" table header */
}


.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(4),
.invest-nzta-govt-nz .quizattemptsummary tr td:nth-child(4) {
    display: none;
    /* hide grade details, we only want marks */
}

.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(5),
.invest-nzta-govt-nz .quizattemptsummary tr td:nth-child(5) {
    display: none;
    /* hide "state" details, confusing and meaningless to our audience */
}

     * quiz summary of attempts
     **/
/* most important information first, not backwards */
.invest-nzta-govt-nz#page-mod-quiz-view div[role="main"] {
    display: flex;
    flex-direction: column;
}

.invest-nzta-govt-nz#page-mod-quiz-view #feedback h3:first-child {
    display: none;
    /* not interested in grade details */
}

/* summary table needs simplifying */
.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(2),
.invest-nzta-govt-nz .quizattemptsummary tr td:nth-child(2) {
    display: none;
    /* hide verbose attempt timestamp */
}

.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(3) {
    white-space: nowrap;
    /* plenty of space now, don't wrap the "marks" table header */
}

.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(4),
.invest-nzta-govt-nz .quizattemptsummary tr td:nth-child(4) {
    display: none;
    /* hide grade details, we only want marks */
}

.invest-nzta-govt-nz .quizattemptsummary tr th:nth-child(5),
.invest-nzta-govt-nz .quizattemptsummary tr td:nth-child(5) {
    display: none;
    /* hide "state" details, confusing and meaningless to our audience */
}

.invest-nzta-govt-nz#page-mod-quiz-view #page .quizgradefeedback {
    text-align: left;
    /* randomly centered large blocks of text is not easily readable */
}

.invest-nzta-govt-nz#page-mod-quiz-view #page .quizattempt {
    text-align: center;
    /* safe to re-center the button */
}

/**
   * Upcoming Events block tidyup
   **/
.invest-nzta-govt-nz .block_calendar_upcoming .event {
    display: flex;
    flex-wrap: wrap;
}

.invest-nzta-govt-nz .block_calendar_upcoming .event .icon {
    flex-basis: 30px;
}

.invest-nzta-govt-nz .block_calendar_upcoming .event>a {
    flex-basis: calc(100% - 30px);
}

.invest-nzta-govt-nz .block_calendar_upcoming .event .date {
    flex-basis: 100%;
    flex-shrink: 0;
}

#page-site-index a[href*="invest.nzta.govt.nz"]:after,
#page-course-view-topics a[href*="invest.nzta.govt.nz"]:after,
.path-totara-dashboard a[href*="invest.nzta.govt.nz"]:after {
    display: none;
}

#page-site-index a[href*="mod/url"],
#page-course-view-topics a[href*="mod/url"],
.path-totara-dashboard a[href*="mod/url"] {
    border: 1px dashed var(--color__debug);
    /* to highlight URL module links that are missing a target="_blank" attribute */
}

.course-20 #fitem_id_anonymousmode {
    display: none;
}

#page-mod-feedback-complete.course-20 .continuebutton {
    display: none;
}
#page-site-index .section .activity .activityinstance, #page-site-index .section .activity .activityinstance div {
 display: none;
}

#page-site-index.editing  .section .activity .activityinstance, #page-site-index.editing  .section .activity .activityinstance div {
display: block !important;
}