/*Place your CSS code here*/

:root {
    --all-font-family: 'Poppins', serif;
    --body-font-color-base: #33475b;
    --body-bg-color: #7848FF;
    --header-bg-color: #7848FF;
    --header-text-color: #ffffff;
    --header-dropdown-bg-color: 7848FF;
    --header-dropdown-bg-color: #7848FF;
    --header-dropdown-divider-color: #7848FF;
    --header-dropdown-text-color: #ffffff;
    --header-dropdown-text-color-hover: #ffffff;

    --searchbar-bg-color: #fff;
    --searchbar-border: 1px solid #ddd;

    --insert-text-messages: 'Messages';
    --insert-text-notifications: 'Notifications';

    --navbar-bg-color: #7848FF;
    --navbar-border-bottom: 1px solid #e7e7e7;
    --nav-text-color: #fff;
    --nav-text-color-hover: #fff;
    --navbar-expand-text-color: #ffffff !important;
    --navbar-expand-bg-color: #7848FF;

    --breadcrumb-bg-color: #7848FF;
    --breadcrumb-text-color: #fff;
    --page-instructions-color: #555;

    --ef-block-bg-color: #ffffff;
    --ef-block-padding: 0px;
    --inner-ef-block-padding: 20px;

    --button-bg-color: #7848FF;
    --button-bg-color-hover: #7848FF;
    --button-bg-color-active: #7848FF;
    --button-font-color: #fff;
    --button-font-color-hover: #fff;
    --button-font-color-active: #fff;
    --button-border: 0px solid #7848FF;

    --button-bg-color-invert: #7848FF;
    --button-bg-color-hover-invert: #7848FF;
    --button-bg-color-active-invert: #7848FF;
    --button-font-color-invert: #fff;
    --button-border-invert: 1px solid #7848FF;
    --button-padding: 12px 24px;
    --button-border-radius: 3px;

    --tab-slider-underline-color: ;
    --tab-slider-underline-height: ;

    --text-link-color: #7848FF;
}

/* BASE NORMALIZATION OF STARTING POINT */
html,body, div.dashboard-panel {
    background-color: var(--body-bg-color) !important;
}
div.panel-body{
    background-color: #efefff;
}
body {
    color: var(--body-font-color) !important;
    padding-bottom: 120px !important;
}
div.ef-block {
    background-color: var(--ef-block-bg-color);
    padding: var(--ef-block-padding);
    box-shadow: 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15) !important;
}
div.ef-block div.ef-block, div.ef-block > div.ef-block-content {
    padding: var(--inner-ef-block-padding);
    box-shadow: none !important;
}
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active) {
    background-color: var(--button-bg-color);
    border: var(--button-border);
}
/* all text as same font and normalize case */
html,body, div, span, h1, h2, h3, h4, h5, h6, p, a, label, input, legend, .btn.btn-primary, .btn.btn-default, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger, .btn.btn-link {
    font-family: var(--all-font-family);
    font-weight:400;
    text-transform: none;
    color: var(--body-font-color-base);
}
/* baseline settings for header */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
    background-color: var(--header-bg-color);
    color: var(--header-dropdown-text-color) !important;
}
span.ef-dropdown-toggle-label,
span.note-current-fontname,
span.note-icon-caret,
 span.note-current-fontsize {
    color:#fff;
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle {
    background-color: #95d8ed !important;
    color: #271384 !important;
}
#ef-navbar .container ul.nav.navbar-nav li.open .dropdown-toggle i {
    color: #271384;
}
#ef-navbar .container ul.nav.navbar-nav > li .dropdown-toggle .img-thumbnail {
    background-color: #271384 !important;
}
#ef-navbar .container ul.nav.navbar-nav li .dropdown-toggle + ul.dropdown-menu {
    background-color: var(--header-dropdown-bg-color);
    color: var(--header-dropdown-text-color);
}
#ef-navbar a.dropdown-item, #ef-navbar ul.dropdown-menu, #ef-navbar .container ul.nav.navbar-nav > li.open > a {
    background-color: var(--header-dropdown-bg-color) !important;
    color: var(--header-dropdown-text-color);
}
#ef-navbar #nav-gamification-points span {
    color: var(--header-dropdown-color) !important;
}
#ef-navbar ul.dropdown-menu .divider {
    background-color: var(--header-dropdown-divider-color) !important;
}
#ef-navbar ul.dropdown-menu .content {
    border-color: var(--header-dropdown-divider-color) !important;
}
#ef-navbar > .container #userNavBar #ef-navigation li > a, #ef-navbar > .container #userNavBar #ef-navigation li > button {
    color: #fff;
}
#ef-navbar > .container #userNavBar #ef-navigation li > a:hover, #ef-navbar > .container #userNavBar #ef-navigation li > button:hover {
    background-color: #95d8ed;
    color: #271384;
}
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences ul.dropdown-menu:after {
    border-color: var(--header-dropdown-divider-color) !important;
}
/* searchbar and dropdowns in header */
#ef-navbar .container ul.nav.navbar-nav li.open a.dropdown-toggle, #ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
    background-color: var(--searchbar-bg-color) !important;
}
/* normal header links not clicked */
#ef-navbar .container ul.nav.navbar-nav > li > a {
    color: #fff;
}
/* header links tab opened */
#ef-navbar .container ul.nav.navbar-nav > li.open > a {
}
/* remove 1px space under tab */
#ef-navbar .container ul.nav.navbar-nav li a.dropdown-toggle + ul.dropdown-menu {
    top: 55px;
}
.ef-new-feature-alert {
    background-color: #95d8ed;
}
.ef-switch-account span {
    top: 3px;
}
.ef-switch-account span:before {
    content: '' !important;
}
.ef-switch-account:not(.current) span:after {
    content: '' !important;
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 50%;
    border: 2px solid #ddd;
    visibility: visible !important;
}
.ef-switch-account.current span:after {
    content: '' !important;
    width: 10px;
    height: 10px;
    background-color: green;
    border-radius: 50%;
    border: 2px solid #ddd;
    visibility: visible !important;
}


/* navbar toggle button on mobile */
.navbar-toggle {
    float: left;
    border: 0px;
}
.navbar-toggle:hover, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}
.navbar-toggle .icon-bar {
    background-color: var(--nav-text-color) !important;
}
.navbar-toggle:before {
    content:"Menu";
    left:30px;
    top:7px;
    position:absolute;
    width:50px;
}
.navbar-new.navbar-default .navbar-nav > .open > a, .navbar-new.navbar-default .navbar-nav > .open > a:hover, .navbar-new.navbar-default .navbar-nav > .open > a:focus {
    background-color: var(--navbar-expand-bg-color);
    color: var(--navbar-expand-text-color) !important;
}
.navbar-new {
    z-index: 10;
}
html.popup .navbar-new {
    display: none;
}
html.popup div.ef-block {
    box-shadow: none !important;
    padding: 0 !important;
}
.navbar-new .dropdown.open ul li {
    min-height: 40px;
}
@media (max-width: 1000px) {
    .navbar-new .navbar-header {
        float: none;
    }
    .navbar-new .navbar-left, .navbar-new .navbar-right {
        float: none !important;
    }
    .navbar-new .navbar-toggle {
        display: block;
    }
    .navbar-new .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-new .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-new .navbar-collapse.collapse {
        display: none !important;
        background-color: #ffffff;
        padding-left: 30px;
        border-bottom: 1px solid #f4f5f8;
    }
    .navbar-new .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        padding-bottom: 7.5px;
        box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
    }
    .navbar-new .navbar-nav>li {
        float: none;
    }
    .navbar-new .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-new .collapse.in {
        display:block !important;
        background-color: #ffffff;
        padding-left: 30px;
        border-bottom: 1px solid #f4f5f8;
    }
    .navbar-new .collapse li a {
        padding-left: 15px !important;
    }
    .navbar-new .collapse li a {
        color: inherit !important;
    }
    .navbar-new .navbar-nav > li {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .navbar-new .dropdown.open > a {
        background-color: var(--header-bg-color) !important;
        color: #fff !important;
    }
    .navbar-new .dropdown.open .dropdown-menu {
        background-color: #f4f5f8;
        padding-left: 15px;
    }
    .navbar-new.navbar-default .navbar-nav > .open > a, .navbar-new.navbar-default .navbar-nav > .open > a:hover, .navbar-new.navbar-default .navbar-nav > .open > a:focus {
        color: #fff !important;
    }
}



/* boxes with numbers are hard coded as uppercase, so have to modify */
.ef-info-header, .ef-table-label {
    text-transform: lowercase;
}
.ef-info-header:first-letter, .ef-table-header:first-letter {
    text-transform: uppercase;
}
/* need to set specific color for tab anchors and box number numerators to override existing  */
ul.customTabs > li.active > a, .colored-info {
    color: var(--body-font-color-base);
}
/* modify base button, not border radiuis to avoid issues with week month year section */
.btn {
    font-size: 14px;
}
.btn-primary, .btn.btn-success, .applyBtn, .ef-dashboard-header .ef-main-action-button .btn.btn-success {
    background-color: var(--button-bg-color) !important;
    border: var(--button-border) !important;
    color: var(--button-font-color) !important;
//    padding: var(--button-padding);
    box-shadow: 0 2px 10px -1px rgba(0,0,0,0.3) !important;
}
.btn-primary:hover, .applyBtn:hover {
    background-color: var(--button-bg-color-hover) !important;
    border: var(--button-border) !important;
    color: var(--button-font-color) !important;
}
.btn-primary:active, .applyBtn:active {
    background-color: var(--button-bg-color-active) !important;
    border: var(--button-border) !important;
    color: var(--button-font-color) !important;
}
.btn-default {
    background-color: var(--button-bg-color-invert) !important;
    border: var(--button-border-invert) !important;
    color: var(--button-font-color-invert) !important;
//    padding: var(--button-padding);
}
.btn-default:hover {
    background-color: var(--button-bg-color-hover-invert) !important;
}
.btn-default:active {
    background-color: var(--button-bg-color-active-invert) !important;
}
.btn.dropdown-toggle {
    border-left: 0.5px solid #f4f5f8 !important;
    margin-left: 1px !important;
}
.btn.dropdown-toggle .caret {
    color: var(--button-font-color);
}
.btn-sm, .btn-group-sm > .btn {
    line-height: 2em !important;
}
/* remove inner box shadow on day week month report labels */
.btn.active {
    box-shadow: none;
    background-color: var(--button-bg-color-active-invert) !important;
}

/* change underline for active tab in body */
#sliderNested {
    height: 3px;
    background-color: var(--text-link-color);
}
#sliderNested:after, x#sliderNested:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
    display: none !important;
}
#sliderNested:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
    top: -18px;
    display: none !important;
}
#sliderNested:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #e0e3eb;
	border-width: 10px;
	margin-left: -10px;
    display: none !important;
}
ul.customTabs > li > a, li.tabulizedElement {
    padding-bottom: 16px !important;
}
ul.customTabs > li.active > a {
    color: var(--text-link-color);
}
ul.customTabs > #slider {
    background-color: var(--text-link-color);
    height: 3px;
}
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):after, ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):before {
    display: block;
    top: 18px;
    height: 3px;
    background-color: var(--text-link-color);
    border: none;
}
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):after {
}
ul.tabulizedList > li.tabulizedElement.selected > a:not(:first-child):before {
}
ul.tabulizedList > li.tabulizedElement.selected > a {
    color: var(--text-link-color) !important;
    font-size: 100%;
}

/* change borders of blocks and legend underline in main body */
.ef-block {
//    box-shadow: none !important;
}
legend {
    border-bottom: none !important;
}

/* report filters and "with selected" handle */
#ef-report-filters {
    margin-top: 10px !important;
    background-color: #f4f5f8 !important;
}
#ef-report-filters .label {
    background-color: #c1c2c5;
    color: #555;
    padding: 6px;
}
#ef-with-selected-handle {
    margin-bottom: 15px;
    background-color: #f4f5f8;
    margin-left: 0px;
    margin-right: 0px;
}

/* table edits */
.table-responsive table  {
    border: 1px solid #ddd;
    border-collapse: collapse !important;
    border-spacing: 1px !important;
    box-sizing: border-box !important;
}
.table-responsive table tr td {
    border-top: 1px solid #ddd !important;
}
.table-responsive table tr td:last-of-type {
    border-right: 1px solid #ddd !important;
}
.table-responsive table tr:last-of-type td {
    background-color: #ffffff;
}
.table-responsive table tr.topTitle, .table-responsive table td.topTitle, .table-responsive table tr:first-of-type {
    background-color: #f4f5f8;
}
.table-responsive table tr.oddRowColor, tr.evenRowColor {
    background-color: #ffffff !important;
}
.table-searchbar {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    text-align: right;
}
.sortTablefilter {
    width: auto;
    position: relative;
}
.sortTablefilter .form-control {
    width: auto;
    display: inline-block;
}
.sortTablefilter span.btn {
    top: -3px;
}
.sortTablefilter .ef-export-grid {
    width: 100px;
    display: inline-block;
}
.sortTablefilter .ef-export-grid:hover {
    cursor: pointer;
    text-decoration: underline;
}
.sortTablefilter .ef-export-grid:after {
    content: 'Export';
    margin-left: 5px;
    font-family: var(--all-font-family);
    font-size: 14px;
}
.sortedTableFooter .ef-grid-info .can_hide:first-of-type {
    margin-right: 10px;
}
.sortedTableFooter .ef-grid-info .can_hide:nth-of-type(2) {
    margin-left: 20px;
}
.table-responsive td {
    line-height: 1.4em !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
@media (max-width: 1000px) {
    .sortTablefilter {
        text-align: left;
    }
    .sortTablefilter .form-control {
        min-width: 100% !important;
    }
    .table-responsive .table-responsive, .table-responsive table {
        border: 0 !important;
    }
    .ef-export-grid {
        display: none !important;
    }
}


/* style buttons moved into search row */
.ef-header-tools {
    padding-left: 0px !important;
}
.ef-header-tools.header-buttons, .ef-report-button-row {
    text-align: left;
}
.ef-header-tools.header-buttons a, .ef-report-button-row a {
    line-height: 24px;
    padding-left: 24px;
    padding-right: 24px;
}
.ef-report-button-row {
    padding-top: 0px;
}
.ef-report-button-row button {
    line-height: 24px;
    padding-left: 24px;
    padding-right: 24px;
}
/* hide searchbar when in footer to avoid ajax replacing it, and center pagination */
.table-responsive .sortedTableFooter .sortTablefilter {
/*    display: none; */
}
.sortedTableFooter {
    text-align: center;
}
.ef-grid-info.pull-right {
/*    float: none !important; */
}
/* edit report summary blocks at top */
.toolbar {
    margin-bottom: 20px;
}

/* breadcrumb styling */
div.breadcrumb-x {
    box-shadow: none !important;
    padding-bottom: 20px;
    background-color: var(--breadcrumb-bg-color);
}
.breadcrumb li.active {
    display: block;
}
.breadcrumb li:before, .breadcrumb > li + li:before {
    content: "<";
    padding: 0 5px;
    color: #ccc;
}
.breadcrumb li.active:before {
    display: none;
}
.breadcrumb li.active a {
    font-size: 32px !important;
    line-height: 1.2em;
    font-weight: 500 !important;
    margin-left: 6px;
}
.breadcrumb li:not(.active) a {
    color: var(--breadcrumb-text-color);
}
div.breadcrumb-x ol.breadcrumb li a {
    max-width: 600px !important;
    overflow: auto;
    white-space: wrap !important;
}
.breadcrumb.visible-lg {
    display: block !important;
}
.breadcrumb-x .breadcrumb.visible-sm, .breadcrumb-x .breadcrumb.visible-md, .breadcrumb-x .breadcrumb.visible-xs {
    display: none !important;
}
.itk-pagedesc div {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
}
/* style injected instructions */
div.page-instructions {
    color: var(--page-instructions-color);
    margin-left: 8px;
}

/* modify user profile form */
#user_profile_form .ef-form-element {
    max-width: 100%;
}
#user_profile_form .form-group .control-label {
    text-align: left;
    margin-bottom: 3px;
}

.hide-me {
    display: none !important;
}


/* set text link color */
.ef-anchor-like, a.link, a.link:visited, a.link:hover, a.link:link {
    color: var(--text-link-color) !important;
}


/* navbar new */
.navbar.navbar-new {
    border: 0px;
    background-color: var(--navbar-bg-color);
    border-bottom: var(--navbar-border-bottom);
    max-height: 50px;
}
.navbar-new.navbar-default .navbar-nav > li:first-of-type > a {
    padding-left: 10px;
}
.navbar-new .navbar-collapse {
    padding-left: 0px;
}
.navbar-new li.live:after {
    content: ' ' !important;
    height: 3px !important;
    background-color: var(--nav-text-color) !important;
    width: calc(100% - 20px) !important;
    margin-left: 10px;
    position: absolute;
    bottom: 2px;
}
.navbar.navbar-new a {
    font-size: 14px;
    color: var(--nav-text-color) !important;
}
.navbar.navbar-new a:hover {
    color: var(--nav-text-color-hover) !important;
}
.navbar.navbar-new li li {
    height: 3em !important;
}
.navbar.navbar-new li li:first-of-type {
    margin-top: 8px;
}
.navbar.navbar-new .glyphicon {
    margin-right: 5px;
    font-size: 16px;
    color: inherit;
}
.navbar.navbar-new .fa, .navbar.navbar-new .fas {
    margin-right: 4px;
    font-size: 18px;
    color: inherit;
}
.navbar.navbar-new .glyphicon, .navbar.navbar-new .fa, .navbar.navbar-new .fas {
    min-width: 25px;
    text-align: center;
}
.navbar.navbar-new .caret {
    color: inherit;
}
.navbar-new .btn.itk-otg, .navbar-new .btn.itk-support {
    margin-top: 8px;
    margin-left: 15px;
    border: 1px solid;
    padding: 6px 10px 6px 6px !important;
}
.navbar-new .btn.itk-otg:hover, .navbar-new .btn.itk-support:hover {
    background-color: #f4f5f8;
}

/* font awesome fix */
.fa, .fas {
    color: inherit !important;
}
.fa-bell-o, .fa-comments-o, .fa.fa-sign-in, .fa.fa-pencil {
    font-family: 'FontAwesome' !important;
}
.fa-comments-o:after {
    content: var(--insert-text-messages);
    padding-left: 5px;
    font-size: 14px;
    font-family: var(--all-font-family);
}
.fa-bell-o:after {
    content: var(--insert-text-notifications);
    padding-left: 5px;
    font-size: 14px;
    font-family: var(--all-font-family);
}
span.alphatar-add {
    color: var(--main-nav-color);
    font-size: 14px;
    padding-left: 5px;
}

/* course overview page edits */
.ef-courses-list-item.unit-entry:not([data-status="started"]) span a {
}

/* scorm module on player page */
.ef-content-area-scorm #ef-scorm-content {
    padding-bottom: 80%;
}

/* staring work on actual new table */
x.ef-default-avatar {
    max-width: 80px;
    float: left;
    margin-right: 15px;
    border: 1px solid #f4f5f8
}
x.table td div {
     max-width: 100px !important;
}
x.table > tbody > tr > td {
     vertical-align: middle;
}

.container.itk-insert .row {
    padding-bottom: 20px !important;
}
.table.newcoursetable > thead {

}
.table.newcoursetable > tbody > tr > td {
    vertical-align: middle;
}
.table.newcoursetable > tbody > tr > td:first-of-type > img {
    width: 80px;
    border: 1px solid #f4f5f8;
    float: left;
}
.table.newcoursetable > tbody > tr > td:first-of-type > span a {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 120%;
}
.table.newcoursetable .indent {
    background-color: #f4f5f8;
}
.table.newcoursetable .indent td:first-of-type {
    padding-left: 55px;
    position: relative;
}
.table.newcoursetable .indent td:first-of-type:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    background-color: #fff;
    height: 102%;
    top: 1px
}
.table.newcoursetable .fa-award {
    font-size: 26px;
    color: var(--button-bg-color) !important;
}
.category-tag.label {
    margin-left: 15px;
    background-color: grey;

}
.ef-block .tab-content {
    padding: 10px 20px 20px 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: 3px solid var(--text-link-color);
    color: var(--text-link-color);
}
.nav-tabs > li > a:hover {
    background-color: transparent !important;
    border-color: transparent;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

/* My Courses page */

.ef-my-courses .ef-courses-list > ul > li.ef-my-courses-category > div.ef-entry-head {
    background-color: #f4f5f8;
    border-top: 1px solid #ddd;
    margin-top: 50px;
}
.ef-my-courses-category.expanded {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head {
    background-color: #f4f5f8 !important;
    border-top: 1px solid #ddd;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head .ef-entry-title {
    padding-left: 60px;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head .ef-entry-title .ef-expand-collapse-handle {
    left: 5px;
}
.ef-my-courses .ef-courses-list ul li.ef-my-courses-category ul li.ef-my-courses-category > div.ef-entry-head {
    background-color: #f4f5f8;
    border-top: 1px solid #ddd;
}
.ef-my-courses ul li.ef-my-courses-category > ul > li:nth-child(2n+2) {
    background-color: #ffffff;
}
div.ef-entry-head:hover, .ef-my-courses .ef-courses-list ul li.ef-my-courses-curriculum > div.ef-entry-head:hover {
    background-color: #f4f5f8 !important;
}
.ef-my-courses-course .ef-my-courses-progress-bar {

}
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name {
    white-space: normal !important;
}
.ef-my-courses-course .ef-entry-name .pull-left {
    float: none !important;
    margin-left: 130px;
}
.ef-entry-name {
    line-height: 1.2em;
}
.itk-course-img {
    float: left !important;
    width: 120px;
}
.ef-my-courses ul li .ef-my-courses-progress-bar {
    margin: 3px 0px 8px 0px;
}
/* Fix issue of update causing title to display under new image for course for Learner start */
.ef-my-courses .ef-courses-list div.ef-entry-head span.ef-entry-name {
    display: inline !important;
    float: none !important;
    margin-left: 15px;
}
.ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name, .ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name:hover, .ef-my-courses ul li.ef-my-courses-category > div.ef-entry-head span.ef-entry-name a.ef-entry-link {
    color: var(--body-font-color-base);
    text-transform: none;
}

/* Course Catalog */
.ef-price {
    display: none;
}

/* Course view pages */
div.breadcrumb-x ol.breadcrumb li a {
    white-space: auto;
}

/* Profile page */
#generatePass {
    display: none;
}
#user-roles .dropdown-menu {
    margin-left: 0px !important;
}

.learner-message {
    padding: 10px;
    text-align: center;
    color: #444;
    background-color: #ddd;
}

#assignmentsTable td input {
    min-width: 100px;
}
#assignmentsTable td .col-md-6 {
    width: 100%;
    display: block;
}


@media (max-width: 550px) {
    .ef-my-courses .ef-my-courses-course .ef-entry-title {
        padding-left: 10px !important;
    }
    .ef-my-courses .ef-entry-name .ef-entry-link {
        white-space: wrap !important;
    }
    .itk-course-img {
        width: 80px;
        float: none !important;
        display: inline-block;
    }
    .ef-my-courses .ef-courses-list .ef-my-courses-course div.ef-entry-head .ef-entry-title span.ef-entry-name {
        display: block !important;
        margin-left: 0;
        margin-top: 5px;
    }
    .ef-my-courses .ef-entry-link {
        min-height: 40px;
        white-space: initial !important;
        text-overflow: visible !important;
    }
}

.learner-message {
    text-align: center !important;
    width: 100% !imporant;
}
.navbar-new {
    margin-bottom: 0px;
}

#ef-description-full table {
    max-width: 100% !important;
    width: 100% !important;
}

.ef-my-courses .ef-courses-list div.ef-entry-head .ef-entry-head-heading {
    height: auto !important;
}

/* HCP CIP Edits */

html, body {
    font-family: 'Poppins';
    background-color: #fff;
    color: #0e1f43
}

.container {
    max-width: 100%;
    width: 100%;
}

/* HCP CIP Top Bar */

.hcp-cip-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background-color: #35284b;
    color: #fff;
    font-size: 14px;
}
.hcp-cip-top-bar-logo {
    width: 30px;
    cursor: pointer;
}
.hcp-cip-top-bar-products {
    display: flex;
    align-items: center;
}
a.hcp-cip-top-bar-product {
    padding: 20px 40px 20px 58px;
    margin: 0 5px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    color: #fff;
}
a.hcp-cip-top-bar-product:hover{
    text-decoration: none;
    background-color: #493e5d;
}
.hcp-cip-top-bar-product.active {
    background-color: #493e5d;
}
.hcp-cip-top-bar-product:before {
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 28px;
    top: 49%;
    transform: translatey(-50%);
}

.hcp-cip-top-bar-product.hcp-cip-experience:before {
    background: url(https://www.sageway.com/wp-content/uploads/2021/06/XM-Mark.png);
  background: url(https://my.homecarepulse.com/img/mainnav/Experience.svg);
    background-size: contain;
}
.hcp-cip-top-bar-product.hcp-cip-training:before {
    background: url(https://www.sageway.com/wp-content/uploads/2021/06/Training-Mark.png);
      background: url(https://my.homecarepulse.com/img/mainnav/Training.svg);
    background-size: contain;
}
.hcp-cip-top-bar-product.hcp-cip-reviews:before {
    background: url(https://www.sageway.com/wp-content/uploads/2021/06/RM-Mark.png);
      background: url(https://my.homecarepulse.com/img/mainnav/ReviewManager.svg);
    background-size: contain;
}
.hcp-cip-top-bar-product.hcp-cip-benchmarking:before {
    background: url(https://www.sageway.com/wp-content/uploads/2021/06/Benchmarking-Mark.png);
    background-size: contain;
}

.hcp-cip-top-bar-account {
    cursor: pointer;
}
.hcp-cip-top-bar-account img {
    max-width: 38px;
    border-radius: 50%;
    border: 1px solid #f4f5f8;
}

/* End HCP CIP Top Bar */

/* xx */
.sidebar {
    background-color: #7848FF;
    color: #fff;
    padding: 0;
}
.sidebar-sticky {
    padding: 20px 15px;
}
.sidebar-logo {
    height: 57px;
    line-height: 57px;
    width: 100%;
    display: block;
    vertical-align: center;
    text-align: center;
    background-color: #fff;
    color: #7848FF;
    font-size: 16px;
}
.hcp-cip-main {
    padding: 0;
    background-color: #efefff;
}
#main-content {
    padding: 0 25px 75px 25px;
}
.navbar-header {
    display: none !important;
}
#ef-navbar .container ul.nav.navbar-nav > li > a, #ef-navbar .container ul.nav.navbar-nav > li > button {
    color: #fff;
}
.navbar-form {
    text-align: right;
}
.breadcrumb-x {
    background-color: transparent !important;
    min-height: 50px;
    vertical-align: middle;
    margin: 0px 0px 15px 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.breadcrumb-x ol.ef-breadcrumb {
    padding: 25px 25px 15px 25px;
}
.breadcrumb-x .ef-breadcrumb li.active a {
    font-size: 22px;
    font-weight: 600;
}

.nav .nav-item .nav-link {
    padding: 6px 15px 6px 25px;
    font-weight: 600;
    margin-top: 18px;
    position: relative;
    border-radius: 4px;
    color: #fff;
}
.nav .nav-item .nav-link:hover {
    background-color: #271384;
}
.nav .nav-item .nav-link.active {
    background-color: #95d8ed;
    color: #271384;
}
.nav .nav-item .sub-link {
    margin-top: 0px;
    font-weight: 500;
    padding-left: 30px;
}
.nav-link-home:before {
    content: '\f015';
    position: absolute;
    left: 7px;
    font-family: FontAwesome;
}
.nav-link-users:before {
    content: '\f007';
    position: absolute;
    left: 7px;
    font-family: FontAwesome;
}



.ef-block {
    border-radius: 5px !important;
}
.ef-block .ef-block {
    border-radius: 0;
}
.ef-block .ef-header-tools {

}
.ef-block .table-responsive {
    padding: 0 20px 20px 20px;
}
.ef-block .table-responsive .table-responsive {
    padding: 0;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.ef-block .table-responsive .table-responsive tr:first-of-type {
    border-bottom: 1px solid black;
}
.sortedTableFooter {
    padding: 10px 0 15px 0;
}

.btn.btn-primary, .btn.btn-primary:not(.active), .btn.btn-primary:hover, .btn.btn-primary:hover:not(.active), .btn.btn-primary:focus, .btn.btn-primary:focus:not(.active) {
    background-color: #7848FF;
    border-color: #7848FF;
    text-transform: none;
}

.hcp-cip-main-body  {
    min-height: calc(100vh - 59px);
}
.hcp-cip-main, .sidebar {
  height: 100%;
  min-height: calc(100vh - 59px);
}
body {
  padding-bottom: 0 !important;
}
#ef-navbar .container ul.nav.navbar-nav > li.user-preferences > button {
    margin-top: 0;
    width: auto;
    padding-right: 10px;
}
.nav .nav-item .nav-link {
    padding: 6px 15px 6px 10px;
}
.nav .nav-item .nav-link span  {
    margin-right: 7px;
    width: 13px;
}
.nav .nav-item .sub-link {
    padding-left: 30px;
}
.hcp-cip-top-bar-logo {
    width: 38px;
    cursor: pointer;
    padding: 0 4px;
}
#ef-navbar form.navbar-form #searchDiv {
    background-color: var(--searchbar-bg-color);
    border-radius: 4px;
    max-width: 350px;
}
#ef-navbar .container ul.nav.navbar-nav > li > a:hover, #ef-navbar .container ul.nav.navbar-nav > li > a:active, #ef-navbar .container ul.nav.navbar-nav > li > button:hover, #ef-navbar .container ul.nav.navbar-nav > li > button:active {
    color: #95d8ed;
}

/* Hide account icon for now */
.hcp-cip-top-bar-account {
    width: 38px;
}
.hcp-cip-top-bar-account img {
    display: none;
}

/* Set sidebar to slide out and in on collapse click */
.sidebar, .hcp-cip-main {
    transition: width 0.5s;
}
.sidebar.collapse-sidebar{
    width: 0px;
}
.hcp-cip-main.collapse-sidebar {
    width: 100%;
}
.mobile-menu-link {
    display:none;
}
    .sidebar-sticky {
        display: block;
    }

body.user-learner .hcp-cip-top-bar {
   display: none;
}

.hcp-cip-training {
    background-color: #493e5d;
}

.ef-content-footer .btn.btn-primary[data-complete-text="Completed"],  .btn.ef-completed-button  {
    background-color: #218374 !important;
    border: background-color: #218374 !important;
}

@media (min-width: 700px) {
    #ef-navbar .toggle-sidebar {
        color: #fff;
        content: '<< Collapse Sidebar';
        position: absolute;
        top: 20px;
        left: 10px;
        cursor: pointer;
    }
}
@media (min-width: 992px) {
    .sidebar-sticky {
        display: block !important;
    }
}

@media (max-width: 1000px) {
    .sidebar {
        min-height: auto;
    }
    .sidebar-sticky {
        display: none;
    }
    .toggle-sidebar {
        color: #fff;
        display: none;
    }
    .sidebar-logo {
        text-align: left;
        padding-left: 25px;
        padding-right: 25px;
        position: relative;
    }
    .mobile-menu-link {
        display: block;
        position: absolute;
        right: 25px;
        top: 0;
        color: #fff;
        cursor: pointer;
    }
    #userNavBar #ef-navigation {
        display: flex;
    }
    .hcp-cip-product-dropdown .dropdown-toggle {
        color: #fff !important;
    }
    .hcp-cip-product-dropdown .dropdown-menu {
        left: auto;
        right: 0;
        padding: 10px;
    }
    .hcp-cip-product-dropdown .dropdown-item {
        display: block;
        margin-bottom: 10px;
    }
    .hcp-cip-experience, .hcp-cip-reviews {
        display: none;
    }
}

/* Logo in sidebar */
.sidebar {
    position: relative;
}
.new-logo-placeholder {
    border-top: 1px solid rgba(53, 40, 75, 0.5);
    margin-top: 20px;
}
.new-logo-placeholder > div {
    background-color: #e3e1e8;
    width: 100%;
    text-align: center;
    padding: 20px 12px;
    margin-top: 30px;
}
.customer-logo {
    width: auto;
    max-width: 100%;
    max-height: 250px;
}

@media (max-width: 767px) {
    .customer-logo {
        max-height: 80px;
    }
}

/* create space on learner dashboard between progress bar and button */
.ef-my-courses-list-handles .ef-my-courses-progress-bar  {
    margin-left: 15px !important;
}/*transparent background for logos*/
.new-logo-placeholder > div {background: rgba(0,0,0,0)}

.ef-content-area-scorm {
    width: 85%;
    max-width: 1000px;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
html.new-ui-html:root{--c-brand-primary:#95d8ed;--c-brand-primary-darken-5:#90d3e8;--c-brand-primary-darken-7:#8ed1e6;--c-brand-primary-darken-10:#8bcee3;--c-brand-primary-darken-15:#86c9de;--c-brand-primary-darken-17:#84c7dc;--c-brand-primary-darken-20:#81c4d9;--c-brand-primary-darken-25:#7cbfd4;--c-brand-primary-lighten-7:#9cdff4;--c-brand-primary-lighten-40:#bdffff;}