:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #000000;--nav-text-color: #FFFFFF;--color-primary: #b3985a;--btn-prim-accent-color: #000000;--btn-accent-color: #000000;--link-color: #b3985a;--color-state: #707070;--color-text: #262626;--footer-bg-color: #343434;--footer-text-color: #FFFFFF;--btn-prim-accent-color-focus: #000000;--btn-prim-accent-color-active: #000000;--btn-accent-color-focus: #000000;--btn-accent-color-active: #000000;--link-color-hover: #a98e50;--color-state-hover: #666666;--color-state-focus: #666666;--color-state-active: #555555;--footer-text-color-hover: #f5f5f5;}
:root {
    --base: 15px;
    --btn-shadow-focus: var(--shadow-2);
 }
.fa-2x{
    font-size: calc(var(--base) * 2);
}
.fa-5x{
    font-size: calc(var(--base) * 5);
}
body {
    font-family:Montserrat, sans-serif;
    font-size: var(--base);
    font-weight:500;
    letter-spacing: -.5px;
    overflow-x: hidden;
}
body span{
    font-family:Montserrat, sans-serif ;
}
/*---- SOF card block----*/
.block {
    border: none !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.block-title h2{
font-size:18px !important;
font-weight:bold !important;
}
.block .block-title::after {
    opacity: 0;
}
/*---- EOF card block----*/

/*---- SOF Form label ----*/
.fitem>fieldset>legend .legend {
    font-weight: 700;
}
.fitem>fieldset>legend, .fitem .fitemtitle label {
    font-size: 15px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.flex-icon.ft-fw.ft.tfont-var-info_filled.iconhelp, .flex-icon.ft-fw.ft.tfont-var-circle, .flex-icon.ft-fw.ft.tfont-var-check-circle {
    font-size: 15px;
    vertical-align: middle;
}
.fitem.required label, .fitem.required span.legend, #fitem_id_password .fitemtitle>label {
    color: #c9302c;
}
.mform .helptooltip a {
    color: #262626;
}
.mform .fitem_fdate_time_selector {
    margin-bottom: 5px !important;
}
/*---- EOF Form label ----*/
/*---- SOF Header Logo ----*/
.totaraNav_prim .masthead_logo--header_img {
    height: 100%;
    width: 215px;
}
@media (max-width: 1560px){
    .totaraNav_prim .masthead_logo--header_img {
        width: 175px !important;
    }

}
@media (max-width: 1390px){
    .totaraNav_prim .masthead_logo--header_img {
        width: 125px !important;
    }
}
@media (max-width: 1306px){
    .totaraNav_prim .masthead_logo--header_img {
        width: 100px !important;
    }
}
/*---- EOF Header Logo ----*/

/*--- SOF Modal ---*/
.modal-dialog .modal-header{
	margin:0;
	position:relative;
}
/*--- EOF Modal ---*/

/* --- SOF Main menue ---*/
.totaraNav_prim--list_item_label {
    font-weight: bold;
    text-transform: uppercase;
}
.totaraNav_prim--list_item_link {
    padding: var(--gap-2) 10px;
}
.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:focus .totaraNav_prim--list_item_label::after, .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after{
    border-color:white;
}

.totaraNav_prim--list_item_selected .flex-icon{
    color:var(--nav-tab-text-color-selected) !important;
}
.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label{
    color:var(--color-text);
}
.totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after{
    border-color:#b3985a ;
}
.totaraNav_prim--list_item_selected {
    background-color: var(--link-color) ;
}
.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_label::after {
    border-color: var(--color-neutral-1);
}
.totaraNav_prim .flex-icon{
    color:var(--link-color);
}
.totara_core__QuickAccess_icon > .tfont-var-gear, .tfont-var-chevron-down.totara_core__QuickAccess_chevron {
    color: var(--nav-tab-text-color);
}
.totaraNav_prim .usermenu .flex-icon{ color:#000;}
.totara_core__QuickAccess_menu .flex-icon,
.popover-region-container .flex-icon{ color:#000;}

@media (max-width: 1560px) {
    .totaraNav_prim--side .usermenu .usertext {
        display: none;
        vertical-align: unset;
    }
	.totaraNav--expand_indent{
		display:none !important;
	}
}
@media (max-width: 1154px) {
	.totaraNav_prim--toggleNav {
		display: block;
	}
	.totaraNav_prim--list {
		position: fixed;
		top: 0;
		left: -100%;
		max-width: 100%;
		height: 100vh;
		min-height: 35px;
		margin: auto 0;
		padding: 0 var(--gap-4);
		background: inherit;
	}
    .totaraNav_prim--list_showMobile {
        width: 280px;
    }
	.totaraNav_prim--list_showMobile {
		left: 0;
	}
    .totaraNav_prim--list_item_close {
        display: flex;
    }
    .totaraNav_prim--list_close {
        display: block;
    }
}

@media (max-width: 767px) {
    .totaraNav_prim--list_showMobile {
        width: 80%;
    }
}

/*==== Touch point ====*/
.tenant-user-touchpoint .totaraNav_prim .flex-icon{
    color:#000;
}
.tenant-user-touchpoint .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after {
    border-color: var(--link-color);
}

.tenant-user-touchpoint .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link{
	color:var(--color-neutral-1);
}
.tenant-user-touchpoint .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label {
   /* color: #ffffff;*/
}
.tenant-user-touchpoint .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after {
    border-color: var(--color-neutral-1);
}

/*==== Canada ====*/
.tenant-user-canada .totaraNav_prim .flex-icon{
    color:#000;
}
.tenant-user-canada .totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link{
	color:#ffffff;
}

/*==== Canteen ====*/
.tenant-user-canteen .totaraNav_prim--list_item_link:hover .totaraNav_prim--list_item_label::after {
    border-color: var(--link-color);
}
.tenant-user-canteen .totaraNav_prim--list_item_selected {
    background-color: var(--link-color);
}
.tenant-user-canteen .page-footer button{
	background: #000000;
}
.tenant-user-canteen .page-footer button:hover{
	background: var(--link-color);
}
.usermenu a.itemtype-logout, .usermenu a.itemtype-logout .flex-icon{
    transition: 0.5s;
}
.usermenu a.itemtype-logout:hover{
    background:var(--link-color) !important;
    color:var(--color-neutral-1) !important;
}
.usermenu a.itemtype-logout:hover .flex-icon{
    color:var(--color-neutral-1);
}
/*--- EOF Main menu ---*/

/*--- SOF Breadcrumb ---*/
.breadcrumb .dimmed_text{
    color: var(--link-color) !important;
}

/*--- EOF Breadcrumb ---*/

/*--- SOF GTT table ---*/
#search_results>tbody>tr>td{
min-width:140px;
vertical-align: middle;
}
#search_results>tbody>tr>td:nth-child(2) {
    min-width: 0px;
}
/*--- EOF GTT table ---*/

/*--- SOF Footer ---*/
#page-footer .footer-links-container .footer-links li a {
    /*color: #fff;*/
    text-decoration: none;
}
#page-footer {
    /*color: #fff;*/
    padding: 19px 0;
    text-align:center;
}
#page-footer small.page-footer-poweredby {
    display: none;
}
#page-footer span.copyright-info {
    float: left;
}
.page-footer .footer-links-container .footer-links {
    list-style: none;
    float: right;
    width: auto;
}

.block_site_main_menu .unlist li:nth-of-type(1n+2){ display:none}

.page-footer .footer-links-container .footer-links li {
    float: left;
    padding: 0 3px;
}

#page-footer .page-footer-main-content{
padding:0;
}

/*==== Canada ====*/
.tenant-user-canada .usertour .btn{
    background: var(--btn-prim-bg-color);
    color: var(--color-neutral-1);
}
/*--- EOF Footer ---*/

/*--- SOF custom fields ---*/
#id_customfields .fitem {
    width: 100%;
    flex: 0 0 auto;
    margin: 0 0 10px 0;
    background: #f9f9f9;
    padding: 10px;
}
#id_customfields .course_icon {
    max-width:26px;
    margin:0 8px 0 4px;
}
#id_customfields .course_icon[src*="default"] {
    display:none;
}
#id_customfields:not(.collapsed)>.fcontainer {
    display:flex;
    flex-wrap:wrap;
}
#id_customfields .fgroup.multiselect legend,#id_customfields .fitem .fitemtitle,#id_customfields .fitem .felement,#id_customfields .fgroup.multiselect .felement {
    float:none;
    width:100%;
}
#id_customfields .fgroup.multiselect .felement>span {
    display:flex;
    align-items:flex-start;
    margin: 0 0 10px 0;
    width: 100%;
}
#id_customfields .fgroup.multiselect .felement>br {
    display:none;
}
#id_customfields .fgroup.multiselect .felement>span input[type="checkbox"] {
    margin:5px 5px 0 0;
}
#id_customfields .fitem>fieldset>legend, #id_customfields .fitem .fitemtitle label {
    font-size: 15px;
}
#id_customfields .fitemtitle{
    margin-bottom:20px;
}
form#mform1 strong {
    font-weight: 500;
}

@media only screen and (min-width: 768px) {
  #id_customfields .fitem {
        width: 48%;
        margin:1%;
  }
}
@media only screen and (min-width: 1024px) {
  #id_customfields .fitem {
        width: 31.33%;
        margin: 1%;
  }
}
@media only screen and (min-width: 1280px) {
  #id_customfields .fitem {
        width: 24%;
        margin: 0.5%;
  }
}
/*--- EOF custom fields ---*/
/*--- SOF dashboard graph ---*/
.block_totara_report_graph .footer{display:none;}
/*--- EOF dashboard graph ---*/
/*=================================*/
.modal-content{
    border-radius:6px;
}
a.dimmed:link .ft, a.dimmed:visited .ft, .dimmed_text a:link .ft, .dimmed_text a:visited .ft {
    color:#000000;
}
.flex-icon {
    font-size: 20px;
    color: #000000;
}
span.flex-icon.ft-fw.ft.tfont-var-x.ft-state-danger {
    font-weight: bold;
}
.fitem.required label, .fitem.required span.legend, #fitem_id_password .fitemtitle>label {
color : #c9302c;
}
button, .btn, input[type="submit"], input[type="button"], input[type="reset"] {
    color: var(--btn-prim-accent-color) !important;
    background-color: var(--nav-text-color) !important;
    border-color: var(--btn-prim-accent-color)!important;
    transition: 0.5s;
    text-transform: capitalize;
    border-radius: 5px !important;
    font-weight: bold !important;
    overflow: hidden !important;
}
button:hover, button:active, button:focus, .btn:hover, .btn:active, .btn:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus,
input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus
button:hover span.flex-icon, button:hover span.ui-button-text, button.ui-state-hover:hover
{
    color: var(--nav-text-color)!important;
    background-color: var(--color-primary)!important;
    border-color: var(--color-primary)  !important;
    transition: 0.5s;
}

form select:focus, form input[type="text"]:focus, form input[type="password"]:focus, form.atto_form input[type="url"]:focus, select.singleselect:focus {
    border-color: var(--color-primary) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(180 153 94 / 60%) !important;
    outline:0 !important;
}
.tui-toggleBtn--selected{
    color: var(--nav-text-color) !important;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/*==== Canada ====*/
.tenant-user-canada button, .tenant-user-canada .btn, .tenant-user-canada input[type="submit"], .tenant-user-canada input[type="button"], .tenant-user-canada input[type="reset"] {
    color: var(--btn-prim-accent-color) !important;
    background-color: var(--nav-bg-color) !important;
    border-color: var(--btn-prim-accent-color)!important;
}
.tenant-user-canada button:hover, .tenant-user-canada button:active, .tenant-user-canada button:focus, .tenant-user-canada .btn:hover, .tenant-user-canada .btn:active, .tenant-user-canada .btn:focus, .tenant-user-canada input[type="submit"]:hover, .tenant-user-canada input[type="submit"]:active, .tenant-user-canada input[type="submit"]:focus,
.tenant-user-canada input[type="button"]:hover, .tenant-user-canada input[type="button"]:active, .tenant-user-canada input[type="button"]:focus,
.tenant-user-canada input[type="reset"]:hover, .tenant-user-canada input[type="reset"]:active, .tenant-user-canada input[type="reset"]:focus
.tenant-user-canada button:hover span.flex-icon, .tenant-user-canada button:hover span.ui-button-text, .tenant-user-canada button.ui-state-hover:hover
{
    color: var(--nav-bg-color)!important;
    background-color: var(--color-primary)!important;
    border-color: var(--color-primary)  !important;
    transition: 0.5s;
}

/*==== Canteen ====*/
.tenant-user-canteen button:hover, .tenant-user-canteen button:active, .tenant-user-canteen button:focus, .tenant-user-canteen .btn:hover, .tenant-user-canteen .btn:active, .tenant-user-canteen .btn:focus, .tenant-user-canteen input[type="submit"]:hover, .tenant-user-canteen input[type="submit"]:active, .tenant-user-canteen input[type="submit"]:focus, .tenant-user-canteen input[type="button"]:hover, .tenant-user-canteen input[type="button"]:active, .tenant-user-canteen input[type="button"]:focus, .tenant-user-canteen input[type="reset"]:hover, .tenant-user-canteen input[type="reset"]:active, .tenant-user-canteen input[type="reset"]:focus button:hover span.flex-icon, .tenant-user-canteen button:hover span.ui-button-text, .tenant-user-canteen button.ui-state-hover:hover{
    background-color: var(--link-color) !important;
    border-color: var(--link-color) !important;
}

/*==== Touch point ====*/
.tenant-user-touchpoint button, .tenant-user-touchpoint .btn, .tenant-user-touchpoint input[type="submit"], .tenant-user-touchpoint input[type="button"], .tenant-user-touchpoint input[type="reset"] {
    color: var(--color-primary) !important;
    background-color: var(--nav-bg-color) !important;
    border-color: var(--color-primary)!important;
}
.tenant-user-touchpoint button:hover, .tenant-user-touchpoint button:active, .tenant-user-touchpoint button:focus, .tenant-user-touchpoint .btn:hover, .tenant-user-touchpoint .btn:active, .tenant-user-touchpoint .btn:focus, .tenant-user-touchpoint input[type="submit"]:hover, .tenant-user-touchpoint input[type="submit"]:active, .tenant-user-touchpoint input[type="submit"]:focus,
.tenant-user-touchpoint input[type="button"]:hover, .tenant-user-touchpoint input[type="button"]:active, .tenant-user-touchpoint input[type="button"]:focus,
.tenant-user-touchpoint input[type="reset"]:hover, .tenant-user-touchpoint input[type="reset"]:active, .tenant-user-touchpoint input[type="reset"]:focus
.tenant-user-touchpoint button:hover span.flex-icon, .tenant-user-touchpoint button:hover span.ui-button-text, .tenant-user-touchpoint button.ui-state-hover:hover
{
    color: var(--nav-bg-color)!important;
    background-color: var(--link-color)!important;
    border-color: var(--link-color)  !important;
    transition: 0.5s;
}



/** CG-383 **/
.totaraNav_prim > .container-fluid{
    max-width: none !important;
}

.mod_facetoface__sessionlist__facilitator, .mod_facetoface__sessionlist__cf-LinkURLBelow{
    display: none;
}

 .f2fmanagedates .c2, .f2fmanagedates .c3{
    display: none;
}

.tfont-var-calendar3:hover {
    color: #B4995E;
    transition-duration: .2s;
}

.mod_facetoface-show-selectdate-dialog>.tfont-var-gear {
    margin-top: 0px;
}

.addBlock--trigger > .flex-icon{
    color: white;
    background-color: black;
    border-radius: inherit;
    padding: 2px;
}

.addBlock--trigger{
    line-height: 0px;
    border-style: none;
}

.moodle-core-dragdrop-draghandle > .tfont-var-arrows-move, .toggle-display > .tfont-var-gear, .dateclone > .tfont-var-files_copy, .mod_facetoface-show-selectdate-dialog > .tfont-var-gear {
    color: #B4995E;
}

form input[type=text]{
    max-width: 100%;
}
table#plan_courses td.course_coursetypeicon img {
    width: 30px;
    height: 30px;
}
@media (max-width: 1100px){
    .totaraNav_prim--list {
        position: fixed;
        top: 0;
        left: -100%;
        max-width: 100%;
        height: 100vh;
        min-height: 35px;
        margin: auto 0;
        padding: 0 var(--gap-4);
        background: inherit;
    }
    .totaraNav_prim--list_showMobile {
        left: 0;
        z-index: 3;
        width: 280px;
        overflow-y: scroll;
        background: black !important;
        box-shadow: var(--shadow-2);
        -webkit-transition: .5s;
        transition: .5s;
    }
    .totaraNav_prim--toggleNav {
        display:  flex;
        align-items: center;
    }
    .totaraNav_prim--list_close {
        display: inline-block;
    }
    .totaraNav_prim--list_item {
        display: list-item;
    }
}
.flex-icon.ft-fw.ft.tfont-var-info_filled.iconhelp,
.flex-icon.ft-fw.ft.tfont-var-circle,
.flex-icon.ft-fw.ft.tfont-var-check-circle{
    font-size:15px;
    vertical-align: middle;
}
#mform_seminar_event #fitem_id_capacity input#id_defaultcapacity[disabled] {
    display: none;
}
.flex-icon.ft-fw.ft.tfont-var-asterisk.ft-state-danger.ft-state-info.form-advanced {
    font-size: 50%;
    vertical-align: text-top;
}

/** CG-394 **/
.block-region > .block_html{
    max-width: unset;
    width: 100%;
}
.content > .sectionname.tw-formatTopics__topic_header{
    font-weight: bold;
    margin-top: 25px;
}
.mod-indent-outer > div {
    background-color: #f5f5f5;
    padding: 5px 20px 5px 10px;
    margin-right: -20px;
}
/*.activity.scorm.modtype_scorm {
    background-color: #f5f5f5;
    padding: 10px 5px;
    margin: 3px;
}*/
.section li.activity{
    background-color: #f5f5f5;
    padding: 5px;
    margin: 0 0 5px;
}
.course-content > ul.topics{
    margin: 0em 2em;
}
.course-content > ul > li.section.main {
    padding-bottom: 15px;
}
.section .activity .actions {
    position: absolute;
    right: 0;
    top: 16px;
}
.activityinstance > a > .instancename{
    font-weight: bold;
}

/*--- SOF filter panel ---*/
.tw-selectRegionPanel__heading {
    margin-bottom:10px;
}
.tw-selectRegionPanel__hiddenOnSmall  .tw-selectRegionPanel__heading_text {
    font-weight: bold;
}
.tw-selectRegionPanel__selector_header {
    font-weight: bold;
    color: var(--link-color);
    font-size: 16px;
}
.tw-selectMulti__link_active {
    background-color: #b4995e;
    color: white;
}
.tw-selectMulti__link_active  .tw-selectMulti__link_text {
    color:#f9f9f9;
}
.tw-selectMulti__link:hover {
    background:rgb(180 153 94 / 50%);
}
.tw-selectMulti__link_active:active .tw-selectMulti__link_text, .tw-selectMulti__link_active:focus .tw-selectMulti__link_text, .tw-selectMulti__link_active:hover .tw-selectMulti__link_text {
    color:#f9f9f9;
}
.tw-selectMulti__link_close .flex-icon {
    color:#f9f9f9;
}
.tw-selectMulti__link {
        padding:var(--gap-1) var(--gap-2)
    }
/*--- EOF filter panel ---*/
.tw-catalogItemNarrow__title{    font-size: var(--font-size-14);}
.moodle-dialogue-base .closebutton{transition: none !important;}
.activityinstance .flex-icon {padding-right: 35px;  font-size: 25px;}
.course_icon {
    max-width: 25px;
    max-height: 25px;
    margin-right: 10px;
}
form select[disabled], form select[readonly], fieldset[disabled] form select, form input[type=text][disabled], form input[type=text][readonly], fieldset[disabled] form input[type=text], form input[type=password][disabled], form input[type=password][readonly], fieldset[disabled] form input[type=password], form input[type=number][disabled], form input[type=number][readonly], fieldset[disabled] form input[type=number], form.atto_form input[type=url][disabled], form.atto_form input[type=url][readonly], fieldset[disabled] form.atto_form input[type=url], select.singleselect[disabled], select.singleselect[readonly], fieldset[disabled] select.singleselect {
    background-color: #dde1e5 !important;
    opacity: 1;
    color:rgb(109, 109, 109) !important;
}
.fcheckbox-content>label, .fadvcheckbox-content>label, .fradio-content>label, .form-checkbox+label, .form-multicheckbox label{
    font-weight:700;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=checkbox].disabled, fieldset[disabled] input[type=checkbox],form select[disabled], fieldset[disabled] form select, form input[type=text][disabled], fieldset[disabled] form input[type=text], form input[type=password][disabled], fieldset[disabled] form input[type=password], form input[type=number][disabled], fieldset[disabled] form input[type=number], form.atto_form input[type=url][disabled], fieldset[disabled] form.atto_form input[type=url], select.singleselect[disabled], fieldset[disabled] select.singleselect, input[type=button][disabled] {
    cursor: not-allowed !important;
}
.mform .fitem .fitemtitle .fstaticlabel{font-weight:700;}
/** Tags **/
.form-autocomplete-selection > .label-default {
    background-color: #b4995e;
}

#id_moodle_interests{display:none;}
.ui-dialog .ui-dialog-titlebar-close,
button.ui-dialog-titlebar-close:hover span.ui-button-text{
    transition: none;
    background-color: transparent !important;
}
.totara_form .tf_element_title .legend {
    font-weight: bold;
}
#dp-plans-description .dp-add-plan-link{
    min-width:auto;
}
/*--- for modal popup ---*/
[data-flexitour="container"] {
    box-shadow: 0 0 999999px 999999px rgba(0, 0, 0, 0.4);
}

/*--- to change the default icon ---*/
.tfont-var-collection_handle_fill:before{
    content:"\e928";
}
.tfont-var-book:before {
    content: "\e9c9";
}
.tfont-var-globe:before {
    content: "\e9c0";
}


/*--- login page ---*/
.tui-core_auth-loginNav__image {
    height: 100%;
    width: 175px;
}

@media only screen and (min-width: 768px) {
.tui-core_auth-footer .footnote .footer-links{
    display: flex;
    justify-content: flex-end;
    list-style: none;
}
.tui-core_auth-footer .footnote .footer-links li{
	padding:0 5px;
}
.tui-core_auth-footer .footnote .footer-links li:first-child{
	padding-left:0
}
.tui-core_auth-footer .footnote .footer-links li:last-child{
	padding-right:0
}
.tui-core_auth-footer__poweredBy{
    text-align: center;
}
}
button[disabled] {
    cursor: not-allowed !important;
    opacity:0.5 !important;
}

/*--- SOF learning grid block ---*/
.tw-grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: unset;
}
.tw-catalogItemNarrow{
   overflow:hidden;
}
.tw-catalogItemNarrow__description{
   display:none;
}

.tw-grid__item {
    flex-basis: 100%;
    min-width: 0;
    padding: var(--gap-1)
}

.tw-grid__item [tabindex] {
    cursor: pointer
}

@media(min-width: 500px) {
    .tw-grid__item--multi-column {
        flex-basis:50%
    }
}

@media(min-width: 768px) {
    .tw-grid {
        padding:var(--gap-2)
    }

    .tw-grid__item--single-column {
        padding: 0 var(--gap-2)
    }

    .tw-grid__item--multi-column {
        flex-basis: 50%;
        padding: var(--gap-2)
    }
}

@media(min-width: 992px) {
    .tw-grid__item--multi-column {
        flex-basis:33%
    }
}

@media(min-width: 1200px) {
    .tw-grid__item--multi-column {
        flex-basis:25%
    }
}

@media(min-width: 1400px) {
    .tw-grid__item--multi-column {
        flex-basis:20%
    }
}
/*--- EOF learning grid block ---*/

/*--- SOF progress bar ---*/
.progress, .dndupload-progress-outer{
        border: 1px solid var(--link-color);
}
.progress .bar, .dndupload-progress-outer .bar{
    background-color: var(--link-color);
}
/*--- EOF progress bar ---*/

/*--- SOF isotope block ---*/
@media only screen and (max-width: 366.99px) {
       .flex-wrapper{
		/*flex-direction: column;*/
                display: inline-block;
                text-align: center;
                width: 100%;
	}
       .single-chart
       {
              display: inline-block;
               width: 70%;
              margin-bottom: 30px;
        }
}
@media only screen and (min-width: 367px) and (max-width: 566.99px) {
       .flex-wrapper{
		/*flex-direction: column;*/
                display: inline-block;
                text-align: center;
                width: 100%;
	}
       .single-chart
       {
              display: inline-block;
               width: 40%;
              margin-bottom: 30px;
        }
}
@media only screen and (min-width: 567px) and (max-width: 768.99px) {
	.flex-wrapper{
		/*flex-direction: column;*/
                display: inline-block;
                text-align: center;
                width: 100%;
	}
       .single-chart
       {
              display: inline-block;
              width: 30%;
              margin-bottom: 30px;
        }
}
.block_course_user_progress .block-content{
    padding: var(--gap-4) 0;
}
.block-content .container{
padding:0;
}
.isotope_card_wraper{
   margin: 0;
    padding: var(--gap-2);
}
.isotope_card_blk .img_blk{
    padding-top: 40%;
}
.isotope_card_blk > a{
	border: 1px solid !important;
	border-color: var(--catalog-item-border-color) !important;
	border-radius: var(--border-radius-normal) !important;
	box-shadow:none;
        display:flex;
        overflow:hidden;
        width:100%;
        height:100%;
}
.isotope_card_blk > a:hover{
	box-shadow: var(--shadow-2);
}
.isotope_card_blk > a:focus-visible{
outline: 2px solid var(--color-state-focus);
outline-offset: var(--focus-outline-offset);
}
.isotope_card_blk .card{
box-shadow:none;
border:0px !important;
border-radius:0px !important;
}
.isotope_card_blk .card .card-block{
	flex:1;
}
.course_name{
    font-size: var(--font-size-14) !important;
    height: 40px;
}
.isotope_card_blk .card-text{
    display:none;
}
.isotope_card_blk .type_indicator{
    font-weight: 500;
    font-size: var(--font-size-13);
    line-height: 1.5;
    letter-spacing: .1rem;
}
.isotope_card_blk .course_name{
    font-size: var(--font-size-14);
}
.isotope_card_blk a:hover, .isotope_card_blk a:focus{
text-decoration:none;
}
.isotope_card_blk .card-title, .isotope_card_blk .card-title .course_name{
    color: var(--color-text) !important;
}
.card-block .card-footer{
    padding:0 !important;
}
/*--- EOF isotope block ---*/

.tw-catalogItemNarrow__iconRow  .tw-catalogItemNarrow__iconRow_icon[src*="default"] {
    display:none;
}
.singlebutton input[type="submit"][value = "View HTML version"] {
    display: none;
}
.tw-catalogResultsCount{
    display:none;
}
.tw-catalogResultsShare{
    margin: 0 0 0 var(--gap-4) ;
}
/*-- for self enrollment button on program workaround --*/
.enrol_self_link_button{
    margin: 0 0 25px 50px;
    display: inline-block;
}
.fcheckbox-content>label{
    font-weight: 400;
}
.self_enroll_btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    border: 1px solid var(--btn-border-color);
    padding: 6px 12px;
    font-size: 14px;
    border-radius: var(--btn-radius);
    color: var(--btn-text-color);
    background-color: var(--btn-bg-color);
    margin: 0 0 25px 50px;
}
.self_enroll_btn:hover, .self_enroll_btn:active, .self_enroll_btn:focus {
    color: var(--btn-text-color-focus);
    background-color: var(--btn-bg-color-focus);
    border-color: var(--btn-border-color-focus);
    box-shadow: var(--btn-shadow-focus);
    text-decoration: none;
}
.unenroll{
    margin: 0 0 25px 5px;
}

/*--- SOF atto editor ---*/
.editor_atto_toolbar span.flex-icon {
    font-size: 10px;
}
/*--- EOF atto editor ---*/
.completion-icon[disabled] {
    cursor: auto !important;
}
.sr-only{
  width:1px !important;
  height:1px !important;
}
.atto_image_button_middle, .atto_image_button_text-top{
    /*max-width: calc(100% - 1em);*/
    max-width:100%;
    margin:0px;
    height: auto;
}
span.fradio-content {
    margin: 0 0 5px 0;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS !important;
    font-weight: normal;
    font-style: normal;
}
input[type=radio], input[type=checkbox] {
    margin: 0 4px;
}


/*--- SOF Multiblock ---*/
.multiblock .card{
    width: auto;
    margin-left: var(--gap-3) !important;
    margin-right: var(--gap-3) !important;
}
.multiblock .card-body{
    padding: var(--gap-4) !important;
}
.multiblock .card-body .content{
    padding: 0 !important;
    padding-bottom: var(--gap-4) !important;
}
.content .block-prog-completions-list .row{
    display:flex;
}
.content .block-prog-completions-list .row .name{
    flex:1;
}
.progressbar__text {
    padding: 0 5px;
}
.multiblock .container .row{
    display:flex;
    margin-bottom: 10px;
}
.multiblock .container .row:last-child {
    margin-bottom: 0px;
}
.multiblock .container .row>div{
    height:auto;
}
/*--- EOF Multiblock ---*/
.mform input[type=text][size], .mform input[type=password][size], .mform input[type=number][size]{
    max-width:100%
}
#id_customfields .fitem>fieldset>legend {
    width: 100%;
}
.tw-catalogItemNarrow__iconRow .tw-catalogItemNarrow__iconRow_icon{
    height:13px; 
    width: auto;
}

/*--- SOF Banner carousel ---*/
.block_slider .slider .slides .slide, .block_slider .slider .slides .slide img{
    height:auto !important;
}
/*--- EOF Banner carousel ---*/

/*--- SOF for GTT role ---*/
.tw-containerCourse-enrolmentBanner__enrolButton, .tw-containerCourse-enrolmentBanner, #fitem_id_submitbutton {
    display: flex !important;
}
#page-local-group_training_tracker-listing #block-region-side-pre,
#page-local-group_training_tracker-search #block-region-side-pre {
    display: none;
}
#page-local-group_training_tracker-listing #region-main,
#page-local-group_training_tracker-search #region-main {
    width: 100%;
    left: 0;
}

/*--- EOF for GTT role ---*/

/*--- SOF for Couse page enroll alert box ---*/
.path-course-view .tw-containerCourse-enrolmentBanner.alert-info{
     border-color: #cc2428;
}
.path-course-view .tw-containerCourse-enrolmentBanner.alert-info .alert-icon{
     background: #cc2428;
}
/*--- EOF for Couse page enroll alert box ---*/
/* --- css for  504 issue starts---*/
.text_muted {
    opacity: 0.5;
}
/* --- css for  504 issue ends---*/

/*--- SOF modal window ---*/
#summary_modal .modal-content{
    max-height: calc(100vh - 50px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#summary_modal #summary_modal_x{
font-size: 24px;
}
/*--- EOF modal window ---*/

/*--- SOF learning collections ---*/
#processBlock > .block-totara-featured-links-tile{
background-image: none !important;
}
#processBlock  .block-totara-featured-links-content-middle{
min-height:90px;
display: flex;
flex-direction: column;
justify-content: center;
}

#awarenessBlock> .block-totara-featured-links-tile{
background-image: none !important;
background-color: #FF0000;
}
#awarenessBlock .block-totara-featured-links-content-middle{
min-height:90px;
display: flex;
flex-direction: column;
justify-content: center;
}
#strategyBlock> .block-totara-featured-links-tile{
background-image: none !important;
background-color: #707070;
}
#strategyBlock .block-totara-featured-links-content-middle{
min-height:90px;
display: flex;
flex-direction: column;
justify-content: center;
}
/*--- EOF learning collections ---*/

/*--- SOF merge user alert box hide ---*/
#page-admin-tool-mergeusers-upload > #notice{
display:none;
}
#page-admin-tool-mergeusers-index > #notice{
display:none;
}
#page-admin-tool-mergeusers-view .result{
    overflow:auto;
}
/*--- EOF merge user alert box hide ---*/

/*=================================*/

/*--- SOF GTT Search table UI update ---*/
.table_wrapper {
    max-height: calc(100vh - 200px);
    width: calc(100% - 0px);
    overflow: auto;
    border: 1px solid #ddd;
}
.table_wrapper  table{
    margin-bottom:0px;
}
.table_wrapper td,
.table_wrapper th {
  margin: 0px !important;
    padding: 8px !important;
    white-space: nowrap;
    border: 0px !important;
width: 80px;
    min-width: 80px;
}
.table_wrapper table {
    border-spacing: 0;
}
.table_wrapper tr:nth-child(1) th{
    background: #f9f9f9;
    font-weight: normal;
   height:40px;
}
.table_wrapper tr:nth-child(2) th{
    background: #fff;
    font-weight: normal;
   height:40px;
}
.table_wrapper tr:nth-child(1) th[colspan="2"]{
    max-width: 280px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--link-color);
}
.table_wrapper tr:nth-child(1) th{
   position: sticky;
    top: 0px;
}
.table_wrapper tr:nth-child(2) th{
    position: sticky;
    top: 40px;
}
.table_wrapper tr th .helptooltip .iconhelp{
    font-size: 13px !important;
}
.table_wrapper tr:nth-child(1) th:nth-child(1),
.table_wrapper tr:nth-child(2) th:nth-child(1),
.table_wrapper td:nth-child(1) {
    position: sticky;
    left: 0px;
    width: 150px;
    min-width: 150px !important;
}
.table_wrapper tr:nth-child(1) th:nth-child(2),
.table_wrapper tr:nth-child(2) th:nth-child(2),
.table_wrapper td:nth-child(2) {
    position: sticky;
    /* 1st cell left/right padding + 1st cell width + 1st cell left/right border width */
    /* 0 + 5 + 150 + 5 + 1 */
    left: 149px;
    width: 50px;
    min-width: 50px !important;
}

.table_wrapper tr:nth-of-type(odd) td:nth-child(1),
.table_wrapper tr:nth-of-type(odd) td:nth-child(2) {
    background: #f9f9f9;
}
.table_wrapper tr:nth-of-type(even) td:nth-child(1),
.table_wrapper tr:nth-of-type(even) td:nth-child(2) {
    background: #fff;
}
.table_wrapper tr:hover,
.table_wrapper tr:nth-of-type(odd):hover td:nth-child(1),
.table_wrapper tr:nth-of-type(odd):hover td:nth-child(2),
.table_wrapper tr:nth-of-type(even):hover td:nth-child(1),
.table_wrapper tr:nth-of-type(even):hover td:nth-child(2),
.table_wrapper tr:nth-child(1):hover th,
.table_wrapper tr:nth-child(2):hover th{
    background: #f8f6e3 !important;
}
.table_wrapper tr:nth-child(1) th:nth-child(1),
.table_wrapper tr:nth-child(1) th:nth-child(2),
.table_wrapper tr:nth-child(2) th:nth-child(1),
.table_wrapper tr:nth-child(2) th:nth-child(2){
    z-index:2;    
}
table#selection_summary td{
word-break: break-word;
    min-width: 100px;
}
#course-filter-container > label::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #333;
}
#course-filter{
    margin-top: -5px;
}
#course-filter-container {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 0 10px;
}
.pagination_block {
    float: right;
    margin: 0 0 10px;
    min-height: 40px;
    align-items: center;
}

#course-filter .course-option{
    padding-left: 25px;
    margin:0 0 1px 0;
}
#course-filter .course-option:first-child {
    padding-left: 10px;
    background: #f5f5f5;
}
.course-option:hover, #course-filter .course-option:first-child:hover {
    background: #dddddd;
}
#summary_dynamic_content  table,
#course-selection-form table{
    border: #ddd 1px solid;
}
#summary_dynamic_content  table  .header.c0,
#summary_dynamic_content  table  .header.c2{
    width: 10%;
}
#summary_dynamic_content tr td:first-child{
    width:60%;
}
.modal_coursename{
    font-size: var(--font-size-heading-level-4);
}
.modal-body .modal_coursename:first-child {
    margin: 0 0 10px;
}
#request-button {
  margin-bottom: 5px;
}
/*--- EOF GTT Search table UI update ---*/


/* ---- styling for mylearning block starts here-- */
span.highlighter_star.fa.fa-star.contentdesc {
    background: none;
}
/* ---- styling for mylearning block ends here-- */