@media (min-width: 0) {
  .jlearn-item .jlearn-intro .jlearn-intro-main {
    width: 100%;
    max-width: 640px;
    margin-right: 20px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main .visual {
    width: 100%;
    max-width: 640px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main .visual IMG.img-visual {
    width: 100%;
    max-width: 640px;
    height: 360px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-lock-overlay,
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-scheduled-overlay,
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-expired-overlay {
    height: 360px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-metadata {
    width: 100%;
    background-color: #FFF;
    margin-top: 20px;
  }
  .jlearn-item .jlearn-session-content .jlearn-session-content-main {
    width: 100%;
  }
  .jlearn-item .more-information {
    width: 100%;
  }
  .course-materials .two-rows {
    width: 100%;
  }
  .otherContents.two-rows {
    margin-top: 20px;
  }
  .jlearn-item .jlearn-session-content .jlearn-session-content-info {
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
  }
  .app.app-jlearn-item .app-body .jlearn-content {
    padding-top: 16px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media iframe {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media .documentviewer .navbar {
    margin-bottom: 20px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .video-control-message {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .visual {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .visual IMG.img-visual {
    width: 100%;
    height: 506px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical {
    width: 100%;
    display: block;
    margin-left: 0px;
    margin-top: 20px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons {
    display: inline-block;
    width: 100%;
  }
  .catalog-search-all-button {
    margin-top: 10px;
    margin-left: 0px;
  }
}
@media (min-width: 966px) {
  .jlearn-item .jlearn-intro .jlearn-intro-main {
    width: 640px;
    margin-right: 56px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main .visual {
    width: 640px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main .visual IMG.img-visual {
    width: 640px;
    height: 360px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-lock-overlay,
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-scheduled-overlay,
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-expired-overlay {
    height: 360px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-metadata {
    width: 220px;
    background-color: transparent;
    padding: 0;
    margin-top: 0;
  }
  .jlearn-item .jlearn-session-content .jlearn-session-content-main {
    width: 650px;
  }
  .jlearn-item .more-information {
    width: 854px;
  }
  .course-materials .two-rows {
    width: 100%;
  }
  .otherContents.two-rows {
    margin-top: 20px;
  }
  .jlearn-item .jlearn-session-content .jlearn-session-content-info {
    width: 220px;
    margin-top: 0;
    margin-left: 56px;
  }
  .app.app-jlearn-item .app-body .jlearn-content {
    padding-top: 16px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media iframe {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .video-control-message {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .visual {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .visual IMG.img-visual {
    width: 100%;
    height: 506px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical {
    width: 100%;
    display: block;
    margin-left: 0px;
    margin-top: 20px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons {
    display: inline-block;
    width: 100%;
  }
  .catalog-search-all-button {
    margin-left: 10px;
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  .jlearn-item .jlearn-intro .jlearn-intro-main {
    width: 640px;
    margin-right: 56px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main .visual {
    width: 640px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main .visual IMG.img-visual {
    width: 640px;
    height: 360px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-lock-overlay,
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-scheduled-overlay,
  .jlearn-item .jlearn-intro .jlearn-intro-main.jlearn-item-locked .jlearn-item-expired-overlay {
    height: 360px;
  }
  .jlearn-item .jlearn-intro .jlearn-intro-metadata {
    width: 220px;
    background-color: transparent;
    padding: 0;
    margin-top: 0;
  }
  .jlearn-item .jlearn-session-content .jlearn-session-content-main {
    width: 650px;
  }
  .jlearn-item .jlearn-session-content .jlearn-session-content-main .course-materials .two-rows {
    width: 333px;
  }
  .jlearn-item .more-information {
    width: 854px;
  }
  .jlearn-item .more-information .course-materials .two-rows {
    width: 435px;
  }
  .otherContents.two-rows {
    margin-top: 0px;
  }
  .jlearn-item .jlearn-session-content .jlearn-session-content-info {
    width: 220px;
    margin-top: 0;
    margin-left: 56px;
  }
  .app.app-jlearn-item .app-body .jlearn-content.is-path .jlearn-content-main,
  .app.app-jlearn-item .app-body .jlearn-content.is-many-items-path .jlearn-content-main {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content {
    padding-top: 0px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main.btns-vertical {
    width: 900px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main.btns-vertical .media {
    width: 900px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main.btns-vertical .media iframe {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main.btns-vertical .video-control-message {
    width: 900px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main.btns-vertical .visual {
    width: 900px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main.btns-vertical .visual IMG.img-visual {
    width: 900px;
    height: 506px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main {
    width: 1130px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media iframe {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .video-control-message {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .visual {
    width: 100%;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .visual IMG.img-visual {
    width: 100%;
    height: 506px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical {
    width: 200px;
    display: inline-block;
    margin-left: 20px;
    margin-top: 0px;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons {
    display: flex;
    flex-direction: column;
  }
  .app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons .btn {
    width: 100%;
    margin-bottom: 10px;
    white-space: normal !important;
  }
  .catalog-search-all-button {
    margin-left: 10px;
    margin-top: 0px;
  }
}
.app-jlearn-catalog .app-header {
  background-color: #00adb8;
}
.app-jlearn-catalog .app-header .app-publication-actions .list-group-item.pub-action-toggle {
  background-color: #00adb8;
}
.app-jlearn-catalog .app-sidebar .app-sidebar-icon .jalios-icon {
  color: #00adb8;
}
.app-jlearn-dashboard .app-header {
  background-color: #00adb8;
}
.app-jlearn-dashboard .app-header .app-publication-actions .list-group-item.pub-action-toggle {
  background-color: #00adb8;
}
.app-jlearn-dashboard .app-sidebar .app-sidebar-icon .jalios-icon {
  color: #00adb8;
}
.app-jlearn-add .app-header {
  background-color: #00adb8;
}
.app-jlearn-add .app-header .app-publication-actions .list-group-item.pub-action-toggle {
  background-color: #00adb8;
}
.app-jlearn-add .app-sidebar .app-sidebar-icon .jalios-icon {
  color: #00adb8;
}
.app-jlearn-import .app-header {
  background-color: #00adb8;
}
.app-jlearn-import .app-header .app-publication-actions .list-group-item.pub-action-toggle {
  background-color: #00adb8;
}
.app-jlearn-import .app-sidebar .app-sidebar-icon .jalios-icon {
  color: #00adb8;
}
.app.app-jlearn .app-header .jlearn-path {
  margin-top: 10px;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.app.app-jlearn .app-header .jlearn-path A {
  color: #FFFFFF;
}
.app.app-jlearn .app-header .jlearn-path A.jlearn-topic {
  opacity: 0.5;
}
.app.app-jlearn .app-header .jlearn-path .jlearn-path-progress {
  display: inline;
}
.app.app-jlearn .app-header .jlearn-path .jlearn-path-progress LI {
  width: 23px;
  height: 23px;
  line-height: 19px;
  color: #FFF;
  border-color: #FFF;
  margin-right: 5px;
  background-color: transparent;
  opacity: 0.5;
}
.app.app-jlearn .app-header .jlearn-path .jlearn-path-progress LI.completed {
  border-color: #FFF;
  color: #FFF;
}
.app.app-jlearn .app-header .jlearn-path .jlearn-path-progress LI.active {
  background-color: #FFF;
  border-color: #FFF;
  color: #00adb8;
  opacity: 1;
}
.app.app-jlearn .app-header .jlearn-path .jlearn-path-progress LI.step-start,
.app.app-jlearn .app-header .jlearn-path .jlearn-path-progress LI.step-finish {
  font-size: 18px;
  color: #FFF;
}
.app.app-jlearn .app-header H1 {
  margin: 16px 0 12px;
  padding-bottom: 0;
}
.app.app-jlearn .app-header H1 .jlearn-path-info {
  font-size: 18px;
}
.app.app-jlearn-add .app-header {
  height: 160px;
}
.app.app-jlearn-add .editor-chooser {
  text-align: center;
}
.app.app-jlearn-add .editor-chooser H2 {
  margin-bottom: 40px;
  font-weight: 300;
}
.app.app-jlearn-add .editor-chooser .card.jlearn-card-item {
  margin-right: 80px;
}
.app.app-jlearn-add .editor-chooser .card-body {
  text-align: left;
}
.app.app-jlearn-add .new-item {
  padding-right: 20px;
  text-align: center;
}
.app.app-jlearn-add .new-item H3 {
  margin-bottom: 20px;
}
.app.app-jlearn-add .new-item .card {
  text-align: left;
}
.app.app-jlearn-add .new-item .jcms-message {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.app.app-jlearn-item .dropdown-menu {
  max-width: 500px;
}
.app.app-jlearn-item .app-header {
  padding-top: 15px;
  background-color: #00adb8;
}
.app.app-jlearn-item .app-header .jalios-icon.jcmsplugin-jlearn-path,
.app.app-jlearn-item .app-header .jalios-icon.jcmsplugin-jlearn-resource,
.app.app-jlearn-item .app-header .jalios-icon.jcmsplugin-jlearn-course {
  color: #FFF !important;
}
.app.app-jlearn-item .app-header.jlearn-header-path {
  background-color: #005db4;
}
.app.app-jlearn-item .app-header.jlearn-header-custom-path {
  background-color: #4caf50;
}
.app.app-jlearn-item .app-header.jlearn-header-model-path {
  background-color: #6a2a99;
}
.app.app-jlearn-item .app-header.jlearn-header-course {
  background-color: #009EF5;
}
.app.app-jlearn-item .app-header H1 {
  margin: 16px 0 12px;
  padding-bottom: 0;
}
.app.app-jlearn-item .app-header H1 .jlearn-path-info {
  font-size: 18px;
}
.app.app-jlearn-item .app-header .jlearn-metadata {
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-header .icons {
  position: absolute;
  top: 50px;
  right: 20px;
  font-size: 18px;
}
.app.app-jlearn-item .app-header .icons A {
  color: #FFF;
  text-decoration: none;
}
.app.app-jlearn-item .app-header .app-publication-actions .list-group-item.pub-action-toggle {
  background-color: transparent;
}
.app.app-jlearn-item .app-header .app-publication-actions .pub-action-print {
  display: none;
}
.app.app-jlearn-item .instructors {
  padding: 0 20px 20px 20px;
}
.app.app-jlearn-item .app-body {
  background-color: white;
}
.app.app-jlearn-item .app-body .jlearn-item-action-buttons .btn-recommend,
.app.app-jlearn-item .app-body .jlearn-item-action-buttons .chat-room {
  display: none;
}
.app.app-jlearn-item .app-body .buttons .show-session-btn {
  display: inline-block;
}
.app.app-jlearn-item .app-body .buttons .btn-recommend .jalios-icon,
.app.app-jlearn-item .app-body .buttons .comments .jalios-icon {
  margin-right: 6px;
}
.app.app-jlearn-item .app-body .buttons .comments {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-video-control-info {
  display: block;
  margin-top: 20px;
}
.app.app-jlearn-item .app-body .jlearn-video-control-info .video-control-text {
  color: #DD352E;
  display: inline-block;
  font-weight: bold;
}
.app.app-jlearn-item .app-body .jlearn-video-control-info .video-control-percent {
  border-width: 1px !important;
  border: solid #ccc;
  padding: 5px;
  text-align: center;
  width: 50px;
  display: inline-block;
  margin-left: 10px;
}
.app.app-jlearn-item .app-body .jlearn-content.is-path {
  max-width: 1180px !important;
  margin: auto;
}
.app.app-jlearn-item .app-body .jlearn-content.is-path .jlearn-content-main {
  display: inline-block;
  max-width: 1180px !important;
}
.app.app-jlearn-item .app-body .jlearn-content.is-many-items-path {
  max-width: 100% !important;
  margin: auto;
}
.app.app-jlearn-item .app-body .jlearn-content.is-many-items-path .jlearn-content-main {
  display: inline-block;
  max-width: 100% !important;
}
.app.app-jlearn-item .app-body .jlearn-content {
  max-width: 1130px;
  margin: auto;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main {
  display: inline-block;
  max-width: 1130px;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media IMG.img-thumbnail {
  width: 100%;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media DIV.documentviewer {
  height: 100% !important;
  width: 900px;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media DIV.documentviewer .documentViewerContent {
  width: 100% !important;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-main .media DIV.documentviewer .documentViewerContent iframe {
  height: 1200px;
  width: 900px;
}
.app.app-jlearn-item .app-body .jlearn-content .video-control-message .alert {
  padding: 5px 15px 5px 15px !important;
  margin-bottom: 0px;
}
.app.app-jlearn-item .app-body .jlearn-content .video-control-message .alert .jcms-message-title {
  margin-bottom: 5px;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical {
  vertical-align: top;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons .btn-recommend,
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons .chat-room,
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons .comments {
  display: inline-block;
}
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons .btn-recommend .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-content .jlearn-content-btns.vertical .buttons .comments .jalios-icon {
  margin-right: 6px;
}
.app.app-jlearn-item .app-body .more-information {
  max-width: 854px;
  margin: auto;
}
.app.app-jlearn-item .app-body .more-information .more-information-instructions {
  background-color: #FFF;
}
.app.app-jlearn-item .app-body .more-information .course-materials {
  margin-top: 22px;
  margin-left: -20px;
  background-color: #FFF;
}
.app.app-jlearn-item .app-body .more-information .course-materials .courseMaterials,
.app.app-jlearn-item .app-body .more-information .course-materials .otherContents {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
}
.app.app-jlearn-item .app-body .more-information .course-materials .courseMaterials .card-img,
.app.app-jlearn-item .app-body .more-information .course-materials .otherContents .card-img {
  width: initial;
  padding: 0;
  margin-bottom: 0;
  margin-right: 20px;
  float: left;
}
.app.app-jlearn-item .app-body .more-information .course-materials .courseMaterials .card-img-squared-wrapper,
.app.app-jlearn-item .app-body .more-information .course-materials .otherContents .card-img-squared-wrapper {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEE;
  aspect-ratio: 1;
  color: white;
  font-size: 48px;
  border-radius: 0;
}
.app.app-jlearn-item .app-body .more-information .course-materials .courseMaterials .card-img-squared-wrapper.is-cover-image > IMG,
.app.app-jlearn-item .app-body .more-information .course-materials .otherContents .card-img-squared-wrapper.is-cover-image > IMG {
  object-fit: cover;
  height: 100%;
  padding: 0;
}
.app.app-jlearn-item .app-body .more-information .course-materials .courseMaterials .card-img-squared-wrapper > IMG,
.app.app-jlearn-item .app-body .more-information .course-materials .otherContents .card-img-squared-wrapper > IMG {
  max-height: 100%;
  margin: 0;
  float: none;
  object-fit: contain;
  padding: 8px;
}
.app.app-jlearn-item .app-body .more-information .course-materials .one-row {
  width: 100%;
}
.app.app-jlearn-item .app-body .more-information .course-materials .intro-section-title {
  font-size: 20px !important;
  margin-bottom: 10px !important;
}
.app.app-jlearn-item .app-body .more-information .course-materials .itemlist-item-date {
  display: none;
}
.app.app-jlearn-item .app-body .internal-content {
  background-color: #FFF;
  padding: 20px;
}
.app.app-jlearn-item .app-body H2:not(.jlearn-content H2) {
  padding-bottom: 5px;
  padding-top: 20px;
  font-size: 28px;
  border-bottom: 1px solid #ccc;
  color: #555555;
}
.app.app-jlearn-item .app-body H2:not(.jlearn-content H2) A {
  color: #555555;
}
.app.app-jlearn-item .app-body .item-accordion {
  margin-top: 20px;
}
.app.app-jlearn-item .app-body .item-accordion .panel {
  box-shadow: none;
  border: 0 none;
}
.app.app-jlearn-item .app-body .item-accordion .path-warning .warning {
  float: right;
  margin-right: 20px;
  font-size: 22px;
}
.app.app-jlearn-item .app-body .item-accordion .no-warning .warning {
  display: none;
}
.app.app-jlearn-item .app-body .item-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0 none;
}
.app.app-jlearn-item .app-body .item-accordion .item-accordion-panel {
  background: #FFF;
}
.app.app-jlearn-item .app-body .item-accordion .panel-heading {
  padding: 0px 0px 5px 0px;
}
.app.app-jlearn-item .app-body .item-accordion .panel-heading .panel-title {
  font-size: 24px;
  border-bottom: 1px solid #ccc;
}
.app.app-jlearn-item .app-body .item-accordion .panel-heading .panel-title A {
  text-decoration: none;
  padding: 0px 0px;
}
.app.app-jlearn-item .app-body .item-accordion .panel-body {
  padding: 0px !important;
}
.app.app-jlearn-item .app-body .intro-section .session-progress-info {
  color: #DD352E;
}
.app.app-jlearn-item .app-body .intro-section,
.app.app-jlearn-item .app-body .info-section {
  margin-top: 20px;
  background: #FFF;
}
.app.app-jlearn-item .app-body .intro-section .info-section-title,
.app.app-jlearn-item .app-body .info-section .info-section-title,
.app.app-jlearn-item .app-body .intro-section .intro-section-title,
.app.app-jlearn-item .app-body .info-section .intro-section-title {
  font-size: 24px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 16px;
}
.app.app-jlearn-item .app-body .intro-section .info-section-title .jalios-icon,
.app.app-jlearn-item .app-body .info-section .info-section-title .jalios-icon,
.app.app-jlearn-item .app-body .intro-section .intro-section-title .jalios-icon,
.app.app-jlearn-item .app-body .info-section .intro-section-title .jalios-icon {
  color: #555 !important;
  font-size: 24px;
  vertical-align: baseline;
}
.app.app-jlearn-item .app-body .skills .jalios-icon {
  font-size: 20px;
  color: #999;
}
.app.app-jlearn-item .app-body .visual.type-document IMG.img-visual,
.app.app-jlearn-item .app-body .visual.type-presentation IMG.img-visual,
.app.app-jlearn-item .app-body .visual.type-pdf IMG.img-visual {
  border: 1px solid #CCC;
}
.app.app-jlearn-item .app-body .jlearn-intro {
  max-width: 920px;
  margin: auto;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata {
  display: inline-block;
  vertical-align: top;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main {
  margin-right: 56px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .visual .buttons {
  margin-top: -20px !important;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container {
  position: relative;
  min-height: 360px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress {
  position: relative;
  bottom: 8px;
  right: 0;
  left: 1px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress .progress-info {
  position: absolute;
  bottom: 8px;
  opacity: 0.0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress .progress-info .p-container {
  width: 39px;
  height: 24px;
  margin-left: -20px;
  border-radius: 4px;
  background-color: #333333;
  text-align: center;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress .progress-info .p-container .p_info_text {
  color: #ffffff;
  padding-top: 3px;
  font-size: 12px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress .progress-info .p_arrow {
  width: 0;
  height: 0;
  margin-left: -7px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333333;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress .progress {
  width: 100%;
  height: 7px;
  border-radius: 0px;
  margin-bottom: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress .progress .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-container .path-progress:hover .progress-info {
  opacity: 1.0;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-intro-main-metadata {
  margin-top: 10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-intro-main-metadata .date,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-intro-main-metadata .meta-author {
  display: inline-block;
  border-right: 1px solid #AAA;
  padding-right: 10px;
  margin-right: 10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-main .jlearn-session-item {
  padding: 0px 0px 10px 20px;
}
.app.app-jlearn-item .app-body .jlearn-intro .items LI {
  font-size: 16px;
}
.app.app-jlearn-item .app-body .jlearn-intro .items .item-details {
  color: #999;
  margin-bottom: 10px;
  font-size: 14px;
}
.app.app-jlearn-item .app-body .jlearn-intro .path-authors H2 {
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .jlearn-intro .path-authors .card,
.app.app-jlearn-item .app-body .jlearn-intro .path-authors .card-inline-layout .card-flip-wrapper {
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .jlearn-intro .path-buttons {
  margin-top: -20px;
}
.app.app-jlearn-item .app-body .jlearn-intro .buttons {
  margin-top: 40px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .title {
  color: #00adb8;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .title A {
  color: #00adb8;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .jlearn-intro-metadata-btns .buttons {
  display: flex;
  flex-direction: column;
  margin-top: 10px !important;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .jlearn-intro-metadata-btns .buttons .btn-recommend,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .jlearn-intro-metadata-btns .buttons .chat-room {
  display: block;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .jlearn-intro-metadata-btns .buttons .show-session-btn {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .jlearn-intro-metadata-btns .buttons .btn {
  width: 100%;
  margin-bottom: 10px;
  max-width: 220px;
  white-space: normal !important;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .metadata {
  margin-bottom: 30px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .metadata LI {
  padding-bottom: 10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .metadata LI A {
  color: #333333;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .metadata .icon {
  display: inline-block;
  width: 39px;
  padding-right: 5px;
  font-size: 20px;
  color: #999;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .metadata .mandatory {
  font-weight: bold;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .metadata.item-metadata {
  margin-top: -10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .keywords {
  margin-bottom: 30px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .keywords LI {
  display: inline-block;
  margin: 0 3px 10px 0;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .keywords LI A {
  padding: 2px 4px;
  color: #777;
  text-decoration: none;
  border: 1px solid #777;
  border-radius: 4px;
  white-space: nowrap;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .keywords LI A:hover {
  background-color: #FFF;
  color: #00adb8;
  border-color: #00adb8;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors {
  margin-bottom: 10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees LI,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors LI {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees LI .wrapper-photo,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors LI .wrapper-photo {
  margin-right: 10px;
  border: 0;
  box-shadow: 0 0 0;
  padding: 0;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees LI .wrapper-photo IMG.photo,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors LI .wrapper-photo IMG.photo,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees LI .wrapper-photo .initials,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors LI .wrapper-photo .initials {
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 20px;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees LI .wrapper-photo .photo-anchor,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors LI .wrapper-photo .photo-anchor {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees LI.more A,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors LI.more A {
  display: block;
  border-radius: 50%;
  padding-top: 1px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #999;
  font-size: 22px;
  text-align: center;
  color: #999;
  text-decoration: none;
}
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .attendees LI.more A:hover,
.app.app-jlearn-item .app-body .jlearn-intro .jlearn-intro-metadata .path-authors LI.more A:hover {
  color: #00adb8;
  border-color: #00adb8;
  background-color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual {
  position: relative;
  min-height: 360px;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual IMG.img-visual {
  object-fit: cover;
  border: 1px solid #CCC;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual IMG.jlearn-card-label {
  top: 20px;
  left: 20px;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual .buttons {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  text-align: center;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual .buttons .btn {
  margin: 0 20px;
  min-width: 200px;
  border: 0;
  background-color: #000;
  opacity: 0.8;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  border: 2px solid #CCC;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual .buttons .btn .btn-txt {
  color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual .buttons .btn.pulse {
  -webkit-animation: jlearn-visual-pulse 5s infinite;
  animation: jlearn-visual-pulse 5s infinite;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual .buttons .btn:hover {
  border-color: #fff;
  opacity: 1;
  background-color: #00adb8;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked IMG {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
}
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-overlay,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-overlay,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.4;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 70px;
  color: #FFF;
  width: 100%;
  text-align: center;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-lock-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-lock-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-lock-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-scheduled-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-scheduled-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-scheduled-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-expired-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-expired-icon,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-expired-icon {
  font-size: 36px;
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-lock-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-lock-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-lock-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-scheduled-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-scheduled-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-scheduled-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-expired-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-expired-text,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-expired-text {
  font-size: 20px;
  border: 1px solid #FFF;
  margin: 20px 200px;
  padding: 10px;
}
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-lock-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-lock-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-lock-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-scheduled-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-scheduled-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-scheduled-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-lock-info .jlearn-item-expired-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-scheduled-info .jlearn-item-expired-text A,
.app.app-jlearn-item .app-body .jlearn-intro .visual.jlearn-item-locked .jlearn-item-expired-info .jlearn-item-expired-text A {
  color: #FFF;
  text-decoration: none;
}
.app.app-jlearn-item .app-body .jlearn-content .visual {
  position: relative;
  min-height: 466px;
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .jlearn-content .visual IMG.img-visual {
  object-fit: cover;
  border: 1px solid #CCC;
}
.app.app-jlearn-item .app-body .jlearn-content .visual IMG.jlearn-card-label {
  top: 20px;
  left: 20px;
}
.app.app-jlearn-item .app-body .jlearn-content .visual .buttons {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  text-align: center;
}
.app.app-jlearn-item .app-body .jlearn-content .visual .buttons .btn {
  margin: 0 20px;
  min-width: 200px;
  border: 0;
  background-color: #009EF5;
  opacity: 0.8;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  border: 2px solid #CCC;
}
.app.app-jlearn-item .app-body .jlearn-content .visual .buttons .btn .btn-txt {
  color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-content .visual .buttons .btn:hover {
  border-color: #fff;
  opacity: 1;
  background-color: #007dc2;
}
.app.app-jlearn-item .app-body .instructions {
  background-color: #FFF;
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .instructions H2 {
  margin-top: 0;
  font-size: 24px;
  color: #333333;
  border-bottom: 1px dotted #AAA;
}
.app.app-jlearn-item .app-body .jlearn-registration .navbar-form .jalios-input-group.field-enumerate {
  max-width: 300px;
}
.app.app-jlearn-item .app-body .jlearn-registration .navbar-form.auto-reg .jalios-input-group.field-enumerate:first-child {
  max-width: 250px !important;
}
.app.app-jlearn-item .app-body .jlearn-registration .navbar-form.auto-reg .jalios-input-group.field-enumerate {
  max-width: 200px;
}
.app.app-jlearn-item .app-body .jlearn-registration .navbar-form .add-session-button .jalios-icon {
  color: #333333;
  font-size: 10px;
}
.app.app-jlearn-item .app-body .jlearn-registration .summary {
  margin-bottom: 0;
}
.app.app-jlearn-item .app-body .jlearn-registration .summary.auto-registration-summary {
  margin-bottom: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 10px;
  row-gap: 5px;
}
.app.app-jlearn-item .app-body .jlearn-registration .indicator.auto-registration-indicator {
  min-width: 120px !important;
  min-height: 95px !important;
}
.app.app-jlearn-item .app-body .jlearn-registration .auto-registration-indicator .indicator-text {
  font-size: 14px;
}
.app.app-jlearn-item .app-body .result-quiz-score {
  background: #FFF;
  padding: 20px;
  border: 1px solid #DDD;
}
.app.app-jlearn-item .app-body .lf-result {
  max-width: 100%;
  margin: 0;
}
.app.app-jlearn-item .app-body .item-result {
  margin-bottom: 40px;
  padding: 15px 15px 0 15px;
  min-height: 110px;
  border: 1px solid #DDD;
  border-radius: 4px;
  background-color: #FFF;
}
.app.app-jlearn-item .app-body .item-result .jcms-message-title {
  color: #555555;
}
.app.app-jlearn-item .app-body .item-result .result-details {
  padding-left: 100px;
  margin-top: 10px;
}
.app.app-jlearn-item .app-body .item-result .result-details .result-suggest {
  font-size: 16px;
  margin-top: 20px;
}
.app.app-jlearn-item .app-body .item-result .result-details .feedback-survey {
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .item-result .result-details .subsection {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDD;
}
.app.app-jlearn-item .app-body .item-result .result-details .subsection:last-child {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: 0;
}
.app.app-jlearn-item .app-body .item-result .result-details .subsection .subsection-title {
  margin-bottom: 10px;
  font-size: 18px;
}
.app.app-jlearn-item .app-body .item-result .result-details .subsection .subsection-title .jlearn-path-progress {
  display: inline;
  margin-left: 10px;
  margin: 10px 0 20px 0;
}
.app.app-jlearn-item .app-body .item-result .result-details .subsection .subsection-title .jlearn-path-progress UL {
  padding-left: 0;
}
.app.app-jlearn-item .app-body .item-result .result-details .subsection .btn-quiz-results {
  margin-top: 10px;
}
.app.app-jlearn-item .app-body .item-result .result-details .dbcomment-wrapper {
  padding: 20px 0 10px 0;
  max-width: 700px;
}
.app.app-jlearn-item .app-body .item-result .result-details .dbcomment-wrapper .comment-pane {
  padding: 0;
}
.app.app-jlearn-item .app-body .item-result .result-details .dbcomment-wrapper .comment-pane .counter {
  display: none;
}
.app.app-jlearn-item .app-body .item-result .result-details .dbcomment-wrapper .comment-pane:before {
  border: 0;
}
.app.app-jlearn-item .app-body .item-result .result-icon {
  float: left;
  font-size: 72px;
  vertical-align: top;
  margin-right: 20px;
  margin-top: -17px;
  margin-left: 5px;
  color: #8ec255;
}
.app.app-jlearn-item .app-body .item-result .result-icon .jcmsplugin-jlearn-path-finish {
  color: #ffd80e;
}
.app.app-jlearn-item .app-body .item-result.result-failed .result-icon {
  color: #dd352e;
}
.app.app-jlearn-item .app-body .item-result .buttons {
  margin-top: 20px;
}
.app.app-jlearn-item .app-body #quizResults .jlearn-quiz-results .lf-quiz-submission-attempts-exceeded {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz,
.app.app-jlearn-item .app-body .jlearn-quiz-results,
.app.app-jlearn-item .app-body .jlearn-survey,
.app.app-jlearn-item .app-body .jlearn-survey-results {
  margin: auto;
}
.app.app-jlearn-item .app-body .jlearn-quiz .jcms-message.alert-info,
.app.app-jlearn-item .app-body .jlearn-quiz-results .jcms-message.alert-info,
.app.app-jlearn-item .app-body .jlearn-survey .jcms-message.alert-info,
.app.app-jlearn-item .app-body .jlearn-survey-results .jcms-message.alert-info {
  background-color: #FFF;
  border-color: #DDD;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-page-circle,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-page-circle,
.app.app-jlearn-item .app-body .jlearn-survey .lf-page-circle,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-page-circle {
  font-size: 14px;
  width: 16px;
  height: 16px;
  background-color: #FFF;
  color: #AAA;
  border: 1px solid #CCC;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-page-circle.CURRENT,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-page-circle.CURRENT,
.app.app-jlearn-item .app-body .jlearn-survey .lf-page-circle.CURRENT,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-page-circle.CURRENT {
  background-color: #00adb8;
  border-color: #00adb8;
  color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-timer.badge.badge-info,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-timer.badge.badge-info,
.app.app-jlearn-item .app-body .jlearn-survey .lf-timer.badge.badge-info,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-timer.badge.badge-info {
  background-color: #ff9800;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-fulldisplay,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-fulldisplay,
.app.app-jlearn-item .app-body .jlearn-survey .lf-fulldisplay,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-fulldisplay,
.app.app-jlearn-item .app-body .jlearn-quiz .lf-statistics,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-statistics,
.app.app-jlearn-item .app-body .jlearn-survey .lf-statistics,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-statistics {
  margin: 0;
  padding: 0;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-fulldisplay .liveform .title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-fulldisplay .liveform .title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-fulldisplay .liveform .title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-fulldisplay .liveform .title,
.app.app-jlearn-item .app-body .jlearn-quiz .lf-page-header,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-page-header,
.app.app-jlearn-item .app-body .jlearn-survey .lf-page-header,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-page-header {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-section-title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-section-title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-section-title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-section-title {
  padding: 0 20px;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-section-title H2,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-section-title H2,
.app.app-jlearn-item .app-body .jlearn-survey .lf-section-title H2,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-section-title H2 {
  font-size: 24px;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-section-desc,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-section-desc,
.app.app-jlearn-item .app-body .jlearn-survey .lf-section-desc,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-section-desc {
  padding: 0 20px 10px 20px;
  color: #737373;
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-save-state,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-save-state,
.app.app-jlearn-item .app-body .jlearn-survey .lf-save-state,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-save-state {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-result,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-result,
.app.app-jlearn-item .app-body .jlearn-survey .lf-result,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-result {
  margin-top: 0;
  padding: 0;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-result .liveform > H2,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-result .liveform > H2,
.app.app-jlearn-item .app-body .jlearn-survey .lf-result .liveform > H2,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-result .liveform > H2 {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-result .liveform .lf-question-title .jalios-icon.required,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-result .liveform .lf-question-title .jalios-icon.required,
.app.app-jlearn-item .app-body .jlearn-survey .lf-result .liveform .lf-question-title .jalios-icon.required,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-result .liveform .lf-question-title .jalios-icon.required {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-result .liveform .btn-update-submission,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-result .liveform .btn-update-submission,
.app.app-jlearn-item .app-body .jlearn-survey .lf-result .liveform .btn-update-submission,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-result .liveform .btn-update-submission {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-items,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-items,
.app.app-jlearn-item .app-body .jlearn-survey .lf-items,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-items {
  border-bottom: 1px solid #DDD;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item {
  margin-bottom: 0;
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  background-color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item .lf-question-number,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item .lf-question-number,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item .lf-question-number,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item .lf-question-number {
  color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item .lf-question-title {
  font-weight: normal;
  font-size: 16px;
  padding: 15px 20px;
  margin-bottom: 20px;
  background-color: #00adb8;
  color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item .lf-question-title .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item .lf-question-title .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item .lf-question-title .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item .lf-question-title .jalios-icon {
  color: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item .lf-question-desc,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item .lf-question-desc,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item .lf-question-desc,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item .lf-question-desc {
  padding: 0 10px;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item .lf-question-body,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item .lf-question-body,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item .lf-question-body,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item .lf-question-body {
  padding: 0 20px 30px;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.FormPage,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.FormPage,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.FormPage,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.FormPage {
  margin-top: 20px;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.FormPage DIV,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.FormPage DIV,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.FormPage DIV,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.FormPage DIV {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered {
  border-radius: 0;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered.CORRECT,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered.CORRECT,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered.CORRECT,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered.CORRECT,
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered.INCORRECT,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered.INCORRECT,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered.INCORRECT,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered.INCORRECT,
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered.UNANSWERED,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered.UNANSWERED,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered.UNANSWERED,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered.UNANSWERED {
  border-color: #DDD;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered .lf-CORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered .lf-CORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered .lf-CORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered .lf-CORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered .lf-MISSED .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered .lf-MISSED .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered .lf-MISSED .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered .lf-MISSED .jalios-icon {
  color: #8ec255;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered .lf-INCORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered .lf-INCORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered .lf-INCORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered .lf-INCORRECT .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered .lf-UNANSWERED .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered .lf-UNANSWERED .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered .lf-UNANSWERED .jalios-icon,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered .lf-UNANSWERED .jalios-icon {
  color: #dd352e;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered .lf-question-title {
  border-radius: 0;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered.UNANSWERED .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered.UNANSWERED .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered.UNANSWERED .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered.UNANSWERED .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered.INCORRECT .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered.INCORRECT .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered.INCORRECT .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered.INCORRECT .lf-question-title {
  color: #FFF;
  background-color: #dd352e;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered.CORRECT .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered.CORRECT .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered.CORRECT .lf-question-title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered.CORRECT .lf-question-title {
  color: #FFF;
  background-color: #8ec255;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered .lf-explanation,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered .lf-explanation,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered .lf-explanation,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered .lf-explanation {
  margin-bottom: 30px;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-item.lf-item-answered .lf-explanation .jcms-message-title,
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item.lf-item-answered .lf-explanation .jcms-message-title,
.app.app-jlearn-item .app-body .jlearn-survey .lf-item.lf-item-answered .lf-explanation .jcms-message-title,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item.lf-item-answered .lf-explanation .jcms-message-title {
  color: #959595;
}
.app.app-jlearn-item .app-body .jlearn-quiz .lf-toolbar,
.app.app-jlearn-item .app-body .jlearn-survey .lf-toolbar,
.app.app-jlearn-item .app-body .jlearn-quiz .table-data,
.app.app-jlearn-item .app-body .jlearn-survey .table-data,
.app.app-jlearn-item .app-body .jlearn-quiz H3,
.app.app-jlearn-item .app-body .jlearn-survey H3 {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz-results h2,
.app.app-jlearn-item .app-body .jlearn-survey-results h2 {
  padding-top: 0;
  margin-top: 0;
}
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-toolbar,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-toolbar {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz-results .liveform h2,
.app.app-jlearn-item .app-body .jlearn-survey-results .liveform h2 {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-item,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-item {
  padding-bottom: 40px;
}
.app.app-jlearn-item .app-body .jlearn-quiz-results .lf-statistics .jalios-icon.required,
.app.app-jlearn-item .app-body .jlearn-survey-results .lf-statistics .jalios-icon.required {
  display: none;
}
.app.app-jlearn-item .app-body .jlearn-quiz-results .btn-export-quiz-results,
.app.app-jlearn-item .app-body .jlearn-survey-results .btn-export-quiz-results {
  margin-bottom: 10px;
}
.app.app-jlearn-item .app-body .jalios-icon.jcmsplugin-jlearn-started {
  color: #ff9800;
}
.app.app-jlearn-item .app-body .jalios-icon.jcmsplugin-jlearn-completed {
  color: #8ec255;
}
.app.app-jlearn-item .app-body .jalios-icon.jcmsplugin-jlearn-quiz-done {
  color: #777;
}
.app.app-jlearn-item .app-body .jalios-icon.jcmsplugin-jlearn-quiz-success {
  color: #8ec255;
}
.app.app-jlearn-item .app-body .jalios-icon.jcmsplugin-jlearn-quiz-failed {
  color: #dd352e;
}
.app.app-jlearn-item .app-body .jlearn-content .no-doc-preview {
  background-color: #FFF;
  padding: 20px;
}
.app.app-jlearn-item .app-body .jlearn-content .no-doc-preview .no-doc-preview-metadata {
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .jlearn-content .jguide-text {
  border: 1px solid #DDD;
  background-color: #FFF;
  color: #333333;
}
.app.app-jlearn-item .app-body .jlearn-content .jguide-text p code {
  background-color: #f9f2f4;
  color: #c7254e;
}
.app.app-jlearn-item .app-body .jlearn-content .scorm-placeholder {
  display: none;
  background: #FFF;
}
.app.app-jlearn-item .app-body .jlearn-content .scorm-placeholder .wait-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app.app-jlearn-item .app-body .jlearn-attendees {
  margin-bottom: 80px;
}
.app.app-jlearn-item .app-body .jlearn-attendees H2 {
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .jlearn-attendees .item-result {
  margin-bottom: 80px;
}
.app.app-jlearn-item .app-body .item-session-request-list {
  padding-top: 15px;
}
.app.app-jlearn-item .app-body .item-session-request-list .state A {
  text-decoration: none !important;
}
.app.app-jlearn-item .app-body .item-session-request-list .state A:hover {
  text-decoration: none !important;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions {
  padding-top: 5px;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions .session-request-dropdown {
  font-size: 14px;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions .session-request-dropdown .jalios-icon {
  color: #5f6368;
  font-size: 14px !important;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions .session-request-dropdown .session-request-dropdown-menu {
  margin-left: 5px !important;
  font-size: 13px !important;
  font-family: 'embedded-roboto' !important;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions .session-request-dropdown .session-request-dropdown-menu .jalios-icon {
  color: #5f6368;
  font-size: 15px !important;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions .session-request-dropdown .session-request-dropdown-menu .menu-label {
  margin-left: 5px !important;
  font-size: 13px !important;
  font-family: 'embedded-roboto' !important;
  display: inline-block;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions A {
  text-decoration: none !important;
}
.app.app-jlearn-item .app-body .item-session-request-list .session-request-actions A:hover {
  text-decoration: none !important;
}
.app.app-jlearn-item .app-body .prerequisites {
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .embed .thumb {
  display: block;
  margin-bottom: 20px;
}
.app.app-jlearn-item .app-body .embed .provider {
  display: none;
}
.app.app-jlearn-item .app-body .embed .description {
  margin-top: 20px;
}
.app.app-jlearn-item .app-body .tab-content .instructions,
.app.app-jlearn-item .app-body .tab-content .internal-content,
.app.app-jlearn-item .app-body .tab-content .jlearn-quiz,
.app.app-jlearn-item .app-body .tab-content .jlearn-survey,
.app.app-jlearn-item .app-body .tab-content .jlearn-quiz-results,
.app.app-jlearn-item .app-body .tab-content .jlearn-survey-results,
.app.app-jlearn-item .app-body .tab-content .fulldisplay-footer {
  max-width: 1024px;
}
.app.app-jlearn-item .app-body .tab-content .fulldisplay-footer {
  display: none;
  margin-top: 40px;
}
.app.app-jlearn-item .app-body .tab-content #content.active ~ .fulldisplay-footer,
.app.app-jlearn-item .app-body .tab-content #instructions.active ~ .fulldisplay-footer,
.app.app-jlearn-item .app-body .tab-content #info.active ~ .fulldisplay-footer {
  display: block;
  margin: 20px auto 0px auto;
}
.app.app-jlearn-item .app-body .tab-content #content.active ~ .fulldisplay-footer .vote-footer,
.app.app-jlearn-item .app-body .tab-content #instructions.active ~ .fulldisplay-footer .vote-footer,
.app.app-jlearn-item .app-body .tab-content #info.active ~ .fulldisplay-footer .vote-footer,
.app.app-jlearn-item .app-body .tab-content #content.active ~ .fulldisplay-footer .dbcomment-wrapper,
.app.app-jlearn-item .app-body .tab-content #instructions.active ~ .fulldisplay-footer .dbcomment-wrapper,
.app.app-jlearn-item .app-body .tab-content #info.active ~ .fulldisplay-footer .dbcomment-wrapper {
  padding: 20px 0px 0px 0px;
}
.app.app-jlearn-item .app-body .tab-content #content.is-many-items-path.active ~ .fulldisplay-footer {
  margin-left: 0px;
  margin-top: 20px;
}
.app.app-jlearn-item .app-body .tab-content #content.is-many-items-path.active ~ .fulldisplay-footer .vote-footer,
.app.app-jlearn-item .app-body .tab-content #content.is-many-items-path.active ~ .fulldisplay-footer .dbcomment-wrapper {
  padding: 20px 20px 0px 0px;
}
.app.app-jlearn-item .app-body .tab-content #content.is-many-items-path.active ~ .fulldisplay-footer .comment-pane {
  padding: 0 0 10px 0px;
}
.app.app-jlearn-item .app-body .tab-content #info.active ~ .fulldisplay-footer {
  max-width: 920px !important;
}
.app.app-jlearn-item .app-body .tab-content #content.active ~ .fulldisplay-footer {
  max-width: 1130px !important;
}
.app.app-jlearn-item .app-body .tab-content #content.is-path.active ~ .fulldisplay-footer {
  max-width: 1180px !important;
}
.app.app-jlearn-item .app-body .tab-content #instructions.active ~ .fulldisplay-footer {
  max-width: 854px !important;
}
.app.app-jlearn-item .jlearn-metadata {
  background-color: #00adb8;
  color: #FFFFFF;
  margin-bottom: 20px;
  padding: 4px 8px;
  width: 600px;
}
.app.app-jlearn-item .jlearn-metadata A {
  color: #FFFFFF;
}
.app.app-jlearn-item .jlearn-metadata UL {
  margin: 0;
}
.app.app-jlearn-item .jlearn-path-steps h2 {
  margin-top: 0;
  padding-top: 0;
}
.app.app-jlearn-item .jlearn-path-progress .jlearn-path-progress-info {
  font-size: 16px;
}
.app.app-jlearn-item .jlearn-path-progress UL {
  display: inline;
  padding-left: 10px;
}
.app.app-jlearn-item .jlearn-path-progress LI {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 0;
  list-style-type: none;
  line-height: 26px;
  margin-right: 1px;
  border-radius: 50%;
  border: 2px solid #AAA;
  color: #777;
}
.app.app-jlearn-item .jlearn-path-progress LI A {
  color: #777;
  text-decoration: none;
}
.app.app-jlearn-item .jlearn-path-progress LI.step {
  background-color: #FFF;
}
.app.app-jlearn-item .jlearn-path-progress LI.completed,
.app.app-jlearn-item .jlearn-path-progress LI.started {
  color: #FFF;
  border-color: #FFF;
}
.app.app-jlearn-item .jlearn-path-progress LI.completed A,
.app.app-jlearn-item .jlearn-path-progress LI.started A {
  color: #FFF;
}
.app.app-jlearn-item .jlearn-path-progress LI.completed {
  background-color: #8ec255;
}
.app.app-jlearn-item .jlearn-path-progress LI.started {
  background-color: #ff9800;
}
.app.app-jlearn-item .jlearn-path-progress LI.step-start,
.app.app-jlearn-item .jlearn-path-progress LI.step-finish {
  font-size: 22px;
  color: #999;
  border: 0;
  background-color: transparent;
}
.app.app-jlearn-item .jlearn-items {
  padding-top: 40px;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper {
  display: inline-block;
  width: 289px;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step {
  overflow: hidden;
  width: 293px;
  height: 80px;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step line {
  stroke: #FFF;
  stroke-width: 4px;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step text {
  text-anchor: middle;
  fill: #777;
  font-size: 16px;
  font-weight: bold;
  pointer-events: none;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step circle {
  fill: #DDDDDD;
  stroke: #FFF;
  stroke-width: 4px;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step circle:hover {
  stroke: #999;
  fill: #FFF;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step A {
  text-decoration: none;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step.jlearn-step-completed circle {
  fill: #8ec255;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step.jlearn-step-completed circle:hover {
  stroke: #8ec255;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step.jlearn-step-completed text {
  fill: #FFF;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step.jlearn-step-started circle {
  fill: #ff9800;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step.jlearn-step-started circle:hover {
  stroke: #ff9800;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step.jlearn-step-started text {
  fill: #FFF;
}
.app.app-jlearn-item .jlearn-items .jlearn-card-wrapper svg.jlearn-step.jlearn-step-started text:hover {
  stroke: transparent;
}
.app.app-jlearn-item .vote-footer {
  margin: 0 0 5px 0;
  padding: 20px;
  border: 0;
  background-color: #FFF;
  color: #00adb8;
  font-weight: normal;
  font-size: 18px;
}
.app.app-jlearn-item .dbcomment-wrapper {
  background-color: #FFF;
  padding: 20px;
}
.app.app-jlearn-item .dbcomment-wrapper .dbcommentCount {
  margin-top: 0;
  padding: 0;
  border: 0;
  color: #00adb8;
  font-weight: normal;
  font-size: 18px;
}
.app.app-jlearn-item .dbcomment-wrapper .dbcommentCount img {
  display: none;
}
.jlearn-course .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title {
  color: #009EF5;
}
.jlearn-course .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title A {
  color: #009EF5;
}
.jlearn-course .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .organization A .jlearn-card-body {
  color: #009EF5;
  font-size: 24px;
}
.jlearn-course .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .organization A:hover {
  text-decoration: none;
}
.jlearn-course .app.app-jlearn-item .jlearn-intro .buttons .btn {
  margin-bottom: 10px;
}
.jlearn-course .app.app-jlearn-item .instructors H2 {
  margin-bottom: 20px;
}
.jlearn-course .app.app-jlearn-item .instructors .card,
.jlearn-course .app.app-jlearn-item .instructors .card-inline-layout .card-flip-wrapper {
  margin-bottom: 20px;
}
.jlearn-course .app.app-jlearn-item .jlearn-content .jlearn-session-dates,
.jlearn-course .app.app-jlearn-item .jlearn-content .jlearn-session-location,
.jlearn-course .app.app-jlearn-item .jlearn-content .jlearn-session-room,
.jlearn-course .app.app-jlearn-item .jlearn-content .jlearn-session-visio {
  margin-bottom: 10px;
}
.jlearn-course .app.app-jlearn-item .jlearn-content .vote-footer {
  color: #009EF5;
}
.jlearn-course .app.app-jlearn-item .jlearn-content .dbcomment-wrapper .dbcommentCount {
  color: #009EF5;
}
.jlearn-course .app.app-jlearn-item .jlearn-body .nav-tabs A:hover {
  background-color: #10aaff;
}
.jlearn-path .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title {
  color: #005db4;
}
.jlearn-path .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title A {
  color: #005db4;
}
.jlearn-path .app.app-jlearn-item .jlearn-content .vote-footer {
  color: #005db4;
}
.jlearn-path .app.app-jlearn-item .jlearn-content .dbcomment-wrapper .dbcommentCount {
  color: #005db4;
}
.jlearn-path .app.app-jlearn-item .jlearn-body .nav-tabs A:hover {
  background-color: #7FB2CC;
}
.jlearn-path.jlearn-custom-path .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title {
  color: #4caf50;
}
.jlearn-path.jlearn-custom-path .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title A {
  color: #4caf50;
}
.jlearn-path.jlearn-custom-path .app.app-jlearn-item .jlearn-content .vote-footer {
  color: #4caf50;
}
.jlearn-path.jlearn-custom-path .app.app-jlearn-item .jlearn-content .dbcomment-wrapper .dbcommentCount {
  color: #4caf50;
}
.jlearn-path.jlearn-custom-path .app.app-jlearn-item .jlearn-body .nav-tabs A:hover {
  background-color: #8ec255;
}
.jlearn-path.jlearn-model-path .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title {
  color: #6a2a99;
}
.jlearn-path.jlearn-model-path .app.app-jlearn-item .jlearn-intro .jlearn-intro-metadata .title A {
  color: #6a2a99;
}
.jlearn-path.jlearn-model-path .app.app-jlearn-item .jlearn-content .vote-footer {
  color: #6a2a99;
}
.jlearn-path.jlearn-model-path .app.app-jlearn-item .jlearn-content .dbcomment-wrapper .dbcommentCount {
  color: #6a2a99;
}
.jlearn-path.jlearn-model-path .app.app-jlearn-item .jlearn-body .nav-tabs A:hover {
  background-color: #c56dd8;
}
.jlearn-completed .app-header .jlearn-path {
  padding-left: 5px;
}
.app-jlearn .jlearn-attendees .chart-indicator {
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
}
.app-jlearn .jlearn-attendees .chart-indicator canvas {
  position: relative !important;
}
.app-jlearn .jlearn-attendees .chart-indicator .indicator-number {
  position: absolute;
  font-size: 26px;
  font-weight: 500;
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.app-jlearn .jlearn-attendees .chart-indicator .indicator-number-tiny {
  position: absolute;
  font-size: 20px;
  font-weight: 400;
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.app-jlearn .jlearn-attendees .jlearn-indicators-update-date {
  width: 100%;
  display: inline-block;
}
.app-jlearn .jlearn-attendees .jlearn-indicators-update-date SPAN {
  float: right;
}
.app-jlearn .jlearn-attendees .chart-title {
  text-align: center;
  color: #555555;
  font-weight: 500;
  margin-top: 15px;
  width: 100%;
}
.app-jlearn .jlearn-attendees .chart-title .icon-jlearn-popularity {
  margin-right: 5px;
}
.app.app-jlearn-dashboard .app-sidebar #dateFilter {
  margin-top: 20px;
}
.app.app-jlearn-dashboard .app-body .card-inline-layout {
  max-width: 1167px;
  margin: auto;
}
.app.app-jlearn-dashboard .app-body .card-inline-layout .card-flip-wrapper {
  margin-right: 18px;
  margin-left: 18px;
}
.app.app-jlearn-dashboard .app-body .jlearn-session-list .all-managers {
  text-align: center;
}
.app.app-jlearn-dashboard .app-body .jlearn-session-list .all-managers A {
  text-decoration: none !important;
}
.app.app-jlearn-dashboard .app-body .jlearn-session-list .all-managers A:hover {
  text-decoration: none !important;
}
.app.app-jlearn-dashboard .app-body .table .jalios-icon.jcmsplugin-jlearn-path {
  color: #005db4;
}
.app.app-jlearn-dashboard .app-body .table TD.attendances {
  text-align: center;
}
.app.app-jlearn-dashboard .app-body .table TD.attendances A {
  text-decoration: none;
}
.app.app-jlearn-dashboard .app-body .table TD.certificates {
  text-align: center;
}
.app.app-jlearn-dashboard .app-body .table TD.certificates A {
  text-decoration: none;
}
.app.app-jlearn-dashboard .app-body .jlearn-sessions {
  margin: auto;
  max-width: 814px;
}
.app.app-jlearn-dashboard .app-body .jlearn-sessions .jlearn-session {
  padding: 20px;
  grid-template-columns: 70px 1fr 260px;
}
.app.app-jlearn-dashboard .app-body .jlearn-sessions .jlearn-session .session-progress-info {
  color: #DD352E;
}
.app.app-jlearn-dashboard .app-body .dashboard-training-request-list .state A {
  text-decoration: none !important;
}
.app.app-jlearn-dashboard .app-body .dashboard-training-request-list .state A:hover {
  text-decoration: none !important;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest {
  background-color: transparent;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .training-request-item {
  display: flex;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body {
  width: 100%;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation {
  padding: 40px;
  width: 100%;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation {
  display: flex;
  padding-bottom: 20px;
  background-color: white;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-member {
  width: 60px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content {
  width: 100%;
  margin-top: 12px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content .tr-titre,
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content .tr-description {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-top: 20px;
  width: 100%;
  padding: 10px 20px 20px 10px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content .tr-otherContents {
  width: 100%;
  margin-top: 20px;
  position: relative;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content .tr-otherContents .oc-container {
  width: 100%;
  top: 5px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content .tr-otherContents .oc-container .oc-titre {
  margin-top: 10px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content .tr-otherContents .oc-container .oc-image {
  margin-top: 12px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .tr-item-conversation .tr-conversation .tr-content .tr-otherContents .tr-buttons {
  position: absolute;
  z-index: 10;
  right: 0;
  top: -4px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .svg-container svg g line,
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .svg-container svg g.active ~ g line {
  stroke: #EEE;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .svg-container svg g circle,
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .svg-container svg g.active ~ g circle {
  fill: #EEE;
  stroke: #EEE;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .svg-container svg g.active:last-child circle {
  fill: #009EF5;
  stroke: #009EF5;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .svg-container svg g.active circle {
  fill: #F89406;
  stroke: #F89406;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .svg-container svg g.active:first-child circle {
  fill: #5cb85c;
  stroke: #5cb85c;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .dbcommentCount,
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .itemlist-item-date {
  display: none;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-body .fulldisplay-footer {
  margin: 40px 0px 0px -14px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata {
  width: 400px;
  margin: 0 20px 0 20px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .panel-heading {
  background-color: #00adb8;
  color: #FFF;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .panel-heading .panel-title {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  font-family: embedded-roboto-condensed, embedded-roboto, Helvetica, Arial, sans-serif;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata {
  margin-bottom: 0;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY TR TD {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY TR > TD:first-child {
  width: 33%;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .author TD,
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .manager TD,
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .other-info TD {
  border-top-width: 1px !important;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .wf-state .manager-view {
  margin-top: -5px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .wf-state A {
  color: #FFF !important;
  font-size: 14px;
  line-height: 30px !important;
  text-decoration: none !important;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .wf-state A:hover {
  text-decoration: none !important;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .link-wf-history {
  font-size: 12px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY .icon {
  display: inline-block;
  width: 39px;
  padding-right: 5px;
  font-size: 20px;
  color: #999;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY LI {
  padding-bottom: 10px;
}
.app.app-jlearn-dashboard .app-body .TrainingRequest .tr-item-metadata .table-metadata TBODY LI A {
  color: #333333;
}
.app.app-jlearn-catalog .app-sidebar-menu LI INPUT {
  display: none;
}
.app.app-jlearn-catalog .app-sidebar-section-title .topic .jalios-icon {
  font-size: 14px;
  vertical-align: bottom;
}
.app.app-jlearn-catalog .app-body .card-inline-layout {
  max-width: 1167px;
  margin: auto;
}
.app.app-jlearn-catalog .app-body .card-inline-layout .card-flip-wrapper {
  margin-right: 18px;
  margin-left: 18px;
}
.app.app-jlearn-catalog .app-body .no-result {
  font-size: 18px;
}
.app.app-jlearn-catalog .app-body .catalog-search-all-button {
  margin-left: 10px;
  margin-top: 0px;
}
.app.app-jlearn-catalog .card-inline-layout .card-flip-wrapper,
.app.app-jlearn-dashboard .card-inline-layout .card-flip-wrapper {
  width: 253px;
  height: 354px;
}
IMG.jlearn-corner {
  position: absolute;
  top: 0;
  left: 0;
}
IMG.jlearn-corner-right {
  position: absolute;
  top: 0;
  right: 0;
}
IMG.jlearn-card-label {
  position: absolute;
  top: 10px;
  right: 10px;
}
.jlearn-body .nav-tabs {
  margin-top: -61px;
  margin-bottom: 30px;
}
.jlearn-body .nav-tabs A {
  color: #FFFFFF;
  border-color: transparent;
}
.jlearn-body .nav-tabs A:hover {
  padding: 10px 15px 9px;
  background-color: #7FD6DB;
  border-color: transparent;
}
.jlearn-body .nav-tabs LI.active A {
  color: #555555;
  padding: 10px 15px;
  background-color: white;
}
.jlearn-body .nav-tabs LI.active A:hover {
  background-color: white;
}
.jlearn .summary {
  margin-bottom: 40px;
}
.jlearn .summary .indicator {
  font-family: inherit;
  line-height: 1.1;
  font-size: 40px;
  min-height: 20px;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  background-color: #FFF;
  border-radius: 12px;
  border: 1px solid #ff9800;
  color: #777;
}
.jlearn .summary .indicator .indicator-value {
  color: #ff9800;
  margin-bottom: 3px;
}
.jlearn .summary .indicator .indicator-value.duration {
  font-size: 24px;
  line-height: 44px;
}
.jlearn .summary .indicator .indicator-text {
  font-size: 16px;
  white-space: nowrap;
}
.jlearn .summary .indicator .text-wrap {
  white-space: normal;
}
.icon-jlearn-level1,
.icon-jlearn-level2,
.icon-jlearn-level3 {
  width: 30px;
}
.app.jlearn-path-editor .app-header {
  background-color: #005db4;
}
.app.jlearn-path-editor .app-header .jalios-icon.jcmsplugin-jlearn-path {
  color: #FFF !important;
}
.app.jlearn-custom-path-editor .app-header {
  background-color: #4caf50;
}
.app.jlearn-custom-path-editor .app-header .jalios-icon.jcmsplugin-jlearn-path {
  color: #FFF !important;
}
.app.jlearn-path-editor .app-header,
.app.jlearn-model-path-editor .app-header,
.app.jlearn-custom-path-editor .app-header,
.app.jlearn-resource-editor .app-header,
.app.jlearn-course-editor .app-header {
  padding: 30px 10px 30px 20px;
}
@media (min-width: 1200px) {
  .app.jlearn-path-editor .app-header,
  .app.jlearn-model-path-editor .app-header,
  .app.jlearn-custom-path-editor .app-header,
  .app.jlearn-resource-editor .app-header,
  .app.jlearn-course-editor .app-header {
    padding: 60px 20px 30px 40px;
  }
}
.app.jlearn-path-editor .app-sidebar UL.app-sidebar-menu LI .app-list-right-icon,
.app.jlearn-model-path-editor .app-sidebar UL.app-sidebar-menu LI .app-list-right-icon,
.app.jlearn-custom-path-editor .app-sidebar UL.app-sidebar-menu LI .app-list-right-icon,
.app.jlearn-resource-editor .app-sidebar UL.app-sidebar-menu LI .app-list-right-icon,
.app.jlearn-course-editor .app-sidebar UL.app-sidebar-menu LI .app-list-right-icon {
  display: none;
}
.app.jlearn-path-editor .app-sidebar UL.app-sidebar-menu LI.active .app-list-right-icon,
.app.jlearn-model-path-editor .app-sidebar UL.app-sidebar-menu LI.active .app-list-right-icon,
.app.jlearn-custom-path-editor .app-sidebar UL.app-sidebar-menu LI.active .app-list-right-icon,
.app.jlearn-resource-editor .app-sidebar UL.app-sidebar-menu LI.active .app-list-right-icon,
.app.jlearn-course-editor .app-sidebar UL.app-sidebar-menu LI.active .app-list-right-icon {
  display: block;
}
.app.jlearn-path-editor .external-content,
.app.jlearn-model-path-editor .external-content,
.app.jlearn-custom-path-editor .external-content,
.app.jlearn-resource-editor .external-content,
.app.jlearn-course-editor .external-content {
  max-height: 240px;
}
.app.jlearn-path-editor .external-content a,
.app.jlearn-model-path-editor .external-content a,
.app.jlearn-custom-path-editor .external-content a,
.app.jlearn-resource-editor .external-content a,
.app.jlearn-course-editor .external-content a {
  display: none;
}
.app.jlearn-path-editor .external-content iframe,
.app.jlearn-model-path-editor .external-content iframe,
.app.jlearn-custom-path-editor .external-content iframe,
.app.jlearn-resource-editor .external-content iframe,
.app.jlearn-course-editor .external-content iframe {
  max-width: 427px;
  max-height: 240px;
}
.app.jlearn-model-path-editor .app-header {
  background-color: #6a2a99;
}
.app.jlearn-model-path-editor .app-header .jalios-icon.jcmsplugin-jlearn-path {
  color: #FFF !important;
}
.app.jlearn-course-editor .app-header {
  background-color: #009EF5;
}
.app.jlearn-course-editor .app-header .jalios-icon.jcmsplugin-jlearn-course {
  color: #FFF !important;
}
.app.jlearn-resource-editor .app-header {
  background-color: #00adb8;
}
.app.jlearn-resource-editor .app-header .jalios-icon.jcmsplugin-jlearn-resource {
  color: #FFF !important;
}
.app.jlearn-path-editor .jlearn-item-buttons,
.app.jlearn-resource-editor .jlearn-item-buttons {
  margin-top: 40px;
}
@-webkit-keyframes jlearn-visual-pulse {
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes jlearn-visual-pulse {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.jlearn-daily-reminder .intro {
  margin-bottom: 20px;
}
.jlearn-daily-reminder .jlearn-items {
  margin-bottom: 40px;
}
.jlearn-daily-reminder .jlearn-items .intro-started {
  margin-bottom: 20px;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item {
  margin-bottom: 30px;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-visual {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border: 1px solid #777;
  margin-right: 10px;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-visual A:hover {
  text-decoration: none;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-visual img {
  width: 160px;
  height: 90px;
  object-fit: cover;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-visual .jlearn-corner {
  position: abolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-visual .jlearn-visual-footer {
  width: 100%;
  background-color: #00adb8;
  color: #FFF;
  padding: 5px 15px;
  text-align: center;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-visual:hover .jlearn-visual-footer {
  background-color: #00959f;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-info {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 570px;
  color: #AAA;
  height: 120px;
  overflow: hidden;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-info A {
  font-weight: bold;
}
.jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-info:after {
  content: "";
  position: absolute;
  top: 80px;
  left: 0;
  height: 40px;
  width: 100%;
  background: linear-gradient(rgba(255, 255, 255, 0), #FFF);
}
.alert-read .jlearn-daily-reminder .jlearn-items .jlearn-item .jlearn-info:after {
  background: linear-gradient(rgba(255, 255, 255, 0), #F7F7F7);
}
.jlearn-portlet-suggestion {
  background-color: #FFF;
  margin: 0px;
  padding: 0px;
}
.jlearn-portlet-suggestion .app-no-results {
  text-align: center;
}
.jlearn-portlet-session {
  background-color: #FFF;
  border: 1px solid #FFF;
  border-radius: 15px;
  margin: 0;
  padding: 0;
}
.jlearn-portlet-session .itemlist-wrapper .itemlist-item:hover {
  background-color: #eeeeee !important;
  color: #555555 !important;
}
.jlearn-portlet-session .itemlist-wrapper .itemlist-item:hover .itemlist-item-text {
  color: #555555 !important;
}
.jlearn-portlet-session .itemlist-wrapper .itemlist-item:hover .itemlist-item-date {
  color: #555555 !important;
}
.jlearn-portlet-session .app-no-results {
  text-align: center;
}
.jlearn-portlet-session .jlearn-session-list .itemlist-item-jlearn-left {
  margin-right: 7px;
}
.jlearn-portlet-session .jlearn-session-list .itemlist-item-jlearn-left .itemlist-item-meta {
  white-space: nowrap;
}
.jlearn-portlet-session .jlearn-session-list .state {
  display: inline-block;
}
.jlearn-portlet-session .jlearn-session-list .mandatory-icon {
  display: inline-block;
  width: 24px;
  text-align: right;
  color: #999;
}
.path-type-chooser {
  margin-top: 40px;
}
.video-type-chooser A,
.path-type-chooser A,
.session-type-chooser A {
  text-decoration: none;
  color: #333333;
}
.video-type-chooser .alert,
.path-type-chooser .alert,
.session-type-chooser .alert {
  margin-bottom: 40px;
}
.video-type-chooser .video-type-wrapper,
.path-type-chooser .video-type-wrapper,
.session-type-chooser .video-type-wrapper,
.video-type-chooser .path-type-wrapper,
.path-type-chooser .path-type-wrapper,
.session-type-chooser .path-type-wrapper,
.video-type-chooser .session-type-wrapper,
.path-type-chooser .session-type-wrapper,
.session-type-chooser .session-type-wrapper {
  text-align: center;
}
.video-type-chooser .video-type-url,
.path-type-chooser .video-type-url,
.session-type-chooser .video-type-url,
.video-type-chooser .video-type-file,
.path-type-chooser .video-type-file,
.session-type-chooser .video-type-file,
.video-type-chooser .path-type-session,
.path-type-chooser .path-type-session,
.session-type-chooser .path-type-session,
.video-type-chooser .path-type-nosession,
.path-type-chooser .path-type-nosession,
.session-type-chooser .path-type-nosession,
.video-type-chooser .session-type-classroom,
.path-type-chooser .session-type-classroom,
.session-type-chooser .session-type-classroom,
.video-type-chooser .session-type-visio,
.path-type-chooser .session-type-visio,
.session-type-chooser .session-type-visio {
  display: inline-block;
  vertical-align: top;
  padding: 0px 80px;
  height: 160px;
}
.video-type-chooser .video-type-url .visual,
.path-type-chooser .video-type-url .visual,
.session-type-chooser .video-type-url .visual,
.video-type-chooser .video-type-file .visual,
.path-type-chooser .video-type-file .visual,
.session-type-chooser .video-type-file .visual,
.video-type-chooser .path-type-session .visual,
.path-type-chooser .path-type-session .visual,
.session-type-chooser .path-type-session .visual,
.video-type-chooser .path-type-nosession .visual,
.path-type-chooser .path-type-nosession .visual,
.session-type-chooser .path-type-nosession .visual,
.video-type-chooser .session-type-classroom .visual,
.path-type-chooser .session-type-classroom .visual,
.session-type-chooser .session-type-classroom .visual,
.video-type-chooser .session-type-visio .visual,
.path-type-chooser .session-type-visio .visual,
.session-type-chooser .session-type-visio .visual {
  margin-bottom: 10px;
}
.video-type-chooser .video-type-url .visual .jalios-icon,
.path-type-chooser .video-type-url .visual .jalios-icon,
.session-type-chooser .video-type-url .visual .jalios-icon,
.video-type-chooser .video-type-file .visual .jalios-icon,
.path-type-chooser .video-type-file .visual .jalios-icon,
.session-type-chooser .video-type-file .visual .jalios-icon,
.video-type-chooser .path-type-session .visual .jalios-icon,
.path-type-chooser .path-type-session .visual .jalios-icon,
.session-type-chooser .path-type-session .visual .jalios-icon,
.video-type-chooser .path-type-nosession .visual .jalios-icon,
.path-type-chooser .path-type-nosession .visual .jalios-icon,
.session-type-chooser .path-type-nosession .visual .jalios-icon,
.video-type-chooser .session-type-classroom .visual .jalios-icon,
.path-type-chooser .session-type-classroom .visual .jalios-icon,
.session-type-chooser .session-type-classroom .visual .jalios-icon,
.video-type-chooser .session-type-visio .visual .jalios-icon,
.path-type-chooser .session-type-visio .visual .jalios-icon,
.session-type-chooser .session-type-visio .visual .jalios-icon {
  font-size: 64px;
  color: #777 !important;
}
.video-type-chooser .video-type-url .type-title,
.path-type-chooser .video-type-url .type-title,
.session-type-chooser .video-type-url .type-title,
.video-type-chooser .video-type-file .type-title,
.path-type-chooser .video-type-file .type-title,
.session-type-chooser .video-type-file .type-title,
.video-type-chooser .path-type-session .type-title,
.path-type-chooser .path-type-session .type-title,
.session-type-chooser .path-type-session .type-title,
.video-type-chooser .path-type-nosession .type-title,
.path-type-chooser .path-type-nosession .type-title,
.session-type-chooser .path-type-nosession .type-title,
.video-type-chooser .session-type-classroom .type-title,
.path-type-chooser .session-type-classroom .type-title,
.session-type-chooser .session-type-classroom .type-title,
.video-type-chooser .session-type-visio .type-title,
.path-type-chooser .session-type-visio .type-title,
.session-type-chooser .session-type-visio .type-title {
  font-size: 18px;
  margin-bottom: 5px;
}
.video-type-chooser .video-type-url .type-subtitle,
.path-type-chooser .video-type-url .type-subtitle,
.session-type-chooser .video-type-url .type-subtitle,
.video-type-chooser .video-type-file .type-subtitle,
.path-type-chooser .video-type-file .type-subtitle,
.session-type-chooser .video-type-file .type-subtitle,
.video-type-chooser .path-type-session .type-subtitle,
.path-type-chooser .path-type-session .type-subtitle,
.session-type-chooser .path-type-session .type-subtitle,
.video-type-chooser .path-type-nosession .type-subtitle,
.path-type-chooser .path-type-nosession .type-subtitle,
.session-type-chooser .path-type-nosession .type-subtitle,
.video-type-chooser .session-type-classroom .type-subtitle,
.path-type-chooser .session-type-classroom .type-subtitle,
.session-type-chooser .session-type-classroom .type-subtitle,
.video-type-chooser .session-type-visio .type-subtitle,
.path-type-chooser .session-type-visio .type-subtitle,
.session-type-chooser .session-type-visio .type-subtitle {
  font-size: 14px;
}
.card-inline-layout .card.jlearn-card {
  width: 253px;
  height: 354px;
}
.card-inline-layout .card.jlearn-card .card-img {
  height: 162px;
}
.card-inline-layout .card.jlearn-card .jlearn-card-corner-action {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.card-inline-layout .card.jlearn-card .jlearn-card-corner-action SPAN {
  display: block;
  color: #777;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
}
.card-inline-layout .card.jlearn-card .jlearn-card-corner-action:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.card-inline-layout .card.jlearn-card .jlearn-card-corner-action:hover A {
  color: #555;
}
.card-inline-layout .card.jlearn-card .card-title .jalios-icon {
  font-size: 24px;
}
.card-inline-layout .card.jlearn-card .card-title .item-number::after {
  content: ".";
}
.card-inline-layout .card.jlearn-card .card-title A {
  text-decoration: none;
  color: #333333;
}
.card-inline-layout .card.jlearn-card .card-front .card-title {
  min-height: 57px;
  max-height: 70px;
  overflow: hidden;
}
.card-inline-layout .card.jlearn-card .card-front .card-body {
  height: 162px;
}
.card-inline-layout .card.jlearn-card .card-body .member,
.card-inline-layout .card.jlearn-card .card-body .author {
  height: 60px;
}
.card-inline-layout .card.jlearn-card .card-body .member .wrapper-photo,
.card-inline-layout .card.jlearn-card .card-body .author .wrapper-photo {
  margin-right: 10px;
  border: 0;
  box-shadow: 0 0 0;
  padding: 0;
}
.card-inline-layout .card.jlearn-card .card-body .member .wrapper-photo IMG.photo,
.card-inline-layout .card.jlearn-card .card-body .author .wrapper-photo IMG.photo {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.card-inline-layout .card.jlearn-card .card-body .member .wrapper-photo .initials,
.card-inline-layout .card.jlearn-card .card-body .author .wrapper-photo .initials {
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 20px;
}
.card-inline-layout .card.jlearn-card .card-body .member .wrapper-photo .photo-anchor,
.card-inline-layout .card.jlearn-card .card-body .author .wrapper-photo .photo-anchor {
  display: none;
}
.card-inline-layout .card.jlearn-card .card-body .member .name,
.card-inline-layout .card.jlearn-card .card-body .author .name {
  padding-top: 5px;
  color: #333333;
  font-size: 14px;
}
.card-inline-layout .card.jlearn-card .card-body .organization IMG {
  max-height: 50px;
}
.card-inline-layout .card.jlearn-card .card-body .organizations IMG {
  max-height: 50px;
}
.card-inline-layout .card.jlearn-card .card-body .organizations IMG:last-child {
  margin-left: 10px;
}
.card-inline-layout .card.jlearn-card .card-block-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  padding: 4px 8px;
  background-color: #00adb8;
  color: #FFFFFF;
  font-size: 14px;
  overflow: hidden;
  line-height: 30px;
  padding: 0px 0 0 8px;
}
.card-inline-layout .card.jlearn-card .card-block-footer .jalios-icon {
  font-size: 16px;
  color: #FFF;
}
.card-inline-layout .card.jlearn-card .card-block-footer .jalios-icon.icon-jlearn-popularity {
  width: 18px;
}
.card-inline-layout .card.jlearn-card .card-block-footer A {
  color: #FFFFFF;
  text-decoration: none;
}
.card-inline-layout .card.jlearn-card .card-block-footer A SPAN.jalios-icon {
  color: #FFFFFF;
}
.card-inline-layout .card.jlearn-card .card-block-footer UL {
  margin: 0;
  display: inline;
}
.card-inline-layout .card.jlearn-card .card-block-footer UL LI {
  padding-left: 2px;
  padding-right: 6px;
  border-right: 1px solid #49bec5;
}
.card-inline-layout .card.jlearn-card .card-block-footer UL LI:last-child {
  border: 0;
}
.card-inline-layout .card.jlearn-card .card-block-footer .card-flipper {
  padding-right: 8px;
}
.card-inline-layout .card.jlearn-card.jlearn-card-locked IMG.visual {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
}
.card-inline-layout .card.jlearn-card.jlearn-card-locked.jlearn-card-back {
  background: #999;
}
.card-inline-layout .card.jlearn-card.jlearn-card-locked.jlearn-card-back .jlearn-card-title,
.card-inline-layout .card.jlearn-card.jlearn-card-locked.jlearn-card-back .jlearn-card-title A {
  color: #333333;
}
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  text-align: center;
  color: #FFF;
}
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info A,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info A,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info A {
  color: #FFF;
  text-decoration: none;
}
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info .jlearn-card-lock-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info .jlearn-card-lock-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info .jlearn-card-lock-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info .jlearn-card-scheduled-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info .jlearn-card-scheduled-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info .jlearn-card-scheduled-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info .jlearn-card-expired-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info .jlearn-card-expired-icon,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info .jlearn-card-expired-icon {
  font-size: 52px;
  opacity: 0.4;
  padding-top: 60px;
  padding-left: 20px;
}
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info .jlearn-card-lock-text,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info .jlearn-card-lock-text,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info .jlearn-card-lock-text,
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info .jlearn-card-scheduled-text,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info .jlearn-card-scheduled-text,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info .jlearn-card-scheduled-text,
.card-inline-layout .card.jlearn-card .jlearn-card-lock-info .jlearn-card-expired-text,
.card-inline-layout .card.jlearn-card .jlearn-card-scheduled-info .jlearn-card-expired-text,
.card-inline-layout .card.jlearn-card .jlearn-card-expired-info .jlearn-card-expired-text {
  display: none;
  margin: 24px 10px 10px 10px;
  padding: 5px;
  border: 1px solid #FFF;
  font-size: 16px;
}
.card-inline-layout .card.jlearn-card:hover .jlearn-card-lock-info .jlearn-card-lock-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-scheduled-info .jlearn-card-lock-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-expired-info .jlearn-card-lock-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-lock-info .jlearn-card-scheduled-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-scheduled-info .jlearn-card-scheduled-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-expired-info .jlearn-card-scheduled-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-lock-info .jlearn-card-expired-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-scheduled-info .jlearn-card-expired-text,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-expired-info .jlearn-card-expired-text {
  display: block;
}
.card-inline-layout .card.jlearn-card:hover .jlearn-card-lock-info .jlearn-card-lock-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-scheduled-info .jlearn-card-lock-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-expired-info .jlearn-card-lock-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-lock-info .jlearn-card-scheduled-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-scheduled-info .jlearn-card-scheduled-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-expired-info .jlearn-card-scheduled-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-lock-info .jlearn-card-expired-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-scheduled-info .jlearn-card-expired-icon,
.card-inline-layout .card.jlearn-card:hover .jlearn-card-expired-info .jlearn-card-expired-icon {
  margin-top: 30px;
  font-size: 24px;
  opacity: 1;
  padding-top: 0;
  padding-left: 0;
}
.card-inline-layout .card.jlearn-card.jlearn-card-course .card-block-footer {
  background-color: #009EF5;
}
.card-inline-layout .card.jlearn-card.jlearn-card-instructor .jlearn-card-body {
  padding-bottom: 35px;
}
.card-inline-layout .card.jlearn-card.jlearn-card-path .card-block-footer {
  background-color: #005db4;
}
.card-inline-layout .card.jlearn-card.jlearn-card-custom-path .card-block-footer {
  background-color: #4caf50;
}
.card-inline-layout .card.jlearn-card.jlearn-card-model-path .card-block-footer {
  background-color: #6a2a99;
}
.card-inline-layout .card.jlearn-card.jlearn-card-author .jlearn-card-body .name A,
.card-inline-layout .card.jlearn-card.jlearn-card-instructor .jlearn-card-body .name A {
  color: #00adb8;
  font-weight: bold;
}
.card-inline-layout .card.jlearn-card.jlearn-card-author .jlearn-card-body .job-title,
.card-inline-layout .card.jlearn-card.jlearn-card-instructor .jlearn-card-body .job-title {
  color: #777777;
  padding-left: 50px;
}
.card-inline-layout .card.jlearn-card-organization {
  height: auto;
  width: 220px;
  margin-bottom: 20px;
  min-height: 80px;
}
.card-inline-layout .card.jlearn-card-organization .card-body {
  padding: 10px;
  text-align: center;
  color: #009EF5;
  font-size: 24px;
  line-height: 30px;
}
.card-inline-layout .card.jlearn-card-organization .card-body A:hover {
  text-decoration: none;
}
.card-inline-layout .card.jlearn-card-organization .card-body .organization-name {
  padding: 20px 0;
}
.card-inline-layout .card.jlearn-card-author {
  height: 140px;
  margin-bottom: 30px;
}
.card-inline-layout .card.jlearn-card-author .card-body .name A {
  color: #00adb8;
  font-weight: bold;
}
.card-inline-layout .card.jlearn-card-author .card-body .job-title {
  color: #777777;
  padding-left: 50px;
}
.card-inline-layout .card.jlearn-card-author .card-body .author {
  height: 60px;
}
.card-inline-layout .card.jlearn-card-author .card-body .author .wrapper-photo {
  margin-right: 10px;
  border: 0;
  box-shadow: 0 0 0;
  padding: 0;
}
.card-inline-layout .card.jlearn-card-author .card-body .author .wrapper-photo IMG.photo {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.card-inline-layout .card.jlearn-card-author .card-body .author .wrapper-photo .initials {
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 20px;
}
.card-inline-layout .card.jlearn-card-author .card-body .author .wrapper-photo .photo-anchor {
  display: none;
}
.card-inline-layout .card.jlearn-card-author .card-body .author .name {
  padding-top: 5px;
  color: #333333;
  font-size: 14px;
}
.card-inline-layout .card.jlearn-card-author.has-footer .card-block-footer {
  height: 30px;
  padding: 4px 8px;
  border: 0;
  margin: 0;
  background-color: #00adb8;
  text-align: right;
  font-size: 16px;
  line-height: normal;
}
.card-inline-layout .card.jlearn-card-author.has-footer .card-block-footer A {
  padding-left: 10px;
  color: #FFFFFF;
}
.card-inline-layout .card.jlearn-card-author.has-footer .card-block-footer A SPAN.jalios-icon {
  color: #FFFFFF;
}
.card-inline-layout .card.jlearn-card-author.has-footer .card-block-footer .converse-chat-window .jalios-icon {
  font-size: 12px;
}
@media print {
  .app.app-jlearn .app-body .tab-content .more-information,
  .app.app-jlearn .app-body .tab-content .instructions,
  .app.app-jlearn .app-body .tab-content .internal-content,
  .app.app-jlearn .app-body .tab-content .jlearn-session-content,
  .app.app-jlearn .app-body .tab-content .jlearn-quiz,
  .app.app-jlearn .app-body .tab-content .jlearn-survey,
  .app.app-jlearn .app-body .tab-content .jlearn-quiz-results,
  .app.app-jlearn .app-body .tab-content .jlearn-survey-results,
  .app.app-jlearn .app-body .tab-content .fulldisplay-footer {
    max-width: 100%;
  }
  .card-back {
    display: none;
  }
  body .app {
    display: block;
  }
}
.jlearn-session-tooltip.tt-card .tt-card-title .session-url {
  display: inline;
}
.jlearn-session-tooltip.tt-card .jlearn-session-location {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
.jlearn-sessions {
  margin-bottom: 20px;
}
.jlearn-sessions .jlearn-session-item {
  background-color: #FFF;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEE;
}
.jlearn-sessions .jlearn-session-item .jlearn-session {
  display: grid;
  grid-template-columns: 70px 1fr 235px;
  grid-template-rows: auto 1fr;
  gap: 10px;
  grid-template-areas: "date-area info-area reg-area" "managers-area managers-area reg-area";
}
.jlearn-sessions .jlearn-session-item .jlearn-session .jlearn-session-date-area {
  grid-area: date-area;
}
.jlearn-sessions .jlearn-session-item .jlearn-session .jlearn-session-info-area {
  grid-area: info-area;
}
.jlearn-sessions .jlearn-session-item .jlearn-session .jlearn-session-managers {
  grid-area: managers-area;
}
.jlearn-sessions .jlearn-session-item .jlearn-session .jlearn-session-registration-area {
  grid-area: reg-area;
}
.jlearn-sessions .jlearn-session-item .jlearn-session .jlearn-item {
  font-size: 18px;
  margin-bottom: 10px;
}
.jlearn-sessions .jlearn-session-item .jlearn-session .jlearn-session-title {
  font-size: 18px;
  margin-bottom: 8px;
}
.jlearn-sessions .jlearn-session-item .jlearn-session .media-body {
  flex: 1;
  overflow: visible;
}
.jlearn-sessions .jlearn-session-visio .jalios-icon {
  color: #333333 !important;
  vertical-align: middle;
}
.jlearn-sessions .jlearn-session-date {
  height: 80px;
  width: 70px;
  text-align: center;
}
.jlearn-sessions .jlearn-session-date.jlearn-session-date-old .jlearn-session-date-header {
  background-color: #999;
}
.jlearn-sessions .jlearn-session-date .jlearn-session-date-header {
  background: #d9383c;
  border-radius: 4px 4px 0 0;
  color: #f9f9f9;
  font-size: 12px;
  line-height: 28px;
  position: relative;
  text-transform: lowercase;
}
.jlearn-sessions .jlearn-session-date .jlearn-session-date-day-name {
  font-size: 10px;
  line-height: 4px;
}
.jlearn-sessions .jlearn-session-date .jlearn-session-date-body {
  background: #f9f9f9;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 2px #CCC;
  color: #15181f;
  font-size: 24px;
  height: 45px;
  line-height: 33px;
}
.jlearn-sessions .edit-session {
  text-align: center;
}
.jlearn-sessions .jlearn-session-registration {
  min-height: 110px;
  margin-left: 10px;
}
.jlearn-sessions .jlearn-session-registration .registration-buttons .btn {
  width: 100%;
  margin-bottom: 10px;
}
.jlearn-sessions .jlearn-session-registration .alert {
  text-align: center;
}
.jlearn-sessions .jlearn-session-registration .alert P {
  text-align: left;
}
.jlearn-sessions .jlearn-session-registration button,
.jlearn-sessions .jlearn-session-registration .registration-buttons a {
  white-space: normal;
  word-wrap: normal;
}
.jlearn-sessions .jlearn-session-registration .jlearn-mandatory-session {
  float: right;
}
.jlearn-sessions .jlearn-session-registration .jlearn-mandatory-session .jalios-icon {
  font-size: 22px;
}
.jlearn-sessions .jlearn-session-info > DIV {
  margin-bottom: 10px;
}
.jlearn-session.media .jlearn-session-location {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
.jlearn-session-content {
  max-width: 930px;
  margin: auto;
}
.jlearn-session-content .jlearn-session-content-main {
  display: inline-block;
  vertical-align: top;
}
.jlearn-session-content .jlearn-session-content-main .jlearn-session-title {
  margin-bottom: 10px;
  font-size: 24px;
}
.jlearn-session-content .jlearn-session-content-main .intro-section:first-child {
  margin-top: 5px !important;
}
.jlearn-session-content .jlearn-session-content-main .jlearn-session-chooser,
.jlearn-session-content .jlearn-session-content-main .jlearn-session-dates,
.jlearn-session-content .jlearn-session-content-main .description,
.jlearn-session-content .jlearn-session-content-main .jlearn-session-location,
.jlearn-session-content .jlearn-session-content-main .jlearn-session-room,
.jlearn-session-content .jlearn-session-content-main .jlearn-session-visio-section {
  margin-bottom: 10px;
}
.jlearn-session-content .jlearn-session-content-main .course-materials {
  margin-top: 10px;
  margin-left: -20px;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .courseMaterials,
.jlearn-session-content .jlearn-session-content-main .course-materials .otherContents {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .courseMaterials .card-img,
.jlearn-session-content .jlearn-session-content-main .course-materials .otherContents .card-img {
  width: initial;
  padding: 0;
  margin-bottom: 0;
  margin-right: 20px;
  float: left;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .courseMaterials .card-img-squared-wrapper,
.jlearn-session-content .jlearn-session-content-main .course-materials .otherContents .card-img-squared-wrapper {
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EEE;
  aspect-ratio: 1;
  color: white;
  font-size: 48px;
  border-radius: 0;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .courseMaterials .card-img-squared-wrapper.is-cover-image > IMG,
.jlearn-session-content .jlearn-session-content-main .course-materials .otherContents .card-img-squared-wrapper.is-cover-image > IMG {
  object-fit: cover;
  height: 100%;
  padding: 0;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .courseMaterials .card-img-squared-wrapper > IMG,
.jlearn-session-content .jlearn-session-content-main .course-materials .otherContents .card-img-squared-wrapper > IMG {
  max-height: 100%;
  margin: 0;
  float: none;
  object-fit: contain;
  padding: 8px;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .one-row {
  width: 100%;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .intro-section-title {
  font-size: 20px !important;
  margin-bottom: 10px !important;
}
.jlearn-session-content .jlearn-session-content-main .course-materials .itemlist-item-date {
  display: none;
}
.jlearn-session-content .jlearn-session-content-main .buttons {
  margin-top: 20px;
}
.jlearn-session-content .jlearn-session-content-main .intro-section .intro-section-title {
  font-size: 24px;
}
.jlearn-session-content .jlearn-session-content-info {
  display: inline-block;
  vertical-align: top;
  margin-left: 56px;
}
.jlearn-session-content .jlearn-session-content-info .buttons {
  display: flex;
  flex-direction: column;
}
.jlearn-session-content .jlearn-session-content-info .buttons .btn {
  width: 100%;
  margin-bottom: 10px;
  max-width: 220px;
  white-space: normal !important;
}
.jlearn-session-content .jlearn-session-content-info .all-managers,
.jlearn-session-content .jlearn-session-content-info .all-instructors {
  margin-bottom: 32px;
}
.jlearn-session-content .jlearn-session-content-info .all-managers .title,
.jlearn-session-content .jlearn-session-content-info .all-instructors .title {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 7px;
}
.jlearn-session-content .jlearn-session-content-info .all-managers LI,
.jlearn-session-content .jlearn-session-content-info .all-instructors LI {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
.jlearn-session-content .jlearn-session-content-info .all-managers LI .wrapper-photo,
.jlearn-session-content .jlearn-session-content-info .all-instructors LI .wrapper-photo {
  margin-right: 10px;
  border: 0;
  box-shadow: 0 0 0;
  padding: 0;
}
.jlearn-session-content .jlearn-session-content-info .all-managers LI .wrapper-photo IMG.photo,
.jlearn-session-content .jlearn-session-content-info .all-instructors LI .wrapper-photo IMG.photo,
.jlearn-session-content .jlearn-session-content-info .all-managers LI .wrapper-photo .initials,
.jlearn-session-content .jlearn-session-content-info .all-instructors LI .wrapper-photo .initials {
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 20px;
}
.jlearn-session-content .jlearn-session-content-info .all-managers LI .wrapper-photo .photo-anchor,
.jlearn-session-content .jlearn-session-content-info .all-instructors LI .wrapper-photo .photo-anchor {
  display: none;
}
.jlearn-session-content .jlearn-session-content-info .all-managers LI.more A,
.jlearn-session-content .jlearn-session-content-info .all-instructors LI.more A {
  display: block;
  border-radius: 50%;
  padding-top: 1px;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #999;
  font-size: 22px;
  text-align: center;
  color: #999;
  text-decoration: none;
}
.jlearn-session-content .jlearn-session-content-info .all-managers LI.more A:hover,
.jlearn-session-content .jlearn-session-content-info .all-instructors LI.more A:hover {
  color: #00adb8;
  border-color: #00adb8;
  background-color: #FFF;
}
.jlearn-session-content .jlearn-session-visio-section .info-section-title .jalios-icon {
  vertical-align: text-bottom !important;
  width: 27px;
}
.jlearn-session-content .jlearn-session-visio-section .visio-btn-stop {
  display: none;
}
.jlearn-session-content .jlearn-session-visio-section.visio-started .visio-btn-start {
  display: none;
}
.jlearn-session-content .jlearn-session-visio-section.visio-started .visio-btn-stop {
  display: inline-block;
}
.jlearn-session-content .jlearn-session-visio-section .visio-participation .table-data TH {
  vertical-align: bottom;
}
.jlearn-session-content .jlearn-session-visio-section .visio-participation .table-data TD {
  vertical-align: middle;
}
.jlearn-session-add-attendee LEGEND {
  display: none;
}
.wfstate.wfjlearnregistration-pstatus101,
.wfstate.wfjlearnregistration-pstatus201 {
  background-color: #5bc0de;
}
.wfstate.wfjlearnregistration-pstatus301,
.wfstate.wfjlearnregistration-pstatus701 {
  background-color: #F89406;
}
.wfstate.wfjlearnregistration-pstatus401,
.wfstate.wfjlearnregistration-pstatus801 {
  background-color: #5cb85c;
}
.wfstate.wfjlearnregistration-pstatus501,
.wfstate.wfjlearnregistration-pstatus601,
.wfstate.wfjlearnregistration-pstatus901 {
  background-color: #d9534f;
}
.wfstate.wftrainingrequest-pstatus101,
.wfstate.wftrainingrequest_manager-pstatus101,
.wfstate.wftrainingrequest_manager-pstatus201 {
  background-color: #5bc0de;
}
.wfstate.wftrainingrequest-pstatus301,
.wfstate.wftrainingrequest-pstatus401,
.wfstate.wftrainingrequest_manager-pstatus301,
.wfstate.wftrainingrequest_manager-pstatus401 {
  background-color: #5cb85c;
}
.wfstate.wftrainingrequest-pstatus501,
.wfstate.wftrainingrequest_manager-pstatus501 {
  background-color: #d9534f;
}
.wfstate.wfjlearnsessionrequest-pstatus101 {
  background-color: #5bc0de;
}
.wfstate.wfjlearnsessionrequest-pstatus201 {
  background-color: #5cb85c;
}
.cs-portal .app.app-jlearn .app-header .jlearn-path A {
  color: #333333;
}
.cs-portal .app.app-jlearn-add .editor-chooser {
  text-align: left;
}
.jlearn-esn-profile h3 {
  font-size: 18px;
  margin: 20px 0;
}
/***********************************
******* CALENDAR ************
***********************************/
.jalios-jlearn-calendar-ws-config {
  position: relative;
}
.jalios-jlearn-calendar.is-list-view .jlearn-session-calendar-body {
  height: 400px;
  overflow: auto;
}
.jalios-jlearn-calendar.is-list-view .fc-list-item-marker {
  display: none;
}
.jalios-jlearn-calendar.is-list-view .fc-list-item-title {
  padding-left: 0;
}
.jalios-jlearn-calendar {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 593px;
}
.jalios-jlearn-calendar .fc-list-item-marker {
  display: none;
}
.jalios-jlearn-calendar .control-button {
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
  cursor: pointer;
  text-decoration: none;
  color: #5f6368;
  font-size: 16px;
  transition: background-color 200ms ease-in-out;
}
.jalios-jlearn-calendar .control-button:hover {
  background-color: #f1f3f4;
}
.jalios-jlearn-calendar .control-button:active {
  background-color: #dcdcdc;
}
.jalios-jlearn-calendar .control-button .control-button-icon {
  height: 26px;
  color: #5f6368;
  fill: #5f6368;
}
.jalios-jlearn-calendar .icon-session-calendar {
  margin-right: 4px;
}
.jlearn-calendar-navbar {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-bottom: 8px;
}
.jlearn-calendar-navbar a.control-dropdown {
  padding-right: 6px;
  padding-left: 6px;
}
.jlearn-calendar-navbar .control-dropdown {
  display: flex;
  align-items: center;
  border-radius: 8px;
  text-decoration: none;
  color: #5f6368;
  cursor: pointer;
  transition: background-color 200ms ease-in-out;
}
.jlearn-calendar-navbar .control-dropdown:hover {
  background-color: #f1f3f4;
}
.jlearn-calendar-navbar .control-dropdown:active {
  background-color: #dcdcdc;
}
.jlearn-calendar-navbar .control-dropdown .ctx-caret:after {
  color: #5f6368;
}
.jlearn-calendar-navbar .control-dropdown > a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #5f6368;
  padding-right: 6px;
  padding-left: 6px;
  height: 100%;
}
.jlearn-calendar-navbar .control-dropdown > a .jalios-icon:first-child {
  margin-right: 4px;
}
.jlearn-calendar-navbar .jlearn-calendar-navbar-left {
  display: flex;
  flex-direction: row;
}
.jlearn-calendar-navbar .jlearn-calendar-navbar-left > div:not(.previous) {
  margin-right: 10px;
}
.jlearn-calendar-navbar .jlearn-calendar-navbar-left > a.control-dropdown {
  margin-right: 10px;
}
.jlearn-calendar-navbar .jlearn-calendar-navbar-left .jlearn-calendar-gotoDate.widget {
  top: 20px;
  right: 6px;
}
.jlearn-calendar-navbar .current {
  text-transform: capitalize;
  font-size: 18px;
}
.jlearn-calendar-navbar .jlearn-calendar-date-picker {
  display: none;
}
.jlearn-calendar-navbar .loading-wrapper {
  position: relative;
}
.jlearn-session-calendar-body .fc-header-toolbar {
  display: none;
}
.jlearn-session-calendar-body .fc-view-container {
  z-index: 10;
  position: relative;
}
.jlearn-session-calendar-body .fc-view-container .fc-more {
  color: #333333;
  font-weight: normal;
}
.jlearn-session-calendar-body .fc-view-container .fc-day-grid-event,
.jlearn-session-calendar-body .fc-view-container .fc-time-grid-event {
  border-left-width: 5px;
  padding-bottom: 4px;
}
.jlearn-session-calendar-body .fc-view-container .fc-event.is-organizer .fc-time {
  color: #fff;
}
.jlearn-session-calendar-body .fc-view-container .fc-event-container A {
  color: #333333 !important;
  text-decoration: none !important;
}
.jlearn-session-calendar-body .fc-view-container .fc-event-container A .jalios-icon {
  color: #24adf5;
}
.jlearn-session-calendar-body .fc-view-container .fc-event-container A:hover {
  text-decoration: none !important;
}
.jlearn-session-calendar-body .fc-view-container .fc-content {
  text-overflow: ellipsis;
  padding: 2px;
}
.jlearn-session-calendar-body .fc-view-container .fc-content .fc-time,
.jlearn-session-calendar-body .fc-view-container .fc-content .fc-title {
  font-size: 12px;
  font-weight: bold;
}
.jlearn-session-calendar-body .fc-view-container .fc-day-grid-event {
  margin-bottom: 2px;
  padding: 0;
}
.jlearn-session-calendar-body .fc-view-container .fc-past {
  background-color: #f8f8f8;
}
.jlearn-session-calendar-body .fc-view-container .fc-view .fc-scroller {
  min-height: 100px;
}
.jlearn-session-calendar-body .fc-view-container .fc-view .fc-today {
  background-color: #e0f0fd;
}
.jlearn-session-calendar-body .fc-view-container .fc-view .fc-today.fc-day-header,
.jlearn-session-calendar-body .fc-view-container .fc-view .fc-today.fc-day-top {
  box-shadow: inset 0 2px 0 #0078d7;
  border-color: inherit;
}
.jlearn-session-calendar-body .fc-view-container .fc-view .fc-today .fc-day-number {
  color: #0078d7;
  font-weight: bold;
}
.jlearn-session-editor .widget-name-completionReminder {
  margin-top: 60px;
}
.jlearn-session-editor.auto-reg .widget-name-completionReminder {
  margin-top: 0px !important;
}
.jlearn-edit-training-request .plupload-submit {
  visibility: visible !important;
}
.portlet-training-request {
  background-color: #FFF;
  border-radius: 15px;
  border: 1px solid #B1B1B1;
  overflow: hidden;
  width: 100%;
}
.portlet-training-request .itemlist-wrapper .itemlist-item:hover {
  background-color: #eeeeee !important;
  color: #555555 !important;
}
.portlet-training-request .itemlist-wrapper .itemlist-item:hover .itemlist-item-text {
  color: #555555 !important;
}
.portlet-training-request .itemlist-wrapper .itemlist-item:hover .itemlist-item-date {
  color: #555555 !important;
}
.portlet-training-request .add-training-request {
  height: 50px;
  padding-left: 27px;
  padding-top: 7px;
  margin: 10px -15px -15px -15px;
  background-color: #FAFAFA;
  overflow: hidden;
}
.portlet-training-request .add-training-request A {
  color: #555555;
  text-decoration: none !important;
}
.portlet-training-request .add-training-request A:hover {
  text-decoration: none !important;
}
.portlet-training-request .itemlist-item-icon {
  margin-top: -3px;
}
.portlet-training-request .app-no-results {
  text-align: center;
  padding-top: 10px;
}
.portlet-training-request .date {
  display: inline-block;
  width: 70px;
  text-align: right;
  font-size: 13px;
}
.portlet-training-request .status {
  display: inline-block;
  text-align: right;
}
.session-request-manager-comment .state {
  padding-left: 10px;
  display: inline;
}
.portlet-jlearn-my-items .jlearn-my-items-box {
  background-color: #FFF;
  border-radius: 15px;
  border: 1px solid #B1B1B1;
  overflow: hidden;
  width: 100%;
}
.portlet-jlearn-my-items .jlearn-my-items-box .item-box {
  margin-top: -15px;
  min-height: 50px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .my-items-portlet-tabs {
  padding-left: 10px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 10px;
  padding: 0px 10px 10px 10px;
  overflow: hidden;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container A {
  color: #333333 !important;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item {
  position: relative;
  width: 100%;
  min-width: 140px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #dddddd;
  border-radius: 6px;
  background-color: #FFF;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item:hover {
  background-color: #eeeeee;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item A {
  color: #333333 !important;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .item-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  overflow: hidden !important;
  font-size: 14px;
  background-color: #00adb8;
  text-align: center;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .item-icon .jalios-icon {
  vertical-align: middle;
  font-size: 14px;
  color: #FFF !important;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .item-arrow {
  width: 24px;
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 24px;
  color: #7ccdf9;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .certificate {
  position: absolute;
  top: 22px;
  left: 40px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .progress {
  position: absolute;
  top: 26px;
  left: 40px;
  width: 120px;
  height: 16px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .progress .progress-bar .progress-text {
  margin-top: 3px;
  font-size: 10px;
  line-height: 10px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .title-path {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 4px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .title-certificate {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 4px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .title-cours {
  display: -webkit-box;
  margin-top: auto;
  margin-bottom: auto;
  max-height: 50px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item .item-title {
  display: flex;
  position: absolute;
  top: 0px;
  height: 50px;
  left: 40px;
  right: 40px;
  font-size: 14px;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item.jlearn-card-course .item-icon {
  background-color: #009EF5;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item.jlearn-card-path .item-icon {
  background-color: #005db4;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item.jlearn-card-custom-path .item-icon {
  background-color: #4caf50;
}
.portlet-jlearn-my-items .jlearn-my-items-box .jlearn-item-container .jlearn-item.jlearn-card-model-path .item-icon {
  background-color: #6a2a99;
}
.portlet-jlearn-my-items .see-more-box {
  display: block;
  width: 100%;
}
.portlet-jlearn-my-items .see-more-box .see-more-but {
  color: #616161;
  border-radius: 30px !important;
  display: block;
  width: 100px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.portlet-jlearn-game .jlearn-game-box {
  background-color: #FFF;
  border-radius: 15px;
  border: 1px solid #B1B1B1;
  overflow: hidden;
  width: 100%;
  padding: 10px 10px 10px 10px;
}
.portlet-jlearn-game .jlearn-game-box .info {
  margin-top: 5px;
  min-height: 50px;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  overflow: hidden;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container A {
  text-decoration: none !important;
  color: #333333 !important;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container A:hover {
  text-decoration: none !important;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  min-height: 50px;
  border: 1px solid #dddddd;
  border-radius: 6px;
  background-color: #FFF;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item:hover {
  background-color: #eeeeee;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item A {
  text-decoration: none !important;
  color: #333333 !important;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item A:hover {
  text-decoration: none !important;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-image {
  min-height: 50px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eeeeee;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-image IMG {
  margin: auto;
  width: 40px;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-arrow {
  width: 24px;
  font-size: 24px;
  padding-right: 10px;
  color: #7ccdf9;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-duration {
  width: 22px;
  font-size: 28px;
  color: #777;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-info {
  width: 100%;
  min-width: 120px;
  padding: 5px 0px 5px 0px;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-info .item-title {
  text-overflow: ellipsis;
  max-width: 100%;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-info .item-progress {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;
  padding-top: 5px;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-info .item-progress .progress {
  width: 120px;
  height: 16px;
  margin-bottom: 0px;
}
.portlet-jlearn-game .jlearn-game-box .jlearn-item-container .game-item .item-info .item-progress .progress .progress-bar .progress-text {
  margin-top: 3px;
  font-size: 10px;
  line-height: 10px;
}
.portlet-jlearn-my-cs {
  background-color: #FFF;
  border-radius: 15px;
  border: 1px solid #B1B1B1;
  overflow: hidden;
  width: 100%;
}
.portlet-jlearn-my-cs A {
  color: #555555;
  text-decoration: none !important;
}
.portlet-jlearn-my-cs A:hover {
  text-decoration: none !important;
}
.portlet-jlearn-my-cs .app-no-results {
  text-align: center;
  padding-top: 10px;
}
.portlet-jlearn-my-cs .cs-container {
  padding: 1px 10px 1px 10px;
  overflow: hidden;
}
.portlet-jlearn-my-cs .cs-container .cs-item {
  overflow: hidden !important;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 10px 0px 10px 0px;
}
.portlet-jlearn-my-cs .cs-container .cs-item:hover {
  background-color: #eeeeee !important;
}
.portlet-jlearn-my-cs .cs-container .cs-image {
  max-width: 60px;
  max-height: 60px;
  object-fit: cover;
}
.portlet-jlearn-my-cs .cs-container .cs-item-border {
  border-bottom: 1px solid #eeeeee;
}
.portlet-jlearn-my-cs .cs-container .cs-details {
  padding-left: 20px;
  overflow: hidden;
}
.portlet-jlearn-my-cs .cs-container .cs-details .cs-title {
  font-size: 14px;
  font-weight: normal;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.portlet-jlearn-my-cs .cs-container .cs-details .cs-members {
  font-size: 12px;
  color: #666 !important;
}
.portlet-jlearn-my-cs .cs-container .cs-details .cs-members .members-icon {
  font-size: 13px !important;
}
.jlearn-export .jlearn-export-publication,
.jlearn-export .jlearn-export-document {
  margin-left: 30px;
}
.jlearn-export .jlearn-export-data {
  margin-left: 0px;
}
.jlearn-export .control-label {
  width: 30%;
}
.jlearn-export .widget-content {
  width: 70%;
}
.jlearn-export .jcms-message-title {
  display: none;
}
.jlearn-import .jlearn-import-file .widget-name-files > .col-md-3 {
  display: none;
}
.jlearn-import .imported-cards {
  text-align: center;
}
.jlearn-import .imported-cards .card-flip-wrapper {
  text-align: left;
}
BODY #cs-content .app.app-jlearn-add .jlearn-import.app-header {
  height: 160px;
  padding-top: 15px;
  padding-left: 32px;
  background-color: #00adb8;
  color: #FFF;
  text-align: left;
}
BODY #cs-content .app.app-jlearn-add .jlearn-import.app-header .subtitle {
  display: block;
  font-size: 14px;
}
/*# sourceMappingURL=jlearn.css.map */