@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");

      :root {
        --font: Roboto;
        --alt-font: Roboto;
        --accent-color: #005b8e;
        --secondary-color: #4a545f;
        --link-color: #005b8e;
        --accent-highlight-color: #004b75;
        --accent-highlight-background-color: #c1e9ff;
        --accent-tinted-color-70: #b3cedd;
        --accent-tinted-color-80: #ccdee8;
        --accent-tinted-color-90: #e6eff4;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #007cc1;
        --secondary-hover-color: #606d7c;
        --secondary-contrast-color: #fff;
        --link-hover-color: #009cf4;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/5y5xqalmx665-BG-MeshGradient-2024.png'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/95c9uyvt6l4w-ATD_only_2024_TI_rgb.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
body {

    --noColor: transparent;
    --bgColor: #EDEEEF;
    /* Primary text color */
    --aColor: #005B8E;
    /* Learner view course title color  */
    --courseTitleColor: #121113;
    --fullWhite: #ffffff;
    /* learner view next and previous nav buttons */
    --navButtonColor: #4A545F;
    /* learner view lesson status indicator  */
    --sectionCompleteColor: #005b8e;
    --sectionIconStatusBorderColor: #b2b2b2;
    /* current lesson indicating colors on sidebar  */
    --currentLessonIndicatorColor: #0B81BC;
    --activeLessonBgColor: #DFDFDF;
    --slideShowThemeColor: #133560;
    --genericBlack: #121113;
    --lightGrey: #EDEEEF;
    --genericGrey: #4A545F;
    --meetingSectionNavy: #133560;
    --learningPathBlue:#005B8E;
    --genericLinkColor: #005B8E;
    --navy: #133560;
    --secondaryBtnHover:#f5f5f5;
    --secondaryBtnBorder: #b7bbbf;
    --buttonTransition: all 200ms ease-in-out;

    /* background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/d6dw2asmls7h-BGGradient.png") !important;
*/
    
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position-x: right !important;
    background-color: var(--bgColor) !important; 
    max-width: -webkit-fill-available;
    color: var(--genericBlack);



}

p,
li,
h1,
h2,
h3,
h4 {
    color: var(--genericBlack);
}

#learner,
#lms {
    max-height: 1768px;
    margin-right: 10px;
}


/* Hide Default platform Features section */


.icon-bookmark-plus {
    /* Removes the bookmark icon in the top right of learner content */
    display: none;
}

.learner-section__title__container {
    /* Removes the titles (lesson/page) above the progress bar in the content pane */
    display: none;
}

/* hiding menu numbers */
span.syllabus__section-title-index {
    display: none;
}

.learner-section__progress+.directional__nav {
    display: none;
}

.learner-section__progress {
    display: none;
}

.learner__sidebar__search {
    display: none;
}

.section-progress-bar div {
    display: none;
}

.retake-survey {
    display: none;
}

.footer__company__info {
    display: none;
}


.ember-view .expandable-sidebar__buttons {
    display: none;
}

.application>.container>.footer {
    display: none;
}

.learner__sidebar__search>.row.collapse>.small-8.columns>input,
.learner__sidebar__search-icon {
    display: none;
}

.tools__container .tools__back-button {
    display: none;
}

.results__list>hr:first-of-type {
    display: none;
}

/* End of - Hide Default platform Features section */

/* Header Styles  */

.header--student {
    background-color: var(--noColor);
    height: 8vh;
}

/* workaround to change home button to logo and header styles */

.header__left>.ember-view.header__left__icon.active>.icon-home {
    background-color: var(--noColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    width: 80px;
}

.header__left>.ember-view.header__left__icon.active>.icon-home:before {
    content: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/avcpswkyors9-Vector.svg ");

}

.header__left>.ember-view.header__left__icon.active>.icon-home::after {
    content: " MyATD";
    padding-left: 5px;
    font-weight: 500;
    color: #000000;
    font-family: 'Roboto';
}

.header__left>.ember-view.header__left__icon {
    background-color: var(--noColor);
    padding: 1rem;
    height: inherit;
}

.header__left {
    height: inherit;
}

/* hiding default logo on the right side of header  */

.header__left__copy {
    opacity: 0%;
    pointer-events: none;
}

.header--student .header__left__copy {
    padding: 1.7rem 1rem;

}

.header__right {
    padding-right: 1rem;
}

.header--student {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header__left>.ember-view.header__left__icon.active>.icon-home {
    height: 10px;
}

.course__container .header .company__beta-logo .company-logo__container img {
    position: absolute;
    top: 22%;
    right: 0%;
    height: 30px;
}

/* End of Header styles  */


/* Learner Container Styles  */




/* Resets the learner view padding and margin */
.learner__container {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 0px;
    margin-right: 2%;
    padding-top: 2px !important;

}

.learner__container--closed .learner__content {
    left: 0em;
    padding: 1rem 2rem;
    width: 100%;
}

/* Learner view full with navigation section */
.learner__container.learner__container--closed>.learner__content>.layout-panel>.ember-view.section>.row>.ember-view>.directional__nav {
    width: 100%;
}



/* Side bar updates  */

.learner__sidebar {
    width: 27%;
}

@media only screen and (max-width: 768px) {
    .learner__sidebar {
        width: 85%;
    }
}

/* Side bar or learner view menu styles */
.learner__sidebar {
    background-color: var(--bgColor);
    bottom: 0px;
    display: block;
    height: 80vh;
    left: 0px;
    overflow-y: auto;
    padding: .5em .5em .5em .5em;
    padding-right: 0px;
}

/* Learner view side bar list styles reset  */
ul.learner__sidebar-list {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow-x: unset;
    overflow-y: unset;
    padding: 0 0 0 1em;
}

.learner__sidebar__expandables {
    background-color: var(--bgColor);
}

.expandable-sidebar__buttons {
    background-color: var(--bgColor);
}

.learner__sidebar>.layout-panel {
    background-color: var(--bgColor);
}

.learner__sidebar-list>li {
    border: none
}

.expandable-sidebar__buttons a {
    color: var(--genericBlack);
}

.learner-section__title {
    color: var(--genericBlack);
}

.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title {
    font-weight: normal;
}

.learner__sidebar-inner-list {
    padding-right: 0px;
}

.learner__sidebar-inner-list li:before {
    color: var(--aColor);
}


.learner__sidebar-inner-list span.syllabus__section-title {
    text-transform: capitalize;
    font-size: 17px;
    color: var(--genericBlack);
}


.expandable-sidebar.expandable-sidebar--toggled .expandable-sidebar__content>.learner__sidebar-list {
    overflow: auto;
}

.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title .completed__indicator {
    padding-right: 8px;
}

/* styles for lesson status indicaor on sidebar  */
.icon-circle {
    background: var(--fullWhite);
    border: 1px solid var(--sectionIconStatusBorderColor);
    border-radius: 50%;
    display: inline-block;
    height: 9.4px;
    position: relative;
    -webkit-transition: border .25s;
    -o-transition: border .25s;
    transition: border .25s;
    width: 9.4px;
}

/* lesson complete styles  */
.icon-circle.icon-circle--full {
    background-color: var(--sectionCompleteColor);
    border-color: var(--sectionCompleteColor);
    border-radius: 50%;
    height: 9.4px;
    width: 9.4px;
}

.icon-circle.icon-circle--full span {
    background: var(--sectionCompleteColor);
    border-radius: 50%;
    height: 8px;
    width: 8px;
}


span.syllabus__topic--non-expandable-title.flex.justify-between>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.syllabus__topic.syllabus__topic--active a,
.syllabus__topic.syllabus__topic--active button.syllabus__topic--expander {
    /* border-left: 2px solid var(--currentLessonIndicatorColor); */
    color: var(--aColor);
    font-weight: 400;
}

.syllabus__topic.syllabus__topic--non-expandable.syllabus__topic--active {
    border-right: 3px solid var(--aColor);
}

li.syllabus__topic--non-expandable:before {
    content: "";
}

.ember-view syllabus__topic syllabus__topic--non-expandable {
    padding-left: 0px;
}

.syllabus__topic--non-expandable-title-text {
    padding: 4px 8px 4px 8px;
    color: var(--courseTitleColor);
    text-transform: capitalize;
    font-size: 15px;

}

ul.syllabus__topics {
    padding: 0;
}


.ember-view.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable>span.syllabus__topic--non-expandable-title.flex.justify-between {
    background: var(--fullWhite);
    padding-right: 12px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

span.syllabus__topic--non-expandable-title.flex.justify-between {
    padding-right: 14px;
}

.completed__indicator i {
    color: var(--aColor);
}

.icon-circle.icon-circle--half span {
    background-color: var(--aColor);
}

/* end of side bar status indicator and lesson styles  */
.syllabus__topic {
    padding: 0 0 0 0.2em;
}



.syllabus__topic.syllabus__topic--non-expandable.syllabus__topic--active>.syllabus__topic--non-expandable-title.flex.justify-between>.active>.syllabus__topic--non-expandable-title-text {
    font-weight: 600;
    font-size: 15px;
    color: var(--genericBlack);
}

.topic__list__item {
    border-radius: 8px;
    border: 1px solid #EFEFEF;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topic__list__title {
    color: #121113;
    font-weight: 600;
}

.topic__list__info.topic__list__info--column>.btn.btn--link>span {
    font-weight: 600;
    color: #121113;
}


button.syllabus__lesson--expander .expander-triangle__closed-right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 14px;
    height: 4px;
    border: 2px solid transparent;
    border-radius: 100px;
    color: var(--genericBlack);

}

button.syllabus__lesson--expander .expander-triangle__closed-right::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 10px;
    top: 0px;


}


button.syllabus__lesson--expander .expander-triangle__closed-down {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 6px;
    height: 4px;
    border: 2px solid transparent;
    border-radius: 100px;
    color: var(--genericBlack);
}

button.syllabus__lesson--expander .expander-triangle__closed-down::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -6px;
    top: 0px;
}

.expandable-sidebar__toggle {
    /* Tab level i.e. Lessons, assignments, etc. */
    /* background-color: var(--bgColor); */
    background-color: #EDEEEF;
    color: var(--genericBlack);
}

.expandable-sidebar__toggle:hover {
    /* Tab level i.e. Lessons, assignments, etc. */
    background-color: var(--bgColor);
}

.expandable-sidbar--toggled {
    background-color: var(--bgColor);
}

.expandable-sidebar__content {
    background-color: var(--bgColor);
    padding: 0px;
}

.sidebar__resources>li {
    background-color: var(--bgColor);
}

.syllabus__lesson--title-text {
    color: var(--genericBlack);
    font-weight: 400;
    font-size: 16px;
}

.syllabus__lesson {
    --accent-color: var(--aColor);
    /* recolors list icons by the lessons and the active topic */
    --accent-highlight-background-color: var(--bgColor);
}

.expandable-sidebar__toggle {
    text-transform: capitalize;
    font-weight: 700;
    /* font-size:medium; */
    border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--aColor), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--aColor)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--aColor), transparent) 1;
    font-size: 18px;

}



.expandable-sidebar__toggle i.expandable-sidebar__icon--left {
    font-weight: 700;
}



/* end of side bar styles  */

/* -------------------------- */
/* Modernizing the scrollbars */
/* -------------------------- */
/* Works on Firefox */
* {
    /* Colors the trackbar/slider */
    scrollbar-color: var(--meetingSectionNavy);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    /* Controls Scrollbar width */
    width: auto;
}

*::-webkit-scrollbar-track {
    /* Colors the trackbar/slider */
    background: var(--fullWhite);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

*::-webkit-scrollbar-thumb {
    /* Colors and resizes scrollbar */
    background-color: var(--meetingSectionNavy);
    border: 2px solid var(--fullWhite);
    border-radius: 20px;
}

.learner__sidebar::-webkit-scrollbar {
    width: 12px;
}

.learner__sidebar::-webkit-scrollbar-track {
    /* Colors the scrollbar background gray to match sidebar */
    background: var(--bgColor);
}

.learner__sidebar::-webkit-scrollbar-thumb {
    border: none;
}

.topic__contained__sidebar::-webkit-scrollbar {
    width: 0px;
}

/* end of scroll bar styles  */


/* learner content styles  */
.learner__content {
    float: none;
    width: 73%;
    padding-top: 10px;
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 0;
    border-top-right-radius: 10px;
    background-color: var(--fullWhite);
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9999;

}



/* end of learner content styles  */

/* footer styles  */
.footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__links>.link>a,
.footer__links>.link>a:hover,
.footer__links>.link_c,
.footer__links>.link_c:hover {
    color: var(--genericBlack);
}

.footer__links>.link_c,
.footer__links>.link {
    display: inline-block;
    font-size: 0.75rem;
    padding-right: 1.666667rem;
    margin-bottom: 2px;
}


/* Styling to keep footer at bottom and adjust other layout for footer placement  */
.ember-application.learn.course.section.lesson.index>.footer,
.ember-application.learn.course.resources-subcategory>.footer,
.ember-application.learn.course.meetings>.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.footer__inner {
    border: none;
    padding: 0;
}

/* end of footer styles  */

/* Start of directional Nav styles  */
.directional__nav a,
.directional__nav button.directional-nav__arrow {
    padding: 2px 16px;
}

/* workaround to show navigation button text in learner view  */
.directional__nav a .directional__nav__label {
    visibility: visible;
    color: var(--genericGrey);
}

/* stretches nav bar across the bottom and puts on top */
/* NOTE: directional nav bars are wrapped in the layout div and cannot be brought outside. */
.directional__nav~.directional__nav {
    background-color: var(--noColor);
    bottom: 0px;
    display: block;
    height: 50px;
    position: fixed;
    width: 71%;
    left: 27%;
    z-index: 9998 !important;
}

/* directional nav button styles  */
.directional__nav__button {
    background-color: unset;
    color: var(--navButtonColor);
    font-weight: 400;

}

.directional__nav__button__container.directional__nav__button__container--prev,
.directional__nav__button__container.directional__nav__button__container--next {
    border: 1px solid var(--genericGrey);
    border-radius: 100px;
    margin: 7px;
    margin-right: 0;
    margin-left: 0;
    background-color: var(--fullWhite);
    transition: var(--buttonTransition);
    color: var(--genericGrey);
    font-weight: 600;
    /* width: 156px  */
}
.directional__nav__button__container.directional__nav__button__container--prev:hover,
.directional__nav__button__container.directional__nav__button__container--next:hover {
    border: 1px solid var(--genericGrey);
    background-color: var(--secondaryBtnHover);
    color: var(--genericGrey);

   
}

.directional__nav__button.directional__nav__button--left,
.directional__nav__button.directional__nav__button--right {
    margin: 0;
}

/* disabled state styles for nav buttons */
.disabled .directional__nav__button {
    background-color: var(--bgColor);
    opacity: 20%;

}


.disabled>.directional__nav a,
.directional__nav button.directional-nav__arrow {
    margin-bottom: 0px;
    pointer-events: none;
}

.ember-view>.directional__nav~.directional__nav {
    bottom: 25px;
}


@media only screen and (max-width: 1000px) {
   

    body {
        background-image: -o-linear-gradient(45deg, #eaeaea, transparent) !important;
        background-image: linear-gradient(45deg, #eaeaea, transparent) !important;

    }

}

/* end of directional button styles  */


/* Topic related styles  */


div.topic__text__body {
    padding: 0em;
}

.topic__list__thumb {
    width: 15%;
}

.topic__container {
    padding: 48px 40px 0 40px;
}

/* end of topic related styles  */

/* Top right logo container  */
 /* to be removed */
/* .company-logo__container>img {
    content: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/310klt64rvak-ATD.svg");
    width: 60px;
} */

/* end of logo container  */




/* Page Specific Styles  */
.img__fullWidth {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0;
    background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/jj0or5lufjrb-E-Learning-Intro-Background-Image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

@media only screen and (max-width: 1000px) {
    .img__fullWidth {
        background-position: left;
    }

}

.introPage_img {
    position: absolute;
    width: 100%;
}



/* Slide Show Styles  */

.slide-show__top-bar {
    background-color: var(--slideShowThemeColor);
}

.slide-show__controls .slide-show__button {
    border: 1px solid var(--fullWhite);
    background-color: var(--navy);
    color: var(--fullWhite);
    font-weight: 600;
    border-radius: 100px;
    transition: var(--buttonTransition);
}
.slide-show__controls .slide-show__button:hover {
    border-color: var(--fullWhite);
    background-color: var(--fullWhite);
    color: var(--navy);
  
   
}

.topic__index .topic__index__number.topic__index__number--active span {
    border-color: var(--slideShowThemeColor);
    color: var(--genericBlack);
}

.topic__index--slides .topic__index__number:focus,
.topic__index--slides .topic__index__number:hover {
    color: var(--slideShowThemeColor);
}

.topic__index--slides .topic__index__number:focus span,
.topic__index--slides .topic__index__number:hover span {
    border-color: var(--slideShowThemeColor);
}

/* End of Slide Show Styles  */

/* Resource Library / Media Styles  */
.menu-bar.resources__container {
    padding: 0;
    background-color: var(--fullWhite);
}

.icon-navigatedown .right .menu-bar__icon {
    padding-left: 0.5em;
}

.resource__title {
    background-color: var(--fullWhite);
    color: var(--genericBlack);
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.resources__list {
    padding: 5px 40px 0 10px;
}

.resources__list>li>div.ember-view {
    border-radius: 8px;
    border: none;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.resources__list>li>div.ember-view>a>img {
    border-radius: 8px;
    -o-object-fit: contain;
    object-fit: contain;
}

/* End of Resource Library / Media Styles  */

/* Meeting Section styles  */
.event-sidebar__meeting {
    color: var(--genericBlack);
}

.event-sidebar__meeting__title {
    border-bottom: 2px solid var(--meetingSectionNavy);
    font-size: 18px;
}

.event-sidebar__meeting__date {
    font-size: 14px;
}

.event-sidebar__meeting__date span {
    line-height: 1.45;
}

.btn .event-sidebar__meeting {
    color: var(--genericBlack);
}

.event-sidebar__meeting__title {
    font-weight: 600;
}

.event-sidebar__meeting:hover {
    background-color: var(--fullWhite);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border: 2px solid var(--navy);
    color: var(--genericBlack);
}

.event-sidebar__meeting--active,
.event-sidebar__meeting--active:hover {
    background-color: var(--navy);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border: 2px solid var(--navy);
    color: var(--fullWhite);
    transition: var(--buttonTransition);
}



a .btn .btn--link .btn--primary>span {
    text-decoration: underline;
}

.event-content>.ember-view>h2 {
    font-weight: 600;
}

.event-content>.ember-view>p>a {
    text-decoration: underline;
}

.event-sidebar--tabs .event-sidebar__content__container {
    border-color: var(--navy);
}

.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.sessionrec_snippet_primaryBTN {
    background-color: var(--aColor) !important;
    color: var(--fullWhite) !important;
    border-radius: 100px;
    font-weight: 600;
    border: 1px solid var(--aColor);
    margin-bottom: 0rem;
    transition: var(--buttonTransition);
}

.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.sessionrec_snippet_primaryBTN:hover {
    background-color: var(--navy) !important;
    color: var(--fullWhite) !important;
    border-radius: 100px;
    font-weight: 600;
    border: 1px solid var(--navy);
    margin-bottom: 0rem;
}

.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.sessionrec_snippet_secondaryBTN {
   background-color: var(--fullWhite) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
     border-radius: 100px;
    transition: var(--buttonTransition);
     margin-bottom: 0rem;
}

.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.sessionrec_snippet_secondaryBTN:hover {
      background-color: var(--secondaryBtnHover) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
}

/* End of Meeting Section styles  */

.w-bottom-bar-lower.w-css-reset>div>div {
    background-color: var(--meetingSectionNavy);
}

.video__caption {
    margin-top: 10px;
    height: 50vh;
    overflow: scroll;
}

/* Download template  */

.downloadT_heading {
    font-weight: 600;
    font-size: 28px;
    color: var(--genericBlack);
}

.downloadT_itext {
    color: var(--genericBlack);
}

.downloadT_documentContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    width: 25vw;
    height: auto;
}

.downloadT_documentContainer>p {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;

    width: 100%;
}

.downloadT_previewContainer {
    background-color: var(--genericGrey);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.downloadT_previewContainer>div>div>a>div>img {
    width: 50% !important;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.downloadT_previewContainer[data-media-id="CDC8C91C-48E4-4835-9F52CD50E8259B72"]>div>div>a>div>img {
    width: 80% !important;
}

.downloadT_previewContainer>div>div>a>div {
    background-color: transparent !important;
}

.downloadT_previewContainer>div>div>a {
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
}

.downloadT_documentTitle {
    display: block;
}

.downloadT_downloadBTN {
    display: inline-block;
    border-radius: inherit;
    margin-right: 15px;
    background-color: transparent !important;
    color: #005b8e !important;
    text-decoration: none;
    padding: 0px !important;
    padding-bottom: 5px !important;
    position: relative;
    border: none !important;
    border-bottom: 1px solid !important;
}

.downloadT_downloadBTN:hover {
    background-color: transparent !important;
    color: #005b8e;
}

.downloadT_documentTitle {
    color: #1d2433;
    font-weight: 600;
    padding-left: 15px;
    font-size: 20px;
    margin-top: 10px;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.downloadT_downloadIcon {
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 5px;
    position: relative;
}

/* End of styles for Download Template  */

/* Horizontal Card Component Styles  */

.generic_horizontal_Card_Container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 32% 2% 65%;
    grid-template-columns: 32% 65%;
    -ms-grid-rows: 100%;
    grid-template-rows: 100%;
    grid-column-gap: 2%;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    margin-bottom: 10px;
}

.generic_horizontal_Card_Container>*:nth-child(1) {

    -ms-grid-row: 1;

    -ms-grid-column: 1;
}

.generic_horizontal_Card_Container>*:nth-child(2) {

    -ms-grid-row: 1;

    -ms-grid-column: 3;
}

@media only screen and (max-width: 48.063em) {
    .generic_horizontal_Card_Container {
        -ms-grid-rows: 45% 45%;
        grid-template-rows: 45% 45%;
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
        margin-bottom: 10rem;
        height: 60vh !important;
    }

    .generic_horizontal_Card_Container>*:nth-child(1) {

        -ms-grid-row: 1;

        -ms-grid-column: 1;
    }

    .generic_horizontal_Card_Container>*:nth-child(2) {

        -ms-grid-row: 2;

        -ms-grid-column: 1;
    }
}

.ghCard_imageContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.ghCard_imageContainer>p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ghCard_image {
    margin-right: 15px;
    height: -webkit-fill-available;
}

.ghCard_linkBTN {
    display: inline-block;
    border-radius: initial;

    background-color: transparent !important;
    color: #005b8e !important;
    text-decoration: none;
    padding: 0px !important;
    padding-bottom: 5px !important;
    position: relative;
    border: none !important;
    border-bottom: 1px solid !important;
    margin-bottom: 0px;
}

.ghCard_linkBTN:hover {
    background-color: transparent !important;
    color: #005b8e;
}

.ghCard_right_chevron {
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: 5px;
    position: relative;
}

.ghCard_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.ghCard_link>p {
    margin-bottom: 0;
    line-height: unset;
}

.ghCard_content {
    padding: 16px;

    padding-left: 2px;
}

.ghCard_content>ul {
    margin-left: 1rem;
}

@media only screen and (max-width: 48.063em) {
    .ghCard_content {
        margin-top: 25px;
        padding: 5px;
    }
}

/* end of Horizontal card compoent styles  */


/* Other pages  */
.topic__sidebar.topic__sidebar--text>.topic__text__caption>.ember-view .editor-content .indent-list>ul,
ol {
    font-size: 16px;
    margin-left: 0px;
}

.topic__text__caption>.ember-view.editor-content.indent-list>h4 {
    font-size: 16px;
    color: #005b8e;
    margin-top: -20px;
}

.thread__options__container.comment__attachments__container.right>.btn {
    background-color: var(--fullWhite);
    border: none;
    color: var(--genericBlack);
}

.topic__text__caption {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0.75em;
}

.topic__sidebar.topic__sidebar--text {
    border: 2px solid rgba(0, 91, 142, 1);
    border-radius: 8px;
    padding-left: 2rem;
    padding-right: 2rem;

    word-break: break-word;
}

.topic__list__item--expanded .topic__list__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.topic__list__item--expanded .topic__list__thumb img {
    width: 80%;
}

.generic_topicHeader {
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 1.25rem;
}

.generic_gradientBorder {
    border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--aColor), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--aColor)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--aColor), transparent) 1;
}

.comment__options__container>.row>.columns>.btn {
    background-color: #f5f5f5;
}

.comment__options__container>.row>.columns>.btn:first-child {
    background-color: var(--aColor);
    color: var(--fullWhite);
    border-color: var(--aColor);
    transition: var(--buttonTransition);
}

.comment__options__container>.row>.columns>.btn:first-child:hover {
    background-color: var(--navy);
    color: var(--fullWhite);
    border-color: var(--navy);
}

.question-table__header>tr>th.question-table__header-cell {
    background-color: #f1f1f1;
    border: 1px solid #b7b7b8;
}

table.zebra thead th:nth-of-type(odd) {
    background-color: #f1f1f1;
    border: 1px solid #b7b7b8;
}

table.zebra tr:nth-of-type(2n) {
    background-color: #f1f1f1;
    border: 1px solid #b7b7b8;
}

table.zebra tr {
    border: 1px solid #b7b7b8;
}

table.zebra td,
table.zebra tbody th,
table:not(.tw-override) td:not(.tw-override) {
    border: 1px solid #b7b7b8;
}

table.zebra td:nth-of-type(2n) {
    background: none;
}

table.zebra td:empty:first-child {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid #b7b7b8;
    border-bottom: 1px solid #b7b7b8;
    background: transparent;
}

.topic__list__description>.ember-view.editor-content.indent-list>p>a.btn {
    color: #005b8e !important;

    background-color: var(--fullWhite) !important;
    border: none !important;
    border-bottom: 1px solid !important;
    padding-left: 0px;
}

.topic__list__description>.ember-view.editor-content.indent-list>p>a.btn::after {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 4px;
    top: 12px;
    font-weight: 100;
}

.topic__list__description>.ember-view.editor-content.indent-list>p>a>strong,
.topic__list__description>.ember-view.editor-content.indent-list>p>strong>a,
.editor-content a:not(.btn),
.editor-content a:not(.btn)>strong {
    color: #005b8e !important;
    font-weight: 400;
    text-decoration: underline;
}

.modal-title {
    color: var(--genericBlack);
}

.resources__category__label,
.resources__category__label:hover {
    color: var(--genericBlack);
}

.editor-content>div>div>div>div>div>p>a {
    border-radius: 100px;
    color: var(--navButtonColor) !important;
    font-weight: 600;
    background-color: rgba(245, 245, 245, 0.9176) !important;
    border-color: var(--navButtonColor) !important;
}

.question__container.no-outline>.ember-view>button,
.quiz__container--survey>button,
.retake-survey {
    border-radius: 100px;
    color: var(--fullWhite) !important;
    font-weight: 600;
    background-color: var(--aColor) !important;
    border-color: var(--acolor) !important;
    transition: var(--buttonTransition);
}

.question__container.no-outline>.ember-view>button:hover,
.quiz__container--survey>button:hover,
.retake-survey:hover {
    color: var(--fullWhite);
    background-color: var(--navy) !important;
    border-color: var(--navy) !important;
}

.choice__index,
.leading-loose,
.choice {
    color: var(--genericBlack);
}

.contentLine1 {
    font-size: 50px;
    line-height: initial;
    margin-left: 30px;
    padding-top: 30px;
    color: var(--fullWhite);
    font-weight: 700;
    padding-bottom: 20px;
   
    display: inline-block;
    position: relative;

/* changing border to gradient version  */
    border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--aColor), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--aColor)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--aColor), transparent) 1;
}

.contentLine2 {
    font-size: 20px;
    line-height: initial;
    margin-left: 30px;
    padding-top: 25px;
    color: white;
    font-weight: 500;
    padding-bottom: 20px;
    display: block;
    position: relative;
}

.resoucescard_image {
    height: auto;
    width: 90%;
}

.topic__content.topic__content--text.topic__content--full-width.topic__content--pre-text-block {
    padding-left: 0;
}

.topic__container__slideshow>.ember-view>.topic__content.topic__content--text.topic__content--full-width.topic__content--pre-text-block {
    padding-left: 1rem;
}

.topic__container__embed>.topic__container {
    padding: 0px;
}


.w-big-play-button.w-css-reset-button-important.w-vulcan-v2-button>svg {
    background-color: var(--meetingSectionNavy);
}

.topic__sidebar.topic__sidebar--text {
    position: relative;
    top: 50px;
}

.topic__sidebar>.topic__text__caption>.editor-content ul li:last-child {
    margin-bottom: 0;
}

.generic_verticalContainer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
}

.gvc_imageContainer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gvc_imageContainer>p {
    -ms-grid-column-align: center;
    justify-self: center;
}

.gvc_image {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.generic_horizontal_Card_Container {
    height: 270px;
}

@media only screen and (min-width: 1400px) {
    .generic_horizontal_Card_Container {
        height: 230px;
    }
}

@media only screen and (max-width: 1200px) {
    .generic_horizontal_Card_Container {
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 1000px) {
    .generic_horizontal_Card_Container {
        height: 280px;
        overflow-y: scroll;
    }
}


.video__container {
    padding: 0;
}

.customSidebar_container {
    border: 2px solid #005b8e;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    -ms-flex-item-align: stretch;

    -ms-grid-row-align: stretch;

    align-self: stretch;
}

.customSidebar_container>h4 {
    font-size: 16px;
    color: #005b8e;
}

.customSidebar_container>ul,
.customSidebar_container>ul li:last-child {
    margin-bottom: 0;
    margin-left: 0px;
}

#ghCard_6 {
    height: 284px;
    grid-column-gap: 0%;
}

#ghCard_5,
#ghCard_ref {
    height: auto;
}

/* 
#ghCard_ref {
    height: 230px;
}

#ghCard_ref>.ghCard_content {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-rows: 20% 30% 50%;
    grid-template-rows: 20% 30% 50%;
}

#ghCard_ref>.ghCard_content>.ghCard_link {
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
} */

#ghCard_1>.ghCard_content>.ghCard_link {
    position: relative;
    top: 45px;
}

.ghtc_cardContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.genericHorizontal_textContainer {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 2%;
    margin-right: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 35% 40% 20%;
    grid-template-rows: 35% 40% 20%;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;
}

.ghtc_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


.ghtc_title{
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--genericBlack);
}

.video__caption>.video__caption__copy>.editor-content>p {
    font-size: 16px;
}

.copyright_styles {
    font-size: 14px;
}

.objectivesContainer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 24% 5% 24% 5% 24%;
    grid-template-columns: 24% 5% 24% 5% 24%;
    text-align: left;
    margin-left: 30px;
}

.introPage_objectiveCommon {
    background-color: var(--fullWhite);
    color: var(--genericBlack);
    padding: 14px;
    font-size: 16px;
    border-radius: 8px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#obj1 {
    margin-left: 0px;
    padding-top: 14px;
    display: block;
}

#obj1>span {
    font-weight: 600;
    font-style: italic;
    display: contents;
}

#obj3 {
    margin-right: 5px;
}

#obj3::after {
    content: none;
}

.icon-bookmark-plus:before {
    color: var(--genericBlack);
}

.arrow {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border: none;
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -10%;
    top: 27px;
    opacity: 1;
    color: var(--fullWhite);
}

.customIntroRightArrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 20px;
}

.quiz__start>p {
    color: #ffffff;
    background-color: var(--navy);
    padding: 16px;
    border-radius: 8px;
    font-weight: 600;
}

.bookmark-dropdown__button:hover {
    background-color: unset;
    border-color: transparent;
    color: var(--genericBlack);
}

.editor-content>ol {
    margin-left: 1rem;
}

.resources__container img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.objectives_listContainer {
    color: #ffffff;

    position: relative;
    top: 210px;
    left: -20px;
}

.obj_line1,
.obj_listItem {
    color: #ffffff !important;
}

.obj_list {
    margin-left: 1rem;
    font-size: 20px;
}

.obj_line1 {
    font-size: 26px;
    margin-bottom: 0.75rem;
}

.obj_iText {
    font-size: 20px;
}

.contentLine1 {
    font-size: 54px;
}


@media only screen and (max-width: 700px) {
    .contentLine1 {
    font-size: 2.2rem
}

.landingPg_V1{
    height: 100% !important;
}

.downloadT_documentTitle{
    font-size: 2.3vw;
    margin-bottom: 5px;
}

}

.obj_list>li {
    margin-bottom: 0.75rem !important;
}


/*hide Add to Calendar from Meet page */
.event-content>.ember-view>p>a {
    display: none;
}

.oneColumn_ghtc {
    margin-right: 0px;
    margin-bottom: 16px;
}

.earnBadgeContainer_custom1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.earnBadgeContainer_custom2 {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-grid-columns: 70% 25%;
    grid-template-columns: 70% 25%;
}

.earnBadge_content {
    padding-right: 50px;
}

.getBadgePage_img {
    position: absolute;
    top: -210px;
    width: 70%;
}

.getBadge_customSidebar2 {
    padding: 16px !important;
    word-wrap: break-word;
}

.getBadge_customSidebar2>p {
    margin-bottom: 0px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.earnBadgeContainer_custom2>div>.img_containerP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.earnBadgeContainer_custom2>div>.img_containerP>img {
    width: 75%;
}
/* Layout panel's margin and padding are reset */
.layout-panel {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/*align learner content body left */

.heading.heading--primary {
    color: var(--genericBlack);
}


/* end of page styles  */


/* global element styles  */

.topic__text__caption ol,
.topic__text__caption p,
.topic__text__caption ul {
    font-size: 16px !important;
    margin-left: 5px;
}

.topic__text__caption>.ember-view .editor-content .indent-list>p,
.topic__text__caption>.ember-view .editor-content .indent-list>ol,
.topic__text__caption>.ember-view .editor-content .indent-list>ul {
    font-size: 16px !important;
}


.editor-content>ol,
.editor-content>ul {
    padding-left: 0px;
    font-size: 16px;
    font-weight: 400;
}

.earnBadge_content>ul {
    margin-left: 1rem;
    padding-left: 1rem;
}


/* Generic button  */
.comment__options__container>.row>.columns>.btn,
.ask__form>button,
.ask__form>button:hover,
.modal-footer>button {
    border-radius: 100px;
    color: var(--aColor);
    font-weight: 600;
    background-color: var(--fullWhite);
    border-color: var(--secondaryBtnBorder);
    transition: var(--buttonTransition);
}
.comment__options__container>.row>.columns>.btn:hover,
.ask__form>button:hover,
.modal-footer>button:hover {
   
    color: var(--aColor);
    font-weight: 600;
    background-color: var(--secondaryBtnHover);
    border-color: var(--secondaryBtnBorder);
}

.topic__text__caption ol,
.topic__text__caption p,
.topic__text__caption ul {
    font-size: 16px;
    margin-left: 0px;
}

/* .w-big-play-button .w-css-reset-button-important .w-vulcan-v2-button~div~div~svg  {
     background-color: #E13000;
 } */



h2 {
    font-size: 1.25rem;
}

.editor-content ol {
    padding-left: 1rem;
}

.btn--link.btn--primary:hover {
    color: var(--accent-color);
}


/* end of global element styles */



/* progress section  */
.icon-inbox.expandable-sidebar__icon--left::before {
    content: "";
    background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/55nofjime2i9-foldericon.png");
    display: inline-block;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    background-size: contain;
    position: relative;
    top: 2px;
}

.course-progress__overall>.table-row.collapse {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 40%;
    grid-template-columns: 25% 25% 40%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.avatar.avatar--completion-criteria {
    width: 40px;
    height: 40px;
}

.course-progress__overall>.table-row collapse>small-4 {
    display: contents;
}

.course-progress__overall .highlight {
    color: var(--navButtonColor);
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;
}

.course-progress .stat sup {
    top: 0px;
    left: 0px;
}

.course-progress .highlight {
    color: var(--genericBlack);
}

.course-progress .description {
    font-size: 16px;
}

.course-progress .stat {
    color: var(--genericBlack);
    font-weight: 600;
    min-width: 40px;
}

.course-progress>.clearfix>button,
.course-progress>.clearfix>button:hover {
    color: var(--genericBlack);
}

.course-progress__section__expander .expander-triangle__closed-right {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border: none;
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 0px;
    top: -7px;
    opacity: 1;
}

.course-progress__section__expander .expander-triangle__closed-down {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 6px;
    height: 6px;
    border: none;
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0px;
    top: -7px;
    opacity: 1;
}

.course-progress>.clearfix {
    padding-right: 12px;
}

.course-progress__overall__bar {
    padding-right: 12px;
}

.progress.colorized .meter {
    background: var(--aColor);
}

.course-progress__circle.filled {
    background-color: var(--sectionCompleteColor);
    border-color: var(--sectionCompleteColor);
}

.course-progress__topics-list li.completed .link a {
    color: var(--genericBlack);
    font-size: 16px;
}

.course-progress__topics-list li .link,
.course-progress__topics-list li .link a {
    color: var(--genericBlack);
    font-size: 16px;
}

.course-progress__topics-list li .link,
.course-progress__topics-list li .status {
    vertical-align: middle;
}

.course-progress__circle.filled {
    background: var(--sectionCompleteColor);
}

.course-progress hr {
    border: none;
}

/* end of progress section   */

.learner__container__toggle {
    display: none;
}
/* Start of responsive code for main containers and side bars */
@media (hover: none) {
    body {
        background: var(--bgColor) !important;
    }



    .learner__container {
        display: block;
    }

    .learner__container--toggled .learner__sidebar {
        position: absolute;
        z-index: 2;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        width: 100%;
        background-color: var(--bgColor);
        padding: 1rem;
        top: 0px;
        opacity: 0.9;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }


    .learner__container--toggled .learner__content {
        position: initial;
        display: none;
    }

    .learner__container__toggle {
        display: block;
    }

    .learner__sidebar__search {
        display: block;
        background-color: var(--bgColor);
        margin-bottom: 2px;
    }




    .learner__container__toggle.learner__container__toggle--small.text-right.learner__container__toggle {
        height: auto;
        pointer-events: all;
        z-index: 2;
        position: relative;
    }

    .learner__container__toggle>.btn,
    .learner__container__toggle.learner__container__toggle--small.text-right.learner__container__toggle>.btn {
        color: var(--genericBlack);
        background-color: var(--fullWhite);
        border-radius: 100px;
        border: 1.5px solid var(--navButtonColor);
    }

    .learner__container__toggle {
        background-color: var(--noColor);
    }

    .learner__container__toggle--small .btn {
        height: 7vw;
        z-index: 99999;
        width: 15vw;
        font-size: 2.5vw;

    }

    .directional__nav~.directional__nav {
        /* position: relative; */
        bottom: 0px !important;
        left: 0px;
        background-color: var(--bgColor);
        width: 100%;
    }

    @media only screen and (min-width: 768px) {
        .learner__container__toggle--small .btn {

            font-size: 1.5vw;
            height: 3vw;
            width: 9vw;

        }
    }

}

@media only screen and (max-width: 1024px) {


    body {
        background-image: none !important;
        background: var(--bgColor);
    }

}

@media only screen and (min-width: 1920px) {
    .header--student {
        height: 5vh;
    }

    .header--student {
    /* max-width: 1320px; */
    /* left: 31vw;
    width: 66vw; */
    left: 8vw;
    width: 89vw;
    }
.directional__nav~.directional__nav {
    width: 66vw;
    max-width: 1320px;
    left: 31vw;
}




}


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

    .learner__container {
        margin-right: auto;
    }

    .header--student {
        max-width: 1320px;
        left: 33vw;
        width: 66vw;
    }

    .directional__nav~.directional__nav {
        width: 66vw;
        max-width: 1320px;
        left: 33vw;
    }
}

/* end of responsive code for containers and sidebar  */

/* Learning Path Styling  */
.row.widget.widget--back-to-dashboard.widget--back-to-dashboard_standard{
    display: none;
}

.learning-path-timeline-milestone__header{
    background-color: var(--lightGrey);
    padding-left: 8.5%;
}

.learning-path-timeline-milestone__title{
    text-transform: capitalize;
}

.learning-path-timeline-milestone-items{
    background-color: var(--fullWhite);
}

.learning-path-milestone__badge--elective{
    display: none;
}
.learning-path-timeline-milestone-item__vertical-line{
    background-color: var(--lightGrey);
}

.learning-path-timeline-milestone-item-circle--current{
    background-color: var(--lightGrey);
   -webkit-box-shadow: 0 0 0 11px #fff, 0 0 0 12px var(--lightGrey), 0 0 0 17px #fff, 0 0 0 18px var(--lightGrey);
    box-shadow: 0 0 0 11px #fff, 0 0 0 12px var(--lightGrey), 0 0 0 17px #fff, 0 0 0 18px var(--lightGrey);
}

.learning-path-timeline-milestone-item-circle {
    background-color: var(--lightGrey);
}

.learning-path-timeline-milestone-item__horizontal-line{
     background-color: var(--lightGrey);
     border-top: 2px solid var(--lightGrey);
}

.learning-path-timeline-milestone-item__content>.catalog-item , .learning-path-timeline-milestone-item__content>.btn--primary{
    background-color: var(--aColor);
    border-radius: 100px;
    border: 1px solid var(--aColor);
    padding-right: 24px;
    padding-left: 24px;
    font-size: 1rem;
    font-weight: 600;
}

.learning-path-timeline-milestone-item__content>.catalog-item:hover ,.learning-path-timeline-milestone-item__content>.btn--primary:hover{
     background-color: var(--navy);
 border: 1px solid var(--navy);
}

.learning-path-milestone-item__alt-description p{
    font-size: 1rem;
}

.learning-path-milestone-item__alt-description ul{
    font-size: 16px;
    margin-left: 1rem;
}
.learning-path-milestone-item__alt-description ul li{
   margin-bottom: 0.5rem;
}

.learning-path-timeline-milestone-item__content .learning-path-milestone-item__title {
    border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--aColor), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--aColor)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--aColor), transparent) 1;
    padding-bottom: 15px;
    font-weight: 700;
}

.learning-path-milestone-item__title{
    /*padding-bottom: 15px;*/
    font-weight: 700;
}

.generic_badge_LP{
    border-radius: 100px;
    color: var(--learningPathBlue);
    background-color: var(--fullWhite);
    
    display: inline-block;
    /* font-size: .875rem; */
    font-size: .75rem;
    line-height: normal;
    margin: 0 0 1rem;
    padding: 0.5em 1.25em;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-family: Roboto;
    font-weight: 600;
    letter-spacing: 0px;
    padding-left: 0px;
}



.learning-path-milestone-item__info{
    display: none;
}

.learning-path-timeline-milestone-item__asset>img{
    border-radius: 8px;
      -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.company-logo__container{
      width: 5vw;
    
}

.header--article{
    padding-right: 5rem;
}

.header--article> .header__inner{
    position: relative;
    display: inline-block;
  
    left: 97%;
}

.learning-path-timeline-milestone__release{
color: var(--genericBlack);
font-size: 16px;
}

.learning-path-milestone__circle--online{
    background: var(--sectionCompleteColor);
}

.learning-path-milestone__circle--offline{
background: #959497;
}

.learning-path-criterion {
    display: none;
}

.learning-path-milestone__badge {
    display: none;
}

.learning-path-certificate-circle {
    border-color: var(--lightGrey);
}

.learning-path-certificate-status__circle {
    background: #959497;
}

.learning-path-certificate-status {
    color: #959497;
}

 /* Quiz Page Type Styles */

.quiz-start__content{
    border-radius: 16px;
}

.quiz-start__text p{
    color: var(--genericBlack);
}

.quiz-start__sub-text~.btn--primary{
    background-color: var(--aColor);
    color: var(--fullWhite);
    font-weight: 600;
    border-radius: 100px;
    border: 1px solid var(--aColor);
    transition: var(--buttonTransition);
}

.quiz-start__sub-text~.btn--primary:hover{
     background-color: var(--navy);
      border: 1px solid var(--navy);
}


.question__container>.btn{
    border-radius: 100px;
    font-weight: 600;
    background-color: var(--aColor);
    color: var(--fullWhite);
    transition: var(--buttonTransition);
}
.question__container>.btn:hover{
    border-radius: 100px;
    font-weight: 600;
    background-color: var(--navy);
    color: var(--fullWhite);
    transition: var(--buttonTransition);
}

.results__controls>.ember-view>.btn--success , .results__question-chart__container{
    display: none;
}

.results__question-chart-timer, .results__question-pool{
    height: auto;
}
.question-results__grade>.text-center>.panel {
    background: var(--navy);
    border-radius: 8px;
    color: var(--fullWhite);
}

.question-results__grade{
    text-transform: none;
}

.results__title {
    font-weight: 600;
    color: var(--genericBlack);
}



.results__controls>button{
    border-radius: 100px;
    color: var(--aColor);
    font-weight: 600;
    background-color: var(--fullWhite);
    border-color: var(--secondaryBtnBorder);
    transition: var(--buttonTransition);
}

.results__controls>.btn:hover{
    color: var(--aColor);
    background-color: var(--secondaryBtnHover);
    border-color: var(--secondaryBtnBorder);
}

.results__controls>.btn--primary{
    color: var(--fullWhite);
    background: var(--aColor);
    border: 1px solid var(--aColor);
    font-weight: 600;
    transition: var(--buttonTransition);
}

.results__controls>.btn--primary:hover {
    background-color: var(--navy);
    color: var(--fullWhite);
    border-color: var(--navy);
}

/* sets incorrect selection color  */
.quiz__container--assessment .choices__list li.choice--selected, .quiz__container--learner .choices__list li.choice--selected{
      border: 2px solid #E13000 ;
        border-radius: 8px;
       box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);

}

.quiz__container--assessment .choices__list li .choice__icon .icon-delete, .quiz__container--learner .choices__list li .choice__icon .icon-delete{
    color:#E13000 ;
}



.quiz__container--survey .choices__list li.choice--selected{
     border: 2px solid var(--genericBlack) !important;
}

/* sets correct selection color  */
.choice--selected--true{
        border: 2px solid #85BF42 ;
        border-radius: 8px;
       box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.quiz__container--learner .choices__list li .choice__icon .icon-check{
    color: #85BF42;
}





.quiz__container--assessment .choice__review, .quiz__container--learner .choice__review>.choice__selected-answer{
    color: var(--genericBlack);
}

.choice__selected-answer.text-red-600{
    color: var(--genericBlack) !important;
}

.choice--selected--true .choice__selected-answer{
     color: var(--genericBlack) !important;
}

.quiz__container--assessment .choices__list li .choice__response, .quiz__container--learner .choices__list li .choice__response{
    font-size: 1rem;
}

.quiz__container--learner .choices__list li.choice--multiple {
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 15px;
}
.quiz__container--learner .choices__list li.choice--multiple:hover {
/* font-weight: 600; */
border-color: var(--genericBlack);
}
.quiz__container--learner .choices__list li .choice{
    font-size: 1rem;
}

.quiz__container--learner .choices__list li .choice>div{
padding-left: 10px;
}

/* Exit popup/next section popup styling  */

#lessonRightSidebar{
        /* width: 40% !important; */
        width: 450px;
       
    /* left: 32vw;
    top: 13vw; */
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
        text-align: center;
        background-color: var(--fullWhite);
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#lessonRightSidebar > p.h4:first-of-type {
        font-size: 1.62rem;
    font-weight: 600;
}
#lessonRightSidebar>p.h2{
        font-size: 1.12rem;
    font-weight: 600;
}
#lessonRightSidebar > p.h4:nth-of-type(2) {
       border-bottom: 1px solid black;
    padding-bottom: 15px;
}

#lessonRightSidebar>span.h5 , #lessonRightSidebar>p {
        font-size: 1.12rem;
   
}

#lessonRightSidebar>.ember-view>p.h3:first-of-type{
        font-size: 1.32rem;
    font-weight: 600;
    border-bottom: none;
}

.course__container>.sidebar__container{
    height: max-content;
    
}
.sidebar--open--right .completed-section__overlay {
    background: rgba(0, 0, 0, 0.7);
}

.share__container{
    display: none;
}

.course__container>.sidebar__container>.ember-view{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.course__container>.sidebar__container>.ember-view>.btn--primary{
border-radius: 100px;
    width: max-content;
    background-color: var(--aColor);
    border-color: var(--aColor);
    color: var(--fullWhite);
    font-size: 1rem;
    transition: var(--buttonTransition);
     
} 

.course__container>.sidebar__container>.ember-view>.btn--primary:hover{
 background-color: var(--navy);
    border-color: var(--navy);
}


.course__container>.sidebar__container>.ember-view>p.h4>span{
    font-weight: 600;
    font-size: 1.7rem;

}
.course__container>.sidebar__container>.ember-view>p.h3{
     border-bottom: 1px solid var(--genericBlack);
    padding-bottom: 15px;

}
.course__container>.sidebar__container>.ember-view>p{
   
    font-size: 1.145rem;

}
.course__container>.sidebar__container>.ember-view>p.h5{
   
   margin-bottom: 0;

}

/* .sidebar__testimonial{
    display: none;
} */

.sidebar__testimonial__rating{
    display: none;
}


.sidebar__testimonial>.panel--secondary>.form-control{
    display: none;
}
.sidebar__testimonial>.panel--secondary{
    background-color: white;
    border: none;
    padding: 5px;
}
.sidebar__testimonial>.panel--secondary>#feedback-label{
    background-color: white;
    margin: 0;
    font-size: 1.145rem;
}




/* End of Exit popup/next section popup styling  */

/* Styles for cookie banner  */

.cookie-popover__inner{
    max-width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}


.cookie-popover__inner>span{
        
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
}
.cookie-popover__inner>.text-right>a{
       text-decoration: underline;
       background-color: var(--fullWhite);
       color: var(--aColor);
       margin-bottom: 0px;
}

.cookie-popover__inner>.text-right>a:hover{
  color: var(--aColor);
   background-color: var(--secondaryBtnHover);
  cursor: pointer;
}
.cookie-popover__inner>.text-right>button{
     
background-color: var(--fullWhite);
    color: var(--genericGrey);
    border-radius: 100px;
    border: 1px solid var(--genericGrey);
    /* font-weight: 600; */

}
.cookie-popover__inner>.text-right>button.btn--primary--manager--new{
    border-radius: 100px !important;
    background-color: var(--aColor) !important;;
    color: var(--fullWhite) !important;
    box-shadow: none !important;
    margin-bottom: 0px;
    transition: var(--buttonTransition) !important;
}
.cookie-popover__inner>.text-right>button.btn--primary--manager--new:hover{
   
    background-color: var(--navy) !important;;
    color: var(--fullWhite) !important;
  

  
}

.cookie-popover__inner>.text-right{
    text-align: center !important;
    display: inline-block;
}
/* End of Styles for cookie banner  */

/* Styling to hide unused payment related elements  */
 .learner__content>.layout-panel>.ember-view.section>.row>.ember-view>.ember-view>.columns>.panel,.learner__content>.layout-panel>.ember-view.section>.row>.ember-view>.ember-view>.columns>.purchase-paywall-submit, .learner__content>.layout-panel>.ember-view.section>.row>.ember-view>.ember-view>.columns>.purchase-paywall-submit~.btn--alt{
     display: none;

 }

 /* end of custom requirement styles  */
 
/* Styles for Dashboard view  */

.catalog-header{
    font-weight: 600;
}

.widget__title {
    color: var(--genericBlack);
}

.catalog-search__button i{
    color: var(--genericBlack);
}

.icon-bullets:before{
    font-weight: bold;
}

.catalog-aggregation{
      border-bottom: 3.5px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--accent-color), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--aColor)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--accent-color), transparent) 1;
    border-top: unset;
    padding-top: 10px;
}

.catalog-aggregation__header--label:active, .catalog-aggregation__header--label:hover , .catalog-aggregation__header--label , .btn.catalog-aggregation__value , .btn.catalog-aggregation__value:hover , .catalog-aggregation__expander i, .catalog-active-filter__remove , .catalog-grid-item__title,.catalog-grid-item__source,.catalog-grid-item__description , .catalog-active-filter__remove:hover{
    color: var(--genericBlack);
}
.catalog-aggregation--expanded{
    background-color: var(--fullWhite);
    margin-bottom: 0.3em;
}
.catalog-aggregation__header>.row {
    display: flex;
    align-items: center;
}

.catalog-aggregation--expanded>ul>li:first-of-type{
        margin-top: 10px;
}

.catalog-aggregation__expander i{
    font-size: medium;
    font-weight: 700;
}

.catalog__ribbon {
    font-weight: 600;
}

.catalog-grid-item__asset{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.catalog-grid-item{
    border-radius: 8px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);

}

.catalog-grid-item__title{
font-weight: 700;
}

.catalog-grid-item__cta-container>span{
    border-bottom: 1px solid var(--learningPathBlue);
    padding-bottom: 3px !important;
    color: var(--learningPathBlue);
}

.widget--discussion-board_standard>.ember-view>.ember-view>.row>.columns>.ember-view>.row>.columns>.btn{
    background-color: var(--genericGrey);
    border-radius: 100px;
    font-weight: 600;
    border: 1px solid var(--genericGrey);

}


.discussion-card>.bottom-panel>.bottom-panel__actions>.btn{
     background-color: var(--genericGrey);
    border-radius: 100px;
    font-weight: 600;
    border: 1px solid var(--genericGrey);
}

.discussion-card>.bottom-panel>.bottom-panel__comment-info , .discussion-card>.bottom-panel>.bottom-panel__comment-info>span , .discussion-card__title{
    color: var(--genericBlack);
}

.discussion-card__header{
    display: none;
}

.discussion-card__list .discussion-card{
    height: 200px;
}

.discussion-card .discussion-card__body{
    overflow-y: auto;
}

.dashboard-access-list-item>.grid>.text-right>a.btn{
       background-color: var(--genericGrey);
    border-radius: 100px;
    border: 1px solid var(--genericGrey);
}

.catalog-grid-item__hr{
    display: none;
}

.catalog-list-item__title{
    font-weight: 700;
    margin-top: 5px;
}

.catalog-list-item__info, .catalog-list-item__description{
    color: var(--genericBlack);
}


.catalog-grid-item__source , .catalog-list-item__info, .catalog-list-item__description , .catalog-grid-item__description{
    font-size: 0.875rem;
}

@media screen and (min-width: 768px) {
.catalog-list-item__body>.row{
    display: flex;
    align-items: center;
}
}

/* end of styles for dashboard view  */

/* Styles for On Demand Dashboard view  */

.learning-path-body--secondary {
    background: #ffffff;
}

.learning-path-milestone {
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.border-neutral-300 {
    border-color: #EFEFEF;
}

.learning-path-milestone-item {
    border-radius: 8px;
    box-shadow: 0 0 5px rbga(0, 0, 0, 0.12);
}

.learning-path-milestone-item__title .small-9 h4 {
    font-weight: 600;
    margin-bottom: 0;
}

.learning-path-milestone-item__title .small-8 h4 {
    font-weight: 600;
    margin-bottom: 0;
}

.learning-path-milestone-item--with-body .learning-path-milestone-item__title {
    border-bottom: none;
}

.learning-path-milestone-item__body .learning-path-milestone-item__alt-description p {
    margin-bottom: 0;
}

.btn.btn--primary.btn--small.btn--no-margin.catalog-item {
    border-radius: 100px;
    font-weight: 600;
}

.btn.btn--primary.btn--small.btn--no-margin.catalog-item:hover {
    background-color: var(--navy);
    border-color: var(--navy);
    border-radius: 100px;
    font-weight: 600;
    transition: var(--buttonTransition);
}

.learning-path-criterion-badge.bg-black {
    background-color: var(--navy);
}

.learning-path-milestone--completed {
    border: 3px solid #85bf42;
}

.learning-path-milestone--completed:before {
    background-color: #85bf42;
}

.learning-path-milestone-item__reschedule {
    color: var(--aColor);
}

.learning-path-milestone-item__reschedule:hover {
    color: var(--navy);
}

.learning-path-milestone__toggle .icon-navigatedown {
    font-size: 1.325rem;
}

.event-sidebar__date {
    display: none;
}

.event-sidebar__date-divider {
    display: none;
}

.event-sidebar__header hr {
    display: none;
}

.event-sidebar__container .event-sidebar {
    margin-top: -2em;
}

/* end of styles for On Demand Dashboard view */

/* Styles for Live Online event pages */

.heading--no-margin {
    margin-bottom: 15px;
}

.event-content__subtitle {
    color: var(--navy);
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 1rem;
}

/* End of styles for Live Online event pages */

/* Styles for course details page  */

.course__detail__header>.h2 , .course__detail__header p{
    color: var(--genericBlack);
}

/*.course__detail__sidebar>.layout__content--sidebar>.widget--course-purchase>.ember-view>.btn{
display: none;
}*/
.course__detail__sidebar>.layout__content--sidebar>.widget--course-purchase>.ember-view>.ember-view>.btn{
border-radius: 100px;
color: var(--fullWhite);
background-color: var(--aColor);
font-weight: 600;
border: 1px solid var(--aColor);
font-family:  Roboto;
margin-left: 15px;
transition: var(--buttonTransition);
}

.course__detail__sidebar>.layout__content--sidebar>.widget--course-purchase>.ember-view>.ember-view>.btn:hover {
    background-color: var(--navy);
    border-color: var(--navy);
}

.widget--course-purchase.widget--course-purchase_standard>.ember-view>.btn--alt.btn--secondary {
    display: none;
}

.layout__content--sidebar .widget{
    display: flex;
    justify-content: start;
}

.widget__alt-title__container~.hr__accent{
     border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--accent-color), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--aColor)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--accent-color), transparent) 1;
}

.widget__alt-title__container>h3{
    font-weight: 700;
}

.top-bar-section ul li>a , .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button), .top-bar-section .dropdown li a{
    color: var(--genericBlack);
}

.nav--top>ul>li>a.ember-view,.nav--top>ul>li>a.ember-view:hover , .nav--top>ul>li>.btn:hover{
    color: var(--genericBlack);
}

.dashboard-header__name:hover{
    color: var(--genericBlack);
}

.dashboard-header-dropdown__link>.row{
    color: var(--genericBlack);
}

.panel{
  background-color: unset;
  /* padding-top: 0; */
}

.enroll__title{
  display: none;
}
 
.panel>.btn--primary {
  border-radius: 100px;
  background-color: var(--aColor);
  border-color: var(--aColor);
  font-weight: 600;
  transition: var(--buttonTransition);
}

.panel>.btn--primary:hover {
  background-color: var(--navy);
  border-color: var(--navy);
}
 
.layout__content--sidebar .widget--one-column{
  padding-bottom: 1rem;
}

/* end of styles for course details page  */

/* to hide learning path back to dashboard button  */
.learning-content__back-button{
    display: none;
}
/* to hide learning path back to dashboard button  */

/* Snippet specific styling  */

.generic_gradientBorder_snippet{
     border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--aColor), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--aColor)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--aColor), transparent) 1;
}
  

.generic_horizontal_Card_Container_snippet{ 

    height: unset; 

        display: -ms-grid; 

    display: grid; 

    -ms-grid-columns: 32% 2% 65%; 

    grid-template-columns: 32% 65%; 

    -ms-grid-rows: 100%; 

    grid-template-rows: 100%; 

    grid-column-gap: 2%; 

    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12); 

    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12); 

    border-radius: 8px; 

    margin-bottom: 10px; 

} 

 

.ghCard_imageContainer_snippet{ 

    display: flex; 

    background-repeat: no-repeat; 

    background-size: cover; 

    background-position: right; 

    border-bottom-left-radius: 8px; 

    border-top-left-radius: 8px; 

} 

 

.ghCard_imageContainer_snippet>p{ 

    margin-bottom: 0; 

    padding-bottom: 0; 

    display: flex; 

    align-items: center; 

} 

 

.ghCard_image_snippet{ 

    margin-right: 15px; 

} 

 

/* Code to hide Manager access and cart button in course details page  */
.nav--top ul{
    opacity: 0;
    pointer-events: none;
}


/* Trainer perspective Snippet  */

.TP_snippet--contentContainer{
           margin-top: 20px;
    background-color: var(--lightGrey);
    padding: 15px;
   
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.TP_snippet--contentSubTitle{
   font-weight: bold;
    margin-bottom: 20px;
    color: #121113;
    font-size: 20px;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--learningPathBlue), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--learningPathBlue)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--learningPathBlue), transparent) 1;
}

.TP_snippet--contentTrainerName{
    font-weight: bold;
    margin-top: 10px;
    color: var(--genericBlack);
    text-align: right;
}

.TP_snippet--subContainer{
         display: grid;
    grid-template-columns: 30% 70%;
    gap: 0%;
    justify-content: center;
}

.TP_snippet--tImageContainer{
        width: 90%;
display: flex;
    justify-content: center;
}

.TP_snippet--tImage{
    width: 170px;
    height: 170px;
    display: inline-block;
    border-radius: 50%;
}

.TP_snippet--Content{
    color: var(--genericBlack);
}

@media screen and (max-width: 1000px) {
.TP_snippet--subContainer{
   grid-template-columns: unset;
}
}
@media screen and (min-width: 1400px) {
.TP_snippet--subContainer{
      grid-template-columns: 22% 78%;
}
}

/*  End of Trainer perspective Snippet  */

/* Learning Path Date Snippet  */
.LPM_dateSnippet{
    font-size: 1rem;
    color: var(--genericBlack);
    font-weight: 600;
    background-color: var(--lightGrey);
   display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; 
    padding: 5px 10px;
    margin: 5px 0px 10px 0px;
}

/* End of Learning Path Date Snippet  */

/* .header--dashboard>.header__inner>.row>.column.small-6>.company__beta-logo>.company-logo__container>.ember-view{
    background-color: lightcyan;
    background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/433fc515-1b0c-4638-b322-6e44e8269867/ykg80m3mw36x-Rectangle4.jpg");
} */
/*  Add warning to submit attendance button for facilitators on roster page */
.course__roster .btn--alt::after {content: " - do not click this!"; font-size: 24px; color: red;}
/*  End warning to submit attendance button for facilitators on roster page */

/* platform css fixes where course css is being applied globally  */
.tag-list.unlist>li{
color: var(--fullWhite);
}

/* end of platform fixes  */

/* Assigment submission styles  */
.assignment__submission>.panel>.panel>.form>.assignment__submission__options>.columns>.btn--primary:hover{
    background-color: var(--navy);
    border-color: var(--navy);
}
.assignment__submission>.panel>.panel>.form>.btn--primary:hover{
    background-color: var(--navy);
    border-color: var(--navy);
}

/* end of Assigment submission styles  */

/* seession recording snippet button styles  */
.sessionrec_snippet_primaryBTN{
    background-color: var(--aColor);
    color: var(--fullWhite) !important;
    font-weight: 600;
    border: 1px solid var(--aColor);
    transition: var(--buttonTransition);
    border-radius: 100px;
}
.sessionrec_snippet_primaryBTN:hover{
    background-color: var(--navy);
    color: var(--fullWhite);
    font-weight: 600;
    border: 1px solid var(--navy);
}



.sessionrec_snippet_secondaryBTN{
    background-color: var(--fullWhite) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
     border-radius: 100px;
    transition: var(--buttonTransition);
}
.sessionrec_snippet_secondaryBTN:hover{
    background-color: var(--secondaryBtnHover) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
}

/* end of session recording button styles  */

.button_common#report_completion{
    background-color: var(--fullWhite);
    color: var(--aColor);
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder);
     border-radius: 100px;
    transition: var(--buttonTransition);
}

.button_common#report_completion:hover{
 background-color: var(--secondaryBtnHover);
    color: var(--aColor);
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder);
}

 /* Button Style fixes for older session record snippets */

 .event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn{
    background-color: var(--aColor) !important;
    color: var(--fullWhite) !important;
    font-weight: 600;
    border: 1px solid var(--aColor);
    transition: var(--buttonTransition);
    border-radius: 100px;
}
.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn:hover{
       background-color: var(--navy) !important;
    color: var(--fullWhite);
    font-weight: 600;
    border: 1px solid var(--navy);
}


.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.button_common{
    background-color: var(--aColor) !important;
    color: var(--fullWhite) !important;
    font-weight: 600;
    border: 1px solid var(--aColor);
    transition: var(--buttonTransition);
    border-radius: 100px;
}
.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.button_common:hover{
       background-color: var(--navy) !important;
    color: var(--fullWhite);
    font-weight: 600;
    border: 1px solid var(--navy);
}
.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.button_common[id^="complete_"] {
  background-color: var(--fullWhite) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
     border-radius: 100px;
    transition: var(--buttonTransition);
}
.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>a.btn.button_common[id^="complete_"]:hover{
    background-color: var(--secondaryBtnHover) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
}

.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>button {
  background-color: var(--fullWhite) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
     border-radius: 100px;
    transition: var(--buttonTransition);
}
.event-sidebar--tabs.row>.event-content>.ember-view>.ember-view.editor-content.indent-list>p>button:hover{
    background-color: var(--secondaryBtnHover) !important;
    color: var(--aColor) !important;
    font-weight: 600;
    border: 1px solid var(--secondaryBtnBorder) !important;
}

 /* Button Style fixes for older session record snippets */

/* Styles for a generic link   */
 .generic_link{
     background-color: transparent !important;
    color: #005b8e !important;
   
    padding: 0px !important;
    padding-bottom: 5px !important;
    position: relative;
    border: none !important;
    text-decoration: underline;
    /* border-bottom: 1px solid !important; */
    margin-bottom: 0px;
    display: inline-block;

 }
/* Styles for a generic link   */


/* Temporary styles to hide profile menu drop down */
.dashboard-header__arrow>.icon.icon-navigatedown{
     display: none !important;
     pointer-events: none !important;
}

.dashboard-header-dropdown{
    display: none !important;
}
/* Temporary styles to hide profile menu drop down */

.generic_primaryBTN_styles{
    background-color: var(--aColor) !important;
    color: var(--fullWhite) !important;
    border-radius: 100px;
    font-weight: 600;
    border: 1px solid var(--aColor);
   
    transition: var(--buttonTransition);

}
.generic_primaryBTN_styles:hover{
   background-color: var(--navy) !important;
    color: var(--fullWhite) !important;
    border-radius: 100px;
    font-weight: 600;
    border: 1px solid var(--navy);
   

}

/* blue bar, 2-column and 3 column snippets  */
.OD_blueBar_snippet{
     background-color: var(--navy) !important;
    color: var(--fullWhite) !important;
     font-weight: 600;
     border-radius: 8px;
     padding: 1vw;
     width: 100%;
     display: block;
}

.oneC_snippet_container, .twoC_snippet_container , .threeC_snippet_container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-bottom: 18px;
    }

    .twoC_snippet_container>.column {
      flex: 1 1 300px; /* Grow, shrink, and minimum width */
      padding: 24px;
      background-color: #FFFFFF;
      border: 1px solid #EFEFEF;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
      border-radius: 8px;
      
   

    }
    .threeC_snippet_container>.column {
      flex: 1 1 200px; /* Grow, shrink, and minimum width */
      padding: 24px;
      background-color: #FFFFFF;
      border: 1px solid #EFEFEF;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
      border-radius: 8px;
   

    }
    .oneC_snippet_container>.column {
      
      padding: 24px;
      background-color: #FFFFFF;
      border: 1px solid #EFEFEF;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
      border-radius: 8px;
   

    }

     .oneC_snippet_container>.column>ul,
     .oneC_snippet_container>.column>ol,
     .twoC_snippet_container>.column>ul,
     .twoC_snippet_container>.column>ol,
     .threeC_snippet_container>.column>ul,
     .threeC_snippet_container>.column>ol
     {
         margin-left: 0px;
    }
/* end of blue bar, 2-column and 3 column snippets  */
    /* About the author Snippet  */

.ATA_snippet--contentContainer{
           margin-top: 20px;
    background-color: var(--lightGrey);
    padding: 15px;
   
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.ATA_snippet--contentSubTitle{
   font-weight: bold;
    margin-bottom: 20px;
    color: #121113;
    font-size: 20px;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid transparent;
    -o-border-image: -o-linear-gradient(left, var(--learningPathBlue), transparent) 1;
    border-image: -webkit-gradient(linear, left top, right top, from(var(--learningPathBlue)), to(transparent)) 1;
    border-image: linear-gradient(to right, var(--learningPathBlue), transparent) 1;
}

.ATA_snippet--contentTrainerName{
    font-weight: bold;
    margin-top: 10px;
    color: var(--genericBlack);
    text-align: right;
}


.ATA_snippet--Content{
    color: var(--genericBlack);
}


/*  End of About the author Snippet  */

/* Single colum layout with blue border and blue heading snippet */

.oneC_blueTheme{
      border: 2px solid var(--aColor);
      border-radius: 8px;
}

.oneC_blueTheme>.column{
     box-shadow: unset;
}

.oneC_blueTheme>.column>h4, 
.oneC_blueTheme>.column>p {
    font-size: 16px;
    font-weight: bold;
    color: var(--aColor);
}

/* Workaround to change width of drop down learning path tiles  */
@media only screen and (min-width: 1200px) {
   .learning-path-body.learning-path-body--secondary{
    padding: 2em 15em;
}
}
/* end of Workaround to change width of drop down learning path tiles  */

/* workaround to fix extra padding in table cells  */
table>tbody>tr>td>ul{
    padding-left: 0 !important;
}
/* workaround to fix extra padding in table cells  */