.fa-icon {
  display: inline-block;
  fill: currentColor;
}
.fa-flip-horizontal {
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  transform: scale(1, -1);
}
.fa-spin {
  animation: fa-spin 1s 0s infinite linear;
}
.fa-inverse {
  color: #fff;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}

.learning-path *:not(input):not(textarea) {
  -webkit-user-select: none; /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.learning-path *:focus {
  outline: none;
}

html, body {
  -ms-content-zooming: none;
}

body {
  margin: 0;
}

.learning-path  {
  color: #333;
  font-family: Arial;

  /* DISABLE TEXT SELECTION */
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;

  font-size: 12pt;
  position:relative;
}

.learning-path label {
  font-weight: bold;
}

.learning-path.container-outer {
  padding: 0 10px 0px 30px;
  background: #fff;
  margin: 0px auto 0px;
}

.learning-path .container {
  border-left: 1px solid #999;
}

.learning-path .dot {
  background: rgb(0, 102, 204);
  width: 12px;
  height: 12px;
  vertical-align: top;
  border-radius: 15px;
  display: inline-block;
  margin-top: 10px;
}

.learning-path .dot-spacer {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-top: 10px;
}

.learning-path .goto-location {
  display: inline-block;
  padding: 5px 10px;
  font-style: italic;
  vertical-align: top;
  margin-top: 3px;
}

.learning-path .goto-and-isread {
  float: right;
  margin-top: 0;
  vertical-align: top;
}

.learning-path .hover .goto-location:hover {
  text-decoration: underline; 
}

.learning-path .resources-container {
  padding: 0 10px;
  font-size: 12pt;
}

.learning-path .resources-heading, 
.learning-path .history-heading {
  font-weight: bold;
  border-bottom: 2px solid rgb(228, 239, 253);
  padding: 3px 0;
  margin-left: 15px;
}

.learning-path .top-level .resources-heading, 
.learning-path .top-level .history-heading {
  border-bottom: 2px solid #fff;
}

.learning-path .resource {
  border: 2px dashed transparent;
  margin-bottom: 2px;
  margin-left: 10px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 10px;
}
 
.learning-path .resource.lp-item-active {
  color: #457ec1;
}

.learning-path .hover .resource.lp-item-active:hover {
  background: #f0f0f0;
}

.learning-path .lp-item-disabled img {
  opacity: 0.4;
}

.learning-path .lp-item-disabled {
  color: #ccc;
}

.learning-path .activation-due-date {
  padding: 0 15px 10px;
  color: #666666;
}

.learning-path .resource .activation-due-date {
  margin-left: 34px;
  padding: 2px 8px;
}

.learning-path .resource-link {
  display: inline-block;
  vertical-align: top;
  padding-top: 7px;
  width: calc(100% - 200px);
}

.learning-path .resource-link-inner {
  display: inline-block;
  position: relative;
}

.learning-path .resource-title-and-image {
  display: inline-block;
  padding: 5px;
  width: 100%;
  margin-bottom: 5px;
}

.learning-path .resource-image {
  width: 24px;
  padding: 3px 10px 0 0;
}

.learning-path .lp-item-and-line {
  margin: 15px 0;
  position: relative;
  text-align: left;
}

.learning-path .lp-item-hline {
    display: inline-block;
    vertical-align: top; 
    margin-top: 24px;
    border-bottom: 1px solid #999;
}

.learning-path .first-lp-item .lp-item-vline {
  height: 20px;
  border-left: 1px solid #fff;
}

.learning-path .last-lp-item .lp-item-vline {
  margin-top: 21px;
  border-left: 1px solid #fff;
}

.learning-path .lp-item-vline { 
  display: inline-block;
  vertical-align: top; 
  border-left: 1px solid transparent;
  margin-left: -1px;
}

.learning-path .lp-item {
  display: inline-block;
  margin-left: -5px;
  border: 2px solid rgb(228, 239, 253);
}

.learning-path .lp-item-header-bar {
  border-radius: 5px;
}

.learning-path .top-level {
  background: rgb(228, 239, 253); 
}

.learning-path .lp-item-title {
  font-size: 16pt; 
  margin-left: -1px;
  padding: 10px;
}

.learning-path .hover .lp-item-title.clickable:hover {
  color: #457ec1;
}

.learning-path .lp-item-desc {
  padding: 0 10px 10px;
  font-style: italic;
  font-size: 11pt;
  color: #666666;
}

.learning-path .lp-item-desc-more, 
.learning-path .history-button {
  color: #457ec1;
  font-weight: bold;
  cursor: pointer;
  font-style: normal;
  font-size: 11pt;
  display: inline-block;
  vertical-align: top;
}

.learning-path .history-button {
  margin-top: -1px;
  padding: 5px;
  float:right;
}

.learning-path .history-section {
  color: #333333;
}

.learning-path .history-heading {
  border-bottom: 1px solid rgb(228, 239, 253);
  font-size: 10pt;
  margin-left: 44px;
  margin-top: -5px;
}

.learning-path .history-list {
  font-size: 10pt;
  margin-left: 20px;
  margin-top: 5px;
}

.learning-path .history-list li {
  padding: 2px;
}

.learning-path .hover .lp-item-desc-more:hover, 
.learning-path .hover .history-button:hover {
  color: #79b1f3;
}

.learning-path .clickable {
  /* transition: background-color 0.2s linear; */
  cursor: pointer;
}

.learning-path .lp-item-title-inner {
  display: inline-block;
  padding-left: 5px;
  word-break: break-word;
  width: calc(100% - 135px);
}

.learning-path .expand-toggle {
  height: 100%;
  margin-left: 5px;
  padding: 1px 1px 1px 10px;
  line-height: 12px;
  text-align: center;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: 4px;
}

.learning-path .lp-item-line {
  display: inline-block;
  width: 40px;
  border-bottom: 1px solid #999;
  height: 15px;
  vertical-align: top;
}

.learning-path .overlay {
  position: absolute; 
  width: 100%; 
  height: 100%; 
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 2;
  text-align: center;
}

.learning-path .overlay button {
  border: 1px solid rgb(26,114,254);
  /* background: rgb(26,114,254); */
  color: rgb(26,114,254);
  padding: 15px;
  font-size: 20px;
  margin-top: 30px;
  border-radius: 10px;
}

.learning-path .hover .overlay button:hover {
  background: rgb(26,114,254);
  /* background: rgb(26,114,254); */
  color: white;
}

.learning-path button {
  cursor: pointer;
}

.learning-path .overlay .center-box {
  font-size: 20pt;
  color: #999;
  margin-top: 30px;
}

.learning-path .filtered-out {
  display: none;
}

.learning-path .slide-out {
  display: none;
}

.assessment-completed div {
  display: inline-block;
  padding: 3px 8px;
  margin: -7px 0 15px 44px;
  font-size: 9pt;
  border-radius: 14px;
  background: rgb(152, 208, 131);
  color: white;
}

/* TAGS */
.learning-path .tag-highlight {
  background: rgb(237, 244, 232);
  border: 2px dashed green;
}

.learning-path .lp-item-tag-inactive {
  opacity: 0.5;
}

.learning-path .lp-item-metadata, 
.learning-path .resources-container {
  padding: 0px 32px;
}

.learning-path .resources-container {
  padding: 10px 29px 0;
}

.learning-path .resource .lp-item-tags {
  vertical-align: top;
  margin-left: 38px;
  color: #333;
  margin-bottom: 10px;
}

.learning-path .resource .lp-item-tag {
  padding: 3px 7px;
  margin: 0 5px 3px;
}

.learning-path .resource .lp-item-tag.tag-highlight {
  padding: 1px 5px;
}

.learning-path .lp-item-tag.tag-highlight  {
  border: 2px solid green;
  background: green !important;
  color: white;
  padding: 5px 12px;
}

.learning-path .lp-item-tag {
  display: inline-block;
  padding: 7px 14px;
  margin: 5px;
  border-radius: 3px;
}

.learning-path .lp-item-disabled > .lp-item-tags > .lp-item-tag, 
.learning-path .lp-item-disabled > .lp-item > .lp-item-metadata > .lp-item-tags > .lp-item-tag { 
  background: #999 !important;
  color: white;
}

.learning-path .hover .lp-item-tag:hover {
  background: #333 !important;
  color: white !important;
}

/* .lp-item-active > .lp-item-tags > .lp-item-tag, 
.lp-item-active > .lp-item > .lp-item-metadata > .lp-item-tags > .lp-item-tag { */
.learning-path .lp-item-tag {
  cursor: pointer;
}

/* .lp-item-active > .lp-item-tags > .lp-item-tag:hover, 
.lp-item-active > .lp-item > .lp-item-metadata > .lp-item-tags > .lp-item-tag:hover { */
.learning-path .hover .lp-item-tags > .lp-item-tag:hover, 
.learning-path .hover .lp-item > .lp-item-metadata > .lp-item-tags > .lp-item-tag:hover {
  background: #457ec1;
  color: white;
}

/* TOC STYLING */
.learning-path .toc-container li {
  padding-bottom: 5px;
  padding-top: 5px;
}

.learning-path .toc-container {
  padding: 0 10px;
}

.learning-path .hover .toc-container li .title:hover {
  color: #457ec1;
}

.learning-path .toc-container li { color: #333; font-weight: bold; cursor: pointer;}
.learning-path .toc-container li li { color: #666; font-weight: normal;}
.learning-path .toc-container li li li { color: #999; }
.learning-path .toc-container li li li li { color: #aaa; }
.learning-path .toc-container li li li li li { color: #aaa; }

.learning-path .toc-container .toc-filtered-out {
  color: #ddd;
  font-weight: normal;
  cursor: default;
}

.learning-path .sidenav {
  height: 100%;
  width: 350px;
  position: fixed;
  z-index: 1;
  top: 0; 
  left: -351px;
  display: inline-block;
  background-color: #fafafa; 
  overflow-x: hidden;
  padding-top: 10px;
  transition: 0.3s; 
  border-right: #ccc 1px solid;
}

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

.learning-path .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 36px;
  text-decoration: none;
  color: #666666;
}

.learning-path .main {
  display: inline-block;
  vertical-align: top;
}

.learning-path .page-range-container {
  color: #457ec1;
  margin-bottom: 15px;
  margin-top: 5px;
  display: inline-block;
}

.learning-path .page-range {
  cursor: pointer;
}

.learning-path .hover .page-range:hover {
  color: #666666;
}

.learning-path .page-range-container > .pages-opened {
  font-size:10pt;
  color: #aaa;
  display: inline-block;
  margin-left: 25px;
  font-style: italic;
}

/* SEARCHING */
.learning-path .search-highlight {
  background: rgb(94, 183, 249);
  color: white;
}

.learning-path .search-current {
  background: rgb(94, 169, 85);
}

/* PROGRESS */
.learning-path .lp-item-progress {
  border-radius: 12px;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid #999;
  position: absolute;
  overflow: hidden;
  top: 13px;
  left: -11px;
}

.learning-path .progress-no-tasks {
  background-color: #ddd;
  border: 1px solid #ddd;
}

.learning-path .progress-half-complete > div {
  background: rgb(245, 183, 64);
  position: absolute;
  bottom: 0px;
  width: 20px;
}

.learning-path .progress-complete {
  background-color: rgb(96, 170, 86);
  border: 1px solid rgb(96, 170, 86);
}

.learning-path .progress-complete .check-white {
  background-repeat: no-repeat;
  position: relative;
  width: 10px;
  height: 9px;
  top: 3px;
  left: 4px;
  padding: 2px;
}

.learning-path .progress-locked .lock-alt-white, 
.learning-path .progress-reset .undo-white {
  background-repeat: no-repeat;
  position: relative;
  width: 10px;
  height: 9px;
  top: 3px;
  left: 4px;
  padding: 2px;
}

.learning-path .progress-reset .undo-white {
  top: 4px;
}

.learning-path .resource-link-inner .lock-alt-red {
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 20px;
  right: -25px;
  position: absolute;
  top: 0px;
  padding: 2px;
}

.learning-path .progress-locked, 
.learning-path .progress-reset {
  background-color: rgb(193, 54, 51) !important;
  border: 1px solid rgb(193, 54, 51) !important;
}

.learning-path .progress-status {
  width: 23px;
  height: 23px;
  margin-right: 10px;
  margin-left: -37px;
  display: inline-block;
  background-repeat: no-repeat;
}

.learning-path .progress-status.undo-red {
  width: 16px;
  height: 16px;
  margin-top: 8px;
  vertical-align: top;
  margin-right: 10px;
  margin-left: -30px;
}

/* DARK MODE */
.learning-path.dark.container-outer {
  min-height: 100vh;
}

.learning-path.dark.container-outer, 
.learning-path.dark .sidenav, 
.learning-path.dark .lp-item-progress {
  background: rgb(30,30,30);
}

.learning-path.dark .first-lp-item .lp-item-vline, 
.learning-path.dark .last-lp-item .lp-item-vline {
  border-left: 1px solid rgb(30,30,30);
}

.learning-path.dark .lp-item {
  background: rgb(63,63,70);
  border: 2px solid rgb(56,56,56);
}

.learning-path.dark .toc-container li { color: #fff; }
.learning-path.dark .toc-container li li { color: #eee; }
.learning-path.dark .toc-container li li li { color: #ddd; }
.learning-path.dark .toc-container li li li li { color: #ccc; }
.learning-path.dark .toc-container li li li li li { color: #bbb; }

.learning-path.dark .toc-container .toc-filtered-out {
  color: #444;
  font-weight: normal;
  cursor: default;
}

.learning-path.dark .top-level {
  background: rgb(56,56,56);
}

.learning-path.dark {
  color: white;
}

.learning-path.dark .lp-item-desc, 
.learning-path.dark .activation-due-date {
  color: #eee;
}

.learning-path.dark .resource.lp-item-active, 
.learning-path.dark .page-range-container, 
.learning-path.dark .page-range-container > .pages-opened, 
.learning-path.dark .lp-item-desc-more {
  color: rgb(143, 201, 220);
}

.learning-path.dark .lp-item-progress {
  border: 1px solid #fff;
}

.learning-path.dark .lp-item-vline, 
.learning-path.dark .container {
  border-left: 1px solid #fff;
}

.learning-path.dark .lp-item-hline {
  border-bottom: 1px solid #fafafa;
}

.learning-path.dark .tag-highlight {
  background: #609849;
  border: 2px dashed #9bd882;
}

.learning-path.dark .progress-complete {
  background: rgb(96, 170, 86);
}

.learning-path.dark .lp-item-disabled {
  color: #b5b1b1;
}

.learning-path.dark .lp-item-disabled > .lp-item-tags > .lp-item-tag, 
.learning-path.dark .lp-item-disabled > .lp-item > .lp-item-metadata > .lp-item-tags > .lp-item-tag {
  background: #8e8d8d !important;
}

.learning-path.dark .history-section {
  color: #fafafa;
}

/* FONT AWESOME */
.learning-path .chevron-up {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNC40NjUgMzY2LjQ3NWw3LjA3IDcuMDcxYzQuNjg2IDQuNjg2IDEyLjI4NCA0LjY4NiAxNi45NzEgMEwyMjQgMTc4LjA1M2wxOTUuNDk0IDE5NS40OTNjNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3MSAwbDcuMDctNy4wNzFjNC42ODYtNC42ODYgNC42ODYtMTIuMjg0IDAtMTYuOTdsLTIxMS4wNS0yMTEuMDUxYy00LjY4Ni00LjY4Ni0xMi4yODQtNC42ODYtMTYuOTcxIDBMNC40NjUgMzQ5LjUwNWMtNC42ODcgNC42ODYtNC42ODcgMTIuMjg0IDAgMTYuOTd6Ii8+PC9zdmc+) !important;
}

.learning-path .chevron-down {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDQzLjUgMTYyLjZsLTcuMS03LjFjLTQuNy00LjctMTIuMy00LjctMTcgMEwyMjQgMzUxIDI4LjUgMTU1LjVjLTQuNy00LjctMTIuMy00LjctMTcgMGwtNy4xIDcuMWMtNC43IDQuNy00LjcgMTIuMyAwIDE3bDIxMSAyMTEuMWM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjExLTIxMS4xYzQuOC00LjcgNC44LTEyLjMuMS0xN3oiLz48L3N2Zz4=) !important;
}

.learning-path .check-white {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogd2hpdGUiIGQ9Ik00MTMuNTA1IDkxLjk1MUwxMzMuNDkgMzcxLjk2NmwtOTguOTk1LTk4Ljk5NWMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3MSAwTDYuMjExIDI4NC4yODRjLTQuNjg2IDQuNjg2LTQuNjg2IDEyLjI4NCAwIDE2Ljk3MWwxMTguNzk0IDExOC43OTRjNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3MSAwbDI5OS44MTMtMjk5LjgxM2M0LjY4Ni00LjY4NiA0LjY4Ni0xMi4yODQgMC0xNi45NzFsLTExLjMxNC0xMS4zMTRjLTQuNjg2LTQuNjg2LTEyLjI4NC00LjY4Ni0xNi45NyAweiIgY2xhc3M9InN0MCIvPjwvc3ZnPg==) !important;
}

.learning-path .lock-alt-white {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogd2hpdGUiIGQ9Ik0yMjQgNDIwYy0xMSAwLTIwLTktMjAtMjB2LTY0YzAtMTEgOS0yMCAyMC0yMHMyMCA5IDIwIDIwdjY0YzAgMTEtOSAyMC0yMCAyMHptMjI0LTE0OHYxOTJjMCAyNi41LTIxLjUgNDgtNDggNDhINDhjLTI2LjUgMC00OC0yMS41LTQ4LTQ4VjI3MmMwLTI2LjUgMjEuNS00OCA0OC00OGgxNnYtNjRDNjQgNzEuNiAxMzYtLjMgMjI0LjUgMCAzMTIuOS4zIDM4NCA3My4xIDM4NCAxNjEuNVYyMjRoMTZjMjYuNSAwIDQ4IDIxLjUgNDggNDh6TTk2IDIyNGgyNTZ2LTY0YzAtNzAuNi01Ny40LTEyOC0xMjgtMTI4Uzk2IDg5LjQgOTYgMTYwdjY0em0zMjAgMjQwVjI3MmMwLTguOC03LjItMTYtMTYtMTZINDhjLTguOCAwLTE2IDcuMi0xNiAxNnYxOTJjMCA4LjggNy4yIDE2IDE2IDE2aDM1MmM4LjggMCAxNi03LjIgMTYtMTZ6Ii8+PC9zdmc+) !important;
}

.learning-path .lock-alt-red {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogcmVkIiBkPSJNMjI0IDQyMGMtMTEgMC0yMC05LTIwLTIwdi02NGMwLTExIDktMjAgMjAtMjBzMjAgOSAyMCAyMHY2NGMwIDExLTkgMjAtMjAgMjB6bTIyNC0xNDh2MTkyYzAgMjYuNS0yMS41IDQ4LTQ4IDQ4SDQ4Yy0yNi41IDAtNDgtMjEuNS00OC00OFYyNzJjMC0yNi41IDIxLjUtNDggNDgtNDhoMTZ2LTY0QzY0IDcxLjYgMTM2LS4zIDIyNC41IDAgMzEyLjkuMyAzODQgNzMuMSAzODQgMTYxLjVWMjI0aDE2YzI2LjUgMCA0OCAyMS41IDQ4IDQ4ek05NiAyMjRoMjU2di02NGMwLTcwLjYtNTcuNC0xMjgtMTI4LTEyOFM5NiA4OS40IDk2IDE2MHY2NHptMzIwIDI0MFYyNzJjMC04LjgtNy4yLTE2LTE2LTE2SDQ4Yy04LjggMC0xNiA3LjItMTYgMTZ2MTkyYzAgOC44IDcuMiAxNiAxNiAxNmgzNTJjOC44IDAgMTYtNy4yIDE2LTE2eiIvPjwvc3ZnPg==) !important;
}

.learning-path .square {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDAwIDMySDQ4QzIxLjUgMzIgMCA1My41IDAgODB2MzUyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDM1MmMyNi41IDAgNDgtMjEuNSA0OC00OFY4MGMwLTI2LjUtMjEuNS00OC00OC00OHptMTYgNDAwYzAgOC44LTcuMiAxNi0xNiAxNkg0OGMtOC44IDAtMTYtNy4yLTE2LTE2VjgwYzAtOC44IDcuMi0xNiAxNi0xNmgzNTJjOC44IDAgMTYgNy4yIDE2IDE2djM1MnoiLz48L3N2Zz4=) !important;
}

.learning-path .check-green {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBmaWxsPSJncmVlbiI+PHBhdGggZD0iTTQxMy41MDUgOTEuOTUxTDEzMy40OSAzNzEuOTY2bC05OC45OTUtOTguOTk1Yy00LjY4Ni00LjY4Ni0xMi4yODQtNC42ODYtMTYuOTcxIDBMNi4yMTEgMjg0LjI4NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDExOC43OTQgMTE4Ljc5NGM0LjY4NiA0LjY4NiAxMi4yODQgNC42ODYgMTYuOTcxIDBsMjk5LjgxMy0yOTkuODEzYzQuNjg2LTQuNjg2IDQuNjg2LTEyLjI4NCAwLTE2Ljk3MWwtMTEuMzE0LTExLjMxNGMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3IDB6IiBjbGFzcz0ic3QwIi8+PC9zdmc+) !important;
}

.learning-path.dark .check-green {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogcmdiKDE0NiwgMjIyLCAxMDUpIiBkPSJNNDM1Ljg0OCA4My40NjZMMTcyLjgwNCAzNDYuNTFsLTk2LjY1Mi05Ni42NTJjLTQuNjg2LTQuNjg2LTEyLjI4NC00LjY4Ni0xNi45NzEgMGwtMjguMjg0IDI4LjI4NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDEzMy40MjEgMTMzLjQyMWM0LjY4NiA0LjY4NiAxMi4yODQgNC42ODYgMTYuOTcxIDBsMjk5LjgxMy0yOTkuODEzYzQuNjg2LTQuNjg2IDQuNjg2LTEyLjI4NCAwLTE2Ljk3MWwtMjguMjg0LTI4LjI4NGMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3IDB6Ii8+PC9zdmc+) !important;
}

.learning-path.dark .chevron-up {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogI2ZhZmFmYTsiIGQ9Ik02LjEwMSAzNTkuMjkzTDI1LjkgMzc5LjA5MmM0LjY4NiA0LjY4NiAxMi4yODQgNC42ODYgMTYuOTcxIDBMMjI0IDE5OC4zOTNsMTgxLjEzIDE4MC42OThjNC42ODYgNC42ODYgMTIuMjg0IDQuNjg2IDE2Ljk3MSAwbDE5Ljc5OS0xOS43OTljNC42ODYtNC42ODYgNC42ODYtMTIuMjg0IDAtMTYuOTcxTDIzMi40ODUgMTMyLjkwOGMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3MSAwTDYuMTAxIDM0Mi4zMjJjLTQuNjg3IDQuNjg3LTQuNjg3IDEyLjI4NSAwIDE2Ljk3MXoiLz48L3N2Zz4=) !important;
}

.learning-path.dark .chevron-down {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogI2ZhZmFmYTsiIGQ9Ik00NDEuOSAxNjcuM2wtMTkuOC0xOS44Yy00LjctNC43LTEyLjMtNC43LTE3IDBMMjI0IDMyOC4yIDQyLjkgMTQ3LjVjLTQuNy00LjctMTIuMy00LjctMTcgMEw2LjEgMTY3LjNjLTQuNyA0LjctNC43IDEyLjMgMCAxN2wyMDkuNCAyMDkuNGM0LjcgNC43IDEyLjMgNC43IDE3IDBsMjA5LjQtMjA5LjRjNC43LTQuNyA0LjctMTIuMyAwLTE3eiIvPjwvc3ZnPg==) !important;
}

.learning-path.dark .book {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogcmdiKDE0MywgMjAxLCAyMjApIiBkPSJNMzU2IDE2MEgxODhjLTYuNiAwLTEyLTUuNC0xMi0xMnYtOGMwLTYuNiA1LjQtMTIgMTItMTJoMTY4YzYuNiAwIDEyIDUuNCAxMiAxMnY4YzAgNi42LTUuNCAxMi0xMiAxMnptMTIgNTJ2LThjMC02LjYtNS40LTEyLTEyLTEySDE4OGMtNi42IDAtMTIgNS40LTEyIDEydjhjMCA2LjYgNS40IDEyIDEyIDEyaDE2OGM2LjYgMCAxMi01LjQgMTItMTJ6bTY0LjcgMjY4aDMuM2M2LjYgMCAxMiA1LjQgMTIgMTJ2OGMwIDYuNi01LjQgMTItMTIgMTJIODBjLTQ0LjIgMC04MC0zNS44LTgwLTgwVjgwQzAgMzUuOCAzNS44IDAgODAgMGgzNDRjMTMuMyAwIDI0IDEwLjcgMjQgMjR2MzY4YzAgMTAtNi4yIDE4LjYtMTQuOSAyMi4yLTMuNiAxNi4xLTQuNCA0NS42LS40IDY1Ljh6TTEyOCAzODRoMjg4VjMySDEyOHYzNTJ6bS05NiAxNmMxMy40LTEwIDMwLTE2IDQ4LTE2aDE2VjMySDgwYy0yNi41IDAtNDggMjEuNS00OCA0OHYzMjB6bTM3Mi4zIDgwYy0zLjEtMjAuNC0yLjktNDUuMiAwLTY0SDgwYy02NCAwLTY0IDY0IDAgNjRoMzI0LjN6Ii8+PC9zdmc+);
}

.learning-path .ban {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjU2IDhDMTE5LjAzMyA4IDggMTE5LjAzMyA4IDI1NnMxMTEuMDMzIDI0OCAyNDggMjQ4IDI0OC0xMTEuMDMzIDI0OC0yNDhTMzkyLjk2NyA4IDI1NiA4ek0xMDMuMjY1IDQwOC43MzVjLTgwLjYyMi04MC42MjItODQuMTQ5LTIwOC45NTctMTAuOS0yOTMuNzQzbDMwNC42NDQgMzA0LjY0M2MtODQuODA0IDczLjI2NC0yMTMuMTM4IDY5LjcwNi0yOTMuNzQ0LTEwLjl6bTMxNi4zNy0xMS43MjdMMTE0Ljk5MiA5Mi4zNjVjODQuODA0LTczLjI2MyAyMTMuMTM3LTY5LjcwNSAyOTMuNzQzIDEwLjkgODAuNjIyIDgwLjYyMSA4NC4xNDkgMjA4Ljk1NyAxMC45IDI5My43NDN6Ii8+PC9zdmc+);
}

.learning-path .book {
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogIzQ1N2VjMSIgZD0iTTM1NiAxNjBIMTg4Yy02LjYgMC0xMi01LjQtMTItMTJ2LThjMC02LjYgNS40LTEyIDEyLTEyaDE2OGM2LjYgMCAxMiA1LjQgMTIgMTJ2OGMwIDYuNi01LjQgMTItMTIgMTJ6bTEyIDUydi04YzAtNi42LTUuNC0xMi0xMi0xMkgxODhjLTYuNiAwLTEyIDUuNC0xMiAxMnY4YzAgNi42IDUuNCAxMiAxMiAxMmgxNjhjNi42IDAgMTItNS40IDEyLTEyem02NC43IDI2OGgzLjNjNi42IDAgMTIgNS40IDEyIDEydjhjMCA2LjYtNS40IDEyLTEyIDEySDgwYy00NC4yIDAtODAtMzUuOC04MC04MFY4MEMwIDM1LjggMzUuOCAwIDgwIDBoMzQ0YzEzLjMgMCAyNCAxMC43IDI0IDI0djM2OGMwIDEwLTYuMiAxOC42LTE0LjkgMjIuMi0zLjYgMTYuMS00LjQgNDUuNi0uNCA2NS44ek0xMjggMzg0aDI4OFYzMkgxMjh2MzUyem0tOTYgMTZjMTMuNC0xMCAzMC0xNiA0OC0xNmgxNlYzMkg4MGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2MzIwem0zNzIuMyA4MGMtMy4xLTIwLjQtMi45LTQ1LjIgMC02NEg4MGMtNjQgMC02NCA2NCAwIDY0aDMyNC4zeiIvPjwvc3ZnPg==);
  padding: 1px 7px 1px 10px;
  margin-right: 10px;
}

.learning-path .undo-red {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZmlsbDogcmdiKDE5MywgNTQsIDUxKSI+PHBhdGggZD0iTTIwIDhoMTBjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnYxMTAuNjI1Qzg1LjE5NiA1Ny4wNDcgMTY1LjIzOSA3LjcxNSAyNTYuNzkzIDguMDAxIDM5My4xOCA4LjQyOCA1MDQuMjEzIDEyMC4wMDkgNTA0IDI1Ni4zOTYgNTAzLjc4NiAzOTMuMTgxIDM5Mi44MzQgNTA0IDI1NiA1MDRjLTYzLjkyNiAwLTEyMi4yMDItMjQuMTg3LTE2Ni4xNzgtNjMuOTA4LTUuMTEzLTQuNjE4LTUuMzU0LTEyLjU2MS0uNDgyLTE3LjQzM2w3LjA2OS03LjA2OWM0LjUwMy00LjUwMyAxMS43NDktNC43MTQgMTYuNDgyLS40NTRDMTUwLjc4MiA0NDkuMjM4IDIwMC45MzUgNDcwIDI1NiA0NzBjMTE3Ljc0NCAwIDIxNC05NS4zMzEgMjE0LTIxNCAwLTExNy43NDQtOTUuMzMxLTIxNC0yMTQtMjE0LTgyLjg2MiAwLTE1NC43MzcgNDcuMDc3LTE5MC4yODkgMTE2SDE4MGM2LjYyNyAwIDEyIDUuMzczIDEyIDEydjEwYzAgNi42MjctNS4zNzMgMTItMTIgMTJIMjBjLTYuNjI3IDAtMTItNS4zNzMtMTItMTJWMjBjMC02LjYyNyA1LjM3My0xMiAxMi0xMnoiLz48L3N2Zz4=);
}

.learning-path .undo-white {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZmlsbDogd2hpdGUiPjxwYXRoIGQ9Ik0yMCA4aDEwYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTEwLjYyNUM4NS4xOTYgNTcuMDQ3IDE2NS4yMzkgNy43MTUgMjU2Ljc5MyA4LjAwMSAzOTMuMTggOC40MjggNTA0LjIxMyAxMjAuMDA5IDUwNCAyNTYuMzk2IDUwMy43ODYgMzkzLjE4MSAzOTIuODM0IDUwNCAyNTYgNTA0Yy02My45MjYgMC0xMjIuMjAyLTI0LjE4Ny0xNjYuMTc4LTYzLjkwOC01LjExMy00LjYxOC01LjM1NC0xMi41NjEtLjQ4Mi0xNy40MzNsNy4wNjktNy4wNjljNC41MDMtNC41MDMgMTEuNzQ5LTQuNzE0IDE2LjQ4Mi0uNDU0QzE1MC43ODIgNDQ5LjIzOCAyMDAuOTM1IDQ3MCAyNTYgNDcwYzExNy43NDQgMCAyMTQtOTUuMzMxIDIxNC0yMTQgMC0xMTcuNzQ0LTk1LjMzMS0yMTQtMjE0LTIxNC04Mi44NjIgMC0xNTQuNzM3IDQ3LjA3Ny0xOTAuMjg5IDExNkgxODBjNi42MjcgMCAxMiA1LjM3MyAxMiAxMnYxMGMwIDYuNjI3LTUuMzczIDEyLTEyIDEySDIwYy02LjYyNyAwLTEyLTUuMzczLTEyLTEyVjIwYzAtNi42MjcgNS4zNzMtMTIgMTItMTJ6Ii8+PC9zdmc+);
}

/* MEDIA QUERIES */
@media screen and (max-width: 600px) {
  .learning-path.container-outer {
    padding: 0 0px 0px 20px;
  }

  .learning-path .hide-for-small {
    display: none;
  }

  .learning-path .resource-link-inner .lock-alt-red {
    right: -15px;
  }

  .learning-path .resources-heading, 
  .learning-path .history-heading, 
  .learning-path .resource, 
  .learning-path .resource-title-and-image {
    margin-left: 0;
    padding-left: 0;
  }

  .learning-path .resource-image {
    padding: 3px 3px 0 0;
  }

  .learning-path .resources-container {
    padding: 10px 8px 0;
  }

  .learning-path .resource-link {
    width: calc(100% - 100px);
  }

  .learning-path .progress-status {
    margin-left: -40px;
  }
}

.loading[data-v-617c1323] {
  position: fixed;
  color: white; 
  right: 0;
  top: 0;
  padding: 10px;
  z-index: 1000;
  background: rgba(0,0,0,0.5)
}
.spinner[data-v-617c1323] {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin-data-v-617c1323 1s ease-in-out infinite;
  -webkit-animation: spin-data-v-617c1323 1s ease-in-out infinite;
}
.loading-text[data-v-617c1323] {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 6px;
}
@keyframes spin-data-v-617c1323 {
to { -webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin-data-v-617c1323 {
to { -webkit-transform: rotate(360deg);
}
}


/*# sourceMappingURL=1.css.map*/