#complete-profile-form {
  position: absolute;
  bottom: -44px;
  width: 100%;
  text-align: center;
  background-color: #F39100;
  padding: 10px 20px;
}
#complete-profile-form a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
}

.points-info-popup-trigger {
  cursor: pointer;
}

.dashboard-header-list {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
.dashboard-header-list li {
  position: relative;
  text-indent: -17px;
  padding-left: 17px;
}
.dashboard-header-list li:before {
  content: " ";
  display: inline-block;
  margin-right: 10px;
  width: 7px;
  height: 7px;
  background-color: #2DAFE6;
}

.dashboard-elearning-progress-wrapper {
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0px 1px 20px 0px rgba(0, 80, 160, 0.2);
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 30px;
  padding: 40px;
}
@media (max-width: 767.98px) {
  .dashboard-elearning-progress-wrapper {
    flex-direction: column;
    gap: 20px;
  }
}
.dashboard-elearning-progress-wrapper.dashboard-elearning-progress-wrapper-completed {
  position: relative;
}
.dashboard-elearning-progress-wrapper.dashboard-elearning-progress-wrapper-completed:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="154" height="105" viewBox="0 0 154 105" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M112.184 58.4767H126.74L153.782 44.2003L153.808 30.3223L112.184 58.4767Z" fill="%230050A0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M154 44.2068V14.5L143.664 49.5569L154 44.2068Z" fill="%23003060"/><path fill-rule="evenodd" clip-rule="evenodd" d="M112.106 66.3351H125.91C128.308 66.3324 130.252 64.3892 130.255 61.991V60.736C130.252 58.3377 128.308 56.3943 125.91 56.3916H112.106C109.708 56.3943 107.765 58.3377 107.762 60.736V61.991C107.765 64.3892 109.708 66.3324 112.106 66.3351ZM110.426 60.735C110.427 59.8084 111.178 59.0576 112.104 59.0566L125.908 59.0573C126.834 59.0583 127.585 59.8091 127.587 60.7357V61.9907C127.586 62.9173 126.835 63.6683 125.908 63.6695H112.104C111.178 63.6685 110.427 62.9175 110.426 61.9907V60.735Z" fill="%23780D6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M119.011 104.278C131.07 104.278 140.845 94.5022 140.845 82.4432C140.845 70.3842 131.07 60.6084 119.011 60.6084C106.952 60.6084 97.1758 70.3842 97.1758 82.4432C97.1758 94.5022 106.952 104.278 119.011 104.278Z" fill="%23BD4DB3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M118.583 100.389C128.771 100.389 137.03 92.1302 137.03 81.9425C137.03 71.7548 128.771 63.4961 118.583 63.4961C108.395 63.4961 100.137 71.7548 100.137 81.9425C100.137 92.1302 108.395 100.389 118.583 100.389Z" fill="%235C0D55"/><path fill-rule="evenodd" clip-rule="evenodd" d="M119.181 100.889C129.368 100.889 137.627 92.6302 137.627 82.4425C137.627 72.2548 129.368 63.9961 119.181 63.9961C108.993 63.9961 100.734 72.2548 100.734 82.4425C100.734 92.6302 108.993 100.889 119.181 100.889Z" fill="%238C1E82"/><path fill-rule="evenodd" clip-rule="evenodd" d="M126.24 58.9787H111.683L0 0H39.2505L126.24 58.9787Z" fill="%23003060"/><path fill-rule="evenodd" clip-rule="evenodd" d="M118.835 104.67C130.894 104.67 140.67 94.8938 140.67 82.8348C140.67 70.7758 130.894 61 118.835 61C106.776 61 97 70.7758 97 82.8348C97 94.8938 106.776 104.67 118.835 104.67Z" fill="%23BD4DB3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M118.411 100.78C128.599 100.78 136.858 92.5208 136.858 82.3331C136.858 72.1455 128.599 63.8867 118.411 63.8867C108.224 63.8867 99.9648 72.1455 99.9648 82.3331C99.9648 92.5208 108.224 100.78 118.411 100.78Z" fill="%235C0D55"/><path fill-rule="evenodd" clip-rule="evenodd" d="M119.009 101.282C129.197 101.282 137.455 93.0228 137.455 82.8351C137.455 72.6474 129.197 64.3887 119.009 64.3887C108.821 64.3887 100.562 72.6474 100.562 82.8351C100.562 93.0228 108.821 101.282 119.009 101.282Z" fill="%238C1E82"/><path fill-rule="evenodd" clip-rule="evenodd" d="M117.254 95.4002L106.641 86.2073L109.668 82.7125L116.503 88.6331L128.965 71.752L132.685 74.4979L117.254 95.4002Z" fill="%235C0D55"/><path fill-rule="evenodd" clip-rule="evenodd" d="M116.254 94.6483L105.641 85.4553L108.668 81.9605L115.503 87.8811L127.965 71L131.685 73.7459L116.254 94.6483Z" fill="%23C759BD"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 154px;
  height: 105px;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress {
  --progress-dimension: 185px;
  position: relative;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress .dashboard-elearning-progress-progress-text {
  width: var(--progress-dimension);
  height: var(--progress-dimension);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 900;
  color: #F39100;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress .dashboard-elearning-progress-progress-text span {
  font-size: 42px;
  font-weight: 900;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg {
  --stroke-length: 690.461181640625px;
  transform: rotate(-90deg);
  width: var(--progress-dimension);
  height: var(--progress-dimension);
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg .progress-circle-background {
  fill: none;
  stroke: url("#progress-circle-gradient-background");
  stroke-linecap: round;
  stroke-width: 20;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg .progress-circle-animation {
  fill: none;
  stroke: transparent;
  stroke-linecap: round;
  stroke-width: 20;
  stroke-dasharray: var(--stroke-length) var(--stroke-length);
  stroke-dashoffset: var(--stroke-length);
  transition: stroke-dashoffset 2s ease-in-out;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg #progress-circle-gradient-background stop:nth-child(1) {
  stop-color: #E6EDF5;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg #progress-circle-gradient-background stop:nth-child(2) {
  stop-color: #F2F6FA;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg.progress-circle-active .progress-circle-animation {
  stroke: url("#progress-circle-gradient-animation");
  stroke-dashoffset: calc(var(--stroke-length) / 100 * (100 - var(--progress)));
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg.progress-circle-active #progress-circle-gradient-animation stop:nth-child(1) {
  stop-color: #F39100;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-progress svg.progress-circle-active #progress-circle-gradient-animation stop:nth-child(2) {
  stop-color: #FFBB56;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-content h3 {
  font-size: 22px;
  font-weight: 800;
  color: #405065;
}
.dashboard-elearning-progress-wrapper .dashboard-elearning-progress-content p {
  color: #50647F;
}

.dashboard-elearning-progress-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-empty {
    flex-direction: column;
    gap: 20px;
  }
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item {
  background: #ffffff;
  border-radius: 3px;
  display: flex;
  padding: 20px;
}
@media (min-width: 992px) {
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-item .dashboard-elearning-progress-list-item-progress {
    width: 122px;
  }
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-item .dashboard-elearning-progress-list-item-button .btn {
    width: 131px;
  }
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-item .dashboard-elearning-progress-list-item-content-right {
    gap: 40px;
  }
}
@media (max-width: 991.98px) {
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-item {
    flex-direction: column;
    gap: 20px;
  }
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-item .dashboard-elearning-progress-list-item-content-right {
    justify-content: space-between !important;
  }
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-item .dashboard-elearning-progress-list-item-button .btn {
    font-size: 14px;
  }
  .dashboard-elearning-progress-list .dashboard-elearning-progress-list-item .dashboard-elearning-progress-list-item-completed-icon img {
    width: 34px;
    height: 34px;
  }
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item.dashboard-elearning-progress-list-item-completed {
  background: #003060;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item.dashboard-elearning-progress-list-item-completed .dashboard-elearning-progress-list-item-text-title {
  color: #ffffff !important;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content {
  flex-basis: 50%;
  display: flex;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content.dashboard-elearning-progress-list-item-content-right {
  justify-content: flex-end;
  align-items: center;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content .dashboard-elearning-progress-list-item-image img {
  width: 50px;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content .dashboard-elearning-progress-list-item-text {
  margin-left: 20px;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content .dashboard-elearning-progress-list-item-text .dashboard-elearning-progress-list-item-text-type {
  color: #2DAFE6;
  font-size: 12px;
  font-weight: 600;
  display: block;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content .dashboard-elearning-progress-list-item-text .dashboard-elearning-progress-list-item-text-title {
  font-size: 14px;
  font-weight: 700;
  color: #50647F;
  display: block;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content .dashboard-elearning-progress-list-item-progress .dashboard-elearning-progress-list-item-progress-text {
  font-size: 12px;
  font-weight: 700;
  color: #F39100;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content .dashboard-elearning-progress-list-item-progress .dashboard-elearning-progress-list-item-progress-bar {
  border-radius: 6px;
  width: 120px;
  height: 4px;
  background: linear-gradient(0deg, #E6EDF5 0%, #F2F6FA 100%);
  position: absolute;
  overflow: hidden;
}
.dashboard-elearning-progress-list .dashboard-elearning-progress-list-item > .dashboard-elearning-progress-list-item-content .dashboard-elearning-progress-list-item-progress .dashboard-elearning-progress-list-item-progress-bar:before {
  content: " ";
  display: block;
  position: absolute;
  width: var(--progress);
  height: 100%;
  background: linear-gradient(90deg, #F39100 0%, #FFBB56 100%);
}

.article-item {
  background-color: #ffffff;
  box-shadow: 0px 1px 20px rgba(0, 80, 160, 0.2);
  border-radius: 3px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.article-item.news-item {
  position: relative;
}
@media (max-width: 991.98px) {
  .article-item.news-item {
    margin-top: 100px;
  }
}
.article-item.news-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -125px;
  transform: translateX(-50%);
  width: 193px;
  height: 150px;
  background-image: url("../img/icons/news.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.article-item .article-item-image img {
  height: 216px;
  width: 100%;
  object-fit: cover;
}
.article-item .article-item-content {
  padding: 16px 24px 36px 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.article-item .article-item-content .article-item-informations {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.article-item .article-item-content .article-item-informations span {
  font-size: 12px;
  font-weight: 600;
}
.article-item .article-item-content .article-item-informations span:first-of-type {
  color: #BFBFBF;
}
.article-item .article-item-content .article-item-informations span:last-of-type {
  color: #A0C2EA;
}
.article-item .article-item-content .article-item-text {
  flex-grow: 1;
}
.article-item .article-item-content .article-item-text .article-item-teaser {
  margin-top: 8px;
}
.article-item .article-item-content .article-item-text .article-item-teaser p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 100px;
}
.article-item .article-item-content .article-item-read-more {
  text-align: right;
}
.article-item .article-item-content .article-item-read-more a {
  text-decoration: none;
  color: #F39100;
  font-weight: 700;
}
.article-item:not(:last-of-type) {
  margin-bottom: 2rem;
}

.material-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.material-item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 24px;
  width: calc(100% - 48px);
  height: 2px;
  background-color: #BFBFBF;
}
@media (min-width: 992px) {
  .material-item {
    flex-direction: row;
  }
}
.material-item .material-item-icon {
  padding-top: 22px;
}
@media (max-width: 991.98px) {
  .material-item .material-item-icon {
    display: none;
  }
}
.material-item .material-item-content {
  padding: 16px 24px 36px 24px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.material-item .material-item-content .material-item-informations {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.material-item .material-item-content .material-item-informations span {
  font-size: 12px;
  font-weight: 600;
}
.material-item .material-item-content .material-item-informations span:first-of-type {
  color: #BFBFBF;
  text-transform: uppercase;
}
.material-item .material-item-content .material-item-informations span:last-of-type {
  color: #A0C2EA;
}
.material-item .material-item-content .material-item-text {
  flex-grow: 1;
}
.material-item .material-item-content .material-item-text .material-item-title {
  margin-bottom: 1.5rem;
  max-width: 355px;
}
.material-item .material-item-content .material-item-text .material-item-teaser {
  margin-bottom: 1.5rem;
}
.material-item .material-item-buttons .material-item-button-quantity-select {
  display: flex;
  border: 1px solid #50647F;
  border-radius: 3px;
  padding: 10px 15px;
  max-width: 150px;
  /* Firefox */
}
.material-item .material-item-buttons .material-item-button-quantity-select input {
  width: 35px;
  text-align: right;
}
.material-item .material-item-buttons .material-item-button-quantity-select input::-webkit-outer-spin-button,
.material-item .material-item-buttons .material-item-button-quantity-select input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.material-item .material-item-buttons .material-item-button-quantity-select input[type=number] {
  -moz-appearance: textfield;
}
.material-item .material-item-buttons .material-item-button {
  text-decoration: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  cursor: pointer;
}
.material-item .material-item-buttons .material-item-button div {
  text-align: right;
}
.material-item .material-item-buttons .material-item-button div:first-of-type {
  color: #50647F;
  font-weight: 600;
}
.material-item .material-item-buttons .material-item-button div:last-of-type {
  background-color: #F39100;
  margin-left: 1.5rem;
  border-radius: 3px;
}
.material-item .material-item-buttons .material-item-button div:last-of-type img {
  height: 16px;
  width: 16px;
  margin: 7px;
}
.material-item:not(:last-of-type) {
  margin-bottom: 8px;
}

#dashboard .news-item {
  margin-top: 175px;
}

#materials .material-item {
  background-color: #ffffff;
  box-shadow: 0px 1px 20px rgba(0, 80, 160, 0.2);
  border-radius: 3px;
  padding: 20px 30px;
}
#materials .material-item:after {
  display: none;
}
@media (max-width: 991.98px) {
  #materials .material-item .material-item-image {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 575.98px) {
  #materials .material-item .material-item-image {
    justify-content: flex-end;
  }
  #materials .material-item .material-item-image > img {
    display: none;
  }
}
#materials .material-item .material-item-content {
  padding: unset;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  #materials .material-item .material-item-content {
    padding-left: 20px;
  }
}
#materials .material-item .material-item-content .material-item-text {
  display: flex;
  justify-content: space-between;
}
#materials .material-item .material-item-content .material-item-text .material-item-title {
  max-width: unset;
  margin-bottom: 0;
}
#materials .material-item .material-item-content .material-item-text .material-item-teaser {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #materials .material-item .material-item-content .material-item-text .material-item-teaser {
    max-width: 350px;
  }
}
#materials .material-item .material-item-content .material-item-text .material-item-sub {
  text-align: right;
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
#materials .material-item .material-item-stand {
  font-size: 12px;
  font-weight: 600;
  color: #A0C2EA;
  margin-bottom: 0.5rem;
  display: block;
}
#materials .material-item .material-item-buttons {
  display: flex;
  flex-direction: column;
}
#materials .material-item .material-item-buttons .material-item-button {
  flex-shrink: 0;
  margin-bottom: 0.5rem;
}
#materials .material-item .material-item-buttons .material-item-button div {
  white-space: nowrap;
}

#articles .filter-bar,
#materials .filter-bar {
  box-shadow: 0px 1px 20px rgba(0, 80, 160, 0.2);
  border-radius: 4px;
  background-color: #ffffff;
  padding: 1rem;
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 991.98px) {
  #articles .filter-bar,
  #materials .filter-bar {
    flex-direction: column;
    padding: 1rem 2rem;
  }
  #articles .filter-bar .filter-item:not(:last-of-type),
  #materials .filter-bar .filter-item:not(:last-of-type) {
    margin-bottom: 1rem;
  }
}
#articles .filter-bar .filter-item,
#materials .filter-bar .filter-item {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
#articles .filter-bar .filter-item .filter-label,
#materials .filter-bar .filter-item .filter-label {
  font-size: 14px;
  font-weight: 700;
}
#articles .filter-bar .filter-item .filter-option,
#materials .filter-bar .filter-item .filter-option {
  font-size: 14px;
  color: #F39100;
}
#articles .filter-bar .filter-item .filter-box,
#materials .filter-bar .filter-item .filter-box {
  position: absolute;
  z-index: 1;
  top: 5rem;
  display: none;
  background-color: #ffffff;
  padding: 1rem;
  white-space: nowrap;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
@media (max-width: 991.98px) {
  #articles .filter-bar .filter-item .filter-box,
  #materials .filter-bar .filter-item .filter-box {
    top: 4rem;
  }
}
#articles .filter-bar .filter-item .filter-box ul,
#materials .filter-bar .filter-item .filter-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#articles .filter-bar .filter-item .filter-box ul li:not(:last-of-type),
#materials .filter-bar .filter-item .filter-box ul li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}
#articles .filter-bar .filter-item .filter-box ul li > div,
#materials .filter-bar .filter-item .filter-box ul li > div {
  display: flex;
  align-items: center;
}
#articles .filter-bar .filter-item .filter-box ul li > div label,
#materials .filter-bar .filter-item .filter-box ul li > div label {
  color: #405065;
}
#articles .filter-bar .filter-item .filter-box ul li > div input,
#materials .filter-bar .filter-item .filter-box ul li > div input {
  background-color: rgba(191, 191, 191, 0.4);
  border: 0 !important;
}
#articles .filter-bar .filter-item .filter-box ul li > div input:checked,
#materials .filter-bar .filter-item .filter-box ul li > div input:checked {
  background-color: rgba(191, 191, 191, 0.4) !important;
  --bs-form-check-bg-image: none;
  position: relative;
}
#articles .filter-bar .filter-item .filter-box ul li > div input:checked:after,
#materials .filter-bar .filter-item .filter-box ul li > div input:checked:after {
  background: rgba(243, 145, 0, 0.7);
  width: 55%;
  height: 55%;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#order .order-list {
  background: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0px 1px 20px rgba(0, 80, 160, 0.2);
  padding: 40px 32px;
}
#order .order-list .order-list-title {
  margin-bottom: 2rem;
}
#order .order-list .order-list-content .order-list-item {
  display: flex;
}
#order .order-list .order-list-content .order-list-item .order-list-quantity {
  color: #0050A0;
  font-weight: 700;
  margin-right: 1rem;
}
#order .order-list .order-list-content .order-list-item:not(:last-of-type) {
  margin-bottom: 1.5rem;
}

#apofalk-wrapper .apofalk-items {
  margin-bottom: 2rem;
  display: none;
}
#apofalk-wrapper .apofalk-items.filtered {
  display: block;
}

input[type=radio] {
  appearance: none;
  width: 22px;
  height: 22px;
  border: 1px solid #A0C2EA !important;
  border-radius: 3px !important;
  position: relative;
}
input[type=radio]:checked {
  background-color: transparent !important;
}
input[type=radio]:checked:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/icons/checkbox_checked.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

.wiggle-anim {
  animation-name: wiggle;
  animation-duration: 500ms;
  transform-origin: 50% 50%;
}

@keyframes wiggle {
  0% {
    transform: translate(2px, 0px);
  }
  20% {
    transform: translate(-2px, 0px);
  }
  40% {
    transform: translate(2px, 0px);
  }
  60% {
    transform: translate(-2px, 0px);
  }
  80% {
    transform: translate(2px, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.webinar-box {
  display: flex;
  box-shadow: 0px 1px 20px 0px rgba(0, 80, 160, 0.2);
  margin: 0 auto;
  color: #ffffff;
  gap: 30px;
}
@media (min-width: 992px) {
  .webinar-box {
    flex-direction: row;
  }
  .webinar-box > * {
    flex-basis: 20%;
  }
  .webinar-box > *:nth-of-type(1), .webinar-box > *:nth-of-type(3) {
    flex-basis: 40%;
  }
  .webinar-box > .webinar-box-content-image {
    margin-top: -20px;
  }
}
@media (max-width: 991.98px) {
  .webinar-box {
    flex-direction: column;
  }
}
.webinar-box h2,
.webinar-box h3 {
  color: #ffffff;
}
.webinar-box table tr td {
  color: #A0C2EA;
  font-size: 16px;
  vertical-align: top;
}
.webinar-box table tr td:first-of-type {
  font-weight: 700;
  padding-right: 15px;
}
.webinar-box > .webinar-box-content-image {
  background: transparent !important;
  text-align: center;
}
.webinar-box .webinar-box-content-button {
  background-color: #F39100;
  color: #ffffff;
  display: inline-flex;
  position: relative;
  font-size: 21px;
  text-decoration: none;
  font-weight: 700;
  padding: 14px 24px 12px 16px;
  border-radius: 5px;
}
.webinar-box .webinar-box-content-button:before {
  content: " ";
  display: inline-block;
  background-image: url('data:image/svg+xml,<svg width="27" height="14" viewBox="0 0 27 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.9245 0.668141C17.6551 0.937562 17.5204 1.27038 17.5204 1.66659C17.5204 2.06279 17.663 2.40353 17.9483 2.6888L20.587 5.32755L2.04444 5.32755C1.64823 5.31171 1.30749 5.44642 1.02222 5.73169C0.736948 6.01696 0.602237 6.3577 0.618086 6.75391C0.602237 7.15011 0.736948 7.49085 1.02222 7.77612C1.30749 8.0614 1.64823 8.19611 2.04444 8.18026L20.587 8.18026L17.9483 10.819C17.663 11.1043 17.5204 11.445 17.5204 11.8412C17.5204 12.2374 17.6551 12.5703 17.9245 12.8397C18.2098 13.1249 18.5505 13.2676 18.9467 13.2676C19.3429 13.2676 19.6837 13.1249 19.9689 12.8397L26.0547 6.75391L19.9689 0.668139C19.6837 0.382869 19.3429 0.240234 18.9467 0.240235C18.5505 0.240234 18.2098 0.382869 17.9245 0.668141Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 10px;
}
.webinar-box > .webinar-box-content-image {
  background: linear-gradient(180deg, #E6EDF5 0%, #F2F6FA 100%);
}
@media (min-width: 992px) {
  .webinar-box > .webinar-box-content-image {
    padding: 32px 20px 0 20px;
  }
}
.webinar-box > .webinar-box-content-content {
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.material-order-box {
  background-color: #ffffff;
  display: flex;
  box-shadow: 0px 1px 20px 0px rgba(0, 80, 160, 0.2);
  max-width: 1000px;
  margin: 0 auto;
}
.material-order-box.material-order-box-50-50 {
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .material-order-box.material-order-box-50-50 {
    flex-direction: row;
  }
  .material-order-box.material-order-box-50-50 > * {
    flex-basis: 50%;
  }
}
.material-order-box.material-order-box-50-50 > .material-order-image {
  background: transparent;
}
@media (min-width: 992px) {
  .material-order-box.material-order-box-50-50 > .material-order-image {
    display: flex;
  }
}
@media (max-width: 991.98px) {
  .material-order-box.material-order-box-50-50 > .material-order-image {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .material-order-box.material-order-box-40-20-40 {
    flex-direction: row;
  }
  .material-order-box.material-order-box-40-20-40 > * {
    flex-basis: 14%;
  }
  .material-order-box.material-order-box-40-20-40 > *:nth-of-type(1), .material-order-box.material-order-box-40-20-40 > *:nth-of-type(3) {
    flex-basis: 43%;
  }
  .material-order-box.material-order-box-40-20-40 > .material-order-image {
    margin-top: -20px;
  }
}
@media (max-width: 991.98px) {
  .material-order-box.material-order-box-40-20-40 {
    flex-direction: column;
  }
  .material-order-box.material-order-box-40-20-40 > * {
    flex-basis: 100%;
  }
  .material-order-box.material-order-box-40-20-40 > .material-order-image {
    display: block !important;
    align-self: center;
  }
}
.material-order-box.material-order-box-40-20-40 h3 {
  color: #ffffff;
}
.material-order-box.material-order-box-40-20-40 table tr td {
  color: #A0C2EA;
  font-size: 16px;
  vertical-align: top;
}
.material-order-box.material-order-box-40-20-40 table tr td:first-of-type {
  font-weight: 700;
  padding-right: 15px;
}
.material-order-box.material-order-box-40-20-40 > .material-order-image {
  background: transparent !important;
}
.material-order-box .material-order-box-button {
  background-color: #F39100;
  color: #ffffff;
  display: inline-flex;
  position: relative;
  font-size: 21px;
  text-decoration: none;
  font-weight: 700;
  padding: 14px 24px 12px 16px;
  border-radius: 5px;
}
.material-order-box .material-order-box-button:before {
  content: " ";
  display: inline-block;
  background-image: url('data:image/svg+xml,<svg width="27" height="14" viewBox="0 0 27 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.9245 0.668141C17.6551 0.937562 17.5204 1.27038 17.5204 1.66659C17.5204 2.06279 17.663 2.40353 17.9483 2.6888L20.587 5.32755L2.04444 5.32755C1.64823 5.31171 1.30749 5.44642 1.02222 5.73169C0.736948 6.01696 0.602237 6.3577 0.618086 6.75391C0.602237 7.15011 0.736948 7.49085 1.02222 7.77612C1.30749 8.0614 1.64823 8.19611 2.04444 8.18026L20.587 8.18026L17.9483 10.819C17.663 11.1043 17.5204 11.445 17.5204 11.8412C17.5204 12.2374 17.6551 12.5703 17.9245 12.8397C18.2098 13.1249 18.5505 13.2676 18.9467 13.2676C19.3429 13.2676 19.6837 13.1249 19.9689 12.8397L26.0547 6.75391L19.9689 0.668139C19.6837 0.382869 19.3429 0.240234 18.9467 0.240235C18.5505 0.240234 18.2098 0.382869 17.9245 0.668141Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin-top: 6px;
  margin-right: 10px;
}
.material-order-box.bg-gradient-blue {
  background: linear-gradient(93.45deg, #0050A0 -0.43%, #003060 100%);
  color: #ffffff;
}
.material-order-box.bg-gradient-blue h2 {
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .material-order-box > .material-order-image {
    display: none;
  }
}
.material-order-box > .material-order-image {
  padding: 32px 20px 0 20px;
  background: linear-gradient(180deg, #E6EDF5 0%, #F2F6FA 100%);
}
.material-order-box > .material-order-content {
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dynamic-calendar {
  position: relative;
}
.dynamic-calendar:before {
  content: attr(data-month-name);
  color: #ffffff;
  position: absolute;
  font-size: 15px;
  font-weight: 800;
  left: 3px;
  top: 21px;
  text-align: center;
  width: 95px;
}
.dynamic-calendar:after {
  content: attr(data-current-day);
  color: #37474F;
  position: absolute;
  font-size: 55px;
  font-weight: 800;
  left: 3px;
  top: 59px;
  text-align: center;
  width: 95px;
}

.animation-elearning-hint {
  max-width: 390px;
}
.animation-elearning-hint > .animation-elearning-hint-speech {
  position: relative;
  padding: 33px 40px 33px 36px;
  width: 317px;
  max-width: 100%;
}
.animation-elearning-hint > .animation-elearning-hint-speech > .animation-elearning-hint-speech-text {
  color: #0050A0;
  display: block;
  position: relative;
}
.animation-elearning-hint > .animation-elearning-hint-speech > .animation-elearning-hint-speech-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.clipboard-elearning-hint > .clipboard-elearning-hint-speech {
  position: relative;
  width: 242px;
  height: 464px;
  filter: drop-shadow(0px 1px 20px rgba(0, 80, 160, 0.2));
  display: flex;
  justify-content: center;
  padding-top: 70px;
  margin: 0 auto;
}
.clipboard-elearning-hint > .clipboard-elearning-hint-speech > .clipboard-elearning-hint-speech-text {
  color: #0050A0;
  display: block;
  position: relative;
}
.clipboard-elearning-hint > .clipboard-elearning-hint-speech > .clipboard-elearning-hint-speech-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#nl-registration input {
  background: #ffffff !important;
  border: 1px solid rgba(80, 100, 127, 0.2) !important;
  box-shadow: unset !important;
}

.club-preview-box {
  border-radius: 9.845px;
  border: 1.641px solid rgba(255, 255, 255, 0.5);
  background: linear-gradient(107deg, rgba(255, 255, 255, 0.48) 2.94%, rgba(255, 255, 255, 0.24) 80.44%);
  backdrop-filter: blur(9.721818924px);
  height: 100%;
  padding: 30px 30px 60px 30px;
}
@media (min-width: 992px) {
  .club-preview-box {
    height: 294px;
  }
}
.club-preview-box .club-preview-box-image {
  text-align: center;
}
.club-preview-box .club-preview-box-content {
  margin-top: 15px;
  text-align: center;
}
.club-preview-box .club-preview-box-content h3,
.club-preview-box .club-preview-box-content p {
  color: #ffffff;
}
.club-preview-box .club-preview-box-content h3 {
  font-size: 22px;
  font-weight: 800;
}
.club-preview-box .club-preview-box-content p {
  font-size: 16px;
  font-weight: 400;
}

/*# sourceMappingURL=user-dashboard.css.map */