:root {
        --font: 'Poppins';
        --alt-font: 'Poppins';
        --accent-color: #1c1c1c;
        --secondary-color: #e1161c;
        --link-color: #0db5ff;
        --accent-highlight-color: #1c1c1c;
        --accent-highlight-background-color: #e8e8e8;
        --accent-tinted-color-70: #bbbbbb;
        --accent-tinted-color-80: #d2d2d2;
        --accent-tinted-color-90: #e8e8e8;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #363636;
        --secondary-hover-color: #ec3e43;
        --secondary-contrast-color: #fff;
        --link-hover-color: #0073a6;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/39f1d0e5-d63e-462d-8c06-00ee16ed1ffa/m24jnmxnpjdi-chaos-academy.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
:root {
    --bgr-color: #f6f6f6;
    --title-color: #1c1c1c;
}

/*DASHBOARD CSS START*/
.dashboard-access {border: #fff;}
.dashboard-access__header {background: #fff;}
.dashboard-access__header--expanded {
border-bottom: 1px solid #fff;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(255, 255, 255);
}
.dashboard-access-tabs {
background: #fff;
border-bottom: 1px solid #fff;
font-size: 0;
}
/*DASHBOARD CSS END*/

.btn, button {border-radius: 4px;}

.btn--primary, .btn-primary {background-color: #0DB5FF; border-radius: 100px; padding: 13px 40px; color: #fff; font-size: 12px; font-weight: bold; text-transform: none; border: none;}
.btn--primary:hover,
.btn-primary:hover {background-color: #17A2DF !important;}
.btn--primary:focus,
.btn-primary:focus {background-color: #1681BD !important;}

.btn--secondary, .btn-secondary {background-color: transparent; border: 2px solid var(--title-color); border-radius: 100px; padding: 13px 40px; color: var(--title-color); font-size: 12px; font-weight: bold; text-transform: none;}
.btn--secondary:hover,
.btn-secondary:hover {background-color: var(--title-color) !important; color: #fff; border-color: var(--title-color);}
.btn--secondary:focus,
.btn-secondary:focus {background-color: #525252 !important; color: #fff; border-color: #525252;}


input[type="submit"].btn {border-radius: 100px;}
select {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzUyNTI1MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);}

hr {background-color: #ededed;}

body {background: var(--bgr-color) !important; color: #525252;}
.container {background-color: inherit; box-shadow: none; max-width: none;}
#learner .application > .container {overflow-x: hidden;}

.home__content,
.header--microsite .header__inner,
.header--dashboard .header__inner,
.header--article .header__inner,
.content-wrapper,
.learner__container,
.dashboard div[role="main"],
.account div[role="main"],
.account .header--subtitle,
.widget--learning-path-content-hero > .ember-view,
.learning-path-timeline-milestone-items,
.widget--learning-path-content > .ember-view {width: 1390px; margin: 0 auto;}

.header--microsite .header__inner {padding: 0 1rem;}
.footer__inner {padding-left: 1rem; padding-right: 1rem;}

.home__content,
.dashboard div[role="main"],
.account .header--subtitle,
.widget--learning-path-content-hero > .ember-view {padding-top: 50px !important; padding-bottom: 50px !important;}
.large-block-grid-3 {grid-template-columns: 1fr 1fr 1fr;}

.header--microsite,
.header--dashboard {padding-top: 0; background-color: #fff; border: 1px solid #dbdbdb; border-left: none; border-right: none;}
.header__inner {height: 60px;}
.nav--top {height: 100%;}
.nav--top ul {height: 100%; display: flex; align-items: center;}
.nav--top #cart-button {margin-bottom: 0; display: none;}

.custom-nav {display: flex; justify-content: space-between; align-items: center; height: 100%;}
.custom-nav .logo {width: 150px; height: 60px;}
.custom-nav .logo img {width: 100%; height: 100%; object-fit: contain;}
.custom-nav .nav-links {margin: 0; display: flex;}
.custom-nav .nav-links li {list-style: none; font-size: 13px;}
.custom-nav .nav-links li a {display: flex; align-items: center; padding: 1rem;}
.custom-nav .nav-links li a i {margin-left: 5px;}

/* Section White Background */
.custom-white-background {position: relative;}
.custom-white-background:before {content: ''; position: absolute; width: 400vw; height: 100%; top: 0; left: -200%; z-index: -1; background-color: #fff;}
/* Section White Background END */

#bottom-bar {bottom: 0 !important; top: auto !important;}

/* Hero Section */
.custom-hero {position: relative;}
.custom-hero,
.custom-hero .widget--html {margin-bottom: 20px;}
.custom-hero p {border-radius: 8px; overflow: hidden; margin-bottom: 0;}
.custom-hero .widget__title {position: absolute; bottom: 110px; left: 0; padding: 0 30px; z-index: 1; color: #fff; font-weight: bold; font-size: 32px; line-height: 48px; height: 48px; overflow: hidden; margin: 0; text-align: left;}
.custom-hero .widget__subtitle {position: absolute; left: 0; padding: 0 30px; bottom: 50px; font-size: 16px; color: #fff; line-height: 24px; z-index: 1; margin: 0; height: 48px; overflow: hidden; text-align: left;}
.custom-hero .widget--html .video-container {box-shadow: none; background: none; border: none;}
.custom-hero .widget--html .video-container video {border-radius: 8px;}
/* Hero section END */

.catalog-header {font-weight: 700; font-size: 24px; color: var(--title-color);}
.catalog-search-bar {display: flex; align-items: center;}
.catalog-filters {border: none; background: none;}
.catalog-filters__search {background-color: #ededed; border-radius: 4px; float: left;}
.catalog-filters__search input {font-size: 13px; padding-left: 30px; margin: 0; border: none; box-shadow: none;}
.catalog-filters__search input,
.catalog-filters__search input:focus {background: none;}
.catalog-filters__search input::placeholder {color: #ababab; opacity: 1; font-style: normal;}
.catalog-search__button {background: none; pointer-events: none; right: auto; left: 0;}
.catalog-search__button:focus {outline: none;}
.catalog-search__button i {color: #525252; font-size: 18px;}

.catalog-filters__selections,
.catalog-filters__sort {border: none; background: none; width: auto; float: right;}
.catalog-filters__selections {margin-left: 5px; float: left;}
.catalog-filters__selections .catalog-content-type {width: auto;}
.catalog-filters__selections > .row {display: flex;}
.catalog-filters__selections select,
.catalog-filters__sort {float: right;}
.catalog-filters__sort select {width: auto;}
.catalog-filters__sort select {padding-right: 20px;}
.catalog-filters__selections #content-type-options {width: 80px;}
.catalog-active-filters {display: flex; align-items: center; flex-wrap: wrap;}
.catalog-active-filter {padding: 0; white-space: nowrap;}

.catalog-display-type {display: flex;}
.catalog-display-type button {border: none; border-radius: 4px; color: var(--title-color); width: 28px; height: 28px; margin-left: 10px; padding: 0;}
.catalog-display-type button i {font-size: 18px; padding: 0;}
.catalog-display-type button:hover {background-color: #dbdbdb; color: var(--title-color);}
.catalog-display-type button.border-black {background-color: #0DB5FF; color: #fff;}

.catalog-grid-item,
.catalog-list-item {border: none; border-radius: 8px; box-shadow: 0px 4px 40px 0 rgba(82, 82, 82, 0.12); overflow: hidden; background-color: #fff; position: relative;}
.catalog-list-item {padding: 0;}
.catalog-grid-item__body {padding: 24px;}
.catalog-grid-item__title,
.catalog-list-item__title {color: #272727; font-size: 17px; font-weight: 700; line-height: 24px; margin-bottom: 10px;}
.catalog-list-item__title {position: absolute;}
.catalog-grid-item__title {height: auto !important;}
.catalog-grid-item__description {font-size: 12px; line-height: 16px; color: #525252;}
.catalog-grid-item__hr,
.catalog-grid-item__cta-container,
.catalog-list-item__cta-container {display: none;}
.catalog-list-item__body > .row {display: flex;}
.catalog-list-item__body > .row > .columns:nth-of-type(1) {width: 30%; flex: 0 0 auto;}
.catalog-list-item__body > .row > .columns:nth-of-type(2) {width: auto; padding-top: 70px;}
.catalog-list-item__body > .row > .columns:nth-of-type(3) {display: none;}
img.catalog-list-item__asset {width: 100%; height: 100%; object-fit: cover;}
.catalog-list-item__title-container {position: absolute; top: 40px; left: 30%; width: 70%; height: 24px; overflow: hidden;}
.catalog-list-item__title-container .columns {width: 100%;}
.catalog-list-item__description {padding-bottom: 20px;}

.catalog__ribbon {background-color: #D5E7C0 !important; border-radius: 4px; padding: 10px; font-size: 13px; font-weight: 400; color: #3D7800 !important;}
.catalog__ribbon--attached {top: 10px; right: 10px;}
.catalog-list-item .catalog__ribbon--attached {top: 10px;}
.catalog__ribbon-corner {display: none;}

.catalog-aggregation:first-of-type {border-top: none;}
.catalog-aggregation__header--label {font-size: 13px; line-height: 20px; font-weight: normal;}
.catalog-aggregation__header--label,
.catalog-aggregation__header--label:hover {color: #525252;}
.catalog-aggregation--expanded {border-bottom: none; margin: 0;}
.catalog-aggregation .unlist button {font-size: 12px; color: var(--title-color);}

.widget--catalog {margin-top: 20px;}
.widget--catalog .pagination {font-size: 12px; color: #525252; margin-left: 0; margin-right: 0;}
.widget--catalog .pagination strong {font-weight: normal;}

.small-block-grid-1,
.medium-block-grid-2,
.large-block-grid-3 {display: grid;}

.small-block-grid-1:before,
.medium-block-grid-2:before,
.large-block-grid-3:before,
.small-block-grid-1:after,
.medium-block-grid-2:after,
.large-block-grid-3:after {display: none;}

.small-block-grid-1 li,
.medium-block-grid-2 li,
.large-block-grid-3 li {width: 100%;}

.catalog-item,
.catalog-grid-item {height: 100%;}

.video__container {padding: 0;}

.modal-content,
.modal-header {border: none;}

/* Cart */
.cart__buttons button {background: transparent; padding: 8px 30px;  border: 2px solid var(--title-color); border-radius: 100px; font-weight: 700; font-size: 13px; color: var(--title-color);}
/* Cart END */

/* Course Details */
.enroll__title {font-size: 16px; font-weight: bold; line-height: 25.5px; color: var(--title-color); text-transform: none;}
.widget--course-purchase button {border-radius: 100px; padding: 8px 20px; font-size: 13px; font-weight: bold; text-align: center; line-height: 20px;}
.widget--course-purchase button,
.widget--course-purchase button:hover,
.widget--course-purchase button:focus {background-color: #0DB5FF; border: none; color: #fff;}

.course__includes hr {display: none;}
.enroll--learning-path {padding: 0 1rem;}
.course__includes__title,
.course__detail__social .heading {font-weight: bold; font-size: 17px; line-height: 25.5px; color: var(--title-color); text-transform: none;}
.course__includes__list li {display: flex; align-items: center; font-size: 13px; color: var(--title-color); line-height: 20px;}
.course__includes__list i {display: flex; justify-content: center; align-items: center; padding-top: 0; margin-top: 0; flex: 0 0 auto; margin-right: 20px; background-color: #ededed; color: var(--title-color);}
.course__includes__list li > span {padding-left: 0;}

.course__detail__content h1 {font-weight: bold; font-size: 32px; line-height: 48px; color: var(--title-color); margin-bottom: 20px;}
.course__detail__header p,
.course__detail__content .course__detail__description {font-size: 16px; line-height: 24px; color: #525252;}
.course__detail__content > .row:first-of-type > .column {padding: 0;}

.course__detail__social {border: none;}
.course__detail__asset img {width: 100%;}

.course-purchase__mobile-button {display: none;}
.home.course-group .container {padding: 0;}

.center-ruled-title {margin-bottom: 20px;}
.center-ruled-title > span {background: var(--bgr-color); color: #525252; font-size: 17px; font-weight: bold; margin-left: 0; padding-left: 0; text-transform: none; margin-top: -1.7em;}

.learning-path-detail-milestone-list > li > hr {display: none;}
.learning-path-detail-milestone-list h3 {font-size: 17px; font-weight: bold; color: var(--title-color); margin-bottom: 30px;}

.learning-path-detail-milestone-item__asset {border-radius: 8px; padding: 0;}
.learning-path-detail-milestone-item > .row > .medium-8 {padding-left: .75em; padding-top: 80px;}
.learning-path-detail-milestone-item > .row:first-of-type {width: 66.6666666667%; margin-right: 0; display: flex; flex-flow: column-reverse; padding-left: .75em; margin-bottom: -80px;}
.learning-path-detail-milestone-item > .row:first-of-type .small-2,
.learning-path-detail-milestone-item > .row:first-of-type .small-10 {width: 100%;}
.learning-path-detail-milestone-item .learning-path-milestone__badge {float: left;}
.learning-path-detail-milestone-item .learning-path-detail-milestone-item__title {font-size: 17px; font-weight: bold; color: var(--title-color); height: 42.5px; overflow: hidden; margin-top: 5px; padding: 0;}
.learning-path-detail-milestone-item__content-type {display: flex; color: var(--title-color); font-size: 13px; padding: 0;}
.learning-path-detail-milestone-item__content-type h5 {font-weight: bold; font-size: inherit; margin: 0 5px 0 0;}
.learning-path-detail-milestone-item__description {color: #525252; font-size: 12px; line-height: 1.5;}
.learning-path-detail-milestone-item__description .editor-content {margin-bottom: 0;}
.learning-path-detail-milestone-item__cta {float: left; border-radius: 100px; border-width: 2px; border-style: solid; line-height: 36px; padding: 0 20px !important; font-size: 13px; font-weight: bold;}
.learning-path-detail-milestone-item__cta,
.learning-path-detail-milestone-item__cta:hover {color: var(--title-color); border-color: var(--title-color);}
.learning-path-detail-milestone-item hr {border-color: #dbdbdb; margin: 20px;}

.enroll__secondary-actions > .btn {color: var(--title-color); font-size: 13px;}
/* Course Details ENND */

/* Learner */
.learner__container {--sidebar-width: 390px; display: flex; justify-content: space-between; padding: 50px 1rem;}
.learner__sidebar {position: static; transform: translateZ(0); flex: 0 0 auto; width: var(--sidebar-width); padding: 0 1rem;}
.learner__sidebar__search {margin-bottom: 30px;}
.learner__sidebar__search > .row {display: flex; align-items: center; justify-content: space-between;}
.learner__sidebar__search input,
.learner__sidebar__search input:focus {background-color: #ededed; outline: none; box-shadow: none; border: none;}
.learner__sidebar__search input {height: 46px !important; border-radius: 4px; padding: .5rem; padding-left: 2.5rem; font-size: 13px;}
.learner__sidebar__search input::placeholder {color: #ababab; opacity: 1; font-style: normal;}
.learner__sidebar__search .learner__sidebar__search-icon {background: none; pointer-events: none; right: auto; left: 8px; top: 50%; transform: translateY(-50%);}
.learner__sidebar__search .learner__sidebar__search-icon:focus {outline: none;}
.learner__sidebar__search .learner__sidebar__search-icon i {color: #525252; font-size: 18px;}
.expandable-sidebar__toggle {background: none; color: #272727; font-size: 12px; line-height: 17px; text-transform: none; padding: .75rem .35rem .5rem .75rem;}
.learner__sidebar__search-autocomplete {top: 80px;}
.learner__sidebar__search-autocomplete-close {top: 50%; transform: translateY(-50%); right: 5px;}
.expandable-sidebar__content {padding: 0 10px;}
.learner__sidebar-inner-list {padding: 0 10px;}
.learner__sidebar-list > li {border-color: #dbdbdb;}
.learner__sidebar-inner-list span.syllabus__section-title {font-size: 12px; font-weight: bold; color: var(--title-color); line-height: 18.5px; text-transform: none;}
.learner__sidebar-inner-list .syllabus__lesson--title-text {font-weight: normal; font-size: 12px; line-height: normal;}
.expandable-sidebar {border-bottom: 1px solid #ededed;}
.sidebar__resources > li {background: none;}
.learner__sidebar .layout-panel {padding-bottom: 0;}
.expandable-sidebar__buttons {background: none; padding-top: 5px;}
.expandable-sidebar__buttons a {font-size: 12px; line-height: 17px; color: #272727; font-weight: bold; text-transform: none;}
.learner__sidebar__search .learner__container__toggle {display: flex; justify-content: end;}
.learner__sidebar__search .learner__container__toggle button {border: none; color: #272727; font-weight: bold; width: auto; height: 46px; padding: 0;}
.learner__sidebar__search .learner__container__toggle button,
.learner__sidebar__search .learner__container__toggle button:hover,
.learner__sidebar__search .learner__container__toggle button:focus {background: none !important;}
.learner__sidebar__search .learner__container__toggle button span {font-size: 0;}
.learner__sidebar__search .learner__container__toggle button span:after {font-size: 12px;}
.topic__text__body {color: #525252; font-size: 14px; line-height: 21px;}
/*.learner__content .learner-section__title__container h3 {font-size: 24px; line-height: 36px;}*/
.learner__container--toggled .learner__sidebar__search .learner__container__toggle button span:after {content: 'Minimize';}
.learner__container--closed .learner__sidebar__search .learner__container__toggle button span:after {content: 'Maximize';}

.learner__container--closed {--sidebar-width: 110px;}
.learner__container--closed .learner__sidebar__search > .row > .columns:nth-of-type(1),
.learner__container--closed .learner__sidebar__search .learner__sidebar__search-icon,
.learner__container--closed .learner__sidebar .layout-panel,
.learner__container--closed .expandable-sidebar__buttons {display: none;}
.learner__container--closed .learner__sidebar__search > .row > .columns:nth-of-type(2) {width: 100%;}

.learner__content {padding: 0 !important; width: calc(100% - var(--sidebar-width)) !important; flex: 0 0 auto;}
.learner__content > .layout-panel {background: none; padding: 0 1rem;}
.learner__content .learner__container__toggle {display: none;}


.directional__nav__button {background-color: #0DB5FF; width: 28px; height: 28px; border-radius: 4px;}
.directional__nav__button i {line-height: 1;}
.directional__nav .directional__nav__label {color: #0DB5FF; font-size: 12px;}

.topic__content.topic__content--text {width: 100%;}
/*.topic__container .editor-content figure {margin-left: 0; margin-right: 0;}
.topic__container .editor-content figure iframe {width: 100%;}*/
.topic__container .editor-content img {width: 100%; height: auto;}

.files__list .h5.heading {font-size: 1.25rem; line-height: 1.25; font-weight: 400; margin-top: .6em; margin-bottom: .75em; padding-left: 1rem; padding-right: 1rem;}
/* Learner END */

/* Footer */
.footer {background-color: #ededed; padding: 0;}
.footer .content-wrapper {padding: 0 1rem; display: flex; justify-content: space-between; align-items: center;}
.footer__inner {padding: 0; width: 100%;}
.footer__company__info {display: none;}
.footer-top {border: 1px solid #dbdbdb; border-left: none; border-right: none;}
.footer-top .logo a {display: flex;}
.footer-top .products-logo {display: flex;}
.footer-top .products-logo a {display: flex; margin-left: 5px;}
.footer-top .products-logo a:first-child {margin-left: 0;}
.footer-bottom {padding: 1rem 0; font-size: 11px; line-height: 17px; color: #525252; border-bottom: 1px solid #dbdbdb;}
.footer-bottom .copy {width: 100%; max-width: 570px;}
.footer-bottom .footer-nav {display: flex;}
.footer-bottom .footer-nav li {list-style: none;}
.footer-bottom .footer-nav a {color: var(--title-color); padding: .75rem;}
/* Footer END */

/* Forms */
.session__form {color: var(--title-color);}
.session__container,
.application__content--survey {width: 100%; max-width: 450px; margin: 0 auto; border: 1px solid #ededed; border-radius: 4px; position: static; float: none; padding: 30px 20px;}
.session__container .company__beta-logo,
.application__content--survey .company__beta-logo {width: 245px; margin-bottom: 50px;}
.session__container h1,
.session__container h2,
.application__content--survey h1 {font-size: 32px; line-height: 45px; color: var(--title-color); margin-bottom: 20px; text-align: center;}
.session__forgot {float: none;}
.session__forgot,
.session__forgot a {font-size: 12px; line-height: 17px;}
.session__forgot a,
.session__forgot a:hover,
.session__forgot a:focus {color: #0DB5FF;}
.session__form input[type="submit"][value="Enter"] {margin-top: 26px; height: 46px;}
.session__form .alert-box.alert {background-color: rgba(255, 232, 232, 0.5); border: 1px dashed #E1161C; color: var(--title-color); font-size: 11px; line-height: 17px; padding-left: 40px;}
.session__form .alert-box.alert:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIyLjgyMTVDMTcuNTIyOCAyMi44MjE1IDIyIDE4LjM0NDQgMjIgMTIuODIxNUMyMiA3LjI5ODY5IDE3LjUyMjggMi44MjE1MyAxMiAyLjgyMTUzQzYuNDc3MTUgMi44MjE1MyAyIDcuMjk4NjkgMiAxMi44MjE1QzIgMTguMzQ0NCA2LjQ3NzE1IDIyLjgyMTUgMTIgMjIuODIxNVoiIHN0cm9rZT0iI0UxMTYxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjk5OCA5LjE0NDI5VjE0LjU5OTgiIHN0cm9rZT0iI0UxMTYxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTcuODIxNUgxMi4wMSIgc3Ryb2tlPSIjRTExNjFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); background-size: cover; background-repeat: no-repeat; background-position: center;}
.session__form p {font-size: 12px; line-height: 18.5px; color: var(--title-color); text-align: center;}
.session__form p a,
.session__form p a:hover,
.session__form p a:focus {color: #0DB5FF;}
/* Forms END */

/* Survey */
.application__content--survey {margin-top: 5%;}
.application__content--survey .items__list label,
.application__content--survey .items__list label p {font-size: 12px; font-weight: bold; line-height: 19px; color: var(--title-color);}
.application__content--survey > .row > .ember-view > .columns.text-right {white-space: nowrap; display: none;}
.application__content--survey .header--dashboard {border: none;}
.application__content--survey .header--dashboard .header__inner {width: auto; height: auto; margin: 0; justify-content: center;}
.application__content--survey select {background: #fff; padding: 0 15px 0 10px; font-size: 13px; color: var(--title-color); border: 1px solid #ededed; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMMTAgOEw2IDQiIHN0cm9rZT0iIzFDMUMxQyIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
background-position: 97% center; background-repeat: no-repeat;}
/* Survey END */

/* Dashboard */
.header--dashboard .form--admin {margin-bottom: 0;}
.company__school-name {line-height: normal; margin-bottom: 0;}
.header--dashboard .header__inner {display: flex; align-items: center;}
.header--dashboard .header__inner .row {display: flex; align-items: center;}
.dashboard-header-dropdown__link {padding: 0;}
.dashboard-header-dropdown__link > .row {width: 100% !important;}
.dashboard-header__avatar__container {width: 100%; display: flex; justify-content: end;}
.dashboard-header__name {display: none;}
.dashboard-header__arrow {display: none;}
.dashboard-header__avatar {margin-bottom: 0;}
.dashboard-badges-container {background: none; box-shadow: none;}
.dashboard-access__header,
.dashboard-access-tabs,
.dashboard-access-list-item,
.dashboard-access-tab--active {background: none !important; border: none;}
.dashboard-access-tabs {border-bottom: 1px solid #dbdbdb;}
.dashboard-access-tab--active:after {display: none;}
.dashboard-access__header {padding-left: 0; padding-right: 0; font-size: 20px; line-height: 25px; color: #333;}
.dashboard-access__header > button {display: none;}
.user-engagement-stats ul {display: flex;}
.user-engagement-stats ul li {width: 100% !important;}
.dashboard-access-list-item .btn {border-radius: 50px; background-color: #0DB5FF; border: none; color: #fff; font-weight: bold; padding: 5px 15px;}
.user-engagement-progress-bar .progress {border-color: #dbdbdb;}

.about-blocks-widget {padding: 50px 0;}
.about-blocks-widget .about-block {border: 1px solid #dbdbdb; border-radius: 10px; background-color: #fff; transition: border-color .3s;}
.about-blocks-widget .about-block:hover {border-color: #0DB5FF;}
li.about-block__container .about-block > span {padding: 30px;}
.about-blocks-widget ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;}
li.about-block__container {flex: 0 0 calc(33.3333% - 20px);}
li.about-block__container .about-block__text {display: flex; align-items: center; padding: 0;}
.about-blocks-widget .about-block__text h3,
.about-blocks-widget .about-block__text p {margin: 0;}
.about-blocks-widget .about-block__text img {width: 40px; height: 40px; margin: 0 10px 0 0 !important;}
li.about-block__container .about-block:before {display: none;}

.user-engagement-stat--percent-complete {color: #77B22A;}
.progress.colorized .meter {background: linear-gradient(90deg, #0DB5FF, #77B22A) !important;}
/* Dashboard END */

/* Account */
.header--dashboard .header__inner > .row > .column:first-of-type {padding-left: 0;}
.header--dashboard .header__inner > .row > .column:last-of-type {padding-right: 0;}
.account .header--subtitle {border-bottom: 1px solid #dbdbdb; padding-bottom: 10px !important; padding-left: 0; padding-right: 0; margin-bottom: 30px;}
.account .header--subtitle hr {display: none;}
.account .header--subtitle h1 {font-size: 24px; font-weight: bold; line-height: 36px; color: var(--title-color); margin-bottom: 0;}
.dashboard-account > .columns {padding-left: 0; padding-right: 0;}
.dashboard-account-tabs li {margin: 0;}
.dashboard-account-tabs li,
.dashboard-account-tabs li:hover,
.dashboard-account-tabs li:focus,
.dashboard-account-tabs li:active,
.dashboard-account-tabs li:focus-within {background: none;}
.dashboard-account-tabs li button {padding: 10px !important; font-size: 17px;}
.dashboard-account-tabs li button,
.dashboard-account-tabs li:hover button,
.dashboard-account-tabs li:active button
.dashboard-account-tabs li:focus button,
.dashboard-account-tabs li:focus-within button {color: var(--title-color);}
.dashboard-account-tabs li.dashboard-account-tab--active {background-color: #EBF8FF; font-weight: normal;}
.dashboard-account-tabs li.dashboard-account-tab--active button {color: #0DB5FF;}
.dashboard--content-panel {padding-left: 50px;}
.dashboard--content-panel .section-container {padding: 30px; box-shadow: none; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 10px;}
.dashboard--content-panel .section-container .section__header {background: none; border: none; box-shadow: none; padding: 0; margin-bottom: 20px;}
.dashboard--content-panel .section-container .section__header > .row > .columns {padding: 0;}
.dashboard--content-panel .section__title {font-size: 12px; font-weight: bold; line-height: 17px; color: #272727; text-transform: none;}
.dashboard--content-panel .section-container .section__body,
.dashboard--content-panel .section-container .section__body > form > .columns,
.dashboard--content-panel .section-container .section__body > .ember-view > .columns {padding: 0;}
.dashboard--content-panel .section-container .section__body > form > .columns:last-of-type {display: flex; justify-content: start;}
.dashboard--content-panel .section-container .section__body p {font-size: 13px; line-height: 20px; color: var(--title-color);}
.dashboard--content-panel .field {width: 100%; max-width: 450px;}
.dashboard--content-panel form button {background: #0DB5FF; border: none; padding: 8px 30px; border-radius: 100px; font-size: 12px; font-weight: bold; text-transform: none; color: #fff;}
.dashboard--content-panel .section-container .section__body .panel--alt {border: none; padding: 0; margin: 0;}
.dashboard--content-panel .section-container .section__body .panel--alt a.btn {background: #0DB5FF; border: none; padding: 8px 30px; border-radius: 100px; font-size: 12px; font-weight: bold; text-transform: none; color: #fff; width: auto; display: inline-block;}

.field__input[type="text"],
.field__input[type="email"],
.field__input[type="password"],
.form-control[type="password"] {border-radius: 4px; height: 46px; line-height: 46px; padding: 0 15px !important; font-size: 13px; color: var(--title-color); box-shadow: none;}

.field__input[type="text"],
.field__input[type="email"],
.field__input[type="password"],
.form-control[type="password"],
.field__input[type="text"]:focus,
.field__input[type="email"]:focus,
.field__input[type="password"]:focus,
.form-control[type="password"]:focus {border: none; background: #ededed; box-shadow: none; outline: none;}
.field__label {position: static; opacity: 1; padding: 0; font-size: 12px; line-height: 20px; color: #525252; transform: none;}

input[type="submit"][value="Verify"] {background: #0DB5FF; border: none; padding: 8px 30px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; font-size: 12px; font-weight: bold; text-transform: none; color: #fff; height: 46px;}

.dashboard--content-panel .btn {background: #0DB5FF; border: none; color: #fff; font-size: 12px; font-weight: bold; text-transform: none; border-radius: 50px;}
.dashboard--content-panel .btn:hover {background-color: #17A2DF;}
.dashboard--content-panel .btn:focus {background-color: #1681BD;}
/* Account END */

/* Learning Path */
.header--article .header__inner {display: flex; align-items: center;}
.learning-path_custom-layout {background-color: #fff;}
.widget--learning-path-content-hero,
.widget--learning-path-content {background-color: #f6f6f6;}
.widget--learning-path-content-hero > .ember-view {padding-bottom: 0 !important;}
.learning-content-hero {aspect-ratio: auto !important; height: 300px;}
.learning-content-hero picture {height: 100%;}
.learning-content-hero picture * {height: 100%; object-fit: cover; object-position: center;}
.learning-content-hero h1,
.learning-content-hero > .w-full.absolute > * {display: none;} /* hide hero texts */
.learning-content-hero .learning-content__back-button {top: -47px; margin: 0; color: var(--title-color);}
.learning-content-hero .picturefill *,
.learning-content-hero__overlay {border-radius: 8px;}
.learning-content-hero__overlay {display: none;}
.learning-path-body {padding-left: 0; padding-right: 0;}
.learning-path-timeline-milestone {overflow: hidden;}
.learning-path-timeline-milestone__header {width: 1390px !important; margin: 0 auto !important; padding: 40px 0; position: relative; border: none; align-items: start; background: none;}
.learning-path-timeline-milestone__header-content {padding: 0;}
.learning-path-timeline-milestone__title {font-size: 32px; font-weight: 700; line-height: 1.5; text-transform: none; color: var(--title-color);}
.learning-path-timeline-milestone__header:before {content: ''; display: block !important; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; transform: translateX(-50%); background-color: #f6f6f6; z-index: 0;}
.learning-path-timeline-milestone__header > div {position: relative; z-index: 1;}
.learning-path-criterion,
.learning-path-criterion-badge {display: flex; width: auto; height: auto; flex-flow: column; align-items: end; margin-bottom: 5px; text-align: right;}
.learning-path-criterion:last-of-type,
.learning-path-criterion-badge:last-of-type {margin-bottom: 0;}
.learning-path-criterion:before {display: none;}
.learning-path-criterion__label,
.learning-path-criterion-badge__label {height: auto; display: block; font-size: 13px; color: var(--title-color); text-transform: none; text-align: right;}
.learning-path-criterion__value-container {font-size: 0; display: flex; margin: 0; align-items: center;}
.learning-path-criterion__value-container i {display: none;}
.learning-path-criterion__value-container *,
.learning-path-criterion-badge__value,
.learning-path-criterion-badge__slash,
.learning-path-criterion-badge__threshold {color: var(--title-color); font-size: 23px; font-weight: 700; line-height: 1.4;}
.learning-path-criterion__slash,
.learning-path-criterion-badge__slash {font-weight: normal; font-size: 17px; margin: 0 2px;}
.learning-path-timeline-milestone-items {background-color: #fff; margin: 50px auto 25px; padding: 0;}
.learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container,
.learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container {padding: 0;}
.learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__content-container {padding-right: 30px;}
.learning-path-timeline-milestone-items .learning-path-timeline-milestone-item__asset-container {padding-left: 30px;}
.learning-path-timeline-milestone-items .medium-pull-6 {padding-left: 0; padding-right: 30px;}
.learning-path-timeline-milestone-items .medium-push-6 {padding-left: 30px; padding-right: 0;}
.learning-path-timeline-milestone-item__content-container > .row,
.learning-path-timeline-milestone-item__asset-container > .row {margin: 0;}
.learning-path-timeline-milestone-item__content {margin: 0 !important; width: 100%;}
.learning-path-timeline-milestone-item__asset,
.learning-path-timeline-milestone-item__asset > img {width: 100%;}
.learning-path-timeline-milestone-item__asset > img {border-radius: 8px;}

.learning-path-milestone__badge {padding: 2px 8px; border-radius: 4px; font-size: 11px; text-transform: none;}
/*.learning-path-milestone__badge--required {background-color: #17A2DF; color: #fff;}*/
.learning-path-milestone__badge--required {background-color: #D5E7C0; color: #3D7800;}
.learning-path-milestone__badge--elective {background-color: #DBDBDB; color: #525252;}
.learning-path-milestone__badge--completed {background-color: #D5E7C0; color: #3D7800;}
.learning-path-milestone-item__title {font-size: 32px; font-weight: 700; line-height: 1.5; color: var(--title-color); margin-bottom: 0;}
.learning-path-milestone-item__info {font-size: 13px; color: var(--title-color); margin-bottom: 20px;}
/* .learning-path-milestone-item__info:before {content: ' '; position: absolute; bottom: 13px; left: 0; width: 13.33px; height: 13.33px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzMzMjUgNy45OTk2N0MxLjMzMzI1IDExLjY4MTYgNC4zMTgwMiAxNC42NjYzIDcuOTk5OTIgMTQuNjY2M0MxMS42ODE4IDE0LjY2NjMgMTQuNjY2NiAxMS42ODE2IDE0LjY2NjYgNy45OTk2N0MxNC42NjY2IDQuMzE3NzggMTEuNjgxOCAxLjMzMzAxIDcuOTk5OTIgMS4zMzMwMU0zLjgzNjgxIDIuNzkyMzVDNC4yOTA4MiAyLjQyODkgNC43OTM0IDIuMTIzNiA1LjMzMzI1IDEuODg3NzNNMS43NTI5OSA1LjY2NjM0QzEuOTc3ODYgNS4wNjQ1NiAyLjI4NzIgNC41MDM5OCAyLjY2NjU5IDMuOTk5MDJNNy45OTk5MiA0LjY2NjM0VjguMzMzMDFINC42NjY1OSIgc3Ryb2tlPSIjMUMxQzFDIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-size: cover; background-repeat: no-repeat; background-position: center;} */
.learning-path-milestone-item__info h5 {font-size: 17px; font-weight: 700; color: #525252; display: inline; margin-bottom: 0;}
.learning-path-milestone-item__alt-description {font-size: 16px; color: #525252; line-height: 1.5;}
.learning-path-timeline-milestone-item__content > .btn {font-size: 13px; font-weight: 700; line-height: 36px; padding: 0 30px;}
.learning-path-timeline-milestone-item__vertical-line {background-color: #DBDBDB; width: 1px;}
.learning-path-timeline-milestone-item__horizontal-line {border-color: #DBDBDB;}
.learning-path-timeline-milestone-item-circle {width: 12px; height: 12px; background-color: #DBDBDB;}
.learning-path-timeline-milestone-item-circle__asset {left: -6px; top: calc(50% - 6px);}
.learning-path-timeline-milestone-item-circle--current {background-color: #0DB5FF; box-shadow: 0 0px 0px 10px rgba(13, 181, 255, .2);}
.learning-path-timeline-milestone-item--current .learning-path-timeline-milestone-item__horizontal-line {border-color: #0DB5FF;}

/* Expandable */
.learning-path-timeline-milestone--expandable {margin: 0; border: 0 none;}
.learning-path-timeline-milestone__title-wrapper {display: flex; justify-content: space-between; width: 100%; padding: 0;}
.learning-path-timeline-milestone__title-wrapper .learning-path-timeline-milestone__title {padding-left: 30px;}
.learning-path-timeline-milestone__toggle {right: auto; bottom: auto; left: 5px; top: 15px;}
.learning-path-timeline-milestone__toggle i {padding: 0;}
.learning-path-timeline-milestone__description {width: 100%;}
.learning-path-timeline-milestone__title-wrapper,
.learning-path-timeline-milestone__description {padding-right: 200px;}
.learning-path-timeline-milestone--expandable .learning-path-timeline-milestone__header {min-height: 180px;}
.learning-path-timeline-milestone__criteria {display: flex; flex-flow: column; position: absolute; top: 0; right: 0;}
.learning-path-criterion-badge {background: none !important; display: block; padding: 0; font-size: 0;}
/* Learning Path END */

.standalone-scorm__header {width: 100%;}
.standalone-scorm__header h4 {padding-left: 20px; margin: 0;}
.standalone-scorm__header > button {position: absolute; top: 0; right: 0; font-size: 40px;}

/* Featured content Section */
.widget--featured-content {padding-top: 60px; padding-bottom: 60px;}
.widget--featured-content .widget__title {font-size: 23px; font-weight: bold; line-height: 32px; color: var(--title-color); margin-bottom: 40px;}
.widget--featured-content_standard ul {display: flex; justify-content: center; flex-wrap: wrap;}
.widget--featured-content_standard ul li {/*width: 356px;*/ width: 344px; flex: 0 0 auto;}

.widget--featured-content_image-overlay .widget__title {text-align: left;}
.widget--featured-content_image-overlay ul {display: flex; flex-flow: nowrap; touch-action: pan-y;}
.widget--featured-content_image-overlay ul li {width: 580px; height: 300px; flex: 0 0 auto; padding-bottom: 0;}
.widget--featured-content .catalog__ribbon {display: none;}
.featured-content-image-overlay,
.featured-content-image-overlay ul {position: relative; user-select: none;}
.featured-content-image-overlay ul {left: 0; cursor: grab;}
.featured-content-image-overlay ul.dragging,
.featured-content-image-overlay ul.dragging a {cursor: grabbing;}
.featured-content-image-overlay-item {border-radius: 8px; overflow: hidden;}
.featured-content-image-overlay-item {width: 100%; height: 100%;}
.featured-content-image-overlay-item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

.featured-content-image-overlay-item__overlay {position: absolute; top: 0; left: 0; background: none; width: 100%; height: 100%; padding: 0;}

.featured-content-image-overlay-item__title,
.featured-content-image-overlay-item__description {position: absolute; color: var(--bgr-color); font-weight: bold; margin: 0; background-color: rgba(0, 0, 0, .5);}

.featured-content-image-overlay-item__title {left: 0; bottom: 30px; font-size: 32px; line-height: 1.5; padding: 15px 30px; width: 100%;}
.featured-content-image-overlay-item__description {top: 12px; right: 12px; border-radius: 200px; padding: 8px 16px; font-size: 14px; line-height: 1.5;}
/* Featured content Section END */

/* Products List */
.custom-products-list-title {padding-top: 60px;}
.custom-products-list-title .widget__title {font-size: 23px; font-weight: bold; line-height: 32px; color: var(--title-color); margin-bottom: 0;}
.custom-products-list-title .widget__subtitle {margin-top: 20px; margin-bottom: 0;}
/* Products List END */

/* Override media queries */
@media only screen and (min-width: 48.063em) {
    .learning-path-timeline-milestone-item-circle__asset--right {right: -6px; left: auto;}
}


/* Desktop Only - above SM */
@media (min-width: 768px) {

    .catalog-aggregation .column.small-1 {display: none;}
    .catalog-aggregation .column.small-11 {width: 100%;}
    .catalog-aggregation > button {cursor: default;}
    .catalog-aggregation .unlist {display: block;}

}

/* md */
@media (max-width: 992px) {

    .home__content,
    .header--microsite .header__inner,
    .header--dashboard .header__inner,
    .content-wrapper,
    .learner__container,
    .dashboard div[role="main"],
    .account div[role="main"],
    .account .header--subtitle {width: auto; margin: 0;}

    .medium-block-grid-2 {grid-template-columns: 1fr 1fr;}

}

/* sm */
@media (max-width: 768px) {

    .small-block-grid-1 {grid-template-columns: 1fr;}

    .header--microsite .header__inner {display: flex; flex-flow: column-reverse; height: auto;}
    .custom-nav {flex-flow: column; align-items: center;}
    .custom-nav .logo {display: block; height: auto; margin: 10px 0;}
    .custom-nav .nav-links {display: flex; margin: 0;}
    .custom-nav .nav-links li a {padding: 5px 1rem; white-space: nowrap;}
    .nav--top ul {justify-content: center;}
    .nav--top ul a {padding: 5px 1rem;}

    .catalog-search-bar {align-items: start;}
    .catalog-filters__selections {margin-left: 0;}
    .catalog-filters__selections,
    .catalog-filters__sort {width: 100%;}

    .footer-top {padding: 1rem 0;}
    .footer-top .logo {width: 100%; display: flex; justify-content: center;}
    .footer-top .products-logo {padding-top: 1rem; width: 100%; justify-content: space-between;}
    .footer-top .products-logo svg {width: 30px; height: 30px;}
    .footer .content-wrapper {flex-wrap: wrap;}

    .footer-bottom .footer-nav {width: 100%; margin: 0; padding-top: 1rem; justify-content: center;}

    .learner__container {--sidebar-width: 100%; display: block;}
    .learner__content {width: 100% !important; padding-top: 50px !important;}
    .learner__container--toggled .learner__content {position: static; transform: none;}

    .learning-path-detail-milestone-item > .row:first-of-type {width: 100%; margin-bottom: 0; padding-left: 0;}
    .learning-path-detail-milestone-item .learning-path-detail-milestone-item__title {height: auto;}
    .learning-path-detail-milestone-item > .row > .medium-8 {padding: 20px 0 0 0;}

    .about-blocks-widget ul {gap: 20px;}
    .about-blocks-widget .about-block__text img {margin: 0 !important; height: 30px;}
    .about-blocks-widget .about-block__text h3 {margin-left: 10px !important; font-size: 15px;}
    li.about-block__container {flex: 0 0 calc(50% - 20px);}
    li.about-block__container .about-block > span {padding: 15px;}

}

@media (max-width: 576px) {

    .widget--featured-content_image-overlay ul li {width: 100%;}
    
    li.about-block__container .about-block > span {padding: 10px;}

}

@media only screen and (min-width: 48.063em) {
  .topic__content.topic__content--pre-text-block {
    margin-bottom: 0;
  }
}

/* Role Selection Message and Button */
.dashboard__license-select__form::after {
 content: " If you do not see a dashboard in the drop-down, it is likely because you have not selected your role yet. Click the button above to choose your role and get the dashboard tailored to your learning needs.";
 color: #1C1C1C
;               /* Text color */
 font-size: 16px;           /* Font size */
 font-weight: bold;         /* Bold text */
 font-style: italic;        /* Italic style */
 display: inline-block;     /* Allows margin/padding */
 margin-left: 8px;          /* Spacing from preceding text */
 background-color: #fff; /* Light background */
 padding: 12px 12px;          /* Some padding around the text */
 border-radius: 4px;        /* Rounded corners */
 font-family: Arial, sans-serif; /* Font choice */
}.custom-button {background-color: #0DB5FF
; border-radius: 100px; padding: 13px 40px; color: #fff; font-size: 12px; font-weight: bold; text-transform: none; border: none;}
.custom-button:hover{background-color: #17A2DF
!important;}

/* Geschenk-Button auf Detailseiten entfernen */
.widget--course-purchase .btn--secondary,
.enroll__secondary-actions .icon-gift{
  display:none !important;
}