/*Important to leave it 240 so that the carousel pictures align perfectly*/
.own-os-date-picker-wrapper,
.own-os-date-picker-wrapper input,
.own-os-date-picker-wrapper select {
  font-size: 14px;
}

.own-os-date-picker-wrapper .day-value.with-error input,
.own-os-date-picker-wrapper .month-value.with-error select,
.own-os-date-picker-wrapper .year-value.with-error input,
.own-os-date-picker-wrapper .hour-value.with-error input,
.own-os-date-picker-wrapper .minute-value.with-error input {
  border-color: red;
  background: rgba(255, 158, 158, 0.5);
}

.own-os-date-picker-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.only-date-picker-one-row-with-flex-and-gap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.only-date-picker-one-row-with-flex-and-gap .day-value {
  width: 20%;
}
.only-date-picker-one-row-with-flex-and-gap .month-value {
  width: 50%;
}
.only-date-picker-one-row-with-flex-and-gap .year-value {
  width: 30%;
}

.date-picker-month {
  text-transform: capitalize;
}
.date-picker-month option.no-val {
  font-style: italic;
  color: var(--tm-text-muted, #aaa);
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
/*
    The product header (gallery + buy-box) is fluid: both cards stretch to
    equal heights via flex, the main picture is locked to a 1:1 aspect
    ratio so it scales with the column width. These tokens are only the
    thumbnail strip sizes, which stay fixed per breakpoint.
*/
/* Surface styling shared by the gallery card and the buy-box card. */
.title-product-name {
  margin: 0 calc(10px / 2) 0 0;
}

.title-product-subtitle {
  color: var(--tm-text-muted, #aaa);
  font-weight: 400;
  display: inline-block;
  font-style: italic;
}

.title-study-year {
  color: var(--tm-text-muted, #777);
  text-transform: uppercase;
  font-weight: 400;
  display: inline-block;
}

.title-producer-name {
  color: var(--tm-text-muted, #aaa);
  text-transform: uppercase;
  font-weight: 300;
  display: inline-block;
}

.product-price-and-other-details-container .tm-fancy-command {
  display: block;
  width: 100%;
}

.free-price-text {
  color: var(--tm-success, #85c177);
  text-transform: uppercase;
  border: solid 3px #85c177;
  display: inline-block;
  border-radius: 10px;
  padding: calc(10px / 5) calc(2 * 10px);
  font-weight: 500;
  font-size: 18px;
  cursor: default;
  transition-duration: 0.2s;
}

.free-price-text:hover {
  transform: rotate(-3deg);
}

.no-product-found-container {
  text-align: center;
  padding: calc(5 * 10px);
}

.no-product-found-container .tm-icon {
  font-size: 200px;
  color: #ff6500;
}

.no-product-found-container .the-message {
  font-size: 25px;
  margin-top: calc(2 * 10px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--tm-text-muted, #777);
}

/*
    Header row layout — gallery card on the left, buy-box card on the right.
    Bootstrap's .row already lays children out as flex items with
    align-items: stretch, so both columns naturally take the height of the
    taller one. We just need each column to forward that height to its
    inner card (the actually-visible element). The cards then arrange their
    own contents as flex columns so the primary CTA can be pinned to the
    bottom regardless of how much meta info sits above it.

    Mobile (< md) keeps the legacy stacked behavior — equal-height makes no
    sense when the columns are on top of each other.
*/
.product-most-important-details {
  margin-bottom: calc(2 * 10px);
  align-items: stretch;
}
.product-most-important-details.fo-pd-swapped .most-important-details-left {
  order: 2;
}
.product-most-important-details.fo-pd-swapped .most-important-details-right {
  order: 1;
}
.product-most-important-details.fo-pd-no-pictures-shadow .product-pictures-container,
.product-most-important-details.fo-pd-no-pictures-shadow .product-pictures-container:hover {
  box-shadow: none;
}
.product-most-important-details.fo-pd-no-main-shadow .product-price-and-other-details-container,
.product-most-important-details.fo-pd-no-main-shadow .product-price-and-other-details-container:hover {
  box-shadow: none;
}

.product-most-important-details > [class*=col-] {
  display: flex;
  flex-direction: column;
}

/*
    Per-online-shop card-height rules (3 modes + mobile gate). See the SCSS
    source (own.os.product.details.scss) for the authoritative definition.
*/
@media (min-width: 992px) {
  .product-most-important-details.fo-pd-height-min .product-pictures-container,
  .product-most-important-details.fo-pd-height-min .product-price-and-other-details-container {
    min-height: var(--fo-pd-card-height, 250px);
    height: auto;
  }
  .product-most-important-details.fo-pd-height-fixed .product-pictures-container,
  .product-most-important-details.fo-pd-height-fixed .product-price-and-other-details-container,
  .product-most-important-details.fo-pd-height-fixed-scroll .product-pictures-container,
  .product-most-important-details.fo-pd-height-fixed-scroll .product-price-and-other-details-container {
    height: var(--fo-pd-card-height, 250px);
    min-height: 0;
    flex: 0 0 auto;
  }
  .product-most-important-details.fo-pd-height-fixed .product-pictures-container,
  .product-most-important-details.fo-pd-height-fixed .product-price-and-other-details-container {
    overflow: hidden;
  }
  .product-most-important-details.fo-pd-height-fixed-scroll .product-pictures-container,
  .product-most-important-details.fo-pd-height-fixed-scroll .product-price-and-other-details-container {
    overflow-y: auto;
  }
  /* Relax the gallery's aspect-ratio: 1/1 when any height customization is active
     so the gallery follows the card height instead of dictating it. In MinHeight
     mode forward --fo-pd-card-height to the gallery's min-height too so the
     picture area stays at least that tall (without it the gallery collapses to
     "card height − thumbs strip", crushing the image). */
  .product-most-important-details.fo-pd-height-min .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: var(--fo-pd-card-height, 250px);
  }
  .product-most-important-details.fo-pd-height-fixed .product-big-picture-container,
  .product-most-important-details.fo-pd-height-fixed-scroll .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: 0;
  }
}
@media (max-width: 991.98px) {
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-min .product-pictures-container,
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-min .product-price-and-other-details-container {
    min-height: var(--fo-pd-card-height, 250px);
    height: auto;
  }
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed .product-pictures-container,
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed .product-price-and-other-details-container,
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-pictures-container,
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-price-and-other-details-container {
    height: var(--fo-pd-card-height, 250px);
    min-height: 0;
    flex: 0 0 auto;
  }
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed .product-pictures-container,
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed .product-price-and-other-details-container {
    overflow: hidden;
  }
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-pictures-container,
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-price-and-other-details-container {
    overflow-y: auto;
  }
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-min .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: var(--fo-pd-card-height, 250px);
  }
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed .product-big-picture-container,
  .product-most-important-details.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: 0;
  }
}

/*
    Both cards stretch to fill the row height (Bootstrap flex stretch on
    the columns + flex: 1 / height: 100% on the cards themselves).
    Combined with display: flex on each card's inner layout, the contents
    can use margin-top: auto to pin the CTA group to the bottom — so the
    cards always look balanced even when one side has much more content
    than the other.
*/
.product-pictures-container {
  margin: 10px 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: calc(2 * 10px);
  background: var(--fo-pd-pictures-bg, var(--tm-surface, white));
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: var(--fo-pd-cards-radius, 10px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(37, 120, 182, 0.06);
  transition-property: box-shadow;
  transition-duration: 0.2s;
}

.product-pictures-container:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(37, 120, 182, 0.1);
}

.product-price-and-other-details-container {
  margin: 10px 0;
  flex: 1 1 auto;
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: var(--fo-pd-cards-radius, 10px);
  padding: calc(2.5 * 10px);
  background: var(--fo-pd-main-bg, var(--tm-surface, white));
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(37, 120, 182, 0.06);
  display: flex;
  flex-direction: column;
  position: relative;
  transition-property: box-shadow, transform;
  transition-duration: 0.2s;
}

.product-price-and-other-details-container:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 8px 24px rgba(37, 120, 182, 0.1);
}

/*
    Buy-box internal layout. .buy-box-content stretches to fill the card
    so the CTA group can be anchored to the bottom via margin-top: auto.
    On lg+ this same wrapper is what becomes position: sticky (see the
    media query at the bottom of the file) — using an inner wrapper lets
    the outer card keep filling the column for equal-height, while the
    visible content pins to the viewport as the user scrolls.
*/
.product-price-and-other-details-container .buy-box-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.product-price-and-other-details-container .commands-container {
  margin-top: auto;
  padding-top: calc(1.5 * 10px);
}

.product-description-container img {
  max-width: 100%;
  height: auto;
}

.product-webinar-details-container,
.product-description-container,
.product-course-details-container,
.product-course-ranking-container,
.product-specs-container,
.product-reviews-container,
.product-comments-container {
  margin: 0;
  padding: 0;
  min-height: 180px;
  word-break: break-word;
}

.product-description-contents,
.product-webinar-details-contents,
.product-specs-contents,
.product-reviews-contents,
.product-course-ranking-contents,
.product-comments-contents,
.product-course-details-container,
.product-course-details-contents,
.recommended-products-container,
.same-category-products-container,
.same-producer-products-container {
  position: relative;
}

.product-description-contents {
  line-height: 1.75;
}

.product-webinar-details-container h3,
.product-description-container h3,
.product-course-details-container h3,
.product-course-ranking-container h3,
.product-specs-container h3,
.product-reviews-container h3,
.product-comments-container h3,
.product-course-public-profiles-container h3,
.issue-extend-entity .issue-details-title,
.recommended-products-container h3,
.same-category-products-container h3,
.same-producer-products-container h3,
.recently-viewed-products-container h3,
.booking-widget .product-description-title {
  color: var(--tm-text, #555);
  font-weight: normal;
  text-transform: uppercase;
  font-size: 24px;
}

.product-webinar-details-container h3 .tm-icon,
.product-description-container h3 .tm-icon,
.product-course-details-container h3 .tm-icon,
.product-course-ranking-container h3 .tm-icon,
.product-specs-container h3 .tm-icon,
.product-reviews-container h3 .tm-icon,
.product-comments-container h3 .tm-icon,
.product-course-public-profiles-container h3 .tm-icon,
.issue-extend-entity .issue-details-title-icon-wrapper .tm-icon,
.recommended-products-container h3 .tm-icon,
.same-category-products-container h3 .tm-icon,
.same-producer-products-container h3 .tm-icon,
.recently-viewed-products-container h3 .tm-icon,
.booking-widget .product-description-title .tm-icon {
  color: #ff6500;
}

/*
	Layout offsets driven by two custom properties so the sticky in-page
	navbar, the anchor scroll position, and the JS scrollspy all read from
	the same source of truth:

	 - --top-bar-offset: height of the global fixed top bar (0 unless
	   html.fixed-top-bar is set, see the media query at the bottom).
	 - --section-scroll-offset: distance from the viewport top at which
	   a section is considered "in view" when an anchor link is clicked
	   or when scroll-spy decides which link to highlight.
*/
:root {
  --top-bar-offset: 0px;
  --section-scroll-offset: calc(39px + 10px + var(--top-bar-offset));
}

#desc,
#specs,
#webinardetails,
#coursedetails,
#publicprofiles,
#courseranking,
#recommendedProducts,
#sameCategoryProductsContainer,
#sameProducerProductsContainer,
#reviews,
#comments,
#issues,
.course-session-item[id] {
  scroll-margin-top: var(--section-scroll-offset);
}

#before-desc-specs-reviews {
  margin: 10px 0 0 0;
}

/*
	The navbar uses position: sticky so it stays in document flow (no
	layout shift, no body padding compensation, no scroll listener).
	When html.fixed-top-bar is set, --top-bar-offset shifts the sticky
	point down by the global top bar height so the navbar lines up under
	it instead of sliding behind it. The .sticky class is toggled by JS
	(via an IntersectionObserver on #before-desc-specs-reviews) purely
	for styling differences when the navbar is "stuck".
*/
#desc-specs-reviews {
  background: linear-gradient(90deg, var(--tm-secondary-dark, #009970) 0%, var(--tm-secondary, #00c893) 100%);
  padding: calc(0.25 * 10px) 2px;
  border-radius: 5px;
  margin: 0 0 calc(3 * 10px) 0;
  transition-duration: 0.2s;
  position: sticky;
  top: var(--top-bar-offset);
  z-index: 8888;
}

#desc-specs-reviews .nav {
  justify-content: center;
}

#desc-specs-reviews a {
  color: rgba(255, 255, 255, 0.85);
  transition-duration: 0.2s;
}

#desc-specs-reviews a.nav-link {
  border-radius: 30px;
  border: solid 1px transparent;
  padding: calc(0.5 * 10px) calc(2 * 10px - 2px);
  transition-duration: 0.2s;
}

#desc-specs-reviews a.nav-link:hover {
  color: white;
}

#desc-specs-reviews a.nav-link.active {
  color: var(--tm-secondary-dark, #009970);
  background: var(--tm-surface, white);
  border-color: white;
}

#desc-specs-reviews.sticky {
  border-radius: 0;
  /*
  	Break out of the parent .container's max-width so the docked bar
  	spans the full viewport. The inner <div class="container"> still
  	has a max-width, so the actual links stay centered - only the
  	background bleeds to the edges.
  */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}
/*
	The full-bleed above is 100vw wide, and 100vw includes the vertical
	scrollbar width - those few extra pixels would otherwise create a
	horizontal scrollbar whenever the bar docks. Clip the root's horizontal
	overflow (this stylesheet only loads on the product details page).
	`clip` is not a scroll container, and on the root element even the
	`hidden` fallback keeps position: sticky working - the viewport itself
	does the clipping.
*/
html {
  overflow-x: hidden;
  overflow-x: clip;
}

#desc-specs-reviews.sticky a {
  color: white;
}

#desc-specs-reviews.sticky a.nav-link:hover {
  border-color: white;
}

.issue-title-spec {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
    Main picture area — fluid square (aspect-ratio: 1/1) sitting inside the
    gallery card. The horizontal slider behavior in JS
    (own.os.product.details.js) is preserved: every .product-big-picture-wrapper
    takes the full container width so offsetLeft of the Nth picture is N times
    the container width, which is what the JS uses to slide.
*/
.product-big-picture-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 5px;
  background: var(--tm-surface-alt, #fcfdff);
  overflow: hidden;
  margin: 0;
  cursor: zoom-in;
  transition-duration: 0.2s;
}

.product-big-picture-container.no-pic {
  cursor: default;
}

.product-big-picture-container .tm-icon.no-pic {
  font-size: 180px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #f4f4f4;
}

/*
    Click-to-zoom hint, sits in the corner of the main picture area.
    FontAwesome is loaded as SVG+JS in this project (no webfont), so we
    can't rely on a `content: '\fXXX'` codepoint - inline-encode the
    magnifying-glass SVG as a background image instead.
*/
.product-big-picture-container::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, 0.92) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555555'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") no-repeat center/18px 18px;
  border-radius: 50%;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.2s;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.product-big-picture-container:hover::after {
  opacity: 1;
}

.product-big-picture-container.no-pic::after {
  content: none;
}

/* Branded generic placeholder when the product has no pictures at all. This is the
   no-pictures hero only; the gallery's per-image swap is intentionally left untouched. */
.product-big-picture-container.no-pic .product-picture-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  background: radial-gradient(120% 130% at 50% 0%, rgba(135, 212, 255, 0.05) 0%, transparent 55%), linear-gradient(135deg, #f4f4f4 0%, var(--tm-surface, white) 60%, #f4f4f4 100%);
}

.product-big-picture-container.no-pic .product-picture-placeholder .pp-icon-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: var(--tm-surface, white);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(37, 120, 182, 0.1);
}

.product-big-picture-container.no-pic .product-picture-placeholder .pp-icon {
  font-size: 52px;
  line-height: 1;
  color: var(--tm-primary, #0088d4);
  background: linear-gradient(90deg, var(--tm-primary, #0088d4) 0%, var(--tm-secondary, #00c893) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product-big-picture-container.no-pic .product-picture-placeholder .pp-label {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: var(--tm-text-muted, #aaa);
}

/*
    The slider strip is sized to the container (width: 100%, height: 100%)
    rather than `inset: 0`, because the JS slider in own.os.product.details.js
    drives picture switching via `containerNativeEl.style.left = -offsetLeft`.
    With an explicit right value (or inset: 0), changing left would also
    widen the strip; with right unset and width: 100%, the strip's width
    stays constant and only its position shifts. Children use flex: 0 0 100%
    so each wrapper occupies the full container width; they overflow to the
    right and are clipped by the container's overflow: hidden.
*/
#product-big-pictures-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  white-space: nowrap;
  font-size: 0;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.product-big-picture-wrapper {
  cursor: pointer;
  overflow: hidden;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 16px;
  position: relative;
  background-size: cover;
  background-position: center;
}

.product-big-picture-wrapper .product-big-picture-wrapper-overlay {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(18px);
  background-color: rgba(255, 255, 255, 0.65);
}

.product-big-picture-wrapper img.product-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: var(--fo-pd-image-padding, 6%);
  box-sizing: border-box;
  z-index: 2;
  display: block;
  transition-duration: 0.2s;
  border-radius: 3px;
}

.product-big-picture-container:hover .product-big-picture-wrapper img.product-picture {
  transform: scale(1.025);
}

ul.other-product-pictures-list {
  list-style: none;
  margin: calc(1.5 * 10px) 0 0 0;
  padding: 0;
  width: 100%;
  text-align: left;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  gap: calc(0.75 * 10px);
}

ul.other-product-pictures-list.flex-display {
  /* legacy compat — base rules above already apply flex */
}

ul.other-product-pictures-list > li.other-product-pic-wrapper {
  width: 68px;
  height: 68px;
  position: relative;
  overflow: hidden;
  display: block;
  vertical-align: top;
  transition-duration: 0.2s;
  border: solid 2px transparent;
  background: var(--tm-surface, white);
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

ul.other-product-pictures-list > li.other-product-pic-wrapper:hover {
  border-color: #63bef1;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

ul.other-product-pictures-list > li.other-product-pic-wrapper.selected {
  border-color: var(--tm-primary, #0088d4);
  box-shadow: 0 0 0 2px rgba(0, 136, 212, 0.18);
}

ul.other-product-pictures-list > li.other-product-pic-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 10%;
  box-sizing: border-box;
  border-radius: 2px;
}

.same-category-title .tm-icon,
.same-producer-title .tm-icon {
  margin-right: 10px;
}

/* POPUP WITH PICTURES -------------------------------------------*/
#popup-pictures {
  visibility: hidden;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}

.popup-pictures-container .product-big-picture-container {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 100%;
  aspect-ratio: auto; /* override the 1/1 ratio inherited from the main page */
  border: none;
  box-shadow: none;
  cursor: default;
  background: transparent;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
}

.popup-pictures-container .product-big-picture-container:hover {
  box-shadow: none;
}

.popup-pictures-container .product-big-picture-container::after {
  content: none; /* no zoom-hint in the already-open popup */
}

/*
    Inside the popup the image is positioned at the wrapper's top-left and
    transform-origin: 0 0 — own.os.product.details.js (popupZoomPan controller)
    sets the full transform: translate(tx, ty) scale(s) and handles centering,
    pinch, Ctrl+wheel, and click-drag. The main-page rules
    (.product-big-picture-wrapper img.product-picture) used object-fit + a
    padding inset, which fights the JS-driven transform — reset all of that
    inside the popup so the controller has full math control over placement.
*/
.popup-pictures-container .product-big-picture-wrapper img.product-picture {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: initial;
  padding: 0;
  box-sizing: content-box;
  transform-origin: 0 0;
  will-change: transform;
  user-select: none;
  -webkit-user-drag: none;
  cursor: grab;
  /* Disable native pinch/pan/double-tap so the JS controller has full
     control of touch gestures — without this, browsers steal the second
     finger for their own page zoom and the pinch math drifts. */
  touch-action: none;
  /*
      Stay invisible until the JS controller has computed and applied the
      fit transform - otherwise the browser paints the <img> at its
      natural intrinsic size for a frame (because we set width/height:auto
      so the controller can drive the layout via transform), then snaps to
      the fit scale, which the user perceives as a quick zoom-out blip on
      first display. .is-fitted is added by popupZoomApply once the
      transform is in place; thereafter the class persists on the <img>
      DOM node so revisiting an already-shown picture is instant.
  */
  opacity: 0;
  transition: opacity 0.15s ease-out;
}

.popup-pictures-container .product-big-picture-wrapper img.product-picture.is-fitted {
  opacity: 1;
}

.popup-pictures-container .product-big-picture-wrapper img.product-picture.is-animating {
  transition: transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.15s ease-out;
}

.popup-pictures-container .product-big-picture-wrapper img.product-picture.is-dragging {
  cursor: grabbing;
}

/* The hover scale on the main page image must not apply inside the popup -
   it would constantly fight the JS-driven transform. */
.popup-pictures-container .product-big-picture-container:hover .product-big-picture-wrapper img.product-picture {
  transform: none;
}

#popup-other-product-pictures-list {
  float: left;
  width: 68px;
  white-space: normal;
  display: none;
}

.popup-pictures-container #popup-container-product-big-pictures-list {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.popup-pictures-container .product-big-picture-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  display: none;
  cursor: default;
}

.popup-pictures-container .product-big-picture-wrapper.selected {
  z-index: 2;
  display: block;
}

#big-pictures-commands-container {
  position: absolute;
  bottom: 0;
  padding: 10px;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  border-radius: 5px 5px 0 0;
}

#big-pictures-commands-container > button {
  padding: 0;
  margin: calc(10px / 4) calc(10px / 2);
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  transition-duration: 0.2s;
  background: var(--tm-surface, white);
  border-radius: 50%;
  cursor: pointer;
  color: var(--tm-text-muted, #777);
  border: solid 1px transparent;
  font-size: 18px;
}

#big-pictures-commands-container > button:focus,
#big-pictures-commands-container > button:hover {
  color: white;
  background-color: var(--tm-secondary, #00c893);
  border-color: var(--tm-secondary, #00c893);
  outline: none;
}

.popup-pics-prev,
.popup-pics-next {
  position: absolute;
  z-index: 11;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  color: var(--tm-text-muted, #777);
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  transition-duration: 0.2s;
  font-size: 24px;
  border: none;
}

.popup-pics-prev {
  border-radius: 0 5px 5px 0;
  left: 0;
}

.popup-pics-next {
  border-radius: 5px 0 0 5px;
  right: 0;
}

.popup-pics-prev:hover,
.popup-pics-next:hover,
.popup-pics-prev:focus,
.popup-pics-next:focus {
  background-color: var(--tm-surface, white);
  color: var(--tm-secondary, #00c893);
  outline: none;
}

/* PRICES ---------------------------------------------------------------------------------*/
.product-price-and-other-details-container .prices-container {
  margin: 10px 0 calc(1.5 * 10px) 0;
}

.product-price-and-other-details-container .prices-container .old-price-container {
  color: var(--tm-text-muted, #777);
  line-height: 1.3;
  font-size: 14px;
  margin-bottom: calc(0.25 * 10px);
}
.product-price-and-other-details-container .prices-container .old-price-container.empty {
  display: none;
}

.product-price-and-other-details-container .old-price-container .old-price-container-value {
  text-decoration: line-through;
  display: inline-block;
  vertical-align: middle;
}

.product-price-and-other-details-container .prices-container .price-reduction {
  text-decoration: none;
  color: white;
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(0.75 * 10px);
  background: #af0000;
  border: none;
  border-radius: 30px;
  padding: calc(10px / 3) calc(0.9 * 10px);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: default;
  box-shadow: 0 1px 2px rgba(175, 0, 0, 0.25);
}

.product-price-and-other-details-container .prices-container .price-container {
  color: #af0000;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.5px;
}

.product-price-and-other-details-container .prices-container .price-container sup {
  margin-left: 2px;
  font-size: 13px;
  top: -1.5em;
}

.product-price-and-other-details-container .prices-container .price-container .currency-desc {
  font-weight: 500;
  color: var(--tm-text, #555);
  font-size: 0.65em;
  margin-left: 4px;
  letter-spacing: 0.5px;
}

.product-price-and-other-details-container .prices-container .price-container .info-hint-for-product-vat {
  color: var(--tm-primary, #0088d4);
}

.product-price-and-other-details-container .prices-container.exch .price-container {
  font-style: italic;
}

.product-price-and-other-details-container .prices-container .old-price-container sup {
  margin-left: 2px;
  font-size: 11px;
  text-decoration: none !important;
}

.product-price-and-other-details-container .prices-container .old-price-container .currency-desc {
  font-weight: 400;
}

/* STOCK INFO ----------------------------------------------------------------------------*/
.stock-info-container {
  margin: calc(1.5 * 10px) 0;
}

.availability-description {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  padding: calc(10px / 3) calc(1.1 * 10px);
  background: #5e945e;
  color: white;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2px;
  border-radius: 30px;
  text-shadow: none;
  box-shadow: 0 1px 2px rgba(94, 148, 94, 0.25);
}

.availability-description::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  margin-right: 6px;
}

.availability-description[data-availability-code=AvailableWhenOrdered] {
  background-color: orange;
  box-shadow: 0 1px 2px rgba(255, 165, 0, 0.25);
}

.availability-description[data-availability-code=NotAvailable] {
  background-color: #af0000;
  box-shadow: 0 1px 2px rgba(175, 0, 0, 0.25);
}

.availability-description[data-availability-code=LimitedStock] {
  background-color: #eb8200;
  box-shadow: 0 1px 2px rgba(200, 130, 0, 0.25);
}

.stock-quantity {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 calc(0.75 * 10px);
  font-weight: 500;
  color: var(--tm-text, #555);
  font-size: 14px;
}

/* REVIEWS --------------------------------------------------------------------------------*/
.add-review-container {
  margin: 0 0 calc(2 * 10px) 0;
}

.add-review-container h4 {
  color: var(--tm-text, #555);
  font-weight: 400;
  font-size: 22px;
}

ul.reviews-summary-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.reviews-summary-list li {
  display: block;
  white-space: nowrap;
}

ul.reviews-summary-list li a {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  font-size: 14px;
}

ul.reviews-summary-list li .rating-progress {
  height: 12px;
  border-radius: 10px;
  background: var(--tm-surface-alt, #e5e5e5);
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 110px);
  position: relative;
  overflow: hidden;
}

ul.reviews-summary-list li .rating-per-stars-count {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}

ul.reviews-summary-list li .rating-progress-value {
  position: absolute;
  height: 12px;
  top: 0;
  left: 0;
}

ul.reviews-summary-list li.five-stars .rating-progress-value {
  background: #7dd55c;
}

ul.reviews-summary-list li.four-stars .rating-progress-value {
  background: #c3d55c;
}

ul.reviews-summary-list li.three-stars .rating-progress-value {
  background: #e9ca5a;
}

ul.reviews-summary-list li.two-stars .rating-progress-value {
  background: #ffc149;
}

ul.reviews-summary-list li.one-star .rating-progress-value {
  background: #ff8e5d;
}

.reviews-summary {
  margin: calc(2 * 10px) 0 calc(4 * 10px) 0;
  cursor: default;
}

.reviews-summary .review-score {
  font-size: 52px;
  line-height: 58px;
  font-weight: 600;
  color: var(--tm-text-muted, #777);
  cursor: default;
  margin: 0 0 10px 0;
}

.reviews-summary .score {
  transform-origin: 0 0;
  margin: 0 0 calc(2 * 10px) 0;
  display: block;
}

.reviews-summary .score > .score-wrap .fa-star {
  font-size: 26px;
}

.reviews-summary .reviews-count {
  font-size: 12px;
}

ul.product-reviews-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.product-reviews-list li.product-review-item {
  display: block;
  margin: calc(2 * 10px) 0 calc(2 * 10px) 0;
}

ul.product-reviews-list li.product-review-item .review-client-name {
  color: var(--tm-text-muted, #777);
}

ul.product-reviews-list li.product-review-item .client-comments-and-rating {
  border-radius: 10px;
  background: rgba(135, 212, 255, 0.15);
  padding: calc(2 * 10px);
  border-top: solid 5px #63bef1;
  position: relative;
  min-height: 90px;
  margin-top: calc(2 * 10px);
}

ul.product-reviews-list li.product-review-item .client-comments-and-rating::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  border: solid 10px transparent;
  border-top-color: #63bef1;
  border-right-color: #63bef1;
  border-top-width: 7px;
  border-bottom-width: 7px;
  transform: rotate(90deg);
  left: 120px;
  top: -20px;
  pointer-events: none;
}

ul.product-reviews-list li.product-review-item .client-comments-and-rating .score {
  margin: 0 0 10px 0;
}

ul.product-reviews-list li.product-review-item .ordered-this-product {
  color: #5e945e;
  font-size: 12px;
}

ul.product-reviews-list li.product-review-item .client-comments-and-rating .tm-icon.watermark {
  pointer-events: none;
  position: absolute;
  z-index: 0;
  font-size: 50px;
  opacity: 0.85;
  right: 10px;
  bottom: 10px;
  color: white;
}

ul.product-reviews-list li.product-review-item .review-comments {
  position: relative;
  z-index: 1;
}

ul.product-reviews-list li.product-review-item .review-user-name-container {
  margin-left: 54px;
}

ul.product-reviews-list li.product-review-item .review-user-icon {
  width: 44px;
  height: 44px;
  line-height: 41px;
  font-size: 26px;
  color: white;
  background: #aaa;
  text-align: center;
  border-radius: 50%;
  float: left;
}

ul.product-reviews-list li.product-review-item.ordered-item .review-user-icon {
  background: linear-gradient(90deg, var(--tm-secondary-dark, #009970) 0%, var(--tm-secondary, #00c893) 100%);
}

ul.product-reviews-list li.product-review-item .review-date {
  color: var(--tm-text-muted, #777);
  font-size: 12px;
  text-transform: uppercase;
}

/* Issues -------------------------------*/
#issues loading-issues-container {
  color: #bababa;
  font-style: italic;
}

#issues .loading-issues-container {
  color: var(--tm-text-muted, #aaa);
  font-style: italic;
}

#issues .loading-issues-container .tm-icon {
  color: var(--tm-secondary, #00c893);
}

/* COMMENTS ------------------------------------------------------------------------------*/
#comments .no-comments-for-this-product {
  color: #bababa;
  font-style: italic;
}

#comments .loading-comments-container {
  color: var(--tm-text-muted, #aaa);
  font-style: italic;
}

#comments .loading-comments-container .tm-icon {
  color: var(--tm-secondary, #00c893);
}

.add-comment-container textarea.logged-client-comment {
  font-size: 14px;
  border-radius: 5px;
  background: var(--tm-surface, white);
  color: var(--tm-text, #555);
  border-color: var(--tm-border, #f4f4f4);
}

.add-comment-container textarea.logged-client-comment::placeholder,
ul.product-comments-list li.product-comment-item .reply-to-comment-input::placeholder {
  color: var(--tm-text-muted, #777);
}

.add-comment-container .comments-hint {
  color: var(--tm-text-muted, #aaa);
  padding: 10px 0;
  margin: 0 10px;
  font-size: 12px;
  white-space: nowrap;
}

.children-comments-container {
  margin-left: 55px;
  position: relative;
}

.children-comments-container::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 15px;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #aaa 35%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.children-comments-container ul.product-comments-list {
  position: relative;
  z-index: 1;
}

ul.product-comments-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.product-comments-list li.product-comment-item {
  display: block;
  margin: calc(2 * 10px) 0 calc(2 * 10px) 0;
  position: relative;
}

ul.product-comments-list li.product-comment-item .comment-author-name {
  color: var(--tm-text-muted, #777);
}

ul.product-comments-list li.product-comment-item.own-comment .comment-author-name {
  /*color: $primary-color;*/
}

ul.product-comments-list li.product-comment-item .ordered-this-product {
  color: #5e945e;
  font-size: 12px;
  display: inline-block;
}

ul.product-comments-list li.product-comment-item .the-comments {
  position: relative;
  z-index: 1;
  font-size: 14px;
  padding: calc(10px / 2) 0 0 56px;
  margin: 0 0 0 0;
}

.children-comments-container ul.product-comments-list li.product-comment-item .the-comments {
  padding-left: 46px;
}

ul.product-comments-list li.product-comment-item .reply-to-comment-input {
  margin-left: 56px;
  font-size: 14px;
  background: var(--tm-surface, white);
  color: var(--tm-text, #555);
  border-color: var(--tm-border, #f4f4f4);
  opacity: 0.75;
  transition-duration: 0.2s;
  border-radius: 5px;
  width: calc(100% - 85px);
}

ul.product-comments-list li.product-comment-item:hover .reply-to-comment-input {
  border-color: #63bef1;
  opacity: 1;
}

ul.product-comments-list li.product-comment-item .comment-user-name-container {
  margin-left: 54px;
}

.children-comments-container ul.product-comments-list li.product-comment-item .comment-user-name-container {
  margin-left: 44px;
}

ul.product-comments-list li.product-comment-item .comment-user-icon {
  width: 44px;
  height: 44px;
  line-height: 41px;
  font-size: 26px;
  color: white;
  background: #aaa;
  text-align: center;
  border-radius: 50%;
  float: left;
}

ul.product-comments-list li.product-comment-item[data-is-admin=true] .comment-user-icon,
ul.product-comments-list li.product-comment-item[data-is-admin=True] .comment-user-icon {
  background: linear-gradient(90deg, var(--tm-primary, #0088d4) 0%, var(--tm-secondary, #00c893) 100%);
  color: white;
}

ul.product-comments-list li.product-comment-item.own-comment .my-comment-indicator {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px 3px 10px;
  border-radius: 30px;
  background: rgb(255, 239, 151);
  color: var(--tm-text, #333);
  font-weight: 800;
  text-transform: lowercase;
  letter-spacing: 1px;
  margin: -3px 0 0 5px;
  font-size: 12px;
  line-height: 1.4;
}

.children-comments-container ul.product-comments-list li.product-comment-item .comment-user-icon {
  width: 30px;
  height: 30px;
  line-height: 28px;
  font-size: 16px;
}

ul.product-comments-list li.product-comment-item.ordered-item .comment-user-icon {
  background: linear-gradient(90deg, var(--tm-secondary-dark, #009970) 0%, var(--tm-secondary, #00c893) 100%);
}

ul.product-comments-list li.product-comment-item .comment-date {
  color: var(--tm-text-muted, #777);
  font-size: 12px;
  text-transform: uppercase;
}

li.product-comment-item .reactions-container {
  margin-left: 52px;
}

.children-comments-container li.product-comment-item .reactions-container {
  margin-left: 42px;
}

li.product-comment-item .reactions-container .add-reaction-command,
li.product-comment-item .reactions-container .delete-my-comment-command {
  font-size: 14px;
  border: none;
  background: none;
  padding: calc(10px / 2);
  color: var(--tm-text-muted, #777);
  transition-duration: 0.2s;
  font-weight: 400;
  opacity: 0.55;
}

li.product-comment-item .reactions-container .add-reaction-command:focus,
li.product-comment-item .reactions-container .delete-my-comment-command:focus {
  outline: none;
}

li.product-comment-item:hover .reactions-container .add-reaction-command,
li.product-comment-item:hover .reactions-container .delete-my-comment-command {
  opacity: 1;
}

li.product-comment-item .reactions-container .delete-my-comment-command:hover {
  color: #ff6500;
}

li.product-comment-item .reactions-container .add-reaction-command.like:hover {
  color: var(--tm-success, #85c177);
}

li.product-comment-item .reactions-container .add-reaction-command.dislike:hover {
  color: #ff6500;
}

li.product-comment-item .reactions-container .add-reaction-command .tm-icon.applies-to-myself {
  display: none;
}

li.product-comment-item .reactions-container .add-reaction-command .tm-icon.doesnot-apply-to-myself {
  display: inline-block;
}

li.product-comment-item .reactions-container .add-reaction-command[data-applies-to-myself=true] .tm-icon.applies-to-myself,
li.product-comment-item .reactions-container .add-reaction-command[data-applies-to-myself=True] .tm-icon.applies-to-myself {
  display: inline-block;
}

li.product-comment-item .reactions-container .add-reaction-command[data-applies-to-myself=true] .tm-icon.doesnot-apply-to-myself,
li.product-comment-item .reactions-container .add-reaction-command[data-applies-to-myself=True] .tm-icon.doesnot-apply-to-myself {
  display: none;
}

li.product-comment-item .reactions-container .add-reaction-command .reactions-count {
  color: #bababa;
  transition-duration: 0.2s;
}

li.product-comment-item .reactions-container .add-reaction-command:hover .reactions-count {
  color: var(--tm-text-muted, #aaa);
}

#comments textarea.logged-client-comment:focus,
#comments textarea.reply-to-comment-input:focus {
  outline: none;
}

/* SPECS ---------------------------------------------------------------------------------*/
.product-specs-wrapper {
  margin: calc(2 * 10px) 0 calc(6 * 10px) 0;
}

.product-specs-wrapper .spec-group-name {
  color: var(--tm-text, #555);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}

.product-specs-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(1.5 * 10px);
  margin-bottom: calc(1.5 * 10px);
}

.product-specs-heading h3 {
  margin: 0;
}

.product-specs-pdf-command {
  display: inline-flex;
  align-items: center;
  gap: calc(.65 * 10px);
  flex: 0 0 auto;
  padding: calc(.55 * 10px) calc(1.1 * 10px);
  border: solid 1px color-mix(in srgb, var(--tm-primary, #0088d4) 28%, transparent);
  border-radius: 999px;
  color: var(--tm-primary, #0088d4);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 6%, transparent);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.product-specs-pdf-command:hover,
.product-specs-pdf-command:focus-visible {
  color: #fff;
  background: var(--tm-primary, #0088d4);
  border-color: var(--tm-primary, #0088d4);
  transform: translateY(-1px);
  outline: none;
}

.product-specs-pdf-command .fa-file-pdf {
  font-size: 14px;
}

@media (max-width: 575.98px) {
  .product-specs-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}

ul.product-specs-list {
  list-style: none;
  margin: calc(0.5 * 10px) 0 calc(2 * 10px) 0;
  padding: 0;
  overflow: hidden;
  border-radius: 5px;
}

ul.product-specs-list > li {
  background: rgba(135, 212, 255, 0.15);
  padding: calc(3 * 10px / 4) calc(2 * 10px);
}

ul.product-specs-list > li:nth-child(2n) {
  background: rgba(135, 212, 255, 0.25);
}

ul.product-specs-list > li .spec-name,
ul.product-specs-list > li .spec-value {
  display: inline-block;
  vertical-align: middle;
}

ul.product-specs-list > li .spec-name {
  font-weight: 600;
  color: var(--tm-text-muted, #777);
}

ul.product-specs-list > li .spec-name::after {
  content: ": ";
}

/* Similar products ---------------------------------------------------------------------------------*/
.recommended-products-container {
  margin: calc(10 * 10px) 0;
  transition: min-height 250ms ease;
}
.recommended-products-container h3 {
  margin-bottom: calc(5 * 10px);
}
.recommended-products-container .products-list-wrapper {
  margin: 0;
}
.recommended-products-container .recommended-products-page-content {
  transition: opacity 220ms ease, transform 220ms ease;
}
.recommended-products-container .recommended-products-page-content.is-leaving {
  opacity: 0.42;
  transform: translateY(-4px);
  pointer-events: none;
}
.recommended-products-container .recommended-products-page-content.is-entering {
  opacity: 0;
  transform: translateY(8px);
}
.recommended-products-container.is-page-loading > .loading-products-recommended-container {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.recommended-products-container .recommended-products-pagination-container .list-view-pagination-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
}
.recommended-products-container .recommended-products-pagination-container .list-view-pagination-container > a.page-link {
  flex: 0 0 auto;
  margin-left: 0;
  margin-right: 0;
  vertical-align: middle;
}
.recommended-products-container .recommended-products-pagination-container .total-items-count {
  order: 2;
  float: none;
  margin-left: auto;
}

@media (max-width: 575.98px) {
  .recommended-products-container .recommended-products-pagination-container .list-view-pagination-container {
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  .recommended-products-container,
  .recommended-products-container .recommended-products-page-content {
    transition: none;
  }
}

.same-category-products-container,
.same-producer-products-container,
.recently-viewed-products-container {
  margin: calc(10 * 10px) 0;
}
.same-category-products-container h3,
.same-producer-products-container h3,
.recently-viewed-products-container h3 {
  margin-bottom: calc(5 * 10px);
}
.same-category-products-container .products-list-wrapper,
.same-producer-products-container .products-list-wrapper,
.recently-viewed-products-container .products-list-wrapper {
  margin: 0;
}

/* RATING ---------------------------------------------------------------------------------*/
.rating-container {
  margin: calc(2 * 10px) 0;
  padding: 0;
  white-space: nowrap;
}

.rating-container .reviews-title {
  color: var(--tm-text-muted, #777);
}

.rating-container > a {
  display: block;
  text-decoration: none;
}

.rating-container > a:hover {
  text-decoration: none;
  color: var(--tm-anchor-hover, #004796);
}

.rating-container .review-score {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  margin-top: -2px;
}

.rating-container .reviews-count {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-top: -2px;
}

/*PERSONALIZED ALL PRODUCTS INFO -----------------------------------------------------------------------*/
.personalized-text-container {
  background: rgba(255, 239, 151, 0.5);
  padding: calc(0.75 * 10px) calc(2 * 10px);
  margin: 10px 0;
  border-radius: 5px;
  font-style: italic;
  font-size: 14px;
  color: var(--tm-text, #555);
}
.personalized-text-container .tm-icon {
  color: var(--tm-success, #85c177);
}

/*EDU PRODUCT OWNER -----------------------------------------------------------------------*/
.you-re-owner-of-product-container {
  margin: 10px 0;
  padding: calc(0.75 * 10px) calc(0 * 10px);
  /*border-radius: 30px 0 30px 0;*/
  color: var(--tm-secondary-dark, #009970);
  border-top: solid 1px var(--tm-secondary-light, #99edd7);
  border-bottom: solid 1px var(--tm-secondary-light, #99edd7);
}

/* PRODUCER -------------------------------------------------------------------------------*/
.producer-container {
  margin: calc(0.5 * 10px) 0;
  font-size: 14px;
}

.producer-container .producer-name,
.producer-container .producer-label {
  display: inline-block;
  vertical-align: middle;
  color: var(--tm-text-muted, #777);
}

.producer-container .producer-name {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.producer-container .producer-name a {
  color: var(--tm-primary-dark, #006197);
  text-decoration: none;
}

.producer-container .producer-name a:hover {
  color: var(--tm-primary, #0088d4);
  text-decoration: underline;
}

/* CODE -------------------------------------------------------------------------------*/
.code-container {
  margin: calc(0.5 * 10px) 0 0 0;
  font-size: 14px;
}

.code-container .code-value,
.code-container .code-label {
  display: inline-block;
  vertical-align: middle;
  color: var(--tm-text-muted, #777);
}

.code-container .code-value {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--tm-text, #555);
}

/* ADD TO CART CONTAINER -----------------------------------------------------------------*/
.commands-container {
  margin: 0;
}

.products-list-section-container .tm-product-card {
  width: calc((100% - 5px) / 2);
  border: solid 1px rgba(37, 120, 182, 0.2);
}
.products-list-section-container .tm-product-card .commands-container {
  padding: 0 0 10px 0;
  margin: 0;
}
.products-list-section-container .tm-product-card .product-link .picture-wrapper {
  height: 170px;
}

/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  html.fixed-top-bar {
    --top-bar-offset: 74px;
  }
  ul.other-product-pictures-list > li.other-product-pic-wrapper {
    width: 76px;
    height: 76px;
  }
  #popup-other-product-pictures-list {
    width: 76px;
    display: block;
  }
  .popup-pictures-container .product-big-picture-container {
    left: calc(76px + 30px);
  }
  .products-list-section-container .tm-product-card {
    width: calc((100% - 45px) / 2);
    margin: 10px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  ul.product-specs-list > li .spec-name {
    min-width: 40%;
  }
  .product-price-and-other-details-container .tm-fancy-command {
    display: block;
    width: 100%;
  }
  ul.product-reviews-list li.product-review-item .client-comments-and-rating .tm-icon.watermark {
    font-size: 80px;
  }
  .product-price-and-other-details-container .prices-container .price-container {
    font-size: 38px;
  }
  ul.other-product-pictures-list > li.other-product-pic-wrapper {
    width: 84px;
    height: 84px;
  }
  #popup-other-product-pictures-list {
    width: 84px;
  }
  .popup-pictures-container .product-big-picture-container {
    left: calc(84px + 30px);
  }
  #desc-specs-reviews a.nav-link {
    padding: calc(0.5 * 10px - 2px) calc(2 * 10px - 2px);
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #desc-specs-reviews {
    border-radius: 50px;
  }
  #desc-specs-reviews .nav {
    justify-content: flex-start;
  }
  ul.product-reviews-list li.product-review-item .client-comments-and-rating {
    margin: 0;
    border-left: solid 5px #63bef1;
    border-bottom: solid 1 px #63bef1;
    border-top: none;
  }
  ul.product-reviews-list li.product-review-item .client-comments-and-rating::before {
    border: solid 10px transparent;
    border-top-color: #63bef1;
    border-right-color: #63bef1;
    border-top-width: 7px;
    border-bottom-width: 7px;
    left: -20px;
    top: 7px;
    transform: none;
  }
  ul.other-product-pictures-list > li.other-product-pic-wrapper {
    width: 96px;
    height: 96px;
  }
  #popup-other-product-pictures-list {
    width: 96px;
  }
  .popup-pictures-container .product-big-picture-container {
    left: calc(96px + 30px);
  }
  .products-list-section-container .tm-product-card {
    width: calc((100% - 95px) / 4);
  }
  /*
      Sticky buy-box on desktop. The outer .product-price-and-other-details-container
      keeps stretching to equal-height with the gallery card (so the two
      sides always look balanced); the inner .buy-box-content takes its
      natural height and pins to the top of the viewport as the user
      scrolls down the page, until the row's bottom is reached. This gives
      us the best of both: always-equal cards + always-visible CTA.

      The CTA "margin-top: auto" no longer pushes the button to the bottom
      of the card at lg+ (since .buy-box-content is now at its natural
      height, not stretched), which is actually what we want for sticky —
      the CTA group sits right under the price/info, never far from the
      pin point.
  */
  .product-price-and-other-details-container .buy-box-content {
    flex: 0 1 auto;
    position: sticky;
    top: calc(var(--top-bar-offset) + 10px);
  }
  .product-price-and-other-details-container .commands-container {
    margin-top: calc(1.5 * 10px);
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .product-price-and-other-details-container .tm-fancy-command {
    display: block;
    width: 100%;
  }
}

/* ============================================================================
    Gallery display modes + zoom-on-hover + a11y fixes.
    See own.os.product.details.scss for the authoritative source.
   ============================================================================ */

/* In-row gallery wrapper has to be transparent in the flex layout so the
   pictures card actually fills the column when align-items: stretch
   makes the column taller (e.g. when the buy-box column has more content). */
.product-pictures-card-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

@media (min-width: 992px) {
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-left .product-pictures-container,
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-right .product-pictures-container {
    flex-direction: row;
    gap: calc(1.5 * 8px);
    align-items: stretch;
  }
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-left .product-big-picture-container,
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-right .product-big-picture-container {
    flex: 1 1 auto;
    min-width: 0;
  }
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-left .other-product-pictures-list,
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-right .other-product-pictures-list {
    flex: 0 0 calc(96px + 16px);
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    gap: 8px;
  }
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-left .other-product-pic-wrapper,
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-right .other-product-pic-wrapper {
    width: 100%;
    height: 96px;
    margin: 0;
  }
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-right .product-big-picture-container { order: 1; }
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-right .other-product-pictures-list   { order: 2; }
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-left  .other-product-pictures-list   { order: 1; }
  .product-pictures-card-wrapper.fo-pd-gallery-thumbs-left  .product-big-picture-container { order: 2; }

  .fo-pd-hero-band {
    margin: 0 0 calc(2 * 10px) 0;
  }
  .fo-pd-hero-band .product-pictures-container {
    max-height: 60vh;
  }
  .fo-pd-hero-band .product-big-picture-container {
    aspect-ratio: 21 / 9;
    min-height: 320px;
  }

  /* Route the height-mode classes onto the hero band so the same
     "Inaltime (px) + Mod" knob controls the hero band height too. */
  .fo-pd-hero-band.fo-pd-height-min .product-pictures-container {
    min-height: var(--fo-pd-card-height, 320px);
    max-height: none;
    height: auto;
  }
  .fo-pd-hero-band.fo-pd-height-fixed .product-pictures-container,
  .fo-pd-hero-band.fo-pd-height-fixed-scroll .product-pictures-container {
    height: var(--fo-pd-card-height, 320px);
    max-height: none;
    min-height: 0;
    flex: 0 0 auto;
  }
  .fo-pd-hero-band.fo-pd-height-fixed .product-pictures-container { overflow: hidden; }
  .fo-pd-hero-band.fo-pd-height-fixed-scroll .product-pictures-container { overflow-y: auto; }
  .fo-pd-hero-band.fo-pd-height-min .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: var(--fo-pd-card-height, 320px);
  }
  .fo-pd-hero-band.fo-pd-height-fixed .product-big-picture-container,
  .fo-pd-hero-band.fo-pd-height-fixed-scroll .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: 0;
  }
}

@media (max-width: 991.98px) {
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-min .product-pictures-container {
    min-height: var(--fo-pd-card-height, 320px);
    max-height: none;
    height: auto;
  }
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-fixed .product-pictures-container,
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-pictures-container {
    height: var(--fo-pd-card-height, 320px);
    max-height: none;
    min-height: 0;
    flex: 0 0 auto;
  }
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-fixed .product-pictures-container { overflow: hidden; }
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-pictures-container { overflow-y: auto; }
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-min .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: var(--fo-pd-card-height, 320px);
  }
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-fixed .product-big-picture-container,
  .fo-pd-hero-band.fo-pd-height-on-mobile.fo-pd-height-fixed-scroll .product-big-picture-container {
    aspect-ratio: auto;
    flex: 1 1 auto;
    min-height: 0;
  }
}

@media (hover: hover) and (pointer: fine) {
  .fo-pd-zoom-on-hover .product-big-picture-wrapper {
    cursor: zoom-in;
  }
  .fo-pd-zoom-on-hover .product-big-picture-wrapper img.product-picture {
    transition: transform 0.25s ease-out;
    transform-origin: var(--zoom-x, 50%) var(--zoom-y, 50%);
  }
  .fo-pd-zoom-on-hover .product-big-picture-wrapper:hover img.product-picture {
    transform: scale(2);
    padding: 0;
  }
}

/* A11y / polish */
.title-product-name {
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}
.other-product-pic-wrapper:focus-visible {
  outline: 2px solid #63bef1;
  outline-offset: 2px;
}
@media (hover: none), (pointer: coarse) {
  #popup-pictures #big-pictures-commands-container {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* ============================================================================
    PR3 — Reveal animations + Sticky add-to-cart bar + Recently viewed strip.
    See own.os.product.details.scss for the authoritative source.
   ============================================================================ */

.fo-pd-reveal-on-load .product-most-important-details > .most-important-details-left,
.fo-pd-reveal-on-load .product-most-important-details > .most-important-details-right,
.fo-pd-reveal-on-load .fo-pd-hero-band {
  animation: foPdRevealSlideUp var(--fo-pd-reveal-duration, 0.6s) ease-out both;
}
.fo-pd-reveal-on-load.fo-pd-reveal-fade-in .product-most-important-details > .most-important-details-left,
.fo-pd-reveal-on-load.fo-pd-reveal-fade-in .product-most-important-details > .most-important-details-right,
.fo-pd-reveal-on-load.fo-pd-reveal-fade-in .fo-pd-hero-band {
  animation-name: foPdRevealFadeIn;
}
.fo-pd-reveal-on-load.fo-pd-reveal-zoom-in .product-most-important-details > .most-important-details-left,
.fo-pd-reveal-on-load.fo-pd-reveal-zoom-in .product-most-important-details > .most-important-details-right,
.fo-pd-reveal-on-load.fo-pd-reveal-zoom-in .fo-pd-hero-band {
  animation-name: foPdRevealZoomIn;
}
.fo-pd-reveal-on-load .product-most-important-details > .most-important-details-right {
  animation-delay: 120ms;
}
@keyframes foPdRevealSlideUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes foPdRevealFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes foPdRevealZoomIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .fo-pd-reveal-on-load .product-most-important-details > .most-important-details-left,
  .fo-pd-reveal-on-load .product-most-important-details > .most-important-details-right,
  .fo-pd-reveal-on-load .fo-pd-hero-band {
    animation: none;
  }
}

.fo-pd-sticky-atc-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 950;
  display: flex;
  align-items: center;
  gap: calc(1.5 * 8px);
  padding: 8px calc(2 * 8px);
  background: var(--tm-surface, white);
  border-top: solid 1px rgba(135, 212, 255, 0.5);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  transform: translateY(100%);
  transition: transform 0.25s ease-out;
  pointer-events: none;
}
.fo-pd-sticky-atc-bar.is-visible {
  transform: translateY(0);
  pointer-events: auto;
}
.fo-pd-sticky-atc-thumb {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  background-color: #f4faff;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
}
.fo-pd-sticky-atc-info {
  flex: 1 1 auto;
  min-width: 0;
}
.fo-pd-sticky-atc-name {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--tm-text-muted, #777);
}
.fo-pd-sticky-atc-price {
  font-weight: 600;
  font-size: 0.95rem;
  color: #ff6500;
}
.fo-pd-sticky-atc-cta {
  flex: 0 0 auto;
  z-index: 0;
}
.fo-pd-sticky-atc-cta::before {
  z-index: -1;
}
.fo-pd-sticky-atc-cta > i,
.fo-pd-sticky-atc-cta .fo-pd-sticky-atc-cta-label {
  position: relative;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .fo-pd-sticky-atc-bar .fo-pd-sticky-atc-price { display: none; }
  .fo-pd-sticky-atc-bar .fo-pd-sticky-atc-cta-label { display: none; }
}
.fo-pd-has-sticky-atc.fo-pd-sticky-atc-visible {
  padding-bottom: 80px;
}

/* Lift the floating quick-commands cluster out of the sticky bar's way when
   the bar is visible. Body-scoped because that cluster lives outside the
   product page container. */
body .quick-commands-container {
  transition: transform 0.25s ease-out;
}
body.fo-pd-sticky-atc-visible .quick-commands-container {
  transform: translateY(-76px);
}

/* Recently viewed strip uses the shared _Product card + the same
   .products-list-section-container grid as the sibling related-products
   sections. Typography, icon colour and outer margins all come from the
   shared .{recommended,same-category,same-producer,recently-viewed}-products-container
   rule groups higher up in this file. */

.fo-pd-recently-viewed-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.fo-pd-recently-viewed-header h3 { margin-bottom: 0; }

.fo-pd-recently-viewed-clear {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Skeleton placeholders while the recently-viewed AJAX is in flight. */
.fo-pd-rv-skeleton-wrapper {
  margin-top: 20px;
}
.fo-pd-rv-skeleton-title {
  width: 240px;
  height: 28px;
  border-radius: 4px;
  margin-bottom: 30px;
  background: linear-gradient(90deg, #f4faff 25%, #f7fbff 50%, #f4faff 75%);
  background-size: 200% 100%;
  animation: foPdRvSkeleton 1.4s ease-in-out infinite;
}
.fo-pd-rv-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
}
.fo-pd-rv-skeleton-card {
  background: var(--tm-surface, white);
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 10px;
  overflow: hidden;
  padding: 8px 12px 12px 12px;
}
.fo-pd-rv-skeleton-thumb {
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  margin-bottom: 8px;
  background: linear-gradient(90deg, #f4faff 25%, #f7fbff 50%, #f4faff 75%);
  background-size: 200% 100%;
  animation: foPdRvSkeleton 1.4s ease-in-out infinite;
}
.fo-pd-rv-skeleton-line {
  height: 12px;
  border-radius: 4px;
  margin-top: 4px;
  background: linear-gradient(90deg, #f4faff 25%, #f7fbff 50%, #f4faff 75%);
  background-size: 200% 100%;
  animation: foPdRvSkeleton 1.4s ease-in-out infinite;
}
.fo-pd-rv-skeleton-line-name { width: 80%; }
.fo-pd-rv-skeleton-line-price { width: 40%; margin-top: 8px; height: 14px; }
@keyframes foPdRvSkeleton {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .fo-pd-rv-skeleton-title,
  .fo-pd-rv-skeleton-thumb,
  .fo-pd-rv-skeleton-line { animation: none; }
}

/* ============================================================================
    Breadcrumb style variants + hide share button.
    See own.os.product.details.scss for the authoritative source.
   ============================================================================ */
/* Category icon (opt-in via ViewData["BreadcrumbShowCategoryIcons"]).
   Hidden globally so other pages that use _CategoriesBreadcrumb don't
   suddenly grow icons; revealed inside the explicit FO PD modes below. */
.breadcrumb-category-icon {
  display: none;
}

/* Chips: pills on the primary colour, current page in accent colour. */
.page-breadcrumb-container.fo-pd-breadcrumb-chips {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.page-breadcrumb-container.fo-pd-breadcrumb-chips > .tm-icon {
  display: none;
}
.page-breadcrumb-container.fo-pd-breadcrumb-chips .breadcrumb-item-link,
.page-breadcrumb-container.fo-pd-breadcrumb-chips .breadcrumb-item-no-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  background: var(--tm-primary, #0088d4);
  color: white;
  border-radius: 999px;
  font-size: 0.85rem;
  line-height: 1.4;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s, transform 0.15s;
}
.page-breadcrumb-container.fo-pd-breadcrumb-chips .breadcrumb-item-link:hover {
  background: #4196d2;
  color: white;
  text-decoration: none;
  transform: translateY(-1px);
}
.page-breadcrumb-container.fo-pd-breadcrumb-chips .breadcrumb-item-no-link {
  background: #ff6500;
  color: white;
  font-weight: 600;
}
.page-breadcrumb-container.fo-pd-breadcrumb-chips .breadcrumb-category-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  object-fit: contain;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  padding: 1px;
  flex: 0 0 auto;
}

/* Arrows: chevron-shaped crumbs, theme bg + white text, last item clean
   right edge + accent colour. */
.page-breadcrumb-container.fo-pd-breadcrumb-arrows {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
.page-breadcrumb-container.fo-pd-breadcrumb-arrows > .tm-icon {
  display: none;
}
.page-breadcrumb-container.fo-pd-breadcrumb-arrows .breadcrumb-item-link,
.page-breadcrumb-container.fo-pd-breadcrumb-arrows .breadcrumb-item-no-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 20px 5px 16px;
  background: var(--tm-primary, #0088d4);
  color: white;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);
  margin-right: -10px;
  transition: background-color 0.15s, color 0.15s;
}
.page-breadcrumb-container.fo-pd-breadcrumb-arrows > a:first-of-type {
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
  padding-left: 12px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.page-breadcrumb-container.fo-pd-breadcrumb-arrows > a:last-of-type {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%);
  padding-right: 16px;
  background: #ff6500;
  font-weight: 600;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.page-breadcrumb-container.fo-pd-breadcrumb-arrows > a:first-of-type:last-of-type {
  clip-path: none;
  border-radius: 4px;
  margin-right: 0;
}
.page-breadcrumb-container.fo-pd-breadcrumb-arrows .breadcrumb-item-link:hover {
  background: #4196d2;
  color: white;
  text-decoration: none;
}
.page-breadcrumb-container.fo-pd-breadcrumb-arrows .breadcrumb-category-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  object-fit: contain;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  padding: 1px;
  flex: 0 0 auto;
}

/* Minimal: tighter, smaller, slashes between items. */
.page-breadcrumb-container.fo-pd-breadcrumb-minimal {
  font-size: 0.8rem;
  opacity: 0.7;
}
.page-breadcrumb-container.fo-pd-breadcrumb-minimal .breadcrumb-item-link,
.page-breadcrumb-container.fo-pd-breadcrumb-minimal .breadcrumb-item-no-link {
  margin: 0 4px;
}
.page-breadcrumb-container.fo-pd-breadcrumb-minimal > .tm-icon {
  display: none;
}
.page-breadcrumb-container.fo-pd-breadcrumb-minimal .breadcrumb-item-link + .breadcrumb-item-link::before,
.page-breadcrumb-container.fo-pd-breadcrumb-minimal .breadcrumb-item-no-link::before {
  content: '/';
  margin: 0 6px 0 -4px;
  color: var(--tm-text-muted, #aaa);
}

.fo-pd-hide-share-button .fb-share-button,
.fo-pd-hide-share-button #fb-root,
.fo-pd-hide-share-button .product-price-and-other-details-container .fb-share-button {
  display: none !important;
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
/* WEBINAR DETAILS  -----------------------------------------------------------------------*/
ul.webinar-sessions-list {
  list-style: none;
  display: block;
  margin: 0 0 calc(1 * 10px) 0;
  padding: 0;
}

ul.webinar-sessions-list > li.webinar-session-item {
  white-space: nowrap;
  margin: 0 0 calc(5 * 10px) 0;
  display: block;
  border-radius: 10px;
}
ul.webinar-sessions-list > li.webinar-session-item .past-session .tm-icon {
  color: gray;
}
ul.webinar-sessions-list > li.webinar-session-item .now-session .tm-icon {
  color: #85c177;
}

ul.webinar-sessions-list > li.webinar-session-item:last-child {
  margin: 0 0 0 0;
}

ul.webinar-sessions-list > li.webinar-session-item .webinar-session-host-icon-wrapper {
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  float: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: var(--tm-surface, white);
  border-radius: 50%;
  color: #63bef1;
}

ul.webinar-sessions-list > li.webinar-session-item .webinar-session-host-name-wrapper {
  margin-left: 70px;
  padding-bottom: calc(1.5 * 10px);
  border-bottom: solid 1px rgba(135, 212, 255, 0.5);
}

ul.webinar-session-hosts > li:last-child .webinar-session-host-name-wrapper {
  border-bottom: none;
  padding-bottom: 0;
}

ul.webinar-sessions-list > li.webinar-session-item .host-name {
  color: var(--tm-text-muted, #777);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  white-space: normal;
  text-transform: uppercase;
}

ul.webinar-sessions-list > li.webinar-session-item .host-details {
  color: var(--tm-text-muted, #aaa);
}

ul.webinar-sessions-list > li.webinar-session-item .launch-external-url-input[readonly] {
  background: rgba(135, 212, 255, 0.15);
}

.webinar-session-details-container {
  display: block;
  vertical-align: top;
}

.webinar-session-details-container .already-subscribed {
  color: #85c177;
  display: inline-block;
  vertical-align: middle;
  /*margin: 0 0 calc(2 * 10px) 0;*/
  cursor: default;
}

.webinar-session-details-container .cancel-subscription {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

.webinar-session-details-container .description {
  white-space: normal;
  word-break: normal;
}
.webinar-session-details-container .description iframe {
  max-width: 100%;
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  margin-top: 10px;
}

.webinar-session-name {
  font-size: 18px;
  text-transform: uppercase;
  color: var(--tm-text, #555);
  letter-spacing: 1px;
  white-space: normal;
  margin: 0 0 calc(10px / 2) 0;
}
.webinar-session-name .session-time-hint {
  font-size: 13px;
  margin-left: 10px;
  text-transform: none;
  color: #ff9e9e;
}
.webinar-session-name .session-time-hint-now {
  font-size: 13px;
  margin-left: 10px;
  text-transform: none;
  color: #85c177;
}
.webinar-session-name > span {
  color: var(--tm-text-muted, #777);
  text-transform: none;
}

.webinar-session-section-title {
  /*margin-top: calc(10px * 3);
  margin-bottom: calc(10px * 3);*/
  color: var(--tm-text-muted, #777);
  text-transform: uppercase;
  margin: calc(10px * 9) 0 calc(10px * 5) 0;
  font-size: 18px;
}

ul.webinar-session-hosts {
  display: block;
  list-style: none;
  padding: 10px calc(2 * 10px);
  gap: calc(3 * 10px);
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  background: var(--tm-surface, white);
}

ul.webinar-session-hosts > li {
  display: block;
  margin: calc(10px / 1) 0;
  padding: 0 0 10px 0;
}

ul.webinar-session-hosts > li:last-child {
  margin: 0;
}

.webinar-session-free-places {
  color: var(--tm-warn, orange);
  font-weight: 500;
  margin: calc(2 * 10px) 0 10px 0;
  cursor: default;
}

.webinar-session-free-places.no-more {
  color: var(--tm-danger, #ff6500);
}

.webinar-session-icon-wrapper {
  display: none;
  vertical-align: top;
  width: 20px;
  height: 20px;
  line-height: 20px;
  float: left;
}

.webinar-session-icon-wrapper > .tm-icon {
  color: var(--tm-accent, #ff6500);
  transition-duration: 0.2s;
  transform: rotate(-5deg) scale(0.85);
  font-size: 50px;
}

ul.webinar-sessions-list > li.webinar-session-item:hover .webinar-session-icon-wrapper > .tm-icon {
  transform: rotate(0) scale(1);
  color: #a0d497;
}

ul.webinar-sessions-list > li.webinar-session-item:hover .webinar-session-icon-wrapper.past-session > .tm-icon {
  transform: rotate(0) scale(1);
  color: #bababa;
}

.add-to-google-calendar-wrapper {
  margin: 10px 0 0 0;
}

.add-to-google-calendar-wrapper a {
  font-size: 12px;
}

.webinar-details-title .webinar-name {
  display: none;
  font-weight: bold;
  color: #a0d497;
}

.webinar-session-details-container {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid rgba(37, 120, 182, 0.2);
  border-radius: 3px;
  background: rgba(37, 120, 182, 0.03);
}

.subscribe-to-webinar-container .webinar-details-title {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 22px;
  color: var(--tm-text, #555);
}

.subscribe-to-webinar-container .webinar-details-title .webinar-name {
  display: inline-block;
}

.subscribe-to-webinar-container .webinar-details-title .webinar-details-title-generic {
  display: none;
}

.subscribe-to-webinar-container ul.webinar-sessions-list > li.webinar-session-item {
  padding: calc(2 * 10px) 10px;
  border: solid 3px transparent;
  transition-duration: 0.2s;
  overflow: hidden;
}

.subscribe-to-webinar-container ul.webinar-sessions-list > li.webinar-session-item:hover {
  border: solid 3px rgba(135, 212, 255, 0.5);
}

.subscribe-to-webinar-container ul.webinar-sessions-list > li.webinar-session-item.selected {
  background: rgba(255, 239, 151, 0.25);
  border: solid 3px var(--tm-primary-light, #63bef1);
}

.subscribe-to-webinar-container .webinar-session-form-container .page-container {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

.subscribe-to-webinar-container .webinar-session-form-container h3.webinar-session-form-title {
  font-size: 18px;
  text-transform: uppercase;
  color: var(--tm-text, #555);
  letter-spacing: 1px;
  text-align: center;
  white-space: normal;
  margin: 0 0 calc(10px / 2) 0;
}

.subscribe-to-webinar-container .webinar-session-form-container .webinar-session-form-hint {
  display: block;
  text-align: center;
  letter-spacing: 1px;
  color: var(--tm-primary-dark, #006197);
  cursor: default;
}

.subscribe-to-webinar-container .webinar-session-form-container #webinar-session-form-contents {
  margin-top: calc(3 * 10px);
}

.webinar-session-details-container .webinar-session-form-container .page-container {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

.webinar-session-details-container .webinar-session-form-container h3.webinar-session-form-title {
  font-size: 18px;
  text-transform: uppercase;
  color: var(--tm-text, #555);
  letter-spacing: 1px;
  text-align: center;
  white-space: normal;
  margin: 0 0 calc(10px / 2) 0;
}

.webinar-session-details-container .webinar-session-form-container .webinar-session-form-hint {
  display: block;
  text-align: center;
  letter-spacing: 1px;
  color: var(--tm-primary-dark, #006197);
  cursor: default;
}

.webinar-session-details-container .webinar-session-form-container .webinar-session-view-form-contents {
  margin-top: calc(3 * 10px);
}

.webinar-session-details-container .webinar-session-form-container {
  padding: 10px;
  margin: 20px 0;
  border: 1px solid rgba(37, 120, 182, 0.2);
  border-radius: 3px;
  background: rgba(37, 120, 182, 0.03);
}

.external-url-container {
  margin: calc(2 * 10px) 0 0 0;
}

/*.external-url-container h4,
.external-url-container h5,
.embedded-video-header
{
	font-size: $large-font-size;
	letter-spacing: 1px;
	font-weight: 600;
	color: var(--tm-text, $darker-gray);
	text-transform: uppercase;
	margin-bottom: $mq;
}*/
.external-url-container h5 {
  font-size: 16px;
}

.external-url-container .external-url-text {
  color: var(--tm-anchor, #0366d6);
  padding: calc(10px / 2) 10px;
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  white-space: normal;
  word-break: break-all;
  margin: 10px 0;
  transition-duration: 0.2s;
}

.external-url-container .external-url-text:hover {
  background: rgba(135, 212, 255, 0.25);
}

.external-url-container .external-url-info {
  margin: calc(2 * 10px) 0 0 0;
  white-space: normal;
}

.external-url-container .external-url-info h5 {
  font-size: 14px;
}

.external-url-container .external-url-contents {
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  padding: calc(2 * 10px);
}

.subscription-status-container {
  white-space: normal;
}

.webinar-sessions-list-in-widget {
  margin-top: 10px;
  border-radius: 3px;
  border: 1px solid #63bef1;
  font-size: 12px;
  padding: 10px;
  margin-top: 20px;
}

.webinar-session-item-in-widget .webinar-session-url {
  word-break: break-all;
}

.embedded-video-container {
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  padding: calc(2 * 10px);
}

.webinar-embedded-video-content {
  display: flex;
  justify-content: center;
}
.webinar-embedded-video-content iframe {
  width: 100%;
  height: 194px;
}

/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Extra Small devices (landscape phones, 400px and up) */
@media (min-width: 400px) {
  .webinar-embedded-video-content iframe {
    height: 254px;
  }
}
/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .webinar-embedded-video-content iframe {
    height: 268px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .webinar-session-details-container .already-subscribed {
    margin: 0 10px 0 0;
  }
  .webinar-session-details-container {
    margin-left: 70px;
  }
  .webinar-session-icon-wrapper {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
  }
  .webinar-embedded-video-content iframe {
    height: 325px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .webinar-embedded-video-content iframe {
    height: 464px;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .webinar-embedded-video-content iframe {
    width: 90%;
    height: 508px;
  }
}
/* Extra extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
  .webinar-embedded-video-content iframe {
    width: 80%;
    height: 532px;
  }
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.product-course-details-container h4 {
  font-weight: 400;
  pointer-events: auto;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
}

/* PEOPLE - shared avatar primitives (titular hero + guest row) --------------------
   The course "titular / autor" gets the spotlight hero; the instructors & guests
   (course-level AND per-session) share the elegant ringed-portrait guest row. */
ul.course-hosts-list {
  list-style: none;
  padding: 0;
  margin: calc(1.5 * 10px) 0 calc(2.5 * 10px);
  pointer-events: auto;
}

li.course-host-item {
  display: block;
  transition-duration: 0.2s;
}

.course-host-icon-wrapper {
  width: clamp(78px, 17vw, 96px);
  height: clamp(78px, 17vw, 96px);
  margin: 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  color: #63bef1;
  background: var(--tm-surface, white);
  box-shadow: 0 14px 28px -14px rgba(15, 45, 80, 0.5), inset 0 0 0 3px var(--tm-surface, white), 0 0 0 4px color-mix(in srgb, var(--tm-primary, #0088d4) 22%, transparent);
  transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s;
}

.course-host-icon-wrapper > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.course-host-icon-wrapper .tm-icon {
  font-size: 34px;
  color: #63bef1;
}

.course-host-details {
  text-align: center;
  margin-top: calc(1.2 * 10px);
}

.course-host-details .course-host-name,
.course-host-details .course-host-name > strong {
  font-size: 15px;
  color: var(--tm-text, #333);
  font-weight: 700;
  cursor: default;
  line-height: 1.25;
}

.course-host-details .course-host-info {
  color: var(--tm-text-muted, #777);
  font-size: 12px;
  cursor: default;
  margin-top: 2px;
}

.course-host-details .run-form-command {
  margin-top: calc(0.4 * 10px);
}

/* "Detalii alocare curs" - a seamless chevron breadcrumb built with clip-path so the
   arrow tips interlock perfectly into the next notch (no stray border-triangle lines). */
.edu-section-details {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: calc(0.7 * 10px) 0;
  filter: drop-shadow(0 3px 6px rgba(15, 45, 80, 0.2));
}
.edu-section-details .edu-section-token {
  --chev: 17px;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(0.7 * 10px);
  min-height: 40px;
  padding: 0 calc(2 * 10px) 0 calc(var(--chev) + 1.8 * 10px);
  margin-left: calc(-1 * var(--chev));
  color: white;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.2;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--tm-primary-dark, #006197) 0%, var(--tm-primary, #0088d4) 100%);
  clip-path: polygon(0 0, calc(100% - var(--chev)) 0, 100% 50%, calc(100% - var(--chev)) 100%, 0 100%, var(--chev) 50%);
  transition: transform 0.2s, filter 0.2s;
}
.edu-section-details .edu-section-token .tm-icon {
  font-size: 1.05em;
  opacity: 0.95;
}
.edu-section-details .edu-section-token:hover {
  transform: translateY(-2px);
  filter: brightness(1.07);
}
.edu-section-details .edu-section-token.hilited {
  background: linear-gradient(135deg, var(--tm-accent-dark, #c15d1c) 0%, var(--tm-accent, #ff6500) 100%);
}
.edu-section-details .edu-section-token:first-child {
  margin-left: 0;
  padding-left: calc(1.8 * 10px);
  clip-path: polygon(0 0, calc(100% - var(--chev)) 0, 100% 50%, calc(100% - var(--chev)) 100%, 0 100%);
}
.edu-section-details .edu-section-token:last-child {
  padding-right: calc(2.2 * 10px);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--chev) 50%);
}
.edu-section-details .edu-section-token:first-child:last-child {
  clip-path: none;
  border-radius: 100px;
  padding: 0 calc(2 * 10px);
}

/* on small screens the ribbon becomes a clean vertical stack of rounded pills */
@media (max-width: 767px) {
  .edu-section-details {
    flex-direction: column;
    align-items: stretch;
    gap: calc(0.7 * 10px);
  }
  .edu-section-details .edu-section-token,
  .edu-section-details .edu-section-token:first-child,
  .edu-section-details .edu-section-token:last-child {
    margin-left: 0;
    clip-path: none;
    border-radius: 12px;
    padding: 0 calc(1.7 * 10px);
    min-height: 44px;
    white-space: normal;
  }
}

.edu-code-and-department {
  font-weight: 500;
  text-transform: uppercase;
  color: var(--tm-text-muted, #777);
  margin: 0 0 calc(3 * 10px) 0;
}
.edu-code-and-department .edu-code-and-department-entry {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.product-course-details-container h4.hosts-title {
  text-align: center;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--tm-text-muted, #777);
  margin: calc(4 * 10px) 0 0;
}

ul.course-hosts-list.important {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(16px, 3vw, 34px) clamp(14px, 3vw, 30px);
  text-align: center;
}

ul.course-hosts-list.important li.course-host-item {
  width: clamp(116px, 30vw, 150px);
}

ul.course-hosts-list.important li.course-host-item.square {
  width: clamp(116px, 30vw, 150px);
  height: auto;
  border-radius: 0;
}

ul.course-hosts-list.important li.course-host-item:hover .course-host-icon-wrapper {
  transform: translateY(-8px);
  box-shadow: 0 24px 34px -16px rgba(15, 45, 80, 0.55), inset 0 0 0 3px var(--tm-surface, white), 0 0 0 4px color-mix(in srgb, var(--tm-secondary, #00c893) 55%, transparent);
}

ul.course-sessions-list {
  --tl-gutter: 26px;
  --tl-rail: 11px;
  --tl-node: 14px;
  --tl-node-center: 30px;
  --tl-gap: 22px;
  list-style: none;
  position: relative;
  padding: 0 0 0 var(--tl-gutter);
  margin: calc(2 * 10px) 0;
  pointer-events: auto;
}

ul.course-sessions-list li.course-session-item {
  display: block;
  position: relative;
  margin: 0 0 var(--tl-gap);
  scroll-margin-top: 70px;
  transition-duration: 0.2s;
}

ul.course-sessions-list li.course-session-item .course-session-item-container::before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--tl-gutter) + var(--tl-rail) - 1px);
  top: var(--tl-node-center);
  bottom: calc(-1 * (var(--tl-gap) + var(--tl-node-center)));
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--tm-primary, #0088d4) 55%, transparent), color-mix(in srgb, var(--tm-secondary, #00c893) 55%, transparent));
  z-index: 0;
  pointer-events: none;
}

ul.course-sessions-list li.course-session-item:last-child .course-session-item-container::before {
  display: none;
}

ul.course-sessions-list li.course-session-item:last-child {
  margin-bottom: 0;
}

ul.course-sessions-list li.course-session-item .course-session-item-container {
  position: relative;
  padding: clamp(15px, 2.4vw, 20px) clamp(15px, 2.6vw, 22px);
  border: solid 1px color-mix(in srgb, var(--tm-primary, #0088d4) 14%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 3%, var(--tm-surface, white));
  box-shadow: 0 10px 24px -14px rgba(15, 45, 80, 0.28);
  transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.25s, border-color 0.25s;
}

ul.course-sessions-list li.course-session-item:hover .course-session-item-container {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--tm-primary, #0088d4) 30%, transparent);
  box-shadow: 0 22px 42px -20px rgba(15, 45, 80, 0.34);
}

.course-session-node {
  position: absolute;
  top: calc(var(--tl-node-center) - var(--tl-node) / 2);
  left: calc(-1 * var(--tl-gutter) + var(--tl-rail) - var(--tl-node) / 2);
  width: var(--tl-node);
  height: var(--tl-node);
  border-radius: 50%;
  background: var(--tm-surface, white);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tm-primary, #0088d4) 55%, transparent);
  z-index: 2;
  pointer-events: none;
}

ul.course-sessions-list li.course-session-item[data-session-is-today=true] .course-session-item-container,
ul.course-sessions-list li.course-session-item[data-session-is-today=True] .course-session-item-container {
  pointer-events: auto;
  border-color: color-mix(in srgb, var(--tm-secondary, #00c893) 55%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--tm-secondary, #00c893) 8%, var(--tm-surface, white)), var(--tm-surface, white));
  box-shadow: 0 20px 44px -22px color-mix(in srgb, var(--tm-secondary, #00c893) 55%, transparent);
}

ul.course-sessions-list li.course-session-item[data-session-is-today=true] .course-session-node,
ul.course-sessions-list li.course-session-item[data-session-is-today=True] .course-session-node {
  background: var(--tm-secondary, #00c893);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--tm-secondary, #00c893) 45%, transparent);
  animation: courseSessionNodePulse 2.4s ease-out infinite;
}

@keyframes courseSessionNodePulse {
  0% {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tm-secondary, #00c893) 55%, transparent);
  }
  70% {
    box-shadow: 0 0 0 12px transparent;
  }
  100% {
    box-shadow: 0 0 0 12px transparent;
  }
}

.course-session-item-contents {
  position: relative;
  z-index: 1;
}

.course-session-title-wrapper {
  margin: 0;
}

.course-session-head {
  display: flex;
  align-items: flex-start;
  gap: calc(1.2 * 10px);
  flex-wrap: wrap;
}

ul.course-sessions-list li.course-session-item h5.course-session-name {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-weight: 700;
  font-size: clamp(17px, 2.4vw, 20px);
  line-height: 1.3;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--tm-text-muted, #555);
}

ul.course-sessions-list li.course-session-item h6.session-description {
  margin: calc(1.2 * 10px) 0 0;
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.6;
  color: var(--tm-text-muted, #777);
  max-width: 62ch;
}

.course-session-title-wrapper .course-participant-code {
  display: inline-block;
  margin-top: calc(0.8 * 10px);
}

.course-session-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(1 * 10px);
  margin-top: calc(1.2 * 10px);
}

.course-session-dates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(1 * 10px);
  margin-top: calc(1.4 * 10px);
}

.course-session-dates > span,
.course-activity-dates > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--tm-primary-dark, #006197);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--tm-primary, #0088d4) 22%, transparent);
  border-radius: 999px;
  padding: 5px 13px;
}

.session-address {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--tm-text-muted, #777);
}

.session-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: white;
  background: linear-gradient(135deg, var(--tm-secondary-dark, #009970), var(--tm-secondary, #00c893));
  padding: 5px 12px;
  border-radius: 999px;
  white-space: nowrap;
}

.session-live-pill .blip {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  animation: sessionLiveBlip 1.6s infinite;
}

@keyframes sessionLiveBlip {
  70% {
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

/* every in-session sub-section gets the same generous top gap so the blocks
   (Informatii suplimentare / Invitatii / Echipa / Activitatile ...) breathe evenly */
.course-session-hosts-wrapper,
.course-session-activities-wrapper,
.achievements-container.for-session,
.course-session-ranking-container {
  margin: calc(3.5 * 10px) 0 0;
}

/* consistent session sub-headings: uppercase, tracked, dark-grey (not full black) */
.product-course-details-container .course-session-hosts-wrapper h4,
.product-course-details-container .course-session-activities-wrapper h4,
.product-course-details-container .achievements-container.for-session h4,
.product-course-details-container .course-session-ranking-container h4,
.product-course-details-container h4.additional-information {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  color: var(--tm-text-muted, #555);
  margin: 0 0 calc(1.4 * 10px);
}

/* suggestive coloured icon at the start of each session sub-heading */
.session-subheading-icon,
.course-section-title-icon {
  margin-right: calc(0.7 * 10px);
  font-size: 1.05em;
  vertical-align: -0.06em;
}

.product-course-details-container .course-session-hosts-wrapper h4 .session-subheading-icon {
  color: var(--tm-secondary, #00c893);
}

.product-course-details-container .course-session-activities-wrapper h4 .session-subheading-icon {
  color: var(--tm-accent, #ff6500);
}

.product-course-details-container h4.additional-information .session-subheading-icon {
  color: var(--tm-primary, #0088d4);
}

.product-course-details-container .achievements-container.for-session h4 .session-subheading-icon {
  color: #c39433;
}

.product-course-details-container .course-session-ranking-container h4 .session-subheading-icon {
  color: var(--tm-secondary-dark, #009970);
}

/* coloured, suggestive icons on the top-level course-detail section titles */
.product-course-details-container .hosts-title .course-section-title-icon {
  color: var(--tm-primary, #0088d4);
}

.product-course-details-container .course-allocation-title .course-section-title-icon {
  color: var(--tm-accent, #ff6500);
}

.product-course-details-container .course-sessions-for-education-title .course-section-title-icon {
  color: var(--tm-primary, #0088d4);
}

.product-course-details-container .course-client-achievements-title .course-section-title-icon {
  color: #c39433;
}

.product-course-details-container .materials-container > h5 .course-section-title-icon {
  color: var(--tm-secondary, #00c893);
}

/* 'Informatii suplimentare' has no wrapper of its own - it carries the block gap itself */
.product-course-details-container h4.additional-information {
  margin-top: calc(3.5 * 10px);
}

.course-session-hosts-wrapper ul.course-hosts-list.important {
  justify-content: flex-start;
  gap: clamp(12px, 2.5vw, 24px);
}

.course-session-hosts-wrapper ul.course-hosts-list.important li.course-host-item {
  width: clamp(96px, 24vw, 120px);
}

.course-session-hosts-wrapper .course-host-icon-wrapper {
  width: clamp(64px, 15vw, 78px);
  height: clamp(64px, 15vw, 78px);
}

ul.course-session-activities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: calc(1.2 * 10px);
  pointer-events: auto;
}

li.course-session-activity-item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: calc(1.4 * 10px);
  row-gap: calc(0.8 * 10px);
  align-items: start;
  background: color-mix(in srgb, var(--tm-surface, white) 65%, transparent);
  border: solid 1px color-mix(in srgb, var(--tm-primary, #0088d4) 12%, transparent);
  padding: calc(1.4 * 10px);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition-duration: 0.2s;
}

li.course-session-activity-item:hover {
  border-color: color-mix(in srgb, var(--tm-primary, #0088d4) 30%, transparent);
  background: var(--tm-surface, white);
  box-shadow: 0 12px 24px -12px rgba(15, 45, 80, 0.22);
}

.course-activity-icon-wrapper {
  grid-column: 1;
  grid-row: 1;
  width: 36px;
  height: 36px;
  margin-top: 1px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--tm-secondary-dark, #009970), var(--tm-secondary, #00c893));
  box-shadow: 0 6px 14px -7px color-mix(in srgb, var(--tm-secondary, #00c893) 60%, transparent);
  color: white;
  position: relative;
}

.course-activity-icon-wrapper .ripple-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1.1);
  z-index: 0;
}

.course-activity-icon-wrapper .ripple-loader div.circle {
  border-color: var(--tm-secondary-dark, #009970);
}

.course-activity-icon-wrapper .tm-icon {
  position: static;
  transform: none;
  z-index: 1;
  font-size: 14px;
  color: white;
}

.course-activity-icon-wrapper.run-form {
  background: linear-gradient(135deg, var(--tm-primary-dark, #006197), var(--tm-primary, #0088d4));
  box-shadow: 0 6px 14px -7px color-mix(in srgb, var(--tm-primary, #0088d4) 60%, transparent);
}

.course-activity-icon-wrapper.run-form .ripple-loader div.circle {
  border-color: var(--tm-primary-dark, #006197);
}

.course-session-activity-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  min-width: 0;
}

.course-session-activity-title h6 {
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
  color: var(--tm-text, #333);
}

.course-activity-dates {
  margin-top: 4px;
}

.activity-description-container {
  grid-column: 2;
  color: var(--tm-text-muted, #777);
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
}

.activity-description-container p {
  margin-bottom: 0.5rem;
}

.run-form-wrapper {
  grid-column: 2;
  margin: 2px 0 0;
}

li.course-session-activity-item > .status-hiliter {
  grid-column: 1/-1;
  margin: 2px 0 0;
}

.already-run-form {
  color: white;
  background: linear-gradient(90deg, #5e945e 0%, var(--tm-success, #85c177) 100%);
  padding: 10px 10px 10px calc(3 * 10px);
  margin-left: 50px;
  margin-top: 10px;
  border-radius: 40px;
}

.marking-explanation {
  font-size: 14px;
  font-style: italic;
}

.order-to-subscribe-hint, .order-to-subscribe-hint-course {
  border: solid 1px orange;
  border-radius: 5px;
  padding: calc(2 * 10px) 10px;
  color: #eb8200;
  cursor: default;
  font-weight: 500;
  letter-spacing: 0.5px;
}

s .you-subscribed-to-this-course-text {
  border: solid 1px var(--tm-success, #85c177);
  border-radius: 5px;
  text-align: center;
  padding: calc(2 * 10px) 10px;
  color: var(--tm-success, #85c177);
  cursor: default;
  font-weight: 500;
  letter-spacing: 1px;
}

.already-subscribed-commands-container .tm-fancy-command {
  display: inline-block;
  vertical-align: middle;
}

.btn.unsubscribe-to-course-command {
  color: var(--tm-danger, #ff6500);
  border-color: white;
  /*margin: 0 $mq;*/
}

.view-course-paritipant-qr-code {
  text-decoration: none;
  margin: 0 10px;
}

.btn.unsubscribe-to-course-command:hover {
  color: #d15300;
  background: rgba(255, 255, 255, 0.25);
  border-color: white;
  text-decoration: underline;
}

.session-present {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  vertical-align: middle;
  padding: 4px 11px;
  color: white;
  background: linear-gradient(90deg, #5e945e 0%, var(--tm-success, #85c177) 100%);
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
}

.tm-fancy-command.large.access-course-contents-command {
  background: #0088d4;
}

.tm-fancy-command.large.access-course-contents-command:hover {
  background: #006197;
}

/*Public profile*/
.public-profiles-container {
  padding-top: 130px;
}

.course-public-profiles-hint {
  font-size: 12px;
  font-style: italic;
  color: #bababa;
}

/* TITULAR (course owner) - spotlight hero -----------------------------------------
   Editorial "Scena & reflector": gold-ringed portrait under a soft spotlight with an
   organic morphing blob behind it. The titular clearly carries the most visual weight. */
.course-titular-hero {
  position: relative;
  margin: calc(1 * 10px) 0 calc(5 * 10px);
  padding: calc(1 * 10px) 10px calc(2 * 10px);
  text-align: center;
}

.course-titular-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 calc(1.8 * 10px);
  color: color-mix(in srgb, #c39433 65%, var(--tm-text, #333));
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.course-titular-eyebrow::before,
.course-titular-eyebrow::after {
  content: "";
  width: clamp(20px, 8vw, 42px);
  height: 1px;
  background: linear-gradient(90deg, transparent, #c39433);
}

.course-titular-eyebrow::after {
  background: linear-gradient(90deg, #c39433, transparent);
}

.course-titular-portrait {
  position: relative;
  width: clamp(150px, 32vw, 190px);
  height: clamp(150px, 32vw, 190px);
  margin: 0 auto;
  padding: 6px;
  border-radius: 50%;
  background: linear-gradient(150deg, #f2d488, #c39433 46%, #8f6b1e);
  box-shadow: 0 8px 20px -12px rgba(15, 45, 80, 0.35), 0 0 0 1px color-mix(in srgb, #c39433 40%, transparent);
  transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.course-titular-hero:hover .course-titular-portrait {
  transform: translateY(-6px) scale(1.02);
}

.course-titular-portrait .ct-photo {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background: var(--tm-surface, white);
  box-shadow: inset 0 0 0 4px var(--tm-surface, white);
  display: grid;
  place-items: center;
}

.course-titular-portrait .ct-photo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.course-titular-portrait .ct-photo.is-placeholder .tm-icon {
  font-size: 54px;
  color: color-mix(in srgb, var(--tm-primary, #0088d4) 55%, var(--tm-text-muted, #777));
}

.course-titular-portrait .ct-crown {
  position: absolute;
  z-index: 3;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: white;
  font-size: 16px;
  background: linear-gradient(135deg, #c39433, #8f6b1e);
  box-shadow: 0 8px 18px -6px rgba(0, 0, 0, 0.4);
}

.course-titular-name {
  position: relative;
  z-index: 2;
  margin: calc(2 * 10px) 0 0;
  font-size: clamp(20px, 4vw, 28px);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--tm-text, #333);
  text-wrap: balance;
}

.course-titular-form {
  position: relative;
  z-index: 2;
  margin-top: calc(1.4 * 10px);
}

.course-titular-form .run-form-command {
  text-decoration: none;
}

/* Frosted-glass treatment for the sessions & activities - applies only when the shop
   opts into the glass material (html.glass). The session card surface is the
   .course-session-item-container; the nested activity panels take a translucent glass
   tint WITHOUT their own blur, so the layers never double-blur into mud and the dark
   themes get the dark glass tint. The "live now" (today) session keeps its distinctive
   green highlight, so it is excluded from the frosted surface. */
html.glass ul.course-sessions-list li.course-session-item:not([data-session-is-today=true]):not([data-session-is-today=True]) .course-session-item-container {
  background: var(--tm-glass-bg-strong, rgba(255, 255, 255, 0.85));
  border-color: var(--tm-glass-border, rgba(255, 255, 255, 0.55));
  box-shadow: var(--tm-glass-shadow, 0 16px 48px -16px rgba(0, 0, 0, 0.35));
}

html.glass li.course-session-activity-item {
  background: var(--tm-glass-bg-strong, rgba(255, 255, 255, 0.85));
  border-color: var(--tm-glass-border, rgba(255, 255, 255, 0.55));
}

@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)) {
  html.glass ul.course-sessions-list li.course-session-item:not([data-session-is-today=true]):not([data-session-is-today=True]) .course-session-item-container {
    background: var(--tm-glass-bg, rgba(255, 255, 255, 0.62));
    -webkit-backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
    backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
  }
}

/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  ul.course-sessions-list {
    --tl-gutter: 34px;
    --tl-rail: 15px;
    --tl-node-center: 32px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /*li.achievement-item
  {
  	width: calc(100% / 2 - 10px);
  }*/
  li.achievement-item:nth-child(2n+1) {
    margin-right: 10px;
  }
  li.achievement-item.single {
    width: 100%;
  }
  li.achievement-item.single:nth-child(2n+1) {
    margin-right: 0;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .course-session-node,
  .session-live-pill .blip {
    animation: none;
  }
  .course-titular-hero:hover .course-titular-portrait,
  ul.course-sessions-list li.course-session-item:hover .course-session-item-container,
  ul.course-hosts-list.important li.course-host-item:hover .course-host-icon-wrapper {
    transform: none;
  }
}

/* "Session team" section on the product course details page.
   Redesigned as a set of elegant, theme-aware member cards: each member shows a
   circular avatar (the person's photo when available, otherwise a branded generic
   icon painted on the theme gradient), the full name, and contact rows with soft
   icon chips. Every colour is driven by the FO theme tokens (--tm-*), and each
   surface frosts when the shop opts into the glass material (html.glass).

   NOTE on icons: FontAwesome renders as inline <svg> (SVG+JS kit), so icon boxes
   are NEVER styled by selecting the <i>/<svg> directly. Instead each icon sits in
   a styled container/wrapper (chip, avatar, button) that sets `color` and
   `font-size`; the glyph inherits them (svg uses fill:currentColor + height:1em),
   which works identically in webfont mode. */
.course-session-team-wrapper {
  margin: calc(3.5 * 10px) 0 0;
  pointer-events: auto;
}
.course-session-team-wrapper .course-session-team-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: calc(1.4 * 10px);
}
.course-session-team-wrapper .course-session-team-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(0.7 * 10px);
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--tm-text-muted, #555);
}
.course-session-team-wrapper .course-session-team-title .tm-icon {
  color: var(--tm-primary, #0088d4);
  font-size: 1.05em;
}
.course-session-team-wrapper .course-session-team-title .course-session-team-label {
  font-weight: 700;
  color: inherit;
}
.course-session-team-wrapper .course-session-team-title .course-session-team-name {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--tm-primary, #0088d4);
  letter-spacing: 1px;
}
.course-session-team-wrapper .course-session-team-title .course-session-team-name:not(:empty)::before {
  content: "–"; /* en dash */
  margin-right: calc(0.4 * 10px);
  color: var(--tm-text-muted, #777);
}
.course-session-team-wrapper .add-team-member-command {
  white-space: nowrap;
  font-size: 0.8rem;
  padding: calc(0.4 * 10px) calc(1.3 * 10px);
  line-height: 1.3;
}
.course-session-team-wrapper .course-session-team-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  gap: calc(1.6 * 10px);
}
.course-session-team-wrapper .course-session-team-card {
  position: relative;
  text-align: center;
  border: solid 1px rgba(0, 136, 212, 0.14);
  border: solid 1px color-mix(in srgb, var(--tm-primary, #0088d4) 14%, transparent);
  border-radius: 16px;
  background: var(--tm-surface, white);
  padding: calc(2.2 * 10px) calc(1.8 * 10px) calc(1.8 * 10px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  min-width: 0;
}
.course-session-team-wrapper .course-session-team-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 16px 16px 0 0;
  background: linear-gradient(90deg, var(--tm-primary, #0088d4) 0%, var(--tm-secondary, #00c893) 100%);
  opacity: 0.85;
  transition: opacity 0.2s;
}
.course-session-team-wrapper .course-session-team-card:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 136, 212, 0.3);
  border-color: color-mix(in srgb, var(--tm-primary, #0088d4) 30%, transparent);
  box-shadow: 0 12px 26px -8px rgba(0, 0, 0, 0.18);
}
.course-session-team-wrapper .course-session-team-card:hover::before {
  opacity: 1;
}
.course-session-team-wrapper .course-session-team-card:hover .cst-avatar {
  transform: scale(1.04);
}
.course-session-team-wrapper .cst-avatar {
  width: 74px;
  height: 74px;
  margin: calc(1.2 * 10px) auto calc(1 * 10px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 0 4px var(--tm-surface, white), 0 0 0 5px rgba(0, 136, 212, 0.2), 0 8px 18px -6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 4px var(--tm-surface, white), 0 0 0 5px color-mix(in srgb, var(--tm-primary, #0088d4) 25%, transparent), 0 8px 18px -6px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s;
}
.course-session-team-wrapper .cst-avatar > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.course-session-team-wrapper .cst-avatar.is-placeholder {
  background: linear-gradient(135deg, var(--tm-primary-dark, #006197) 0%, var(--tm-primary, #0088d4) 100%);
  color: white;
  font-size: 30px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}
.course-session-team-wrapper .course-session-team-card-name {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  color: var(--tm-text, #333);
  word-break: break-word;
}
.course-session-team-wrapper .cst-divider {
  display: block;
  width: 34px;
  height: 3px;
  margin: calc(0.8 * 10px) auto calc(1.1 * 10px);
  border-radius: 3px;
  background: linear-gradient(90deg, var(--tm-primary, #0088d4) 0%, var(--tm-secondary, #00c893) 100%);
  opacity: 0.6;
}
.course-session-team-wrapper .cst-contacts {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: calc(0.8 * 10px);
}
.course-session-team-wrapper .course-session-team-card-contact {
  display: flex;
  align-items: center;
  gap: calc(0.9 * 10px);
  font-size: 13px;
  color: var(--tm-text-muted, #777);
  min-width: 0;
}
.course-session-team-wrapper .course-session-team-card-contact .cst-chip {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font-size: 12px;
}
.course-session-team-wrapper .course-session-team-card-contact .cst-contact-text {
  min-width: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.35;
}
.course-session-team-wrapper .course-session-team-card-contact.cst-email .cst-chip {
  color: var(--tm-primary, #0088d4);
  background: rgba(0, 136, 212, 0.1);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 12%, transparent);
}
.course-session-team-wrapper .course-session-team-card-contact.cst-phone .cst-chip {
  color: var(--tm-secondary, #00c893);
  background: rgba(0, 200, 147, 0.1);
  background: color-mix(in srgb, var(--tm-secondary, #00c893) 14%, transparent);
}
.course-session-team-wrapper .course-session-team-card-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  gap: calc(0.5 * 10px);
  z-index: 2;
}
.course-session-team-wrapper .cst-action-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: solid 1px rgba(0, 136, 212, 0.18);
  border: solid 1px color-mix(in srgb, var(--tm-primary, #0088d4) 18%, transparent);
  background: var(--tm-surface, white);
  color: var(--tm-text-muted, #777);
  font-size: 12px;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s;
}
.course-session-team-wrapper .cst-action-btn > * {
  pointer-events: none;
}
.course-session-team-wrapper .cst-action-btn:hover, .course-session-team-wrapper .cst-action-btn:focus {
  transform: scale(1.12);
}
.course-session-team-wrapper .cst-action-btn.cst-edit:hover, .course-session-team-wrapper .cst-action-btn.cst-edit:focus {
  background: var(--tm-primary, #0088d4);
  border-color: var(--tm-primary, #0088d4);
  color: white;
}
.course-session-team-wrapper .cst-action-btn.cst-delete:hover, .course-session-team-wrapper .cst-action-btn.cst-delete:focus {
  background: var(--tm-danger, #ff6500);
  border-color: var(--tm-danger, #ff6500);
  color: white;
}

/* add/edit member dialog form */
.course-session-team-member-form {
  margin: calc(0.5 * 10px);
  padding: calc(2.2 * 10px);
  border: solid 1px rgba(135, 212, 255, 0.5);
  border-radius: 5px;
  background: var(--tm-surface, white);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.course-session-team-member-form .cst-form-row {
  margin-bottom: calc(1.6 * 10px);
}
.course-session-team-member-form .cst-form-row:last-child {
  margin-bottom: 0;
}
.course-session-team-member-form .cst-form-row label {
  display: block;
  margin-bottom: calc(0.5 * 10px);
  font-weight: 600;
}
.course-session-team-member-form .cst-form-row .cst-required {
  color: red;
}
.course-session-team-member-form .cst-form-row .form-control {
  width: 100%;
}
.course-session-team-member-form .cst-form-row .form-control.is-invalid {
  border-color: red;
}

/* Frosted-glass treatment - applies only when the shop opts in via html.glass.
   The member cards (and the dialog form inside the already-frosted popup) become
   translucent, backdrop-blurred panels, matching the rest of the glass surfaces. */
html.glass .course-session-team-wrapper .course-session-team-card {
  background: var(--tm-glass-bg-strong, rgba(255, 255, 255, 0.85));
  border-color: var(--tm-glass-border, rgba(255, 255, 255, 0.55));
  box-shadow: var(--tm-glass-shadow, 0 16px 48px -16px rgba(0, 0, 0, 0.35));
}

html.glass .course-session-team-member-form {
  background: transparent;
  border-color: var(--tm-glass-border, rgba(255, 255, 255, 0.55));
  box-shadow: none;
}

@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)) {
  html.glass .course-session-team-wrapper .course-session-team-card {
    background: var(--tm-glass-bg, rgba(255, 255, 255, 0.62));
    -webkit-backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
    backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
  }
}
/* the session sub-sections now align flush-left with the card padding (the old
   session icon that needed a left margin is gone), so no left indent here. */

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.list-view-pagination-container {
  padding: 10px 0;
  text-align: left;
  font-size: 0;
}

.list-view-pagination-container > a.page-link {
  display: inline-block;
  min-width: 30px;
  width: auto;
  height: 30px;
  text-align: center;
  line-height: 28px;
  border: solid 1px var(--tm-border, #e5e5e5);
  font-size: 14px;
  color: var(--tm-text-muted, #aaa);
  text-decoration: none;
  background: none;
  padding: 0 calc(10px / 2);
  margin: 0 calc(10px / 6);
  border-radius: 15px;
  transition-duration: 0.2s;
}

.list-view-pagination-container > a.page-link.last-page,
.list-view-pagination-container > a.page-link.first-page {
  width: auto;
  padding: 0 10px;
  margin: 0 calc(10px / 6);
  border-radius: 15px;
  border: solid 1px var(--tm-border, #e5e5e5);
}

.list-view-pagination-container > a.page-link.first-page {
  margin-left: 0;
}

.list-view-pagination-container > a.page-link.last-page {
  margin-right: 0;
}

.list-view-pagination-container > a.page-link:hover {
  color: white;
  background: var(--tm-primary, #0088d4);
  border: solid 1px var(--tm-primary, #0088d4);
}

.list-view-pagination-container > a.page-link:focus,
.list-view-pagination-container > a.page-link:active {
  outline: none;
  border: solid 1px var(--tm-primary, #0088d4);
}

.list-view-pagination-container > a.page-link.selected {
  color: white;
  background: var(--tm-primary, #0088d4);
  border: solid 1px var(--tm-primary, #0088d4);
}

.list-view-pagination-container .total-items-count {
  height: 30px;
  line-height: 30px;
  font-style: italic;
  float: right;
  font-size: 14px;
  color: var(--tm-text-muted, #bababa);
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
:root {
  --shake-frequency: 300;
}

/*Product card modifs -----------*/
.add-to-cart-container .product-link .picture-wrapper {
  height: 200px;
}

.add-to-cart-container .product-link .picture-wrapper .product-picture {
  max-height: calc(7 * 200px / 8);
}

.add-to-cart-container .product-link .product-name {
  font-size: 18px;
}

.add-to-cart-container .product-link .rating-container {
  display: none;
}

.own-popup-container .product-card-wrapper {
  display: none;
}

/*--------------------------------*/
.add-to-cart-value-details-container {
  border-radius: 10px;
  overflow: hidden;
}

.add-to-cart-quantity-container {
  text-align: center;
  background: rgba(135, 212, 255, 0.15);
  padding: calc(2 * 10px);
}

.add-to-cart-value-container {
  text-align: center;
  background: rgba(135, 212, 255, 0.25);
  padding: calc(2 * 10px);
}

.own-popup-container .add-to-cart-quantity-container,
.own-popup-container .add-to-cart-value-container {
  background: none;
}

.own-popup-container .finalize-add-to-cart-command {
  display: none;
}

.add-to-cart-value-container .add-to-cart-value {
  margin: 0 auto;
  width: auto;
}

.add-to-cart-value-container .add-to-cart-value span.value {
  font-weight: 600;
  font-size: 50px;
  color: var(--tm-text-muted, #777);
}

.add-to-cart-value-container .add-to-cart-value span.currency {
  font-size: 24px;
}

.add-to-cart-quantity-wrapper {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.add-to-cart-quantity-input-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.add-to-cart-quantity-input-wrapper .quantity-command {
  flex-grow: 0;
  background: var(--tm-success, #85c177);
  color: white;
  border: none;
  padding: 10px calc(2 * 10px);
  cursor: pointer;
  font-size: 26px;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.add-to-cart-quantity-input-wrapper .quantity-command:focus,
.add-to-cart-quantity-input-wrapper .quantity-command:active {
  outline: none;
}

.add-to-cart-quantity-input-wrapper .quantity-command.decrement {
  border-radius: 10px 0 0 10px;
}

.add-to-cart-quantity-input-wrapper .quantity-command.increment {
  border-radius: 0 10px 10px 0;
}

.add-to-cart-quantity-input-wrapper .quantity-value {
  flex-grow: 1;
  font-size: 26px;
  text-align: center;
  border: solid 1px var(--tm-success, #85c177);
  padding: 10px;
  display: inline-block;
  vertical-align: middle;
  min-width: 0;
}

.commands-container:has(.product-card-reserve-action) {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container {
  width: 100%;
}
.commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #87489b 0%, #b269ca 100%);
  color: white;
  border-radius: 5px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #b269ca 0%, #87489b 100%);
  transition: left 0.4s ease-out;
  z-index: 0;
  pointer-events: none;
}
.commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}
.commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action:hover::before {
  left: 0;
}
.commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action .tm-icon {
  position: relative;
  z-index: 1;
}
.commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action-text {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  padding-left: 17px;
  white-space: nowrap;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  /*5%
  {
  	transform: translateX(-5px);
  }*/
  10% {
    transform: translateX(-5px);
  }
  /*15%
  {
  	transform: translateX(-5px);
  }*/
  20% {
    transform: translateX(5px);
  }
  /*25%
  {
  	transform: translateX(-5px);
  }*/
  30% {
    transform: translateX(-5px);
  }
  /*35%
  {
  	transform: translateX(-5px);
  }*/
  40% {
    transform: translateX(5px);
  }
  /*45%
  {
  	transform: translateX(-5px);
  }*/
  50% {
    transform: translateX(-5px);
  }
  /*55%
  {
  	transform: translateX(-5px);
  }*/
  60% {
    transform: translateX(5px);
  }
  /*65%
  {
  	transform: translateX(-5px);
  }*/
  70% {
    transform: translateX(-5px);
  }
  /*75%
  {
  	transform: translateX(-5px);
  }*/
  80% {
    transform: translateX(5px);
  }
  /*85%
  	{
  		transform: translateX(-5px);
  	}
  */
  90% {
    transform: translateX(-5px);
  }
  /*
  95%
  {
  	transform: translateX(-5px);
  }*/
}
/*@keyframes shake
{
	0%, 100%
	{
		transform: translateX(0);
	}

	5%
	{
		transform: translateX(-5px);
	}

	10%
	{
		transform: translateX(5px);
	}

	15%
	{
		transform: translateX(-5px);
	}

	20%
	{
		transform: translateX(5px);
	}

	25%
	{
		transform: translateX(-5px);
	}

	30%
	{
		transform: translateX(5px);
	}

	35%
	{
		transform: translateX(-5px);
	}

	40%
	{
		transform: translateX(5px);
	}

	45%
	{
		transform: translateX(-5px);
	}

	50%
	{
		transform: translateX(5px);
	}

	55%
	{
		transform: translateX(-5px);
	}

	60%
	{
		transform: translateX(5px);
	}

	65%
	{
		transform: translateX(-5px);
	}

	70%
	{
		transform: translateX(5px);
	}

	75%
	{
		transform: translateX(-5px);
	}

	80%
	{
		transform: translateX(5px);
	}

	85%
	{
		transform: translateX(-5px);
	}

	90%
	{
		transform: translateX(5px);
	}

	95%
	{
		transform: translateX(-5px);
	}
}*/
.shake-animation {
  animation: shake 300ms ease-in-out;
}

.flying-circle {
  position: absolute;
  z-index: 1000;
  box-shadow: 0 0 10px rgba(0, 128, 0, 0.5);
  background: linear-gradient(90deg, #5e945e 0%, #85c177 100%);
  color: white;
  text-align: center;
  width: 44px;
  height: 44px;
  line-height: 47px;
  border-radius: 50%;
  padding: 0;
  margin: 5px 0 0 0;
  border: none;
  cursor: pointer;
  transition-duration: 0.2s;
  opacity: 0.9;
}

/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .commands-container:has(.product-card-reserve-action) {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
  }
  .commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container {
    width: unset;
  }
  .commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action {
    border-radius: 50%;
    padding: 10px;
    height: 44px;
    width: 44px;
    display: inline-block;
    background: #87489b;
    color: white;
    box-shadow: none;
    transition: background-color 0.2s, box-shadow 0.2s;
  }
  .commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action::before {
    display: none;
  }
  .commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action:hover {
    background: #b269ca;
    transform: none;
    box-shadow: none;
  }
  .commands-container:has(.product-card-reserve-action) .product-card-reserve-action-container .product-card-reserve-action-text {
    display: none;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .add-to-cart-quantity-input-wrapper .quantity-command {
    width: 75px;
    padding: 10px calc(3 * 10px);
  }
  .add-to-cart-quantity-wrapper {
    width: 60%;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .add-to-cart-container .product-link .product-name {
    font-size: 22px;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .add-to-cart-quantity-wrapper {
    width: 35%;
  }
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
/* =============================================================================
   COURSE CONTENTS ("course player") - modernised, theme-aware reader.

   The whole reader now reads its colours from the FO design tokens
   (var(--tm-*)) so it follows the shop's selected interface theme; every value
   still falls back to the original literal, so unthemed / Default shops render
   the same neutral base. Layout is mobile-first: the index is an off-canvas
   drawer on phones/tablets and a fixed rail on desktop.

   NOTE: $cc-progress-h / $cc-progress-h-mobile below MUST stay in sync with the
   same locals in own.os.course.forms.summary.scss (the progress strip lives in
   a sibling file but shares this container's top offset).
   ============================================================================= */
/* Course-reader layout metrics. These names also exist in own.os.variables.scss,
   but only the two course files consume them, so redefining them locally themes
   the reader without forcing a global SCSS recompile of unrelated files. */
/* Immersive index panel: a dark, theme-tinted gradient. Blending the theme
   primary with a deep neutral keeps white text legible on ANY theme (even bright
   yellow/lime primaries) while still clearly picking up the shop's hue. */
/* ---------------------------------------------------------------------------
   Shell
   --------------------------------------------------------------------------- */
.page-container.course-structure-container {
  padding: 10px;
}

.course-structure-container {
  position: absolute;
  top: 66px;
  left: 0;
  right: 0;
  bottom: 0;
}

.course-structure-container.no-course-forms-summary {
  top: 0;
}

/* ---------------------------------------------------------------------------
   Page header (the fully-expanded course title bar): an app-style header with a
   themed "back to course" button leading and the course name filling the rest.
   Scoped via the TitleCustomCSSClass (course-reader-title) set on this page, so
   it never leaks to the other pages that reuse this stylesheet.
   --------------------------------------------------------------------------- */
h1.page-main-title.course-reader-title {
  display: flex;
  align-items: center;
  gap: calc(1.2 * 10px);
  height: 78px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 calc(1.4 * 10px);
  font-size: 18px;
  line-height: 1.2;
  background: var(--tm-surface, white);
  border-bottom: 1px solid var(--tm-border, #e5e5e5);
}

.course-reader-title .page-main-title-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  color: var(--tm-text, #333);
}

.course-reader-title .back-to-course-command {
  order: -1;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: calc(0.7 * 10px);
  padding: calc(0.6 * 10px) calc(1.3 * 10px);
  border-radius: 999px;
  border: 1px solid var(--tm-border, #e5e5e5);
  background: var(--tm-surface, white);
  color: var(--tm-primary, #0088d4);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.course-reader-title .back-to-course-command i {
  font-size: 13px;
  line-height: 1;
  transition: transform 0.2s ease;
}

.course-reader-title .back-to-course-command:hover,
.course-reader-title .back-to-course-command:focus {
  outline: none;
  text-decoration: none;
  color: var(--tm-primary-dark, #006197);
  border-color: var(--tm-primary, #0088d4);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 9%, transparent);
  box-shadow: 0 4px 14px -8px rgba(0, 0, 0, 0.4);
}

.course-reader-title .back-to-course-command:hover i,
.course-reader-title .back-to-course-command:focus i {
  transform: translateX(-3px);
}

/* phones: icon-only circular back button, hand the width back to the title */
@media (max-width: 575px) {
  h1.page-main-title.course-reader-title {
    gap: 10px;
    padding: 0 10px;
  }
  .course-reader-title .back-to-course-command {
    gap: 0;
    width: 42px;
    height: 42px;
    padding: 0;
    justify-content: center;
  }
  .course-reader-title .back-to-course-command i {
    font-size: 15px;
  }
  .course-reader-title .back-to-course-command .back-label {
    display: none;
  }
}
/* ---------------------------------------------------------------------------
   Index (table of contents) - off-canvas drawer on mobile, fixed rail  lg
   --------------------------------------------------------------------------- */
.course-index-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(86vw, 360px);
  margin: 0;
  color: #fff;
  overflow: hidden;
  z-index: 40;
  transform: translateX(-100%);
  transition: transform 0.2s ease;
  box-shadow: 8px 0 34px -10px rgba(0, 0, 0, 0.55);
  background: linear-gradient(158deg, #294a68 0%, #16273c 100%);
  background: linear-gradient(158deg, color-mix(in srgb, var(--tm-primary, #0088d4) 42%, #16273c) 0%, color-mix(in srgb, var(--tm-primary-dark, #006197) 46%, #0f1a2b) 100%);
}

.course-structure-container.index-visible .course-index-container {
  transform: translateX(0);
}

/* dimmed backdrop shown behind the drawer on mobile */
.cc-index-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 35;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}

.course-structure-container.index-visible .cc-index-overlay {
  opacity: 1;
  visibility: visible;
}

.course-index-backdrop {
  background-size: cover;
  background-position: center;
  pointer-events: none;
  position: absolute;
  top: -24px;
  left: -24px;
  right: -24px;
  bottom: -24px;
  filter: blur(9px) saturate(1.1);
  opacity: 0.16;
  mix-blend-mode: luminosity;
}

.course-index {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: calc(1.4 * 10px) calc(1.1 * 10px) calc(2 * 10px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.course-index-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 calc(1.2 * 10px);
  padding: 0 calc(0.3 * 10px) calc(1.1 * 10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.course-index-header h4 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  opacity: 0.94;
}

ul.sections-list {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: default;
}

ul.sections-list > li.section-item {
  margin: 3px 0;
}

/* a section row = [ name link (grows) ][ expand caret ] */
.cc-item-row {
  display: flex;
  align-items: stretch;
  gap: 2px;
}

li.section-item .section-name,
li.chapter-item .chapter-name {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: calc(0.75 * 10px);
  color: #fff;
  text-decoration: none;
  position: relative;
  border-radius: 11px;
  border: 1px solid transparent;
  background: transparent;
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}

li.section-item .section-name {
  font-weight: 600;
  font-size: 14px;
  padding: calc(0.6 * 10px) calc(0.8 * 10px);
}

li.chapter-item .chapter-name {
  font-weight: 500;
  font-size: 14px;
  padding: calc(0.5 * 10px) calc(0.8 * 10px);
  color: rgba(255, 255, 255, 0.86);
}

li.section-item .section-name:hover,
li.chapter-item .chapter-name:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.16);
  text-decoration: none;
  color: #fff;
}

/* selected item: brighter fill + a gold accent bar on the leading edge */
li.section-item.selected > .cc-item-row .section-name,
li.chapter-item.selected .chapter-name {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: inset 3px 0 0 0 rgb(255, 239, 151);
  color: #fff;
}

/* leading icon chip */
.cc-item-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: rgb(255, 239, 151);
  font-size: 13px;
}

li.section-item .section-name-text,
li.chapter-item .chapter-name-text {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* subchapters counter - a subtle glassy pill */
.subchapters-count {
  flex: 0 0 auto;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 10px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}

/* per-item completion status dot (only when a form is attached to the item) */
.cc-item-status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  font-size: 10px;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.18);
}

.cc-item-status.passed {
  background: #5e945e;
}

.cc-item-status.taken {
  background: #af0000;
}

.cc-item-status.pending {
  background: #4196d2;
}

.cc-item-status.retake {
  background: #87489b;
}

.cc-item-status.untaken {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);
}

/* expand / collapse caret for sections that own chapters (client-side toggle) */
.cc-section-toggle {
  flex: 0 0 auto;
  width: 34px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, transform 0.2s, color 0.2s;
}

.cc-section-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.cc-section-toggle .tm-icon {
  transition: transform 0.2s ease;
}

li.section-item.opened > .cc-item-row .cc-section-toggle .tm-icon {
  transform: rotate(180deg);
}

ul.chapters-list {
  display: none;
  list-style: none;
  margin: 3px 0 6px calc(1.6 * 10px);
  padding-left: calc(0.9 * 10px);
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

li.section-item.opened > ul.chapters-list {
  display: block;
}

ul.chapters-list li.chapter-item {
  margin: 2px 0;
}

.cc-item-icon.chapter-icon {
  width: 22px;
  height: 22px;
  font-size: 11px;
  border-radius: 7px;
}

/* ---------------------------------------------------------------------------
   Contents pane
   --------------------------------------------------------------------------- */
.course-contents-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: var(--tm-surface, white);
}

.course-contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.active-element-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 62px;
  margin: 0;
  padding: 0 calc(1.4 * 10px);
  display: flex;
  align-items: center;
  gap: calc(0.9 * 10px);
  z-index: 5;
  background: var(--tm-surface, white);
  border-bottom: 1px solid var(--tm-border, #e5e5e5);
  box-shadow: 0 6px 18px -14px rgba(0, 0, 0, 0.5);
}
.active-element-title .ae-title-text {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  font-weight: 600;
  color: var(--tm-text, #333);
}

/* small section/chapter type glyph beside the content title */
.ae-title-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  color: var(--tm-primary, #0088d4);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 13%, transparent);
  font-size: 14px;
}

.course-contents-wrapper {
  position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: var(--tm-surface, white);
  padding: calc(2 * 10px) calc(1.5 * 10px) calc(3 * 10px);
  z-index: 1;
}

.course-contents.has-next-prev-links .course-contents-wrapper {
  bottom: 72px;
}

/* comfortable reading measure for the authored content */
.cc-reading-column {
  max-width: 940px;
  margin: 0 auto;
}

/* ---- authored content (rich HTML) prose ---- */
.conntent-for-display {
  color: var(--tm-text, #333);
  font-size: 16px;
  line-height: 1.75;
  word-wrap: break-word;
}
.conntent-for-display img {
  max-width: 100%;
  height: auto;
  border-radius: 11px;
}
.conntent-for-display h1, .conntent-for-display h2, .conntent-for-display h3, .conntent-for-display h4, .conntent-for-display h5, .conntent-for-display h6 {
  color: var(--tm-text, #444);
  line-height: 1.3;
  margin: calc(2.2 * 10px) 0 10px;
  font-weight: 700;
}
.conntent-for-display p {
  margin: 0 0 calc(1.4 * 10px);
}
.conntent-for-display ul, .conntent-for-display ol {
  margin: 0 0 calc(1.4 * 10px);
  padding-left: calc(2.4 * 10px);
}
.conntent-for-display li {
  margin: calc(0.3 * 10px) 0;
}
.conntent-for-display a {
  color: var(--tm-anchor, #0366d6);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.conntent-for-display a:hover {
  color: var(--tm-anchor-hover, #004796);
}
.conntent-for-display blockquote {
  margin: calc(2 * 10px) 0;
  padding: calc(0.6 * 10px) calc(1.6 * 10px);
  border-left: 3px solid var(--tm-primary, #0088d4);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 5%, transparent);
  border-radius: 0 11px 11px 0;
  color: var(--tm-text-muted, #555);
}
.conntent-for-display table {
  max-width: 100%;
  border-collapse: collapse;
}
.conntent-for-display td, .conntent-for-display th {
  border: 1px solid var(--tm-border, #e5e5e5);
  padding: calc(0.5 * 10px) 10px;
}
.conntent-for-display hr {
  border: 0;
  border-top: 1px solid var(--tm-border, #e5e5e5);
  margin: calc(2.5 * 10px) 0;
}

.conntent-for-display p:has(iframe) {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.conntent-for-display p iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 11px;
}

/* ---- attached forms / quizzes (rendered inside the reader) ---- */
.course-forms-container h5 {
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: var(--tm-text, #444);
}

.course-contents .course-forms-container .survey-item-container {
  background: var(--tm-surface, white);
  border: 1px solid var(--tm-border, #e5e5e5);
  border-left: 3px solid var(--tm-primary, #0088d4);
  border-radius: 16px;
  padding: calc(1.6 * 10px);
  margin: 10px 0;
  box-shadow: 0 2px 12px -8px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
}

.course-contents .course-forms-container .survey-item-container:hover {
  box-shadow: 0 12px 26px -14px rgba(0, 0, 0, 0.28);
  transform: translateY(-2px);
  border-left-color: var(--tm-accent, #ff6500);
}

.course-contents .course-forms-container .survey-item-head {
  display: flex;
  align-items: center;
  gap: calc(0.9 * 10px);
  position: relative;
  z-index: 1;
}

.course-contents .course-forms-container .survey-item-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  color: var(--tm-primary, #0088d4);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 12%, transparent);
  font-size: 16px;
}

.course-contents .course-forms-container .survey-item-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--tm-text, #555);
}

.course-contents .course-forms-container .already-completed-survey-hint {
  display: inline-flex;
  align-items: center;
  gap: calc(0.6 * 10px);
  color: #5e945e;
  background: color-mix(in srgb, var(--tm-success, #85c177) 14%, transparent);
  padding: calc(0.4 * 10px) calc(1.1 * 10px);
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
}

/* ---------------------------------------------------------------------------
   Empty / no-access states
   --------------------------------------------------------------------------- */
.no-section-nor-chapter-selected,
.no-have-access-to-content {
  max-width: 460px;
  margin: clamp(36px, 12vh, 120px) auto;
  padding: calc(2 * 10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: calc(1.4 * 10px);
  cursor: default;
}

.no-section-nor-chapter-selected .tm-icon,
.no-have-access-to-content .tm-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  font-size: 42px;
  color: var(--tm-primary, #0088d4);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 12%, transparent);
}

.no-have-access-to-content .tm-icon {
  color: var(--tm-accent, #ff6500);
  background: color-mix(in srgb, var(--tm-accent, #ff6500) 12%, transparent);
}

.no-sel-message,
.no-have-access-to-content-message {
  font-size: 16px;
  line-height: 1.5;
  color: var(--tm-text-muted, #777);
  font-weight: 500;
  max-width: 34ch;
}

/* ---------------------------------------------------------------------------
   Prev / next footer
   --------------------------------------------------------------------------- */
.contents-commands-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 calc(1.5 * 10px);
  z-index: 6;
  background: var(--tm-surface, white);
  border-top: 1px solid var(--tm-border, #e5e5e5);
  box-shadow: 0 -6px 18px -14px rgba(0, 0, 0, 0.5);
}

.cc-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: calc(0.7 * 10px);
  max-width: 46%;
  border-radius: 999px;
  font-weight: 600;
  padding: calc(0.6 * 10px) calc(1.5 * 10px);
  white-space: nowrap;
}

.cc-nav-btn .cc-nav-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cc-nav-next {
  margin-left: auto;
}

/* ---------------------------------------------------------------------------
   Drawer toggles (mobile only - Bootstrap d-lg-none hides them  lg)
   --------------------------------------------------------------------------- */
.show-list-with-section-and-chapters {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: calc(0.5 * 10px);
  padding: calc(0.45 * 10px) calc(1.1 * 10px);
  border-radius: 999px;
  border: 1px solid var(--tm-border, #e5e5e5);
  background: var(--tm-surface, white);
  color: var(--tm-primary, #0088d4);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.show-list-with-section-and-chapters:hover, .show-list-with-section-and-chapters:focus {
  outline: none;
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 10%, transparent);
  border-color: var(--tm-primary, #0088d4);
}

.hide-list-with-section-and-chapters {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
}
.hide-list-with-section-and-chapters:hover, .hide-list-with-section-and-chapters:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.22);
}

/* ---------------------------------------------------------------------------
   Frosted-glass opt-in (html.glass) - let the reader panels frost too
   --------------------------------------------------------------------------- */
html.glass h1.page-main-title.course-reader-title,
html.glass .active-element-title,
html.glass .contents-commands-container {
  background: var(--tm-glass-bg-strong, rgba(255, 255, 255, 0.85));
  border-color: var(--tm-glass-border, rgba(255, 255, 255, 0.55));
}

@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)) {
  html.glass h1.page-main-title.course-reader-title,
  html.glass .active-element-title,
  html.glass .contents-commands-container {
    background: var(--tm-glass-bg, rgba(255, 255, 255, 0.62));
    -webkit-backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
    backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
  }
}
/* ---- Shared material / ranking / session-materials styles (unchanged; reused by other course pages) ---- */
.materials-container > h5 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Product-details: the "Documente atasate" heading matches the session sub-headings
   (uppercase, 1px tracking, grey via the FO --tm-text-muted token). */
.product-course-details-container .materials-container > h5,
ul.course-sessions-list li.course-session-item .materials-container h5,
.product-course-details-container .course-global-attached-materials .materials-container > h5 {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  margin: 0 0 calc(1.4 * 10px);
}

/* more breathing room above the attached-documents block */
ul.course-sessions-list li.course-session-item .materials-container {
  margin: calc(5 * 10px) 0 0;
}

.product-course-details-container .course-global-attached-materials .materials-container {
  margin-top: calc(2.5 * 10px);
}

/* ------------------------------------------------------------------------------*/
.product-has-more-types-of-global-materials.course-global-attached-materials .materials-list {
  border-bottom: unset;
}
.product-has-more-types-of-global-materials.product-global-attached-materials .materials-list {
  border-top: unset;
}
.product-has-more-types-of-global-materials ul.materials-list {
  margin-bottom: 0;
}

ul.materials-list {
  list-style: none;
  /*margin: 0 calc(-1 * 10px);*/
  padding: 0;
  font-size: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
  background: var(--tm-surface-alt, #fafafa);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 3%, var(--tm-surface, white));
  padding: 20px;
  border: solid 1px #bfe8ff;
  border: solid 1px color-mix(in srgb, var(--tm-primary, #0088d4) 12%, transparent);
  border-radius: 14px;
}

ul.materials-list > li.material-item {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin: 10px;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  overflow: hidden;
  background: var(--tm-surface, white);
  border: solid 1px rgba(0, 136, 212, 0.13);
  border: solid 1px color-mix(in srgb, var(--tm-primary, #0088d4) 13%, transparent);
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  cursor: default;
  height: 320px;
  width: 260px;
}
ul.materials-list > li.material-item .material-item-contents {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: none;
  border-radius: 16px;
}
ul.materials-list > li.material-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 4px;
  background: linear-gradient(90deg, var(--tm-primary, #0088d4) 0%, var(--tm-secondary, #00c893) 100%);
  border-radius: 16px 16px 0 0;
  opacity: 0.9;
  transition: opacity 0.2s;
}
ul.materials-list > li.material-item:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 136, 212, 0.3);
  border-color: color-mix(in srgb, var(--tm-primary, #0088d4) 30%, transparent);
  box-shadow: 0 14px 28px -10px rgba(0, 0, 0, 0.18);
}
ul.materials-list > li.material-item:hover::after {
  opacity: 1;
}

li.material-item .material-picture-container {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 92px;
  height: 92px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-duration: 0.2s;
  background: rgba(0, 136, 212, 0.1);
  background: color-mix(in srgb, var(--tm-primary, #0088d4) 10%, transparent);
}

li.material-item .material-picture-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

li.material-item:hover .material-picture-container {
  transform: translateX(-50%) scale(1.08);
}

li.material-item .material-picture-container .tm-icon {
  font-size: 42px;
  line-height: 1;
  color: var(--tm-primary, #0088d4);
}

li.material-item.pdf-file .material-picture-container {
  background: rgba(175, 0, 0, 0.1);
  background: color-mix(in srgb, #af0000 12%, transparent);
}

li.material-item .material-picture-container .tm-icon.fa-file-pdf {
  color: #af0000;
}

li.material-item.url .material-picture-container {
  background: rgba(0, 200, 147, 0.1);
  background: color-mix(in srgb, var(--tm-secondary, #00c893) 14%, transparent);
}

li.material-item .material-picture-container .tm-icon.fa-link {
  color: var(--tm-secondary, #00c893);
}

li.material-item.picture .material-picture-container {
  background: transparent;
}

li.material-item .material-contents {
  position: absolute;
  top: 122px;
  left: 0;
  right: 0;
  bottom: 54px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  cursor: default;
}

li.material-item .material-commands-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(0.6 * 10px);
  padding: 0 10px calc(1.4 * 10px);
  text-align: center;
}

li.material-item .material-command {
  border-radius: 20px;
  font-size: 12px;
  padding: calc(0.45 * 10px) calc(1.3 * 10px);
  transition: all 0.2s;
}

li.material-item .material-name {
  font-weight: 600;
  font-size: 16px;
  color: var(--tm-text, #333);
  line-height: 1.3;
}

li.material-item .material-description {
  color: var(--tm-text-muted, #777);
  font-size: 14px;
}

li.material-item .material-file-name {
  font-size: 12px;
  color: var(--tm-text-muted, #777);
  word-break: break-word;
}

html.fully-expanded-contents .maximize-contents,
.restore-contents {
  display: none;
}

html.fully-expanded-contents .restore-contents {
  display: inline-block;
}

html.fully-expanded-contents #main-contents {
  position: absolute;
  top: 78px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  border-top: solid 1px #63bef1;
  padding: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  background: var(--tm-body-bg, #dfe7f1);
}

#course-ranking-table {
  width: 100%;
  background: var(--tm-surface, #fff);
  border-collapse: collapse;
}

#course-ranking-table thead tr {
  background: linear-gradient(90deg, #006197 0%, #63bef1 100%);
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}

#course-ranking-table td,
#course-ranking-table th {
  padding: 1em 1.5em;
  text-align: left;
}

#course-ranking-table tbody th {
  background-color: #2ea879;
}

.course-ranking-table-missing-rows {
  cursor: default;
}

#course-ranking-table tbody tr:nth-child(2n-1) {
  background-color: #f5f5f5;
  transition: all 0.125s ease-in-out;
}

#course-ranking-table tbody .self-rank {
  background: linear-gradient(90deg, #5e945e 0%, #a0d497 100%) !important;
}

#course-ranking-table tbody .self-rank td {
  color: white;
  font-weight: 700;
}

#course-ranking-table tbody tr:hover {
  background-color: rgba(50, 98, 149, 0.3);
}

.remove-material-command {
  position: absolute;
  top: 10px;
  left: 10px;
  border: solid 1px transparent;
  transition-duration: 0.2s;
  color: var(--tm-danger, #ff6500);
  opacity: 0.25;
  border-radius: 50%;
  background: var(--tm-surface, white);
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
}
.remove-material-command .tm-icon {
  color: red;
  width: 20px;
  height: 20px;
}

.remove-material-command:hover {
  opacity: 1;
  background: var(--tm-surface, white);
}

.edit-material-command {
  position: absolute;
  top: 10px;
  left: 35px;
  border: solid 1px transparent;
  transition-duration: 0.2s;
  color: var(--tm-danger, #ff6500);
  opacity: 0.25;
  border-radius: 50%;
  background: var(--tm-surface, white);
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px;
}
.edit-material-command .tm-icon {
  color: green;
  width: 20px;
  height: 20px;
}

.edit-material-command:hover {
  opacity: 1;
  background: var(--tm-surface, white);
}

.session-materials-container {
  margin: calc(3 * 10px) 0 calc(3 * 10px) 0;
}

.session-materials-container h4 {
  padding: 0;
  margin: 10px 10px calc(2 * 10px) 10px;
  font-size: 18px;
  color: var(--tm-text, #555);
  text-transform: uppercase;
  letter-spacing: 1px;
}

div.material-contents div.material-description {
  color: green;
  font-style: italic;
}

.course-session-ranking-container {
  margin: calc(3 * 10px) 0 calc(3 * 10px) 0;
}

.course-session-ranking-container h4 {
  padding: 0;
  margin: 10px 10px calc(2 * 10px) 10px;
  font-size: 18px;
  color: var(--tm-text, #555);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.manage-educational-product-materials-command,
.view-educational-product-materials-command {
  padding: calc(0.25 * 10px) calc(1.5 * 10px);
  margin: 0;
  border-radius: 20px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  border: solid 1px var(--tm-anchor, #0366d6);
  transition-duration: 0.2s;
  background: var(--tm-surface, white);
  display: inline-block;
}

.manage-educational-product-materials-command:hover,
.view-educational-product-materials-command:hover {
  background: var(--tm-anchor-hover, #004796);
  border-color: var(--tm-anchor-hover, #004796);
  color: white;
  text-decoration: none;
}

/* "Vezi materialele incarcate" - lets a participant see her own uploaded materials once the upload
   window closed (the manage command is gone): the command shares the pill shape of its sibling
   commands but wears the participant-code accent color; the drawer below slides open with the
   read-only materials list (lazily loaded by own.os.product.details.js) */
.view-my-uploaded-materials-command {
  padding: calc(0.25 * 10px) calc(1.5 * 10px);
  margin: 0;
  border-radius: 20px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  border: solid 1px var(--tm-accent, #ff6500);
  color: var(--tm-accent, #ff6500);
  transition-duration: 0.2s;
  background: var(--tm-surface, white);
  display: inline-block;
}

.view-my-uploaded-materials-command:hover {
  background: var(--tm-accent, #ff6500);
  border-color: var(--tm-accent, #ff6500);
  color: white;
  text-decoration: none;
}

/* the caret signals that this command expands/collapses the drawer below;
   it flips when the drawer is open (own.os.product.details.js toggles .is-expanded) */
.view-my-uploaded-materials-command .cst-drawer-caret {
  margin-left: calc(0.6 * 10px);
  font-size: 12px;
  transition: transform 0.2s;
}

.view-my-uploaded-materials-command.is-expanded {
  background: var(--tm-accent, #ff6500);
  border-color: var(--tm-accent, #ff6500);
  color: white;
}

.view-my-uploaded-materials-command.is-expanded .cst-drawer-caret {
  transform: rotate(180deg);
}

.my-uploaded-materials-drawer {
  display: none;
  margin-top: 10px;
  padding: 10px;
  border: solid 1px var(--tm-border, #bababa);
  border-radius: 8px;
  background: var(--tm-surface, white);
}

.my-uploaded-materials-drawer .my-uploaded-materials-drawer-title {
  margin-bottom: 10px;
}

.my-uploaded-materials-drawer .no-materials-uploaded-hint {
  color: var(--tm-text-muted, #777);
  font-style: italic;
}

/* Frosted-glass treatment for the material cards + drawer (opt-in via html.glass).
   The card becomes a translucent, backdrop-blurred panel; the icon badge and the
   theme-coloured top accent stay on top so the file type is still legible. */
html.glass ul.materials-list > li.material-item {
  background: var(--tm-glass-bg-strong, rgba(255, 255, 255, 0.85));
  border-color: var(--tm-glass-border, rgba(255, 255, 255, 0.55));
  box-shadow: var(--tm-glass-shadow, 0 16px 48px -16px rgba(0, 0, 0, 0.35));
}

html.glass .my-uploaded-materials-drawer {
  background: var(--tm-glass-bg-strong, rgba(255, 255, 255, 0.85));
  border-color: var(--tm-glass-border, rgba(255, 255, 255, 0.55));
}

@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)) {
  html.glass ul.materials-list > li.material-item {
    background: var(--tm-glass-bg, rgba(255, 255, 255, 0.62));
    -webkit-backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
    backdrop-filter: var(--tm-glass-blur, saturate(160%) blur(14px));
  }
}
/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Large devices (desktops, 992px and up): the index becomes a fixed rail and
   the contents pane is offset by its width; the mobile drawer chrome is inert. */
@media (min-width: 992px) {
  .course-structure-container {
    top: 58px;
  }
  .course-structure-container.no-course-forms-summary {
    top: 0;
  }
  .course-index-container {
    width: 328px;
    transform: none;
    box-shadow: none;
    z-index: 10;
  }
  .cc-index-overlay {
    display: none;
  }
  .course-contents-container {
    left: 328px;
  }
  .active-element-title {
    padding: 0 calc(1.6 * 10px);
  }
  .course-contents-wrapper {
    padding: calc(2.4 * 10px) calc(2.4 * 10px) calc(3 * 10px);
  }
}
/* Medium devices (tablets, 768px and up) */
/* (session sub-sections align flush-left - the old session icon that these left
   margins used to clear has been removed) */

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.public-profile-item-wrapper {
  height: 470px;
  margin: calc(2 * 10px) 0;
  position: relative;
}

.search-term-label-public-profile {
  word-break: break-word;
}

.profile-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(1.5 * 10px);
  /*Fancy background: -------------*/
  background-color: var(--tm-surface, #ffffff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='61.4%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23AEE6FF'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23B6E6FF'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg %3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  /*-------------------------------*/
  margin: calc(1.5 * 10px) 0;
  border-radius: 5px;
  text-decoration: none !important;
  flex-direction: column;
  border: solid 1px #87d4ff;
  transition-duration: 0.2s;
  height: 100%;
  overflow: hidden;
}
.profile-item .profile-extra-info {
  max-height: 140px;
  overflow: auto;
  text-align: center;
  padding: calc(1 * 10px);
}
.profile-item .view-public-profile-command {
  position: absolute;
  bottom: 10px;
  right: 50%;
  transform: translateX(50%);
}
.profile-item .view-public-profile-command .tm-icon {
  margin-right: 10px;
}
.profile-item:hover {
  background: var(--tm-surface, white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.075);
}
.profile-item .person-picture-small {
  width: 100px;
  height: 100px;
  min-height: 100px;
  display: inline-block;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
  margin-right: 2px;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.profile-item .person-picture-small-with-icon {
  border: 1px solid #87d4ff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-item .person-picture-small .tm-icon {
  color: #87d4ff;
  width: 55px;
  height: 55px;
}
.profile-item .profile-info-wrapper {
  /*margin-left: $mq;*/
  width: 100%;
}
.profile-item .profile-info-wrapper .contact-info {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.profile-item .profile-info-wrapper .profile-display-name {
  font-size: 22px;
  font-weight: 600;
  color: var(--tm-text-muted, #777);
  line-height: 1.75;
}
.profile-item .profile-info-wrapper .profile-display-email {
  font-size: 16px;
  font-weight: normal;
  color: var(--tm-text-muted, #777);
  line-height: 1.75;
}
.profile-item .profile-info-wrapper .profile-display-phone-number {
  font-size: 18px;
  font-weight: normal;
  color: var(--tm-text-muted, #777);
  line-height: 1.75;
}
.profile-item .profile-info-wrapper .profile-occupation {
  font-size: 18px;
  color: var(--tm-secondary, #00c893);
  line-height: 1.75;
}
.profile-item .profile-info-wrapper .public-profile-availability-type-wrapper {
  display: flex;
  justify-content: center;
  margin: calc(0.5 * 10px) 0;
}
.profile-item .profile-info-wrapper .public-profile-availability-type-wrapper .public-profile-availability-type-text {
  border-top-width: 0;
  border-bottom-width: 0;
  color: var(--tm-secondary-dark, #009970);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.profile-item .profile-info-wrapper .profile-studies-container {
  margin: calc(2 * 10px) 0 0 0;
}
.profile-item .profile-info-wrapper .profile-studies-container .profile-study {
  font-size: 14px;
  color: var(--tm-text, #555);
}
.profile-item .delete-button-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  margin-top: 20px;
  align-self: end;
  display: flex;
  flex: 1;
  justify-content: end;
}
.profile-item .own-checkbox-wrapper {
  margin-top: 20px;
  align-self: end;
  display: flex;
  flex: 1;
  justify-content: end;
}

.public-profiles-card-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.delete-public-profile-connection-command {
  border: 1px solid var(--tm-danger, #ff6500);
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--tm-danger, #ff6500);
}
.delete-public-profile-connection-command:hover {
  background: var(--tm-danger, #ff6500);
  color: white;
}

.public-profile-filter-container {
  padding: 10px 20px;
  border: solid 1px #63bef1;
  background: rgba(37, 120, 182, 0.04);
  margin: 10px 0 0 0;
  border-radius: 5px;
  display: flex;
}
.public-profile-filter-container .public-profile-filter-row {
  width: 100%;
}
.public-profile-filter-container .public-profiles-search-input {
  flex-grow: 1;
}
.public-profile-filter-container .apply-filter-command {
  flex-grow: 0;
  white-space: nowrap;
  margin: 0 0 0 5px;
}
.public-profile-filter-container .public-profile-filter-search-term-and-apply-filter {
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
}
.public-profile-filter-container .public-profile-finder-advanced-search {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}
.public-profile-filter-container .public-profile-finder-advanced-search .col-md-3 {
  padding-right: 0;
}
.public-profile-filter-container .public-profile-filter-apply-filter {
  display: flex;
  justify-content: flex-end;
  margin-top: calc(3 * 10px);
}
.public-profile-filter-container .advanced-search-and-sort-criteria {
  display: flex;
  margin-top: calc(3 * 10px);
  flex-wrap: wrap;
}
.public-profile-filter-container .advanced-search-and-sort-criteria .own-checkbox-wrapper-public-profile-finder {
  width: fit-content;
  display: flex;
  align-items: center;
}
.public-profile-filter-container .advanced-search-and-sort-criteria .for-sort-order {
  width: fit-content;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .profile-item .profile-info-wrapper {
    /*margin-left: calc($mq * 2);*/
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .profile-item {
    /*flex-direction: row;*/
    /*	.person-picture-small
    {
    	width: 80px;
    	height: 80px;
    }*/
  }
  .profile-item .profile-info-wrapper {
    /*margin-left: calc($mq * 4);*/
  }
  .profile-item .delete-button-wrapper {
    margin-top: 0;
    align-self: start;
  }
  .profile-item .own-checkbox-wrapper {
    margin-top: 0;
    align-self: start;
  }
  .public-profile-filter-container .public-profile-filter-apply-filter {
    margin-top: calc(0 * 10px);
  }
  .profile-item .person-picture-small {
    margin-left: 10px;
  }
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
ul.course-client-achievements-list {
  margin: calc(2 * 10px) 0;
  padding: 0;
  list-style: none;
}

li.achievement-item {
  display: flex;
  vertical-align: top;
  width: 100%;
  background: linear-gradient(90deg, #006197 0%, #63bef1 100%);
  color: white;
  padding: 10px calc(2 * 10px);
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 150px 5px 5px 150px;
  position: relative;
  min-height: 140px;
}

li.achievement-item.diploma {
  background: linear-gradient(90deg, #006197 0%, #63bef1 100%);
}

li.achievement-item.certificate {
  background: linear-gradient(90deg, #5e945e 0%, #a0d497 100%);
}

li.achievement-item.marking {
  background: linear-gradient(90deg, #87489b 0%, #b269ca 100%);
}

.achievements-container {
  margin: calc(3 * 10px) 0 10px 0;
  pointer-events: auto;
}

.achievements-container.for-session {
  margin: calc(3 * 10px) 0 10px 0;
}

.achievement-contents {
  position: relative;
  z-index: 1;
  margin-left: 125px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  text-align: start;
}

.achievement-description {
  color: white;
  font-size: 18px;
  font-weight: 400;
  margin-right: calc(6.5 * 10px);
}

li.achievement-item .achievement-contents .go-to-achievement-command {
  color: white;
  border-color: white;
}

li.achievement-item .achievement-contents .go-to-achievement-command:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: white;
  color: white;
}

li.achievement-item .watermark {
  font-size: 38px;
  text-align: center;
  line-height: 105px;
  color: var(--tm-primary, #0088d4);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 50%;
  left: 10px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: var(--tm-surface, white);
  pointer-events: none;
  z-index: 0;
  transition-duration: 0.2s;
  transform: translateY(-50%);
  border: solid 7px #0088d4;
}

li.achievement-item:hover .watermark {
  transform: translateY(-50%) scale(1.1);
}

li.achievement-item.diploma .watermark {
  color: #0088d4;
}

li.achievement-item.marking .watermark {
  color: #b269ca;
  border-color: #b269ca;
}

li.achievement-item.certificate .watermark {
  color: #85c177;
  border-color: #85c177;
  line-height: 3.2;
}
li.achievement-item.certificate .watermark .tm-icon {
  width: 60px;
  height: 60px;
}

li.achievement-item .the-marking {
  font-weight: 600;
}

.achievement-title {
  color: white;
  font-size: 18px;
  font-weight: 400;
  margin-right: calc(6.5 * 10px);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.assignee-login-image-wrapper {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
  margin-right: 2px;
  overflow: hidden;
  margin-right: 5px;
}

.issue-details-container {
  padding: calc(0.5 * 10px);
}
.issue-details-container .nav {
  align-items: center;
}
.issue-details-container .nav-pills .nav-link {
  transition-duration: 0.2s;
  color: var(--tm-primary, #0088d4);
  background: var(--tm-surface, white);
  border: solid 1px #bfe8ff;
  border-radius: 150px;
  padding: calc(0.35 * 10px) calc(1.5 * 10px);
  font-size: 14px;
  margin: 0 calc(0.25 * 10px) calc(0.25 * 10px) 0;
}
.issue-details-container .nav-pills .nav-link:hover {
  border-color: var(--tm-primary, #0088d4);
}
.issue-details-container .nav-pills .nav-link.active {
  border-color: var(--tm-primary-dark, #006197);
  color: var(--tm-primary-dark, #006197);
}
.issue-details-container .nav-pills .nav-link.active:hover {
  background: var(--tm-surface-alt, #e5f6ff);
}

.issue-details-title-bar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-details-container .issue-details-title-bar {
  flex-direction: row;
  align-items: center;
}

.issue-details-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 0 calc(1 * 10px) 0 0;
}
.issue-details-header .issue-code-and-type {
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
.issue-details-header .issue-details-title {
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 1.1;
  flex-grow: 1;
  overflow: hidden;
  margin-right: 20px;
}
.issue-details-header .issue-details-title-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  font-size: 18px;
  width: 260px;
  margin: 10px;
}
.issue-details-header .issue-details-title-code {
  color: var(--tm-text-muted, #aaa);
  font-size: 14px;
}
.issue-details-header .issue-details-type {
  font-size: 12px;
}
.issue-details-header .issue-author-header-image-wrapper {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
  margin-right: 2px;
  overflow: hidden;
  margin-right: 5px;
}

.dropdownMenuEntryButton.dropdown-menu::before {
  right: 0%;
  top: -16px;
  visibility: hidden;
}

.btn.btn-outline-primary.highlight-tab {
  background: #2578b6;
  color: white;
  border-color: #2578b6;
  position: relative;
}

.btn.btn-outline-primary.highlight-tab:focus,
.btn.btn-outline-primary.highlight-tab:active {
  outline: none;
  box-shadow: none;
}

.btn.btn-outline-primary.highlight-tab::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -9px;
  width: 0;
  height: 0;
  border: solid 4px transparent;
  border-top-color: #2578b6;
}

.issue-entry .dropdownMenuEntryButton.dropdown-menu {
  background: var(--tm-surface, white);
}
.issue-entry .dropdownMenuEntryButton.dropdown-menu .dropdown-item {
  cursor: pointer;
}
.issue-entry .dropdownMenuEntryButton .tm-icon {
  color: var(--tm-secondary, #00c893);
}

.issue-entry-footer-list {
  padding: 0 10px;
}

.hidden-issue-entry-footer-list {
  display: none;
  opacity: 0;
}

.visible-issue-entry-footer-list {
  display: flex;
  flex-wrap: wrap;
  opacity: 1;
}

.issue-entry-footer {
  padding: 10px;
  border-top: 1px solid #e5f6ff;
}

.issue-entry-footer-list-commands-container {
  display: flex;
  justify-content: space-between;
}

.no-property-list-text {
  color: var(--tm-text-muted, #aaa);
  font-style: italic;
}

.issue-status-container {
  display: flex;
  align-items: center;
}

.issue-files-list-empty {
  display: flex;
}

.upload-new-issue-file-wrapper .upload-hint {
  font-style: initial;
  font-size: 12px;
  color: orangered;
  margin-bottom: 10px;
}

.upload-hint-photos {
  font-style: initial;
  font-size: 12px;
  color: orangered;
  margin-bottom: 10px;
}

.dropdown-issue-item .tm-icon {
  opacity: 0;
}

.dropdown-issue-item.selected-issue-priority {
  background: rgba(37, 120, 182, 0.07);
}

.dropdown-issue-item.selected-issue-priority .tm-icon {
  opacity: 1;
}

.dropdown-issue-menu {
  z-index: 99999;
  top: 10px;
}

.dropdown-issue-menu::before {
  opacity: 0;
}

.issue-author-container {
  display: flex;
  cursor: pointer;
}

.issue-dates-container {
  padding: 10px;
}

.issue-date-strategy-container {
  border: 1px solid rgba(37, 120, 182, 0.5);
  background: rgba(37, 120, 182, 0.05);
  border-radius: 5px;
  padding: 10px;
}

.date-picker-issue-container {
  border: 1px solid rgba(37, 120, 182, 0.5);
  background: rgba(37, 120, 182, 0.07);
  border-radius: 5px;
}

.back-arrow-icon-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  padding-left: 2px;
  transition-duration: 0.5s;
}

.back-arrow-icon-container .tm-icon {
  width: 20px;
  height: 20px;
  color: #2578b6;
}

.back-arrow-icon-container:hover {
  transform: translate(-2px, 0px);
}

.issue-details-header-other-infos {
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
}

.issue-entry-date-container {
  cursor: pointer;
}

.issue-details-header-other-infos {
  display: flex;
  justify-content: space-between;
}

.issue-details-header-other-infos--left {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.issue-details-header-other-infos--right {
  display: flex;
  align-items: center;
  padding: 0;
}

.issue-title-commands-container {
  display: flex;
  align-self: center;
  margin-right: 20px;
  margin-top: 10px;
}

.nav-issue-entries-data-container {
  font-size: 14px;
}

.issue-entry {
  display: flex;
}

.issue-entry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--tm-surface-alt, #e5f6ff);
  padding: 2.5px 5px;
  border-radius: 2px;
  transition-duration: 0.2s;
}

.issue-entry-reactions-and-commands {
  display: flex;
}

.show-issue-dates-dialog {
  cursor: pointer;
  display: flex;
  margin-left: 10px;
}

.estimated-interval-dates {
  display: flex;
  background: var(--tm-surface-alt, #e5e5e5);
  border-radius: 5px;
  padding: 0 3.3333333333px;
}

.real-interval-dates {
  display: flex;
  color: #a0d497;
  border-radius: 5px;
  padding: 0 3.3333333333px;
}

.status-label-text {
  white-space: nowrap;
}

.issue-entry-header-info {
  display: flex;
  align-items: center;
  z-index: 2;
  padding: 0 10px;
}

.issue-entry-event-extra-info {
  position: relative;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: center;
  padding: 17.5px;
}

.issue-entry-event-extra-info:has(.issue-entry-author-in-reply) {
  flex-direction: column;
  align-items: start;
}

.issue-entry-event-start-date {
  padding: 20px;
  margin: 10px 0;
  background: rgba(37, 120, 182, 0.8);
  color: white;
  border-radius: 3px;
  position: relative;
  height: 90px;
  display: block;
  width: 200px;
  margin-right: -8px;
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
}

.issue-entry-event-start-date-calendar-date {
  position: absolute;
  top: 22px;
  left: 30px;
}

.issue-entry-event-end-date-calendar-date {
  position: absolute;
  top: 22px;
  left: 80px;
}

.issue-entry-event-start-date-time {
  position: absolute;
  top: 38px;
  font-size: 27px;
  font-weight: bold;
  left: 30px;
}

.issue-entry-event-end-date-time {
  position: absolute;
  top: 38px;
  font-size: 27px;
  font-weight: bold;
  left: 80px;
}

.issue-entry-event-end-date {
  padding: 20px;
  display: block;
  width: 200px;
  margin: 10px 0;
  background: rgba(37, 120, 182, 0.8);
  color: white;
  border-radius: 3px;
  position: relative;
  height: 90px;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
}

.issue-entry-event-time-wrpper {
  display: flex;
}

.issue-entry-comment {
  margin-left: 0;
}

.issue-entry-comment .issue-entry-header-info {
  width: 500px;
}

.issue-entry-other .issue-entry-header-info {
  display: flex;
}

.issue-entry-comment .issue-entry-content {
  padding: 10px 20px;
  flex-grow: 1;
  line-height: 1.65;
}

.issue-entry-to-do-extra-info {
  position: relative;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  align-items: center;
  padding: calc(10px * 1.75);
}

.issue-entry-to-do-extra-info {
  display: flex;
  align-items: center;
  margin: 10px;
}

.issue-to-do-is-done-icon-container {
  color: #a0d497;
}

.issue-to-do-is-not-done-icon-container {
  color: #bababa;
}

.issue-entry-content-event {
  padding: 10px calc(10px * 2);
}

.issue-entry-stamp-content {
  width: 100%;
  padding: calc(10px * 2) 0;
}

.issue-stamp-icon-and-text-container {
  text-align: center;
}

.issue-stamp-icon-and-text-container .issue-stamp-text {
  font-weight: 600;
  font-size: 18px;
  color: var(--tm-text-muted, #777);
}

.issue-stamp-icon-and-text-container .issue-stamp-icon-container {
  width: 40px;
  height: 40px;
}

.issue-stamp-icon-and-text-container .issue-stamp-icon-container .tm-icon {
  width: 40px;
  height: 40px;
  padding: calc(10px * 2);
  border-radius: 50%;
}

.issue-entry-stamp-date {
  font-style: italic;
  font-size: 14px;
  color: var(--tm-text-muted, #777);
}

.custom-numeric-value-issue-stamp-wrapper {
  text-align: center;
  margin-top: calc(10px * 3);
}

.custom-string-value-issue-stamp-wrapper {
  text-align: center;
  margin-top: calc(10px * 3);
}

.custom-numeric-value-issue-stamp {
  padding: 10px calc(10px * 4);
  border-radius: 3px;
  border: 1px solid rgba(37, 120, 182, 0.2);
  font-size: 20px;
}

.custom-string-value-issue-stamp {
  font-size: 20px;
  padding: 10px calc(10px * 4);
  border-radius: 3px;
  border: 1px solid rgba(37, 120, 182, 0.2);
}

.stamp-custom-value-label {
  opacity: 0.7;
  font-size: 14px;
}

.issue-entry-order-number {
  border-radius: 100px;
  padding: 2px 5px;
  min-width: 19px;
  display: inline-block;
  text-align: center;
  margin-left: calc(10px * 0.75);
  background: rgba(37, 120, 182, 0.4);
  color: white;
  font-size: 10px;
  font-weight: 600;
  cursor: default;
  transition-duration: 0.2s;
  opacity: 0;
}
.issue-entry-order-number:hover {
  background: rgba(37, 120, 182, 0.8);
  transform: scale(1.2);
  opacity: 1;
}

.issue-entry:hover .issue-entry-order-number {
  opacity: 0.5;
}

.issue-entry-content-wrapper {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #bfe8ff;
  margin-right: 10px;
  margin-bottom: 20px;
  position: relative;
  border-radius: 2px;
  transition-duration: 0.2s;
}
.issue-entry-content-wrapper:not(:has(.show-past-entries-icon-container)):hover {
  box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.1);
}

.issue-entry-footer-lists {
  position: relative;
}

.hide-issue-entry-footer-list {
  position: absolute;
  right: 9px;
  top: -38px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
}

.hide-issue-entry-footer-list:hover {
  opacity: 1;
}

.hide-issue-entry-footer-list:before, .hide-issue-entry-footer-list:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 14px;
  width: 2px;
  background-color: var(--tm-text, #333);
}

.hide-issue-entry-footer-list:before {
  transform: rotate(45deg);
}

.hide-issue-entry-footer-list:after {
  transform: rotate(-45deg);
}

.fake-issue-entry .issue-entry-content-wrapper {
  border: none;
  display: flex;
  justify-content: center;
  max-width: 90%;
}
.fake-issue-entry .show-past-entries-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  /*padding: 20px;*/
  position: relative;
  color: var(--tm-anchor, #0366d6);
  cursor: pointer;
  transition-duration: 0.2s;
  transform-origin: center center;
}

.show-past-entries-icon-container:hover {
  transform: scale(1.125);
}

.issue-entry-footer-modify-commands {
  display: flex;
  justify-content: center;
  align-items: center;
}

.issue-entry-image-wrapper {
  height: 50px;
  width: 50px;
}

.issue-entry-image-wrapper img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  transition-duration: 0.2s;
  transform-origin: center center;
}

.issue-entry-image-wrapper .tm-icon {
  width: 20px;
  height: 20px;
}

.issue-entry:hover .issue-entry-image-wrapper img {
  box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.1);
  transform: scale(1.085);
}

.person-picture {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
  margin-right: 2px;
  overflow: hidden;
}

.nav-issue-entries-data-container {
  overflow: hidden;
  position: relative;
  padding: calc(0.5 * 10px) 0 0 calc(1 * 10px);
  margin: calc(-0.5 * 10px) 0 0 calc(-1 * 10px);
}

.issue-entry-owner-badge {
  border: 1px solid rgba(37, 120, 182, 0.4);
  border-radius: 2px;
  padding: 2px 10px;
  margin-right: 10px;
  background: rgba(37, 120, 182, 0.07);
  font-size: 12px;
  color: var(--tm-text-muted, #777);
}

.issue-description {
  margin: calc(2 * 10px) 0;
  padding: calc(2 * 10px);
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

.person-picture-small-with-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e5e5e5;
  background: var(--tm-surface, #fff);
  transition-duration: 0.2s;
  transform-origin: center center;
}

.issue-entry:hover .person-picture-small-with-icon {
  box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.1);
  transform: scale(1.085);
}

.issue-entry-image-wrapper {
  position: relative;
  z-index: 2;
}

.issue-entry-image-wrapper img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  transition-duration: 0.2s;
  transform-origin: center center;
}

.issue-entry-image-wrapper .tm-icon {
  width: 20px;
  height: 20px;
}

.issue-entry:hover .issue-entry-image-wrapper img {
  box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.1);
  transform: scale(1.085);
}

.issue-entry-author-details {
  width: 47px;
  display: flex;
  position: relative;
  justify-content: center;
  display: none;
}

.issue-entry-header-commands {
  display: flex;
}

#dropdownMenuEntryButton.dropdown-toggle::after {
  display: none;
}

.logged-mkp-client-picture-wrapper {
  width: 47px;
  display: flex;
  display: none;
}

.issue-entry-author-details::after {
  content: "";
  position: absolute;
  width: 1px;
  background-color: var(--tm-surface-alt, #e5e5e5);
  top: 0;
  bottom: 0;
  margin-left: -1px;
  z-index: 0;
}

.leave-a-comment-section {
  display: flex;
  padding: 0 10px 0 0;
}

.comment-commands-container {
  position: relative;
  flex-direction: column-reverse;
}

.issue-closed-or-cancelled-container {
  padding: 10px;
}

.issue-closed-or-cancelled-container .issue-status-container {
  display: inline-block;
  color: #2578b6;
}

.comment-pane {
  width: 100%;
  padding-top: 10px;
  position: relative;
  border: solid 1px #bfe8ff;
  padding: 10px 20px 20px 20px;
  border-radius: 3px;
  background: var(--tm-surface-alt, #e5f6ff);
  margin: 0 0 30px 0;
}

.issue-item-card {
  background: rgba(37, 120, 182, 0.07);
  padding: 10px;
  margin: 10px 5px;
  color: #2578b6;
  border-radius: 5px;
  border: 1px solid rgba(37, 120, 182, 0.2);
  font-size: 12px;
  cursor: default;
}

.issue-item-text {
  padding-left: 10px;
}

.assignees-list {
  list-style: none;
  padding: 0;
}

.estimated-values-hint-container {
  display: inline-block;
}

/*issue-picture*/
.issue-picture-container {
  width: 250px;
  height: 250px;
  display: inline-block;
  position: relative;
  border: solid 1px var(--tm-border, #bababa);
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
  transition-duration: 0.2s;
  overflow: hidden;
}

.issue-picture-container:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.issue-picture-container.default {
  border: solid 3px #a0d497;
}

.issue-picture-container .issue-picture {
  max-width: 95%;
  max-height: 95%;
  margin: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.issue-picture-container .delete-photo {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  right: 5px;
  line-height: 20px;
  font-size: 16px;
  opacity: 0.05;
  transition-duration: 0.2s;
  color: var(--tm-danger, #ff6500);
}

.issue-picture-container:hover .delete-photo {
  opacity: 1;
}

#issue-pictures-list-wrapper {
  position: relative;
}

.issue-picture-nanogallery2 {
  position: relative;
  padding-top: 20px;
  padding-bottom: 50px;
}

.issue-entry-pictures-list.visible-issue-entry-footer-list {
  position: relative;
  display: block;
}

.issue-pictures-toolbar {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.issue-pictures-toolbar .delete-selected-photos:hover {
  color: red;
}

.issue-pictures-list-empty {
  display: flex;
}

/*	issue files*/
#issue-files-list-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}

.issue-entry-files-list {
  margin-bottom: 10px;
}

.issue-files-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.issue-file-wrapper {
  max-width: 260px;
  min-width: 220px;
  position: relative;
  margin: 0 10px 10px 0;
  flex: 1 1 0;
}

.issue-file-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 40px;
  background: linear-gradient(225deg, transparent 50%, var(--tm-border, #bababa) 50%), linear-gradient(45deg, #FFF, #FFF), linear-gradient(135deg, #FFF, #FFF), linear-gradient(225deg, transparent 25px, #FFF 10px);
  border-radius: 0;
  border-bottom: 1px solid var(--tm-border, #bababa);
  border-left: 1px solid var(--tm-border, #bababa);
}

.issue-file-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  min-width: 200px;
  position: relative;
  height: 100%;
  border: solid 1px var(--tm-border, #bababa);
  border-radius: 0;
  border-top-right-radius: 41px;
  margin: 0 0 10px 0;
  padding: 15px;
  transition-duration: 0.2s;
  overflow: hidden;
  background: var(--tm-surface-alt, #fafafa);
  cursor: default;
}
.issue-file-container:hover {
  background: var(--tm-surface, white);
}

.issue-file-container.selected,
.issue-file-container.selected:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
  border-color: var(--tm-text, #000);
}

.issue-file-container:hover {
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.15);
}

.issue-file-container h6 {
  font-size: 25px;
}

.issue-file-container .description {
  margin: 10px 0;
  font-style: italic;
}

.issue-file-container .issue-file {
  max-width: 180px;
  max-height: 180px;
  margin: 10px auto;
  display: block;
}

.issue-file-container .delete-issue-file {
  line-height: 20px;
  font-size: 16px;
  transition-duration: 0.2s;
  cursor: pointer;
}
.issue-file-container .delete-issue-file .tm-icon {
  color: var(--tm-danger, #ff6500);
}

.issue-file-container .delete-issue-file:hover .tm-icon {
  color: white;
}

.issue-file-container .issue-file-type-icon-container {
  display: flex;
  justify-content: center;
}

.issue-file-container .issue-file-type-icon-container .tm-icon {
  width: 80px;
  height: 80px;
  padding: 10px;
  color: var(--tm-border, #bababa);
}
.issue-file-container .issue-file-type-icon-container .tm-icon.word {
  color: rgb(0, 85, 167);
}
.issue-file-container .issue-file-type-icon-container .tm-icon.excel {
  color: rgb(62, 165, 120);
}
.issue-file-container .issue-file-type-icon-container .tm-icon.ppt {
  color: rgb(204, 91, 0);
}
.issue-file-container .issue-file-type-icon-container .tm-icon.pdf {
  color: rgb(204, 44, 0);
}
.issue-file-container .issue-file-type-icon-container .tm-icon.csv {
  color: rgb(62, 165, 120);
}
.issue-file-container .issue-file-type-icon-container .tm-icon.mp3 {
  color: rgb(57, 126, 192);
}

div.pdf-file-view-command {
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  font-style: italic;
}

.issue-file-container .issue-file-author-and-date {
  text-align: center;
  font-size: 12px;
  color: var(--tm-text-muted, #777);
  font-style: italic;
}

.issue-file-container .issue-file-title-container {
  margin-top: 20px;
  text-align: center;
}
.issue-file-container .issue-file-title-container .issue-file-title {
  font-size: 20px;
  color: var(--tm-text, #555);
  word-break: break-all;
}

.issue-file-container .description {
  text-align: center;
  font-size: 14px;
  color: var(--tm-text-muted, #777);
}

.issue-file-container .commands-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.qr-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.qr-code-hint {
  font-style: italic;
}

/*issue type*/
.issue-type-planning .tm-planning-icon {
  color: #2578b6;
}

.issue-type-problem .tm-problem-icon {
  color: var(--tm-danger, #ff6500);
}

.issue-type-request .tm-request-icon {
  color: var(--tm-accent, #ff6500);
}

.issue-type-documentation .tm-documentation-icon {
  color: var(--tm-success, #85c177);
}

.issue-extend-entity {
  margin-top: calc(2 * 10px);
}
.issue-extend-entity .issue-details-container {
  margin-top: calc(8 * 10px);
}
.issue-extend-entity .issue-details-container .issue-details-title-icon-container {
  font-size: 24px;
}
.issue-extend-entity .issue-details-container .issue-details-title-text {
  color: var(--tm-text, #555);
  font-weight: normal;
  text-transform: uppercase;
  font-size: 24px;
  pointer-events: auto;
}
.issue-extend-entity .issue-details-container .issue-entry-order-number {
  display: none;
}

.to-date-text-container,
.issue-entry-date {
  font-size: 12px;
  color: var(--tm-text-muted, #777);
}

.fancy-icon-for-extended-landing-page {
  display: none;
}

.landing-page-extended-with-issue-container .fancy-icon-for-extended-landing-page {
  display: block;
}
.landing-page-extended-with-issue-container .issue-details-title-bar {
  flex-direction: column;
  justify-content: unset;
  text-align: center;
}
.landing-page-extended-with-issue-container .issue-details-title-icon-container {
  display: none;
}

.issue-entry-reactions-container {
  display: flex;
  justify-content: space-between;
  margin: 0 10px;
  padding: 0 0 calc(10px * 0.5) calc(10px * 1);
  font-size: 11px;
  cursor: default;
}

.reaction-count-number {
  margin-right: 10px;
  margin-left: calc(10px * 0.25);
}

.dropdown-issue-reactions {
  border: none;
  background: transparent;
  color: var(--tm-text-muted, #aaa);
  transition-duration: 0.2s;
}
.dropdown-issue-reactions:hover {
  color: var(--tm-text-muted, #777);
}

.dropdown-issue-reactions:focus {
  outline: none;
}

.dropdown-issue-reactions:hover {
  color: var(--tm-primary, #0088d4);
}

.issue-reaction-history-item-container {
  display: flex;
  font-size: 14px;
  margin-bottom: 10px;
}

.issue-reaction-history-author {
  margin-left: 10px;
  font-weight: 600;
}

.dropdown-menu.dropdown-menu-reactions::before {
  right: 3%;
  top: -15px;
}

.dropdown-menu-reactions {
  padding: 20px;
}

.dropdown-menu-reactions .dropdown-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dropdown-menu-reactions-container {
  display: flex;
  cursor: pointer;
}

.dropdown-menu-reactions-container .dropdown-item {
  padding: 10px;
}

.my-reaction-container {
  transition-duration: 0.2s;
}

.my-reaction-text {
  color: var(--tm-text-muted, #777);
  font-style: italic;
  display: inline-block;
  margin-right: calc(10px * 0.25);
}

.entry-menu {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  transition-duration: 0.2s;
  padding: 0;
  margin: 0 calc(0.15 * 10px);
  border-radius: 50%;
}
.entry-menu:hover {
  background: rgba(37, 120, 182, 0.07);
}

.my-reaction-container:hover .delete-my-reaction {
  visibility: visible;
}

.delete-my-reaction {
  display: inline-block;
  text-align: center;
  visibility: hidden;
  cursor: pointer;
  font-size: 10px;
  color: var(--tm-text-muted, #aaa);
  width: 12px;
  height: 12px;
  line-height: 1.35;
}

.see-issue-reactions {
  cursor: pointer;
}

.my-reaction {
  background: rgba(37, 120, 182, 0.06);
  border-radius: 5px;
}

.reaction-icon {
  cursor: pointer;
}

.issue-reaction-love-icon {
  color: red;
}

.issue-reaction-like-icon {
  color: #0088d4;
}

.issue-reaction-dislike-icon {
  color: var(--tm-text-muted, #aaa);
}

.issue-reaction-lol-icon {
  color: orange;
}

.issue-reaction-smile-icon {
  color: orange;
}

.issue-reaction-angry-icon {
  color: var(--tm-danger, #ff6500);
}

.issue-reaction-sad-icon {
  color: var(--tm-text-muted, #aaa);
}

.issue-reaction-star-icon {
  color: #fdd017;
}

.issue-reaction-wink-icon {
  color: orange;
}

.issue-reaction-sweat-icon {
  color: orange;
}

.issue-reaction-poo-icon {
  color: #8B4513;
}

.issue-entry-reply-command {
  cursor: pointer;
  margin-top: calc(10px * 0.3);
  color: var(--tm-text-muted, #aaa);
  transition-duration: 0.2s;
}
.issue-entry-reply-command:hover {
  color: var(--tm-text-muted, #777);
}

.issue-entry-author-in-reply {
  font-size: 11px;
  margin: 0;
  color: #bababa;
}

.reply-hint-container > .issue-entry-content > p:last-child,
.issue-entry-content.issue-entry-content-for-all.is-reply > p:last-child {
  margin-bottom: 0;
}

.reply-hint-container,
.is-reply {
  padding: calc(10px * 0.7) calc(10px * 1.2) calc(10px * 1) calc(10px * 1.1);
  display: block;
  flex-grow: 1;
  align-items: center;
  min-height: 42px;
  overflow: hidden;
  border: solid 1px rgba(37, 120, 182, 0.2);
  border-left: 5px solid rgba(37, 120, 182, 0.2);
  background: var(--tm-surface-alt, #f4f4f4);
  border-radius: 2px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  transition-duration: 0.2s;
}

.reply-hint-container:first-child:hover,
.is-reply:hover {
  border: solid 1px rgba(37, 120, 182, 0.4);
  border-left: 5px solid rgba(37, 120, 182, 0.4);
}

.is-reply .own-checkbox-wrapper {
  display: none;
}

.issue-entry-content-wrapper.animate-entry::before {
  animation-name: animate-entry;
  animation-duration: 2s;
}

.close-reply-intention-command-container {
  position: absolute;
  right: 25px;
  top: 46px;
}

.close-reply-intention-command-container .close-reply-intention-command {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: none;
  border-radius: 50%;
  transition-duration: 0.2s;
  color: #2578b6;
  background: transparent;
  opacity: 0.5;
  cursor: pointer;
}

.close-reply-intention-command-container:hover .close-reply-intention-command {
  color: white;
  background: #2578b6;
}

.animate-entry .issue-entry-header {
  animation-name: animate-entry;
  animation-duration: 2s;
}

@keyframes animate-entry {
  from {
    background-color: var(--tm-accent, #ff6500);
  }
  to {
    background: var(--tm-surface-alt, #f4f4f4);
  }
}
.file-upload-container {
  padding: 10px;
  margin: 20px 0;
  border: 1px solid rgba(37, 120, 182, 0.2);
  border-radius: 3px;
  background: rgba(37, 120, 182, 0.05);
}

.files-upload-comment-container {
  padding: 10px;
  padding-top: 30px;
  margin: 20px 0;
  border: 1px solid rgba(37, 120, 182, 0.2);
  border-radius: 3px;
  background: rgba(37, 120, 182, 0.03);
  position: relative;
}

.upload-hint-max-file-size {
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  color: orangered;
}

.comment-commands-container #fa-chevron-right-upload-file, .comment-commands-container #fa-angle-down-upload-file {
  margin-left: 2px;
  margin-top: 7px;
}

.reset-upload-issue-entry-files {
  border: 1px solid var(--tm-danger, #ff6500);
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--tm-danger, #ff6500);
  position: absolute;
  top: 10px;
  right: 10px;
}
.reset-upload-issue-entry-files:hover {
  background: var(--tm-danger, #ff6500);
  color: white;
}

@media (min-width: 440px) {
  .files-upload-comment-container {
    padding-top: 10px;
  }
  .back-arrow-icon-container {
    margin-bottom: 0;
  }
  .issue-detail.issue-details-title-code {
    margin-left: 10px;
  }
  .issue-details-header-other-infos {
    flex-direction: row;
  }
  .issue-details-header-other-infos--left {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .issue-title-commands-container {
    align-self: center;
    margin: 0;
  }
  .issue-details-header .issue-details-title-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .landing-page-extended-with-issue-container .issue-details-container {
    padding: 10px;
    background: var(--tm-surface, white);
    border-radius: 5px;
  }
  .landing-page-extended-with-issue-container .issue-details-title-bar {
    flex-direction: column;
    justify-content: unset;
  }
}
/*	restrictions when issue is closed or cancelled*/
.cancelled-or-closed .issue-pictures-toolbar {
  display: none;
}

.cancelled-or-closed .issue-files-toolbar {
  display: none;
}

.cancelled-or-closed .delete-issue-file {
  display: none;
}

.cancelled-or-closed .show-issue-picutres-dialog {
  display: none;
}

.cancelled-or-closed .show-issue-files-dialog {
  display: none;
}

.cancelled-or-closed .edit-issue-entry-description {
  display: none;
}

.cancelled-or-closed .edit-issue-description {
  display: none;
}

.cancelled-or-closed .dropdownMenuEntryButton .dropdown-divider {
  display: none;
}

.upload-issue-entry-files {
  margin-right: 0;
  margin: 10px 0;
}

@media (min-width: 576px) {
  .issue-details-header .issue-details-title-text {
    width: 375px;
  }
  .upload-issue-entry-files {
    margin-right: 10px;
    margin: 0 0;
  }
  .comment-commands-container {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .issue-details-header .issue-details-title-text {
    width: 510px;
  }
  .issue-entry-author-details {
    display: flex;
  }
  .issue-entry-content-wrapper-arrow {
    margin-left: 10px;
  }
  .issue-entry-content-wrapper-arrow::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -7px;
    width: 14px;
    height: 14px;
    background: var(--tm-surface-alt, #e5f6ff);
    transform: rotate(45deg);
    z-index: 2;
    border-left: 1px solid #bfe8ff;
    border-bottom: 1px solid #bfe8ff;
    pointer-events: none;
    transition-duration: 0.2s;
  }
  .comment-pane {
    margin-left: 10px;
  }
  .comment-pane::before {
    content: "";
    position: absolute;
    top: 21px;
    left: -7px;
    width: 14px;
    height: 14px;
    background: var(--tm-surface-alt, #e5f6ff);
    transform: rotate(45deg);
    z-index: 2;
    border-bottom: 1px solid #bfe8ff;
    border-left: 1px solid #bfe8ff;
    z-index: 2;
  }
  .logged-mkp-client-picture-wrapper {
    display: flex;
  }
}
@media (min-width: 992px) {
  .issue-details-header .issue-details-title-text {
    width: 530px;
  }
  .landing-page-extended-with-issue-container .issue-details-container {
    padding: calc(4 * 10px);
  }
}
@media (min-width: 1201px) {
  .issue-details-header .issue-details-title-text {
    width: 660px;
  }
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.survey-item-container {
  background: var(--tm-surface, white);
  padding: calc(3 * 10px);
  margin: 0 0 10px 0;
  border-bottom: solid 1px var(--tm-secondary, #00c893);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  transition-duration: 0.2s;
  min-height: 90px;
}

.textarea-form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: var(--tm-surface, #fff);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .textarea-form-control {
    transition: none;
  }
}
.textarea-form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.textarea-form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.textarea-form-control:focus {
  color: #495057;
  background-color: var(--tm-surface, #fff);
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.textarea-form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.textarea-form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.textarea-form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.textarea-form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.textarea-form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.textarea-form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.textarea-form-control:focus::-ms-value {
  color: #495057;
  background-color: var(--tm-surface, #fff);
}

text-f:focus {
  border-color: #63bef1;
}

.survey-item-container:hover {
  border-bottom-color: #ff6500;
}

.course-forms-container .survey-item-container {
  border-bottom: none;
  margin: 10px 0;
}

.course-forms-container .survey-item-container {
  padding: 10px 0;
}

.course-forms-container h5 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
}

.tm-watermark {
  position: absolute;
  top: 50%;
  right: calc(3 * 10px);
  transform: translateY(-50%) rotate(3deg);
  font-size: 75px;
  opacity: 0.075;
  transition-duration: 0.2s;
  pointer-events: none;
  z-index: 0;
}

.tm-watermark.fire {
  color: #ff6500;
}

.with-watermark:hover .tm-watermark {
  opacity: 0.15;
  transform: translateY(-50%) rotate(0deg) scale(1.3);
}

.take-survey-command-wrapper {
  margin-top: calc(2 * 10px);
  position: relative;
  z-index: 1;
}

.survey-item-title {
  font-weight: 600;
  color: var(--tm-text-muted, #777);
  cursor: default;
}

.header-section {
  margin: 0 0 calc(3 * 10px) 0;
}

.footer-section {
  margin: calc(3 * 10px) 0 0 0;
}

.controls-section {
  text-align: center;
}

li {
  list-style-type: none;
}

.question {
  border: solid 1px var(--tm-primary-light, #63bef1);
  border-radius: 5px;
  margin: 0 0 calc(2 * 10px) 0;
  padding: 10px calc(2 * 10px);
  background: var(--tm-surface-alt, #fcfdff);
  transition-duration: 0.2s;
}

.question:hover {
  background: rgba(135, 212, 255, 0.25);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.question.question-answer-mandatory {
  border: 1px solid #ff6500;
  background: rgba(255, 158, 158, 0.25);
}

ul.answers-list {
  list-style: none;
  padding: 0 0 0 10px;
}

.already-completed-survey-hint {
  color: #85c177;
  border-radius: 5px;
  margin: 10px 0 0 0;
  display: inline-block;
  cursor: default;
}

.current-page,
.last-page {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  cursor: default;
}

.current-page {
  margin-left: calc(2 * 10px);
}

.last-page {
  margin-right: calc(2 * 10px);
}

.question-contents {
  color: var(--tm-secondary-dark, #009970);
  cursor: default;
  font-size: 18px;
}

.tm-icon.mandatory-marker {
  color: #ff6500;
  font-size: 14px;
}

.own-popup-contents .survey.row {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

.own-popup-contents .survey.row [name=page-wrapper] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: 0;
  padding: 10px;
  overflow-y: auto;
}

.own-popup-contents .survey.row [name=page-wrapper] .page-container {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}

.own-popup-contents .survey.row .controls-section {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  margin: 0;
  border-top: var(--tm-border, #bababa);
  background: var(--tm-surface-alt, #f4f4f4);
}

.time-expiration-alert {
  padding: 10px calc(2 * 10px);
  background: rgb(255, 239, 151);
  display: block;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 20000;
  transform: translateX(-50%);
  border-radius: 0 0 5px 5px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
  font-weight: 600;
  border-bottom: solid 1px rgb(255, 239, 151);
}
/* 5-star rating question -----------------------------------------------------
   Scoped under .question so it cannot collide with the product-review rating in
   own.os.stars.rating.scss, which is not loaded on the pages that render forms.
   The inputs are hidden and the stars are their labels; the rtl direction makes
   "hover/checked + following siblings" light up the stars up to the chosen one. */
.question .stars-rating {
  direction: rtl;
  unicode-bidi: bidi-override;
  display: inline-block;
  color: #ddd;
  font-size: 0;
}

.question .stars-rating input {
  display: none;
}

.question .stars-rating label {
  font-size: 16px;
  padding: 0 2px;
  cursor: pointer;
}

.question .stars-rating label:hover,
.question .stars-rating label:hover ~ label,
.question .stars-rating input:checked + label,
.question .stars-rating input:checked + label ~ label {
  color: #ffc107;
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.labels-container {
  padding-bottom: 10px;
}

.issue-label-list-item {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  display: inline-block;
}

.issue-label-list-item-label {
  display: inline-block;
  border-radius: 120px;
  padding: 0.15px 7px;
  margin-right: 10px;
  font-weight: 600;
  margin: 5px;
  padding: 2.5px 12.5px;
  letter-spacing: 1px;
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.issue-label-list-item-label svg.tm-icon {
  margin-right: 5px;
}

.issue-list-view-issue-labels {
  max-width: 250px;
  display: flex;
  flex-wrap: wrap;
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.issue-status-container {
  cursor: default;
}

.issue-cancelled .font-awesome-icon-container {
  color: #F5B3CE;
}

.issue-closed .font-awesome-icon-container {
  color: #8A2BE2;
}

.issue-in-progress .font-awesome-icon-container {
  color: #23e234;
}

.issue-newly-creted .font-awesome-icon-container {
  color: #00FFFF;
}

.issue-priority-container {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  border-radius: 2px;
  padding: 2px 10px;
  cursor: pointer;
  border: none;
  outline: none;
  max-width: fit-content;
}

.issue-card-priority-container.high-priority,
.issue-priority-container.high-priority {
  background-color: red;
  color: white;
}

.issue-card-priority-container.normal-priority,
.issue-priority-container.normal-priority {
  color: white;
  background-color: #85c177;
}

.issue-card-priority-container.low-priority,
.issue-priority-container.low-priority {
  color: var(--tm-text, black);
  background-color: #bababa;
}

.issue-code-and-type {
  white-space: nowrap;
}

.issue-entry .issue-entry-content-wrapper img {
  width: 100%;
}

.issue-schedule-badge {
  display: inline-block;
  padding: 2px 8px;
  margin-left: 0.5rem;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.4;
  border: 1px solid transparent;
}
.issue-schedule-badge.issue-schedule-ontrack {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}
.issue-schedule-badge.issue-schedule-atrisk {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeeba;
}
.issue-schedule-badge.issue-schedule-late {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb;
}
.issue-schedule-badge.issue-schedule-ontime {
  background-color: #d1ecf1;
  color: #0c5460;
  border-color: #bee5eb;
}
.issue-schedule-badge.issue-schedule-earlydone {
  background-color: #cce5ff;
  color: #004085;
  border-color: #b8daff;
}
.issue-schedule-badge.issue-schedule-notstarted {
  background-color: #e2e3e5;
  color: #383d41;
  border-color: #d6d8db;
}

/*Important to leave it 240 so that the carousel pictures align perfectly*/
.eyeglasses-selector-container {
  position: relative;
  padding: calc(10px * 3);
  border: 1px solid rgba(37, 120, 182, 0.8);
  border-bottom: 0;
  border-start-end-radius: 5px;
  border-start-start-radius: 5px;
}
.eyeglasses-selector-container .eyeglasses-image {
  max-width: 100px;
}
.eyeglasses-selector-container .step-content {
  padding: calc(10px * 3) 0;
  display: flex;
  flex-wrap: wrap;
}
.eyeglasses-selector-container .step-content .row {
  width: 100%;
}
.eyeglasses-selector-container .glasses-for-type-step .radio-box-for-distance {
  margin-left: 10px;
}
.eyeglasses-selector-container .recipe-step .own-checkbox-wrapper {
  margin: 10px 0;
}
.eyeglasses-selector-container .recipe-step .step-options {
  margin-top: calc(10px * 2);
}
.eyeglasses-selector-container .recipe-step .right-eye-label {
  margin-top: calc(10px * 3.2);
  display: flex;
}
.eyeglasses-selector-container .recipe-step .left-eye-label {
  margin-top: calc(10px * 3.5);
  display: flex;
}
.eyeglasses-selector-container .recipe-step .dp-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eyeglasses-selector-container .recipe-step-small-screens .dp-col {
  margin-top: calc(10px * 4);
  margin-bottom: 10px;
}
.eyeglasses-selector-container .recipe-step-small-screens .right-eye-label {
  margin-bottom: 10px;
}
.eyeglasses-selector-container .recipe-step-small-screens .left-eye-label {
  margin-bottom: 10px;
}
.eyeglasses-selector-container .recipe-step-large-screens {
  width: 100%;
}
.eyeglasses-selector-container .computer-protection-label {
  margin-right: calc(10px * 2);
}
.eyeglasses-selector-container .step-thickness-content {
  display: flex;
  flex-wrap: wrap;
}
.eyeglasses-selector-container .photocromatic-step .step-content {
  flex-wrap: wrap;
}
.eyeglasses-selector-container .photocromatic-step .photocromatic-radio-wrapper {
  display: flex;
  flex-direction: column;
  /*max-width: 318px;*/
  margin-top: calc(10px * 2);
  align-items: center;
  border: 1px solid rgba(37, 120, 182, 0.8);
  padding: calc(10px * 1.5);
  border-radius: 3px;
}

.lens-selector-info-hint .tm-icon {
  margin-left: 10px;
  color: var(--tm-accent, #ff6500);
}

.card-for-lens-display-price-hint {
  color: var(--tm-text-muted, #aaa);
  font-style: italic;
  font-size: 12px;
}

.fotocromatic-section-wrapper {
  justify-content: center;
}

.card-for-lens-thickness {
  padding: 10px;
}
.card-for-lens-thickness .card-for-lens-thickness-radio-wrapper {
  margin: 10px;
}
.card-for-lens-thickness .card-for-lens-thickness-radio-wrapper .thickness-label {
  display: flex;
}
.card-for-lens-thickness .card-for-lens-thickness-radio-wrapper .thickness-label .thickness-value {
  color: #2578b6;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
.card-for-lens-thickness .tm-icon-check {
  color: var(--tm-success, #85c177);
  margin: 0 10px;
}
.card-for-lens-thickness .tm-icon-times {
  color: var(--tm-danger, #ff6500);
  margin: 0 10px;
}
.card-for-lens-thickness .card-for-lens-thickness-price {
  color: red;
  font-size: 20px;
  font-weight: 600;
  margin: 10px;
}
.card-for-lens-thickness .thickness-photo-container {
  margin: 10px;
}
.card-for-lens-thickness .card-row {
  display: flex;
  padding: 10px;
}
.card-for-lens-thickness .card-for-lens-thinckness-wrapper {
  cursor: pointer;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #2578b6;
  border-radius: 5px;
  background: rgba(37, 120, 182, 0.02);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
  transition-duration: 0.2s;
}
.card-for-lens-thickness .card-for-lens-thinckness-wrapper.selected {
  background: #e9ffe5;
}
.card-for-lens-thickness .card-for-lens-thinckness-wrapper:hover {
  transform: scale(1.02);
}

.eyeglasses-selector-step-computer-protection-filter .own-radio-wrapper-computer-protection-filter {
  margin-top: calc(10px * 3);
}
.eyeglasses-selector-step-computer-protection-filter .card-for-lens-display-price-hint-computer-filter {
  display: block;
  word-break: break-all;
}

.card-for-lens-computer-protection-price {
  color: red;
  font-size: 20px;
  font-weight: 600;
}

.card-for-lens-photocromatic-price {
  color: red;
  font-size: 20px;
  font-weight: 600;
  margin: 10px;
}

.eyeglasses-price-widget-summary-card {
  position: relative;
  background: rgba(37, 120, 182, 0.07);
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(37, 120, 182, 0.8);
  border-end-start-radius: 5px;
  border-end-end-radius: 5px;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
  transition-duration: 0.2s;
  margin-bottom: 10px;
}
.eyeglasses-price-widget-summary-card .lens-price {
  margin: 10px 10px calc(10px * 3) 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eyeglasses-price-widget-summary-card .lens-price .lens-price-text {
  color: red;
  font-weight: 600;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.eyeglasses-price-widget-summary-card .eyeglasses-price-widget-summary-card-extra-info {
  font-size: 12px;
  font-style: italic;
}
.eyeglasses-price-widget-summary-card .add-product-of-type-eyeglasses-to-cart-command {
  margin: calc(10px * 3);
}

.step-number {
  display: flex;
  align-items: center;
}
.step-number .step-number-text {
  background: rgba(37, 120, 182, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: white;
  font-weight: bold;
  font-size: 20px;
}
.step-number .step-label {
  display: inline-block;
  color: rgba(37, 120, 182, 0.8);
  font-weight: 600;
  white-space: nowrap;
  margin-left: calc(10px * 3);
}

.step-number.step-number-for-summary {
  position: absolute;
  top: 10px;
  left: calc(10px * 3);
}

/* MEDIA QUERIES --------------------------------------------------------------------------*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .card-for-lens-display-price-hint {
    font-size: 16px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .eyeglasses-selector-container .photocromatic-step .photocromatic-radio-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 318px;
    margin-top: calc(10px * 2);
    margin-right: calc(10px * 2);
    align-items: flex-start;
    border: none;
    padding: unset;
    border-radius: unset;
  }
  .eyeglasses-selector-container .photocromatic-step .fotocromatic-section-wrapper {
    justify-content: flex-start;
  }
  .eyeglasses-selector-container .photocromatic-step .photocromatic-label {
    margin-right: calc(10px * 10);
  }
  .eyeglasses-selector-step-computer-protection-filter .own-radio-wrapper-computer-protection-filter {
    margin-right: calc(10px * 10);
    margin-top: 0;
  }
  .eyeglasses-selector-step-computer-protection-filter .card-for-lens-display-price-hint-computer-filter {
    display: inline-block;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .recipe-step .own-checkbox-wrapper {
    margin: 10px 0;
  }
  .recipe-step .step-options {
    margin-top: calc(10px * 2);
  }
  .recipe-step .right-eye-label {
    margin-top: calc(10px * 3.2);
  }
  .recipe-step .left-eye-label {
    margin-top: calc(10px * 2.9);
  }
  .recipe-step .dp-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .eyeglasses-selector-container .photocromatic-step .photocromatic-radio-wrapper {
    margin-right: calc(10px * 12);
  }
}

/* nanogallery2 - v3.0.5 - 2021-01-06 */
.nGY2{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box}.nGY2 .ngy2_container{width:100%;min-width:100px;font-size:1em;line-height:normal;padding:0;margin:0 auto;overflow:hidden;visibility:visible;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.nGY2_body_scrollbar{overflow:hidden}@font-face{font-family:ngy2_icon_font;src:url(/lib/nanogallery2/css/font/ngy2_icon_font.woff2?64889571) format('woff2'),url(/lib/nanogallery2/css/font/ngy2_icon_font.woff?64889571) format('woff');font-weight:400;font-style:normal}.nGY2Icon-star:before{content:'\e801'}.nGY2Icon-search:before{content:'\e800'}.nGY2Icon-star-empty:before{content:'\e802'}.nGY2Icon-video:before{content:'\e803'}.nGY2Icon-videocam:before{content:'\e804'}.nGY2Icon-picture:before{content:'\e805'}.nGY2Icon-camera:before{content:'\e806'}.nGY2Icon-camera-alt:before{content:'\e807'}.nGY2Icon-ok:before{content:'\e808'}.nGY2Icon-help:before{content:'\e80a'}.nGY2Icon-help-circled:before{content:'\e80b'}.nGY2Icon-home:before{content:'\e80e'}.nGY2Icon-link:before{content:'\e80f'}.nGY2Icon-link-ext:before{content:'\e810'}.nGY2Icon-heart:before{content:'\e811'}.nGY2Icon-ngy2_chevron-right:before{content:'\e812'}.nGY2Icon-upload:before{content:'\e814'}.nGY2Icon-reply-all:before{content:'\e815'}.nGY2Icon-export:before{content:'\e816'}.nGY2Icon-chat:before{content:'\e818'}.nGY2Icon-attention:before{content:'\e819'}.nGY2Icon-location:before{content:'\e81a'}.nGY2Icon-trash:before{content:'\e81b'}.nGY2Icon-folder-empty:before{content:'\e81c'}.nGY2Icon-folder-open-empty:before{content:'\e81d'}.nGY2Icon-menu:before{content:'\e81e'}.nGY2Icon-cog:before{content:'\e81f'}.nGY2Icon-cog-alt:before{content:'\e820'}.nGY2Icon-wrench:before{content:'\e821'}.nGY2Icon-lightbulb:before{content:'\e822'}.nGY2Icon-resize-full:before{content:'\e823'}.nGY2Icon-resize-small:before{content:'\e824'}.nGY2Icon-left-open:before{content:'\e827'}.nGY2Icon-right-open:before{content:'\e828'}.nGY2Icon-arrows-cw:before{content:'\e829'}.nGY2Icon-level-up:before{content:'\e82a'}.nGY2Icon-play:before{content:'\e82b'}.nGY2Icon-pause:before{content:'\e82c'}.nGY2Icon-ngy2_chevron-left:before{content:'\e82d'}.nGY2Icon-ellipsis-vert:before{content:'\e82e'}.nGY2Icon-toggle-off:before{content:'\e82f'}.nGY2Icon-toggle-on:before{content:'\e830'}.nGY2Icon-check:before{content:'\e831'}.nGY2Icon-check-empty:before{content:'\e832'}.nGY2Icon-rocket:before{content:'\e833'}.nGY2Icon-filter:before{content:'\e834'}.nGY2Icon-magic:before{content:'\e835'}.nGY2Icon-pinterest-squared:before{content:'\e836'}.nGY2Icon-gplus-squared:before{content:'\e837'}.nGY2Icon-facebook-squared:before{content:'\e838'}.nGY2Icon-basket:before{content:'\e839'}.nGY2Icon-ok-circled:before{content:'\e83a'}.nGY2Icon-user:before{content:'\e83b'}.nGY2Icon-ngy2_chevron_left3:before{content:'\e83c'}.nGY2Icon-ngy2_chevron_right3:before{content:'\e83d'}.nGY2Icon-zoom-out-1:before{content:'\e83e'}.nGY2Icon-ngy2_zoom_out2:before{content:'\e83f'}.nGY2Icon-ngy2_zoom_in2:before{content:'\e840'}.nGY2Icon-ngy2_share2:before{content:'\e841'}.nGY2Icon-ngy2_external2:before{content:'\e842'}.nGY2Icon-ngy2_close2:before{content:'\e843'}.nGY2Icon-ngy2_info2:before{content:'\e844'}.nGY2Icon-ngy2_chevron_up2:before{content:'\e845'}.nGY2Icon-ngy2_download2:before{content:'\e846'}.nGY2Icon-mail-alt:before{content:'\f0e0'}.nGY2Icon-circle-empty:before{content:'\f10c'}.nGY2Icon-tumblr-squared:before{content:'\f174'}.nGY2Icon-twitter-squared:before{content:'\f304'}.nGY2Icon-youtube-play:before{content:'\f16a'}.nGY2Icon-vkontakte:before{content:'\f189'}.nGY2Icon-cw:before{content:'\e809'}.nGY2Icon-ccw:before{content:'\e80c'}[class^=nGY2Icon-]{margin-left:.2em;margin-right:.3em;font-family:ngy2_icon_font;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar{margin:5px 0;padding:5px 0;display:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar .nGY2NavigationbarItem{margin:5px 2px;padding:8px 10px;white-space:nowrap;cursor:pointer;display:inline-block;vertical-align:middle;text-align:left;visibility:'hidden';box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar .oneItem{margin:0 5px;white-space:nowrap;vertical-align:middle;display:inline-block}.nGY2 .nGY2Gallery{position:relative;text-align:center;margin:0 auto;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GallerySub{perspective:900px;text-align:left;position:relative;width:100%;height:100%;overflow:hidden;display:inline-block;z-index:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnail,.nGY2 .nGY2GThumbnailStack{display:inline-block;position:absolute;box-sizing:border-box;border:0 solid #000;padding:0;overflow:hidden;cursor:pointer}.nGY2 .nGY2GThumbnail{background-color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailStack{background-color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailSub{width:100%;height:100%;display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border:0 solid #000;margin:0;padding:0;overflow:hidden}.nGY2 .nGY2GThumbnailSubSelected{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.nGY2 .nGY2GThumbnailImage{position:relative;overflow:hidden;background:#000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailImg{background:url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///////yH5BAEKAAEALAAAAAAQABAAAAIOjI+py+0Po5y02ouzPgUAOw==) center no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;vertical-align:bottom;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAnnotationOLD_NO_MORE_USED{background:rgba(34,34,34,.75);opacity:1;text-align:left;left:0;right:0;padding:1px;position:absolute;min-height:18px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailCustomLayer{position:absolute;display:block;top:0;bottom:0;left:0;right:0;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailLabel{display:block;background:rgba(34,34,34,.75);left:0;right:0;padding:4px;margin:0;position:absolute;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAlbumTitle,.nGY2 .nGY2GThumbnailDescription,.nGY2 .nGY2GThumbnailImageTitle{left:0;box-sizing:border-box;padding:0;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;right:0}.nGY2 .nGY2GThumbnailAlbumTitle,.nGY2 .nGY2GThumbnailImageTitle{color:#fff;margin:5px 1px 1px;white-space:nowrap;overflow:hidden;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailDescription{clear:both;margin:1px 1px 3px;color:#aaa;white-space:nowrap;font-size:.8em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIcons{margin:0;position:absolute;display:inline-block;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconsFullThumbnail{font-size:1.8em;color:#fff;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;padding:5px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconText,.nGY2 .nGY2GThumbnailIconTextBadge{position:relative;display:inline-block;margin:0;vertical-align:middle}.nGY2 .nGY2GThumbnailIcon{display:inline-block;padding:4px;margin:0;color:#fff;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconTextBadge{background-color:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconText{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAlbumUp i{position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.nGY2 .nGY2GThumbnailAlbumUp{color:#eee;font-size:1.2em;top:0;bottom:0;left:0;right:0;display:table;width:100%;text-align:center;position:absolute;margin:auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailLoaderDisplayed:after,.nGY2 .nGY2GThumbnailLoaderDisplayed:before{display:block;position:absolute;border-style:solid;margin:auto;top:0;left:0;bottom:0;right:0;content:"";border-radius:50%}.nGY2 .nGY2GThumbnailLoaderDisplayed{visibility:visible;opacity:.8;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;zoom:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;width:40px;height:40px}.nGY2 .nGY2GThumbnailLoaderDisplayed:before{border-width:7px;width:24px;height:24px;animation:nGY2-thumbnail-spinner-rotate-animation 1s linear 0s infinite;border-color:#888 #000 #000 #888}.nGY2 .nGY2GThumbnailLoaderDisplayed:after{border-width:4px;width:16px;height:16px;animation:nGY2-thumbnail-spinner-anti-rotate-animation .8s linear 0s infinite;border-color:#666 #111 #111 #666}@keyframes nGY2-thumbnail-spinner-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes nGY2-thumbnail-spinner-anti-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.nGY2 .nGY2GalleryBottom{margin:0;padding:0;text-align:center;position:relative;overflow:hidden;white-space:nowrap}.nGY2 .nGY2GalleryMoreButton,.nGY2 .nGY2GalleryMoreButtonAnnotation,.nGY2 .nGY2GalleryPagination,.nGY2 .nGY2GalleryPaginationDot{margin:10px auto 5px;text-align:center;position:relative;white-space:nowrap;overflow:hidden}.nGY2 .nGY2GalleryMoreButton{padding:4px;display:inline-block;cursor:pointer}.nGY2 .nGY2GalleryMoreButtonAnnotation{border:1px solid #fff;padding:8px 20px;display:inline-block}.nGY2 .nGY2GalleryPagination,.nGY2 .nGY2GalleryPaginationDot{padding:4px}.nGY2 .nGY2PaginationNext,.nGY2 .nGY2PaginationPrev,.nGY2 .nGY2paginationItem,.nGY2 .nGY2paginationItemCurrentPage{margin:10px 4px;padding:5px 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#111;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block}.nGY2 .nGY2paginationItemCurrentPage{background:#333}.nGY2 .nGY2paginationDot,.nGY2 .nGY2paginationDotCurrentPage{width:16px;height:16px;border:2px solid #fff;background:#444;border-radius:50%;margin:12px 5px;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block;opacity:.5}.nGY2 .nGY2paginationDotCurrentPage{background:#fff;opacity:1}.nGY2 .nGY2paginationRectangle,.nGY2 .nGY2paginationRectangleCurrentPage{width:30px;border:1px solid #fff;height:0;background:#444;margin:5px 1px;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block;opacity:.5}.nGY2 .nGY2paginationRectangleCurrentPage{background:#fff;opacity:1}.nGY2Popup{position:fixed;color:#000;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5)}.nGY2PopupContent,.nGY2PopupContentCenter,.nGY2PopupContentLeft,.nGY2PopupContentRight{position:fixed;text-align:left;top:50%;left:50%;padding:15px 30px;height:auto;width:50%;background:#fff;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media screen and (max-width:992px){.nGY2PopupContent,.nGY2PopupContentCenter,.nGY2PopupContentLeft,.nGY2PopupContentRight{width:95%;padding:5px 10px}}.nGY2 .nGY2Viewer,.nGY2 .nGY2ViewerContainer{top:0;height:100%;width:100%;left:0;position:fixed}.nGY2PopupContentCenter{text-align:center}.nGY2PopupTitle{font-size:1.5em;border-bottom:4px solid #888;padding:0 0 5px;margin-bottom:10px}.nGY2PopupCloseButton{font-size:1.5em;cursor:pointer;text-align:right}.nGY2PopupOneItem{padding:10px;font-size:2em;cursor:pointer;display:inline-block}.nGY2PopupOneItemText{padding:10px;font-size:1.2em;cursor:pointer;display:block}.nGY2PortInfo{padding:3px!important;font-size:14px!important;color:#FF0075!important;text-align:center!important;z-index:0!important;text-transform:lowercase!important;cursor:pointer!important}.nGY2PortInfo a,.nGY2PortInfo a:active,.nGY2PortInfo a:hover,.nGY2PortInfo>a:link,.nGY2PortInfo>a:visited{color:#FF0075!important;text-decoration:none!important}.nGY2 .nGY2ViewerContainer{opacity:0}.nGY2 .nGY2Viewer{display:block;visibility:visible;opacity:1;background-color:rgba(1,1,1,.85);text-align:center;clear:both;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.nGY2 .nGY2ViewerLogo{text-align:center;float:left;position:relative;top:50px;left:5px;padding:2px;background:url(/lib/nanogallery2/css/nanogallery2_logo.png) center no-repeat;display:block;height:74px;width:147px}.nGY2 .nGY2ViewerContent{min-width:40px;min-height:40px;position:absolute;clear:both;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;overflow:hidden}.nGY2 .nGY2ViewerMediaPan{transform-origin:50% 50% 0;visibility:visible;opacity:1;position:absolute;display:inline-block;padding:0;top:0;bottom:0;left:0;right:0;margin:auto;zoom:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2ViewerMedia,.nGY2 .nGY2ViewerMediaLoaderHidden{visibility:visible;bottom:0;margin:auto;zoom:1;box-sizing:border-box;left:0;right:0}.nGY2 .nGY2ViewerMedia{max-width:none;opacity:1;will-change:transform;transform:translateZ(0);position:absolute;top:0;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;pointer-events:none;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 iframe.nGY2ViewerMedia,.nGY2 video.nGY2ViewerMedia{pointer-events:auto}.nGY2 .nGY2ViewerMediaLoaderDisplayed{visibility:visible;opacity:1;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;zoom:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;width:50px;height:50px}.nGY2 .nGY2ViewerMediaLoaderDisplayed:before{top:0;bottom:0;left:0;right:0;margin:auto;content:"";display:block;position:absolute;border-width:7px;border-style:solid;border-radius:50%;width:38px;height:38px;animation:nGY2-spinner-rotate-animation 1s linear 0s infinite;border-color:#444 #23CB99 #23CB99 #444}.nGY2 .nGY2ViewerMediaLoaderDisplayed:after{content:"";display:block;position:absolute;border-width:4px;border-style:solid;border-radius:50%;width:24px;height:24px;top:0;bottom:0;left:0;right:0;margin:auto;animation:nGY2-spinner-anti-rotate-animation .85s linear 0s infinite;border-color:#333 #23CB99 #23CB99 #333}@keyframes nGY2-spinner-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes nGY2-spinner-anti-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.nGY2 .nGY2ViewerMediaLoaderHidden{opacity:0;position:absolute;top:0;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;background-image:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2ViewerAreaNext>i,.nGY2 .nGY2ViewerAreaPrevious>i{font-weight:700!important;font-size:2em;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;background:rgba(0,0,0,.2)}.nGY2 .nGY2ViewerContent .imgCurrent{cursor:pointer}.nGY2 .nGY2ViewerAreaPrevious{color:#fff;display:block;position:absolute;top:50%;padding:10px 0 10px 5px;margin-top:-25px;left:0;text-align:left;cursor:pointer;opacity:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerAreaPrevious>i{margin:0!important}.nGY2 .nGY2ViewerAreaNext{color:#fff;display:block;position:absolute;top:50%;padding:10px 5px 10px 0;margin-top:-25px;right:0;text-align:right;cursor:pointer;opacity:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerToolsTopLeft,.nGY2 .nGY2ViewerToolsTopRight{top:5px;position:absolute;text-shadow:-1px -1px 0 #444,1px -1px 0 #444,-1px 1px 0 #444,1px 1px 0 #444;opacity:1;cursor:pointer}.nGY2 .nGY2ViewerAreaNext>i{margin:0!important}.nGY2 .toolbarContainer{left:0;right:0;text-align:center;display:inline-block;position:absolute;width:100%}.nGY2 .toolbar{display:inline-block;vertical-align:middle;overflow:hidden;padding:2px 0;margin:1px}.nGY2 .toolbar .label,.nGY2 .toolbar .ngbt,.nGY2 .toolbar .pageCounter{display:table-cell;vertical-align:middle}.nGY2 .toolbarBackground{background:rgba(4,4,4,.7)}.nGY2 .nGY2ViewerToolsTopLeft{color:#ddd;left:5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerToolsTopRight{color:#ddd;right:5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .toolbar .ngbt{font-size:1.2em;cursor:pointer;padding:2px 8px}.nGY2 .ngy2viewerToolAction{opacity:1}.nGY2 .ngy2viewerToolAction:hover{opacity:.8}.nGY2 .toolbar .pageCounter{font-size:1.2em;margin:auto;overflow:hidden}.nGY2 .toolbar .label{padding:3px 10px;border-left:0 solid #000;overflow:hidden;text-align:left;font-size:1em;background-color:initial}.nGY2 .toolbar .label .title{font-size:1.2em;margin:auto;vertical-align:middle;overflow:hidden}.nGY2 .toolbar .label .description{font-size:.9em;display:table-row;vertical-align:middle;overflow:hidden;color:#eee}.nGY2 .nGY2viewerGallery{overflow:hidden;position:fixed;display:none;opacity:0;bottom:5px}.nGY2 .nGY2viewerGallery .nGY2VThumbnailContainer{overflow:hidden;display:inline-block;position:absolute;top:0}.nGY2 .nGY2viewerGallery .nGY2VThumbnail{top:0;padding:0;border:1px solid #888;position:absolute;opacity:1;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.nGY2 .nGY2viewerGallery .activeVThumbnail{border:2px solid #fff}.nGY2ConsoleParent{visibility:hidden;height:0;background:#111;color:#e00;padding:0;margin:2px}.nGY2ConsoleParent p{color:#e00;padding:1px;margin:0}.nGY2 .nanoGalleryLBar,.nGY2 .nanoGalleryLBarOff{position:relative;width:100%;margin:0 0 1px;background-color:#556;height:2px}.nGY2.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.nGY2 .nanoGalleryLBarOff{visibility:hidden}.nGY2 .nanoGalleryLBar{visibility:visible}.nGY2 .nanoGalleryLBar>div{position:absolute;width:50px;height:2px;top:0;opacity:.7}.nGY2 .nanoGalleryLBar>div:nth-child(1){-webkit-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);background:#111}.nGY2 .nanoGalleryLBar>div:nth-child(2){-webkit-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);background:#333}.nGY2 .nanoGalleryLBar>div:nth-child(3){-webkit-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);background:#ccd}.nGY2 .nanoGalleryLBar>div:nth-child(4){-webkit-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);background:#777}.nGY2 .nanoGalleryLBar>div:nth-child(5){-webkit-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);background:#ddd}@-webkit-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-moz-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-ms-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-o-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}.NGY2ThumbnailLightbox{cursor:pointer}
.nGY2{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box}.nGY2 .ngy2_container{width:100%;min-width:100px;font-size:1em;line-height:normal;padding:0;margin:0 auto;overflow:hidden;visibility:visible;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.nGY2_body_scrollbar{overflow:hidden}@font-face{font-family:ngy2_icon_font;src:url(data:application/font-woff2;charset=utf-8;base64,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) format('woff2'),url(data:application/font-woff;charset=utf-8;base64,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) format('woff');font-weight:400;font-style:normal}.nGY2Icon-star:before{content:'\e801'}.nGY2Icon-search:before{content:'\e800'}.nGY2Icon-star-empty:before{content:'\e802'}.nGY2Icon-video:before{content:'\e803'}.nGY2Icon-videocam:before{content:'\e804'}.nGY2Icon-picture:before{content:'\e805'}.nGY2Icon-camera:before{content:'\e806'}.nGY2Icon-camera-alt:before{content:'\e807'}.nGY2Icon-ok:before{content:'\e808'}.nGY2Icon-help:before{content:'\e80a'}.nGY2Icon-help-circled:before{content:'\e80b'}.nGY2Icon-home:before{content:'\e80e'}.nGY2Icon-link:before{content:'\e80f'}.nGY2Icon-link-ext:before{content:'\e810'}.nGY2Icon-heart:before{content:'\e811'}.nGY2Icon-ngy2_chevron-right:before{content:'\e812'}.nGY2Icon-upload:before{content:'\e814'}.nGY2Icon-reply-all:before{content:'\e815'}.nGY2Icon-export:before{content:'\e816'}.nGY2Icon-chat:before{content:'\e818'}.nGY2Icon-attention:before{content:'\e819'}.nGY2Icon-location:before{content:'\e81a'}.nGY2Icon-trash:before{content:'\e81b'}.nGY2Icon-folder-empty:before{content:'\e81c'}.nGY2Icon-folder-open-empty:before{content:'\e81d'}.nGY2Icon-menu:before{content:'\e81e'}.nGY2Icon-cog:before{content:'\e81f'}.nGY2Icon-cog-alt:before{content:'\e820'}.nGY2Icon-wrench:before{content:'\e821'}.nGY2Icon-lightbulb:before{content:'\e822'}.nGY2Icon-resize-full:before{content:'\e823'}.nGY2Icon-resize-small:before{content:'\e824'}.nGY2Icon-left-open:before{content:'\e827'}.nGY2Icon-right-open:before{content:'\e828'}.nGY2Icon-arrows-cw:before{content:'\e829'}.nGY2Icon-level-up:before{content:'\e82a'}.nGY2Icon-play:before{content:'\e82b'}.nGY2Icon-pause:before{content:'\e82c'}.nGY2Icon-ngy2_chevron-left:before{content:'\e82d'}.nGY2Icon-ellipsis-vert:before{content:'\e82e'}.nGY2Icon-toggle-off:before{content:'\e82f'}.nGY2Icon-toggle-on:before{content:'\e830'}.nGY2Icon-check:before{content:'\e831'}.nGY2Icon-check-empty:before{content:'\e832'}.nGY2Icon-rocket:before{content:'\e833'}.nGY2Icon-filter:before{content:'\e834'}.nGY2Icon-magic:before{content:'\e835'}.nGY2Icon-pinterest-squared:before{content:'\e836'}.nGY2Icon-gplus-squared:before{content:'\e837'}.nGY2Icon-facebook-squared:before{content:'\e838'}.nGY2Icon-basket:before{content:'\e839'}.nGY2Icon-ok-circled:before{content:'\e83a'}.nGY2Icon-user:before{content:'\e83b'}.nGY2Icon-ngy2_chevron_left3:before{content:'\e83c'}.nGY2Icon-ngy2_chevron_right3:before{content:'\e83d'}.nGY2Icon-zoom-out-1:before{content:'\e83e'}.nGY2Icon-ngy2_zoom_out2:before{content:'\e83f'}.nGY2Icon-ngy2_zoom_in2:before{content:'\e840'}.nGY2Icon-ngy2_share2:before{content:'\e841'}.nGY2Icon-ngy2_external2:before{content:'\e842'}.nGY2Icon-ngy2_close2:before{content:'\e843'}.nGY2Icon-ngy2_info2:before{content:'\e844'}.nGY2Icon-ngy2_chevron_up2:before{content:'\e845'}.nGY2Icon-ngy2_download2:before{content:'\e846'}.nGY2Icon-mail-alt:before{content:'\f0e0'}.nGY2Icon-circle-empty:before{content:'\f10c'}.nGY2Icon-tumblr-squared:before{content:'\f174'}.nGY2Icon-twitter-squared:before{content:'\f304'}.nGY2Icon-youtube-play:before{content:'\f16a'}.nGY2Icon-vkontakte:before{content:'\f189'}.nGY2Icon-cw:before{content:'\e809'}.nGY2Icon-ccw:before{content:'\e80c'}[class^=nGY2Icon-]{margin-left:.2em;margin-right:.3em;font-family:ngy2_icon_font;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar{margin:5px 0;padding:5px 0;display:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar .nGY2NavigationbarItem{margin:5px 2px;padding:8px 10px;white-space:nowrap;cursor:pointer;display:inline-block;vertical-align:middle;text-align:left;visibility:'hidden';box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar .oneItem{margin:0 5px;white-space:nowrap;vertical-align:middle;display:inline-block}.nGY2 .nGY2Gallery{position:relative;text-align:center;margin:0 auto;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GallerySub{perspective:900px;text-align:left;position:relative;width:100%;height:100%;overflow:hidden;display:inline-block;z-index:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnail,.nGY2 .nGY2GThumbnailStack{display:inline-block;position:absolute;box-sizing:border-box;border:0 solid #000;padding:0;overflow:hidden;cursor:pointer}.nGY2 .nGY2GThumbnail{background-color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailStack{background-color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailSub{width:100%;height:100%;display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border:0 solid #000;margin:0;padding:0;overflow:hidden}.nGY2 .nGY2GThumbnailSubSelected{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.nGY2 .nGY2GThumbnailImage{position:relative;overflow:hidden;background:#000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailImg{background:url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///////yH5BAEKAAEALAAAAAAQABAAAAIOjI+py+0Po5y02ouzPgUAOw==) center no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;vertical-align:bottom;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAnnotationOLD_NO_MORE_USED{background:rgba(34,34,34,.75);opacity:1;text-align:left;left:0;right:0;padding:1px;position:absolute;min-height:18px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailCustomLayer{position:absolute;display:block;top:0;bottom:0;left:0;right:0;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailLabel{display:block;background:rgba(34,34,34,.75);left:0;right:0;padding:4px;margin:0;position:absolute;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAlbumTitle,.nGY2 .nGY2GThumbnailDescription,.nGY2 .nGY2GThumbnailImageTitle{left:0;box-sizing:border-box;padding:0;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;right:0}.nGY2 .nGY2GThumbnailAlbumTitle,.nGY2 .nGY2GThumbnailImageTitle{color:#fff;margin:5px 1px 1px;white-space:nowrap;overflow:hidden;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailDescription{clear:both;margin:1px 1px 3px;color:#aaa;white-space:nowrap;font-size:.8em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIcons{margin:0;position:absolute;display:inline-block;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconsFullThumbnail{font-size:1.8em;color:#fff;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;padding:5px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconText,.nGY2 .nGY2GThumbnailIconTextBadge{position:relative;display:inline-block;margin:0;vertical-align:middle}.nGY2 .nGY2GThumbnailIcon{display:inline-block;padding:4px;margin:0;color:#fff;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconTextBadge{background-color:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconText{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAlbumUp i{position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.nGY2 .nGY2GThumbnailAlbumUp{color:#eee;font-size:1.2em;top:0;bottom:0;left:0;right:0;display:table;width:100%;text-align:center;position:absolute;margin:auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailLoaderDisplayed:after,.nGY2 .nGY2GThumbnailLoaderDisplayed:before{display:block;position:absolute;border-style:solid;margin:auto;top:0;left:0;bottom:0;right:0;content:"";border-radius:50%}.nGY2 .nGY2GThumbnailLoaderDisplayed{visibility:visible;opacity:.8;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;zoom:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;width:40px;height:40px}.nGY2 .nGY2GThumbnailLoaderDisplayed:before{border-width:7px;width:24px;height:24px;animation:nGY2-thumbnail-spinner-rotate-animation 1s linear 0s infinite;border-color:#888 #000 #000 #888}.nGY2 .nGY2GThumbnailLoaderDisplayed:after{border-width:4px;width:16px;height:16px;animation:nGY2-thumbnail-spinner-anti-rotate-animation .8s linear 0s infinite;border-color:#666 #111 #111 #666}@keyframes nGY2-thumbnail-spinner-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes nGY2-thumbnail-spinner-anti-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.nGY2 .nGY2GalleryBottom{margin:0;padding:0;text-align:center;position:relative;overflow:hidden;white-space:nowrap}.nGY2 .nGY2GalleryMoreButton,.nGY2 .nGY2GalleryMoreButtonAnnotation,.nGY2 .nGY2GalleryPagination,.nGY2 .nGY2GalleryPaginationDot{margin:10px auto 5px;text-align:center;position:relative;white-space:nowrap;overflow:hidden}.nGY2 .nGY2GalleryMoreButton{padding:4px;display:inline-block;cursor:pointer}.nGY2 .nGY2GalleryMoreButtonAnnotation{border:1px solid #fff;padding:8px 20px;display:inline-block}.nGY2 .nGY2GalleryPagination,.nGY2 .nGY2GalleryPaginationDot{padding:4px}.nGY2 .nGY2PaginationNext,.nGY2 .nGY2PaginationPrev,.nGY2 .nGY2paginationItem,.nGY2 .nGY2paginationItemCurrentPage{margin:10px 4px;padding:5px 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#111;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block}.nGY2 .nGY2paginationItemCurrentPage{background:#333}.nGY2 .nGY2paginationDot,.nGY2 .nGY2paginationDotCurrentPage{width:16px;height:16px;border:2px solid #fff;background:#444;border-radius:50%;margin:12px 5px;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block;opacity:.5}.nGY2 .nGY2paginationDotCurrentPage{background:#fff;opacity:1}.nGY2 .nGY2paginationRectangle,.nGY2 .nGY2paginationRectangleCurrentPage{width:30px;border:1px solid #fff;height:0;background:#444;margin:5px 1px;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block;opacity:.5}.nGY2 .nGY2paginationRectangleCurrentPage{background:#fff;opacity:1}.nGY2Popup{position:fixed;color:#000;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5)}.nGY2PopupContent,.nGY2PopupContentCenter,.nGY2PopupContentLeft,.nGY2PopupContentRight{position:fixed;text-align:left;top:50%;left:50%;padding:15px 30px;height:auto;width:50%;background:#fff;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@media screen and (max-width:992px){.nGY2PopupContent,.nGY2PopupContentCenter,.nGY2PopupContentLeft,.nGY2PopupContentRight{width:95%;padding:5px 10px}}.nGY2 .nGY2Viewer,.nGY2 .nGY2ViewerContainer{top:0;height:100%;width:100%;left:0;position:fixed}.nGY2PopupContentCenter{text-align:center}.nGY2PopupTitle{font-size:1.5em;border-bottom:4px solid #888;padding:0 0 5px;margin-bottom:10px}.nGY2PopupCloseButton{font-size:1.5em;cursor:pointer;text-align:right}.nGY2PopupOneItem{padding:10px;font-size:2em;cursor:pointer;display:inline-block}.nGY2PopupOneItemText{padding:10px;font-size:1.2em;cursor:pointer;display:block}.nGY2PortInfo{padding:3px!important;font-size:14px!important;color:#FF0075!important;text-align:center!important;z-index:0!important;text-transform:lowercase!important;cursor:pointer!important}.nGY2PortInfo a,.nGY2PortInfo a:active,.nGY2PortInfo a:hover,.nGY2PortInfo>a:link,.nGY2PortInfo>a:visited{color:#FF0075!important;text-decoration:none!important}.nGY2 .nGY2ViewerContainer{opacity:0}.nGY2 .nGY2Viewer{display:block;visibility:visible;opacity:1;background-color:rgba(1,1,1,.85);text-align:center;clear:both;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.nGY2 .nGY2ViewerLogo{text-align:center;float:left;position:relative;top:50px;left:5px;padding:2px;background:url(/lib/nanogallery2/css/nanogallery2_logo.png) center no-repeat;display:block;height:74px;width:147px}.nGY2 .nGY2ViewerContent{min-width:40px;min-height:40px;position:absolute;clear:both;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;overflow:hidden}.nGY2 .nGY2ViewerMediaPan{transform-origin:50% 50% 0;visibility:visible;opacity:1;position:absolute;display:inline-block;padding:0;top:0;bottom:0;left:0;right:0;margin:auto;zoom:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2ViewerMedia,.nGY2 .nGY2ViewerMediaLoaderHidden{visibility:visible;bottom:0;margin:auto;zoom:1;box-sizing:border-box;left:0;right:0}.nGY2 .nGY2ViewerMedia{max-width:none;opacity:1;will-change:transform;transform:translateZ(0);position:absolute;top:0;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;pointer-events:none;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 iframe.nGY2ViewerMedia,.nGY2 video.nGY2ViewerMedia{pointer-events:auto}.nGY2 .nGY2ViewerMediaLoaderDisplayed{visibility:visible;opacity:1;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;zoom:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;width:50px;height:50px}.nGY2 .nGY2ViewerMediaLoaderDisplayed:before{top:0;bottom:0;left:0;right:0;margin:auto;content:"";display:block;position:absolute;border-width:7px;border-style:solid;border-radius:50%;width:38px;height:38px;animation:nGY2-spinner-rotate-animation 1s linear 0s infinite;border-color:#444 #23CB99 #23CB99 #444}.nGY2 .nGY2ViewerMediaLoaderDisplayed:after{content:"";display:block;position:absolute;border-width:4px;border-style:solid;border-radius:50%;width:24px;height:24px;top:0;bottom:0;left:0;right:0;margin:auto;animation:nGY2-spinner-anti-rotate-animation .85s linear 0s infinite;border-color:#333 #23CB99 #23CB99 #333}@keyframes nGY2-spinner-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes nGY2-spinner-anti-rotate-animation{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}.nGY2 .nGY2ViewerMediaLoaderHidden{opacity:0;position:absolute;top:0;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;background-image:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2ViewerAreaNext>i,.nGY2 .nGY2ViewerAreaPrevious>i{font-weight:700!important;font-size:2em;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;background:rgba(0,0,0,.2)}.nGY2 .nGY2ViewerContent .imgCurrent{cursor:pointer}.nGY2 .nGY2ViewerAreaPrevious{color:#fff;display:block;position:absolute;top:50%;padding:10px 0 10px 5px;margin-top:-25px;left:0;text-align:left;cursor:pointer;opacity:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerAreaPrevious>i{margin:0!important}.nGY2 .nGY2ViewerAreaNext{color:#fff;display:block;position:absolute;top:50%;padding:10px 5px 10px 0;margin-top:-25px;right:0;text-align:right;cursor:pointer;opacity:1;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerToolsTopLeft,.nGY2 .nGY2ViewerToolsTopRight{top:5px;position:absolute;text-shadow:-1px -1px 0 #444,1px -1px 0 #444,-1px 1px 0 #444,1px 1px 0 #444;opacity:1;cursor:pointer}.nGY2 .nGY2ViewerAreaNext>i{margin:0!important}.nGY2 .toolbarContainer{left:0;right:0;text-align:center;display:inline-block;position:absolute;width:100%}.nGY2 .toolbar{display:inline-block;vertical-align:middle;overflow:hidden;padding:2px 0;margin:1px}.nGY2 .toolbar .label,.nGY2 .toolbar .ngbt,.nGY2 .toolbar .pageCounter{display:table-cell;vertical-align:middle}.nGY2 .toolbarBackground{background:rgba(4,4,4,.7)}.nGY2 .nGY2ViewerToolsTopLeft{color:#ddd;left:5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerToolsTopRight{color:#ddd;right:5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .toolbar .ngbt{font-size:1.2em;cursor:pointer;padding:2px 8px}.nGY2 .ngy2viewerToolAction{opacity:1}.nGY2 .ngy2viewerToolAction:hover{opacity:.8}.nGY2 .toolbar .pageCounter{font-size:1.2em;margin:auto;overflow:hidden}.nGY2 .toolbar .label{padding:3px 10px;border-left:0 solid #000;overflow:hidden;text-align:left;font-size:1em;background-color:initial}.nGY2 .toolbar .label .title{font-size:1.2em;margin:auto;vertical-align:middle;overflow:hidden}.nGY2 .toolbar .label .description{font-size:.9em;display:table-row;vertical-align:middle;overflow:hidden;color:#eee}.nGY2 .nGY2viewerGallery{overflow:hidden;position:fixed;display:none;opacity:0;bottom:5px}.nGY2 .nGY2viewerGallery .nGY2VThumbnailContainer{overflow:hidden;display:inline-block;position:absolute;top:0}.nGY2 .nGY2viewerGallery .nGY2VThumbnail{top:0;padding:0;border:1px solid #888;position:absolute;opacity:1;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.nGY2 .nGY2viewerGallery .activeVThumbnail{border:2px solid #fff}.nGY2ConsoleParent{visibility:hidden;height:0;background:#111;color:#e00;padding:0;margin:2px}.nGY2ConsoleParent p{color:#e00;padding:1px;margin:0}.nGY2 .nanoGalleryLBar,.nGY2 .nanoGalleryLBarOff{position:relative;width:100%;margin:0 0 1px;background-color:#556;height:2px}.nGY2.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.nGY2 .nanoGalleryLBarOff{visibility:hidden}.nGY2 .nanoGalleryLBar{visibility:visible}.nGY2 .nanoGalleryLBar>div{position:absolute;width:50px;height:2px;top:0;opacity:.7}.nGY2 .nanoGalleryLBar>div:nth-child(1){-webkit-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);background:#111}.nGY2 .nanoGalleryLBar>div:nth-child(2){-webkit-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);background:#333}.nGY2 .nanoGalleryLBar>div:nth-child(3){-webkit-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);background:#ccd}.nGY2 .nanoGalleryLBar>div:nth-child(4){-webkit-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);background:#777}.nGY2 .nanoGalleryLBar>div:nth-child(5){-webkit-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);background:#ddd}@-webkit-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-moz-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-ms-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-o-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}.NGY2ThumbnailLightbox{cursor:pointer}