/* **** TRAINING CENTER COMMON **** */
/* should be included first and in all builds/pages */
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Merriweather:300italic,400italic,700italic,300,400,600,700);
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
body.center,
body.training_center {
  /* *** ALL TC TABS STYLING *** */
}
body.center *::-webkit-scrollbar,
body.training_center *::-webkit-scrollbar {
  width: 9px;
  background-color: transparent;
  border: 0px solid #666;
  margin-right: 3px;
  opacity: 0;
  z-index: 1000;
  transition: all 0.5s ease;
}
body.center *::-webkit-scrollbar *,
body.training_center *::-webkit-scrollbar * {
  opacity: 0;
  background-color: transparent;
}
body.center *:hover::-webkit-scrollbar,
body.training_center *:hover::-webkit-scrollbar {
  opacity: 1;
  width: 9px;
  background-color: rgba(238, 238, 238, 0.4117647059);
}
body.center *:hover::-webkit-scrollbar *,
body.training_center *:hover::-webkit-scrollbar * {
  opacity: 1;
  background-color: transparent;
}
body.center *::-webkit-scrollbar-track,
body.training_center *::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1333333333);
}
body.center *::-webkit-scrollbar-thumb,
body.training_center *::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(195, 195, 195, 0.6);
  border: 1px solid #666;
  border-color: rgba(255, 255, 255, 0.2666666667) rgba(0, 0, 0, 0.1882352941) rgba(0, 0, 0, 0.1882352941) rgba(255, 255, 255, 0.2666666667);
  transition: all 0.3s ease;
}
body.center a,
body.training_center a {
  text-decoration: none;
  transition: all 0.4s ease;
}
body.center a:hover,
body.training_center a:hover {
  color: #4d4d4d;
}
body.center footer,
body.training_center footer {
  flex: 1 1 100%;
  display: none;
  height: 0;
}
body.center #body-back,
body.training_center #body-back {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 96px;
  background: url(../img/product-page-header-animated.svg) #f9fbfd no-repeat bottom center/cover;
  top: 0;
  left: 0;
  min-width: 1100px;
  display: none;
}
@media (max-width: 1100px) {
  body.center #body-back,
body.training_center #body-back {
    min-width: 100%;
  }
}
body.center > #body-back,
body.training_center > #body-back {
  display: none;
}
body.center .blue-arrow,
body.training_center .blue-arrow {
  display: inline-block;
  cursor: pointer;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  /* border-top: 1px solid #005dbb; */
  /* border-right: 1px solid #005dbb; */
  /* transform: rotate(45deg); */
  background: transparent url(../img/arrow-blue.svg) no-repeat center/10px;
}
body.center .btn_close_round,
body.training_center .btn_close_round {
  height: 30px;
  width: 30px;
  background: transparent url(../img/close.svg) no-repeat center/16px;
  border: 1px solid rgba(255, 255, 255, 0.5647058824);
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 0.8;
  user-select: none;
  outline: none;
}
body.center .btn_close_round--red,
body.training_center .btn_close_round--red {
  background: transparent url(../img/close-red.svg) no-repeat center/16px;
  border-color: #dc5454;
}
body.center .btn_close_round--no-border,
body.training_center .btn_close_round--no-border {
  border: 0 none;
}
body.center .btn_close_round:hover,
body.training_center .btn_close_round:hover {
  opacity: 1;
  box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.0980392157);
}
body.center .delete_button,
body.training_center .delete_button {
  display: inline-block;
  height: 30px;
  width: 30px;
  border: 0 none;
  background: transparent url(../img/close-blue.svg) no-repeat center/16px;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  opacity: 0.8;
  user-select: none;
  outline: none;
}
body.center .delete_button:hover,
body.training_center .delete_button:hover {
  opacity: 1;
}
body.center .button,
body.training_center .button {
  font-size: 12px;
  min-height: 28px;
}
body.center .button--white,
body.training_center .button--white {
  border: solid 1px #d8d8da;
  background-image: none;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1019607843), -4px -4px 10px 0 rgba(255, 255, 255, 0.2), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
  color: #005dbb;
}
body.center .button--white:hover,
body.training_center .button--white:hover {
  border: solid 1px #4d4d4d;
  color: #4d4d4d;
}
body.center .button--link,
body.training_center .button--link {
  background-image: none;
  box-shadow: none;
  background-color: transparent;
  opacity: 0.8;
}
body.center .button--link:hover,
body.training_center .button--link:hover {
  opacity: 1;
  background-image: none;
}
body.center .button--gray,
body.training_center .button--gray {
  border-image-source: linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-image: linear-gradient(113deg, #e8f1f9, #edf5fc), linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  box-shadow: 3px 1px 15px -4px rgba(18, 61, 101, 0.2274509804);
  color: #005dbb;
}
body.center .button--gray:hover,
body.training_center .button--gray:hover {
  box-shadow: 3px 1px 13px -3px rgba(18, 61, 101, 0.4784313725), inset -3px -3px 11px rgba(255, 255, 255, 0.5647058824), inset 3px 3px 11px rgba(0, 0, 0, 0.1254901961);
}
body.center .button--big,
body.training_center .button--big {
  font-size: 14px;
}
body.center .button--big span,
body.training_center .button--big span {
  margin: 12px 10px;
}
body.center .learning-progress-bar,
body.training_center .learning-progress-bar {
  width: 100%;
  height: 15px;
  padding: 2px;
  box-shadow: inset 6px 4px 8px 0 rgba(208, 219, 231, 0.6588235294), inset -5px -5px 10px 0 #ffffff, 2px 0px 9px -5px rgba(0, 0, 0, 0.3215686275);
  border-radius: 6px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(96deg, #ffffff, #ffffff 62%, #d6e0ec);
  background-image: linear-gradient(to bottom, #f4f5f5, #f4f5f5), linear-gradient(96deg, #ffffff, #ffffff 62%, #d6e0ec);
  background-origin: border-box;
  background-clip: content-box, border-box;
  position: relative;
}
body.center .learning-progress-bar .learning-progress-inner,
body.training_center .learning-progress-bar .learning-progress-inner {
  transition: all 0.6s ease 0s;
  height: 100%;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(77, 77, 77, 0.25), -1px -1px 2px 0 rgba(255, 255, 255, 0.5);
  background-image: linear-gradient(131deg, #3b93bc -71%, #4f98dc 74%, #025dba 195%, #025dba 195%);
}
body.center .learning-progress-bar .progress-tooltip,
body.training_center .learning-progress-bar .progress-tooltip {
  position: absolute;
  top: calc(0% - 42px);
  left: 50%;
  transform: translate(-50%, 0%);
  min-width: 176px;
  text-align: center;
  color: #4d4d4d;
  z-index: 1;
  box-shadow: 0 3px 14px 0 rgba(77, 77, 77, 0.15);
  opacity: 0;
  transition: opacity 0.3s ease, height 0.1s;
  height: 0;
  overflow: hidden;
}
body.center .learning-progress-bar .progress-tooltip .progress-tooltip-inner,
body.training_center .learning-progress-bar .progress-tooltip .progress-tooltip-inner {
  border-radius: 3px;
  background-color: #ffffff;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 225%;
  position: relative;
}
body.center .learning-progress-bar .progress-tooltip .progress-tooltip-inner .tooltip-text,
body.training_center .learning-progress-bar .progress-tooltip .progress-tooltip-inner .tooltip-text {
  position: relative;
  z-index: 1;
}
body.center .learning-progress-bar .progress-tooltip .progress-tooltip-inner .tooltip-text span,
body.training_center .learning-progress-bar .progress-tooltip .progress-tooltip-inner .tooltip-text span {
  font-size: 18px;
}
body.center .learning-progress-bar .progress-tooltip .progress-tooltip-inner:before,
body.training_center .learning-progress-bar .progress-tooltip .progress-tooltip-inner:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  transform: rotate(45deg);
  bottom: -3px;
  left: calc(50% - 16px);
  background-color: #ffffff;
  z-index: -1;
  box-shadow: 0 3px 14px 0 rgba(77, 77, 77, 0.15);
}
body.center .learning-progress-bar .tooltip-label,
body.training_center .learning-progress-bar .tooltip-label {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
  color: #ffffff;
  transition: clip-path 1s linear;
}
body.center .learning-progress-bar .tooltip-label.ttt_right,
body.training_center .learning-progress-bar .tooltip-label.ttt_right {
  color: #444444;
}
body.center .learning-progress-bar.has-progress-bar:not(.grayed-out):hover .progress-tooltip,
body.training_center .learning-progress-bar.has-progress-bar:not(.grayed-out):hover .progress-tooltip {
  height: 35px;
  opacity: 1;
  overflow: visible;
}
body.center .learning-progress-bar.box_bottom_bar,
body.training_center .learning-progress-bar.box_bottom_bar {
  width: auto;
  height: 4px;
  padding: 0;
  font-size: 0px;
  color: transparent;
  border-radius: 100px;
  border: 0 none;
  background-image: linear-gradient(91deg, rgba(59, 147, 188, 0.062745098), rgba(79, 152, 220, 0.062745098) 5%, rgba(2, 93, 186, 0.062745098), rgba(2, 93, 186, 0.062745098));
  position: absolute;
  bottom: 0;
  left: 2px;
  right: 2px;
}
body.center .learning-progress-bar.box_bottom_bar .learning-progress-inner,
body.training_center .learning-progress-bar.box_bottom_bar .learning-progress-inner {
  opacity: 0.5;
  border-radius: 100px;
  background-image: linear-gradient(91deg, #3b93bc, #4f98dc 55%, #025dba, #025dba);
}
body.center .modal.steps-modal .step-block.linked:not(.step-completed) .step-title .blue-arrow,
body.training_center .modal.steps-modal .step-block.linked:not(.step-completed) .step-title .blue-arrow {
  border: 0 none;
  transform: none;
}
body.center .modal.steps-modal .learning-progress-bar,
body.training_center .modal.steps-modal .learning-progress-bar {
  display: none;
}
body.center .floating-nav,
body.training_center .floating-nav {
  width: 100%;
  height: 131px;
  padding: 5px 6px 6px 5px;
  border-radius: 6px 6px 0 0;
  background-color: #ffffff;
}
body.center .floating-nav .container,
body.training_center .floating-nav .container {
  width: 100%;
  margin: 0 auto 7.5px;
  padding: 7px 10px;
  opacity: 0.75;
  border-radius: 6px;
  box-shadow: inset 5px 5px 10px 0 rgba(208, 219, 231, 0.5), inset -5px -5px 10px 0 rgba(255, 255, 255, 0.8);
  background-color: #f4f6f8;
}
body.center ul.tabs_wrapper,
body.training_center ul.tabs_wrapper {
  display: flex;
  gap: 10px;
}
body.center ul.tabs_wrapper li.tab_wrapper,
body.training_center ul.tabs_wrapper li.tab_wrapper {
  min-width: 90px;
  height: 75px;
  margin: 0;
  padding: 0 1px;
  border-radius: 6px;
  box-shadow: 0px 3px 8px -4px rgba(162, 188, 216, 0.6588235294), inset -4px -3px 10px 0 rgba(255, 255, 255, 0.6);
  /* box-shadow: -4px -4px 8px 0 #d0dbe7a8, inset -4px -3px 10px 0 #ffffff99; */
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(125deg, #ffffff, #ffffff 62%, #cbd7e5 100%);
  /* border-image-slice: 1; */
  background-image: linear-gradient(125deg, #e5f0f9, #edf5fc 100%), linear-gradient(125deg, #ffffff, #ffffff 62%, #cbd7e5 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
body.center ul.tabs_wrapper li.tab_wrapper *,
body.training_center ul.tabs_wrapper li.tab_wrapper * {
  transition: all 0.3s ease 0s;
}
body.center ul.tabs_wrapper li.tab_wrapper a.tab_button,
body.center ul.tabs_wrapper li.tab_wrapper a.tab_button_alt,
body.training_center ul.tabs_wrapper li.tab_wrapper a.tab_button,
body.training_center ul.tabs_wrapper li.tab_wrapper a.tab_button_alt {
  text-align: center;
  color: #4d4d4d;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-transform: capitalize;
  display: block;
  margin: 0 5px;
  padding: 50px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent no-repeat center/auto 20px;
}
body.center ul.tabs_wrapper li.tab_wrapper.active, body.center ul.tabs_wrapper li.tab_wrapper:hover,
body.training_center ul.tabs_wrapper li.tab_wrapper.active,
body.training_center ul.tabs_wrapper li.tab_wrapper:hover {
  box-shadow: 0px 3px 8px -4px rgba(162, 188, 216, 0.9098039216), inset 6px 6px 10px 0 rgba(208, 219, 231, 0.6588235294), inset -5px -5px 10px 0 rgba(255, 255, 255, 0.6);
  background-color: #f4f5f5;
  background-image: linear-gradient(to bottom, #f4f5f5, #f4f5f5), linear-gradient(125deg, #ffffff, #ffffff 62%, #d6e0ec);
}
body.center ul.tabs_wrapper li.tab_wrapper.active a, body.center ul.tabs_wrapper li.tab_wrapper:hover a,
body.training_center ul.tabs_wrapper li.tab_wrapper.active a,
body.training_center ul.tabs_wrapper li.tab_wrapper:hover a {
  font-weight: 600;
}
body.center ul.tabs_wrapper li.tab_wrapper.active,
body.training_center ul.tabs_wrapper li.tab_wrapper.active {
  filter: grayscale(100%);
}
body.center ul.tabs_wrapper li.tab_wrapper.disabled,
body.training_center ul.tabs_wrapper li.tab_wrapper.disabled {
  filter: grayscale(100%);
  opacity: 0;
}
body.center ul.tabs_wrapper li.tab_wrapper.disabled:before,
body.training_center ul.tabs_wrapper li.tab_wrapper.disabled:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(221, 221, 221, 0.6666666667);
}
body.center ul.tabs_wrapper li.tab_wrapper.disabled:hover a,
body.training_center ul.tabs_wrapper li.tab_wrapper.disabled:hover a {
  font-weight: normal;
}
body.center .tabs_content_wrapper,
body.training_center .tabs_content_wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  scrollbar-width: thin;
}
body.center .tabs_content_wrapper .tab_content_scroller,
body.training_center .tabs_content_wrapper .tab_content_scroller {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
body.center .tabs_content_wrapper .tab_content_wrapper,
body.training_center .tabs_content_wrapper .tab_content_wrapper {
  position: relative;
  display: none;
  margin: 15px;
}
body.center .tabs_content_wrapper .tab_content_wrapper.active,
body.training_center .tabs_content_wrapper .tab_content_wrapper.active {
  display: flex;
  flex: 1 1 100%;
  flex-flow: column nowrap;
}
body.center .tabs_content_wrapper .tab_content_wrapper.scroller,
body.training_center .tabs_content_wrapper .tab_content_wrapper.scroller {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
body.center .tabs_content_wrapper .tab_content_wrapper .section_title,
body.training_center .tabs_content_wrapper .tab_content_wrapper .section_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.38;
  color: #4d4d4d;
  text-align: center;
}
body.center .tabs_content_wrapper .tab_content_wrapper .section_title .course_name,
body.center .tabs_content_wrapper .tab_content_wrapper .section_title .section_name,
body.training_center .tabs_content_wrapper .tab_content_wrapper .section_title .course_name,
body.training_center .tabs_content_wrapper .tab_content_wrapper .section_title .section_name {
  font-size: 24px;
  font-weight: bold;
}
body.center .tabs_content_wrapper .tab_content_wrapper .section_title .heading_course_thumb,
body.training_center .tabs_content_wrapper .tab_content_wrapper .section_title .heading_course_thumb {
  height: 26px;
  margin: 0 1px;
}
body.center .tabs_content_wrapper .tab_content_wrapper .subtitle,
body.training_center .tabs_content_wrapper .tab_content_wrapper .subtitle {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.75;
  color: #4d4d4d;
}
body.center #content .content_box.course-wrap,
body.training_center #content .content_box.course-wrap {
  min-width: 750px;
}
/* **** TRAINING CENTER - LANDING PAGE **** */
body.center {
  display: flex;
  height: 100%;
  flex-flow: row nowrap;
  background-color: #e8eff5;
}
body.center #main {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
  background-color: #e8eff5;
  padding: 15px;
  max-height: 100vh;
  min-width: 670px;
  overflow: hidden;
  overflow-x: auto;
  max-width: 1860px;
  margin: 0 auto;
}
body.center #main .heading-wrap {
  margin: 0;
  z-index: 2;
}
body.center #main .user_info_bar {
  flex: 0 0 30px;
  height: 30px;
  margin: 0 0 13px;
  padding: 0 25px 0 0;
  color: #000;
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  display: none;
}
body.center #main .user_info_bar .uib_logged_user {
  color: #005dbb;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
  background: url(../img/center/my-account-icn.svg) transparent no-repeat right center/15px;
  padding-right: 20px;
}
body.center #main .user_info_bar i.user_icon {
  background: transparent url(../img/center/my-account-icn.svg) no-repeat center/contain;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  display: none;
}
body.center #main .bar {
  flex: 0 0 45px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 45px;
  margin: 0 0 13px;
  border-radius: 6px;
  border-style: solid;
  border-width: 0.5px;
  opacity: 1;
  z-index: 5;
  transition: opacity 0.3s ease, visibility 0s ease 0.4s;
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1019607843), 22px 15px 40px 0 rgba(18, 61, 101, 0.1019607843), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
}
body.center #main .bar.hidden {
  visibility: hidden;
  opacity: 0;
}
body.center #main .bar .mb_messages {
  flex: 1;
  margin-left: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  white-space: nowrap;
}
body.center #main .bar .mb_messages .mb_message {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
}
body.center #main .bar .mb_messages .mb_message br {
  display: none;
}
body.center #main .bar .mb_actions {
  flex: 0 0 200px;
  margin-right: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
body.center #main .bar .mb_actions button {
  margin: 0 0 0 10px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5647058824);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  outline: none;
  user-select: none;
  transition: all 0.3s ease 0s;
}
body.center #main .bar .mb_actions button:hover {
  border: 1px solid #ffffff;
  box-shadow: inset -3px -3px 7px rgba(0, 0, 0, 0.2), inset 3px 3px 7px rgba(255, 255, 255, 0.2);
}
body.center #main .bar .mb_actions .btn_regular {
  box-shadow: inset -4px -3px 40px 0 rgba(255, 255, 255, 0.0901960784);
  padding: 4px 20px;
}
body.center #main .bar .mb_actions .btn_regular:hover {
  box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.0980392157);
}
body.center #main .bar .mb_actions .btn_close_round {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  opacity: 0.9;
}
body.center #main .bar .mb_actions .btn_close_round:after, body.center #main .bar .mb_actions .btn_close_round:before {
  background-color: rgba(255, 255, 255, 0.6274509804);
  width: 1px;
  top: 3px;
  left: 49.5%;
}
body.center #main .bar .mb_actions .btn_close_round:hover {
  box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.0980392157);
}
body.center #main .bar.ticker_bar {
  background-image: linear-gradient(106deg, #edf5fc, rgba(232, 241, 249, 0));
}
body.center #main .bar.heading_bar {
  border-color: #ffffff;
  background-color: #ffffff;
}
body.center #main .bar.heading_bar .mb_messages .mb_message {
  color: #4d4d4d;
  font-size: 14px;
}
body.center #main .bar.message_bar {
  border-image-source: linear-gradient(92deg, #ffffff, #ffffff 62%, #96a8bf);
  /* border-image-slice: 1; */
  background-image: linear-gradient(92deg, #3b93bc 0%, #045ebb 100%), linear-gradient(92deg, #ffffff, #ffffff 62%, #96a8bf);
  display: none;
}
body.center #main #content {
  background: transparent;
  /* box-shadow: none; */
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
  margin: 0;
  /* overflow: auto hidden; */
  max-height: calc(100% - 43px);
  /* overflow: auto; */
  padding: 0;
  position: relative;
  width: auto;
}
body.center #main .content_box {
  position: relative;
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  flex-flow: column nowrap;
  border-radius: 6px;
  box-shadow: none;
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(123deg, #ffffff, #ffffff 62%, #96a8bf);
  /* border-image-slice: 1; */
  background-image: linear-gradient(to bottom, #f1f6fb, #f1f6fb), linear-gradient(123deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  /* box-shadow: 16px 16px 36px -15px #123d651a; */
  box-shadow: 22px 15px 40px 0 rgba(18, 61, 101, 0.2901960784), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.2509803922);
}
body.center #main .content_box .center_actions {
  display: none;
}
body.center #main:after, body.center #main:before {
  display: none;
}
body.center #main .title-line {
  background-color: #fff;
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
body.center #main .title-line * {
  color: #4d4d4d;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}
body.center #main .title-line .title_line_caption {
  flex: 1;
}
body.center #main .title-line .course_filter_wrapper {
  flex: 0 0 165px;
  height: 100%;
  justify-self: flex-end;
  position: relative;
}
body.center #main .title-line .course_filter_wrapper .caret {
  border: solid 1px #005dbb;
  border-top: none;
  border-left: none;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  top: 18px;
  right: 0;
  position: absolute;
  transition: all 0.3s ease;
  z-index: 10;
}
body.center #main .title-line .course_filter_wrapper.open .caret {
  transform: rotate(45deg);
  margin-top: -2px;
}
body.center #main .title-line .course_filter_wrapper .course_filter_dropdown {
  max-height: 43px;
  display: flex;
  flex-direction: column;
  /*overflow: hidden;*/
  position: absolute;
  top: 0px;
  right: -15px;
  transition: all 0.3s ease;
  z-index: 1;
  width: 100%;
}
body.center #main .title-line .course_filter_wrapper .course_filter_dropdown.reverse {
  flex-direction: column-reverse;
}
body.center #main .title-line .course_filter_wrapper .course_filter_dropdown .course_filter_btn {
  text-align: right;
  color: #005dbb;
  font-size: 14px;
  font-weight: 600;
  display: none;
  overflow: hidden;
  visibility: hidden;
  width: 100%;
  padding: 7px 38px 5px 0;
  transition: all 0.3s ease;
}
body.center #main .title-line .course_filter_wrapper .course_filter_dropdown .course_filter_btn.selected {
  visibility: visible;
  display: block;
}
body.center #main .title-line .course_filter_wrapper.open .course_filter_dropdown {
  max-height: 200px;
  background-color: #fff;
}
body.center #main .title-line .course_filter_wrapper.open .course_filter_dropdown:after {
  height: 8px;
  width: 100%;
  content: "";
  display: block;
  box-shadow: -5px 9px 11px -3px rgba(0, 0, 0, 0.568627451);
  position: absolute;
  bottom: 0;
  z-index: 1;
}
body.center #main .title-line .course_filter_wrapper.open .course_filter_dropdown .course_filter_btn {
  visibility: visible;
  display: block;
}
body.center #main .title-line .course_filter_wrapper.open .course_filter_dropdown .course_filter_btn:hover {
  background-color: #eee;
  color: #111;
}
body.center #main .title-line .course_filter_wrapper.open .course_filter_dropdown .course_filter_btn.selected {
  text-decoration: underline;
}
body.center #main .courses_wrap {
  flex: 1;
  padding: 15px;
  overflow: hidden;
  overflow-y: auto;
  display: block;
  /* flex-flow: row wrap;
  gap: 15px;*/
}
body.center #main .courses_wrap:after {
  clear: both;
  display: block;
  content: "";
}
body.center #main .course {
  cursor: pointer;
  width: 376px;
  height: 220px;
  margin: 7px;
  float: left;
  display: inline-flex;
  flex-flow: column nowrap;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1019607843), -16px -16px 40px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(120deg, #ffffff, #ffffff 62%, #96a8bf);
  /* border-image-slice: 1; */
  background-image: linear-gradient(to bottom, #f5f8fb, #f5f8fb), linear-gradient(120deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  position: relative;
  /* EXPIRED */
}
body.center #main .course.status_2 {
  display: none;
}
body.center #main .course.add_box {
  align-items: center;
  text-align: center;
  justify-content: center;
  box-shadow: inset -4px -3px 40px 0 rgba(255, 255, 255, 0.09);
  background-image: linear-gradient(120deg, #e5f0f9, #edf5fc);
  border: 0px none;
}
body.center #main .course.add_box * {
  text-align: center;
  transition: all 0.3s ease 0s;
}
body.center #main .course.add_box i.add_icon {
  height: 30px;
  width: 30px;
  border: 1px solid rgba(0, 93, 187, 0.5647058824);
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease 0s;
  margin-bottom: 8px;
}
body.center #main .course.add_box i.add_icon:after, body.center #main .course.add_box i.add_icon:before {
  content: "";
  display: block;
  background-color: rgba(0, 93, 187, 0.5647058824);
  height: 75%;
  width: 1px;
  transform-origin: center;
  position: absolute;
  top: 3px;
  left: 49.5%;
}
body.center #main .course.add_box i.add_icon:after {
  transform: rotate(90deg);
}
body.center #main .course.add_box span {
  font-size: 16px;
  font-weight: bold;
  color: #005dbb;
}
body.center #main .course.add_box:hover {
  /* background-image: linear-gradient(120deg, #c1d3e2, #edf5fc), linear-gradient(120deg, #ffffff, #ffffff 62%, #cbd7e5); */
  box-shadow: inset 6px 4px 10px 0 rgba(208, 219, 231, 0.25), inset -5px -5px 10px 0 rgba(255, 255, 255, 0.5);
  background-image: linear-gradient(120deg, #e5f0f9, #edf5fc);
}
body.center #main .course.add_box:hover i.add_icon {
  /* box-shadow: -4px -4px 8px #ffffffaa, 4px 4px 8px #00000019;
  background-color: #ffffff99; */
  filter: grayscale(100%);
}
body.center #main .course.add_box:hover span {
  color: #4d4d4d;
}
body.center #main .course .expiration_message {
  position: absolute;
  z-index: 1;
  right: 0px;
  margin: 11px 19px 0 0;
  border-radius: 0 7px 0 0;
  height: 22.5px;
  width: 121px;
  align-items: center;
  display: flex;
  justify-content: center;
}
body.center #main .course .expiration_message .tooltip_link.badge {
  height: 10px;
  width: 10px;
  padding: unset;
}
body.center #main .course .expiration_message span {
  color: #2b2b2b;
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  margin: 3px 4px 4px 0;
}
body.center #main .course .series {
  margin: 5px;
  flex: 0 0 140px;
  height: 140px;
  background: url("../img/center/course_box_back.svg") no-repeat center transparent;
  background-size: cover;
  /* padding-bottom: 20px; */
  border-radius: 7px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
body.center #main .course .series .image_wrapper {
  background: transparent no-repeat center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 43%;
  width: 75%;
  transition: all 0.2s ease 0s;
}
body.center #main .course .series span {
  font-size: 56px;
  margin-top: -23px;
  font-weight: 700;
  color: #dadada;
  transition: all 0.4s ease 0s;
  /* text-shadow: -6px 4px 5px #4d4e4e60; */
  text-shadow: 1px 1px 1px #919191, 0px 2px 1px rgba(77, 78, 78, 0.6), -1px 3px 1px rgba(77, 78, 78, 0.6), -2px 4px 1px rgba(77, 78, 78, 0.6), -3px 5px 1px rgba(77, 78, 78, 0.6), -4px 6px 1px rgba(77, 78, 78, 0.6), -5px 7px 1px rgba(77, 78, 78, 0.6), -6px 8px 1px rgba(77, 78, 78, 0.6), -7px 9px 1px rgba(77, 78, 78, 0.6), -8px 10px 1px rgba(77, 78, 78, 0.6), -9px 11px 1px rgba(77, 78, 78, 0.6), -10px 12px 1px rgba(77, 78, 78, 0.6), -11px 13px 1px rgba(77, 78, 78, 0.6), -12px 14px 1px rgba(77, 78, 78, 0.6), -13px 15px 1px rgba(77, 78, 78, 0.6), -14px 16px 1px rgba(77, 78, 78, 0.6), -15px 17px 1px rgba(77, 78, 78, 0.6), -16px 18px 1px rgba(77, 78, 78, 0.6), -16px 18px 6px rgba(16, 16, 16, 0.2), -16px 22px 10px rgba(16, 16, 16, 0.1), -16px 25px 35px rgba(16, 16, 16, 0.1), -16px 30px 60px rgba(16, 16, 16, 0.2);
}
body.center #main .course .series:hover span {
  color: #fff;
  text-shadow: -1px 1px 1px #919191, 0px 2px 1px rgba(77, 78, 78, 0.6), 1px 3px 1px rgba(77, 78, 78, 0.6), 2px 4px 1px rgba(77, 78, 78, 0.6), 3px 5px 1px rgba(77, 78, 78, 0.6), 4px 6px 1px rgba(77, 78, 78, 0.6), 5px 7px 1px rgba(77, 78, 78, 0.6), 6px 8px 1px rgba(77, 78, 78, 0.6), 7px 9px 1px rgba(77, 78, 78, 0.6), 8px 10px 1px rgba(77, 78, 78, 0.6), 9px 11px 1px rgba(77, 78, 78, 0.6), 10px 12px 1px rgba(77, 78, 78, 0.6), 11px 13px 1px rgba(77, 78, 78, 0.6), 12px 14px 1px rgba(77, 78, 78, 0.6), 13px 15px 1px rgba(77, 78, 78, 0.6), 14px 16px 1px rgba(77, 78, 78, 0.6), 15px 17px 1px rgba(77, 78, 78, 0.6), 16px 18px 1px rgba(77, 78, 78, 0.6), 16px 18px 6px rgba(16, 16, 16, 0.2), 16px 22px 10px rgba(16, 16, 16, 0.1), 16px 25px 35px rgba(16, 16, 16, 0.1), 16px 30px 60px rgba(16, 16, 16, 0.2);
}
body.center #main .course .series:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset -4px -4px 30px rgba(0, 51, 153, 0.062745098);
  opacity: 0;
  transition: all 0.2s ease 0s;
}
body.center #main .course:hover .image_wrapper {
  transform: scale3d(1.05, 1.05, 1.05);
}
body.center #main .course:hover .series::before {
  opacity: 1;
}
body.center #main .course .title {
  margin: 5px;
  flex: 1;
  font-size: 16px;
  font-weight: bold;
  color: #4d4d4d;
  display: flex;
  padding: 0 30px;
  justify-content: center;
  align-items: center;
  text-align: left;
}
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
/* **** TRAINING CENTER - SIDE NAV - INCLUDED IN THE COURSE PAGE **** */
/* also a base for the lesson sidebar, so it should be included there too */
body.center header.left_side_bar {
  flex: 0 0 220px;
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  flex-flow: column nowrap;
  height: 100%;
  transition: all 0.3s ease 0s;
  display: flex;
  overflow: hidden;
  overflow-y: auto;
  box-shadow: 3px 0 10px -5px rgba(0, 0, 0, 0.1882352941);
  /* width: 220px; */
  z-index: unset;
}
body.center header.left_side_bar .navbar {
  width: 100%;
  margin: 0;
  height: auto;
  border-bottom: 0px solid #e7e7e7;
  background-color: transparent;
  border: none;
  border-radius: 0;
  flex: 0 0 auto;
}
body.center header.left_side_bar .container {
  margin: 4px 0 6px 0;
  padding: 0;
  width: auto;
  height: auto;
}
body.center header.left_side_bar .container .navbar-header {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  height: 25px;
  float: none;
}
body.center header.left_side_bar .container .navbar-header .navbar-brand {
  width: 131px;
  height: 22px;
  margin: 0 15px 0 0;
  background: url(../img/center/logo.svg) no-repeat center left/auto;
  transition: all 0.15s ease 0s;
}
body.center header.left_side_bar .container .navbar-header .sidebar_toggler {
  cursor: pointer;
  width: 27px;
  height: 15px;
  justify-self: flex-end;
  transition: all 0.3s ease 0s;
  background: url(../img/center/menu-icn-expanded.svg) no-repeat center right/26px 15px;
}
body.center header.left_side_bar .container .navbar-header .sidebar_toggler:hover {
  filter: grayscale(100%);
}
body.center header.left_side_bar .container .navbar-nav {
  float: none;
  display: block;
  width: 100%;
  max-width: 200px;
  max-height: 190px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
  opacity: 1;
  transition: all 0.2s ease 0.3s;
  margin-left: -5px;
}
body.center header.left_side_bar .container .navbar-nav li {
  float: none;
  display: block;
  width: 100%;
  white-space: nowrap;
  transition: all 0.4s ease 0s;
  padding: 0;
  border-radius: 6px;
}
body.center header.left_side_bar .container .navbar-nav li:hover {
  box-shadow: inset 4px 2px 3px 0 rgba(208, 219, 231, 0.2509803922), inset -2px -2px 5px 0 #ffffff;
  background-color: rgba(244, 245, 245, 0.5294117647);
  /*
  background-image: linear-gradient(to bottom, #ffffff, #f5f8fb), linear-gradient(135deg, #ffffff, #ffffff 62%, #96a8bf);
  border-image-source: linear-gradient(135deg, #ffffff, #ffffff 62%, #96a8bf);
  */
}
body.center header.left_side_bar .container .navbar-nav li:first-child {
  padding: 0;
}
body.center header.left_side_bar .container .navbar-nav li a {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 2.2;
  color: #2b2b2b;
  opacity: 0.8;
  display: block;
  padding: 0 0 0 22px;
  background: transparent no-repeat center left/15px;
  white-space: nowrap;
  margin: 0 5px;
  transition: all 0s ease;
}
body.center header.left_side_bar .container .navbar-nav li a:hover {
  opacity: 1;
  filter: grayscale(1);
}
body.center header.left_side_bar .container .navbar-nav li#nav-training-center-full a {
  background-image: url(../img/center/home-icn.svg);
}
body.center header.left_side_bar .container .navbar-nav li#nav-home a {
  background-image: url(../img/center/km.svg);
}
body.center header.left_side_bar .container .navbar-nav li#nav-my-account a {
  background-image: url(../img/center/my-account-icn.svg);
}
body.center header.left_side_bar .container .navbar-nav li#nav-add-courses a {
  background-image: url(../img/center/add-icn.svg);
}
body.center header.left_side_bar .container .navbar-nav li#nav-orders a {
  background-image: url(../img/center/orders-icn.svg);
}
body.center header.left_side_bar .container .navbar-nav li#nav-manager-dashboard a {
  background-image: url(../img/center/dashboard-icn.svg);
}
body.center header.left_side_bar .container .navbar-nav li#nav-logout a {
  background-image: url(../img/center/log-out-icn.svg);
}
body.center header.left_side_bar .back_to_button {
  height: 45px;
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 16px;
  text-transform: none;
}
body.center header.left_side_bar .back_to_button span {
  align-items: center;
  line-height: 1;
  padding: 5px;
}
body.center header.left_side_bar .back_to_button i {
  background: transparent url(../img/previous.svg) no-repeat center/contain;
  width: 26px;
  height: 17px;
  margin-left: -10px;
}
body.center header.left_side_bar .header_promo_section {
  padding: 10px 0;
  text-transform: initial;
  flex: 1 1 auto;
  overflow: hidden;
  overflow-y: auto;
  max-width: 180px;
  max-height: calc(100% - 200px);
  transition: all 0.3s ease 0.75s;
  opacity: 1;
  scrollbar-width: thin;
}
body.center header.left_side_bar .header_promo_section a:link {
  display: block;
  padding: 6px 10px;
  border-radius: 6px;
  opacity: 0.8;
}
body.center header.left_side_bar .header_promo_section a:link:hover {
  opacity: 1;
  box-shadow: 3px 1px 13px -3px rgba(18, 61, 101, 0.0156862745), inset -3px -3px 11px rgba(255, 255, 255, 0.9411764706), inset 3px 3px 11px rgba(0, 0, 0, 0.0705882353);
}
body.center header.left_side_bar .header_promo_section .hc_box {
  margin: 0 0 15px;
  position: relative;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_close_box {
  right: 10px;
  top: 10px;
  width: 15px;
  height: 15px;
  border: 1px solid #dc5454;
  background: transparent url(../img/close-red.svg) no-repeat center/9px;
  opacity: 0.7;
  position: absolute;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_close_box:hover {
  opacity: 1;
  filter: grayscale(1);
  /* transform: rotate(90deg); */
}
body.center header.left_side_bar .header_promo_section .hc_box.live_training {
  margin-top: 50px;
}
body.center header.left_side_bar .header_promo_section .hc_box.request_voucher {
  margin-top: 50px;
}
body.center header.left_side_bar .header_promo_section .hc_box.request_voucher .hc_box_wrapper .overflow_image {
  height: 90px;
  width: 105px;
  margin: -50px auto 0;
  background: transparent url(../img/center/voucher-macro-icon@3x.png) no-repeat center/contain;
}
body.center header.left_side_bar .header_promo_section .hc_box.request_voucher .hc_box_wrapper .hc_box_content {
  padding: 0px 7px 7px 7px;
}
body.center header.left_side_bar .header_promo_section .hc_box.request_voucher .hc_box_wrapper .hc_request_voucher_button {
  font-size: 14px;
  width: 100%;
}
body.center header.left_side_bar .header_promo_section .hc_box.request_voucher .hc_box_wrapper .hc_request_voucher_button span {
  padding: 11px;
  margin: 0;
}
body.center header.left_side_bar .header_promo_section .hc_box.upcoming_exam {
  transition: all 0.3s ease 0.5s;
}
body.center header.left_side_bar .header_promo_section .hc_box.upcoming_exam * {
  transition: all 0.3s ease 0.5s;
}
body.center header.left_side_bar .header_promo_section .hc_box.upcoming_exam .hc_box_title {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper {
  padding: 10px;
  border-radius: 6px;
  background-color: #eff4f8;
  text-align: center;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .overflow_image {
  height: 90px;
  width: 105px;
  margin: -50px auto 0;
  background: transparent url(../img/center/traditional-core-classes@3x.png) no-repeat center/contain;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_title {
  text-align: center;
  margin: 8px 0 6px;
  font-family: "Merriweather";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.56;
  letter-spacing: normal;
  color: #2b2b2b;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content {
  font-family: "Open Sans";
  font-size: 12px;
  text-align: center;
  color: #2b2b2b;
  /* margin-bottom: 10px; */
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content.has-date a.add_score .add_label {
  display: none;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content.has-date a.add_score .update_label {
  display: inline;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .exam_title {
  margin: 0 0 2px;
  font-family: "CenturyGothic";
  font-size: 10px;
  letter-spacing: 1px;
  text-align: center;
  color: #2b2b2b;
  overflow: hidden;
  max-width: 160px;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button {
  width: 90px;
  height: 90px;
  display: inline-flex;
  background: #fff;
  align-items: center;
  padding: 5px;
  margin: 10px;
  flex-flow: column;
  position: relative;
  border-radius: 6px;
  box-shadow: 2px 2px 7px -2px rgba(0, 0, 34, 0.1333333333);
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button:before, body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button:after {
  position: absolute;
  display: block;
  content: "";
  border-radius: 3px;
  border-width: 1px 1px 6px 1px;
  border-style: solid;
  border-color: #fff rgba(0, 0, 0, 0.1254901961) #eff4f8 #fff;
  width: 6px;
  top: -8px;
  height: 17px;
  background-color: #e4e6e9;
  box-shadow: 2px 1px 3px -1px rgba(0, 0, 0, 0.2509803922);
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button:before {
  left: 25%;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button:after {
  left: 75%;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button .day_name {
  font-family: "CenturyGothic";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  color: #2b2b2b;
  text-transform: uppercase;
  margin-top: 3px;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button .month {
  font-family: "CenturyGothic";
  font-size: 10px;
  letter-spacing: 1px;
  text-align: center;
  color: #2b2b2b;
  text-transform: uppercase;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button .day {
  font-size: 40px;
  font-weight: 600;
  line-height: 0.63;
  text-align: center;
  color: #005dbb;
  margin-top: 8px;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .set_exam_button .add-date-label {
  background: transparent url(../img/center/add-icn.svg) no-repeat center top/30px;
  margin-top: 10px;
  padding-top: 35px;
  flex: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  text-align: center;
  color: #005dbb;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .test_result {
  line-height: 175%;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .test_result.visible {
  max-height: 60px;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .test_result .pass {
  font-weight: bold;
  color: #82d5bd;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content .test_result .fail {
  font-weight: bold;
  color: #dc5454;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content a.add_score {
  background: transparent url(../img/center/add-icn.svg) no-repeat 5px center/15px;
  text-transform: capitalize;
  letter-spacing: normal;
  transition: all 0.4s ease 0s;
  padding-left: 22px;
  white-space: nowrap;
  width: auto;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content a.add_score .add_label {
  display: inline;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content a.add_score .update_label {
  display: none;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content a.add_score.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_box_content a.hc_learn_more {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_button {
  border-image-source: linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-image: linear-gradient(113deg, #e8f1f9, #edf5fc), linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 6px;
  border-style: solid;
  border-width: 0.5px;
  /* box-shadow: 3px 1px 15px -4px #123d653a; */
  box-shadow: -8px -8px 20px 0px rgba(255, 255, 255, 0.6), 4px 4px 8px 0px rgba(0, 0, 0, 0.0980392157), inset -4px -3px 40px rgba(255, 255, 255, 0.0901960784);
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #005dbb;
  opacity: 0.8;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  user-select: none;
  outline: none;
  transition: all 0.5s ease;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_button span {
  margin: 10px 10px;
}
body.center header.left_side_bar .header_promo_section .hc_box .hc_box_wrapper .hc_button:hover {
  /* box-shadow: 3px 1px 13px -3px #123d657a, inset -3px -3px 11px #ffffff90, inset 3px 3px 11px #00000020; */
  box-shadow: -2px -2px 4px 0px rgba(255, 255, 255, 0.6), 2px 2px 4px 0px rgba(0, 0, 0, 0.0980392157), inset -4px -3px 40px rgba(255, 255, 255, 0.0901960784);
}
body.center header.left_side_bar .header_promo_section .hc_box.dont_miss_out .hc_box_wrapper {
  padding-top: 25px;
}
body.center header.left_side_bar.closed {
  flex: 0 0 60px;
  width: 60px;
  padding-left: 8px;
  padding-right: 8px;
  transition: all 0.3s ease 0.4s;
}
body.center header.left_side_bar.closed .container .navbar-header .navbar-brand {
  width: 24px;
  margin-right: 0px;
  background: url(../img/center/km_logo.svg) no-repeat center left/auto;
}
body.center header.left_side_bar.closed .container .navbar-header .sidebar_toggler {
  width: 18px;
}
body.center header.left_side_bar.closed .container .navbar-nav {
  /* opacity: 0; */
  padding-bottom: 0;
  max-height: 0;
  transition: all 0.3s ease 0s;
}
body.center header.left_side_bar.closed .back_to_button {
  font-size: 0px;
}
body.center header.left_side_bar.closed .back_to_button i {
  margin: 0 -5px 0 0;
}
body.center header.left_side_bar.closed .header_promo_section {
  transition: all 0.3s ease 0s;
  overflow-y: hidden;
}
body.center header.left_side_bar.closed .header_promo_section > * {
  transition: all 0.3s ease 0s;
  max-height: 0;
  opacity: 0;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam {
  max-height: none;
  opacity: 1;
  transition: all 0.3s ease 0s;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam * {
  transition: all 0.3s ease 0s;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper {
  padding: 0;
  background-color: transparent;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_title {
  transition: all 0.3s ease 0s;
  max-width: 0;
  max-height: 0;
  opacity: 0;
  margin: 0;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .exam_title,
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .test_result {
  max-width: 0;
  max-height: 0;
  opacity: 0;
  margin: 0;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .add_score {
  font-size: 10px;
  white-space: normal;
  padding: 0;
  background-image: none;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button {
  height: 63px;
  width: 44px;
  background-color: #eff4f8;
  margin: 0;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button:after, body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button:before {
  border-color: #fff rgba(0, 0, 0, 0.4196078431) #eff4f8 #fff;
  width: 3px;
  top: -4px;
  height: 8px;
  background-color: #767c8d;
  box-shadow: 2px 1px 3px -1px rgba(0, 0, 0, 0.2509803922);
  border-width: 0;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button:before {
  left: 18%;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button:after {
  left: 76%;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button .day_name {
  font-size: 6.5px;
  letter-spacing: 0px;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button .month {
  font-size: 6.5px;
  letter-spacing: 0px;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button .day {
  font-size: 28px;
}
body.center header.left_side_bar.closed .header_promo_section .hc_box.upcoming_exam .hc_box_wrapper .hc_box_content .set_exam_button .add-date-label {
  background: transparent url(../img/center/add-icn.svg) no-repeat center top/18px;
  margin-top: 4px;
  padding-top: 22px;
  line-height: 1.2;
}
body.center .navbar * {
  color: #000;
}
/* **** TRAINING CENTER - FLASHCARDS COMPONENTS **** */
@-webkit-keyframes fcPrev {
  to {
    -webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
}
@keyframes fcPrev {
  to {
    -webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
}
@-webkit-keyframes fcNext {
  to {
    -webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
    transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
  }
}
@keyframes fcNext {
  to {
    -webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
    transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 5deg);
  }
}
@-webkit-keyframes fcHide {
  to {
    -webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -300deg);
    transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -300deg);
  }
}
@keyframes fcHide {
  to {
    -webkit-transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -300deg);
    transform: translate3d(-50vw, 0, 0) translate3d(-60%, 0, 0) rotate3d(0, 0, 1, -300deg);
  }
}
@-webkit-keyframes fcHideRight {
  to {
    -webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 300deg);
    transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 300deg);
  }
}
@keyframes fcHideRight {
  to {
    -webkit-transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 300deg);
    transform: translate3d(50vw, 0, 0) translate3d(60%, 0, 0) rotate3d(0, 0, 1, 300deg);
  }
}
body.course #main {
  /* *** flashcard select box *** */
  /** Flashcards **/
  /* **** FLASHCARD DETAILS PAGE **** */
  /*** flashcards modal ***/
}
body.course #main .select_lessons_wrapper {
  margin: 50px 0 0;
}
body.course #main .select_lessons_wrapper .select_lessons_label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #4d4d4d;
  text-transform: uppercase;
  padding-left: 15px;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper {
  margin: 6px 0 0;
  padding: 0;
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1019607843), -16px -16px 40px 0 rgba(255, 255, 255, 0.6), inset -8px -6px 80px rgba(255, 255, 255, 0.1803921569);
  border-radius: 6px;
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(95deg, #ffffff, #ffffff 62%, #96a8bf);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(95deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  display: flex;
  flex-flow: row wrap;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .selected {
  margin: 10px 15px;
  flex: 1;
  display: inline-flex;
  gap: 5px;
  flex-wrap: wrap;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .selected:empty:before {
  content: "All Lessons";
  display: block;
  height: 30px;
  padding: 0 15px;
  border-radius: 6px;
  border: solid 1px #005dbb;
  background-image: linear-gradient(104deg, #e8f1f9, #edf5fc);
  font-size: 14px;
  color: #4d4d4d;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
  align-self: flex-start;
  user-select: none;
  opacity: 0.8;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .list {
  position: relative;
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease;
  /* top: 99%; */
  /* left: -1px; */
  width: calc(100% + 2px);
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  z-index: 10;
  gap: 5px;
  box-shadow: 2px 6px 7px -2px rgba(0, 0, 0, 0.1882352941);
  border-radius: 0 0 6px 6px;
  /* 
  border-style: solid;
  border-width: 0 0.5px 0.5px 0.5px;
  border-color: #ffffff00 #999 #999 #ffffff00;
  border-image-slice: 1;
  background-color: #fff;
  */
  background-image: linear-gradient(#f7fbff, #e6f3ff);
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .lesson_entry {
  height: 30px;
  padding: 0 15px;
  border-radius: 6px;
  border: solid 1px #005dbb;
  background-image: linear-gradient(104deg, #e8f1f9, #edf5fc);
  font-size: 14px;
  color: #4d4d4d;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
  align-self: flex-start;
  user-select: none;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .lesson_entry .delete_button {
  margin-left: 5px;
  height: 18px;
  width: 18px;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .lesson_entry:hover {
  background-image: linear-gradient(104deg, #fff, #edf5fc);
  box-shadow: 3px 3px 7px -2px rgba(0, 0, 0, 0.3137254902);
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .dropdown_arrow {
  flex: 0 0 auto;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  width: 58px;
  border: 0 none;
  padding: 0;
  outline: none;
  background-color: transparent;
  transition: all 0.3s ease;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper .dropdown_arrow .blue-arrow {
  transition: all 0.3s ease;
  height: 16px;
  width: 16px;
  transform: rotate(90deg);
  margin: 0;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper.open {
  border-radius: 6px 6px 0 0;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper.open .list {
  max-height: 300px;
  opacity: 1;
  padding: 15px;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper.open .list .lesson_entry .delete_button {
  display: none;
}
body.course #main .select_lessons_wrapper .select_lessons_dropdown_wrapper.open .dropdown_arrow .blue-arrow {
  transform: rotate(-90deg);
  margin: 5px 0 0 0;
}
body.course #main .flashcard_container {
  perspective: 1000px;
  perspective-origin: 50% -50%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  width: 740px;
  min-height: 400px;
  /*
  pointer-events: none;
  box-sizing: border-box;
  */
}
body.course #main .flashcard_container .content-wrap {
  display: flex;
  flex-flow: column nowrap;
}
body.course #main .flashcard_container .top-rail {
  margin: 0 30px 30px;
  width: auto;
  z-index: 15;
  display: flex;
  align-items: flex-start;
}
body.course #main .flashcard_container .top-rail .action-wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  justify-self: flex-end;
  flex: 1;
}
body.course #main .flashcard_container .top-rail .action-wrap a {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #ffffff;
  margin-left: 40px;
  line-height: 170%;
  opacity: 0.75;
}
body.course #main .flashcard_container .top-rail .action-wrap a:hover {
  opacity: 1;
}
body.course #main .flashcard_container .top-rail .action-wrap a#fc-reset {
  padding-left: 30px;
  background: url(../img/reset-icon.svg) no-repeat left center/auto 100%;
}
body.course #main .flashcard_container .top-rail .action-wrap a#fc-shuffle {
  padding-left: 35px;
  background: url(../img/shuffle-icon.svg) no-repeat left center/auto 100%;
}
body.course #main .flashcard_container .top-rail .dropdown {
  flex: 1;
}
body.course #main .flashcard_container .top-rail .dropdown button {
  display: block;
  background: none;
  padding: 0 20px 0 0;
  margin: 0;
  border: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 163%;
  text-align: left;
  color: #ffffff;
  position: relative;
}
body.course #main .flashcard_container .top-rail .dropdown button .carrot {
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  opacity: 0.75;
  border: solid 1px #ffffff;
  border-right: none;
  border-top: none;
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li a {
  padding-left: 35px;
  position: relative;
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li a.all-flashcards {
  color: #e64c00;
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li a.filter-flashcards {
  color: #005dbb;
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li a:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background-color: #fafafa;
  border: solid 1px rgba(10, 98, 186, 0.75);
  position: absolute;
  left: 10px;
  top: calc(50% - 7px);
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li a.checked:before {
  background: url(../img/checkicon.svg) #0a62ba no-repeat center/8px auto;
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li:first-child {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li:first-child a {
  padding: 0 5px;
  font-weight: bold;
}
body.course #main .flashcard_container .top-rail .dropdown .dropdown-menu li:first-child a:before {
  display: none;
}
body.course #main .flashcard_container div {
  box-sizing: border-box;
}
body.course #main .flashcard_container .flash-card {
  height: auto;
  width: 100%;
  overflow: visible;
  position: absolute;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: none;
  color: gray;
}
body.course #main .flashcard_container .flash-card .flipper {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  height: auto;
}
body.course #main .flashcard_container .flash-card .card-header {
  padding: 20px 25px;
  border-bottom: solid 1px #ebebeb;
  position: relative;
  min-height: 61px;
  display: flex;
}
body.course #main .flashcard_container .flash-card .card-header .card-header-item {
  width: 33.3333%;
  display: flex;
}
body.course #main .flashcard_container .flash-card .card-header .position {
  font-size: 15px;
  letter-spacing: 0.3px;
  text-align: center;
  color: #4d4d4d;
  z-index: 1;
  width: auto;
  margin: 0 auto;
}
body.course #main .flashcard_container .flash-card .card-header a {
  display: block;
  opacity: 0.75;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-align: left;
  color: #005dbb;
  z-index: 2;
  position: relative;
  float: right;
}
body.course #main .flashcard_container .flash-card .card-header a.fc-prev {
  height: 20px;
  padding-left: 22px;
  background: url(../img/previous-blue.svg) no-repeat left top 4px/15px auto;
}
body.course #main .flashcard_container .flash-card .card-header a.fc-next {
  height: 20px;
  padding-right: 22px;
  background: url(../img/next-blue.svg) no-repeat right top 4px/15px auto;
}
body.course #main .flashcard_container .flash-card .card-header a.fc-hide {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-align: left;
  color: #005dbb;
  padding-left: 24px;
  display: block;
  margin: auto 0 auto auto;
  height: 14px;
  background: url(../img/hide-icon.svg) no-repeat left center/18px auto;
  opacity: inherit;
}
body.course #main .flashcard_container .flash-card .card-header a.fc-hide:hover {
  opacity: 1;
}
body.course #main .flashcard_container .flash-card .card-footer {
  padding: 22px 22px 22px 23px;
}
body.course #main .flashcard_container .flash-card .card-footer a:not(.fc-hide) {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  position: relative;
  text-decoration: none !important;
  text-align: center;
  min-width: 173px;
  height: 45px;
  line-height: 40px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1.2px;
  color: #005dbb;
  text-transform: none;
  background-image: linear-gradient(to left, #ecf4fb, #e6f0f9);
}
body.course #main .flashcard_container .flash-card .card-footer a:not(.fc-hide):hover {
  background: #005dbb;
  color: white;
}
body.course #main .flashcard_container .flash-card .card-footer a.fc-next {
  float: right;
}
body.course #main .flashcard_container .flash-card .card-body {
  display: table;
  width: 100%;
  height: 250px;
  text-align: center;
  vertical-align: middle;
  padding: 0 25px;
}
body.course #main .flashcard_container .flash-card .card-body .inner {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
body.course #main .flashcard_container .flash-card .front,
body.course #main .flashcard_container .flash-card .back {
  height: auto;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 3px;
  position: absolute;
  background: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
body.course #main .flashcard_container .flash-card .front .card-body .inner {
  font-size: 18px;
  font-weight: 600;
  line-height: 200%;
  letter-spacing: 0.1px;
  text-align: center;
  color: #4d4d4d;
}
body.course #main .flashcard_container .flash-card .front .card-footer a.fc-flip {
  float: right;
  background-image: linear-gradient(to left, #ecf4fb, #e6f0f9);
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.course #main .flashcard_container .flash-card .front .card-footer a.fc-flip:hover {
  background: #005dbb;
  color: white;
}
body.course #main .flashcard_container .flash-card.prev {
  -webkit-animation: fcPrev 0.5s forwards;
  animation: fcPrev 0.5s forwards;
}
body.course #main .flashcard_container .flash-card.next {
  -webkit-animation: fcNext 0.5s forwards;
  animation: fcNext 0.5s forwards;
}
body.course #main .flashcard_container .flash-card.filter-left, body.course #main .flashcard_container .flash-card.hide-from-list {
  -webkit-animation: fcHide 0.7s forwards;
  animation: fcHide 0.7s forwards;
}
body.course #main .flashcard_container .flash-card.filter-right {
  -webkit-animation: fcHideRight 0.7s forwards;
  animation: fcHideRight 0.7s forwards;
}
body.course #main .flashcard_container .fc_cards_wrap .flash-card .back .front-text {
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.1px;
  text-align: center;
  color: #4d4d4d;
  margin-bottom: 21px;
}
body.course #main .flashcard_container .fc_cards_wrap .flash-card .back .back-text {
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.1px;
  text-align: center;
  color: #4d4d4d;
}
body.course #main .flashcard_container .fc_cards_wrap .flash-card:nth-child(1) {
  z-index: 1;
  display: block;
}
body.course #main .flashcard_container .fc_cards_wrap .flash-card:nth-child(2) {
  z-index: -1;
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
  display: block;
}
body.course #main .flashcard_container .fc_cards_wrap .flash-card:nth-child(3) {
  z-index: -2;
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -100, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -100, 1);
  display: block;
}
body.course #main .flashcard_container .fc_cards_wrap .flash-card:nth-child(2) .back,
body.course #main .flashcard_container .fc_cards_wrap .flash-card:nth-child(2) .front {
  background-image: linear-gradient(to left, #d1e6f6, #d0eaf5);
}
body.course #main .flashcard_container .fc_cards_wrap .flash-card:nth-child(3) .back,
body.course #main .flashcard_container .fc_cards_wrap .flash-card:nth-child(3) .front {
  background-image: linear-gradient(to left, #8abee9, #85c8e6);
}
body.course #main .flashcard_container .fc_cards_wrap.reset .flash-card:nth-child(1) {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
body.course #main .flashcard_container .fc_cards_wrap.reset .flash-card:nth-child(2) {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -100, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -100, 1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
body.course #main .flashcard_container .fc_cards_wrap.reset .flash-card:nth-child(3) {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -150, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -150, 1);
}
body.course #main .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(1) {
  bottom: auto;
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
  z-index: -1;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
body.course #main .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(2),
body.course #main .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(3) {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1);
  top: -5%;
  z-index: 1;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
body.course #main .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(2) {
  -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  top: 0;
  z-index: -1;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
body.course #main .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(2) .front,
body.course #main .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(2) .back,
body.course #main .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(3) .front,
body.course #main .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(3) .back {
  background: white;
}
body.course #main .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(1) .front,
body.course #main .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(1) .back,
body.course #main .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(2) .front,
body.course #main .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(2) .back {
  background: #d1e6f1;
}
body.course #main .flashcards-wrap .mobile_top_bar {
  display: none;
}
body.course #main .flashcards-wrap .floating-nav {
  height: 45px;
  display: flex;
  align-items: center;
}
body.course #main .flashcards-wrap .floating-nav .info {
  font-size: 14px;
  font-weight: 600;
}
body.course #main .flashcards-wrap .select_lessons_wrapper {
  margin: 15px;
  flex: 0;
}
body.course #main .flashcards-wrap .flashcards_wrapper {
  background-image: linear-gradient(118deg, #0095c1, #2f98e1 44%, #0060c3);
  padding: 30px;
  margin: 5px;
  border-radius: 6px;
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-y: auto;
}
body.course #main .flashcards-wrap .flashcards_wrapper .flashcard_container {
  z-index: 10;
}
body.course #main .flashcards-wrap .flashcards_wrapper .top-rail {
  margin-bottom: 50px;
}
body.course #main .flashcards-wrap .flashcards_wrapper .top-rail .dropdown {
  display: none;
  flex: 0;
}
body.course #main .flashcards-wrap .flashcards_wrapper .top-rail .action-wrap {
  flex: 1 1 100%;
  justify-content: space-between;
}
body.course #main .flashcards-wrap .flashcards_wrapper .top-rail .action-wrap a {
  margin: 0;
}
body.course #main .flashcards_modal .flashcard_container {
  min-height: 400px;
  pointer-events: none;
  box-sizing: border-box;
}
body.course:not(.internet-explorer) .fc_cards_wrap .flash-card.flip .flipper {
  -ms-transform: rotateY(180deg);
  /* IE 9 */
  -webkit-transform: rotateY(180deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(180deg);
}
body.course:not(.internet-explorer) .fc_cards_wrap .flash-card.flip .front {
  transition: opacity 0s;
  opacity: 0;
}
body.course:not(.internet-explorer) .fc_cards_wrap .flash-card:not(.flip) .front {
  transition: opacity 0s;
  opacity: 1;
}
body.course:not(.internet-explorer) .fc_cards_wrap .flash-card .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
body.course:not(.internet-explorer) .fc_cards_wrap .flash-card .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
body.course.internet-explorer .fc_cards_wrap .flash-card.flip .flipper {
  -ms-transform: rotateY(360deg);
  /* IE 9 */
  -webkit-transform: rotateY(360deg);
  /* Chrome, Safari, Opera */
  transform: rotateY(360deg);
}
body.course.internet-explorer .fc_cards_wrap .flash-card .card-header a.fc-next {
  background: url(../img/next-blue.svg) no-repeat right top 5px/26px auto;
}
body.course.internet-explorer .fc_cards_wrap .flash-card .card-footer a.fc-hide {
  background: url(../img/hide-icon.svg) no-repeat left center/29px auto;
}
body.course.internet-explorer .fc_cards_wrap .flash-card .back {
  z-index: 1;
  opacity: 0;
}
body.course.internet-explorer .fc_cards_wrap .flash-card .front, body.course.internet-explorer .fc_cards_wrap .flash-card.flip .back {
  z-index: 2;
  opacity: 1;
}
@media (max-width: 844px) and (orientation: landscape) {
  body.course .content-box {
    overflow: visible;
  }
}
/* **** TRAINING CENTER - COURSE PAGE **** */
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
body.course #body-back {
  display: block;
}
body.course #main {
  /* background: transparent url(../img/center/course-thumbnail-bg@3x.png) no-repeat top left/100%; */
  /* background: transparent url(../img/center/course-thumbnail-bg-rpt.svg) repeat-x top left / auto 96px; */
  /* background: url(../img/product-page-header-animated.svg) #f9fbfd no-repeat left -7vw / contain; */
  transition: all 0s;
  position: relative;
  /* *** ALL TC TABS STYLING *** */
}
body.course #main .heading-wrap {
  width: 100%;
  /* flex: 0 0 30px; */
  height: 30px;
  margin: 10px 0 13px;
  padding: 0 25px 0 0;
  color: #000;
  text-align: right;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body.course #main .heading-wrap .heading-inner {
  display: flex;
  align-items: center;
  padding-left: 22px;
}
body.course #main .heading-wrap .heading-inner * {
  color: #fff;
}
body.course #main .heading-wrap .separator {
  margin: 0 5px;
}
body.course #main .heading-wrap .course_name {
  display: inline-flex;
  align-items: center;
}
body.course #main .heading-wrap .heading_course_thumb {
  margin-left: 5px;
  height: 20px;
}
body.course #main .floating-nav {
  width: 100%;
  height: 131px;
  padding: 0 0 4px;
  border-radius: 6px 6px 0 0;
  background-color: #ffffff;
}
body.course #main .floating-nav.sub_menu {
  height: 140px;
}
body.course #main .floating-nav.sub_menu .container {
  margin-bottom: 4px;
}
body.course #main .floating-nav .container {
  width: 100%;
  margin: 0 auto 7.5px;
  padding: 7px 16px;
  opacity: 0.75;
  border-radius: 6px;
  box-shadow: inset 5px 5px 10px 0 rgba(208, 219, 231, 0.5), inset -5px -5px 10px 0 rgba(255, 255, 255, 0.8);
  background-color: #f4f6f8;
}
body.course #main .floating-nav .course_info_bar {
  display: flex;
  flex-flow: row nowrap;
  height: 22px;
  align-items: center;
  margin: 0 20px;
}
body.course #main .floating-nav .course_info_bar .course_info {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #4d4d4d;
}
body.course #main ul.tabs_wrapper {
  display: flex;
  gap: 10px;
}
body.course #main ul.tabs_wrapper li.tab_wrapper {
  min-width: 90px;
  height: 75px;
  margin: 0;
  padding: 0 1px;
  border-radius: 6px;
  border-style: solid;
  border-width: 0.5px;
  background-origin: border-box;
  background-clip: content-box, border-box;
  overflow: hidden;
  box-shadow: 4px 4px 8px -1px rgba(18, 61, 101, 0.0980392157), -4px -4px 8px -1px rgba(255, 255, 255, 0.6), inset -4px -3px 10px 0 rgba(255, 255, 255, 0.3960784314);
  border-image-source: linear-gradient(125deg, #ffffff, #ffffff 62%, #cbd7e5);
  background-image: linear-gradient(125deg, #e5f0f9, #edf5fc), linear-gradient(125deg, #ffffff, #ffffff 62%, #cbd7e5);
  transition: all 0.3s ease;
}
body.course #main ul.tabs_wrapper li.tab_wrapper * {
  transition: all 0.3s ease 0s;
}
body.course #main ul.tabs_wrapper li.tab_wrapper a.tab_button {
  text-align: center;
  color: rgba(77, 77, 77, 0.8);
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-transform: capitalize;
  display: block;
  margin: 0 5px;
  padding: 50px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent no-repeat center/auto 20px;
}
body.course #main ul.tabs_wrapper li.tab_wrapper.action_plan a {
  background-image: url(../img/center/action-plan-icn.svg);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.lectures a {
  background-image: url(../img/center/lectures-icn.svg);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.message_center a {
  background-image: url(../img/center/message-center-icn.svg);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.progress a {
  background-image: url(../img/center/progress-icn.svg);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.lessons a {
  background-image: url("../img/center/video-lessons-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper.flashcards a {
  background-image: url("../img/center/flash-card-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper.practice_questions a {
  background-image: url("../img/center/practice-test-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper.textbook a {
  background-image: url("../img/center/textbook-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper.key_topics a {
  background-image: url("../img/center/key-topics-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper.supplements a {
  background-image: url("../img/center/supplement-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper.live_training a {
  background-image: url("../img/center/all-access-pass-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper.live_training a.all_access_pass {
  background-image: url("../img/center/all-access-pass-icn.svg");
}
body.course #main ul.tabs_wrapper li.tab_wrapper:hover {
  box-shadow: inset 6px 4px 8px 0 rgba(208, 219, 231, 0.6588235294), inset -5px -5px 10px 0 #ffffff;
}
body.course #main ul.tabs_wrapper li.tab_wrapper:hover a {
  color: #4d4d4d;
  filter: grayscale(1);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.active {
  box-shadow: inset 6px 6px 10px 0 rgba(208, 219, 231, 0.6588235294), inset -5px -5px 10px 0 rgba(255, 255, 255, 0.6);
  background-color: #f4f5f5;
  background-image: linear-gradient(to bottom, #f4f5f5, #f4f5f5), linear-gradient(125deg, #ffffff, #ffffff 62%, #d6e0ec);
  filter: grayscale(100%);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.active a {
  color: #4d4d4d;
  font-weight: 700;
}
body.course #main ul.tabs_wrapper li.tab_wrapper.active {
  filter: grayscale(100%);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.disabled {
  filter: grayscale(100%);
  opacity: 0;
}
body.course #main ul.tabs_wrapper li.tab_wrapper.disabled:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(221, 221, 221, 0.6666666667);
}
body.course #main ul.tabs_wrapper li.tab_wrapper.disabled:hover a {
  font-weight: normal;
}
body.course #main .tabs_content_wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  scrollbar-width: thin;
}
body.course #main .tabs_content_wrapper .pdfjs_viewer {
  border: 1px solid rgba(153, 153, 153, 0.6);
  flex: 1;
}
body.course #main .tabs_content_wrapper .tab_content_wrapper, body.course #main .tabs_content_wrapper > div {
  position: relative;
  display: none;
  margin: 15px;
}
body.course #main .tabs_content_wrapper .tab_content_wrapper.active, body.course #main .tabs_content_wrapper > div.active {
  display: flex;
  flex: 1 1 100%;
  flex-flow: column nowrap;
}
body.course #main .tabs_content_wrapper .tab_content_wrapper .tab_content_scroller, body.course #main .tabs_content_wrapper > div .tab_content_scroller {
  position: relative;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  display: block;
  scrollbar-width: thin;
}
body.course #main .tabs_content_wrapper .tab_content_wrapper .section_title, body.course #main .tabs_content_wrapper > div .section_title {
  margin-top: 37px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.38;
  color: #4d4d4d;
  text-align: center;
}
body.course #main .tabs_content_wrapper .tab_content_wrapper .section_title .course_name,
body.course #main .tabs_content_wrapper .tab_content_wrapper .section_title .section_name, body.course #main .tabs_content_wrapper > div .section_title .course_name,
body.course #main .tabs_content_wrapper > div .section_title .section_name {
  font-size: 24px;
  font-weight: bold;
}
body.course #main .tabs_content_wrapper .tab_content_wrapper .section_title .heading_course_thumb, body.course #main .tabs_content_wrapper > div .section_title .heading_course_thumb {
  height: 26px;
  margin: 0 1px;
}
body.course #main .tabs_content_wrapper .tab_content_wrapper .subtitle, body.course #main .tabs_content_wrapper > div .subtitle {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.75;
  color: #4d4d4d;
}
body.course #main #content .content_box.course-wrap {
  min-width: 750px;
}
body.course #main .floating-nav ul.tabs_wrapper li.tab_wrapper {
  flex: 1;
  min-width: 100px;
}
body.course #main .floating-nav ul.tabs_wrapper li.tab_wrapper.mobile_button {
  display: none;
}
body.course #main .floating-nav ul.tabs_wrapper li.tab_wrapper.practice-exam {
  border-image: none;
  border-width: 0;
  box-shadow: none;
  background-image: none;
  /* margin-left: auto; */
  min-width: 117px;
  flex: 1;
}
body.course #main .floating-nav ul.tabs_wrapper li.tab_wrapper.practice-exam a {
  color: #005dbb;
  background-image: url("../img/center/practice-test.svg");
}
body.course #main .floating-nav .info_bar {
  display: flex;
  flex-flow: row nowrap;
  height: 22px;
  align-items: center;
  margin: 0 0 0 20px;
}
body.course #main .floating-nav .info_bar .info_section_title {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #4d4d4d;
}
body.course #main .floating-nav .info_bar .info_bar_right {
  flex: 0 0 154px;
}
body.course #main .floating-nav .info_bar .info_bar_right .info_bar_right_section {
  display: none;
}
body.course #main .floating-nav .info_bar .info_bar_right .info_bar_right_section.active {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
body.course #main .floating-nav .info_bar .info_bar_right .info_bar_right_section select {
  border: 0 none;
  outline: none;
  text-transform: capitalize;
  font-size: 14px;
  padding: 2px 10px;
}
body.course #main .floating-nav .info_bar .info_bar_right .info_bar_right_section select option {
  text-transform: capitalize;
}
body.course #main .floating-nav .info_bar .info_bar_right .course_progress {
  width: 154px;
}
body.course #main .floating-nav .info_bar .info_bar_right .course_progress .learning-progress-bar {
  width: 100%;
}
body.course #main .floating-nav .info_bar .info_bar_right .key_topics_info_section,
body.course #main .floating-nav .info_bar .info_bar_right .textbook_info_section {
  flex: 0 0 154px;
  flex-flow: row nowrap;
  align-items: center;
  gap: 5px;
  justify-content: flex-end;
}
body.course #main .floating-nav .info_bar .info_bar_right .key_topics_info_section .info_link,
body.course #main .floating-nav .info_bar .info_bar_right .textbook_info_section .info_link {
  width: 30px;
  height: 30px;
  background: transparent url("") no-repeat center/60%;
  opacity: 0.8;
  transition: all 0.3s ease;
}
body.course #main .floating-nav .info_bar .info_bar_right .key_topics_info_section .info_link.download_link,
body.course #main .floating-nav .info_bar .info_bar_right .textbook_info_section .info_link.download_link {
  background-image: url(../img/center/download-icn.svg);
}
body.course #main .floating-nav .info_bar .info_bar_right .key_topics_info_section .info_link.print_link,
body.course #main .floating-nav .info_bar .info_bar_right .textbook_info_section .info_link.print_link {
  background-image: url(../img/center/print-icn.svg);
  display: none;
}
body.course #main .floating-nav .info_bar .info_bar_right .key_topics_info_section .info_link:hover,
body.course #main .floating-nav .info_bar .info_bar_right .textbook_info_section .info_link:hover {
  filter: grayscale(1);
  opacity: 1;
}
body.course #main .action-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column nowrap;
  gap: 10px;
}
body.course #main .action-wrap .study {
  height: 50px;
}
body.course #main .action-wrap .recent {
  width: 740px;
  height: 50px;
  border-image-source: linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-image: linear-gradient(113deg, #e8f1f9, #edf5fc), linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  box-shadow: -8px -8px 20px 0px rgba(255, 255, 255, 0.6), 4px 4px 8px 0px rgba(0, 0, 0, 0.0980392157), inset -4px -3px 40px rgba(255, 255, 255, 0.0901960784);
  color: #005dbb;
}
body.course .add_test_date_container {
  background-color: #ffffff;
  min-width: 375px;
  position: fixed;
  top: 58px;
  left: 170px;
  z-index: 3;
  color: #2b2b2b;
  max-height: 0;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 10px 10px 15px 0 rgba(77, 77, 77, 0.1), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.18);
  transition: max-height 0.5s ease;
}
body.course .add_test_date_container.visible {
  max-height: 600px;
}
body.course .add_test_date_container .add_test_date_container_inner {
  padding: 23px 24px 60px 24px;
  box-shadow: 10px 10px 15px 0 rgba(77, 77, 77, 0.1), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(146deg, #ffffff, #ffffff 62%, #96a8bf);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(146deg, #ffffff, #ffffff 62%, #96a8bf);
  overflow: auto;
  max-height: calc(100vh - 90px);
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_date_title {
  font-size: 22px;
  font-weight: bold;
  line-height: 150%;
  font-family: "Merriweather";
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_date_note {
  max-width: fit-content;
  margin-bottom: 16px;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker_input_wrap {
  width: 100%;
  margin-bottom: 25px;
  position: relative;
  display: flex;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker_input_wrap:before {
  content: "";
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 20px;
  top: calc(50% - 8.5px);
  background: url("../img/calendar.svg") no-repeat center/100% auto;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker_input {
  font-size: 16px;
  font-weight: 600;
  padding: 18px 18px 18px 47px;
  border-radius: 6px;
  box-shadow: inset 4px 4px 8px 0 rgba(18, 46, 101, 0.08), inset -6px -6px 20px 0 rgba(255, 255, 255, 0.5);
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(122deg, rgba(18, 61, 101, 0) 76%, rgba(18, 61, 101, 0.27) 118%);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(122deg, rgba(18, 61, 101, 0) 76%, rgba(18, 61, 101, 0.27) 118%);
  outline: none;
  width: 100%;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker_input.has-error {
  border: 1px solid #dc5454;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker {
  margin-bottom: 32px;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker.ui-datepicker-inline {
  box-shadow: none;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker.ui-datepicker-inline.ui-widget-content {
  border: none;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-title {
  text-transform: none;
  font-weight: 600;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  display: none;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-prev,
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-next {
  width: 20px;
  height: 20px;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-prev span,
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-next span {
  width: 100%;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-prev span {
  background-image: url(../img/tc-prev-arrow.svg);
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-next span {
  background-image: url(../img/tc-next-arrow.svg);
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar {
  margin: 0;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar thead {
  background-color: #f7f9fa;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar thead th {
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 900;
  opacity: 1;
  font-family: "CenturyGothic";
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a {
  font-weight: 600;
  margin-left: 4px;
  font-family: "Open Sans";
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-highlight {
  color: #005dbb;
  background: none;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {
  color: #2b2b2b;
  border-radius: 3px;
  box-shadow: inset 6px 6px 10px 0 rgba(208, 219, 231, 0.66), inset -5px -5px 10px 0 #ffffff;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(135deg, #ffffff, #ffffff 62%, #d6e0ec);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #f4f5f5, #f4f5f5), linear-gradient(135deg, #ffffff, #ffffff 62%, #d6e0ec);
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr:first-child td {
  padding-top: 12px;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_date_button {
  border-image-source: linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-image: linear-gradient(113deg, #e8f1f9, #edf5fc), linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 6px;
  border-style: solid;
  border-width: 0.5px;
  box-shadow: 3px 1px 15px -4px rgba(18, 61, 101, 0.2274509804);
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #005dbb;
  opacity: 0.8;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  height: 45px;
  transition: all 0.5s ease;
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_date_button:hover {
  box-shadow: 3px 1px 13px -3px rgba(18, 61, 101, 0.4784313725), inset -3px -3px 11px rgba(255, 255, 255, 0.5647058824), inset 3px 3px 11px rgba(0, 0, 0, 0.1254901961);
}
body.course .add_test_date_container .add_test_date_container_inner .add_test_date_button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.course .add_test_date_container.date_set .clear_date {
  position: absolute;
  right: 20px;
  top: calc(50% - 8.5px);
  background: transparent url("../img/center/x-red.svg") no-repeat center/contain;
  width: 16px;
  height: 16px;
  border: 0 none;
}
/* **** TRAINING CENTER - LESSON PAGE **** */
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
body.center.lesson #main .bar.heading_bar {
  margin: 0;
  border-radius: 6px 6px 0 0;
  box-shadow: inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
  z-index: unset;
}
body.center.lesson #main #content {
  overflow: hidden;
  overflow-y: auto;
  background-image: linear-gradient(to bottom, #f1f6fb, #f1f6fb), linear-gradient(123deg, #ffffff, #ffffff 62%, #96a8bf);
  box-shadow: 22px 15px 15px 0 rgba(18, 61, 101, 0.2901960784), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.2509803922);
  border-radius: 0 0 6px 6px;
}
body.center.lesson #main .content_box {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  box-shadow: 22px 15px 40px 0 rgba(18, 61, 101, 0.2901960784), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.2509803922);
}
body.center.lesson #main .content_box.course-wrap {
  box-shadow: none;
  border: 0 none;
}
body.center.lesson #main .content_box .content_wrapper {
  margin: 15px;
  display: none;
  flex: 1;
  flex-flow: column nowrap;
  overflow: hidden;
  max-height: calc(100% - 30px);
  gap: 0;
}
body.center.lesson #main .content_box .content_wrapper .media_wrapper {
  display: flex;
  justify-content: center;
  background-color: #fff;
  max-height: 60vh;
}
body.center.lesson #main .content_box .content_wrapper .media_wrapper .video {
  width: 100%;
  height: 100%;
  border-radius: 6px 6px 0 0;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  min-height: 50px;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading {
  background-color: #fff;
  /* height: 45px; */
  flex: 0 0 45px;
  display: flex;
  align-items: center;
  border-radius: 0 0 6px 6px;
  gap: 5px;
  padding: 0 15px;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_tabs {
  display: flex;
  align-items: center;
  gap: 5px;
  border-style: solid;
  border-width: 0.5px;
  border-color: transparent;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_tabs .info_tab {
  display: inline-block;
  transition: all 0.3s ease;
  cursor: pointer;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_tabs .info_tab span {
  display: inline-block;
  padding: 5px 20px;
  font-weight: 600;
  user-select: none;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_tabs .info_tab.active, body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_tabs .info_tab:hover {
  border-radius: 6px;
  border-image-source: linear-gradient(106deg, #ffffff, #ffffff 62%, #cbd7e5 100%);
  border-image-slice: 1;
  background-image: linear-gradient(106deg, #e5f0f9, #edf5fc 100%), linear-gradient(106deg, #ffffff, #ffffff 62%, #cbd7e5 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: inset -4px -3px 40px 0 rgba(255, 255, 255, 0.09);
  color: #005dbb;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options {
  margin-left: auto;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown {
  flex-wrap: wrap;
  font-weight: 600;
  margin-right: 25px;
  position: relative;
  display: none;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown.visible {
  display: flex;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-label {
  margin-right: 5px;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-select {
  display: block;
  padding-right: 20px;
  position: relative;
  transition: all 0.3s ease;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-select:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #005dbb;
  border-bottom: 1px solid #005dbb;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-select:hover {
  color: #2b2b2b;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-select:hover:before {
  border-right-color: #2b2b2b;
  border-bottom-color: #2b2b2b;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-choices {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 5;
  border-radius: 6px;
  transition: all 0.3s ease;
  max-height: 0;
  overflow: hidden;
  min-width: 80px;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-choices-inner {
  background-color: #ffffff;
  padding: 8px;
  position: relative;
  width: 100%;
  height: calc(100% - 8px);
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-choices-inner:after {
  height: 8px;
  width: 100%;
  content: "";
  display: block;
  box-shadow: -5px 9px 11px -3px rgba(0, 0, 0, 0.568627451);
  position: absolute;
  top: calc(100% - 12px);
  left: 0;
  z-index: 2;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-choice {
  display: block;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown.expanded .center-dropdown-select:before {
  transform: rotate(225deg);
  top: 8px;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown.expanded .center-dropdown-choices {
  max-height: 150px;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content {
  display: none;
  padding: 0 20px;
  max-height: 100%;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content {
  overflow: hidden;
  position: relative;
  height: 100%;
  padding: 0;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content .transcript_wrapper {
  overflow: auto;
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 20px;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content:before, body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content:after {
  display: block;
  content: "";
  position: absolute;
  width: calc(100% - 10px);
  height: 25px;
  left: 0;
  z-index: 2;
  background-image: linear-gradient(to bottom, #f1f6fb 20%, transparent 100%);
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content:before {
  top: 0;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content:after {
  bottom: 0;
  transform: rotate(180deg);
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.active {
  display: block;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content .transcript_line {
  font-size: 16px;
  line-height: 1.56;
  color: #2b2b2b;
  font-family: "Merriweather";
  width: fit-content;
  padding: 0 5px;
  display: block;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content .transcript_line.current {
  border-radius: 7.5px;
  background-color: rgba(130, 213, 189, 0.33);
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content .title {
  font-family: "Merriweather";
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  color: #4d4d4d;
  display: flex;
  align-items: center;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content .title .runtime_duration {
  background: transparent url("../img/center/runtime-icn.svg") no-repeat left/12px;
  padding-left: 16px;
  float: right;
  font-size: 12px;
  opacity: 0.75;
  font-family: "Open Sans";
  margin-left: auto;
}
body.center.lesson #main .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content .desc {
  font-size: 14px;
  color: #4d4d4d;
}
body.center.lesson #main .content_box .content_wrapper.active {
  display: flex;
}
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
/* **** TRAINING CENTER - TABS AND TAB CONTENTS - GENERIC **** */
body.course #main .tab_content_wrapper {
  position: relative;
  display: none;
}
body.course #main .tab_content_wrapper.active {
  display: block;
}
body.course #main .tab_content_wrapper .lesson {
  display: block;
  position: relative;
  min-height: 65px;
  margin: 5px 0;
  padding: 0;
  border-radius: 6px;
  border: solid 0.5px transparent;
  border-image-source: linear-gradient(94deg, #ffffff, #ffffff 62%, #96a8bf);
  /* border-image-slice: 1; */
  background-image: linear-gradient(to bottom, #f5f8fb, #f5f8fb), linear-gradient(94deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  transition: all 0.4s ease;
}
body.course #main .tab_content_wrapper .lesson .lesson_wrapper {
  margin: 10px 23px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
body.course #main .tab_content_wrapper .lesson .lesson-number {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin: 0 14px 0 0;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: rgba(77, 77, 77, 0.8);
  transition: all 0.2s ease-in-out;
}
body.course #main .tab_content_wrapper .lesson .lesson-content {
  flex: 1;
  color: #333333;
  background-color: transparent;
  border: 0 none;
  overflow: hidden;
}
body.course #main .tab_content_wrapper .lesson .lesson-content .panel {
  margin: 0;
  background-color: transparent;
  border: 0 none;
}
body.course #main .tab_content_wrapper .lesson .lesson-content .panel .panel-heading {
  background-color: transparent;
  border: 0 none;
}
body.course #main .tab_content_wrapper .lesson .lesson-content .panel .panel-heading .next_lesson {
  font-family: "CenturyGothic";
  font-size: 12px;
  letter-spacing: 1px;
  color: #4d4d4d;
  text-transform: uppercase;
  display: none;
}
body.course #main .tab_content_wrapper .lesson .lesson-content .panel .panel-heading .panel-title {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  opacity: 0.8;
  font-family: "Merriweather";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #4d4d4d;
  text-transform: capitalize;
}
body.course #main .tab_content_wrapper .lesson .lesson-content .panel .lesson_description {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.75;
  color: #4d4d4d;
  transition: all 0.3s ease;
}
body.course #main .tab_content_wrapper .lesson .lesson-content .panel .lesson_description .desc {
  margin-bottom: 10px;
}
body.course #main .tab_content_wrapper .lesson .lesson-content .panel .lesson_description .runtime_duration {
  background: transparent url("../img/center/runtime-icn.svg") no-repeat left/12px;
  padding-left: 16px;
}
body.course #main .tab_content_wrapper .lesson.active {
  border-radius: 6px;
  box-shadow: 10px 10px 15px 0 rgba(77, 77, 77, 0.1019607843), -15px -10px 22px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
  border-style: solid;
  border-width: 0.5px;
  border-image-source: linear-gradient(101deg, #ffffff, #ffffff 62%, #96a8bf);
  /* border-image-slice: 1; */
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(101deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  z-index: 5;
}
body.course #main .tab_content_wrapper .lesson.active .lesson-number {
  align-self: flex-start;
  margin-top: 7px;
  font-size: 58px;
  font-weight: bold;
  color: transparent;
  background: url(../img/center/num_back.png) repeat;
  background-clip: text;
  -webkit-background-clip: text;
  border-radius: 0;
  width: auto;
  height: 50px;
  line-height: 1;
}
body.course #main .tab_content_wrapper .lesson.active .panel .panel-heading .next_lesson {
  display: block;
}
body.course #main .tab_content_wrapper .lesson.active .panel .panel-heading .panel-title {
  font-family: "Merriweather";
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
}
body.course #main .tab_content_wrapper .lesson.active .panel .lesson_description {
  max-height: 300px;
  opacity: 1;
}
body.course #main .tab_content_wrapper .lesson.active .panel-collapse .panel-body {
  position: relative;
  background-color: transparent;
  border: 0 none;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.75;
  color: #4d4d4d;
}
body.course #main .tab_content_wrapper .lesson.flashcards_lesson {
  border: 0 none;
  max-width: 740px;
  margin: 0 auto;
  background: transparent none;
  display: none;
}
body.course #main .tab_content_wrapper .lesson.flashcards_lesson .lesson-action-wrap {
  display: none;
}
body.course #main .tab_content_wrapper .lesson:not(.active):hover {
  border: solid 1px #4d4d4d;
}
body.course #main .tab_content_wrapper .lesson:not(.active):hover .lesson-number {
  color: #4d4d4d;
}
body.course #main .tab_content_wrapper .lesson:not(.active):hover .lesson-content .panel .panel-heading .panel-title {
  opacity: 1;
}
body.course #main .tab_content_wrapper .material {
  display: block;
  position: relative;
  min-height: 65px;
  margin: 5px 0;
  padding: 0;
  border-radius: 6px;
  border: 0.5px solid transparent;
  border-image-source: linear-gradient(94deg, #ffffff, #ffffff 62%, #96a8bf);
  /* border-image-slice: 1; */
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(95deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 5px 5px 7px 0 rgba(77, 77, 77, 0.0980392157), -5px -5px 16px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
  transition: all 0.4s ease 0s;
}
body.course #main .tab_content_wrapper .material .material_wrapper {
  margin: 10px 23px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
body.course #main .tab_content_wrapper .material .material_inner_wrapper {
  margin-left: 10px;
  flex: 1;
}
body.course #main .tab_content_wrapper .material .material_type {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin: 0 14px 0 0;
  background-color: #eff4f8;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: rgba(77, 77, 77, 0.5333333333);
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
body.course #main .tab_content_wrapper .material.general .material_type {
  visibility: hidden;
}
body.course #main .tab_content_wrapper .material .title-wrap .title {
  display: block;
  font-family: "Merriweather";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2px;
  color: rgba(77, 77, 77, 0.8);
  transition: all 0.3s ease 0s;
}
body.course #main .tab_content_wrapper .material .title-wrap .title:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  transition: all 0.5s ease;
  opacity: 0;
  margin-left: 5px;
}
body.course #main .tab_content_wrapper .material .title-wrap .desc {
  font-size: 12px;
  color: #4d4d4d;
}
body.course #main .tab_content_wrapper .material .title-wrap .desc img {
  max-width: 90%;
}
body.course #main .tab_content_wrapper .material .action-wrap {
  display: none;
}
body.course #main .tab_content_wrapper .material.pdf .title-wrap .title:after {
  background: transparent url("../img/center/download-icn-small.svg") no-repeat center/contain;
}
body.course #main .tab_content_wrapper .material.secure-pdf .title-wrap .title:after {
  background: transparent url("../img/center/link-out-icn-copy-2.svg") no-repeat center/contain;
}
body.course #main .tab_content_wrapper .material:hover {
  border: 1px solid #4d4d4d;
  background-image: none;
  background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(95deg, #ffffff, #ffffff 62%, #ffffff);
  background-color: #fff;
  box-shadow: 5px 5px 7px 0 rgba(77, 77, 77, 0.0980392157), -5px -5px 16px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
}
body.course #main .tab_content_wrapper .material:hover .title-wrap .title {
  color: #4d4d4d;
}
body.course #main .tab_content_wrapper .material:hover .title-wrap .title:after {
  opacity: 1;
}
body.course #main .tab_content_wrapper.flashcards_block {
  max-width: 740px;
  margin: 0 auto;
  width: 740px;
}
body.course #main .tab_content_wrapper.flashcards_block .section-action-wrap {
  margin-top: 45px;
}
body.course #main .tab_content_wrapper.textbook_block, body.course #main .tab_content_wrapper.key_topics_block {
  height: 100%;
  flex-flow: column nowrap;
}
body.course #main .tab_content_wrapper.textbook_block.active, body.course #main .tab_content_wrapper.key_topics_block.active {
  display: flex;
}
body.course #main .tab_content_wrapper.textbook_block .material, body.course #main .tab_content_wrapper.key_topics_block .material {
  flex: 0 0 auto;
}
body.course #main .tab_content_wrapper.textbook_block .inline_pdf_iframe, body.course #main .tab_content_wrapper.key_topics_block .inline_pdf_iframe {
  width: 100%;
  max-height: 100%;
  overflow: auto;
  flex: 1 1 auto;
  border: 0 none;
}
body.course #main .tab_content_wrapper.live_training_block .classes-wrap .panel-default > .panel-heading .panel-title * {
  font-size: 14px;
}
body.course #main .tab_content_wrapper.live_training_block .classes-wrap .panel-body * {
  font-size: 14px;
}
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
/* **** TRAINING CENTER - ACTION AND MESSAGE CENTER SIDEBAR **** */
body.course #main .action_sidebar {
  flex: 0 0 313px;
  width: 313px;
  margin-left: 15px;
  border-radius: 6px;
  box-shadow: none;
  display: flex;
  flex-flow: column nowrap;
  transition: all 0.3s ease 0s;
  gap: 15px;
}
body.course #main .action_sidebar:before {
  position: fixed;
  background-color: #ffffff;
  opacity: 0;
  content: "";
  display: block;
  height: 100%;
  width: 0;
  top: 0;
  right: 0;
  z-index: 100;
  transition: all 0.3s ease 0s;
}
body.course #main .action_sidebar:not(.collapsed) .container {
  padding: 0;
  box-shadow: none;
}
body.course #main .action_sidebar .apmc_box {
  flex: 1 1 auto;
}
body.course #main .action_sidebar .progress_box {
  flex: 0 0 110px;
  /* margin-top: 15px; */
  border-image-source: linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-image: linear-gradient(113deg, #e8f1f9, #edf5fc), linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
}
body.course #main .action_sidebar .progress_box .floating-nav {
  display: none;
}
body.course #main .action_sidebar .progress_box .progress_table {
  margin: 15px;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
  height: 100%;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line {
  display: flex;
  align-items: center;
  gap: 5px;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line label.caption {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  color: #4d4d4d;
  margin: 0;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line span.value {
  flex: 1;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.29;
  color: #4d4d4d;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line span.value .latest_full_test {
  color: #dc5454;
  font-weight: bold;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line span.value .q_completed {
  font-weight: bold;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line span.value .q_total {
  font-weight: 300;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line .learning-progress-bar {
  height: 22px;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_line .learning-progress-bar .tooltip-label {
  font-size: 12px;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_bottom_line {
  text-align: center;
  justify-self: flex-end;
  margin-top: auto;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_bottom_line a.see_all_btn {
  border-image-source: linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-image: linear-gradient(113deg, #e8f1f9, #edf5fc), linear-gradient(113deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 6px;
  border-style: solid;
  border-width: 0.5px;
  box-shadow: 3px 1px 15px -4px rgba(18, 61, 101, 0.2274509804);
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #005dbb;
  opacity: 0.8;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
body.course #main .action_sidebar .progress_box .progress_table .prog_bottom_line a.see_all_btn:hover {
  opacity: 1;
  box-shadow: 2px 4px 3px -1px rgba(18, 61, 101, 0.1647058824);
}
body.course #main .action_sidebar ul.tabs_wrapper.sidebar_tabs li.tab_wrapper {
  width: 100%;
}
body.course #main .action_sidebar ul.tabs_wrapper.sidebar_tabs li.tab_wrapper:only-child {
  box-shadow: 4px 4px 8px -1px rgba(18, 61, 101, 0.0980392157), -4px -4px 8px -1px rgba(255, 255, 255, 0.6), inset -4px -3px 10px 0 rgba(255, 255, 255, 0.3960784314);
  background-image: linear-gradient(125deg, #e5f0f9, #edf5fc), linear-gradient(125deg, #ffffff, #ffffff 62%, #cbd7e5);
  filter: grayscale(0);
}
body.course #main .action_sidebar ul.tabs_wrapper.sidebar_tabs li.tab_wrapper:only-child a {
  color: #005dbb;
}
body.course #main .action_sidebar ul.tabs_wrapper.sidebar_tabs li.tab_wrapper:only-child a:hover {
  filter: grayscale(1);
}
body.course #main .action_sidebar ul.tabs_wrapper.sidebar_tabs li.tab_wrapper.disabled {
  display: none;
}
body.course #main .action_sidebar:not(.collapsed) ul.tabs_wrapper.sidebar_tabs li.tab_wrapper:only-child {
  border: 0 none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  filter: grayscale(0);
}
body.course #main .action_sidebar:not(.collapsed) ul.tabs_wrapper.sidebar_tabs li.tab_wrapper:only-child:hover {
  filter: grayscale(0);
}
body.course #main .action_sidebar:not(.collapsed) ul.tabs_wrapper.sidebar_tabs li.tab_wrapper:only-child:hover a {
  cursor: default;
  filter: grayscale(0);
}
body.course #main .action_sidebar .sidebar_content_wrap {
  flex: 1 1 auto;
  margin-bottom: 15px;
}
body.course #main .action_sidebar .info_bar {
  display: flex;
  flex-flow: row nowrap;
  height: 22px;
  align-items: center;
  margin: 0 20px;
}
body.course #main .action_sidebar .info_bar .info {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #4d4d4d;
}
body.course #main .action_sidebar .info_bar .info .title {
  text-transform: capitalize;
}
body.course #main .action_sidebar .info_bar .sidebar_actions {
  flex: 0 0 74px;
  text-align: right;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
body.course #main .action_sidebar .info_bar .sidebar_actions .action_button {
  width: 30px;
  height: 30px;
  background: transparent no-repeat center/70%;
  margin: 0 2px;
  padding: 0px;
  border: 0 none;
  user-select: none;
  outline: none;
  opacity: 0.8;
  transition: all 0.3s ease;
}
body.course #main .action_sidebar .info_bar .sidebar_actions .action_button.maximize_button {
  background-image: url(../img/center/maximize-icn.svg);
}
body.course #main .action_sidebar .info_bar .sidebar_actions .action_button.collapse_button {
  background-image: url(../img/center/collapse-icn.svg);
}
body.course #main .action_sidebar .info_bar .sidebar_actions .action_button:hover {
  opacity: 1;
  filter: grayscale(1);
}
body.course #main .action_sidebar.collapsed {
  flex: 0 0 135px;
  width: 135px;
}
body.course #main .action_sidebar.collapsed .floating-nav {
  height: auto;
  padding: 5px 6px 0px 5px;
  background-color: #ffffff;
  background-image: linear-gradient(#e8f1f9, #dbe8f5);
}
body.course #main .action_sidebar.collapsed .floating-nav .container {
  padding: 7px 0 14px;
  box-shadow: none;
  background: transparent;
  border-radius: 6px 6px 0 0;
  margin: 0;
}
body.course #main .action_sidebar.collapsed .content_box.apmc_box {
  height: auto;
  flex: 0 0 auto;
  /* border-radius: 6px 6px 0 0; */
  overflow: visible;
  border-bottom: 0;
  min-width: 0;
}
body.course #main .action_sidebar.collapsed .content_box.apmc_box .floating-nav {
  /* background-image: linear-gradient(#edf5fc, #e8f1f9); */
  border-radius: 6px;
}
body.course #main .action_sidebar.collapsed .content_box.apmc_box .floating-nav .container {
  border-radius: 6px;
}
body.course #main .action_sidebar.collapsed .content_box.progress_box {
  height: auto;
  flex: 0 0 auto;
  margin-top: -4px;
  border-radius: 0 0 6px 6px;
  background-image: linear-gradient(113deg, #e8f1f9, #edf5fc), linear-gradient(93deg, #ffffff, #ffffff 62%, #96a8bf);
  border-top: 0 none;
  box-shadow: 22px 22px 22px 0 rgba(18, 61, 101, 0.1254901961), -15px -15px 30px 0 rgba(255, 255, 255, 0), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.2509803922);
  display: none;
}
body.course #main .action_sidebar.collapsed .content_box.progress_box .floating-nav {
  display: block;
  padding-top: 0;
  border-radius: 0 0 6px 6px;
}
body.course #main .action_sidebar.collapsed .content_box.progress_box .floating-nav .container {
  padding: 0px 0 14px;
  border-radius: 0 0 6px 6px;
}
body.course #main .action_sidebar.collapsed .content_box.progress_box .progress_table {
  display: none;
}
body.course #main .action_sidebar.collapsed .info_bar {
  position: absolute;
  bottom: -145px;
  background-color: #fff;
  border-radius: 6px;
  padding: 3px 10px;
  height: auto;
  right: 0;
  margin: 0;
  width: 100%;
  box-shadow: 16px 16px 36px -15px rgba(18, 61, 101, 0.1019607843);
  display: none;
}
body.course #main .action_sidebar.collapsed .info_bar .info {
  display: none;
}
body.course #main .action_sidebar.collapsed .info_bar .sidebar_actions {
  flex: 1 0 100%;
}
body.course #main .action_sidebar.collapsed .info_bar .sidebar_actions .maximize_button {
  display: none;
}
body.course #main .action_sidebar.collapsed .info_bar .sidebar_actions .collapse_button {
  transform: rotate(180deg);
}
body.course #main .action_sidebar.collapsed ul.tabs_wrapper {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
body.course #main .action_sidebar.collapsed ul.tabs_wrapper li.tab_wrapper {
  width: 100%;
}
body.course #main .action_sidebar.collapsed .sidebar_content_wrap {
  display: none;
}
body.course #main .action_sidebar.maximized {
  position: fixed;
  bottom: 0;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  max-width: 100%;
}
body.course #main .action_sidebar.maximized:before {
  opacity: 0.8;
  bottom: 0;
  right: 0;
  width: 100%;
}
body.course #main .action_sidebar.maximized .content_box {
  width: 50%;
  max-width: 613px;
  z-index: 1010;
  margin: 50px auto;
}
body.course #main .action_sidebar.maximized .content_box.progress_box {
  display: none;
}
body.course #main .action_sidebar.maximized .content_box.materials_box {
  display: none;
}
body.course #main .action_sidebar.maximized .info_bar {
  margin: 0 0 0 20px;
}
body.course #main .action_sidebar.maximized .info_bar .sidebar_actions .action_button.collapse_button {
  display: none;
}
body.course #main .action_sidebar.maximized .info_bar .sidebar_actions .action_button.maximize_button {
  background-image: url(../img/center/normalize-icn.svg);
}
body.course #main .action_sidebar.maximized .action_plan_item .ap_header .ap_move_prev {
  display: inline-block;
}
body.course #main .action_plan_item {
  display: block;
  position: relative;
  margin: 0 0 5px;
  border-radius: 6px;
  border: solid 0.5px transparent;
  border-image-source: linear-gradient(105deg, #ffffff, #ffffff 62%, #96a8bf);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, #f5f8fb, #f5f8fb), linear-gradient(105deg, #ffffff, #ffffff 62%, #96a8bf);
  background-origin: border-box;
  background-clip: content-box, border-box;
  transition: all 0.4s ease;
}
body.course #main .action_plan_item .ap_item_wrapper {
  display: flex;
  flex-flow: row nowrap;
  padding: 15px;
  align-items: center;
  gap: 10px;
}
body.course #main .action_plan_item .ap_header {
  display: none;
  align-items: center;
  color: #fff;
  gap: 15px;
}
body.course #main .action_plan_item .ap_header .ap_next_step {
  flex: 1;
  font-family: "Century Gothic";
  font-size: 12px;
  letter-spacing: 1px;
  color: #ffffff;
}
body.course #main .action_plan_item .ap_header .ap_move_prev,
body.course #main .action_plan_item .ap_header .ap_move_to {
  opacity: 0.75;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
}
body.course #main .action_plan_item .ap_header .ap_move_prev:hover,
body.course #main .action_plan_item .ap_header .ap_move_to:hover {
  opacity: 1;
}
body.course #main .action_plan_item .ap_header .ap_item_menu {
  flex: 0;
  align-self: flex-end;
  text-align: center;
  /* margin-left: 10px; */
  line-height: 1;
  position: relative;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_badge {
  height: 18px;
  display: flex;
  width: 25px;
  align-items: center;
  justify-content: center;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_badge .ap_item_menu_icon {
  background-color: #fff;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 4px 10px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  opacity: 0.8;
  transition: all 0.4s ease;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_badge .ap_item_menu_icon:before, body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_badge .ap_item_menu_icon:after {
  display: block;
  content: "";
  background-color: #fff;
  border-radius: 50%;
  height: 5px;
  width: 5px;
  position: absolute;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_badge .ap_item_menu_icon:before {
  right: 8px;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_badge .ap_item_menu_icon:after {
  left: 8px;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_wrapper {
  max-height: 0;
  opacity: 0;
  box-shadow: -2px 2px 3px -1px rgba(0, 0, 0, 0.1254901961);
  z-index: 10;
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_wrapper a {
  color: rgba(0, 93, 187, 0.8);
  white-space: nowrap;
  padding: 5px 10px 5px 16px;
  margin: 7px 10px;
  transition: all 0.3s ease;
  display: block;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_wrapper a.ap_move_to {
  background: transparent url("../img/center/next-icn.svg") no-repeat center left/12px;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_wrapper a.ap_move_prev {
  background: transparent url("../img/center/previous-icn.svg") no-repeat center left/12px;
}
body.course #main .action_plan_item .ap_header .ap_item_menu .ap_item_menu_wrapper a:hover {
  color: #005dbb;
}
body.course #main .action_plan_item .ap_header .ap_item_menu:hover, body.course #main .action_plan_item .ap_header .ap_item_menu.active {
  /*
  .ap_item_menu_icon {
    opacity: 1;
    transform: rotate(270deg);
    border-radius: 0;
    width: 2px;
    height: 15px;

    &:before, &:after {
      height: 15px;
      width: 2px;
      border-radius: 0;
    }

    &:before {
      right: 4px;
    }

    &:after {
      left: 4px;
    }
  }
  */
}
body.course #main .action_plan_item .ap_header .ap_item_menu:hover .ap_item_menu_wrapper, body.course #main .action_plan_item .ap_header .ap_item_menu.active .ap_item_menu_wrapper {
  max-height: 85px;
  opacity: 1;
}
body.course #main .action_plan_item .mark-as-complete {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
  min-width: 32px;
  position: absolute;
  z-index: 5;
  transition: all 0.3s ease 0s;
  /* gap: 7px; */
}
body.course #main .action_plan_item .mark-as-complete * {
  transition: all 0.3s ease;
}
body.course #main .action_plan_item .mark-as-complete span.icon {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  height: 30px;
  width: 30px;
  display: inline-block;
}
body.course #main .action_plan_item .mark-as-complete span.icon.complete {
  z-index: 1;
  background: url(../img/center/checkicon-complete.svg) #ffffff no-repeat center/60% auto;
  /* background: url(../img/checkicon.svg) #82d5bd no-repeat center/60% auto; */
}
body.course #main .action_plan_item .mark-as-complete span.icon.not_complete {
  display: none;
  z-index: 1;
  background: url(../img/center/checkicon-complete.svg) #ffffff no-repeat center/60% auto;
  /* background: url(../img/checkicon.svg) #82d5bd no-repeat center/60% auto; */
}
body.course #main .action_plan_item .mark-as-complete span.label {
  align-items: center;
  border-radius: 20px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  margin: 0;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  text-align: right;
  transition: all 0.3s ease;
  user-select: none;
  width: auto;
  margin-left: -30px;
}
body.course #main .action_plan_item .mark-as-complete span.label .label_text {
  background-color: transparent;
  display: none;
  height: auto;
  width: auto;
  margin: 0 4px;
}
body.course #main .action_plan_item .mark-as-complete span.label .label_text.text_mark_complete {
  display: inline-block;
}
body.course #main .action_plan_item .mark-as-complete span.label .label_text.text_completed {
  display: none;
}
body.course #main .action_plan_item .mark-as-complete + span {
  opacity: 1;
}
body.course #main .action_plan_item .mark-as-complete.loading {
  /* position: relative; */
  opacity: 1;
}
body.course #main .action_plan_item .mark-as-complete.loading:before {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.6352941176);
  z-index: 2;
}
body.course #main .action_plan_item .mark-as-complete.loading:after {
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border-width: 2px;
  /* backdrop-filter: blur(2px); */
}
body.course #main .action_plan_item .ap_num {
  flex: 0 0 30px;
  position: relative;
  line-height: 1;
}
body.course #main .action_plan_item .ap_num span {
  color: rgba(77, 77, 77, 0.8);
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
}
body.course #main .action_plan_item .ap_content {
  flex: 1 1 auto;
}
body.course #main .action_plan_item .ap_content .ap_tag {
  display: inline-block;
  font-size: 10px;
  color: #4d4d4d;
  background-color: #e4e6e9;
  text-align: center;
  border-radius: 8px;
  padding: 2px 7px;
  margin-left: -8px;
}
body.course #main .action_plan_item .ap_content .ap_tag.high_priority {
  background-color: #d8efeb;
}
body.course #main .action_plan_item .ap_content .ap_title {
  font-family: "Merriweather";
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  color: #4d4d4d;
  margin: 0;
}
body.course #main .action_plan_item .ap_content .ap_title .title_link {
  color: rgba(77, 77, 77, 0.8);
  transition: all 0.3s ease;
}
body.course #main .action_plan_item .ap_content .ap_text {
  font-size: 12px;
  line-height: 1.75;
  color: #ffffff;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
body.course #main .action_plan_item.step-completed {
  background-color: rgba(145, 217, 197, 0.4);
  background-image: none;
  /*
    background-image: linear-gradient(to bottom, #91d9c566, #91d9c566), 
                    linear-gradient(101deg, #ffffff66, #ffffff66 62%, #96a8bf66);
  */
  /*
    .ap_num {
      span {
        font-size: 0;
        background: url(../img/center/checkicon-complete.svg) #ffffff no-repeat center/60% auto;
      }
    }
  */
}
body.course #main .action_plan_item.step-completed .mark-as-complete {
  opacity: 1;
  border: 1px solid #fff;
  border-radius: 16px;
  background-color: #fff;
  color: #82d5bd;
}
body.course #main .action_plan_item.step-completed .mark-as-complete .icon.not_complete {
  border: 0 none;
  color: #82d5bd;
}
body.course #main .action_plan_item.step-completed .mark-as-complete span.label {
  color: #82d5bd;
}
body.course #main .action_plan_item.step-completed .mark-as-complete span.label .text_mark_complete {
  display: inline-block;
}
body.course #main .action_plan_item.step-completed .mark-as-complete span.label .text_completed {
  display: none;
}
body.course #main .action_plan_item.step-completed .mark-as-complete + span {
  opacity: 0;
}
body.course #main .action_plan_item.linked .ap_title .title_link {
  display: block;
}
body.course #main .action_plan_item.linked .ap_title .title_link:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  transition: all 0.5s ease;
  opacity: 0;
}
body.course #main .action_plan_item.linked:hover .ap_title .title_link:after {
  opacity: 1;
  /* background: transparent url("../img/center/link-to.svg") no-repeat center / contain; */
}
body.course #main .action_plan_item.linked:hover.material-step .ap_title .title_link:after {
  background: transparent url("../img/center/download-icn-small.svg") no-repeat center/contain;
}
body.course #main .action_plan_item.linked:hover.video-step .ap_title .title_link:after {
  /* background: transparent url("../img/center/download-icn-small.svg") no-repeat center / contain; */
}
body.course #main .action_plan_item.linked:hover.practice-tests-step .ap_title .title_link:after, body.course #main .action_plan_item.linked:hover.url-link-step .ap_title .title_link:after {
  background: transparent url("../img/center/link-out-icn-copy-2.svg") no-repeat center/contain;
}
body.course #main .action_plan_item.step-completed .mark-as-complete {
  background-color: transparent;
}
body.course #main .action_plan_item.step-completed .mark-as-complete span.icon.complete {
  display: none;
}
body.course #main .action_plan_item.step-completed .mark-as-complete span.icon.not_complete {
  display: inline-block !important;
}
body.course #main .action_plan_item.step-completed .mark-as-complete span.icon.not_complete:hover {
  background: url(../img/center/checkicon-complete-wht.svg) transparent no-repeat center/60% auto;
}
body.course #main .action_plan_item.active {
  background-image: linear-gradient(130deg, #0095c1, #2f98e1 44%, #0060c3 100%), linear-gradient(130deg, #ffffff, #ffffff 62%, #96a8bf 100%);
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1), -16px -16px 40px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.18);
}
body.course #main .action_plan_item.active .ap_item_wrapper {
  flex-flow: column nowrap;
  align-items: unset;
}
body.course #main .action_plan_item.active .ap_header {
  display: flex;
}
body.course #main .action_plan_item.active .ap_num {
  flex: 1 1 100%;
}
body.course #main .action_plan_item.active .ap_num span {
  background-color: rgba(255, 255, 255, 0.0862745098);
  color: #fff;
}
body.course #main .action_plan_item.active .ap_content {
  flex: 1 1 auto;
}
body.course #main .action_plan_item.active .ap_content .ap_tag {
  font-weight: 600;
  color: #fff;
  box-shadow: inset -4px -3px 40px 0 rgba(255, 255, 255, 0.0784313725);
  background-color: rgba(255, 255, 255, 0.2509803922);
  /* background-color: #e4e6e950; */
}
body.course #main .action_plan_item.active .ap_content .ap_tag.high_priority {
  /* background-color: #d8efeb50; */
}
body.course #main .action_plan_item.active .ap_content .ap_title {
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 10px;
}
body.course #main .action_plan_item.active .ap_content .ap_title .title_link {
  color: #ffffff;
  transition: all 0.3s ease;
}
body.course #main .action_plan_item.active .ap_content .ap_text {
  opacity: 1;
  max-height: 900px;
  padding-bottom: 15px;
}
body.course #main .action_plan_item.active.step-completed .mark-as-complete {
  background-color: #fff;
}
body.course #main .action_plan_item.active.step-completed .mark-as-complete span.icon.not_complete {
  background: url(../img/center/checkicon-complete.svg) transparent no-repeat center/60% auto;
}
body.course #main .action_plan_item.active.step-completed .mark-as-complete span.label .label_text {
  color: #82d5bd;
}
body.course #main .action_plan_item.active.step-completed .mark-as-complete span.label .label_text.text_mark_complete {
  display: none;
}
body.course #main .action_plan_item.active.step-completed .mark-as-complete span.label .label_text.text_completed {
  display: inline-block;
}
body.course #main .action_plan_item.active .mark-as-complete {
  opacity: 1;
  display: inline-flex;
  border: 1px solid #fff;
  border-radius: 16px;
}
body.course #main .action_plan_item.active .mark-as-complete span.icon.complete {
  background: url(../img/center/checkicon-complete-wht.svg) transparent no-repeat center/60% auto;
  display: none;
}
body.course #main .action_plan_item.active .mark-as-complete span.icon.not_complete {
  background: url(../img/center/checkicon-complete-wht.svg) transparent no-repeat center/60% auto;
  display: inline-block;
  border: 0 none;
}
body.course #main .action_plan_item.active .mark-as-complete:hover span.label {
  padding: 0 10px 0 25px;
  max-width: 400px;
  opacity: 1;
}
body.course #main .action_plan_item.active .mark-as-complete + span {
  opacity: 0;
}
body.course #main .action_plan_item.active:hover.practice-tests-step .ap_title .title_link:after, body.course #main .action_plan_item.active:hover.url-link-step .ap_title .title_link:after {
  background-image: url("../img/center/link-out-icn-white.svg");
}
body.course #main .action_plan_item.active:hover.material-step .ap_title .title_link:after {
  background-image: url("../img/center/download-icn-small-white.svg");
}
body.course #main .action_plan_item:first-child .ap_header .ap_move_prev {
  display: none !important;
}
body.course #main .action_plan_item:first-child .ap_header .ap_move_sep {
  display: none !important;
}
body.course #main .action_plan_item:last-child .ap_header .ap_move_to {
  display: none !important;
}
body.course #main .action_plan_item:last-child .ap_header .ap_move_sep {
  display: none !important;
}
body.course #main .action_plan_item:hover .mark-as-complete {
  opacity: 1;
}
body.course #main .action_plan_item:hover .mark-as-complete + span {
  opacity: 0;
}
body.course #main .action_plan_item:not(.active):hover {
  /* border: solid 1px #4d4d4d; */
}
body.course #main .action_plan_item:not(.active):hover .ap_content .ap_title .title_link {
  color: #4d4d4d;
}
body.course #main .action_plan_item:not(.active):hover .ap_num span {
  color: #4d4d4d;
}
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
/* **** TRAINING CENTER - LESSON SIDEBAR - INCLUDED IN THE LESSON DETAIL PAGE **** */
body.course.lesson #main .action_sidebar.lesson_sidebar {
  gap: 15px;
  margin: 15px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .content_box {
  box-shadow: 16px 4px 64px 0 rgba(18, 61, 101, 0.1215686275), -16px -16px 40px 0 rgba(255, 255, 255, 0.8), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
}
body.course.lesson #main .action_sidebar.lesson_sidebar .materials_box {
  flex: 1 1 auto;
  transition: all 0s ease;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .materials_box .info_bar {
  display: none;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .supplements_box {
  flex: 0 0 190px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .supplements_box .tabs_content_wrapper {
  margin: 0;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .supplements_box .tabs_content_wrapper .tab_content_wrapper {
  margin: 15px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .supplements_box .floating-nav {
  height: 45px;
  align-items: center;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .supplements_box .floating-nav .info_bar {
  height: 100%;
}
body.course.lesson #main .action_sidebar.lesson_sidebar.maximized {
  justify-content: center;
}
body.course.lesson #main .action_sidebar.lesson_sidebar.maximized .content_box.supplements_box {
  flex: 0 1 585px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .lesson_flashcards_button {
  margin-top: 15px;
  height: 45px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .lesson_sidebar_buttons_wrapper {
  margin: 0 15px 5px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .lesson_sidebar_buttons_wrapper > * {
  margin: 0 0 5px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .lesson_sidebar_buttons_wrapper .next_lesson_button {
  min-height: 30px;
  height: 30px;
  font-weight: 600;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper {
  height: 100%;
  margin: 0;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper.active {
  display: flex;
  flex-flow: column nowrap;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .tab_content_scroller {
  position: relative;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding: 15px;
  scrollbar-width: thin;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .tab_content_scroller #selectedLessonsForm {
  margin-top: auto;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material {
  min-height: auto;
  background-image: linear-gradient(to bottom, #f5f8fb, #f5f8fb), linear-gradient(101deg, #ffffff, #ffffff 62%, #96a8bf);
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material .material_wrapper {
  margin: 15px;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material .material_wrapper .material_number {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0 14px 0 0;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: rgba(77, 77, 77, 0.5333333333);
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material .material_wrapper .material_content {
  margin-left: 0;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material .material_wrapper .material_content .material_title {
  font-family: "Merriweather";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: normal;
  color: #4d4d4d;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material .material_wrapper .material_content .material_description {
  display: none;
  font-size: 12px;
  color: #4d4d4d;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material.active {
  background-color: #ffffff;
  background-image: none;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material.active .material_wrapper .material_number {
  background-color: #f0f6fc;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material.active .material_wrapper .material_title {
  cursor: default;
}
body.course.lesson #main .action_sidebar.lesson_sidebar .tab_content_wrapper .material:hover {
  background-image: linear-gradient(to bottom, #fff, #f5f8fb), linear-gradient(94deg, #ffffff, #ffffff 62%, #96a8bf);
}
/* **** TRAINING CENTER RESPONSIVE **** */
/* Application colors */
/* Application Fonts */
/* Shadows */
/* for the transition to work, same number of subshadows need to be defined */
/* Borders */
@media (max-width: 767px) {
  body.center {
    height: auto;
    min-height: 100%;
    flex-flow: column nowrap;
  }
  body.center.opened_tab {
    overflow: hidden;
  }
  body.center header.left_side_bar {
    min-height: 0;
    flex: 0 0 100%;
    overflow: visible;
    position: fixed;
    height: 60px;
    z-index: 10;
    width: 100%;
    padding: 17px 20px;
    transition: all 0s ease;
  }
  body.center header.left_side_bar * {
    transition: all 0s ease !important;
  }
  body.center header.left_side_bar .navbar {
    min-height: 0;
  }
  body.center header.left_side_bar .container {
    margin: 0;
  }
  body.center header.left_side_bar .container:before {
    display: block;
    content: "";
    position: fixed;
    top: 60px;
    height: 0;
    overflow: hidden;
    width: 100%;
    left: 0;
    opacity: 0.95;
    background: white;
    z-index: 10000;
    transition: all 0.3s ease 0.2s;
  }
  body.center header.left_side_bar .container .navbar-header {
    display: flex;
    flex-flow: row nowrap;
    width: auto;
    margin: 0;
  }
  body.center header.left_side_bar .container .navbar-header .sidebar_toggler {
    margin: auto 0 auto auto;
    background: none;
    width: 23px;
    height: 26px;
    position: relative;
  }
  body.center header.left_side_bar .container .navbar-header .sidebar_toggler span {
    display: block;
    width: 100%;
    height: 2px;
    background: #005dbb;
    position: absolute;
    top: 5px;
    left: 0;
  }
  body.center header.left_side_bar .container .navbar-header .sidebar_toggler span:nth-child(2) {
    top: 12px;
  }
  body.center header.left_side_bar .container .navbar-header .sidebar_toggler span:nth-child(3) {
    top: 19px;
  }
  body.center header.left_side_bar .container .navbar-nav {
    position: fixed;
    top: 60px;
    max-height: 0;
    overflow: hidden;
    max-width: calc(100% - 40px);
    left: 20px;
    padding: 0;
    z-index: 10001;
    border: none;
  }
  body.center header.left_side_bar .container .navbar-nav li:first-child {
    margin-top: 23px;
  }
  body.center header.left_side_bar .container .navbar-nav li a {
    font-size: 16px;
  }
  body.center header.left_side_bar.openedMobile {
    border-bottom: 1px solid rgba(150, 168, 191, 0.62);
    width: 100%;
    padding: 17px 20px;
  }
  body.center header.left_side_bar.openedMobile .container .navbar-header .navbar-brand {
    width: 131px;
    height: 22px;
    margin: 0 15px 0 0;
    background: url(../img/center/logo.svg) no-repeat center left/auto;
    transition: all 0.15s ease 0s;
  }
  body.center header.left_side_bar.openedMobile .container .navbar-header .sidebar_toggler {
    width: 26px;
  }
  body.center header.left_side_bar.openedMobile .container .navbar-header .sidebar_toggler span {
    transition: all 0.2s ease;
  }
  body.center header.left_side_bar.openedMobile .container .navbar-header .sidebar_toggler span:nth-child(1) {
    width: 26px;
    transform: rotate3d(0, 0, 1, 135deg);
    top: 12px;
    left: 0;
  }
  body.center header.left_side_bar.openedMobile .container .navbar-header .sidebar_toggler span:nth-child(2) {
    width: 0px;
    height: 0px;
    transition-duration: 0.03s;
  }
  body.center header.left_side_bar.openedMobile .container .navbar-header .sidebar_toggler span:nth-child(3) {
    width: 26px;
    transform: rotate3d(0, 0, 1, -135deg);
    top: 12px;
    left: 0;
  }
  body.center header.left_side_bar.openedMobile .container .navbar-nav {
    max-height: calc(100% - 60px);
  }
  body.center header.left_side_bar.openedMobile .container:before {
    height: calc(100% - 60px);
    transition: all 0.3s ease 0s;
  }
  body.center header.left_side_bar .header_promo_section {
    display: none;
  }
  body.center header.left_side_bar .back_to_button {
    display: none;
  }
  body.center #main {
    flex: 1 1 auto;
    flex-flow: column nowrap;
    padding: 15px 0;
    max-height: none;
    min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 60px;
  }
  body.center #main .content_box {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }
  body.center #main .content_box .courses_wrap .course {
    width: 100%;
    margin: 0 0 7px;
  }
  body.center #main .bar.heading_bar {
    flex: 0 0 30px;
    margin: 0 15px 15px;
  }
  body.center #main .bar.heading_bar .mb_messages {
    margin-left: 10px;
  }
  body.center #main .bar.heading_bar .mb_messages .mb_message {
    font-size: 14px;
    white-space: break-spaces;
  }
  body.center #main .bar.heading_bar .mb_actions {
    flex: 0 0 80px;
    margin-right: 10px;
  }
  body.center #main .bar.heading_bar .mb_actions .btn_regular {
    padding: 2px 10px;
    font-size: 12px;
    display: none;
  }
  body.center #main .bar.heading_bar .mb_actions .btn_close_round {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-size: 9px;
  }
  body.center #main #content .content_box {
    border-radius: 0;
  }
  body.center #main #content .content_box .container {
    border-radius: 0;
    background-color: transparent;
    background-image: none;
    border: 0 none;
    opacity: 1;
  }
  body.center #main #content .content_box .action-wrap {
    text-align: center;
    padding: 10px;
  }
  body.center.course #main .heading-wrap {
    display: none;
    margin: 10px 0 13px;
    padding: 0 25px 0 0;
  }
  body.center.course #main .heading-wrap .heading-inner * {
    color: #4d4d4d;
    white-space: nowrap;
    font-size: 12px;
  }
  body.center.course #main .heading-wrap .heading-inner a {
    color: #005dbb;
  }
  body.center.course #main #content {
    gap: 1px;
  }
  body.center.course #main #content .content_box,
body.center.course #main #content .content_box.course-wrap {
    min-width: 0;
    background-image: none;
    border: 0 none;
    background-origin: content-box;
    min-height: calc(100vh - 105px);
    overflow: visible;
  }
  body.center.course #main #content .content_box .tabs_content_wrapper,
body.center.course #main #content .content_box.course-wrap .tabs_content_wrapper {
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
    height: auto;
    min-width: auto;
    align-self: flex-end;
    transition: all 0s ease;
  }
  body.center.course #main #content .content_box .tabs_content_wrapper .tab_content_wrapper,
body.center.course #main #content .content_box.course-wrap .tabs_content_wrapper .tab_content_wrapper {
    box-shadow: none;
    background-color: #e8eff5;
    flex: 1 1 100%;
  }
  body.center.course #main #content .content_box .tabs_content_wrapper .tab_content_wrapper .lesson,
body.center.course #main #content .content_box.course-wrap .tabs_content_wrapper .tab_content_wrapper .lesson {
    box-shadow: none;
  }
  body.center.course #main .action_sidebar {
    flex: 0;
    width: calc(50% + 8px);
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    border: 0 none;
    overflow: hidden;
    transition: all 0s ease;
  }
  body.center.course #main .action_sidebar .content_box {
    box-shadow: none;
    background-color: transparent;
    background-image: none;
  }
  body.center.course #main .action_sidebar .content_box .floating-nav {
    height: auto;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
  }
  body.center.course #main .action_sidebar .content_box .floating-nav .container {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border: 0 none;
    background-clip: unset;
  }
  body.center.course #main .action_sidebar .content_box .floating-nav .container ul.tabs_wrapper {
    height: auto;
    padding: 0;
    border-radius: 0;
    border: 0 none;
    box-shadow: none;
    background-color: transparent;
  }
  body.center.course #main .action_sidebar .content_box .floating-nav .container ul.tabs_wrapper li.tab_wrapper {
    flex: 1 1 100%;
    max-width: 100%;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
  }
  body.center.course #main .action_sidebar .content_box .floating-nav .container ul.tabs_wrapper li.tab_wrapper.active {
    background-color: transparent;
  }
  body.center.course #main .action_sidebar .content_box .floating-nav .container ul.tabs_wrapper li.tab_wrapper.active:after {
    display: none;
  }
  body.center.course #main .action_sidebar .content_box .floating-nav .container ul.tabs_wrapper li.tab_wrapper.message_center {
    display: none;
  }
  body.center.course #main .action_sidebar .content_box .sidebar_content_wrap {
    max-width: 0;
    max-height: 0;
    opacity: 0;
    transition: all 0s ease;
    overflow: hidden;
  }
  body.center.course #main .action_sidebar .content_box .sidebar_content_wrap .tab_content_wrapper.active {
    transition: all 0s ease;
  }
  body.center.course #main .action_sidebar .content_box.progress_box {
    display: none;
  }
  body.center.course #main .action_sidebar .content_box .tabs_content_wrapper {
    display: none;
  }
  body.center.course #main .action_sidebar.active {
    height: auto;
    height: min-content;
    min-height: calc(100vh - 106px);
    flex: 1;
    width: 100%;
    z-index: 5000;
    box-shadow: 0 80px 60px 60px rgba(0, 0, 0, 0.3137254902);
    position: fixed;
    top: 106px;
    overflow: visible;
  }
  body.center.course #main .action_sidebar.active .content_box {
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    flex: 1;
    top: 41px;
  }
  body.center.course #main .action_sidebar.active .content_box .floating-nav {
    flex: 0 0 42px;
    overflow: visible;
    max-width: 50%;
    align-self: end;
  }
  body.center.course #main .action_sidebar.active .content_box .floating-nav .container ul.tabs_wrapper li.tab_wrapper.active {
    background-color: #fff;
    margin: 0;
    flex: 0 0 47px;
    margin-top: -87px;
    margin-left: 0px;
    border-radius: 6px 6px 0 0;
  }
  body.center.course #main .action_sidebar.active .sidebar_content_wrap {
    max-width: 100%;
    opacity: 1;
    max-height: 1000vh;
    overflow: visible;
  }
  body.center.course #main .action_sidebar.active .sidebar_content_wrap .tab_content_wrapper.active {
    overflow-y: scroll;
    position: fixed;
    width: 100%;
    left: 0px;
    padding: 20px 15px 100px;
    top: 156px;
    height: calc(100vh - 156px);
    width: 100% !important;
    margin: 0;
  }
  body.center.course #main .action_sidebar .floating-nav .container ul.tabs_wrapper.action_plan:not(.active) li.tab_wrapper.active a {
    line-height: 43px;
    padding: 0 33px 0 0;
    font-size: 12px;
  }
  body.center.course #main .floating-nav {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    height: auto;
    min-height: 42px;
  }
  body.center.course #main .floating-nav .container {
    padding: 0;
    background-color: #f1f6fb;
    box-shadow: none;
    margin: 0;
    min-height: 42px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper {
    padding: 0;
    flex-flow: column nowrap;
    height: 46px;
    max-height: 46px;
    position: absolute;
    box-shadow: none;
    border-style: solid;
    border-width: 0.5px;
    border-image-source: linear-gradient(97deg, #fff, #fff 62%, #96a8bf);
    border-image-slice: 1;
    background-color: #f1f6fb;
    border-radius: 0;
    z-index: 10;
    transition: all 0.4s ease 0.2s, max-width 0s;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper:not(.active) li.tab_wrapper.active a {
    padding: 0 33px 0 0;
    font-size: 12px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper li.tab_wrapper {
    width: auto;
    display: none;
    border-width: 0;
    height: auto;
    transition: all 0s;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper li.tab_wrapper.mobile_button {
    display: none;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper li.tab_wrapper a {
    background-position-x: 20px;
    transition: all 0s;
    line-height: 43px;
    padding: 0 33px 0 0;
    font-size: 12px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper li.tab_wrapper.active {
    flex: 1 1 50%;
    display: block;
    max-width: 50%;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    border-radius: 6px 6px 0 0;
    filter: none;
    position: relative;
    max-height: 45px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper li.tab_wrapper.active a {
    background-position-x: -80px;
    margin: 0;
    padding: 10px 34px 10px 10px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper li.tab_wrapper.active a:after {
    content: "";
    display: inline-block;
    height: 28px;
    width: 28px;
    margin: 0;
    border-radius: 6px;
    margin-left: auto;
    background: #f1f6fb url("../img/center/menu-icn-2.svg") no-repeat center/50%;
    position: absolute;
    right: 8px;
    top: 8px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active {
    padding-bottom: 20px;
    top: 0;
    left: 0;
    right: 0;
    background-color: #e8eff5;
    position: absolute;
    z-index: 1000;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1882352941);
    height: calc(100vh - 50px);
    max-height: calc(100vh - 113px);
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper {
    width: auto;
    display: block;
    order: 2;
    margin: 0 20px;
    border-radius: 6px;
    flex: 0 1 62px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.mobile_button {
    display: block;
    width: 50%;
    order: 1;
    margin: 0;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    max-height: 42px;
    flex: 0 0 42px;
    transition: all 0s ease;
    position: relative;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.mobile_button a {
    padding: 8px 8px 8px 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.mobile_button a span.menu_label {
    display: inline-block;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.mobile_button a span.menu_badge {
    display: inline-block;
    height: 28px;
    width: 28px;
    margin: 0;
    border-radius: 6px;
    margin-left: auto;
    background: #dc5454 url("../img/close.svg") no-repeat center/50%;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.mobile_button a:after {
    display: none;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.practice-exam {
    order: 1;
    box-shadow: 0px 3px 8px -4px rgba(162, 188, 216, 0.6588235294), inset -4px -3px 10px 0 rgba(255, 255, 255, 0.6);
    border-width: 0.5px;
    border-image-source: linear-gradient(125deg, #ffffff, #ffffff 62%, #cbd7e5 100%);
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper a {
    background-position-x: 20px;
    text-align: left;
    padding: 20px 20px 20px 70px;
    position: relative;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper a:after {
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background: transparent url(../img/arrow-blue.svg) no-repeat center/10px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.active {
    flex: 0 1 62px;
    max-width: 100%;
    max-height: none;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.active a {
    background-position-x: 20px;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper.active:after {
    display: none;
  }
  body.center.course #main .floating-nav .info_bar {
    background-color: #fff;
    padding: 20px;
    margin: 0;
  }
  body.center.course #main .select_lessons_wrapper {
    margin: 50px 20px 0;
  }
  body.center.course .add_test_date_container {
    min-width: 90%;
    left: 2%;
    right: 2%;
    top: 70px;
    box-shadow: 0px 0px 12px 6px rgba(77, 77, 77, 0.1803921569), inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
  }
  body.center.course.lesson #main .bar.heading_bar {
    margin: 0 15px 15px;
    border-radius: 6px;
    box-shadow: inset -8px -6px 80px 0 rgba(255, 255, 255, 0.1803921569);
  }
  body.center.course.lesson #main .content_box .content_wrapper.active {
    padding: 0 10px 10px;
  }
  body.center.course.lesson #main #content {
    gap: 1px;
    flex-flow: column nowrap;
    overflow: visible;
    max-height: unset;
    background-image: none;
    box-shadow: none;
  }
  body.center.course.lesson #main #content .content_box {
    box-shadow: none;
    min-height: 0;
  }
  body.center.course.lesson #main #content .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown {
    margin-right: 10px;
    justify-content: flex-end;
  }
  body.center.course.lesson #main #content .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-select {
    font-size: 12px;
  }
  body.center.course.lesson #main #content .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-label {
    display: none;
  }
  body.center.course.lesson #main #content .content_box .content_wrapper .info_wrapper .info_heading .info_options .center-dropdown .center-dropdown-choice {
    display: block;
    white-space: nowrap;
    font-size: 12px;
    line-height: 2.4;
  }
  body.center.course.lesson #main #content .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content {
    max-height: 40vw;
  }
  body.center.course.lesson #main #content .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content .transcript_wrapper {
    max-height: 30vw;
  }
  body.center.course.lesson #main #content .content_box .content_wrapper .info_wrapper .info_tab_container .info_tab_content.transcript_tab_content .transcript_wrapper .transcript_line {
    font-size: 13px;
  }
  body.center.course.lesson #main #content .action_sidebar .content_box {
    box-shadow: none;
    min-height: 0;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .sidebar_content_wrap.tabs_content_wrapper {
    max-height: none;
    max-width: 100%;
    opacity: 1;
    align-self: center;
    width: 100%;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .info_bar {
    padding: 10px 20px;
    min-height: 40px;
    display: block;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .info_bar .sidebar_actions {
    display: none;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .floating-nav {
    height: auto;
    margin: 0 15px;
    width: auto;
    border: 0 none;
    min-height: 0;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .floating-nav .container {
    min-height: 0;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .floating-nav .tab_wrapper {
    display: none;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .supplements_box {
    flex: 1;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .lesson_sidebar_buttons_wrapper {
    margin-top: 0;
  }
  body.center.course.lesson #main #content .action_sidebar.lesson_sidebar .lesson_sidebar_buttons_wrapper .next_lesson_button {
    min-height: 45px;
    height: 45px;
  }
  body.center.course.lesson #main #content .action_sidebar .tabs_content_wrapper {
    display: block;
    overflow: visible;
    height: auto;
  }
  body.center.course.lesson #main #content .action_sidebar .tabs_content_wrapper .tab_content_wrapper {
    box-shadow: none;
  }
  body.center.course.lesson #main #content .action_sidebar .tabs_content_wrapper .tab_content_wrapper:not(.sidebar_content_wrap) {
    width: 100% !important;
  }
  body.center.course.lesson #main #content .action_sidebar .tabs_content_wrapper .tab_content_wrapper.sidebar_content_wrap {
    margin: 0 15px;
  }
  body.center.course.lesson #main #content .action_sidebar .tabs_content_wrapper .tab_content_wrapper#suplementsTab {
    width: calc(100% - 30px) !important;
  }
  body.center.course.lesson #main #content .action_sidebar .tabs_content_wrapper .tab_content_wrapper .lesson {
    box-shadow: none;
  }
  body.center.course.flashcards header.left_side_bar {
    display: none;
    z-index: 0;
  }
  body.center.course.flashcards #main .heading-wrap {
    padding: 0;
    margin: 12px 20px 0;
    width: auto;
  }
  body.center.course.flashcards #main .heading-wrap .heading-inner {
    padding: 0;
    text-align: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
  }
  body.center.course.flashcards #main .heading-wrap .heading-inner a {
    color: #fff;
  }
  body.center.course.flashcards #main #content .flashcards-wrap {
    position: relative;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .mobile_top_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 22px;
    left: 23px;
    right: 30px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .mobile_top_bar .inner_logo {
    display: block;
    width: 160px;
    height: 14px;
    background: transparent url("../img/center/logotype-white.svg") no-repeat left center/contain;
    z-index: 100;
    margin-top: -38px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .mobile_top_bar .inner_close {
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin-top: 8px;
    width: 35px;
    height: 35px;
    margin-top: -16px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper {
    background-image: linear-gradient(161deg, #9befd6 -92%, #005dbb 131%);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    z-index: 300;
    margin: 0;
    overflow: auto;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .top-rail {
    margin: 0px 0 12px;
    height: 26px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .top-rail .dropdown {
    display: block;
    flex: 1;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .top-rail .dropdown button {
    font-size: 14px;
    font-weight: 300;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .top-rail .action-wrap {
    flex: 0;
    padding: 0;
    margin-left: auto;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .top-rail .action-wrap a {
    font-size: 0px;
    height: 22px;
    width: 22px;
    padding: 0;
    margin-left: 5px;
    background-size: contain;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container {
    max-height: 90vh;
    min-height: 65vh;
    width: 92vw;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap .flash-card .back .front-text {
    margin: 21px auto;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap .flash-card .back .back-text {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap .flash-card .card-header {
    padding: 11px 15px;
    min-height: auto;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-body {
    display: flex;
    min-height: 250px;
    height: auto;
    max-height: 50vh;
    overflow: auto;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-body .inner {
    display: flex;
    flex-flow: column nowrap;
    margin: auto;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap.reset .flash-card:nth-child(1) {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -50, 1);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap.reset .flash-card:nth-child(2) {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -100, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -100, 1);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap.reset .flash-card:nth-child(3) {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -150, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -150, 1);
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(1) {
    bottom: auto;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -15, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -15, 1);
    z-index: -1;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap.shuffle .flash-card:nth-child(2),
body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(3) {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 30, 1);
    top: -5%;
    z-index: 1;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap.shuffle2 .flash-card:nth-child(2) {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    top: 0;
    z-index: -1;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap .flash-card:nth-child(1) {
    z-index: 1;
    display: block;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap .flash-card:nth-child(2) {
    z-index: -1;
    -webkit-transform: matrix3d(0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -15, 1);
    transform: matrix3d(0.95, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -15, 1);
    display: block;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .fc_cards_wrap .flash-card:nth-child(3) {
    z-index: -2;
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -30, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, -30, 1);
    display: block;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-header a.fc-hide {
    padding-left: 18px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-header a.fc-hide span {
    display: none;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-footer {
    padding: 22px 15px 14px 15px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-footer a.fc-flip {
    float: left;
    background: #ffffff;
    color: #005dbb;
    opacity: 0.75;
    border: solid 1px #005dbb;
    min-width: 116px;
    height: 40px;
    text-transform: uppercase;
    font-size: 14px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-footer a.fc-flip:hover {
    background: #005dbb;
    color: white;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-footer a.fc-next {
    float: right;
    background: #ffffff;
    color: #005dbb;
    opacity: 0.75;
    border: solid 1px #005dbb;
    min-width: 116px;
    height: 40px;
    text-transform: uppercase;
    font-size: 14px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .card-footer a.fc-next:hover {
    background: #005dbb;
    color: white;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .front .card-footer a.fc-flip {
    float: right;
    background: #ffffff;
    color: #005dbb;
    opacity: 0.75;
    border: solid 1px #005dbb;
    min-width: 116px;
    height: 40px;
    text-transform: uppercase;
    font-size: 14px;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .flash-card .front .card-footer a.fc-flip:hover {
    background: #005dbb;
    color: white;
  }
  body.center.course.flashcards #main #content .flashcards-wrap .flashcards_wrapper .flashcard_container .clear-all-lessons {
    display: none;
  }
  body.center #body-back {
    display: none !important;
  }

  .modal .head-wrap {
    margin: 0 auto 15px;
    padding: 15px 0 0;
  }
  .modal .head-wrap .subtitle {
    margin-bottom: 25px;
  }
  .modal .close-modal {
    top: 10px;
    right: 10px;
  }

  .form-modal.modal:not(#test-score-modal) .modal-dialog .modal-content .modal-body .content-wrap {
    width: 100%;
    height: 100%;
    max-height: calc(100% - 150px);
  }

  body.course #main .tab_content_wrapper {
    width: calc(100% - 30px) !important;
  }

  body.center.course #main #content .content_box .tabs_content_wrapper,
body.center.course #main #content .content_box.course-wrap .tabs_content_wrapper {
    align-self: center !important;
    width: 100%;
  }

  body.course #main .action-wrap .recent {
    width: 100%;
  }

  body.center.course #main .content_box.course-wrap .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper a {
    line-height: normal !important;
    height: 100%;
  }

  body.center.course #main .floating-nav .container ul.tabs_wrapper.sidebar_tabs li.tab_wrapper.active a {
    padding: 0;
    text-align: center;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper.sidebar_tabs li.tab_wrapper.active a:after {
    display: none;
  }

  body.center.course #main .floating-nav .container ul.tabs_wrapper:not(.sidebar_tabs) li.tab_wrapper.active a {
    margin-right: -1px;
  }

  body.center.course #main ul.tabs_wrapper.sidebar_tabs.active li.tab_wrapper.action_plan.active a {
    padding: 0 8px 0 0px;
    background-position-x: -80px !important;
  }
  body.center.course #main ul.tabs_wrapper.sidebar_tabs.active li.tab_wrapper.action_plan.active a:after {
    right: 8px;
  }

  body.center.course #main .floating-nav .container ul.tabs_wrapper:not(.sidebar_tabs).active {
    top: 42px;
    opacity: 1;
  }
  body.center.course #main .floating-nav .container ul.tabs_wrapper:not(.sidebar_tabs).active li.tab_wrapper.mobile_button {
    top: -43px;
    border-radius: 8px 8px 0 0;
  }

  body.center.course #main .practice_tab_wrapper .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper a {
    line-height: normal;
  }

  #enrollment-modal.modal #enrollment-form .action-wrap .btn-primary,
#order-sharing-modal.modal #sharing-form .action-wrap .btn-primary,
.contact .form-group.action-group .btn-primary,
.forms #main .form-wrap .form-group.action-group .btn-primary,
body.course .no-live-training .inner .btn-primary {
    display: inline-block;
    width: 100%;
    padding: 0;
    font-size: 14px;
  }
}
@media (max-height: 480px) {
  body.center.course #main .floating-nav .container ul.tabs_wrapper.active li.tab_wrapper a {
    padding: 4px 20px 4px 70px;
  }

  body.center.course #main .floating-nav .container ul.tabs_wrapper:not(.active) li.tab_wrapper.active a {
    font-size: 11px;
  }
}
/*# sourceMappingURL=training_center.css.map */