/* CSS rebranding */
body{
  color: #262626;
}

.pagelayout-maintenance .btn-primary{
  color: #333;
  border-color: #333;
}

.form-control {
    border-radius: 30px;
    border: 1px solid var(--Soft-Hue, #EEEFF8);
    background-color: var(--Pale-grey, #F7F7FA);
    padding: 15px 20px;
    line-height: 1.5em;
}

select.form-control {
    -webkit-appearance: none !important;
    appearance: none!important;
    position: relative;
    background-color: var(--Pale-grey, #F7F7FA);
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.4219%200.434327C12.7758%200.146523%2013.2906%200.146563%2013.6445%200.434327L13.7178%200.500733L13.7842%200.573975C14.0932%200.953357%2014.0708%201.51775%2013.7178%201.87085L8.11133%207.4773C8.10486%207.48415%208.09948%207.49207%208.09277%207.49878C7.90039%207.69086%207.65219%207.78197%207.4082%207.78198C7.22554%207.78196%207.0411%207.73004%206.87891%207.62378C6.82376%207.58785%206.77054%207.54666%206.72168%207.4978C6.71825%207.49438%206.71528%207.49053%206.71191%207.48706L1.09668%201.87183C0.720268%201.49535%200.720434%200.878289%201.09668%200.501709L1.16992%200.435303C1.524%200.147054%202.03947%200.147066%202.39355%200.435303L2.4668%200.501709L7.40625%205.44214L12.3486%200.500733L12.4219%200.434327Z%22%20fill%3D%22%23262626%22%20fill-opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E);
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
}
.form-control:focus, body:not(.edw-m402):not(.edw-m403) #page-course-edit #id_courseformathdrcontainer #fitem_id_format .dropdown-toggle:focus {
    color: var(--brand-color);
    border-color: var(--brand-color);
    box-shadow: 0 0 6px 0px var(--brand-color);
}

:root,
[data-bs-theme="light"] {
  --bs-brand-primary: var(--brand-color);
  --bs-link-color: var(--brand-color);
}

.btn-brand-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--brand-color);
  --bs-btn-border-color: var(--brand-color);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--brand-color);
  --bs-btn-hover-border-color: var(--brand-color);
  --bs-btn-active-bg: var(--brand-color);
  --bs-btn-active-border-color: var(--brand-color);
  --bs-btn-disabled-bg: var(--brand-color);
  --bs-btn-disabled-border-color: var(--brand-color);
}

.btn-primary:hover, .btn-primary.disabled:hover, .btn-primary:disabled:hover {
  filter: brightness(85%);
  background-color: var(--brand-color) !important;
}

.navbar .custom-switch .custom-control-input:checked~.custom-control-label::before{
    background-color: var(--brand-color) !important;
}

.btn-secondary:hover, .drawer-right .drawercontent .add_block_button a.btn:hover, .drawer-right .drawercontent .add_block_button #page-calendar-view a.cal_courses_flt:hover, #page-calendar-view .drawer-right .drawercontent .add_block_button a.cal_courses_flt:hover, .single-card .completion-container .activity-information .btn-subtle-body:hover, .btn-outline-primary:hover, .btn-secondary.disabled:hover, .drawer-right .drawercontent .add_block_button a.disabled.btn:hover, .drawer-right .drawercontent .add_block_button #page-calendar-view a.disabled.cal_courses_flt:hover, #page-calendar-view .drawer-right .drawercontent .add_block_button a.disabled.cal_courses_flt:hover, .single-card .completion-container .activity-information .disabled.btn-subtle-body:hover, .disabled.btn-outline-primary:hover, .btn-secondary:disabled:hover, .drawer-right .drawercontent .add_block_button a.btn:disabled:hover, .drawer-right .drawercontent .add_block_button #page-calendar-view a.cal_courses_flt:disabled:hover, #page-calendar-view .drawer-right .drawercontent .add_block_button a.cal_courses_flt:disabled:hover, .single-card .completion-container .activity-information .btn-subtle-body:disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: var(--brand-color) !important;
  color: var(--brand-color) !important;
}

.btn-outline-brand-primary {
  --bs-btn-color: var(--brand-color);
  --bs-btn-border-color: var(--brand-color);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: var(--brand-color);
  --bs-btn-hover-border-color: var(--brand-color);
  --bs-btn-focus-shadow-rgb: 255, 114, 114;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--brand-color);
  --bs-btn-active-border-color: var(--brand-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--brand-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--brand-color);
  --bs-gradient: none;
}

.navbar {
  --bs-navbar-active-color: var(--brand-color);
  --bs-navbar-brand-padding-y: 0.303625rem;
  --bs-navbar-brand-color: var(--brand-color);
  --bs-navbar-brand-hover-color: var(--brand-color);
}

.course-being-dragged-proxy {
  border: 0;
  color: var(--brand-color);
}

.drawer.drawer-left .drawercontent .list-group .list-group-item.active,
.drawer.drawer-left .drawercontent .list-group .list-group-item:focus,
.drawer.drawer-left .drawercontent .list-group .list-group-item:hover {
  color: var(--brand-color);
}

.drawer-md.drawer-left .drawercontent .list-group .list-group-item.active,
.drawer-md.drawer-left .drawercontent .list-group .list-group-item:focus,
.drawer-md.drawer-left .drawercontent .list-group .list-group-item:hover {
  color: var(--brand-color);
}

.drawer-sm.drawer-left .drawercontent .list-group .list-group-item.active,
.drawer-sm.drawer-left .drawercontent .list-group .list-group-item:focus,
.drawer-sm.drawer-left .drawercontent .list-group .list-group-item:hover {
  color: var(--brand-color);
}

#page-mod-quiz-edit .questionbankwindow div.header a:link,
#page-mod-quiz-edit .questionbankwindow div.header a:visited {
  color: var(--brand-color);
}

a#hidebankcmd {
  color: var(--brand-color);
}

.qbank_managecategories-item.qbank_managecategories-droptarget-before,
.qbank_managecategories-item
  .qbank_managecategories-item.qbank_managecategories-droptarget-before,
.qbank_managecategories-categorylist.qbank_managecategories-droptarget-before
  > .qbank_managecategories-item:first-child {
  border-top-color: var(--brand-color);
}
.qbank_managecategories-item.qbank_managecategories-droptarget,
.qbank_managecategories-categorylist.qbank_managecategories-droptarget
  > .qbank_managecategories-item:last-child {
  border-bottom-color: var(--brand-color);
}
.qbank_managecategories-newchild.qbank_managecategories-droptarget {
  border-color: var(--brand-color);
  color: var(--brand-color);
}

.content-item-container:hover .view-more {
  color: var(--brand-color);
}

.content-item-container .view-more:hover {
  color: var(--brand-color);
}

.navbar .primary-navigation .nav-link.active,
.navbar .primary-navigation .dropdown-toggle.active,
.navbar #usernavigation .nav-link.active,
.navbar #usernavigation .dropdown-toggle.active {
  color: var(--brand-color);
}
.navbar .primary-navigation .nav-link.active::before,
.navbar .primary-navigation .dropdown-toggle.active::before,
.navbar #usernavigation .nav-link.active::before,
.navbar #usernavigation .dropdown-toggle.active::before {
  border-bottom-color: var(--brand-color);
}

.badge-brand-primary {
  color: #1d2125;
  background-color: var(--brand-color);
}

#adminsettings .edw-tabs-navigation .nav-tabs .nav-link.active,
#adminsettings .edw-tabs-navigation .nav-tabs .nav-link.focus,
#adminsettings .edw-tabs-navigation .nav-tabs .nav-link:focus {
  color: var(--brand-color);
}

#readmorebtn,
#readlessbtn {
  color: var(--brand-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
  color: white !important;
  background-color: var(--brand-color) !important;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  border-color: var(--brand-color);
  background: var(--brand-color);
}

.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled).focus,
.btn-primary.disabled:not(:disabled):not(.disabled):focus,
.btn-primary.disabled:not(:disabled):not(.disabled).focus,
.btn-primary:disabled:not(:disabled):not(.disabled):focus,
.btn-primary:disabled:not(:disabled):not(.disabled).focus {
  color: #fff;
  border-color: var(--brand-color);
  background: var(--brand-color);
}
.btn-secondary,
.drawer-right .drawercontent .add_block_button a.btn,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.cal_courses_flt,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.cal_courses_flt,
.single-card .completion-container .activity-information .btn-subtle-body,
.btn-outline-primary,
.btn-secondary.disabled,
.drawer-right .drawercontent .add_block_button a.disabled.btn,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.disabled.cal_courses_flt,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.disabled.cal_courses_flt,
.single-card
  .completion-container
  .activity-information
  .disabled.btn-subtle-body,
.disabled.btn-outline-primary,
.btn-secondary:disabled,
.drawer-right .drawercontent .add_block_button a.btn:disabled,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.cal_courses_flt:disabled,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.cal_courses_flt:disabled,
.single-card
  .completion-container
  .activity-information
  .btn-subtle-body:disabled,
.btn-outline-primary:disabled {
  text-decoration: none;
  color: var(--brand-color);
  border-color: var(--brand-color);
  background: #fff;
}
.btn-secondary .fa,
.drawer-right .drawercontent .add_block_button a.btn .fa,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.cal_courses_flt
  .fa,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.cal_courses_flt
  .fa,
.single-card .completion-container .activity-information .btn-subtle-body .fa,
.btn-outline-primary .fa,
.btn-secondary .edw-icon,
.drawer-right .drawercontent .add_block_button a.btn .edw-icon,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.cal_courses_flt
  .edw-icon,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.cal_courses_flt
  .edw-icon,
.single-card
  .completion-container
  .activity-information
  .btn-subtle-body
  .edw-icon,
.btn-outline-primary .edw-icon,
.btn-secondary.disabled .fa,
.drawer-right .drawercontent .add_block_button a.disabled.btn .fa,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.disabled.cal_courses_flt
  .fa,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.disabled.cal_courses_flt
  .fa,
.single-card
  .completion-container
  .activity-information
  .disabled.btn-subtle-body
  .fa,
.disabled.btn-outline-primary .fa,
.btn-secondary.disabled .edw-icon,
.drawer-right .drawercontent .add_block_button a.disabled.btn .edw-icon,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.disabled.cal_courses_flt
  .edw-icon,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.disabled.cal_courses_flt
  .edw-icon,
.single-card
  .completion-container
  .activity-information
  .disabled.btn-subtle-body
  .edw-icon,
.disabled.btn-outline-primary .edw-icon,
.btn-secondary:disabled .fa,
.drawer-right .drawercontent .add_block_button a.btn:disabled .fa,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.cal_courses_flt:disabled
  .fa,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.cal_courses_flt:disabled
  .fa,
.single-card
  .completion-container
  .activity-information
  .btn-subtle-body:disabled
  .fa,
.btn-outline-primary:disabled .fa,
.btn-secondary:disabled .edw-icon,
.drawer-right .drawercontent .add_block_button a.btn:disabled .edw-icon,
.drawer-right
  .drawercontent
  .add_block_button
  #page-calendar-view
  a.cal_courses_flt:disabled
  .edw-icon,
#page-calendar-view
  .drawer-right
  .drawercontent
  .add_block_button
  a.cal_courses_flt:disabled
  .edw-icon,
.single-card
  .completion-container
  .activity-information
  .btn-subtle-body:disabled
  .edw-icon,
.btn-outline-primary:disabled .edw-icon {
  color: var(--brand-color);
}

.nav.nav-tabs-bleft .nav-item .nav-link.active {
  border-left-color: var(--brand-color);
}

.nav.nav-tabs-bleft .nav-item .nav-link.active .fp-repo-name {
  color: var(--brand-color);
}

.popover-region .popover-region-footer-container .popover-region-seeall-text {
  color: var(--brand-color);
}

.fullwidth-modal .modal-body .view-btn-wrapper .viewbtn:focus .edw-icon,
.fullwidth-modal .modal-body .view-btn-wrapper .viewbtn:active .edw-icon,
.fullwidth-modal .modal-body .view-btn-wrapper .viewbtn.active .edw-icon {
  color: var(--brand-color);
}

.fullwidth-modal
  .modal-body
  .modal-subheader
  .edw-tabs-navigation
  .nav-link.active,
.fullwidth-modal
  .modal-body
  .modal-subheader
  .edw-tabs-navigation
  .nav-link:hover,
.fullwidth-modal
  .modal-body
  .modal-subheader
  .edw-tabs-navigation
  .nav-link:focus {
  color: var(--brand-color) !important;
}

.epb_custom_modal
  .advancedblocktab
  .left-sidebar
  .static-block.importblock
  .card-item
  .card
  .card-footer
  .footer-add-link,
.epb_custom_modal
  .advancedblocktab
  .left-sidebar
  .static-block.html
  .card-item
  .card
  .card-footer
  .footer-add-link {
  color: var(--brand-color);
}

.edw-tabs-navigation .nav-tabs .nav-item .nav-link.active,
.edw-tabs-navigation .nav-tabs .nav-item .nav-link:hover,
.edw-tabs-navigation .nav-tabs .nav-item .nav-link:focus {
  color: var(--brand-color);
  background-color: #fff0;
}
.edw-tabs-navigation .nav-tas .nav-item .nav-link.active::before {
  border-bottom-color: 3px solid var(--brand-color);
}

section#region-main .maincalendar td.today span.day-number-circle,
aside:not(#block-region-side-pre)
  .maincalendar
  td.today
  span.day-number-circle {
  background-color: var(--brand-color);
}

.feature-box__link {
  font-size: 14px;
  color: var(--brand-color);
}

#page-header #page-navbar nav ol.breadcrumb .breadcrumb-item a {
  color: var(--brand-color);
}

.block .block-header-wrapper .block-controls .menubar .move-bottom:focus i,
.block .block-header-wrapper .block-controls .menubar .move-bottom:hover i,
.block .block-header-wrapper .block-controls .menubar .move-top:focus i,
.block .block-header-wrapper .block-controls .menubar .move-top:hover i {
  color: var(--brand-color);
}

.block
  .block-header-wrapper
  .block-controls
  .menubar
  .action-menu-item
  .moodle-core-dragdrop-draghandle:focus
  i,
.block
  .block-header-wrapper
  .block-controls
  .menubar
  .action-menu-item
  .moodle-core-dragdrop-draghandle:hover
  i {
  color: var(--brand-color);
}

.block
  .block-header-wrapper
  .block-controls
  .menubar
  .action-menu-trigger
  .dropdown.show
  .dropdown-toggle
  i,
.block
  .block-header-wrapper
  .block-controls
  .menubar
  .action-menu-trigger
  .dropdown:hover
  .dropdown-toggle
  i {
  color: var(--brand-color);
}

.block-myoverview
  [data-region="filter"]
  .nav-grouping-selector
  .nav
  li.nav-item
  [aria-current="true"]::after {
  border-bottom-color: var(--brand-color);
}

.block-myoverview
  [data-region="filter"]
  .all-filter-wrapper
  .nav-display-selector-wrapper
  .nav-display-selector
  .nav
  .nav-item
  .nav-link
  [aria-current="true"] {
  color: var(--brand-color);
}

.navbar #usernavigation .nav-link:focus .edw-icon {
  color: var(--brand-color);
}

.navbar .primary-navigation .nav-link.active {
  color: var(--brand-color);
}

.navbar .primary-navigation .nav-link.active::before {
  border-bottom-color: var(--brand-color);
}

.navbar .primary-navigation .nav-link:hover,
.navbar .primary-navigation .more-nav > .dropdown > .dropdown-toggle:hover,
.navbar #usernavigation .nav-link:hover,
.navbar #usernavigation .more-nav > .dropdown > .dropdown-toggle:hover {
  color: var(--brand-color);
}
.navbar .primary-navigation .nav-link:active,
.navbar .primary-navigation .more-nav > .dropdown > .dropdown-toggle:active,
.navbar #usernavigation .nav-link:active,
.navbar #usernavigation .more-nav > .dropdown > .dropdown-toggle:active {
  color: var(--brand-color);
}

.navbar
  .usermenu-wrapper
  .usermenu-container
  .usermenu
  #user-menu-toggle:hover {
  color: var(--brand-color);
}

.navbar
  .usermenu-wrapper
  .usermenu-container
  .usermenu
  #user-menu-toggle[aria-expanded="true"]:active {
  color: var(--brand-color);
}

.dropdown.show > .dropdown-toggle {
  color: var(--brand-color);
}

.message-app
  .conversationcontainer
  .panel-body-container
  .view-overview-body
  .tab-body-container
  .nav-item:focus,
.message-app
  .conversationcontainer
  .panel-body-container
  .view-overview-body
  .tab-body-container
  .nav-item.expanded {
  border-bottom-color: var(--brand-color);
}

.message-app
  .body-container
  .view-contacts-wrapper
  .contact-list-wrapper
  .contact-list-tab
  .nav-item
  .nav-link.focus,
.message-app
  .body-container
  .view-contacts-wrapper
  .contact-list-wrapper
  .contact-list-tab
  .nav-item
  .nav-link.active,
.message-app
  .body-container
  .view-contacts-wrapper
  .contact-list-wrapper
  .contact-list-tab
  .nav-item
  .nav-link:focus {
  border-bottom-color: var(--brand-color);
}

.message-app
  .body-container
  .view-overview-body
  .tab-body-container
  .nav-item:focus,
.message-app
  .body-container
  .view-overview-body
  .tab-body-container
  .nav-item.expanded {
  border-bottom-color: var(--brand-color);
}

.edw-msg-body-list .list-group-item:hover {
  color: var(--brand-color) !important;
}

.edw-msg-body-list .list-group-item .contact-user-name:hover {
  color: var(--brand-color) !important;
}

#page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .stat-desc-text:hover,
.path-user:not(#page-course-view-participants.path-user)   .profile-general-footer-wrapper  .profile-stats-wrapper  .stat-desc-text:hover {
  color: #262626;
}

#page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-count, .path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-count{
  color: var(--brand-color);
  font-size: 72px;
  line-height: 1.1em;
  padding-right: 20px;
  display: inline-block;
}

#page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .stat-desc-text, .path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper .stat-desc-text{
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 24px */
  letter-spacing: -0.4px;
  border-bottom: 0px;
  color: #262626;
}

#page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-item,
.path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-item{
  width: 25%;
  padding: 8px 16px;
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0 12px 13px 0 rgba(46, 21, 10, 0.06);
}

#page-user-profile
  .profile-tab-wrapper
  div[role="main"]
  section
  .edit-profile-icon-wrapper
  .edw-icon:hover,
.path-user:not(#page-course-view-participants.path-user)
  .profile-tab-wrapper
  div[role="main"]
  section
  .edit-profile-icon-wrapper
  .edw-icon:hover {
  color: var(--brand-color);
}

#page-user-profile .nav-tabs .nav-link.active,
.path-user:not(#page-course-view-participants.path-user)
  .nav-tabs
  .nav-link.active {
  color: var(--brand-color);
}

#page-user-profile .badges-container .badge-item:hover,
.path-user:not(#page-course-view-participants.path-user)
  .badges-container
  .badge-item:hover {
  border-color: var(--brand-color);
}

body.focusmode .navbar.fm-navbar .nav-link {
  color: var(--brand-color);
}

body.focusmode #wdm-courseheader .title a {
  color: var(--brand-color);
  margin-bottom: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  margin: 0;
}

body.focusmode
  .activity-navigation
  .focus-dropdown
  .focus-dropdown-menu
  .card-body
  .card-header
  a
  h5,
body.focusmode
  .activity-navigation
  .focus-dropdown
  .focus-dropdown-menu
  .card-body
  .card-header
  a
  .h5 {
  color: var(--brand-color) !important;
}

#page-enrol-index
  .enrollment-sections
  .pricing-section
  .custom-price-form-box
  .form-group
  .clear-customprice-input {
  color: var(--brand-color) !important;
}

#course-archive-main-container
  .filters-wrapper
  .btn-group
  a.btn-primary
  .edw-icon,
.profile-cards-wrapper .filters-wrapper .btn-group a.btn-primary .edw-icon {
  color: var(--brand-color);
}

.course-section .section_goto .icon,
.course-section .section-summary-activities .icon,
.course-section-header .section_goto .icon,
.course-section-header .section-summary-activities .icon {
  color: var(--brand-color);
}

#page-search-index div[role="main"] .pagination .page-item.active .page-link {
  color: var(--brand-color);
}

.tiny_image_footer_template .tiny_image_addurl:disabled {
  color: var(--brand-color);
}

.color-primary {
  color: var(--brand-color) !important;
}

.bg-primary {
  background-color: var(--brand-color) !important;
}

.border-color-primary {
  border-color: var(--brand-color) !important;
}

.hover:hover .hover-bg-primary,
.hover:hover.hover-bg-primary {
  background-color: var(--brand-color) !important;
}

.fccourses-wrapper .carousel-indicators .slick-active {
  background-color: var(--brand-color) !important;
}

.cnc-navbar-carousel.navbar-carousel
  .navbar-inner
  .navbar-item-container
  .navitem.active,
.cnc-navbar-carousel.navbar-carousel .navbar-inner .mob-navbar .navitem.active {
  border-color: var(--brand-color);
}
@media (min-width: 768px) {
  .cnc-navbar-carousel.navbar-carousel
    .navbar-inner
    .navbar-item-container
    .navitem.active
    .course-count,
  .cnc-navbar-carousel.navbar-carousel
    .navbar-inner
    .mob-navbar
    .navitem.active
    .course-count {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
  }
}

@media (max-width: 767.98px) {
  .cnc-navbar-carousel.navbar-carousel
    .navbar-inner
    .navbar-item-container
    .navitem.active,
  .cnc-navbar-carousel.navbar-carousel
    .navbar-inner
    .mob-navbar
    .navitem.active {
    background-color: var(--brand-color);
  }
}

body#page-course-view-edwiservideoformat a.nav-link.active {
  color: var(--brand-color) !important;
  border-bottom-color: var(--brand-color) !important;
}

body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  > [data-key="coursehome"]
  a::before {
  background-color: var(--brand-color) !important;
}
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  > [data-key="editsettings"]
  a:hover::before,
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  > [data-key="participants"]
  a:hover::before,
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  > [data-key="grades"]
  a:hover::before,
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  > [data-key="courseoverview"]
  a:hover::before,
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  > [data-key="coursereports"]
  a:hover::before,
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  > [data-key="competencies"]
  a:hover::before {
  background-color: var(--brand-color) !important;
}
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  [data-region="morebutton"]
  a:hover
  .moremenuicon {
  color: var(--brand-color) !important;
}
body#page-course-view-edwiservideoformat
  .course-content
  .edwiservideoformat-course-content
  .moremenu.navigation
  .more-nav
  a.nav-link:hover {
  border-bottom-color: var(--brand-color) !important;
}
body#page-course-view-edwiservideoformat
  .course-sub-header1
  .categoryname
  a:hover,
body#page-course-view-edwiservideoformat
  .course-sub-header1
  .coursename
  a:hover {
  color: var(--brand-color) !important;
}

.edw-btn-secondary,
.edw-btn-secondary.disabled,
.edw-btn-secondary:disabled {
  color: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
}

.edw-btn-secondary .fa,
.edw-btn-secondary .edw-icon,
.edw-btn-secondary.disabled .fa,
.edw-btn-secondary.disabled .edw-icon,
.edw-btn-secondary:disabled .fa,
.edw-btn-secondary:disabled .edw-icon {
  color: var(--brand-color) !important;
}

body#page-mod-edwiservideoactivity-view
  .edwiservideo-container
  .metadata
  .tabs
  .tab-buttons
  .tab-button.active,
body#page-course-view-edwiservideoformat
  .edwiservideo-container
  .metadata
  .tabs
  .tab-buttons
  .tab-button.active {
  color: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
}
body#page-mod-edwiservideoactivity-view
  .edwiservideo-container
  .metadata
  .tabs
  .tab-buttons
  .tab-button.active::before,
body#page-course-view-edwiservideoformat
  .edwiservideo-container
  .metadata
  .tabs
  .tab-buttons
  .tab-button.active::before {
  background-color: var(--brand-color) !important;
}

/* CSS rebranding generic ends */

a, #page-header #page-navbar nav ol.breadcrumb .breadcrumb-item a{
    color: var(--brand-color);
}

.btn-secondary{
    color: var(--brand-color);
    border-color: var(--brand-color);
}
nav.navbar.fixed-left {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 272px;
    background: white;
    z-index: 1031;
    flex-direction: column;
    filter: drop-shadow(0 12px 13px rgba(46, 21, 10, 0.06));
    padding: 25px;
    padding-top: 40px;
    gap: 0px;
}
.navbar.fixed-top{
    background-color: transparent!important;
}

nav.navbar.fixed-left .sub-nav{
    background-color: transparent;
    padding: 0;
    padding-top: 80px;
}

nav.navbar.fixed-left .navbar-nav{
    gap: 0px;
}

nav.navbar.fixed-left .moremenu .nav-link {
    height: 64px;
    color: #262626;
    font-size: 20px;
}
nav.navbar.fixed-left .moremenu .nav-link.active{
    color: var(--brand-color);
    border-bottom: 0px;
}
.primary-navigation-1 li{
    width: 100%;
}
.navbar [data-key="coursecat"] {
    display: none;
}
.navbar-brand .navbar-brand-logo{
    height: initial;
}

.navbar.fixed-left li a:before {
    margin-right: 18px;
}

.navbar.fixed-left li[title="FotF Video"] a:before {
    content: "";
    width: 26px;
    height: 27px;
    background-color: currentColor; /* color comes from text */
    -webkit-mask: url('/theme/remui_iomad/pix/icon/video1.svg') no-repeat center / contain;
    mask: url('/theme/remui_iomad/pix/icon/video1.svg') no-repeat center / contain;
}

.navbar.fixed-left li[data-key="home"] a:before {
    content: "";
    width: 26px;
    height: 27px;
    background-color: currentColor; /* color comes from text */
    -webkit-mask: url('/theme/remui_iomad/pix/icon/home-icon.svg') no-repeat center / contain;
    mask: url('/theme/remui_iomad/pix/icon/home-icon.svg') no-repeat center / contain;
}

.navbar.fixed-left li[data-key="myhome"] a:before {
    content: "";
    width: 26px;
    height: 27px;
    background-color: currentColor; /* color comes from text */
    -webkit-mask: url('/theme/remui_iomad/pix/icon/home-icon.svg') no-repeat center / contain;
    mask: url('/theme/remui_iomad/pix/icon/home-icon.svg') no-repeat center / contain;
}

.navbar.fixed-left li[data-key="mycourses"] a:before {
    content: "";
    width: 26px;
    height: 27px;
    background-color: currentColor; /* color comes from text */
    -webkit-mask: url('/theme/remui_iomad/pix/icon/course-icon.svg') no-repeat center / contain;
    mask: url('/theme/remui_iomad/pix/icon/course-icon.svg') no-repeat center / contain;
}

.navbar.fixed-left li[title="Digital Badges"] a:before {
    content: "";
    width: 26px;
    height: 27px;
    background-color: currentColor;
    -webkit-mask: url(/theme/remui_iomad/pix/icon/certificates-icon.svg) no-repeat center / contain;
    mask: url(/theme/remui_iomad/pix/icon/certificates-icon.svg) no-repeat center / contain;
}

.navbar.fixed-top{
    box-shadow: none;
}

#page , .navbar.fixed-top .sub-nav{
    background: #F7F7FA
}

:not(#company-menu-toggle) > span.companybutton {
    display: none;
}

.navbar .edw-icon, .navbar #usernavigation .nav-link:focus .edw-icon, .navbar .edw-icon:hover{
    color: var(--brand-color);
}

.navbar .count-container{
    background-color: var(--brand-color);
}

.navbar #user-action-menu #usermenu-carousel #carousel-item-main .dropdown-item[title="Preferences"] {
  display: none;
}

#page.drawers .reset-pagebutton-wrapper {
    display: none! important;
}

#page.drawers .main-inner {
    padding-left: 300px;
    padding-right: 15px;
}

.container{
    margin-left: 0;
    width: 100%;
    max-width: 100%!important;
}

.edw-stats-wrapper{
    padding: 0px;
    box-shadow: none;
    background: transparent;
}
.edw-stats-wrapper .stat-block {
    width: -webkit-fill-available;
    padding: 24px;
    box-shadow:  0 12px 13px 0 rgba(46, 21, 10, 0.06);;
    border-radius: 12px;
    background: #FFFFFF;
}

.block_recentlyaccessedcourses .paging-bar-container {
    position: absolute;
    top: -51px;
    right: 0px;
}
.wdm-continue-learning-path{
    border-radius: 12px;
    background: var(--brand-color);
    padding: 16px 24px;
    color: #FFFFFF;
    margin-bottom: 38px;
    display: flex;
    justify-content: space-between;
}

.card.dashboard-card.edwanimate- {
    width: 33%;
    display: flex;
    flex-direction: row;
    min-height: initial !important;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 12px 13px 0 rgba(46, 21, 10, 0.06);
}

.card.dashboard-card.edwanimate- > div:first-child{
    width: 33%;
    min-width:152px;
}

/* My Course */

.block-mycourses li a {
    display: none;
}

.block_mycourses .buttoncontrols {
    display: none !important;
}

.block_mycourses a#downloadcourseslink {
    display: none;
}

.block-mycourses .nav-tabs {
    display: none;
}

.block_mycourses {
    background: white;
    padding: 20px;
    border-radius: 12px;
}

.block_mycourses .block-content-area {
    box-shadow: none !important;
    padding: 0 !important;
}

.block-mycourses .dashboard-card{
    width: 100%;
    min-height: initial;
    border: 0px;
    box-shadow: 0 12px 13px 0 rgba(46, 21, 10, 0.06);
}

.block-mycourses .card-grid, .card-grid-courses{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));;
    grid-gap: 15px;
}
/* Drawer
.drawer-toggles .drawer-right-toggle{
  display: none;
}
*/

.drawer.drawer-right.show ~ #page > #topofscroll {
  padding-left: 0;
}

.drawer.drawer-right.show ~ #page {
  margin-left: 245px;
  margin-right: 325px;
}

#block-region-side-pre .block_navigation {
  display: none;
}

#page.drawers{
  margin-top: 0px;
}

@media (max-width: 1560px) {
    .block-mycourses .card-grid, .card-grid-courses{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.block-mycourses .card-grid .col, .card-grid-courses .col {
    width: 100%;
}

.block-mycourses .course-name, .card-grid-courses .course-name {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
}

.block_mycourses .card-img, .block-mycourses .card-img, .card-grid-courses .card-img {
    height: 152px;
}

.dashboard-card .course-info-container {
    padding: 10px !important;
}

.px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Search */
#usernavigation .simplesearchform .btn[data-action='opensearch']{
  display: none;
}

.navbar #usernavigation .simplesearchform .input-group{
    border-radius: 24px;
    background: var(--White, #FFF);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.10);
}

.navbar #usernavigation .simplesearchform{
    max-width: 320px;;
}

footer#page-footer {
  height: 0px;
  overflow: hidden;
  background-color: transparent;
}

/* Disable Floting button other than accesbility button */
.floating-buttons-wrapper>.btn-floating {
    display: none !important;
}

/* Course Page */
@media (min-width: 992px) {
    #page.drawers.show-drawer-left {
        margin-left: 0;
        margin-right: 0;
    }
}

li[data-key="home"],
#nav-drawer a.list-group-item[data-key="home"],
.primary-navigation .nav-link[data-key="home"] {
  display: none !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section .sections .section.current-section-highlight {
    background: var(--brand-color) !important;
    color: #FFF;
}

body#page-course-view-remuiformat .remui-format-list.all-section .sections .section.current-section-highlight h3.sectionname.card-title.m-0.d-inline,
body#page-course-view-remuiformat .remui-format-list.all-section .sections .section.current-section-highlight .course-section-header .sectionheading,
body#page-course-view-remuiformat .remui-format-list.all-section .sections .section.current-section-highlight .section_goto .icon {
  color: #FFF;
}

body#page-course-view-remuiformat .remui-format-list.all-section .sections  .sections .section.current-section-highlight .section_goto:hover {
    color: #FFF;
    background: transparent !important;
    border: 1px solid !important;
}

body#page-course-view-remuiformat .remui-format-list.all-section .sections .section.current-section-highlight .summary {
    color: #FFF;
}

div[data-region="recentlyaccesseditems-view-content"] > div > .card:nth-child(n+4) {
    display: none;
}

div[data-region="recentlyaccesseditems-view-content"] > div {
    display: block;
    width: 100%;
}

div[data-region="recentlyaccesseditems-view-content"] .jump_back_in_slick-wrapper{
  width: calc(100% + 30px);
  margin-left :-15px;
  margin-right :-15px;
}

div[data-region="recentlyaccesseditems-view-content"] .slick-track .slick-slide{
  margin: 0 15px;
  overflow:visible;
}
div[data-region="recentlyaccesseditems-view-content"] .slick-track .slick-slide .card-body,
div[data-region="recentlyaccesseditems-view-content"] .slick-track .slick-slide .card{
  margin: 0px!important;
}
div[data-region="recentlyaccesseditems-view-content"] .card {
    width: 100%;
    border: 0px;
    border-radius: 12px;
    box-shadow: 0 12px 13px 0 rgba(46, 21, 10, 0.06);
}

.block_recentlyaccesseditems .activityiconcontainer {
    /* background-image: url(/theme/remui_iomad/pix/digital.png);
    background-repeat: no-repeat;
    background-size: cover; */
    width: 152px;
    min-width: 152px;
    height: 152px;
    margin-right: 10px;
}

div[data-region="recentlyaccesseditems-view-content"] .card h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;
    color: var(--brand-color);
    white-space: break-spaces;
}

div[data-region="recentlyaccesseditems-view-content"] .card small {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
    color: #454545;
    margin-top: 12px;
    white-space: break-spaces;
}

.activityiconcontainer .activityicon, .activityiconcontainer .icon{
    visibility: hidden;
}

.block_recentlyaccesseditems.block .card-text {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.block-recentlyaccesseditems .w-100.line-height-3.text-truncate.ms-2 {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
}

div[data-region="recentlyaccesseditems-view-content"] .card h4{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
    color: #454545;
    margin-top: 12px;
}

div[data-region="recentlyaccesseditems-view-content"] .card small{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.48px;
    color: var(--brand-color);
}

.pagelayout-login #page{
    background-image: none;
    background: var(--brand-color);
    background: linear-gradient(103deg, var(--brand-color) 43.38%, var(--loginpagecolor2) 89.25%);
}

.pagelayout-login .login-container{
    max-width: 1800px;
    width: 100%;
    background-color: transparent !important;
}

.main-area-bg.pagelayout-login .login-container .logo-area{
    background: transparent !important;
}

.pagelayout-login .login-welcome-wrapper h2,
.pagelayout-login .login-welcome-wrapper .h2,
.pagelayout-login .login-welcome-wrapper p,
.pagelayout-login .loginform .login-form-username label,
.pagelayout-login .loginform .login-form-password label,
.pagelayout-login .loginform .login-heading {
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    line-height: 110%;
    margin-bottom: 8px;
    color: #fff;
}

.pagelayout-login #page #page-content {
    background: transparent !important;
}

.pagelayout-login input[type="text"],
.pagelayout-login input[type="password"] {
    padding: 15px 24px;
    border-radius: 28px;
    border: 1px solid #FFF;
    background: transparent;
    color: #fff;
}

.pagelayout-login input[type="text"]::placeholder,
.pagelayout-login input[type="password"]::placeholder {
    color: #fff;
    opacity: 1; /* For Firefox */
}

.slick-slide img {
    max-width: 100%;
    border-radius: 12px;
}
.pagelayout-login.logincenter .login-container {
    margin: 60px!important;
}

ul.slick-dots {
    position: absolute;
    width: 100%;
    height: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    bottom: 0px;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

::marker{
    display: none;
}

.slick-slider .slick-slide {
    padding: 0;
}

.slick-slide, .slick-slide> div {
    overflow: hidden;
}
.slider:before{
    background: transparent;
}

.slick-slider{
    background: transparent;
}

.hover-text-slide {
    color: #FFF;
    font-family: Poppins;
    font-size: 42.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 51px */
    position: absolute;
    bottom: 68px;
    padding: 25px;
}

.pagelayout-login .logo-area .logo, .pagelayout-login .logo-area .logomini{
    height: 97px;
    max-width: 100%;
}

button#loginbtn {
    border-radius: 200px;
    border: 1px solid #FFF;
    background: transparent;
}

button#loginbtn:hover {
    border-radius: 200px;
    border: 1px solid #FFF;
    background: #FFF;
    color: #cc5b5b;
}

.pagelayout-login .loginform .login-form-forgotpassword a{
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.password-field-eye .edw-icon{
    color: #FFF;
}

#page-user-profile .profile-general-info-wrapper, .path-user:not(#page-course-view-participants.path-user) .profile-general-info-wrapper{
  background-color: transparent !important;
  box-shadow: none !important;
}

#page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper,
.path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper{
  gap: 24px;
}

.edw-tabs-navigation .nav-tabs .nav-item .nav-link.active::before{
  left: 0px;
  border-bottom-color: var(--brand-color);
  font-size: 16px;
}

.edw-tabs-navigation .nav-tabs .nav-item .nav-link,
#page-user-profile .nav-tabs .nav-link.active, .path-user:not(#page-course-view-participants.path-user) .nav-tabs .nav-link.active{
  color: #262626;
  font-size: 16px;
}

#page-user-profile .nav-tabs .nav-link.active, .path-user:not(#page-course-view-participants.path-user) .nav-tabs .nav-link .edw-icon{
  color: var(--brand-color);
}

.edw-tabs-navigation .nav-tabs .nav-item .nav-link.active{
  font-weight: 700;
}

#page-user-profile .profile-general-body-wrapper .profile-general-content-wrapper .lastaccesstext,
.profile-general-body-wrapper .profile-general-content-wrapper .lastaccesstext{
  color: #262626 !important;
  font-size: 16px!important;
}

.font-color-dark{
  color: #262626 !important;
}

nav.navbar.fixed-bottom-mobile.navbar-expand {
  justify-content: center;
  bottom: 34px;
  left: calc(50vw);
  transform: translateX(-50%);
  position: fixed;
  top: initial !important;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.15) inset, 0 7px 8px 3px rgba(46, 21, 10, 0.20);
  backdrop-filter: blur(6px);
  z-index: 1035;
  display: none;
}

nav.navbar.fixed-bottom-mobile.navbar-expand .menu-mobile-link-conn {
  padding: 10px;
}

nav.navbar.fixed-bottom-mobile.navbar-expand .menu-mobile-link-conn a {
  color: var(--brand-color) !important;
  padding: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}

nav.navbar.fixed-bottom-mobile.navbar-expand .menu-mobile-link-conn a:last-child{
  margin-right: 0;
}
nav.navbar.fixed-bottom-mobile.navbar-expand .menu-mobile-link-conn a svg {
  width: 24px;
  height: 24px;
}
nav.navbar.fixed-bottom-mobile.navbar-expand .menu-mobile-link-conn a.selected {
  background-color: var(--brand-color);
  color: #FFF !important;
}

.navbar.fixed-top .navbar-brand {
    padding: 15px 16px;
}

#page-user-profile .profile-general-body-wrapper .profile-general-content-wrapper .heading-content-wrapper .username, .path-user:not(#page-course-view-participants.path-user) .profile-general-body-wrapper .profile-general-content-wrapper .heading-content-wrapper .username{
  color: var(--brand-color)
}

#page-user-profile .profile-general-body-wrapper .profile-general-content-wrapper, .path-user:not(#page-course-view-participants.path-user) .profile-general-body-wrapper .profile-general-content-wrapper{
  gap: 10px;
}

/* .popover-region.popover-region-message {
    display: none;
} */

.navbar #usernavigation .divider{
  display: none;
}
div[data-region="recentlyaccesseditems-view-content"]{
  position: relative;
}
.jump_back_in_slick-wrapper_button{
  top: -45px;
  right: 0px;
  text-align: right;
}
div[data-region="recentlyaccesseditems-view-content"] .btn.btn-icon{
  border-radius: 12px;
  box-shadow: 0 12px 13px 0 rgba(46, 21, 10, 0.06);
  color: var(--brand-color);
}
div[data-region="recentlyaccesseditems-view-content"] .btn.btn-icon.slick-disabled{
  color: #939393;
}
div[data-region="recentlyaccesseditems-view-content"] .card
  {
    height: 100%;
  }

body#page-course-view-remuiformat .course-section-header .progress-bar-warpper .progress,
body#page-course-view-remuiformat .course-section-header .erf-float-right > .text-success,
body#page-course-view-remuiformat .course-section-header .erf-text-right.progress-text,
body#page-course-view-remuiformat .course-section-header > .right.side.erf-float-right {
  display: none !important;
}

body#page-login-forgot_password {
    color: #fff;
}

.pagelayout-login#page-login-forgot_password .mform .fieldset-header .ftoggler .fieldset-title {
    color: #FFF;
}
#usernavigation .searchform-navbar .edw-icon-Cancel:before{
  visibility: hidden;
}

#page-user-profile .edw-tabs-navigation .nav-tabs .nav-item:nth-child(4){
  display: none;
}

.hidden{
  display: none !important;
}

.message-app .footer-container [data-region="send-message-txt"]{
  border-radius: 0;
  box-shadow: none;
}

.navbar.fixed-left li[title="Meet The Team"] a:before {
  content: "";
  width: 26px;
  height: 27px;
  background-color: currentColor;
  -webkit-mask: url(/theme/remui_iomad/pix/icon/person.svg) no-repeat center / contain;
  mask: url(/theme/remui_iomad/pix/icon/person.svg) no-repeat center / contain;
}

.navbar.fixed-left li[title="Help"] a:before {
  content: "";
  width: 26px;
  height: 27px;
  background-color: currentColor;
  -webkit-mask: url(/theme/remui_iomad/pix/icon/helping.svg) no-repeat center / contain;
  mask: url(/theme/remui_iomad/pix/icon/helping.svg) no-repeat center / contain;
}

#region-main .activity-navigation.container-fluid,
#page-header {
  padding-right: 12px;
  padding-left: 12px;
}

body:not(.pagelayout-mydashboard) #page.drawers .main-inner{
  margin-top: 5rem !important;
}

.block_badge_eligibility .badge-item img{
  max-width: 140px;
}

@media (max-width: 1199.98px) {
  .edw-stats-wrapper .stat-block {
      display: block;
  }

  div[data-region="recentlyaccesseditems-view-content"] .card .card-body > .d-flex {
      flex-direction: column;
  }
  div[data-region="recentlyaccesseditems-view-content"] .card{
    width: 300px !important;
  }
  div[data-region="recentlyaccesseditems-view-content"] .jump_back_in_slick-wrapper{
    width: 100%;
    margin-left : 0;
    margin-right :0;
  }

  div[data-region="recentlyaccesseditems-view-content"] .slick-track .slick-slide{
    margin: 0 5px;
    overflow:visible;
  }
  div[data-region="recentlyaccesseditems-view-content"] .card h4{
    white-space: break-spaces;
  }


  div[data-region="recentlyaccesseditems-view-content"] .slick-slide img{
    height: 152px;
    width: 100%;
    object-fit: cover;
  }

  .block_recentlyaccesseditems .activityiconcontainer {
    width: 100%;
    margin-right: 0px;
  }
}


@media (max-width: 1024.98px) {
  .login-wrapper .login-part-2{
    display: none !important;
  }
  .login-wrapper .login-part-1{
    width: 100% !important;
  }
  .pagelayout-login.logincenter .login-container {
    margin: 20px  !important;
    padding: 0px;
  }
  .login-wrapper{
    flex-direction: initial !important;
  }

  .navbar.fixed-top .sub-nav{
    background: #FFF;
  }
  nav.navbar.fixed-left{
    display: none;
  }

  #page.drawers .main-inner{
    padding-left: 0;
    padding-right: 0;
  }
  .path-my #page-header{
    display: none;
  }
  #page.drawers{
    margin-top: 16px
  }

  .wdm-continue-learning-path{
    margin-bottom: 20px;
  }
  #wdm_dashboard-stats .icon-container svg{
    width: 62px;
    height: 62px;
  }
  .block-mycourses .card-grid, .card-grid-courses{
    /* grid-template-columns: repeat(2, 1fr); */
    display: flex;;
  }
  .block-mycourses .dashboard-card {
    display: flex;
    flex-direction: row;
    padding-bottom: 0px !important;
  }

  .block-mycourses .dashboard-card .course-name > a{
    white-space: normal;
  }

  .block_mycourses .card-img, .block-mycourses .card-img,
  .card-grid-courses .card-img{
    height: 100%;
    min-height: 140px;
    width: 30vw;
  }
  nav.navbar.fixed-bottom-mobile.navbar-expand {
    display: flex;
  }
  body#page-mod-scorm-player.main-area-bg:not(.pagelayout-login) div[role="main"]{
    padding: 10px 0px;
  }

  body#page-mod-scorm-player.main-area-bg:not(.pagelayout-login) div[role="main"] > .d-flex > .btn.btn-secondary{
    margin-right: 10px;
  }
  #page-mod-scorm-player #scormpage #scorm_object{
    width: 100%;
  }
  #page-search-index #region-main .mform{
    display: none;
  }

  #page-search-index div[role="main"]:has(.search-results){
    display: flex;
  }
}

@media (max-width: 768px) {
  .login-description-container{
    display: none !important;
  }
  .edw-tabs-navigation .nav-tabs .nav-item .nav-link.active::before{
    bottom: -4px;
  }

  div[data-region="recentlyaccesseditems-view-content"] .card{
    width: 246px !important;
  }
  #page-user-profile .profile-general-footer-wrapper, .path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper{
    padding: 0px;
  }
  #page-user-profile .profile-general-body-wrapper, .path-user:not(#page-course-view-participants.path-user) .profile-general-body-wrapper{
    padding: 0px 0px 16px 0px;
  }
  #page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper, .path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper{
    gap: 16px;
  }
  #page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-count, .path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-count{
    font-size: 32px;
  }
  #page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-item,
  path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-item{
    justify-content: flex-start !important;
  }

  #page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-item, .path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-item{
    padding: 8px;
  }

  .format-site.path-user div#topofscroll {
    padding-top: 20px;
  }
  .form-control{
    padding: 10px 20px;
  }
}

@media (max-width: 576px) {
  .edw-tabs-navigation .nav-tabs{
    gap: 16px;
  }
  .main-area-bg.pagelayout-login .login-container{
    padding: 0px;
  }
}

@media (max-width: 420px) {
  .edw-tabs-navigation .nav-tabs{
    gap: 10px;
  }
  #page-user-profile .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-count, .path-user:not(#page-course-view-participants.path-user) .profile-general-footer-wrapper .profile-stats-wrapper .profile-stat-count{
    padding-right: 10px;
  }
}

@media (min-width: 1025px){
  .d-logo-desktop-hide{
    display: none !important;
  }
}