/* Custom properties */

:root {
	/* Base theme colors */

	--bs-primary: #007BFF; /* BS4 primary */
	--bs-primary-base-r: 0;
	--bs-primary-base-g: 123;
	--bs-primary-base-b: 255;

	--bs-success: #28A745; /* BS4 success */
	--bs-success-base-r: 40;
	--bs-success-base-g: 167;
	--bs-success-base-b: 69;

	--bs-danger: #DC3545; /* BS4 danger */
	--bs-danger-base-r: 220;
	--bs-danger-base-g: 53;
	--bs-danger-base-b: 69;

	--bs-warning: #FFC107; /* BS4 warning */
	--bs-warning-base-r: 255;
	--bs-warning-base-g: 193;
	--bs-warning-base-b: 7;

	--bs-info: #17A2B8; /* BS4 info */
	--bs-info-base-r: 23;
	--bs-info-base-g: 162;
	--bs-info-base-b: 184;

	--bs-secondary: #777777;
	--bs-secondary-base-r: 119;
	--bs-secondary-base-g: 119;
	--bs-secondary-base-b: 119;

	--bs-secondary-muted: rgba(0, 0, 0, 0.0980392158); /* Equivallent of #E6E6E6 on a white background */
	--bs-secondary-muted-base-r: 0;
	--bs-secondary-muted-base-g: 0;
	--bs-secondary-muted-base-b: 0;
	--bs-secondary-muted-base-a: 0.0980392158;

	--bs-light: #F7F7F7;
	--bs-light-base-r: 247;
	--bs-light-base-g: 247;
	--bs-light-base-b: 247;

	--bs-dark: #2A2A2A;
	--bs-dark-base-r: 42;
	--bs-dark-base-g: 42;
	--bs-dark-base-b: 42;

	/* Subtle colors */

	--bs-primary-bg-subtle: color-mix(in srgb, var(--bs-primary), white 80%);
	--bs-primary-border-subtle: color-mix(in srgb, var(--bs-primary), white 60%);

	--bs-success-bg-subtle: color-mix(in srgb, var(--bs-success), white 80%);
	--bs-success-border-subtle: color-mix(in srgb, var(--bs-success), white 60%);

	--bs-danger-bg-subtle: color-mix(in srgb, var(--bs-danger), white 80%);
	--bs-danger-border-subtle: color-mix(in srgb, var(--bs-danger), white 60%);

	--bs-warning-bg-subtle: color-mix(in srgb, var(--bs-warning), white 80%);
	--bs-warning-border-subtle: color-mix(in srgb, var(--bs-warning), white 60%);

	--bs-info-bg-subtle: color-mix(in srgb, var(--bs-info), white 80%);
	--bs-info-border-subtle: color-mix(in srgb, var(--bs-info), white 60%);

	--bs-secondary-bg-subtle: color-mix(in srgb, var(--bs-secondary), white 80%);
	--bs-secondary-border-subtle: color-mix(in srgb, var(--bs-secondary), white 60%);

	--bs-light-bg-subtle: var(--bs-light);
	--bs-light-border-subtle: color-mix(in srgb, var(--bs-light), black 5%);

	--bs-dark-bg-subtle: color-mix(in srgb, var(--bs-dark), white 80%);
	--bs-dark-border-subtle: color-mix(in srgb, var(--bs-dark), white 60%);

	/* Text emphasis */

	--bs-primary-text-emphasis: color-mix(in srgb, var(--bs-primary), black 40%);
	--bs-primary-text-emphasis-link: color-mix(in srgb, var(--bs-primary), black 70%);

	--bs-success-text-emphasis: color-mix(in srgb, var(--bs-success), black 40%);
	--bs-success-text-emphasis-link: color-mix(in srgb, var(--bs-success), black 70%);

	--bs-danger-text-emphasis: color-mix(in srgb, var(--bs-danger), black 40%);
	--bs-danger-text-emphasis-link: color-mix(in srgb, var(--bs-danger), black 70%);

	--bs-warning-text-emphasis: color-mix(in srgb, var(--bs-warning), black 40%);
	--bs-warning-text-emphasis-link: color-mix(in srgb, var(--bs-warning), black 70%);

	--bs-info-text-emphasis: color-mix(in srgb, var(--bs-info), black 40%);
	--bs-info-text-emphasis-link: color-mix(in srgb, var(--bs-info), black 70%);

	--bs-secondary-text-emphasis: color-mix(in srgb, var(--bs-secondary), black 40%);
	--bs-secondary-text-emphasis-link: color-mix(in srgb, var(--bs-secondary), black 70%);

	--bs-light-text-emphasis: color-mix(in srgb, var(--bs-dark), black 40%);
	--bs-light-text-emphasis-link: color-mix(in srgb, var(--bs-dark), black 70%);

	--bs-dark-text-emphasis: color-mix(in srgb, var(--bs-dark), black 40%);
	--bs-dark-text-emphasis-link: color-mix(in srgb, var(--bs-dark), black 70%);

	/* Contrast colors for base colors */

	--bs-primary-contrast-color: #FFFFFF;
	--bs-success-contrast-color: #FFFFFF;
	--bs-danger-contrast-color: #FFFFFF;
	--bs-warning-contrast-color: #FFFFFF;
	--bs-info-contrast-color: #FFFFFF;

	/* Contrast colors for derived colors */

	--bs-secondary-contrast-color: #FFFFFF;
	--bs-secondary-muted-contrast-color: var(--bs-body-color);
	--bs-light-contrast-color: var(--bs-body-color);
	--bs-dark-contrast-color: #FFFFFF;

	/* Form control colors */

	--bs-form-control-focus-border-color: var(--bs-primary);
	--bs-form-control-success-border-color: var(--bs-success);
	--bs-form-control-danger-border-color: var(--bs-danger);
	--bs-form-control-warning-border-color: var(--bs-warning);

	--bs-form-control-focus-box-shadow: 0 0 0 3px rgba(var(--bs-primary-base-r), var(--bs-primary-base-g), var(--bs-primary-base-b), .25);
	--bs-form-control-success-focus-box-shadow: 0 0 0 3px rgba(var(--bs-success-base-r), var(--bs-success-base-g), var(--bs-success-base-b), .25);
	--bs-form-control-danger-focus-box-shadow: 0 0 0 3px rgba(var(--bs-danger-base-r), var(--bs-danger-base-g), var(--bs-danger-base-b), .25);
	--bs-form-control-warning-focus-box-shadow: 0 0 0 3px rgba(var(--bs-warning-base-r), var(--bs-warning-base-g), var(--bs-warning-base-b), .25);

	--bs-form-control-inset-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	/* Body */

	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	--bs-body-bg: #FFFFFF;
	--bs-body-color: #2A2A2A;
	--bs-body-font-family: var(--bs-font-sans-serif);

	/* Links */

	--bs-link-color: var(--bs-primary);
	--bs-link-hover-color: var(--bs-link-color); /* Links become underlined on hover, so no need to apply a darker color */

	/* Headings */

	--bs-heading-color: var(--bs-body-color);
	--bs-heading-secondary-color: #777777;
	--bs-heading-entity-details-color: var(--bs-heading-color);
	--bs-heading-font-family: var(--bs-body-font-family);
	--bs-heading-font-weight: bold;

	/* Header */

	--bs-header-bg: var(--bs-body-bg);
	--bs-header-color: var(--bs-body-color);
	--bs-header-hover-color: var(--bs-primary);
	--bs-header-hover-line-color: var(--bs-header-hover-color);
	--bs-header-active-color: var(--bs-primary);
	--bs-header-active-line-color: var(--bs-header-active-color);
	--bs-header-open-color: var(--bs-primary);
	--bs-header-open-line-color: var(--bs-header-open-color);
	--bs-header-font-family: var(--bs-body-font-family);
	--bs-header-font-weight: bold;
	--bs-header-font-size: 14px;
	--bs-header-line-height: 20px;
	--bs-header-text-transform: none;

	/* Mobile menu */

	--bs-mobile-menu-color: var(--bs-header-color);
	--bs-mobile-menu-hover-color: var(--bs-header-hover-color);
	--bs-mobile-menu-hover-line-color: var(--bs-mobile-menu-hover-color);
	--bs-mobile-menu-active-color: var(--bs-header-active-color);
	--bs-mobile-menu-active-line-color: var(--bs-mobile-menu-active-color);
	--bs-mobile-menu-open-color: var(--bs-header-open-color);
	--bs-mobile-menu-open-line-color: var(--bs-mobile-menu-open-color);

	/* Footer */

	--bs-footer-bg: #434343;
	--bs-footer-color: #DDDDDD;
	--bs-footer-heading-color: #FFFFFF;

	/* Dashboard header */

	--bs-dashboard-header-bg: #F2F2F2;
	--bs-dashboard-header-color: var(--bs-heading-color);
	--bs-dashboard-header-border-color: rgba(0, 0, 0, .1);
	--bs-dashboard-header-link-color: var(--bs-link-color);

	/* Rating */

	--bs-rating-color: #FECC00;
	--bs-rating-allunset-color: #BBBBBB;

	/* Sticky Navigation */

	--bs-sticky-nav-bg: #434343;
	--bs-sticky-nav-link-color: #FFFFFF;
	--bs-sticky-nav-link-hover-bg: rgba(0, 0, 0, 0.5);
	--bs-sticky-nav-link-active-color: var(--bs-primary);
	--bs-sticky-nav-link-active-bg: var(--bs-primary-contrast-color);

	--bs-sticky-nav-fixed-bg: var(--bs-primary);
	--bs-sticky-nav-fixed-link-hover-bg: rgba(0, 0, 0, 0.2);
	--bs-sticky-nav-fixed-link-active-color: var(--bs-primary);
	--bs-sticky-nav-fixed-link-active-bg: var(--bs-primary-contrast-color);

	--bs-btn-subpage-nav-1-bg: var(--bs-primary);
	--bs-btn-subpage-nav-1-bg-base-r: var(--bs-primary-base-r);
	--bs-btn-subpage-nav-1-bg-base-g: var(--bs-primary-base-g);
	--bs-btn-subpage-nav-1-bg-base-b: var(--bs-primary-base-b);
	--bs-btn-subpage-nav-1-color: var(--bs-primary-contrast-color);

	--bs-btn-subpage-nav-2-bg: var(--bs-btn-subpage-nav-1-bg);
	--bs-btn-subpage-nav-2-bg-base-r: var(--bs-btn-subpage-nav-1-bg-base-r);
	--bs-btn-subpage-nav-2-bg-base-g: var(--bs-btn-subpage-nav-1-bg-base-g);
	--bs-btn-subpage-nav-2-bg-base-b: var(--bs-btn-subpage-nav-1-bg-base-b);
	--bs-btn-subpage-nav-2-color: var(--bs-btn-subpage-nav-1-color);

	--bs-btn-subpage-nav-3-bg: var(--bs-btn-subpage-nav-1-bg);
	--bs-btn-subpage-nav-3-bg-base-r: var(--bs-btn-subpage-nav-1-bg-base-r);
	--bs-btn-subpage-nav-3-bg-base-g: var(--bs-btn-subpage-nav-1-bg-base-g);
	--bs-btn-subpage-nav-3-bg-base-b: var(--bs-btn-subpage-nav-1-bg-base-b);
	--bs-btn-subpage-nav-3-color: var(--bs-btn-subpage-nav-1-color);

	/* Cookie bar */

	--bs-cookie-bar-bg: #484848;
	--bs-cookie-bar-color: #DDDDDD;

	/* Products */

	--bs-product-price-color: #DC0F0F;

	/* Content blocks */

	--bs-content-block-bg-even: #F2F2F2;
}

@supports not (color: color-mix(in srgb, white, black)) { /* FUTURE remove when browser support is sufficient */
	:root {
		/* Subtle colors */

  		--bs-primary-bg-subtle: rgb(calc(var(--bs-primary-base-r) * 0.2 + 255 * 0.8), calc(var(--bs-primary-base-g) * 0.2 + 255 * 0.8), calc(var(--bs-primary-base-b) * 0.2 + 255 * 0.8));
		--bs-primary-border-subtle: rgb(calc(var(--bs-primary-base-r) * 0.4 + 255 * 0.6), calc(var(--bs-primary-base-g) * 0.4 + 255 * 0.6), calc(var(--bs-primary-base-b) * 0.4 + 255 * 0.6));

		--bs-success-bg-subtle: rgb(calc(var(--bs-success-base-r) * 0.2 + 255 * 0.8), calc(var(--bs-success-base-g) * 0.2 + 255 * 0.8), calc(var(--bs-success-base-b) * 0.2 + 255 * 0.8));
		--bs-success-border-subtle: rgb(calc(var(--bs-success-base-r) * 0.4 + 255 * 0.6), calc(var(--bs-success-base-g) * 0.4 + 255 * 0.6), calc(var(--bs-success-base-b) * 0.4 + 255 * 0.6));

		--bs-danger-bg-subtle: rgb(calc(var(--bs-danger-base-r) * 0.2 + 255 * 0.8), calc(var(--bs-danger-base-g) * 0.2 + 255 * 0.8), calc(var(--bs-danger-base-b) * 0.2 + 255 * 0.8));
		--bs-danger-border-subtle: rgb(calc(var(--bs-danger-base-r) * 0.4 + 255 * 0.6), calc(var(--bs-danger-base-g) * 0.4 + 255 * 0.6), calc(var(--bs-danger-base-b) * 0.4 + 255 * 0.6));

		--bs-warning-bg-subtle: rgb(calc(var(--bs-warning-base-r) * 0.2 + 255 * 0.8), calc(var(--bs-warning-base-g) * 0.2 + 255 * 0.8), calc(var(--bs-warning-base-b) * 0.2 + 255 * 0.8));
		--bs-warning-border-subtle: rgb(calc(var(--bs-warning-base-r) * 0.4 + 255 * 0.6), calc(var(--bs-warning-base-g) * 0.4 + 255 * 0.6), calc(var(--bs-warning-base-b) * 0.4 + 255 * 0.6));

		--bs-info-bg-subtle: rgb(calc(var(--bs-info-base-r) * 0.2 + 255 * 0.8), calc(var(--bs-info-base-g) * 0.2 + 255 * 0.8), calc(var(--bs-info-base-b) * 0.2 + 255 * 0.8));
		--bs-info-border-subtle: rgb(calc(var(--bs-info-base-r) * 0.4 + 255 * 0.6), calc(var(--bs-info-base-g) * 0.4 + 255 * 0.6), calc(var(--bs-info-base-b) * 0.4 + 255 * 0.6));

		--bs-secondary-bg-subtle: rgb(calc(var(--bs-secondary-base-r) * 0.2 + 255 * 0.8), calc(var(--bs-secondary-base-g) * 0.2 + 255 * 0.8), calc(var(--bs-secondary-base-b) * 0.2 + 255 * 0.8));
		--bs-secondary-border-subtle: rgb(calc(var(--bs-secondary-base-r) * 0.4 + 255 * 0.6), calc(var(--bs-secondary-base-g) * 0.4 + 255 * 0.6), calc(var(--bs-secondary-base-b) * 0.4 + 255 * 0.6));

		--bs-light-border-subtle: rgb(calc(var(--bs-light-base-r) * 0.95), calc(var(--bs-light-base-g) * 0.95), calc(var(--bs-light-base-b) * 0.95));

		--bs-dark-bg-subtle: rgb(calc(var(--bs-dark-base-r) * 0.2 + 255 * 0.8), calc(var(--bs-dark-base-g) * 0.2 + 255 * 0.8), calc(var(--bs-dark-base-b) * 0.2 + 255 * 0.8));
		--bs-dark-border-subtle: rgb(calc(var(--bs-dark-base-r) * 0.4 + 255 * 0.6), calc(var(--bs-dark-base-g) * 0.4 + 255 * 0.6), calc(var(--bs-dark-base-b) * 0.4 + 255 * 0.6));

		/* Text emphasis */

		--bs-primary-text-emphasis: rgb(calc(var(--bs-primary-base-r) * 0.6), calc(var(--bs-primary-base-g) * 0.6), calc(var(--bs-primary-base-b) * 0.6));
		--bs-primary-text-emphasis-link: rgb(calc(var(--bs-primary-base-r) * 0.3), calc(var(--bs-primary-base-g) * 0.3), calc(var(--bs-primary-base-b) * 0.3));

		--bs-success-text-emphasis: rgb(calc(var(--bs-success-base-r) * 0.6), calc(var(--bs-success-base-g) * 0.6), calc(var(--bs-success-base-b) * 0.6));
		--bs-success-text-emphasis-link: rgb(calc(var(--bs-success-base-r) * 0.3), calc(var(--bs-success-base-g) * 0.3), calc(var(--bs-success-base-b) * 0.3));

		--bs-danger-text-emphasis: rgb(calc(var(--bs-danger-base-r) * 0.6), calc(var(--bs-danger-base-g) * 0.6), calc(var(--bs-danger-base-b) * 0.6));
		--bs-danger-text-emphasis-link: rgb(calc(var(--bs-danger-base-r) * 0.3), calc(var(--bs-danger-base-g) * 0.3), calc(var(--bs-danger-base-b) * 0.3));

		--bs-warning-text-emphasis: rgb(calc(var(--bs-warning-base-r) * 0.6), calc(var(--bs-warning-base-g) * 0.6), calc(var(--bs-warning-base-b) * 0.6));
		--bs-warning-text-emphasis-link: rgb(calc(var(--bs-warning-base-r) * 0.3), calc(var(--bs-warning-base-g) * 0.3), calc(var(--bs-warning-base-b) * 0.3));

		--bs-info-text-emphasis: rgb(calc(var(--bs-info-base-r) * 0.6), calc(var(--bs-info-base-g) * 0.6), calc(var(--bs-info-base-b) * 0.6));
		--bs-info-text-emphasis-link: rgb(calc(var(--bs-info-base-r) * 0.3), calc(var(--bs-info-base-g) * 0.3), calc(var(--bs-info-base-b) * 0.3));

		--bs-secondary-text-emphasis: rgb(calc(var(--bs-secondary-base-r) * 0.6), calc(var(--bs-secondary-base-g) * 0.6), calc(var(--bs-secondary-base-b) * 0.6));
		--bs-secondary-text-emphasis-link: rgb(calc(var(--bs-secondary-base-r) * 0.3), calc(var(--bs-secondary-base-g) * 0.3), calc(var(--bs-secondary-base-b) * 0.3));

		--bs-light-text-emphasis: rgb(calc(var(--bs-dark-base-r) * 0.6), calc(var(--bs-dark-base-g) * 0.6), calc(var(--bs-dark-base-b) * 0.6));
		--bs-light-text-emphasis-link: rgb(calc(var(--bs-dark-base-r) * 0.3), calc(var(--bs-dark-base-g) * 0.3), calc(var(--bs-dark-base-b) * 0.3));

		--bs-dark-text-emphasis: rgb(calc(var(--bs-dark-base-r) * 0.6), calc(var(--bs-dark-base-g) * 0.6), calc(var(--bs-dark-base-b) * 0.6));
		--bs-dark-text-emphasis-link: rgb(calc(var(--bs-dark-base-r) * 0.3), calc(var(--bs-dark-base-g) * 0.3), calc(var(--bs-dark-base-b) * 0.3));
	}
}

:root {
	--setting-header-height: 80px;
	--setting-header-logo-height: 60px;
}

@media (max-width: 991px) {
	:root {
		--navbar-height: clamp(50px, var(--setting-header-logo-height), 60px);
		--navbar-brand-margin-tb: 5px;
		--navbar-brand-height: var(--navbar-height);
		--navbar-brand-line-height: calc(var(--navbar-height) - (var(--navbar-brand-margin-tb) * 2));
	}
}

@media (min-width: 992px) {
	:root {
		--navbar-height: var(--setting-header-height);
		--navbar-brand-height: var(--setting-header-logo-height);
		--navbar-brand-line-height: var(--setting-header-logo-height);
		--navbar-brand-margin-tb: calc((var(--navbar-height) - var(--navbar-brand-height)) / 2);
	}
}

/* General styles */

:root {
  overscroll-behavior: none;
}

input {
  accent-color: var(--bs-primary);
}

/* Bootstrap typography: text color */

/* TODO
.text-primary {
	color: var(--bs-primary);
}
a.text-primary:hover,
a.text-primary:focus-visible {
	color: #286090;
}*/

/* TODO
.text-success {
	color: var(--bs-success);
}
a.text-success:hover,
a.text-success:focus-visible {
	color: #2b542c;
}
*/

/* TODO
.text-danger {
	color: var(--bs-danger);
}
a.text-danger:hover,
a.text-danger:focus-visible {
	color: #843534;
}
*/

/* TODO
.text-warning {
	color: var(--bs-warning);
}
a.text-warning:hover,
a.text-warning:focus-visible {
	color: #66512c;
}
*/

.text-info {
	color: var(--bs-info);
}
/* TODO
a.text-info:hover,
a.text-info:focus-visible {
	color: #245269;
}
*/

/* Bootstrap component: Label */

.label-status {
	font-size: inherit;
	font-weight: normal;
}

.label-discount-perc {
	font-size: inherit;
	font-weight: normal;
	display: inline-block;
	margin-right: 4px;
}

td > .label-discount-perc {
	margin-right: 2px;
}

/* Keyframes */

@keyframes opacityFade
{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes stickyNavContainerButtonsIn
{
	0% { opacity: 0; visibility: hidden; }
	100% { opacity: 1; visibility: visible; }
}

@keyframes stickyNavContainerButtonsOut
{
	0% { opacity: 1; visibility: visible; }
	100% { opacity: 0; visibility: hidden; }
}

/* Extra grid utility classes */

.col-xs-auto, .col-sm-auto, .col-md-auto, .col-lg-auto {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-auto {
	float: left;
}
.col-xs-auto {
	width: auto;
	max-width: 100%;
}
@media (min-width: 768px) {
	.col-sm-auto {
		float: left;
	}
	.col-sm-auto {
		width: auto;
		max-width: 100%;
	}
}
@media (min-width: 992px) {
	.col-md-auto {
		float: left;
	}
	.col-md-auto {
		width: auto;
		max-width: 100%;
	}
}
@media (min-width: 1200px) {
	.col-lg-auto {
		float: left;
	}
	.col-lg-auto {
		width: auto;
		max-width: 100%;
	}
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.row-flex > .col-xs-1, .row-flex > .col-xs-2, .row-flex > .col-xs-3, .row-flex > .col-xs-4, .row-flex > .col-xs-5, .row-flex > .col-xs-6, .row-flex > .col-xs-7, .row-flex > .col-xs-8, .row-flex > .col-xs-9, .row-flex > .col-xs-10, .row-flex > .col-xs-11, .row-flex > .col-xs-12 {
	flex: 0 0 auto;
}
@media (min-width: 768px) {
	.row-flex > .col-sm-1, .row-flex > .col-sm-2, .row-flex > .col-sm-3, .row-flex > .col-sm-4, .row-flex > .col-sm-5, .row-flex > .col-sm-6, .row-flex > .col-sm-7, .row-flex > .col-sm-8, .row-flex > .col-sm-9, .row-flex > .col-sm-10, .row-flex > .col-sm-11, .row-flex > .col-sm-12 {
		flex: 0 0 auto;
	}
}
@media (min-width: 992px) {
	.row-flex > .col-md-1, .row-flex > .col-md-2, .row-flex > .col-md-3, .row-flex > .col-md-4, .row-flex > .col-md-5, .row-flex > .col-md-6, .row-flex > .col-md-7, .row-flex > .col-md-8, .row-flex > .col-md-9, .row-flex > .col-md-10, .row-flex > .col-md-11, .row-flex > .col-md-12 {
		flex: 0 0 auto;
	}
}
@media (min-width: 1200px) {
	.row-flex > .col-lg-1, .row-flex > .col-lg-2, .row-flex > .col-lg-3, .row-flex > .col-lg-4, .row-flex > .col-lg-5, .row-flex > .col-lg-6, .row-flex > .col-lg-7, .row-flex > .col-lg-8, .row-flex > .col-lg-9, .row-flex > .col-lg-10, .row-flex > .col-lg-11, .row-flex > .col-lg-12 {
		flex: 0 0 auto;
	}
}

.row-condensed-gutters {
  margin-right: -10px;
  margin-left: -10px;
}
.row-condensed-gutters > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

/* Spacing utilities from Bootstrap 4 https://getbootstrap.com/docs/4.6/utilities/spacing/ */

.m-0 {
	margin: 0 !important;
}

.mt-0,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

.pr-0,
.px-0 {
	padding-right: 0 !important;
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
	padding-left: 0 !important;
}

/* Alignment from Bootstrap 5 https://getbootstrap.com/docs/5.3/utilities/vertical-align/ */

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

/* Responsive utility classes complementing https://getbootstrap.com/docs/3.4/css/#responsive-utilities */

@media (max-width: 767px) {
    .pull-left-xs {
        float: left;
    }
    .pull-right-xs {
        float: right;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .pull-left-sm {
        float: left;
    }
    .pull-right-sm {
        float: right;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pull-left-md {
        float: left;
    }
    .pull-right-md {
        float: right;
    }
}

@media (min-width: 1200px) {
    .pull-left-lg {
        float: left;
    }
    .pull-right-lg {
        float: right;
    }
}

/* max lines helpers */

.text-max-lines-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text-max-lines-2,
.text-max-lines-3,
.text-max-lines-4,
.text-max-lines-5,
.text-max-lines-6,
.text-max-lines-7,
.text-max-lines-8 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.text-max-lines-2 {
	-webkit-line-clamp: 2;
}
.text-max-lines-3 {
	-webkit-line-clamp: 3;
}
.text-max-lines-4 {
	-webkit-line-clamp: 4;
}
.text-max-lines-5 {
	-webkit-line-clamp: 5;
}
.text-max-lines-6 {
	-webkit-line-clamp: 6;
}
.text-max-lines-7 {
	-webkit-line-clamp: 7;
}
.text-max-lines-8 {
	-webkit-line-clamp: 8;
}

/* Selection */

::-moz-selection {
	color: var(--bs-primary-contrast-color);
	background: var(--bs-primary);
	text-shadow: none;
}

::selection {
	color: var(--bs-primary-contrast-color);
	background: var(--bs-primary);
	text-shadow: none;
}

/* scrollbar measure and apply */

.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

body.modal-open,
body.mfp-open,
body.tox-dialog__disable-scroll {
  overflow: hidden;
}

body.modal-open,
body.modal-open .absolute-page,
body.modal-open .sticky-nav-container.fixed,
body.modal-open .main-header.sticky,
body.modal-open > .btn-totop,
body.modal-open > .btn-edit-page,
body.modal-open > .buorg,
body.mfp-open,
body.mfp-open .absolute-page,
body.mfp-open .sticky-nav-container.fixed,
body.mfp-open .main-header.sticky,
body.mfp-open > .btn-totop,
body.mfp-open > .btn-edit-page,
body.mfp-open > .buorg,
body.tox-dialog__disable-scroll,
body.tox-dialog__disable-scroll .absolute-page,
body.tox-dialog__disable-scroll .sticky-nav-container.fixed,
body.tox-dialog__disable-scroll .main-header.sticky,
body.tox-dialog__disable-scroll > .btn-totop,
body.tox-dialog__disable-scroll > .btn-edit-page,
body.tox-dialog__disable-scroll > .buorg{
	margin-right: 17px;
	margin-right: var(--scrollbar-width, 10px);
}

/* TinyMCE editor */

.mce-content-body {
	margin: 10px;
}

.mce-content-body p {
	margin-bottom: 20px;
}

.mce-content-body > p:last-child {
	margin-bottom: 0;
}

/* Responsive iframe */

@supports (aspect-ratio: 16/9) {
	body:not(.mce-content-body) .media-responsive {
		height: auto !important;
		max-width: 100%;
		max-height: calc(100vh - 60px);
	}

	body:not(.mce-content-body) .media-responsive-4by3 {
		aspect-ratio: 4/3;
	}

	body:not(.mce-content-body) .media-responsive-16by9 {
		aspect-ratio: 16/9;
	}

	body:not(.mce-content-body) .media-responsive-612by710 {
		aspect-ratio: 612/710;
	}
}

/* redefine font family */

html, body, button, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input.form-control, select, select.form-control, textarea, textarea.form-control, .tooltip, .popover {
	font-family: var(--bs-body-font-family);
	color: var(--bs-body-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
legend
{
	color: var(--bs-heading-color);
	font-family: var(--bs-heading-font-family);
	font-weight: var(--bs-heading-font-weight);
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small
{
	color: var(--bs-heading-secondary-color);
}

h1,
.h1 {
	font-size: 24px;
	line-height: 27px;
}

h2,
.h2 {
	font-size: 19px;
	line-height: 22px;
}

h3,
.h3 {
	font-size: 15px;
	line-height: 20px;
	margin: 0;
}

h4,
.h4 {
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}

h5,
.h5 {
	font-size: 11px;
	line-height: 20px;
	margin: 0;
}

h6,
.h6 {
	font-size: 9px;
	line-height: 20px;
	margin: 0;
}

h1 small,
h2 small,
h3 small {
  font-size: 70%;
  line-height: 1.2;
  display: inline-block;
  margin-left: 4px;
}

h4 small,
h5 small,
h6 small {
  font-size: 85%;
  display: inline-block;
}

.body-copy,
.body-copy h3 {
	font-size: 16px;
	line-height: 1.70;
}

.body-copy p,
.body-copy ul {
	margin-bottom: 20px;
}

.fa-lg {
	vertical-align: -10%;
}

.fa-rotate-45 {
  transform: rotate(45deg);
}

/* general */

body {
	overflow-y: scroll; /* prevent jumping screen */
}

body:not(.pdfpage) {
	background: var(--bs-body-bg);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) { /* Trick to target Chrome only */
	img {
		image-rendering: -webkit-optimize-contrast; /* Makes scaled images less blurry in Chrome */
	}
}

pre {
	color: var(--bs-body-color);
}

.L1q41dH0n3y /* Honey pot spam detection*/
{
	display: none !important;
}

.form-group-buttons {
	margin-top: 4px;
}

.form-group-buttons > .btn {
	margin-right: 6px;
}

.btn-xs > .fa {
	font-size: 14px;
}

.btn-xs.pull-right {
    margin-left: 8px;
}

.tscon {
	display: inline-block;
}

.row {
	display: block;
}

[hidden],
template {
  display: none !important;
}

.clear { clear: both; }

.nav-tabs, .tab-content{margin-bottom: 20px;}
.modal-body > .tab-content{margin-bottom: 0;}
.modal-overflow .modal-body:not([style*="height"]){overflow: visible;}

.lead {
	font-size: 1.2857em;
}

@media (hover: none), (pointer: coarse) { /* Detect touch based device, inspired by https://css-irl.info/detecting-hover-capable-devices/ */
	abbr[title] {
		position: relative;
	}

	abbr[title]:hover:after { /* It might seem weird to use :hover for media query (hover: none), but matching devices generally do apply the :hover state upon tap or long press, so we take advantage of that */
		content: attr(title);

		/* position tooltip like the native one */
		position: absolute;
		left: 0;
		bottom: -30px;
		width: auto;
		white-space: nowrap;

		/* style tooltip */
		background-color: #1e1e1e;
		color: #fff;
		border-radius: 3px;
		box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
		font-size: 14px;
		padding: 3px 5px;
		z-index: 2;
	}
}

/* arjo @ 2016-08-03: Revert Bootstrap 3.3.4 fix for caret in Firefox, since it breaks the caret on iPad. See https://github.com/twbs/bootstrap/issues/17644, the original issue no longer occurs in recent Firefox as far as I can see. */
.caret { border-top-style: solid; }
.dropup .caret { border-bottom-style: solid; }

/* On iOS remove the inner shadow from input fields and enable the blue outer box shadow on focus */
@supports (-webkit-touch-callout: none) {
  input[type=text], input[type=password], input[type=number], input[type=email], input[type=url], input[type=search], textarea { -webkit-appearance: none; }
}

.form-control,
.input-group-addon,
.radio .input-group-addon,
.radio-inline .input-group-addon
{
	padding: 6px 8px;
}

.form-control.input-lg
{
	padding: 10px 12px;
}

.form-control {
	box-shadow: var(--bs-form-control-inset-box-shadow);
}

.form-control:focus,
.form-control.StripeElement--focus,
.note-editor:focus-within {
	border-color: var(--bs-form-control-focus-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-focus-box-shadow);
}

.has-success .form-control,
.has-success .note-editor {
	border-color: var(--bs-form-control-success-border-color);
}

.has-success .form-control:focus,
.has-success .form-control.StripeElement--focus,
.has-success .note-editor:focus-within {
	border-color: var(--bs-form-control-success-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-success-focus-box-shadow);
}

.has-warning .form-control,
.has-warning .note-editor {
	border-color: var(--bs-form-control-warning-border-color);
}

.has-warning .form-control:focus,
.has-warning .form-control.StripeElement--focus,
.has-warning .note-editor:focus-within {
	border-color: var(--bs-form-control-warning-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-warning-focus-box-shadow);
}

.has-error .form-control,
.has-error .note-editor {
	border-color: var(--bs-form-control-danger-border-color);
}

.has-error .form-control:focus,
.has-error .form-control.StripeElement--focus,
.has-error .note-editor:focus-within {
	border-color: var(--bs-form-control-danger-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-danger-focus-box-shadow);
}

.address-lines-block > .form-control ~ .form-control {
	margin-top: 15px;
}

.note-editor
{
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-loading {
    background-image: url('images/ajax-loader.svg');
    background-position: calc(100% - 8px) center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    padding-right: 30px
}

select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #999999 50%), linear-gradient(135deg, #999999 50%, transparent 50%);
	background-position: calc(100% - 13px) 1em, calc(100% - 8px) 1em, 100% 0;
	background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
	background-repeat: no-repeat;
	padding-right: 25px;
}

select.form-control.input-loading,
select.form-control.input-loading + .select2-container--bootstrap .select2-selection {
    background-image: url('images/ajax-loader.svg');
    background-position: calc(100% - 8px) center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    padding-right: 30px
}

select.form-control.input-loading + .select2-container--bootstrap .select2-selection__arrow
{
	display: none;
}

select.form-control.input-lg {
	background-position: calc(100% - 17px) 1.15em, calc(100% - 12px) 1.15em, 100% 0;
	padding-right: 30px;
	line-height: 1.3333em;
}

select.placeholder-selected,
select.form-control.placeholder-selected {
    color: #999999;
}

select.placeholder-selected > option {
	color: var(--bs-body-color);
}

.control-label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 7px;
    font-weight: bold;
}

.control-label > label {
	margin-bottom: 0;
}

.has-feedback label ~ .form-control-feedback {
	top: 27px;
}

.form-horizontal .has-feedback:not(.form-group) .form-control-feedback {
	right: 0;
}

.form-control + .input-group-addon {
    border-left-width: 0;
}

.form-horizontal .control-label {
	padding-right: 5px;
}

.control-label.required:after,
.control-label > label.required:after,
th.required:after,
.form-group-checkbox.required .form-group-checkbox-label:after {
	content: " *";
	display: inline;
	color: #a94442;
}

@media (min-width: 768px) and (max-width: 991px) {
	.form-horizontal .control-label.required:not(.col-sm-12):after,
	.form-horizontal .control-label > label.required:not(.col-sm-12):after {
		display: none;
	}
	.form-horizontal .control-label.required:not(.col-sm-12):before,
	.form-horizontal .control-label > label.required:not(.col-sm-12):before {
		content: "* ";
		display: inline;
		color: #a94442;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.form-horizontal .control-label.required:not(.col-md-12):after,
	.form-horizontal .control-label > label.required:not(.col-md-12):after {
		display: none;
	}
	.form-horizontal .control-label.required:not(.col-md-12):before,
	.form-horizontal .control-label > label.required:not(.col-md-12):before {
		content: "* ";
		display: inline;
		color: #a94442;
	}
}

@media (min-width: 1200px) {
	.form-horizontal .control-label.required:not(.col-lg-12):after,
	.form-horizontal .control-label > label.required:not(.col-lg-12):after {
		display: none;
	}
	.form-horizontal .control-label.required:not(.col-lg-12):before,
	.form-horizontal .control-label > label.required:not(.col-lg-12):before {
		content: "* ";
		display: inline;
		color: #a94442;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.form-horizontal .control-label.col-sm-12 {
		text-align: left;
		margin-bottom: 5px;
		padding-top: 0;
		padding-right: 15px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.form-horizontal .control-label.col-md-12 {
		text-align: left;
		margin-bottom: 5px;
		padding-top: 0;
		padding-right: 15px;
	}
}

@media (min-width: 1200px) {
	.form-horizontal .control-label.col-lg-12 {
		text-align: left;
		margin-bottom: 5px;
		padding-top: 0;
		padding-right: 15px;
	}
}

.form-group-segment-inline:after {
	content: "";
	display: block;
	margin-bottom: -4px; /* Compensate for margin bottom for controls to allow for wrapping */
}
.form-group-segment-inline .form-control {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 4px;
}
.form-group-segment-inline.loader {
	padding-top: 7px;
	padding-bottom: 7px;
}
.form-group-segment-inline.loader:after {
	display: none;
}
.form-group-segment-inline .form-control:not(.input-numeric):not(.input-color):not(.input-enum-narrow):not(.input-unit) {
	width: auto;
}
.form-group-segment-inline .form-control-static,
.form-group-segment-inline .select2-container--bootstrap {
	display: inline-block;
	margin-bottom: 4px;
}
.form-group-segment-inline .form-control:not(:last-child),
.form-group-segment-inline .form-control-static:not(:last-child),
.form-group-segment-inline .select2-container--bootstrap:not(:last-child),
.form-group-segment-inline .input-group:not(:last-child) {
	margin-right: 2px;
}
.form-group-segment-inline .input-group {
	display: inline-table;
	vertical-align: middle;
	margin-bottom: 4px;
}
.form-group-segment-inline .input-date-narrow,
.form-group-segment-inline .input-datetime-narrow {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 4px;
	margin-right: 0;
	vertical-align: middle;
}
.form-group-segment-inline .input-date-narrow:not(:last-child),
.form-group-segment-inline .input-datetime-narrow:not(:last-child) {
	margin-right: 8px;
}

.form-group-segment-inline .input-group .input-group-addon,
.form-group-segment-inline .input-group .input-group-btn,
.form-group-segment-inline .input-group .form-control {
	width: auto;
	display: table-cell;
}
.form-group-segment-inline .input-group > .form-control,
.form-group-segment-inline .input-date-narrow > .form-control,
.form-group-segment-inline .input-datetime-narrow > .form-control {
	width: 100% !important;
	margin-bottom: 0;
}
.form-group-segment-inline .radio,
.form-group-segment-inline .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 4px;
	vertical-align: middle;
	min-height: 0;
	padding-top: 0;
}
.form-group-segment-inline .radio:not(.radio-custom) label,
.form-group-segment-inline .checkbox:not(.checkbox-custom) label {
	padding-left: 0;
}
.form-group-segment-inline .radio:not(.radio-custom) input[type="radio"],
.form-group-segment-inline .checkbox:not(.checkbox-custom) input[type="checkbox"] {
	position: relative;
	margin-left: 0;
}
.has-feedback .form-group-segment-inline .form-control-feedback {
	top: 0;
}

.has-feedback .form-control {
	padding-right: 30px;
}

.form-control-feedback {
	text-align: right;
	padding-right: 9px; /* equal to form control left and right padding */
	padding-left: 9px; /* equal to form control left and right padding */
}

.form-control-feedback {
	outline-offset: -6px;
}

.booking-form-datetime > .form-group:first-child {
	float: left;
	width: calc(50% - 7px);
}
.booking-form-datetime > .form-group:last-child {
	float: left;
	width: calc(50% - 7px);
	margin-left: 14px;
}

textarea.use-richeditor,
textarea.form-control.use-richeditor,
.form-group.has-error textarea.use-richeditor,
.form-group.has-error textarea.form-control.use-richeditor,
textarea.use-codemirror,
textarea.form-control.use-codemirror,
.form-group.has-error textarea.use-codemirror,
.form-group.has-error textarea.form-control.use-codemirror
{
	color: transparent; /* Don't show the html markup as flashing text during initialization */
	background-image: url('images/ajax-loader.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;
	overflow-y: hidden;
	min-height: 0 !important;
}

textarea.use-richeditor::placeholder,
textarea.use-codemirror::placeholder
{
	color: Transparent; /* Don't show the placeholder as text during initialization */
}

/* The right column in the product page is slightly too narrow to show the date and time fields horizontally, so we have to apply some tweaks */
.big-price .booking-form-datetime > .form-group:first-child {
	width: calc(55% - 2px);
}
.big-price .booking-form-datetime > .form-group:last-child {
	float: left;
	width: calc(45% - 3px);
	margin-left: 5px;
}
.big-price .booking-form-datetime > .has-feedback > .form-control {
	padding-right: 24px;
}

.big-price .booking-form-datetime > .has-feedback > .form-control::placeholder {
	font-size: 85%;
}

.popover-info-link
{
	cursor: help;
}

.popover-content > ul
{
	padding-left: 20px;
}

.popover-content > p:last-child
{
	margin-bottom: 0;
}

figure { margin: 0; }

.ambient-link {
	transition: color 0.15s ease-in-out;
    color: inherit;
    text-decoration: none !important;
}

.ambient-link:hover,
.ambient-link:focus-visible {
  color: var(--bs-link-color);
}

a:hover i,
a:focus-visible i {
	text-decoration: none;
}

hr { margin: 1em 0; border: 0; border-bottom: 1px solid #eeeeee; } /* Change from border top ot bottom, to allow top padding for workaround below */
.form-group ~ hr, .form-conditional-segment ~ hr, .form-conditional-segment > hr { margin: 0 0 19px 0; padding-top: 4px; } /* Assume form-group / form-conditional-segment to have a margin bottom of 15px: add padding top of 4px to visually come to 19px + set margin bottom op 19px to visually make it equal, to avoid stuttery slide animation of form-group / form-conditional-segment caused by collapsing margins */
.well hr { border-color: #e3e3e3; }
.well .well hr { border-color: #d5d5d5; }

.well > p:last-child
{
	margin-bottom: 0;
}

.validation-summary-errors.alert > span,
.validation-summary-valid.alert > span {
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
}

.validation-summary-errors.alert > ul
{
	padding: 0 0 0 20px;
	list-style: disc;
}

.validation-summary-errors > ul:only-child > li:only-child
{
	list-style: none;
	margin-left: -20px;
}

.validation-summary-valid.alert
{
	display: none;
}

.field-validation-error,
.well .help-block.field-validation-error,
.tabcontentblock.bg-even .help-block.field-validation-error
.content-block .help-block.field-validation-error,
.content-block .help-block.editable-error-block
{
	color: #a94442;
}

.help-block
{
	margin-top: 7px;
}

.help-block-combined
{
	margin-top: -8px; /* Correct margins from form groups displayed above */
	margin-bottom: 15px; /* Add same margin as form groups */
}

.help-block-combined + .help-block-combined {
	margin-top: -8px; /* Correct margins from help-block-combined displayed above */
}

.help-block.invoice-number-format-example {
	display: inline-block;
	vertical-align: middle;
}

.control-label + .help-block
{
	margin-top: 0;
}

.text-muted,
.help-block
{
	color: #999999;
}

.control-label-hint,
.control-label-optional
{
	color: #999999;
	font-weight: normal;
}

.well .text-muted,
.well .help-block,
.well .control-label-hint,
.well .control-label-optional,
.content-block .text-muted,
.content-block .help-block,
.content-block .control-label-hint,
.content-block .control-label-optional,
.tabcontentblock.bg-even .text-muted,
.tabcontentblock.bg-even .help-block,
.tabcontentblock.bg-even .control-label-hint,
.tabcontentblock.bg-even .control-label-optional
{
	color: #777777;
}

.tabcontentblock.with-collection
{
	text-align: center;
}

.tabcontentblock.with-collection .group-list,
.tabcontentblock.with-collection .media-item-list,
.tabcontentblock.with-collection .product-card-list
{
	text-align: left;
}

.pdf-header-highlight {
	color: var(--bs-primary);
}

.text-strong
{
	font-weight: bold;
}

.help-block.text-danger
{
	color: #a94442;
}

.help-block:empty
{
	display: none;
}

.dropdown-menu .thumb-spacer {
	display: inline-block;
	width: 18px;
	height: 18px;
	text-align: center;
	margin-right: 6px;
	line-height: 1;
	vertical-align: 2px;
}
.dropdown-menu .thumb-spacer .thumb {
	display: inline-block;
	max-width: 18px;
	max-height: 18px;
	border-radius: 4px;
}

.nav-tabs .dropdown-menu-right {
	margin-right: 2px; /* Compensate for ".nav-tabs > li > a { margin-right: 2px; }" in bootstrap.css */
}

.icon-link,
.icon-link-left,
.icon-link-right { /* Helper class to prevent underline on white space between icon and text */
	display: inline-block;
}
.icon-link > .fa,
.icon-link-left > .fa,
.icon-link > .fa-stack,
.icon-link-left > .fa-stack,
.icon-link > .tscon,
.icon-link-left > .tscon { /* Helper class to prevent underline on white space between icon and text */
	margin-right: 4px;
}
.icon-link-right > .fa,
.icon-link-right > .fa-stack,
.icon-link-right > .tscon { /* Helper class to prevent underline on white space between icon and text */
	margin-left: 4px;
}

.icon-link > .text-muted { /* Helper class to prevent underline on white space between icon and text */
	display: inline-block;
	margin-left: 4px;
}

.btn-back > .fa {
	font-size: 1.7em;
	vertical-align: -17%;
	margin-right: 6px;
}

.form-footer {
	margin-bottom: 15px;
}

.form-footer.sticky {
	margin-top: -15px;
	margin-bottom: -15px;
	padding-top: 15px;
	padding-bottom: 15px;
	opacity: 0;
	animation: opacityFade .25s ease forwards;
}

.form-footer.sticking,
.form-footer.not-sticking {
	transition: background-color .25s ease, box-shadow .25s ease;
}

.form-footer.sticking {
	position: sticky;
	opacity: 0;
	bottom: 0;
	z-index: 995;
	background: #FFFFFF;
	box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1);
	clip-path: inset(-9999px 0px 0px 0px);
}

.form-footer.not-sticking {
	animation-duration: 0s;
}

.form-footer-sentinel {
	margin-top: 15px;
	position: relative;
	top: -1px;
}

.form-footer-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
	row-gap: 10px;
}

.form-footer-inner > .btn {
	min-width: 90px;
}

.content-block {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 16px;
    margin-bottom: 20px;
}

.content-block-border {
	border: 1px solid #dddddd;
	border-radius: 5px;
	padding: 16px;
	margin-bottom: 20px;
}

.content-block-border.order-details {
	padding: 19px;
}

.content-block-feed {
	margin-bottom: 40px;
}

.content-block-feed h2:not(.filter-title) {
	line-height: 25px;
	margin-top: 0;
	margin-bottom: 20px;
}

.content-block-plain {
	margin-bottom: 20px;
}

.content-block-banner {
	border-radius: 5px;
	margin-bottom: 20px;
}

.content-block h2,
.content-block-border h2 {
    margin: -4px 0 12px;
}

.content-block h2 ~ h3,
.content-block-border h2 ~ h3 {
    margin-bottom: 12px;
}

.content-block-plain > .btn
{
	margin-right: 6px;
}

.content-block-plain.text-right > .btn
{
	margin-right: 0;
	margin-left: 6px;
}

.content-block > .nav:last-child
{
	margin-bottom: 0;
}

.content-block > p:last-child,
.content-block-border > p:last-child
{
	margin-bottom: 0;
}

.content-block > .media
{
	margin-top: 12px;
}

.img-thumbnail
{
	border-radius: 6px;
}

/* Show breadcrumb separator *after* text instead of before, so it looks better when wrapped */

.breadcrumb {
    padding: 0;
    background: none;
    border-radius: 0;
}

.breadcrumb > .active {
    color: #999999;
}

.breadcrumb > li + li:before {
	content: none;
}

.breadcrumb > li:after {
	content: "\00a0\f105"; /* non-breaking space + fa-angle-right */
	font-family: "FontAwesome";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0 5px;
	color: #AAAAAA;
	line-height: 0.8;
	font-size: 1.25em;
	vertical-align: -8%;
}

@media only screen and (min-width: 992px) {
	.breadcrumb > li:after {
		vertical-align: -10%;
	}
}

h1 > .breadcrumb > li:last-child:after {
	display: none;
}

.breadcrumb > li.breadcrumb-shortened > a {
	position: relative;
	padding-left: 15px;
}

.breadcrumb > li.breadcrumb-shortened > a:before {
	content: "\f104\00a0"; /* fa-angle-left + non-breaking space */
	font-family: "FontAwesome";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #AAAAAA;
	line-height: 1em;
	font-size: 1.333333em;
	display: inline-block;
	margin-left: -15px;
	width: 15px;
	vertical-align: -8%;
}

.breadcrumb > li.breadcrumb-shortened:after {
	content: none;
}

.breadcrumb > li > a {
	color: inherit;
}

/* FontAwesome share buttons */

.share-with-facebook, .share-with-twitter, .share-with-linkedin, .share-with-pinterest, .share-with-email {
	width: auto;
	margin-left: 4px;
	border-radius: 4px;
	background: gray;
	padding: 3px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none !important;
	line-height: 1.0;
}
.share-with-facebook {
	background: #4267B2;
}
.share-with-twitter {
	background: #000000;
}
.share-with-linkedin {
	background: #0073B1;
}
.share-with-pinterest {
	background: #CB2027;
}
.share-with-email {
	background: #007F7F;
}
.share-with-facebook > .fa, .share-with-twitter > .fa, .share-with-linkedin > .fa, .share-with-pinterest > .fa, .share-with-email > .fa {
	color: #FFFFFF;
	font-size: 21px;
	line-height: 27px;
}

.dropdown-menu .share-with-facebook,
.dropdown-menu .share-with-twitter,
.dropdown-menu .share-with-linkedin,
.dropdown-menu .share-with-pinterest,
.dropdown-menu .share-with-email {
	padding: 2px;
	margin-left: -6px;
	margin-right: 10px;
}

.content-block.social-sharing .list-unstyled {
	margin-bottom: 0;
	margin-left: -4px;
}

/* FontAwesome follow buttons */

.follow-facebook, .follow-twitter, .follow-youtube, .follow-linkedin, .follow-instagram, .follow-website {
	width: auto;
	margin-right: 4px;
	border-radius: 4px;
	background: gray;
	padding: 3px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none !important;
	line-height: 1.0;
}
.follow-facebook {
	background: #4267B2;
}
.follow-twitter {
	background: #000000;
}
.follow-youtube {
	background: #CC181E;
}
.follow-linkedin {
	background: #0073B1;
}
.follow-instagram {
	background: #962FBF;
	background:
		/* https://codepen.io/katydecorah/pen/PNLePj */
		/* Use radial gradients to get the rounded gradient effect in each corner */

		/* left bottom */
		radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
		radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
		/* left top */
		radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
		radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
		/* right top */
		radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
		radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
		/* right bottom */
		radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),

		/* create a base coat to smooth corner gradients */
		linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.follow-website {
	background: #007F7F;
}

:is(.follow-facebook, .follow-twitter, .follow-youtube, .follow-linkedin, .follow-instagram, .follow-website) > .fa {
	color: #FFFFFF;
	font-size: 21px;
	line-height: 27px;
}

.control-label > :is(.follow-facebook, .follow-twitter, .follow-youtube, .follow-linkedin, .follow-instagram, .follow-website) {
	margin: 0 2px 0 0;
	padding: 2px;
	vertical-align: 0px;
}

.addon-social-media > :is(.follow-facebook, .follow-twitter, .follow-youtube, .follow-linkedin, .follow-instagram, .follow-website) {
	margin: 0;
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
}

.control-label > :is(.follow-facebook, .follow-twitter, .follow-youtube, .follow-linkedin, .follow-instagram, .follow-website) > .fa,
.addon-social-media > :is(.follow-facebook, .follow-twitter, .follow-youtube, .follow-linkedin, .follow-instagram, .follow-website) > .fa {
	font-size: 14px;
	line-height: 18px;
}

/* Begin loading container >> */

.loading-container {
	position: relative;
	min-height: 110px;
	padding-top: 0.05px; /* Trick to prevent collapsing margins */
}

.loading-container.loading {
	position: relative;
}

.loading-container.loading:before {
	content: '';
	background-image: url('images/ajax-loader.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
    width: 30px;
    height: 30px;
    z-index: 20;
	position: sticky;
	display: block;
	top: calc(var(--header-condensed-height, var(--navbar-height)) + 20px);
	margin: 50px auto -80px auto;
}

.loading-container.loading:after {
	content: '';
	background-color: transparent;
	opacity: 0.01;
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	z-index: 10;
}

.loading-container.loading:after {
	top: -35px;
}

.loading-container.loading .selected-filters,
.loading-container.loading .pagination,
.loading-container.loading .msg-no-results-found,
.loading-container.loading .product-card-list,
.loading-container.loading .product-list,
.loading-container.loading .media-item-list,
.loading-container.loading .profile-card-list,
.loading-container.loading .group-list,
.loading-container.loading .group-member-list,
.loading-container.loading .forum-topic-list,
.loading-container.loading .leaflet-container,
.loading-container.loading .alert {
	opacity: 0.65;
}

.loading-container .selected-filters,
.loading-container .msg-no-results-found {
	margin: 0 0 20px 0;
}

.loading-container.loading .selected-filter,
.loading-container.loading .selected-filter-remove-all {
	color: inherit;
}

.loading-container.loading .ambient-link {
	transition: none;
}

.loading-container.loading .selected-filters,
.loading-container.loading .pagination,
.loading-container.loading .msg-no-results-found,
.loading-container.loading .product-card,
.loading-container.loading .product-list-item,
.loading-container.loading .media-item,
.loading-container.loading .profile-card,
.loading-container.loading .group-list,
.loading-container.loading .group-member-list,
.loading-container.loading .forum-topic-list {
	color: #777777;
}

/* << End loading container */

.wysiwyg-block-left {
	text-align: left;
}

.wysiwyg-block-center {
	text-align: center;
}

.wysiwyg-block-right {
	text-align: right;
}

.wysiwyg-block-left .group-list,
.wysiwyg-block-left .media-item-list,
.wysiwyg-block-left .product-card-list,
.wysiwyg-block-left .landing-block-summary-buttons {
	justify-content: left;
}

.wysiwyg-block-center .group-list,
.wysiwyg-block-center .media-item-list,
.wysiwyg-block-center .product-card-list,
.wysiwyg-block-center .landing-block-summary-buttons {
	justify-content: center;
}

.wysiwyg-block-right .group-list,
.wysiwyg-block-right .media-item-list,
.wysiwyg-block-right .product-card-list,
.wysiwyg-block-right .landing-block-summary-buttons {
	justify-content: right;
}

.wysiwyg-block.text-dark {
	color: inherit;
}

.wysiwyg-block.text-light {
	color: #ffffff;
}

.wysiwyg-block h1,
.wysiwyg-block h2:not(.product-card-title),
.wysiwyg-block h3:not(.media-item-title, .media-item-vendor-title, .product-card-vendor-title, .group-list-item-title),
.wysiwyg-block h4,
.wysiwyg-block h5,
.wysiwyg-block h6,
.wysiwyg-block p,
.wysiwyg-block ul {
	margin-bottom: 20px;
}

.wysiwyg-block.text-light h1,
.wysiwyg-block.text-light h2:not(.product-card-title),
.wysiwyg-block.text-light h3:not(.media-item-title, .media-item-vendor-title, .product-card-vendor-title, .group-list-item-title),
.wysiwyg-block.text-light h4,
.wysiwyg-block.text-light h5,
.wysiwyg-block.text-light h6 {
	color: inherit;
}

.wysiwyg-block.text-light h1 > small,
.wysiwyg-block.text-light h2 > small,
.wysiwyg-block.text-light h3 > small,
.wysiwyg-block.text-light h4 > small,
.wysiwyg-block.text-light h5 > small,
.wysiwyg-block.text-light h6 > small,
.wysiwyg-block.text-light .text-muted,
.wysiwyg-block.text-light .msg-no-results-found {
	color: inherit;
	opacity: 0.8;
}

.wysiwyg-block .alert > p,
.wysiwyg-block .alert > ul {
	margin-bottom: 0;
}

.tabcontentheader,
.wysiwyg-block > h1:first-child,
.wysiwyg-block > h2:first-child,
.wysiwyg-block > h3:first-child,
.wysiwyg-block > h4:first-child,
.wysiwyg-block > h5:first-child,
.wysiwyg-block > h6:first-child
{
	margin-top: 0;
	}

.tabcontentblock.with-collection .wysiwyg-block > h1:first-child,
.tabcontentblock.with-collection .wysiwyg-block > h2:first-child,
.tabcontentblock.with-collection .wysiwyg-block > h3:first-child,
.tabcontentblock.with-collection .wysiwyg-block > h4:first-child,
.tabcontentblock.with-collection .wysiwyg-block > h5:first-child,
.tabcontentblock.with-collection .wysiwyg-block > h6:first-child
{
	margin-bottom: 30px;
	}

.tabcontentblock .richtext-image {
	max-width:100%;
}

.layout-column {
	fill: currentColor;
	fill-opacity: 0.3;
	stroke: currentColor;
	stroke-opacity: 0.7;
}

.wysiwyg-block > p:last-child,
.wysiwyg-block > ul:last-child
{
	margin-bottom: 0;
	}

.full-width-img-container
{
	background-color: #C8C8C8;
	position: relative;
	margin-bottom: 30px;
	}

.with-header-background-img .full-width-img-container {
	margin-top: calc(-1 * var(--header-condensed-height, var(--navbar-height)));
}

.with-header-background-img .landing-jumbotron-carousel .full-width-img-container {
	margin-top: 0;
}

#plainpage > .full-width-img-container {
	margin-top: -15px;
}

.carousel-inner > .item > .full-width-img-container
{
	margin-bottom: 0;
	min-height: 50px;
}

.background-asset {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.background-asset:after {
	content: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.background-asset-image {
	background-color: #5b5b5b;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.background-asset-video > video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* Sponsor links bar */

.splink_bar {
	text-align: center;
}
.splink_bar > div {
	opacity: 0.85; /* Set opacity on div instead of using a translucent background color, to allow the use of logo's on a white background */
	background: #ffffff;
	padding: 24px 0 0 0;
}
.splink_bar ul {
	margin: 0;
}
.splink_bar li {
	margin: 0 30px 25px 30px !important;
}
.splink_bar img {
	max-height: 50px;
	max-width: 160px;
}

@media only screen and (max-width: 991px) {
	.splink_bar > div {
		padding-top: 10px;
	}
	.splink_bar li {
		margin: 0 10px 10px 10px !important;
	}
	.splink_bar img {
		max-height: 30px;
		max-width: 100px;
	}
}

/* Verification badge */

.verified-badge {
	position: relative;
	text-decoration: none;
	z-index: 0;
}

.verified-badge,
a.verified-badge,
a.verified-badge:hover,
a.verified-badge:focus,
a.verified-badge:visited,
a.verified-badge:active {
	color: var(--bs-success);
	text-decoration: none;
}

.verified-badge:after {
	/* Create the effect of a white checkmark */
	content: '\f111'; /* fa-circle */
    color: var(--bs-success-contrast-color);
    position: absolute;
    z-index: -1;
    transform: translate(-100%, 0px) scale(0.85);
}

/* Featured badge */

.featured-badge {
	color: var(--bs-rating-color);
}

/* Raffle and Donation specific classes */

h1.raffle_title,
.container-pagelayout h1.raffle_title,
h1.donation_title,
.container-pagelayout h1.donation_title {
	color: #ffffff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.3);
	font-weight: bold;
	font-size: 50px;
	padding: 0 0 5px;
	margin: 30px 0 20px 0;
	line-height: 1.1;
	text-align: center;
	position: relative;
}
@media only screen and (max-width: 991px) {
	h1.raffle_title,
	.container-pagelayout h1.raffle_title,
	h1.donation_title,
	.container-pagelayout h1.donation_title  {
		font-size: 25px;
	}
}

.with-header-background-img h1.raffle_title,
.with-header-background-img h1.donation_title {
	padding-top: calc(var(--header-condensed-height, var(--navbar-height)));
}

.raffle_skip_to_prize_details {
	display: none;
	position: relative;
}
@media only screen and (max-width: 991px) {
	.raffle_skip_to_prize_details {
		display: block;
		margin-bottom: 10px;
		text-align: center;
	}
}

.raffle_prizes_block,
.donation_carousel_block {
	background: #000000;
	background: rgba(0,0,0,0.8);
	border-radius: 6px;
	padding: 20px;
	color: #ffffff;
	margin-bottom: 30px;
	position: relative;
	word-wrap: break-word;
	font-size: 15px;
}
@media only screen and (max-width: 991px) {
	.raffle_prizes_block,
	.donation_carousel_block {
		display: none;
	}
}

.raffle_prizes_thumbs > li:not(:first-child) {
	margin-top: 15px;
}
.raffle_prizes_thumbs > li > a {
	display: block;
	color: #ffffff;
	outline-offset: 5px;
	display: flex;
	flex-direction: row;
}
.raffle_prizes_thumb_small {
	position: relative;
	background: #ffffff;
	border-radius: 4px;
	padding: 0px;
	width: 50px;
	height: 50px;
	line-height: 44px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid white;
	margin-right: 15px;
	align-self: flex-start;
	flex-shrink: 0;
}
li.active .raffle_prizes_thumb_small {
	border: 2px solid var(--bs-primary);
	border-radius: 4px;
}
.raffle_prizes_thumb_small > img {
	max-height: 100%;
	max-width: 100%;
}
.raffle_prizes_thumb_small > .badge {
	position: absolute;
	right: -7px;
	top: -6px;
	background-color: #ffffff;
	color: #3e3e3e;
}
li.active .raffle_prizes_thumb_small > .badge {
	background: var(--bs-primary);
	color: var(--bs-primary-contrast-color);
}
.raffle_prizes_thumb_small + strong {
	color: #ffffff;
	display: block;
	flex-grow: 1;
	opacity: 0.5;
	align-self: center;
}
li.active .raffle_prizes_thumb_small + strong,
a:hover .raffle_prizes_thumb_small + strong,
a:focus-visible .raffle_prizes_thumb_small + strong {
	opacity: 1;
}

.raffle_prize_selection {
}
.raffle_prize_selection_link {
	display: block;
	width: 100%;
}
.raffle_prize_selection_link,
.raffle_prize_selection_link:hover,
.raffle_prize_selection_link:focus-visible {
	color: #ffffff;
	text-decoration: none;
	outline-offset: 5px;
}
.raffle_prize_title_container {
	transition: all 0.5s;
	-webkit-backface-visibility: hidden;
}
.raffle_prize_img_container {
	transition: all 0.5s;
	-webkit-backface-visibility: hidden;
	border-radius: 7px;
	overflow: hidden;
}
.raffle_prize_img_container > img {
	border-radius: 7px;
	overflow: hidden;
	width: 100%;
	border: 2px solid transparent;
	-webkit-backface-visibility: hidden;
}
.raffle_prize_selection_link:hover > .raffle_prize_img_container > img,
.raffle_prize_selection_link:focus-visible > .raffle_prize_img_container > img {
	border-color: var(--bs-primary);
}
.raffle_prize_title_container > strong {
	display: block;
	font-size: 1.333333em;
	margin-top: 13px;
	-webkit-backface-visibility: hidden;
}

.raffle_prizes_sharing,
.donation_sharing {
	margin-top: 16px;
	padding-top: 20px;
	border-top: 1px solid #383838;
	text-align: right;
}
.raffle_prizes_sharing > strong,
.donation_sharing > strong {
	font-weight: normal;
}
.raffle_prizes_sharing > ul,
.donation_sharing > ul {
	display: inline-block;
	margin: 0;
}

.countdown-container,
.donation-target-container {
	background: #000000;
	background: rgba(0,0,0,0.8);
	border-radius: 6px;
	padding: 6px 0 10px 0;
	color: #fff;
	margin-bottom: 30px;
	position: relative;
	font-size: 15px;
}

.donation-target-container {
	padding: 20px;
	text-align: left;
}

.donation-target-container h2 {
	color: inherit;
}

.wysiwyg-block .donation-target-container .btn-block {
	margin-top: 16px;
}

.countdown-container > strong {
	display: block;
	text-align: center;
	font-weight: normal;
	color: #AEAEAE;
}
.countdown {
	overflow: auto;
	font-size: 13px;
	text-align: center;
}
.countdown-section,
.countdown-show4 > .countdown-section {
	display: inline-block;
	padding: 4px 0 0px;
	text-align: center;
	color: #ffffff;
	width: 24%;
	max-width: 100px;
}
.countdown-section:first-child {
	margin-left: 0;
}
.countdown-amount {
	display: block;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 2px;
}

.donation-statistics
{
}
.donation-statistics-line
{
	font-size: 28px;
	line-height: 1;
	margin-bottom: 6px;
	display: block;
	max-width: 100%;
}
.donation-statistics-line > small
{
	font-size: 15px;
	font-weight: normal;
	line-height: 1;
}
.donation-statistics:last-child > .donation-statistics-line
{
	margin-bottom: 0;
}
.donation-statistics-counters {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.donation-statistics-counters > .donation-statistics-line:first-child {
	margin-right: auto;
	padding-right: 8px;
}
.donation-progress
{
	clear: both;
	height: 16px;
	margin-top: 16px;
	margin-bottom: 10px;
}
.donation-progress > .progress-bar {
	background-color: var(--bs-primary);
}
.donation-progress-raised
{
	float: left;
	font-size: 1.1em;
	line-height: 1;
}
.donation-progress-target
{
	float: right;
	font-size: 1.1em;
	line-height: 1;
}

.donation-progress-target > small
{
	font-size: 0.909090em;
	font-weight: normal;
}

.donors-list {
	margin-top: 10px;
}

.donors-list:not(:last-child) {
	margin-bottom: 16px;
}

.donors-list > h2 {
	font-size: 1.1em;
	line-height: 1;
	margin: 0 0 10px 0;
}

.donors-list > .table {
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #dddddd;
	border-width: 1px;
	margin-bottom: 10px;
}

.donors-list > .table > tbody > tr > td:first-child {
	padding-left: 0;
}

.donors-list > .table > tbody > tr > td:last-child {
	padding-right: 0;
}

.donation-progress-info {
	display: block;
}

.donation-progress-info:not(:last-child) {
	margin: 0 0 16px 0;
}

@media only screen and (max-width: 991px) {
	.countdown-amount {
		font-size: 175%;
	}
}

.choose_qty_block {
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.7);
	background: #ffffff;
	padding: 20px;
	border-radius: 6px;
	margin-bottom: 30px;
	position: relative;
	word-wrap: break-word;
	font-size: 15px;
}
.choose_qty_block h2,
.choose_qty_block .control-label {
	font-weight: bold;
	font-size: 1.333333em;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 14px;
}
.choose_qty_block .control-label + .help-block {
	margin-top: -7px;
	margin-bottom: 14px;
}
.choose_qty_block h2 {
	color: inherit;
}
.choose_qty_block .btn-lg {
	font-size: 1.333333em;
	white-space: normal;
}
.choose_qty_block > hr {
	border-top: 1px solid #dbdbdb;
}

.choose_qty_block .radio,
.choose_qty_block .checkbox {
	margin: 0;
	border-width: 1px 1px 0 1px;
	border-color: #dbdbdb;
	border-style: solid;
}
.choose_qty_block .radio:first-child,
.choose_qty_block .checkbox:first-child,
.choose_qty_block .form-group-checkbox .checkbox {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.choose_qty_block .radio:last-child,
.choose_qty_block .checkbox:last-child,
.choose_qty_block .form-group-checkbox .checkbox {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-width: 1px;
}
.choose_qty_block .radio > label,
.choose_qty_block .checkbox > label {
	margin: 0;
	display: block;
	color: var(--bs-primary);
	font-weight: bold;
}
.choose_qty_block .radio.radio-custom > label,
.choose_qty_block .checkbox.checkbox-custom > label {
	padding: 12px 12px 12px 37px;
}
.choose_qty_block .radio > label > .text-muted,
.choose_qty_block .checkbox > label > .text-muted,
.choose_qty_block .radio > label > .pull-right > .text-muted,
.choose_qty_block .checkbox > label > .pull-right > .text-muted {
	font-weight: normal;
}
.choose_qty_block .help-block {
	color: var(--bs-body-color);
	font-weight: normal;
}
.choose_qty_block .freeqtycontrol {
	margin-bottom: 2px;
}
.choose_qty_block .form-group {
	color: var(--bs-body-color);
	font-weight: normal;
}
.choose_qty_block .form-control {
	font-weight: normal;
	font-size: inherit;
}

.raffle-tickets-radio-list .radio > label {
	display: block;
}
.raffle-tickets-radio-list .radio > label:after {
	display: table;
	content: "";
	clear: both;
}

.raffle-tickets-radio-list .freeqty {
	width: 90px;
}

.raffle-winning-tickets > h3 {
	margin: 0 0 5px
}
.raffle-winning-tickets > ul {
	margin-left: 0;
}
.raffle-winning-tickets > ul:last-child {
	margin-bottom: -6px;
}
.raffle-winning-tickets .label {
	display: inline-block;
	padding: .3em .6em .4em;
	font-size: 1em;
	margin: 0 4px 6px 0;
	min-width: 3em;
}

.donation_carousel
{
	-webkit-backface-visibility: hidden;
	transition: height 0.6s;
	overflow: hidden;
	border-radius: 7px;
}
.donation_carousel > .carousel-inner
{
	overflow: hidden;
}
.donation_carousel_image
{
	width: 100%;
	border-radius: 7px;
}
.donation_carousel .carousel-control
{
	background: none;
	color: #ffffff;
	font-size: 30px;
	opacity: 0.7;
    font-weight: normal;
    line-height: 1.0;
	width: 55px;
	transition: opacity ease-in-out .15s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.donation_carousel .carousel-control:hover,
.donation_carousel .carousel-control:focus-visible
{
	opacity: 1;
}
.donation_carousel .carousel-indicators
{
	opacity: 0.7;
	transition: opacity ease-in-out .15s;
}
.donation_carousel .carousel-indicators:hover
{
	opacity: 1.0;
}
.donation_carousel .carousel-indicators > li
{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.donation_carousel_title_container
{
	display: block;
	font-size: 1.333333em;
	font-weight: bold;
	margin-top: 13px;
}

/*
inspired from http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}

.landing-jumbotron-carousel
{
	-webkit-backface-visibility: hidden;
	transition: height 0.6s;
	overflow: hidden;
}

.with-header-background-img .landing-jumbotron-carousel {
	margin-top: calc(-1 * var(--header-condensed-height, var(--navbar-height)));
}

.landing-jumbotron-carousel > .carousel-inner
{
	overflow: hidden;
}

.landing-jumbotron-carousel .carousel-control
{
	background: none;
	color: #ffffff;
	font-size: 30px;
	opacity: 0.7;
    font-weight: normal;
    line-height: 1.0;
	width: 55px;
	transition: opacity ease-in-out .15s;
	display: flex;
	align-items: center;
	justify-content: center;
}
.container-pagelayout .landing-jumbotron-carousel .carousel-control
{
	top: 50%; /* Prevent blocking the edit button when displayed in the shop or admin dashboard */
	transform: translate(0, -50%);
	bottom: auto;
}
.landing-jumbotron-carousel .carousel-control:hover,
.landing-jumbotron-carousel .carousel-control:focus-visible
{
	opacity: 1;
}
.landing-jumbotron-carousel .carousel-indicators
{
	margin-bottom: 0;
	bottom: 25px;
	opacity: 0.7;
	transition: opacity ease-in-out .15s;
}
.landing-jumbotron-carousel .carousel-indicators:hover
{
	opacity: 1.0;
}
.landing-jumbotron-carousel .carousel-indicators > li
{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.landing-jumbotron
{
	--landing-jumbotron-padding-t: 110px;
	--landing-jumbotron-padding-b: 110px;
	color: #ffffff;
	padding: var(--landing-jumbotron-padding-t) 0 var(--landing-jumbotron-padding-b) 0;
	position: relative;
}

.with-header-background-img .landing-jumbotron {
	padding-top: calc(var(--landing-jumbotron-padding-t) + var(--header-condensed-height, var(--navbar-height)));
}

.landing-jumbotron.text-dark {
	--landing-jumbotron-text-shadow-color: rgba(255, 255, 255, 0.4);
	color: inherit;
}

.landing-jumbotron.text-light {
	--landing-jumbotron-text-shadow-color: rgba(0, 0, 0, 0.4);
	color: #ffffff;
}

.landing-jumbotron > .container
{
	margin: 0 auto;
}
.landing-jumbotron-header,
.container-pagelayout .landing-jumbotron-header
{
	color: inherit;
	line-height: 1.1;
	font-size: 50px;
	font-weight: bold;
	text-shadow: 0 0 10px var(--landing-jumbotron-text-shadow-color);
	margin-bottom: 10px;
	margin-top: 0;
	text-align: center;
}
.landing-jumbotron-header:last-child,
.container-pagelayout .landing-jumbotron-header:last-child
{
	margin-bottom: 0;
}
.landing-jumbotron-content-product-wide
{
	margin: 40px auto 0 auto;
	max-width: none;
	text-align: left;
}
.landing-jumbotron-content-product-medium
{
	margin: 40px auto 0 auto;
	max-width: 940px;
	text-align: left;
}
.landing-jumbotron-content-product-narrow
{
	margin: 40px auto 0 auto;
	max-width: 740px;
	text-align: left;
}
.landing-jumbotron-content
{
	text-align: center;
}
.landing-jumbotron-product-image-container
{
	float: right;
	text-align: center;
}
.landing-jumbotron-product-image
{
	position: relative;
	background: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 6px;
	overflow: hidden;
	max-width: 330px;
	display: inline-block;
}
.landing-jumbotron-product-image > img
{
	width: 100%;
	box-sizing: border-box;
}
.landing-jumbotron-product-image-caption{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0.4) 100%);
	color: #ffffff;
	padding: 30px 5px 6px;
	position: absolute;
	left:0;
	right: 0;
	bottom: 0;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
.landing-jumbotron-text
{
	font-size: 24px;
	line-height: 1.5;
	text-shadow: 0 0 10px var(--landing-jumbotron-text-shadow-color);
}
.landing-jumbotron-text:last-child > p:last-child
{
	margin-bottom: 0;
}
.landing-jumbotron-content-product-wide > .landing-jumbotron-text,
.landing-jumbotron-content-product-wide > .landing-jumbotron-buttons
{
	max-width: 790px;
}
.landing-jumbotron-content-product-medium > .landing-jumbotron-text,
.landing-jumbotron-content-product-medium > .landing-jumbotron-buttons
{
	max-width: 590px;
}
.landing-jumbotron-content-product-narrow > .landing-jumbotron-text,
.landing-jumbotron-content-product-narrow > .landing-jumbotron-buttons
{
	max-width: 390px;
}

.landing-jumbotron-header + .landing-jumbotron-content > .landing-jumbotron-buttons,
.landing-jumbotron-header + .landing-jumbotron-content-product-wide > .landing-jumbotron-buttons,
.landing-jumbotron-header + .landing-jumbotron-content-product-medium > .landing-jumbotron-buttons,
.landing-jumbotron-header + .landing-jumbotron-content-product-narrow > .landing-jumbotron-buttons,
.landing-jumbotron-content > .landing-jumbotron-text + .landing-jumbotron-buttons,
.landing-jumbotron-content-product-wide > .landing-jumbotron-text + .landing-jumbotron-buttons,
.landing-jumbotron-content-product-medium > .landing-jumbotron-text + .landing-jumbotron-buttons,
.landing-jumbotron-content-product-narrow > .landing-jumbotron-text + .landing-jumbotron-buttons
{
	margin-top: 40px;
}

.landing-jumbotron-buttons > .btn
{
	font-size: 1.333333em;
	font-weight: 600;
	height: auto;
	min-width: 120px;
	max-width: 100%;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

.landing-jumbotron-left .landing-jumbotron-header,
.container-pagelayout .landing-jumbotron-left .landing-jumbotron-header,
.landing-jumbotron-left .landing-jumbotron-content,
.landing-jumbotron-left .landing-jumbotron-product-image-container,
.landing-jumbotron-left .landing-jumbotron-search-form {
	text-align: left;
}
.landing-jumbotron-left .landing-jumbotron-content-product-wide,
.landing-jumbotron-left .landing-jumbotron-content-product-medium,
.landing-jumbotron-left .landing-jumbotron-content-product-narrow,
.landing-jumbotron-left .landing-jumbotron-search-form,
.landing-jumbotron-left .landing-jumbotron-search-form-group {
	margin-left: 0;
	margin-right: auto;
}
@media only screen and (max-width: 991px)  {
	.landing-jumbotron-left .landing-jumbotron-content-product-wide,
	.landing-jumbotron-left .landing-jumbotron-content-product-medium,
	.landing-jumbotron-left .landing-jumbotron-content-product-narrow {
		text-align: left;
	}
}

.landing-jumbotron-center .landing-jumbotron-header,
.container-pagelayout .landing-jumbotron-center .landing-jumbotron-header,
.landing-jumbotron-center .landing-jumbotron-content,
.landing-jumbotron-center .landing-jumbotron-product-image-container,
.landing-jumbotron-center .landing-jumbotron-search-form {
	text-align: center;
}
@media only screen and (max-width: 991px)  {
	.landing-jumbotron-center .landing-jumbotron-content-product-wide,
	.landing-jumbotron-center .landing-jumbotron-content-product-medium,
	.landing-jumbotron-center .landing-jumbotron-content-product-narrow {
		text-align: center;
	}
}

.landing-jumbotron-right .landing-jumbotron-header,
.container-pagelayout .landing-jumbotron-right .landing-jumbotron-header,
.landing-jumbotron-right .landing-jumbotron-content,
.landing-jumbotron-right .landing-jumbotron-product-image-container,
.landing-jumbotron-right .landing-jumbotron-search-form {
	text-align: right;
}
.landing-jumbotron-right .landing-jumbotron-content-product-wide,
.landing-jumbotron-right .landing-jumbotron-content-product-medium,
.landing-jumbotron-right .landing-jumbotron-content-product-narrow,
.landing-jumbotron-right .landing-jumbotron-search-form,
.landing-jumbotron-right .landing-jumbotron-search-form-group {
	margin-left: auto;
	margin-right: 0;
}
@media only screen and (max-width: 991px)  {
	.landing-jumbotron-right .landing-jumbotron-content-product-wide,
	.landing-jumbotron-right .landing-jumbotron-content-product-medium,
	.landing-jumbotron-right .landing-jumbotron-content-product-narrow {
		text-align: right;
	}
}

.landing-jumbotron-search-form {
	margin: 0 auto;
}

.landing-jumbotron-search-form-group {
	margin-bottom: 0;
}

.landing-jumbotron-search-form-group:not(:first-child) {
	margin-top: 40px;
}

.landing-jumbotron-search-form-control-segment > .form-control {
	border: none;
	margin-bottom:  0px;
	min-width: 100%;
	margin-bottom: 10px;
}

.landing-jumbotron-search-form-control-segment > .form-control,
.landing-jumbotron-search-form-control-segment > .form-control:focus {
	box-shadow: none;
}

.landing-jumbotron-search-form .btn {
	width: 100%;
}

.landing-jumbotron-search-form:not(.landing-jumbotron-search-form-multi-control) .landing-jumbotron-search-form-group {
	border-radius: 4px;
	background-color: #FFFFFF;
	padding: 5px;
}

.landing-jumbotron-search-form:not(.landing-jumbotron-search-form-multi-control) .landing-jumbotron-search-form-control-segment {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.landing-jumbotron-search-form:not(.landing-jumbotron-search-form-multi-control) .landing-jumbotron-search-form-control-segment > .form-control {
	min-width: 0;
	margin-bottom: 0;
}

.landing-jumbotron-search-form:not(.landing-jumbotron-search-form-multi-control) .landing-jumbotron-search-form-control-segment > .form-control[name='searchKey'] {
	width: 105px;
	flex-grow: 1;
}

.landing-jumbotron-search-form:not(.landing-jumbotron-search-form-multi-control) .btn {
	width: auto;
}

.landing-jumbotron-search-form:not(.landing-jumbotron-search-form-multi-control) .search-button-caption {
	display: none;
}

@media only screen and (min-width: 576px) {
	.landing-jumbotron-search-form-group {
		position: relative;
		max-width: 500px;
		margin: 0 auto;
	}

	.landing-jumbotron-search-form-group {
		border-radius: 4px;
		background-color: #FFFFFF;
		padding: 5px;
	}

	.landing-jumbotron-search-form-multi-control > .landing-jumbotron-search-form-group {
		max-width: 700px;
	}

	.landing-jumbotron-search-form-control-segment	{
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.landing-jumbotron-search-form-control-segment > .form-control {
		min-width: 0;
		margin-bottom: 0;
	}

	.landing-jumbotron-search-form-control-segment > .form-control[name='searchKey'] {
		width: 105px;
		flex-grow: 1;
	}

	.landing-jumbotron-search-form-control-segment > .form-control[name='postCode'] {
		width: 105px; /* Initial size, will be calculated and overwritten by script */
	}

	.landing-jumbotron-search-form-control-segment > .form-control[name='distance'] {
		width: auto; /* Size to content */
		padding-right: 25px;
	}

	.landing-jumbotron-search-form-control-segment > .separator {
		border: solid #EEEEEE 1px;
		height: 28px;
	}

	.landing-jumbotron-search-form {
		width: 90%;
	}

	.landing-jumbotron-search-form .btn {
		width: auto;
	}

	.landing-jumbotron-search-form .search-button-caption,
	.landing-jumbotron-search-form:not(.landing-jumbotron-search-form-multi-control) .search-button-caption {
		display: inline;
	}

	.landing-jumbotron-search-form .search-button-icon {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.landing-jumbotron-search-form .form-control.input-lg,
	.landing-jumbotron-search-form .form-control-static.input-lg {
		padding: 8px 10px;
		height: 42px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 575px) {
	.landing-jumbotron-search-form-group{
		font-size: 0;
	}

	.landing-jumbotron-search-form-control-segment > .form-control[name='postCode']	{
		display: inline-block;
		width: calc(40% - 5px);
		min-width: calc(40% - 5px);
	}

	.landing-jumbotron-search-form-control-segment > .form-control[name='distance']	{
		display: inline-block;
		width: calc(60% - 5px);
		min-width: calc(60% - 5px);
	}

	.landing-jumbotron-search-form-control-segment > .form-control[name='postCode']	{
		margin-right: 10px;
	}
}

@media only screen and (min-width: 992px) {
	.landing-jumbotron-search-form {
		width: 75%;
	}

	.landing-jumbotron-search-form-control-segment > .separator {
		height: 32px
	}
}

.tabcontentblock
{
	position: relative;
	padding: 60px 0;
	clear: both;
}

@media only screen and (min-width: 992px)
{
	.tabcontentblock
	{
		padding: 80px 0;
	}
}

.tabcontentblock.line-separated
{
	border-color: #e8e8e8;
	border-style: solid;
	border-width: 0 0 1px 0;
	}
.tabcontentblock.line-separated:last-of-type
{
	border-width: 0;
	}
.tabcontentblock.continuous
{
	}
.tabcontentblock.bg-odd
{
	}
.tabcontentblock.bg-even
{
	background: var(--bs-content-block-bg-even);
	}
.tabcontentblock .container, .tabcontentblock .container-fluid
{
	position: relative;
	}

.container-pagelayout .tabcontentblock.edit-layout-item-container .btn-edit-layout-item
{
	top: 65px;
}

.full-width-img-container + .tabcontentblock
{
	margin-top: -30px;
}

.tabcontentheader
{
	font-size: 40px;
	font-weight: normal;
	line-height: 42px;
	margin-bottom: 20px;
	}
.tabcontentheader > .badge
{
	border-radius: 50px;
	font-size: 24px;
	line-height: 28px;
	vertical-align: 4px;
	text-shadow: none;
	background-color: var(--bs-primary);
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 12px;
	}
.tabcontentrichtext
{
	font-size: 16px;
	line-height: 1.70;
	}

.tabcontentrichtext img {
	max-width: 100%;
}
.tabcontentrichtext .img-raffle-prize {
	border-radius: 6px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
@media only screen and (min-width: 330px) { /* 300px + 2*15px (padding) */
	.tabcontentrichtext .img-raffle-prize {
		max-width: 300px;
	}
}
.tabcontentrichtext .img-raffle-prize.pull-right {
	margin-left: 35px;
}
.tabcontentrichtext .img-raffle-prize.pull-left {
	margin-right: 35px;
}

@media (min-width: 768px) {
	.tabcontentrichtext .form-horizontal .control-label
	{
		padding-top: 2px;
	}
}

.tabcontentrichtext .content-block
{
	font-size: 14px;
	font-size: 1.42857rem;
	line-height: 1.42857;
}

.tabcontentrichtext .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs)
{
	font-size: inherit;
}

.wysiwyg-block .content-block h2
{
	margin-bottom: 12px;
}

.landing-block-summary-buttons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	column-gap: 15px;
	row-gap: 10px;
}

.sticky-nav-placeholder {
	height: calc(36px + 1.42857em);
	position: relative;
}

.sticky-nav-placeholder.sticky-nav-placeholder-buttons {
	margin-top: calc(-36px - 1.42857em);
}

.subpage-nav-button-container {
	position: relative;
	z-index: 100;
}

.full-width-img-container + .subpage-nav-button-container {
	margin-top: -15px;
}

.subpage-nav-button-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 0 0 5px -15px;
}

.btn-subpage-nav {
	font-size: 120%;
	white-space: normal;
	margin: 0 0 10px 10px;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 15px);
	word-wrap: break-word;
}

.btn-subpage-nav:nth-child(1),
.btn-subpage-nav:nth-child(4),
.btn-subpage-nav:nth-child(7){
	--bs-primary: var(--bs-btn-subpage-nav-1-bg);
	--bs-primary-base-r: var(--bs-btn-subpage-nav-1-bg-base-r);
	--bs-primary-base-g: var(--bs-btn-subpage-nav-1-bg-base-g);
	--bs-primary-base-b: var(--bs-btn-subpage-nav-1-bg-base-b);
	--bs-primary-contrast-color: var(--bs-btn-subpage-nav-1-color);
}

.btn-subpage-nav:nth-child(2),
.btn-subpage-nav:nth-child(5),
.btn-subpage-nav:nth-child(8){
	--bs-primary: var(--bs-btn-subpage-nav-2-bg);
	--bs-primary-base-r: var(--bs-btn-subpage-nav-2-bg-base-r);
	--bs-primary-base-g: var(--bs-btn-subpage-nav-2-bg-base-g);
	--bs-primary-base-b: var(--bs-btn-subpage-nav-2-bg-base-b);
	--bs-primary-contrast-color: var(--bs-btn-subpage-nav-2-color);
}

.btn-subpage-nav:nth-child(3),
.btn-subpage-nav:nth-child(6),
.btn-subpage-nav:nth-child(9){
	--bs-primary: var(--bs-btn-subpage-nav-3-bg);
	--bs-primary-base-r: var(--bs-btn-subpage-nav-3-bg-base-r);
	--bs-primary-base-g: var(--bs-btn-subpage-nav-3-bg-base-g);
	--bs-primary-base-b: var(--bs-btn-subpage-nav-3-bg-base-b);
	--bs-primary-contrast-color: var(--bs-btn-subpage-nav-3-color);
}

@media only screen and (min-width: 576px) {
	.subpage-nav-button-list {
		flex-direction: row;
		margin: 0 0 -15px -15px;
	}

	.btn-subpage-nav:nth-last-child(2),
	.btn-subpage-nav:nth-last-child(2) ~ .btn-subpage-nav {
		flex-basis: 50%;
	}

	.btn-subpage-nav:nth-last-child(3),
	.btn-subpage-nav:nth-last-child(3) ~ .btn-subpage-nav {
		flex-basis: 33.333333%;
	}

	.btn-subpage-nav:nth-last-child(4),
	.btn-subpage-nav:nth-last-child(4) ~ .btn-subpage-nav {
		flex-basis: 25%;
	}

	.btn-subpage-nav:nth-last-child(5),
	.btn-subpage-nav:nth-last-child(5) ~ .btn-subpage-nav {
		flex-basis: 20%;
	}

	.btn-subpage-nav:nth-last-child(6),
	.btn-subpage-nav:nth-last-child(6) ~ .btn-subpage-nav {
		flex-basis: 16.666667%;
	}

	.btn-subpage-nav {
		margin: 0 0 15px 15px;
		height: 80px;
		width: auto;
	}

	.full-width-img-container + .subpage-nav-button-container {
		margin-top: -70px;
	}
}

@media only screen and (min-width: 768px) {
	.btn-subpage-nav {
		height: 120px;
	}

	.full-width-img-container + .subpage-nav-button-container {
		margin-top: -90px;
	}
}

@media only screen and (min-width: 992px) {
	.btn-subpage-nav {
		height: 140px;
		font-size: 24px;
	}

	.full-width-img-container + .subpage-nav-button-container {
		margin-top: -100px;
	}
}

@media only screen and (min-width: 1200px) {
	.btn-subpage-nav {
		height: 160px;
	}

	.full-width-img-container + .subpage-nav-button-container {
		margin-top: -110px;
	}
}

.full-width-img-container + .sticky-nav-placeholder {
	margin-top: -30px;
}
.ts-gallery + .sticky-nav-placeholder {
	margin-top: -40px;
}
#plainpage.policypage .sticky-nav-placeholder {
    margin-top: -15px;
    margin-bottom: 15px;
}

.sticky-nav-container {
	padding: 10px 0;
	background: var(--bs-sticky-nav-bg);
	transition: background-color 0.25s ease;
	top: var(--header-condensed-height, var(--navbar-height));
}

.sticky-nav-container.sticky-nav-container-buttons {
	position: fixed;
	top: -1000px; /* Initial value, will be replaced with inline style at runtime */
	left: 0;
	right: 0;
	animation: stickyNavContainerButtonsOut .25s ease forwards;
}

.sticky-nav-container.sticky-nav-container-buttons.fixed {
	animation: stickyNavContainerButtonsIn .25s ease forwards;
}

.sticky-nav-container.fixed {
	position: fixed;
	top: 0; /* Initial value, will be replaced with inline style at runtime */
	left: 0;
	right: 0;
	z-index: 998;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	background: var(--bs-sticky-nav-fixed-bg);
}

.policypage .sticky-nav-container:not(.fixed) {
	--bs-sticky-nav-bg: transparent;
	--bs-sticky-nav-link-color: var(--bs-sticky-nav-fixed-link-active-color);
	--bs-sticky-nav-link-hover-bg: #EEEEEE;
	--bs-sticky-nav-link-active-color: #FFFFFF;
	--bs-sticky-nav-link-active-bg: var(--bs-sticky-nav-fixed-bg);
}

#plainpage.policypage .sticky-nav-container {
	background: var(--bs-sticky-nav-fixed-bg);
}

.sticky-nav {
	display: block;
	text-align: left;
	white-space: nowrap;
}
.sticky-nav > li {
	float: none;
	display: inline-block;
	margin: 0 1px 0 0;
}
.sticky-nav > li + li {
	margin-left: 0;
}
.sticky-nav > li > a {
	background: transparent;
	color: var(--bs-sticky-nav-link-color);
	font-weight: bold;
	padding: 8px 15px;
}
.sticky-nav > li > a:hover,
.sticky-nav > li > a:focus-visible,
.sticky-nav > .open > a,
.sticky-nav > .open > a:hover,
.sticky-nav > .open > a:focus-visible {
	background: var(--bs-sticky-nav-link-hover-bg);
}
.sticky-nav.nav-pills > li.active > a,
.sticky-nav.nav-pills > li.active > a:hover,
.sticky-nav.nav-pills > li.active > a:focus-visible {
	background: var(--bs-sticky-nav-link-active-bg);
	color: var(--bs-sticky-nav-link-active-color);
}

.sticky-nav-container.fixed .sticky-nav.nav-pills > li.active > a,
.sticky-nav-container.fixed .sticky-nav.nav-pills > li.active > a:hover,
.sticky-nav-container.fixed .sticky-nav.nav-pills > li.active > a:focus-visible {
	background: var(--bs-sticky-nav-fixed-link-active-bg);
	color: var(--bs-sticky-nav-fixed-link-active-color);
}

.sticky-nav-container.fixed .sticky-nav > li > a:hover,
.sticky-nav-container.fixed .sticky-nav > li > a:focus-visible,
.sticky-nav-container.fixed .sticky-nav > .open > a,
.sticky-nav-container.fixed .sticky-nav > .open > a:hover,
.sticky-nav-container.fixed .sticky-nav > .open > a:focus-visible {
	background: var(--bs-sticky-nav-fixed-link-hover-bg);
}

@media (min-width: 992px) and (max-width: 1199px) {
	.landing-jumbotron-content-product-wide > .landing-jumbotron-text,
	.landing-jumbotron-content-product-wide > .landing-jumbotron-buttons {
		max-width: 590px;
	}
}

@media only screen and (max-width: 991px)
{
	.landing-jumbotron-carousel .carousel-indicators {bottom: 15px;}
	.landing-jumbotron { --landing-jumbotron-padding-t: 55px; --landing-jumbotron-padding-b: 55px; }
	.landing-jumbotron-header, .container-pagelayout .landing-jumbotron-header {font-size: 36px;}
	.landing-jumbotron-content {text-align: center; width: auto;}
	.landing-jumbotron-content-product-wide, .landing-jumbotron-content-product-medium, .landing-jumbotron-content-product-narrow {text-align: center; width: auto; margin-top: 20px;}
	.landing-jumbotron-product-image-container {float: none;}
	.landing-jumbotron-buttons > .btn {font-size: 1.1em;}

	.landing-jumbotron-content-product-wide > .landing-jumbotron-text,
	.landing-jumbotron-content-product-wide > .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-medium > .landing-jumbotron-text,
	.landing-jumbotron-content-product-medium > .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-narrow > .landing-jumbotron-text,
	.landing-jumbotron-content-product-narrow > .landing-jumbotron-buttons
	{
		max-width: none;
	}

	.landing-jumbotron-content > .landing-jumbotron-text + .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-wide > .landing-jumbotron-text + .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-medium > .landing-jumbotron-text + .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-narrow > .landing-jumbotron-text + .landing-jumbotron-buttons,
	.landing-jumbotron-content > .landing-jumbotron-product-image-container + .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-wide > .landing-jumbotron-product-image-container + .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-medium > .landing-jumbotron-product-image-container + .landing-jumbotron-buttons,
	.landing-jumbotron-content-product-narrow > .landing-jumbotron-product-image-container + .landing-jumbotron-buttons
	{
		margin-top: 30px;
	}

	.tabcontentheader{font-size: 24px; line-height: 26px; margin-bottom: 20px;}
	.tabcontentheader > .badge{font-size: 16px;	line-height: 16px; vertical-align: 1px; padding-left: 9px; padding-right: 9px;}
}

@media only screen and (min-width: 576px) {
	.landing-jumbotron.with-subpage-nav-buttons {
		padding-bottom: 95px;
	}
	.landing-jumbotron-carousel.with-subpage-nav-buttons .carousel-indicators {
		bottom: 60px;
	}
}

@media only screen and (min-width: 768px) {
	.landing-jumbotron.with-subpage-nav-buttons {
		padding-bottom: 115px;
	}
	.landing-jumbotron-carousel.with-subpage-nav-buttons .carousel-indicators {
		bottom: 80px;
	}
}

@media only screen and (min-width: 992px) {
	.landing-jumbotron.with-subpage-nav-buttons {
		padding-bottom: 190px;
	}
	.landing-jumbotron-carousel.with-subpage-nav-buttons .carousel-indicators {
		bottom: 100px;
	}
}

@media only screen and (min-width: 1200px) {
	.landing-jumbotron.with-subpage-nav-buttons {
		padding-bottom: 210px;
	}
	.landing-jumbotron-carousel.with-subpage-nav-buttons .carousel-indicators {
		bottom: 120px;
	}
}

/* end landing page */

.product-description-richtext img {
	max-width: 100%;
}

.product-description-richtext p {
	margin-bottom: 20px;
}

.user-image-header
{
	width: min(1.33333333em, 22px);
	height: min(1.33333333em, 22px);
	border-radius: 2px;
	margin-top: -2px;
}
#user-account, #user-account-lms
{
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	text-decoration: inherit;
}

@media only screen and (min-width: 576px) {
	#user-account-lms {
		max-width: 160px;
	}
}

.media-heading {
    margin: -2px 0 2px 0;
}

.page-header {
    margin: 0 0 20px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	word-wrap: break-word;
}

.page-header-borderless {
	border: 0;
	padding: 0;
    margin-bottom: 15px;
}

.page-header-borderless ~ .page-header-borderless {
	margin-top: 15px;
}

.page-header > h1,
.page-header > h2,
.page-header > .page-header-inner {
    margin-top: 0;
	margin-right: auto;
	padding-right: 10px;
	max-width: 100%;
}

.page-header > .page-header-inner > h1 {
    margin-top: 0;
}

.page-header-with-action-menu {
	padding-right: 20px;
	position: relative;
}

.btn-group-actions-menu {
	position: absolute;
	top: 0;
	right: -13px; /* padding right + border right */
}

.btn-group-actions-menu > #btn-actions-menu {
	font-size: 22px;
	line-height: 1;
}

@media only screen and (min-width: 768px) {
	.btn-group-actions-menu > #btn-actions-menu {
		font-size: 24px;
	}
}

.page-header > h2,
.col-header > h2 {
	line-height: 27px;
	margin-top: 0;
	padding-right: 0;
}

.col-header > h2 > a {
	float: right;
	font-size: 14px;
	font-weight: normal;
}

.page-header-link-more {
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	margin-left: 1.2em;
	line-height: 1.0;
	vertical-align: middle;
}

.page-header-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

@media only screen and (min-width: 768px) {
	.page-header {
		flex-wrap: nowrap;
	}

	.page-header-controls {
		flex-shrink: 0;
	}

	.page-header > h1,
	.page-header > h2,
	.page-header > .page-header-inner {
	    margin-right: 0;
		flex-grow: 1;
	}
}

.page-header-meta {
	margin-bottom: 10px;
	color: #777777;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 15px;
	row-gap: 5px;
}

.page-header-meta > .label {
	display: inline-block;
	font-weight: inherit;
	font-size: 1em;
}

.page-header-meta-status {
	font-size: 0.85em;
}

.page-header-meta-author-img {
	max-width: 20px;
	max-height: 20px;
	vertical-align: middle;
	border-radius: 4px;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

form { margin: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove inner padding and border in FF3/4: h5bp.com/l */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
textarea.autosize { height: 50px; min-height: 50px; }

input:invalid, textarea:invalid, select:invalid
{
    border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

input:invalid:focus,
textarea:invalid:focus,
select:invalid:focus {
	border-color: #843534;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(206, 132, 131, 0.33);
}

/* input placeholder */

input::placeholder,
textarea::placeholder,
input[type="text"].probe-placeholder
{
    color: #999999;
    opacity: 1.0;
}

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

@media print {
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
}

.ltipicker-body {
	overflow:hidden;
}
.ltipicker-body form {
	display:flex;
	flex-direction:column;
	height:100vh;
	overflow:hidden;
}
.ltipicker-body form {
	overflow:hidden;
}
.ltipicker-header {
	align-items:center;
	display:flex;
	padding:0 20px;
}
.ltipicker-header .brand {
	height:50px;
}
.ltipicker-header .brand-image {
	max-height:100%;
}
.ltipicker-header .title {
	font-size:20px;
	font-weight:bold;
}
.ltipicker-main {
	flex-grow:1;
	margin:10px 0;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0 20px;
	width:100vw;
}
.ltipicker-footer {
	align-items:center;
	column-gap:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	row-gap:10px;
	z-index:1;
}

#ltipicker_products .product-list-controls .search {
	margin-left:0;
	margin-right:0;
	position:relative;
}

#ltipicker_products {
    position:relative;
	transform:translateX(0);
    width:100%;
	z-index:1;
}
#ltipicker_contentitems {
    position:relative;
	transform:translateX(100%);
    width:100%;
	z-index:0;
}

#ltipicker_contentitems .ltipicker-product {
	align-items:center;
	display:flex;
	margin:15px 0;
}
#ltipicker_contentitems .ltipicker-list {
	border-radius:4px;
	padding:0;
}
#ltipicker_contentitems .ltipicker-list li {
	border-radius:4px;
	list-style:none;
	padding:8px 0 8px 0;
}
#ltipicker_contentitems .ltipicker-list li:hover,
#ltipicker_contentitems .ltipicker-section:hover {
	background-color:#eeeeee;
	border-color:#eeeeee;
	cursor:pointer;
}
#ltipicker_contentitems .ltipicker-section {
	display:flex;
    border-radius:4px;
	padding:18px 0;
}
#ltipicker_contentitems .ltipicker-section label {
	margin-top:-7px;
}
#ltipicker_contentitems .ltipicker-contentitems {
	margin-left:34px
}
#ltipicker_contentitems .ltipicker-contentitems .content {
    align-items:center;
    border:1px solid transparent;
	display:flex;
    flex:1;
}
#ltipicker_contentitems .ltipicker-contentitem .media-left {
	padding-right:0;
}
#ltipicker_contentitems .ltipicker-contentitem .media-middle {
    padding:2px 8px 2px 8px;
}
#ltipicker_contentitems .ltipicker-contentitem label {
    margin-left:15px;
    margin-top:-3px;
	padding-top:0px;
}
#ltipicker_contentitems .ltipicker-contentitem .content {
	border-radius:4px;
	margin-left:8px;
}
#ltipicker_contentitems .ltipicker-product-image,
#ltipicker_contentitems .ltipicker-contentitem-image {
	width:60px;
}
#ltipicker_contentitems .ltipicker-product-caption,
#ltipicker_contentitems .ltipicker-section-caption {
	margin-left:8px;
}
#ltipicker_contentitems .ltipicker-contentitem p:last-child {
	margin-bottom:0;
}

.thumb-spacer-w32 {
    width: 32px;
}
.thumb-spacer-w36 {
    width: 36px;
}
.thumb-spacer-w40 {
    width: 40px;
}
.thumb-spacer-w48 {
    width: 48px;
}
.thumb-spacer-w60 {
    width: 60px;
}
.thumb-spacer-w64 {
    width: 64px;
}
.thumb-spacer-c {
	text-align: center;
}
.thumb-spacer-c .media-object {
	display: inline-block;
}
img.media-object.thumb-32
{
	max-width: 32px;
	max-height: 32px;
}
img.media-object.thumb-36
{
	max-width: 36px;
	max-height: 36px;
}
img.media-object.thumb-40
{
	max-width: 40px;
	max-height: 40px;
}
img.media-object.thumb-48
{
	max-width: 48px;
	max-height: 48px;
}
img.media-object.thumb-60
{
	max-width: 60px;
	max-height: 60px;
}
img.media-object.thumb-64
{
	max-width: 64px;
	max-height: 64px;
}
img.media-object.thumb-75
{
	max-width: 75px;
	max-height: 75px;
}
img.media-object.thumbSmall {
    max-width: 60px;
    max-height: 60px;
}
img.media-object.thumbMedium
{
	max-width: 100%;
	max-height: 175px;
}
img.media-object.thumbLarge
{
	max-width: 450px;
	max-height: 300px;
}
img.media-object.user-image
{
	max-width: 75px;
	max-height: 75px;
}
img.media-object {
    border-radius: 4px;
}

img.media-object[src$=".svg"] {
    border-radius: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus-visible
{
	border-color: var(--bs-primary);
}

.nav-list > li > a
{
	padding: 10px 15px;
	}
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus-visible,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus-visible {
	background: var(--bs-primary);
	color: #ffffff;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
	color: var(--bs-primary);
	background: #ffffff;
}

.well a.list-group-item:hover,
.well button.list-group-item:hover,
.well a.list-group-item:focus-visible,
.well button.list-group-item:focus-visible {
  background: #eeeeee;
}

.list-group-item-text {
	display: block;
}

.list-group-item-text img {
	max-width: 100%;
}

.list-group-item-text > p:last-child {
	margin-bottom: 0;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus-visible,
.well .list-group-item.active,
.well .list-group-item.active:hover,
.well .list-group-item.active:focus-visible {
  color: #ffffff;
  background: var(--bs-primary);
  padding: 11px 16px;
  border: none;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus-visible .list-group-item-text {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.85);
}

h3 + .nav-stacked
{
    margin-top: 10px;
}
.nav-stacked li {
    position: relative;
}

.nav-stacked-item-container label
{
    cursor: default;
    }

.btn-stacked-item
{
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}

#modalContentItems .nav-stacked-item-container > p
{
	margin-bottom: 0;
}

#modalContentItems .input-copy-link
{
	margin-top: 8px;
}

.nav-item-list {
	margin-bottom: 20px;
}
.nav-item-list > li {
    position: relative;
	background: #ffffff;
	border-radius: 4px;
}

.nav-item-list > li + li {
    margin-top: -1px;
}

.nav-item-list > li > .nav-stacked-item-container {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 8px 12px;
    position: relative;
}
.nav-item-list > li:last-child > .nav-stacked-item-container {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.nav-item-list > li:first-child > .nav-stacked-item-container {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.nav-stacked-item-container.media {
	margin-top: 0;
}

.nav-item-list .media-left {
	white-space: nowrap;
}

.form-group .nav-item-list {
	margin-bottom: 7px;
}

.nav-item-list ~ .btn-link,
.nav-item-list ~ .btn-group > .btn-link {
	padding: 0;
}













.search-filters-column
{
    margin-top: 46px;
    }
.search-filters-column .h3
{
    margin-bottom: 5px;
    }

.well fieldset legend
{
	line-height: 100%;
	padding-bottom: 16px;
	margin-bottom: 19px;
	border-color: #e3e3e3;
}

.form-conditional-segment
{
	margin-bottom: 15px;
}

.form-conditional-segment:after
{
	content: '';
	display: block;
	margin-top: -15px; /* Effectively removes the margin bottom of the last visible form group */
	padding-top: 0.05px; /* Trick to prevent collapsing margins */
}

.form-segment-description
{
	color: #555555;
	margin-bottom: 15px;
}

.well .form-segment-description,
.content-block .form-segment-description,
.tabcontentblock.bg-even .form-segment-description
{
	color: #777777;
}

fieldset legend:not(.legend-borderless) + .form-segment-description
{
	margin-top: -8px;
	margin-bottom: 16px;
}

.form-segment-description p:last-child
{
	margin-bottom: 0;
}

fieldset ~ fieldset legend,
.form-group ~ fieldset legend
{
	padding-top: 15px;
}

.tabcontentrichtext fieldset + fieldset legend
{
	padding-top: 30px;
}

.well .well,
.content-block .well{
	background: #eaeaea;
	border: 1px solid #d5d5d5;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well .form-actions
{
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.well > .table:last-child
{
	margin-bottom: 0;
}

table td.price{
	text-align: right;
}

.ta-cur
{
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	text-align: right;
	position: relative;
}
.ta-cur.indent1
{
	text-indent: 1.0em;
}
.ta-cur.indent2
{
	text-indent: 1.6em;
}
.ta-cur.indent3
{
	text-indent: 2.4em;
}
.ta-cur.indent4
{
	text-indent: 3.2em;
}
.ta-cur.indent5
{
	text-indent: 4.0em;
}
.ta-cur-pre
{
	position: absolute;
	top: 0px;
}

.ta-cur.indent1 > .ta-cur-pre
{
	left: -1.0em;
}
.ta-cur.indent2 > .ta-cur-pre
{
	left: -1.6em;
}
.ta-cur.indent3 > .ta-cur-pre
{
	left: -2.4em;
}
.ta-cur.indent4 > .ta-cur-pre
{
	left: -3.2em;
}
.ta-cur.indent5 > .ta-cur-pre
{
	left: -4.0em;
}
sup.price-fraction
{
	font-size: 0.75em;
	top: -0.20em;
}

ul.list-separated > li {
	margin-bottom: inherit;
}

ul.list-inline > li,
ol.list-inline > li {
	padding: 0;
	margin: 0;
}

input[type="file"] + label.btn {
	margin-bottom: 0;
}

input[type="file"]:focus-visible + label.btn:not(.btn-link) {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
	box-shadow: 0 0 0 3px var(--bs-btn-focus-box-shadow-color);
}

input[type="file"]:focus-visible + label.btn-link {
	box-shadow: none;
	outline: auto;
	text-decoration: underline;
}

input[type="file"][disabled] + label.btn {
	cursor: default;
	opacity: 0.65;
}

.dropdown-menu .fileinput-button,
.input-group-addon .fileinput-button,
.input-group-btn .fileinput-button {
    float: none;
    margin-right: 0;
}
.separated-list li{
	padding: 12px 0;
	border-top: 1px solid #d9d9d9;
}
.separated-list li:last-child{
	padding-bottom: 0;
}
.separated-list h3{
	margin: 0 0 5px 0;
}
.separated-list p:last-child{
	margin-bottom: 0;
}
.content-block .separated-list{
	margin-bottom: 0px;
}

.push-content,
.push-footer {
	margin-top: 30px;
}
@media only screen and (max-width: 991px) {
	.push-content,
	.push-footer {
		margin-top: 20px;
	}
}
.tabcontentblock.last + .push-footer,
.tabcontentblock.last + script + .push-footer {
	margin-top: 0;
}

/* Begin general page structure >> */

.main-wrapper {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main-header {
	flex: 0 0 auto;
}

.main-header.sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
}

.main-content {
	flex: 1 0 auto;
}

.main-footer {
	flex: 0 0 auto;
}

/* << End general page structure */

/* Begin header  >> */

.navbar {
	margin-bottom: 0px;
	background: transparent;
	min-height: 0;
	border: none;
	border-radius: 0;
}

.navbar-default {
	height: auto;
	left: 0;
	right: 0;
	top: 0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .175);
}

.with-transition .navbar-default {
	transition: box-shadow .15s ease;
}

.with-header-background-img .main-header:not(.condensed) .navbar-default {
	box-shadow: none;
}

.navbar-brand {
	padding: 0;
	margin: var(--navbar-brand-margin-tb) 20px var(--navbar-brand-margin-tb) 0;

    /* Hide the text and allow the image to be vertically centered properly */
	font: 0/0 a;
	text-shadow: none;
	color: transparent;

	max-width: min(250px, 100%);
	height: var(--navbar-brand-height);
	line-height: var(--navbar-brand-line-height);

	position: relative;
}

.navbar-brand > .navbar-brand-image,
.navbar-brand > .navbar-brand-image-cover {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	transition: opacity .15s ease;
	overflow: hidden; /* Hide overflowing ALT text in case the image cannot be loaded */
}

.navbar-brand-image-cover {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	opacity: 0;
	display: none;
}

.with-header-background-img .main-header .navbar-brand-image-cover {
	opacity: 1;
	display: inline-block;
}

.with-header-background-img .main-header.condensed .navbar-brand-image-cover {
	opacity: 0;
}

.with-header-background-img .main-header .navbar-brand-image-cover + .navbar-brand-image {
	opacity: 0;
}

.with-header-background-img .main-header.condensed .navbar-brand-image-cover + .navbar-brand-image {
	opacity: 1;
}

.site-wide-bar {
    background: var(--bs-header-bg);
}

.with-transition .site-wide-bar {
	transition: background-color .15s ease;
}

.with-header-background-img .main-header:not(.condensed) .site-wide-bar {
	background: transparent;
}

.site-wide-bar > .container,
.site-wide-bar > .container-fluid {
	display: flex;
	justify-content: left;
	align-items: center;
}

.navbar .navbar-nav.site-header-menu,
.navbar .navbar-nav.site-wide-actions,
.site-wide-search {
	margin-left: 0;
	margin-right: 0;
}

.navbar-nav > li > .dropdown-menu {
	border-radius: 4px;
}

.site-header-menu,
.site-wide-actions {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.site-header-menu > li,
.site-wide-actions > li {
	flex-shrink: 0;
}

.site-wide-bar h1 {
	flex-grow: 0;
	margin: 5px auto 5px 0;
	font-size: 20px;
	color: var(--bs-header-color);
}

.site-wide-bar h1 > small {
	color: inherit;
	opacity: 0.8;
}

.site-wide-bar .navbar-text {
	margin: 0;
	flex-shrink: 0;
}

.site-wide-bar .navbar-nav > li > a,
.site-wide-bar .navbar-text {
	padding: 8px 12px;
	font-family: var(--bs-header-font-family);
	font-weight: var(--bs-header-font-weight);
	font-size: var(--bs-header-font-size);
	line-height: var(--bs-header-line-height);
	text-transform: var(--bs-header-text-transform);
}

.menu-toggle {
	font-size: var(--bs-header-font-size);
}

.menu-toggle,
.site-wide-bar .navbar-nav > li > a,
.site-wide-bar .navbar-text {
    color: var(--bs-header-color);
}

.menu-toggle:hover,
.menu-toggle:focus-visible,
.site-wide-bar .navbar-nav > li > a:hover,
.site-wide-bar .navbar-nav > li > a:focus-visible {
    color: var(--bs-header-hover-color);
}

.site-wide-bar .navbar-nav > .active > a,
.site-wide-bar .navbar-nav > .active > a:hover,
.site-wide-bar .navbar-nav > .active > a:focus-visible {
    color: var(--bs-header-active-color);
}

.menu-toggle.open,
.menu-toggle.open:hover,
.menu-toggle.open:focus-visible,
.site-wide-bar .navbar-nav > .open > a,
.site-wide-bar .navbar-nav > .open > a:hover,
.site-wide-bar .navbar-nav > .open > a:focus-visible {
    color: var(--bs-header-open-color);
}

.site-wide-bar .navbar-nav > .active:not(.open) > a,
.site-wide-bar .navbar-nav > .active:not(.open) > a:hover,
.site-wide-bar .navbar-nav > .active:not(.open) > a:focus-visible {
	background: none;
}

.menu-toggle > .fa-lg,
.nav.site-wide-actions > li > a > .fa-lg {
	font-size: min(1.33333333em, 22px);
}

.site-wide-search {
	margin-left: 0;
	margin-right: 0;
}

.site-wide-search > .navbar-form {
	margin: 0;
	padding: 8px 12px;
}

.site-wide-search > .navbar-form > .form-group > .input-group > .form-control[name='postCode'] {
	margin-left: -1px;
	width: 80px;
}
.site-wide-search > .navbar-form > .form-group > .input-group > .form-control[name='distance'] {
	margin-left: -1px;
	width: auto;
}

.site-wide-search > .navbar-form > .form-group > .input-group > .form-control[name='searchKey'],
.site-wide-search > .navbar-form > .form-group > .form-control[name='searchKey'] {
	width: 150px;
}

.site-wide-search > .navbar-form > .form-group > .btn-link,
.search-dropdown > .dropdown-menu > form > .form-group > .btn-link {
	color: var(--bs-header-hover-color);
}

.site-wide-search > .navbar-form > .form-group > .btn-link:is(:hover, :focus-visible),
.search-dropdown > .dropdown-menu > form > .form-group > .btn-link:is(:hover, :focus-visible) {
	color: var(--bs-header-hover-color);
}

.site-wide-search > .navbar-form > .form-group > .form-control,
.search-dropdown > .dropdown-menu > form > .form-group > .form-control {
	border-radius: 30px;
	padding-left: 12px;
	padding-right: 33px;
}

.site-wide-search > .navbar-form > .form-group > .form-control-feedback,
.search-dropdown > .dropdown-menu > form > .form-group > .form-control-feedback {
	padding-right: 12px; /* equal to form control left and right padding */
	width: 37px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}

.site-wide-search > .navbar-form > .form-group > .input-group > .form-control[name='searchKey'],
.search-dropdown > .dropdown-menu > form > .form-group > .input-group > .form-control[name='searchKey'] {
	border-radius: 30px 0 0 30px;
	padding-left: 12px;
}

.site-wide-search > .navbar-form > .form-group > .input-group > .input-group-btn > .btn,
.search-dropdown > .dropdown-menu > form > .form-group > .input-group > .input-group-btn > .btn {
	padding-left: 10px; /* equal to form control left and right padding */
	border-radius: 0 30px 30px 0;
}

@media only screen and (max-width: 991px) {
	.navbar-brand {
		flex-shrink: 1;
		padding: var(--navbar-brand-margin-tb) 12px;
		margin: 0 auto 0 0;
		outline-offset: -3px;
	}

	.navbar-brand > .navbar-brand-image-cover {
		left: 12px;
		max-width: calc(100% - (12px * 2));
		max-height: calc(100% - (var(--navbar-brand-margin-tb) * 2));
	}

	.site-wide-bar > .container,
	.site-wide-bar > .container-fluid {
		padding: 0;
		width: auto;
	}

	.site-wide-actions {
		flex-shrink: 0;
		margin: 0;
	}

	.site-wide-search {
		display: none;
	}

	.site-header-menu-container {
		display: none;
	}

	.site-header-menu {
		flex-direction: column;
		margin: 0;
	}

	.main-header .site-header-menu,
	.main-header #screen-lang-dropdown .dropdown-menu {
		padding: 20px 0 20px 3px;
	}

	.main-header #screen-lang-dropdown .dropdown-menu .dropdown-header {
		padding: 4px 15px;
	}

	.main-header #screen-lang-dropdown .dropdown-menu .fa-check {
		margin-left: 0px;
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu > li > a,
	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-menu > li > a,
	.main-header .site-wide-bar .navbar-nav.site-wide-actions .dropdown-menu > li > a {
		font-family: inherit;
		font-weight: normal;
		font-size: inherit;
		line-height: inherit;
		text-transform: inherit;
		color: var(--bs-mobile-menu-color);
		background-color: transparent;
		display: inline-block;
		vertical-align: top;
		padding: 10px 15px;
		border-radius: 0;
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu > li > a:hover,
	.main-header .site-wide-bar .navbar-nav.site-header-menu > li > a:focus-visible,
	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-menu > li > a:hover,
	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-menu > li > a:focus-visible,
	.main-header .site-wide-bar .navbar-nav.site-wide-actions .dropdown-menu > li > a:hover,
	.main-header .site-wide-bar .navbar-nav.site-wide-actions .dropdown-menu > li > a:focus-visible {
		background: none;
		color: var(--bs-mobile-menu-hover-color);
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu > .active > a,
	.main-header .site-wide-bar .navbar-nav.site-header-menu > .active > a:hover,
	.main-header .site-wide-bar .navbar-nav.site-header-menu > .active > a:focus-visible,
	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-menu > .active > a,
	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-menu > .active > a:hover,
	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-menu > .active > a:focus-visible {
		background: none;
		color: var(--bs-mobile-menu-active-color);
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu > .open > a,
	.main-header .site-wide-bar .navbar-nav.site-header-menu > .open > a:hover,
	.main-header .site-wide-bar .navbar-nav.site-header-menu > .open > a:focus-visible {
		background: none;
		color: var(--bs-mobile-menu-open-color);
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu > .active > a:after {
		content: "";
		background-color: var(--bs-mobile-menu-active-line-color);
		width: 3px;
		border-radius: 3px;
		height: 100%;
		position: absolute;
		top: 0;
		left: -3px;
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu > .open > a {
		background: none;
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu > .open > .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
		margin-left: 20px;
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-submenu > .dropdown-menu {
		display: block;
		position: static;
		float: none;
		width: auto;
		background-color: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0;
		margin-left: 20px;
		margin-top: 0;
	}

	.main-header .site-wide-bar .navbar-nav.site-header-menu .dropdown-submenu > a:after {
		display: none; /* Hide submenu caret */
	}

	.main-header .site-wide-bar .navbar-nav.site-wide-actions > .active > a:after {
		content: "";
		background-color: var(--bs-header-active-line-color);
		width: calc(100% - 24px);
		position: absolute;
		bottom: 10px;
		height: 3px;
		left: 12px;
		border-radius: 3px;
	}

	.with-transition .site-wide-bar .navbar-nav.site-wide-actions > li > a:after {
		transition: background-color .15s ease;
	}

	.with-header-background-img .main-header:not(.condensed) .navbar {
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	}

	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav.site-wide-actions > .active > a:after {
		background-color: #FFFFFF;
	}

	.with-header-background-img .main-header:not(.condensed) .menu-toggle:not(.open),
	.with-header-background-img .main-header:not(.condensed) .menu-toggle:not(.open):hover,
	.with-header-background-img .main-header:not(.condensed) .menu-toggle:not(.open):focus-visible,
	.with-header-background-img .main-header:not(.condensed) .nav.site-wide-actions > li:not(.open) > a,
	.with-header-background-img .main-header:not(.condensed) .nav.site-wide-actions > li:not(.open) > a:hover,
	.with-header-background-img .main-header:not(.condensed) .nav.site-wide-actions > li:not(.open) > a:focus-visible {
		color: #FFFFFF;
	}

	.menu-toggle,
	.navbar .navbar-nav.site-wide-actions > li > a {
		line-height: var(--navbar-height);
		padding: 0 12px;
		outline-offset: -3px
	}

	.menu-toggle.open,
	.menu-toggle.open:hover,
	.menu-toggle.open:focus-visible,
	.navbar-default .navbar-nav.site-wide-actions > .open > a,
	.navbar-default .navbar-nav.site-wide-actions > .open > a:hover,
	.navbar-default .navbar-nav.site-wide-actions > .open > a:focus-visible {
		background: #FFFFFF;
		color: var(--bs-mobile-menu-open-color);
	}

	.site-wide-bar:has(.menu-toggle.open, .site-wide-actions > .dropdown.open) {
		background-image: linear-gradient(to left, rgba(0,0,0, 0.07), rgba(0,0,0, 0.07));
	}

	.site-wide-actions .caret {
		display: none;
	}

	.site-wide-actions .open .dropdown-menu,
	.site-header-menu-container {
		border-radius: 0;
		border: 0;
		background: #FFFFFF;
		margin: 0;
		position: fixed;
		top: var(--header-condensed-height, var(--navbar-height));
		bottom: 0;
		left: 0;
		right: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		box-shadow: none;
	}

	.navbar-default .dropdown.open > .dropdown-menu,
	.navbar-default .btn-group.open > .dropdown-menu,
	.navbar-default .dropup.open  > .dropdown-menu,
	.site-header-menu-container .dropdown-submenu > .dropdown-menu {
		animation: none; /* Don't animate header dropdown on mobile since the hamburger menu does not animate either. */
	}

	.site-wide-actions .search-dropdown > a > .fa {
		margin-right: 0;
	}

	.site-wide-actions .search-dropdown > .dropdown-menu {
		bottom: auto;
		box-shadow: 0 3px 3px rgba(0,0,0,0.2) !important;
		padding: 20px 15px;
	}

	.search-dropdown > .dropdown-menu > form > .form-group {
		margin-bottom: 0;
	}
	.search-dropdown > .dropdown-menu > form > .form-group > .input-group > .form-control[name='postCode'] {
		margin-left: -1px;
	}
	.search-dropdown > .dropdown-menu > form > .form-group > .input-group > .form-control[name='distance'] {
		margin-left: -2px;
	}
	.search-dropdown > .dropdown-menu > form > .form-group > .input-group > .input-group-btn > .btn {
		margin-left: -3px;
		font-size: 14px;
	}

	#user-account {
		/* Visually hide, but not from screen readers */
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
}

@media only screen and (min-width: 992px) {
	.menu-toggle {
		display: none;
	}

	.navbar-brand,
	.site-wide-search,
	.site-wide-actions {
		flex-shrink: 0;
	}

	.navbar .navbar-brand + .navbar-nav.site-wide-actions {
		margin-left: auto;
	}

	.site-header-menu-container {
		flex-grow: 1;
		flex-shrink: 1;

		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.site-header-menu {
		flex-grow: 1;

		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.site-header-menu > li {
		flex-shrink: 0;
	}

	.navbar .navbar-nav.site-wide-actions:last-child,
	.navbar-text:last-child {
		margin-right: -12px;
	}

	.navbar-default .navbar-nav > .open > a {
		/* Apply a transition to accompany the fading dropdown-menu */
		transition: background-color 0.25s ease;
	}

	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus-visible {
		background: transparent;
	}

	.with-transition .site-wide-bar .navbar-nav > li > a {
		transition: color .15s ease;
	}

	.site-wide-bar .navbar-nav > li > a:after {
		content: "";
		background-color: transparent;
		width: calc(100% - 24px);
		position: absolute;
		bottom: 4px;
		height: 2px;
		left: 12px;
		border-radius: 2px;
	}

	.with-transition .site-wide-bar .navbar-nav > li > a:after {
		transition: left .15s ease, width .15s ease, background-color .15s ease;
	}

	.site-wide-bar .navbar-nav > .open > a:after {
		width: 100%;
		left: 0;
	}

	.site-wide-bar .navbar-nav > li > a:hover:after {
		background-color: var(--bs-header-hover-line-color);
	}

	.site-wide-bar .navbar-nav > .active > a:after,
	.site-wide-bar .navbar-nav > .active > a:hover:after {
		background-color: var(--bs-header-active-line-color);
	}

	.site-wide-bar .navbar-nav > .open > a:after,
	.site-wide-bar .navbar-nav > .open > a:hover:after {
		background-color: var(--bs-header-open-line-color);
	}

	.with-header-background-img .main-header:not(.condensed) .navbar {
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	}

	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav > li > a,
	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav > li > a:hover,
	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav > li > a:focus-visible {
		color: #FFFFFF;
	}

	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav > li > a:hover:after,
	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav > .open > a:after,
	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav > .active > a:after {
		background-color: rgba(255, 255, 255, 0.75);
	}

	.site-header-menu,
	.site-wide-actions {
		min-height: calc(var(--bs-header-line-height) + 16px);
	}

	.site-header-menu.rn-uninitialized {
		max-height: calc(var(--bs-header-line-height) + 16px);
		overflow: hidden;
	}

	.site-wide-actions .search-dropdown {
		display: none;
	}
}

/* << End header */

/* Begin footer >> */

.main-footer {
	background: var(--bs-footer-bg);
	color: var(--bs-footer-color);
	min-height: 40px;
}

.main-footer p:last-child {
	margin-bottom: 0;
}

.main-footer h4,
.main-footer h5 {
	line-height: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px;
	color: var(--bs-footer-heading-color);
}
.main-footer h4 {
	font-size: 19px;
}
.main-footer h5 {
	font-size: 15px;
}
@media (max-width: 767px) {
	.main-footer h5	{
		margin-bottom: 10px;
	}
}
.main-footer h4 > a,
.main-footer h4 > a:hover,
.main-footer h4 > a:focus-visible,
.main-footer h5 > a,
.main-footer h5 > a:hover,
.main-footer h5 > a:focus-visible {
	color: inherit;
}
.main-footer .edit-layout-item-container > h4,
.main-footer .edit-layout-item-container > h5 {
	padding-right: 35px; /* Leave room for edit button */
}

.footer-menu-links > li > a,
.footer-menu-links > li > a:hover,
.footer-menu-links > li > a:focus-visible {
    color: inherit;
}
.footer-menu-links > li > a > .fa {
	margin-right: 4px;
}
.footer-menu-links > li > a > .caret {
	margin-left: 4px;
}

.footer-social-networks {
	list-style: none;
	padding: 0;
}
.footer-social-networks > li {
	display: inline-block;
}
.footer-social-networks > li > a {
	background: var(--bs-footer-heading-color);
	background: color-mix(in srgb, var(--bs-footer-heading-color), transparent 15%); /* Modern browsers, no @supports fallback needed */
}
.footer-social-networks > li > a > .fa {
	color: var(--bs-footer-bg);
}

.main-footer-condensed {
	padding: 20px 0;
}
.main-footer-condensed .footer-menu-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-footer-condensed .footer-menu-links:after { /* Correct margin bottom for LIs */
	content: "";
	display: block;
	margin-top: -10px;
}
.main-footer-condensed .footer-menu-links > li {
	margin-bottom: 10px;
}
.main-footer-condensed .footer-social-networks {
	margin: 0 0 0 4px;
	display: inline-block;
}
.main-footer-condensed .footer-social-networks > li > a {
    padding: 1px;
    margin: 0;
}
.main-footer-condensed .footer-social-networks > li + li > a {
    margin-left: 4px;
}
.main-footer-condensed .footer-social-networks > li > a > .fa {
    font-size: 14px;
    line-height: 18px;
}
.main-footer-condensed .footer-menu-links + .footer-copyright {
	padding-top: 10px;
}
@media (min-width: 768px) {
	.main-footer-condensed > .container {
		display: table;
	}
	.main-footer-condensed .footer-menu-links {
		display: table-cell;
	}
	.main-footer-condensed .footer-menu-links > li {
		display: inline-block;
		margin-right: 30px;
	}
	.main-footer-condensed .footer-menu-links > li:last-child {
		margin-right: 0;
	}
	.main-footer-condensed .footer-menu-links > li > a {
		display: block;
	}
	.main-footer-condensed .footer-copyright {
		display: table-cell;
	}
	.main-footer-condensed .footer-menu-links + .footer-copyright {
		text-align: right;
		width: 260px;
		border: none;
		padding-top: 0;
	}
}

.main-footer-primary {
	padding-top: 40px;
	padding-bottom: 40px;
}
.main-footer-secondary {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 0.9em;
}
.main-footer-primary + .main-footer-secondary {
	padding-top: 20px;
	padding-bottom: 20px;
	background: color-mix(in srgb, var(--bs-footer-heading-color), transparent 85%); /* Modern browsers, no @supports fallback needed */
}

.main-footer-primary .footer-social-networks {
	margin: 25px 0 0 0;
}
.main-footer-primary .footer-social-networks > li > a {
	margin-right: 6px;
}

.footer-menu-container {
	margin-bottom: -20px;
}
@media (max-width: 767px) {
	.footer-menu-container {
		margin-top: 40px;
	}
}
.footer-menu-container.edit-layout-item-container > .btn-edit-layout-item {
	top: 4px;
}
.footer-menu-col,
.footer-contact-col {
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.footer-menu-col > ul:first-child {
		margin-top: 44px;
	}
}
@media (max-width: 991px) {
	.footer-menu-col:nth-child(2n+1),
	.footer-contact-col:nth-child(2n+1) {
		clear: left;
	}
	.footer-menu-container.col-sm-12 > .row > .footer-menu-col:nth-child(2n+1),
	.footer-menu-container.col-sm-12 > .row > .footer-contact-col:nth-child(2n+1) {
		clear: none;
	}
	.footer-menu-container.col-sm-12 > .row > .footer-menu-col:nth-child(3n+1),
	.footer-menu-container.col-sm-12 > .row > .footer-contact-col:nth-child(3n+1) {
		clear: left;
	}
	.footer-menu-container.col-sm-12 > .row > .footer-menu-col:first-child,
	.footer-menu-container.col-sm-12 > .row > .footer-contact-col:first-child {
		margin-top: 0;
	}
}
@media (min-width: 992px) {
	.footer-menu-col:nth-child(3n+1),
	.footer-contact-col:nth-child(3n+1) {
		clear: left;
	}
	.footer-menu-container.col-sm-12 > .row > .footer-menu-col:nth-child(3n+1),
	.footer-menu-container.col-sm-12 > .row > .footer-contact-col:nth-child(3n+1) {
		clear: none;
	}
	.footer-menu-container.col-sm-12 > .row > .footer-menu-col:nth-child(4n+1),
	.footer-menu-container.col-sm-12 > .row > .footer-contact-col:nth-child(4n+1) {
		clear: left;
	}
}

.footer-contact-col > p > a,
.footer-contact-col > p > a:hover,
.footer-contact-col > p > a:focus-visible {
    color: inherit;
}

.main-footer-primary .footer-menu-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-footer-primary .footer-menu-container > .footer-menu-links {
	margin-bottom: 20px;
}
.main-footer-primary .footer-menu-links > li {
	margin-bottom: 4px;
}
.main-footer-primary .footer-menu-links > li > a {
	display: inline-block;
	padding-left: 18px;
	position: relative;
}
.main-footer-primary .footer-menu-links > li > a:before {
	content: "\f054"; /* fa-chevron-right */
	font-family: "FontAwesome";
	font-size: 0.85em;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	line-height: 1.7em;
}

.footer-site-description a,
.footer-copyright a {
	color: inherit;
	text-decoration: underline;
}

.footer-prefs {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-prefs + .footer-copyright {
	margin-top: 20px;
}
.footer-prefs > li {
	display: inline-block;
	margin-right: 30px;
}
.footer-prefs > li:last-child {
	margin-right: 0;
}
.footer-prefs > li > a > .fa {
	margin-right: 6px;
}
.footer-prefs > li > a > .caret {
	margin-left: 6px;
}
@media only screen and (min-width: 768px) {
	.footer-prefs {
		float: right;
		margin-left: 30px;
	}
	.footer-prefs:last-child {
		float: none;
		margin-left: 0;
	}
	.footer-prefs > li > .dropdown-menu {
		left: auto;
		right: 0;
	}
	.footer-prefs:last-child > li > .dropdown-menu {
		left: 0;
		right: auto;
	}
	.footer-prefs + .footer-copyright {
		margin-top: 0;
	}
}
.footer-prefs > li > a,
.footer-prefs > li > a:hover,
.footer-prefs > li > a:focus-visible {
    color: inherit;
}

.footer-site-description > img {
	max-width: 100%;
}

/* << End footer */

/* ===== Cookie message ===== */

#msg-cookie
{
	padding: 8px 0;
	font-size: 1em;
	background: var(--bs-cookie-bar-bg);
	color: var(--bs-cookie-bar-color);
}

#msg-cookie-close
{
	float: right;
	background-image: url('../../../Images/YoudipityAuthor/close-cookie-msg.png');
	background-position: right 50%;
	background-repeat: no-repeat;
	padding-right: 16px;
	display: inline-block;
}

#msg-cookie > .container > a,
#msg-cookie > .container > a:hover,
#msg-cookie > .container > a:focus-visible,
#msg-cookie > .container-fluid > a,
#msg-cookie > .container-fluid > a:hover,
#msg-cookie > .container-fluid > a:focus-visible {
    color: inherit;
    text-decoration: underline;
}

/* ===== Message for missing HTTPS configuration ===== */

#msg-nohttps
{
	padding: 5px 0;
	font-size: 0.9em;
	color: #FFFFFF;
	background-color: #CC0000;
	box-shadow: 0 -5px 14px 0 rgba(0, 0, 0, 0.3) inset;
}

/* showcase */
.product_showcase
{
    position: relative;
	text-align: left;
	margin-bottom: 20px;
}

.prod_showcase_thumbs {
	border: solid #dddddd 1px;
	margin: -12px auto 0 auto;
	font-size: 0; /* collapse white space size between items: this is required because jQuery.sortable completely remove whitespace text nodes during drag & drop which makes items stick to each other. */
	border-radius: 5px;
	padding: 6px 3px 0 3px;
}

@media only screen and (max-width: 480px) {
	.product_showcase {margin-left: -15px; margin-right: -15px; border-radius: 0; border-left: 0; border-right: 0;}
	.prod_showcase_thumbs { margin-left: 20px; margin-right: 20px;}
}

.productwizard_showcase .prod_showcase_thumbs{
	padding: 0;
	margin: 0 0 -6px 0;
	border: 0;
}

.prod_showcase_thumbs li{
	/* Add spacing between the elements to eliminate the removed white space by jQuery.sortable */
	margin-left: 3px !important;
	margin-right: 3px !important;
	margin-bottom: 6px !important;
	vertical-align: top;
}
.productwizard_showcase .prod_showcase_thumbs li{
	/* Add spacing between the elements to eliminate the removed white space by jQuery.sortable */
	margin-left: 0px !important;
	margin-right: 6px !important;
}
.prod_showcase_thumbs li.sortable-placeholder {
	background-color: #e8e8e8;
	border-radius: 4px;
	width: 0;
	min-width: 0;
}
.productwizard_showcase .prod_showcase_thumbs li.sortable-placeholder
{
	background-color: #e0e0e0;
}

.fa-stack > .fa-plus
{
	text-shadow: -2px -2px 0 #FFF, 0 -2px 0 #FFF, 2px -2px 0 #FFF, 2px 0 0 #FFF, 2px 2px 0 #FFF, 0 2px 0 #FFF, -2px 2px 0 #FFF, -2px 0 0 #FFF; /* Adds the effect of a 2px outline */
	left: auto;
}

.well .fa-stack > .fa-plus
{
	text-shadow: -2px -2px 0 #F5F5F5, 0 -2px 0 #F5F5F5, 2px -2px 0 #F5F5F5, 2px 0 0 #F5F5F5, 2px 2px 0 #F5F5F5, 0 2px 0 #F5F5F5, -2px 2px 0 #F5F5F5, -2px 0 0 #F5F5F5; /* Adds the effect of a 2px outline */
}

.fa-stack-add-photo-camera > .fa-plus
{
	margin-left: 0.1em;
	margin-top: 0.8em;
}

.fa-stack-add-picture > .fa-plus
{
	margin-left: 0.05em;
	margin-top: 0.75em;
}

.fa-stack-add-video > .fa-plus
{
	margin-left: 0.05em;
	margin-top: 0.95em;
}

.fa-stack-add-link > .fa-plus
{
	margin-left: -0.35em;
	margin-top: 0.7em;
}

.set_image_field .fa-stack-add-picture
{
	margin-top: -4px;
	margin-left: -1px;
}

.set_image_field .fa-stack-add-video
{
	margin-top: -5px;
	margin-left: -2px;
}

.set_image_field .fa-stack-add-link
{
	margin-top: -3px;
}

.prod_showcase_thumbs li a {
	position: relative;
	background: #ffffff;
	border-radius: 4px;
	padding: 3px;
	min-width: 30px;
	height: 60px;
	line-height: 52px;
	text-align: center;
	display: block;
	border: 1px solid #dddddd;
	outline-offset: -2px;
}

.prod_showcase_thumbs li.video a:before {
	content: "\f04b";  /* fa-play */
	display: block;
	font: normal normal normal 22px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	filter: drop-shadow(2px 2px 1px #333);
	color: #FFFFFF;
	pointer-events: none;
}

.productwizard_showcase .prod_showcase_thumbs li a {
    min-width: 40px;
    height: 80px;
    line-height: 72px;
}

.productwizard_showcase .prod_showcase_thumbs li.sortable-placeholder {
	height: 80px;
    line-height: 72px;
	width: 0;
	min-width: 0;
}

.set_image_field {
	background: transparent;
	display: block;
	border-radius: 5px;
	text-align: center;
}

.prod_showcase_thumbs li.set_image_field > .btn {
	background: transparent;
	line-height: 54px;
	width: 60px;
	font-size: 14px;
	border-style: dashed;
	border-color: #dddddd;
    margin: 0;
    padding: 2px 10px;
    float: left;
	outline-offset: -2px;
	border-radius: 4px;
}

.productwizard_showcase .prod_showcase_thumbs li.set_image_field > .btn {
    line-height: 74px;
	width: 80px;
}

.prod_showcase_thumbs li.set_image_field > .popover-image-link {
	width: auto;
	border-color: transparent;
	margin-left: 6px;
}

.prod_showcase_thumbs li a img.media-object {
	display: inline-block;
	max-width: 150px;
	max-height: 100%;
}

.productwizard_showcase .prod_showcase_thumbs li a {
    border-color: #cccccc;
}

.prod_showcase_thumbs li.active a {
	border-color: var(--bs-primary);
	border-width: 2px;
	padding: 2px;
}

.prod_showcase_thumbs li .del {
	position: absolute;
    padding: 0;
    right: 6px;
    top: 6px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
}

@media (hover: hover) and (pointer: fine) { /* Detect non-touch based device, inspired by https://css-irl.info/detecting-hover-capable-devices/ */
	/* On devices which support hover, only show the delete button on hover or focus */
	.prod_showcase_thumbs li .del
	{
		opacity: 0;
		transition: opacity ease-in-out .15s;
	}

	.prod_showcase_thumbs li:hover .del
	{
		opacity: 1;
	}
}

/* list-thumbs */

.list-thumbs
{
	padding-left: 0;
	list-style: none;
	margin: -8px 0 0 -8px;
	font-size: 0;
}

.list-thumbs > li
{
	margin: 8px 0 0 8px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 3px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	min-width: 30px;
	height: 90px;
	line-height: 82px;
	background: #ffffff;
	text-align: center;
	transition: box-shadow ease-in-out .15s, border-color ease-in-out .15s;
}

.list-thumbs > li.add-item
{
	background: transparent;
    border-style: dashed;
	width: 90px;
}

.list-thumbs > li.placeholder
{
	background-color: #e0e0e0;
	border-color: #e0e0e0;
	width: 0;
	min-width: 0;
}

.list-thumbs > li.video:before
{
	content: "\f04b";  /* fa-play */
	display: block;
	font: normal normal normal 22px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	filter: drop-shadow(2px 2px 1px #333);
	color: #FFFFFF;
	pointer-events: none;
}

.list-thumbs > li.add-item > .btn-link
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.list-thumbs > li > img
{
	display: inline-block;
	max-width: 200px;
	max-height: 100%;
	border-radius: 4px;
	vertical-align: middle;
}

.list-thumbs > li > .icon-busy
{
	margin: 0;
}

.list-thumbs .btn-delete
{
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	border: 0;
	white-space: nowrap;
	padding: 9px 6px;
	font-size: 19px;
	line-height: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background: none;
	border: none;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.8), 0px 1px 8px rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 4px;
	color: #FFFFFF;
	outline-offset: -2px;
}

@media (hover: hover) and (pointer: fine) { /* Detect non-touch based device, inspired by https://css-irl.info/detecting-hover-capable-devices/ */
	/* On devices which support hover, only show the delete button on hover or focus */
	.list-thumbs .btn-delete
	{
		opacity: 0;
		transition: opacity ease-in-out .15s;
	}

	.list-thumbs > li:hover .btn-delete,
	.list-thumbs .btn-delete:focus-visible
	{
		opacity: 1;
	}
}

.add-item .fa-stack-add-picture
{
	margin-top: 2px;
	margin-left: -2px;
}

.add-item .fa-stack-add-video
{
	margin-top: -3px;
	margin-left: -2px;
}

.add-item .fa-stack-add-link
{
	margin-top: 2px;
}

/* Product price details */

.big-price p{
	margin-bottom: 15px;
}
.big-price p:last-child{
	margin-bottom: 0px;
}
.big-price p strong
{
	line-height: 1.1;
	color: var(--bs-heading-color);
	font-family: var(--bs-heading-font-family);
	font-weight: var(--bs-heading-font-weight);
	font-size: 32px;
	white-space: nowrap;
	display: inline-block;
}

.big-price .price-from
{
	display: block;
}

.big-price .price-discount
{
	display: block;
	margin-bottom: 5px;
}

.freeqtycontrol
{
	display: block;
	padding-top: 4px;
	margin-bottom: 0px;
}

.price-tiers
{
	padding: 0;
	margin-bottom: 15px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.price-tiers:last-child
{
	margin-bottom: 0;
}
.price-tiers > table
{
	margin: 0;
}
.price-tiers th:not(.text-right)
{
	padding-right: 0;
}
.price-tiers th.text-right
{
	padding-left: 0;
}
.price-tiers td.price
{
	padding-left: 0;
}
.price-hidden
{
	overflow: auto;
}
.price-hidden > .currency-watermark
{
	float: left;
	font-size: 64px;
	color: #CCCCCC;
	margin-right: 10px;
}

.price-hidden-message
{
	display: block;
	overflow: auto;
}

.price-vat-calc
{
	display: inline-block;
	vertical-align: middle;
}

#qty-total-price
{
	min-width: 75px;
	text-align: right;
}

#qty-total-other-price
{
	text-align: right;
}

.row-datetime > .col-xs-6:first-child
{
	padding-right: 8px;
}

.row-datetime > .col-xs-6:last-child
{
	padding-left: 7px;
}

/* List columns */

.list-cols-xxs-1 > li {
	flex: 0 0 calc(100% - 30px);
	max-width: calc(100% - 30px);
}

.list-cols-xxs-2 > li {
	flex: 0 0 calc(50% - 30px);
	max-width: calc(50% - 30px);
}

.list-cols-xxs-3 > li {
	flex: 0 0 calc(33.333333% - 30px);
	max-width: calc(33.333333% - 30px);
}

.list-cols-xxs-4 > li {
	flex: 0 0 calc(25% - 30px);
	max-width: calc(25% - 30px);
}

@media (min-width: 576px) {
	.list-cols-xs-1 > li {
		flex: 0 0 calc(100% - 30px);
		max-width: calc(100% - 30px);
	}

	.list-cols-xs-2 > li {
		flex: 0 0 calc(50% - 30px);
		max-width: calc(50% - 30px);
	}

	.list-cols-xs-3 > li {
		flex: 0 0 calc(33.333333% - 30px);
		max-width: calc(33.333333% - 30px);
	}

	.list-cols-xs-4 > li {
		flex: 0 0 calc(25% - 30px);
		max-width: calc(25% - 30px);
	}
}

@media (min-width: 768px) {
	.list-cols-sm-1 > li {
		flex: 0 0 calc(100% - 30px);
		max-width: calc(100% - 30px);
	}
	.list-cols-sm-2 > li {
		flex: 0 0 calc(50% - 30px);
		max-width: calc(50% - 30px);
	}
	.list-cols-sm-3 > li {
		flex: 0 0 calc(33.333333% - 30px);
		max-width: calc(33.333333% - 30px);
	}
	.list-cols-sm-4 > li {
		flex: 0 0 calc(25% - 30px);
		max-width: calc(25% - 30px);
	}
}

@media (min-width: 992px) {
	.list-cols-md-1 > li {
		flex: 0 0 calc(100% - 30px);
		max-width: calc(100% - 30px);
	}
	.list-cols-md-2 > li {
		flex: 0 0 calc(50% - 30px);
		max-width: calc(50% - 30px);
	}
	.list-cols-md-3 > li {
		flex: 0 0 calc(33.333333% - 30px);
		max-width: calc(33.333333% - 30px);
	}
	.list-cols-md-4 > li {
		flex: 0 0 calc(25% - 30px);
		max-width: calc(25% - 30px);
	}
}

@media (min-width: 1200px) {
	.list-cols-lg-1 > li {
		flex: 0 0 calc(100% - 30px);
		max-width: calc(100% - 30px);
	}
	.list-cols-lg-2 > li {
		flex: 0 0 calc(50% - 30px);
		max-width: calc(50% - 30px);
	}
	.list-cols-lg-3 > li {
		flex: 0 0 calc(33.333333% - 30px);
		max-width: calc(33.333333% - 30px);
	}
	.list-cols-lg-4 > li {
		flex: 0 0 calc(25% - 30px);
		max-width: calc(25% - 30px);
	}
}

@media (max-width: 575px) {
	.list-items-xxs-max-1 > li:nth-child(1) ~ li {
		display: none;
	}
	.list-items-xxs-max-2 > li:nth-child(2) ~ li {
		display: none;
	}
	.list-items-xxs-max-3 > li:nth-child(3) ~ li {
		display: none;
	}
	.list-items-xxs-max-4 > li:nth-child(4) ~ li {
		display: none;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.list-items-xs-max-1 > li:nth-child(1) ~ li {
		display: none;
	}
	.list-items-xs-max-2 > li:nth-child(2) ~ li {
		display: none;
	}
	.list-items-xs-max-3 > li:nth-child(3) ~ li {
		display: none;
	}
	.list-items-xs-max-4 > li:nth-child(4) ~ li {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.list-items-sm-max-1 > li:nth-child(1) ~ li {
		display: none;
	}
	.list-items-sm-max-2 > li:nth-child(2) ~ li {
		display: none;
	}
	.list-items-sm-max-3 > li:nth-child(3) ~ li {
		display: none;
	}
	.list-items-sm-max-4 > li:nth-child(4) ~ li {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.list-items-md-max-1 > li:nth-child(1) ~ li {
		display: none;
	}
	.list-items-md-max-2 > li:nth-child(2) ~ li {
		display: none;
	}
	.list-items-md-max-3 > li:nth-child(3) ~ li {
		display: none;
	}
	.list-items-md-max-4 > li:nth-child(4) ~ li {
		display: none;
	}
}

@media (min-width: 1200px) {
	.list-items-lg-max-1 > li:nth-child(1) ~ li {
		display: none;
	}
	.list-items-lg-max-2 > li:nth-child(2) ~ li {
		display: none;
	}
	.list-items-lg-max-3 > li:nth-child(3) ~ li {
		display: none;
	}
	.list-items-lg-max-4 > li:nth-child(4) ~ li {
		display: none;
	}
}

/* Swiper */

.swiper {
	padding: 5px;
	margin: -5px;
}

.swiper-slide {
	height: auto;
}

.swiper-button-next,
.swiper-button-prev {
    color: inherit;
	font-size: 30px;
	opacity: 0.7;
	transition: opacity ease-in-out .15s;
	text-shadow: 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF, 0 0 2px #FFFFFF;
}

.text-light .swiper-button-next,
.text-light .swiper-button-prev {
	text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.swiper-button-next:focus-visible,
.swiper-button-prev:focus-visible {
	color: inherit;
	opacity: 1;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    content: "";
}

/* Product list */

.product-list {
	padding-left: 0;
	list-style: none;
	margin-bottom: 20px;
}

.product-list-item {
	display: flex;
	flex-direction: row;
	padding: 20px 0;
	border-top: solid #eeeeee 1px;
}
.product-list-item:last-child {
	border-bottom: solid #eeeeee 1px;
}

.product-list-item-thumb {
	width: 115px;
	padding-right: 15px;
	flex-shrink: 0;
}
.product-list-item .thumbMedium {
	border-radius: 4px;
	display: block;
	max-width: 100px;
}

.product-list-item-body {
	display: flex;
	flex-direction: column;
	width: calc(100% - 115px); /* Required for word-wrap on child elements to work properly */
}

.product-list-item-details {
	word-wrap: break-word;
}

.product-list-item-details:last-child {
	margin-bottom: -8px; /* Compensate for margin-bottom of last child */
}

.product-list-item-details > p {
	margin-bottom: 8px;
}

.product-list-item-name {
	font-size: 1.1428em;
	line-height: 1.42857143;
	margin: -2px 0 8px 0;
}

.product-list-item-vendor {
	margin: -6px 0 8px 0;
	color: #777777;
}
.product-list-item-vendor > .fa-map-marker {
  color: var(--bs-primary);
}

.product-list-item-meta {
	word-wrap: break-word;
	margin-bottom: -8px; /* Compensate for margin-bottom of last child */
}

.product-list-item-price {
	display: block;
	margin-bottom: 8px;
	color: var(--bs-product-price-color);
}
.product-list-item-price > small {
	margin-left: 4px;
	display: inline-block;
}

.product-list-item-discount {
	display: block;
	margin-top: -4px;
	margin-bottom: 8px;
	color: var(--bs-product-price-color);
}

.product-list-item-rating {
	margin-bottom: 8px;
}
.product-list-item-rating > .rate_button {
    font-size: 107.2%;
    vertical-align: baseline;
}
.product-list-item-rating > .rate_button:nth-child(5) {
	margin-right: 4px;
}
.product-list-item-rating .rate_count {
	display: block;
	font-size: 85%;
	color: #777777;
}

.product-list-item-button {
	margin-top: 8px;
	margin-bottom: 8px;
	min-width: 135px;
}

@media (min-width: 576px) {
	.product-list-item-thumb {
		width: 165px;
	}
	.product-list-item .thumbMedium {
		max-width: 150px;
	}
	.product-list-item-body {
		width: calc(100% - 165px);
	}
}

@media (min-width: 768px) {
	.product-list-item-body {
		flex-direction: row;
	}

	.product-list-item-details {
		width: 100%; /* Required for word-wrap on child elements to work properly */
	}
	.product-list-item-details:not(:last-child) {
		width: calc(100% - 150px); /* Required for word-wrap on child elements to work properly */
		margin-bottom: -8px; /* Compensate for margin-bottom of last child */
	}

	.product-list-item-meta {
		width: 150px;
		padding-left: 15px;
		display: flex;
		flex-shrink: 0;
		flex-direction: column;
		text-align: center;
	}

	.product-list-item-price {
		margin-top: 0;
		order: 0;
		font-size: 1.1428em;
		line-height: 1.42857143;
	}
	.product-list-item-price > small {
		display: block;
		font-size: 75%;
	}

	.product-list-item-rating {
		order: 1;
	}

	.product-list-item-button {
		display: block;
		min-width: auto;
		order: 2;
		margin-top: auto;
		margin-bottom: 8px;
		white-space: normal;
	}
}

/* Product card list */

.product-card-list {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -15px 0 -15px; /* compensate for positive margin for inner li */
}

.product-card-list.swiper-wrapper {
	flex-wrap: nowrap;
	justify-content: normal;
	margin-left: 0;
	margin-right: 0;
}

.product-card {
	color: var(--bs-body-color);
	background: #ffffff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	margin: 0 15px 30px 15px;
	word-wrap: break-word;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
    transition: box-shadow 0.3s ease;
}

.swiper-wrapper > .product-card {
	margin-left: 0;
	margin-right: 0;
	flex: 0 0 auto;
	max-width: none;
}

/* We don't need to set margin for .wysiwyg-block-left as it is implicit for "justify-content: normal" */

.wysiwyg-block-center .swiper-wrapper > .product-card:first-child,
.wysiwyg-block-right .swiper-wrapper > .product-card:first-child {
	margin-left: auto;
}

.wysiwyg-block-center .swiper-wrapper > .product-card:last-child {
	margin-right: auto !important; /* !important needed to override inline style */
}

.wysiwyg-block-right .swiper-wrapper > .product-card:last-child {
	margin-right: 0 !important; /* !important needed to override inline style */
}

.product-progress-ring
{
	transform: rotate(-90deg);
}

.product-card-title .product-progress-ring
{
	width: 24px;
	height: 24px;
	float: right;
	margin-left: 4px;
}

.product-progress-ring > circle
{
	stroke: #e5e5e5;
	stroke-width: 7.5;
}

.product-progress-ring > circle + circle
{
	stroke: var(--bs-primary);
	stroke-width: 8;
}

.product-progress-completed
{
	color: #5cb85c;
}

.product-card-title .product-progress-completed
{
	font-size: 25px;
	float: right;
	margin-left: 4px;
}

.product-card:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 576px) {
	.product-card {
		width: calc(50% - 30px);
	}
}

@media only screen and (min-width: 768px) {
	.product-card {
		width: calc(33.3333% - 30px);
	}
}

@media only screen and (min-width: 1200px) {
	.product-card {
		width: calc(25% - 30px);
	}
}

.product-card-thumb {
	position: relative;
	width: 100%;
}

.product-card-thumb > .picture_frame {
	position: relative;
	width: 100%;
	padding-top: 66.6666%; /* 3:2 Aspect Ratio */
	display: block;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}

.product-card-thumb > .picture_frame:after {
	height: auto;
	top: auto;
	left: 0;
	bottom: 0;
	border-radius: 0;
	box-shadow: none;
    border-bottom: solid rgba(0,0,0,0.075) 1px;
}

.product-card-thumb > .picture_frame > img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-card-thumb.tall > .picture_frame > img,
.product-card-thumb.wide > .picture_frame > img {
	object-fit: contain;
}

.product-card-thumb-canvas {
	position: absolute;
	top: -30px;
	right: -30px;
	bottom: -30px;
	left: -30px;
	background-size: contain;
	background-position: 50% 50%;
	filter: blur(30px) brightness(1.1);
	transition: 0.5s;
}

.product-card-label {
	background-color: rgba(255, 255, 255, 0.9);
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	padding: 8px 14px;
	border-radius: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--bs-body-color);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.product-card-price {
    background-color: var(--bs-primary);
    color: var(--bs-primary-contrast-color);
	font-family: var(--bs-heading-font-family);
	font-weight: var(--bs-heading-font-weight);
    bottom: 0;
    left: 0;
    padding: 5px 15px;
    position: absolute;
    pointer-events: none;
}

.product-card-price-main:not(:last-child) {
	display: inline-block;
	padding-right: 4px;
}

.product-card-price-alt {
	opacity: 0.9;
	color: inherit;
	font-weight: normal;
	font-size: 85%;
	display: inline-block;
}

.product-card-body {
    padding: 15px;
    border-radius: 0px 0px 5px 5px;
    width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-grow: 1;
}

.product-card-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 100%;
}

.loading-container.loading .product-card-title {
	color: inherit;
}

.product-card-title:not(:last-child) {
	margin-bottom: 10px;
}

.product-card-subtitle {
	width: 100%;
	color: #777777;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: -5px;
}

.product-card-subtitle:not(:last-child) {
	margin-bottom: 10px;
}

.product-card-subtitle > .fa-map-marker {
  color: var(--bs-primary);
}

.product-card-info {
	flex-grow: 1;
	margin-top: auto;
	width: 100%;
}

.product-card-info:last-child {
	margin-bottom: -10px;
}

.product-card-discount {
	margin-bottom: 10px;
	color: #777777;
}

.product-card-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	margin-bottom: 10px;
}

.product-card-status {
	width: 100%;
	margin: -5px 0 10px 0;
	color: #777777;
}

.product-card-rating {
    width: 100%;
}

.product-card-rating:not(:last-child) {
    margin-bottom: 10px;
}

.product-card-rating > .rate_button {
    font-size: 114.2%;
    vertical-align: middle;
    margin-right: 2px;
}

.product-card-rating > .rate_button:nth-child(5) {
	margin-right: 5px;
}

.product-card-rating > .rate_count {
	display: inline-block;
	vertical-align: middle;
}

.product-card-vendor {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.product-card-rating + .product-card-vendor {
	margin-top: 5px;
}

.product-card-vendor > a {
    align-self: flex-start;
    margin-right: 10px;
}

.product-card-vendor > a > img {
    border-radius: 4px;
    min-width: 40px;
    max-height: 40px;
    max-width: 80px;
}

.product-card-vendor.product-card-vendor-profile > a > img {
    border-radius: 50%;
    max-width: 40px;
}

.product-card-vendor-title {
	flex-grow: 1;
    font-size: inherit;
    font-weight: bold;
    margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.loading-container.loading .product-card-vendor-title {
	color: inherit;
}

/* Product tiled list */
.product-tiled-list {
	clear: both;
	margin: 0 0 0 -3%;
	font-size: 0px; /* Prevent space between inline-block LI items */
}
.salesunit-tiled-list {
	margin: 0 0 0 -19px !important;
	clear: both;
}
.product-tiled-list > li {
    display: inline-block;
   	vertical-align: top;
	font-size: 14px;
	margin: 0 0 25px 3%;
	word-wrap: break-word;
	width: 22%; /* Assuming 4 products on a single line, without any content left or right of the list */
}

@media (max-width: 480px) {
	.product-tiled-list > li {
		width: 47%; /* Assuming 2 products on a single line, without any content left or right of the list */
	}
}

@media (max-width: 767px) {
	.product-tiled-list > li {
		width: 155px;
	}

	#loginbox-integrated-login
	{
		min-height: 0 !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.product-tiled-list > li {
		width: 22%; /* Assuming 4 products on a single line, without any content left or right of the list */
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.product-tiled-list > li {
		width: 22%; /* Assuming 4 products on a single line, without any content left or right of the list */
	}
}

.salesunit-tiled-list > li
{
    width: auto;
    height: 368px;
    background: white;
    border: 1px solid white;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 10px;
	margin: 0 0 35px 19px;
	text-align: center;
    transition: box-shadow 0.3s ease;
}

.salesunit-tiled-list > li:hover
{
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.product-tiled-list > li .icon
{
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
}
.product-tiled-list > li.highlight,
.product-tiled-list > li.selected
{
	position: relative;
	color: #FFFFFF;
}
.product-tiled-list > li.highlight:before,
.product-tiled-list > li.selected:before
{
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 5px;
    background-color: var(--bs-primary);
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
}

.product-tiled-list .price{
	color: var(--bs-product-price-color);
}

.product-tiled-list .price > small {
    display: block;
}

.product_image_medium
{
    width: 100%;
    position: relative;
	margin-bottom: 5px;
}
.product_badge_br , .product_badge_bl
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 10;
	padding: 4px 5px;
	background: rgba(255,255,255,0.85);
	border-radius: 5px 0 4px 0;
	border-color: rgba(0, 0, 0, 0.04);
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

.product_badge_bl
{
	left: 0px;
	right: auto;
	border-radius: 0 5px 0 4px;
	border-width: 0px 0px 1px 1px;
}
.product_badge_bl > .fa, .product_badge_br > .fa
{
    margin: 0 !important;
    color: #5f5f5f;
    }
.product_badge_bl > .icon, .product_badge_br > .icon
{
    margin: 0 3px 0 3px !important;
    }

.user-badge {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
    color: #868686;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff;
	cursor: default;
}
a .user-badge,
.customerverification_actions .user-badge {
	cursor: pointer;
}
.user-badge > .fa {
    margin: 0 !important;
}
.thumbSmall + .user-badge {
	font-size: 1.25em;
}

.picture_frame{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.product-tiled-list > li .picture_frame
{
	max-width: 100%;
	}
.picture_frame:after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
    pointer-events: none;
}

.well .picture_frame:after,
.content-block .picture_frame:after{
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
}

.btn-delete-image
{
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 0;
  white-space: nowrap;
  padding: 9px 6px;
  font-size: 19px;
  line-height: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.8), 0px 1px 8px rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  color: #FFFFFF;
}

.thumb-canvas-40,
.thumb-canvas-225
 {
    display: inline-block;
	background-color: White;
	border-radius: 4px;
	font-size: 0;
	text-align: center;
    vertical-align: middle;
}

.thumb-canvas-40 > img,
.thumb-canvas-225 > img
{
	border-radius: 4px;
}

.thumb-canvas-40
{
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.thumb-canvas-40 > img
{
	max-width: 40px;
	max-height: 40px;
}

.thumb-canvas-225
{
	width: 225px;
	height: 225px;
	line-height: 225px;
	height: 225px;
	margin-bottom: 10px;
}
.thumb-canvas-225 > img
{
	max-width: 225px;
	max-height: 225px;
}

.filetype-canvas
{
	background-color: #EFEFEF;
	border-radius: 5px;
	color: #797979;
	display: inline-block;
	text-align: center;
	max-width: 100%;
}
.filetype-canvas.thumbSmall
{
	width: 60px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
}
.filetype-canvas.thumbMedium
{
	width: 150px;
	height: 100px;
	line-height: 100px;
	font-size: 44px;
}

.filetype-icon
{
	display: inline-block;
	text-align: center;
	max-width: 100%;
}

.filetype-icon.thumbSmall
{
	width: 60px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
}

.filetype-icon.thumb-48
{
	width: 48px;
	height: 40px;
	line-height: 40px;
	font-size: 40px;
}

.filetype-icon.thumbMedium
{
	width: 150px;
	height: 100px;
	line-height: 100px;
	font-size: 100px;
}

.filetype-icon > .fa
{
	vertical-align: top;
}

.filetype-canvas > .tscon,
.filetype-icon > .tscon
{
	vertical-align: -0.1em;
}

.product-tiled-list > li > h3 {
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.product-tiled-list > li.highlight > h3 > a,
.product-tiled-list > li.selected > h3 > a {
	color: inherit;
}

.product-tiled-list > li > p {
	margin: 0;
}
.salesunit-tiled-list > li > h3 {
	height: 24px;
	font-size: 19px;
	line-height: 22px;
	margin: 5px 0 10px 0;
	overflow: hidden;
	width: 225px;
}
.salesunit-tiled-list > li > p {
	height: 40px;
	width: 225px;
	overflow: hidden;
	margin-bottom: 15px;
}

.page-description
{
	margin: 0 0 20px 0;
}

img.ajax-loader-16 {
	width: 16px;
	height: 16px;
}

img.ajax-loader-24 {
	width: 24px;
	height: 24px;
}

.btn.spinning
{
	padding-right: 36px;
	position: relative;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, padding ease-in-out 0.15s;
}

.btn.spinning:after
{
    content: '';
    position: absolute;
    top: 50%;
	margin-top: -8px;
    right: 12px;
    width: 16px;
    height: 16px;
	opacity: 0;
    -webkit-mask-image: url('images/ajax-loader.svg');
    mask-image: url('images/ajax-loader.svg');
    -webkit-mask-size: 16px 16px;
	mask-size: 16px 16px;
	background-color: currentColor;
	animation: opacityFade .15s ease-in-out .10s forwards;
}

.btn:has(input:focus-visible) {
	box-shadow: 0 0 0 3px var(--bs-btn-focus-box-shadow-color);
}

.btn:not(.active):has(input:focus-visible) {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-focus-border-color, var(--bs-btn-hover-border-color));
}

.btn-icon {
	padding: 0 2px;
	border: 0;
	vertical-align: baseline;
}

.btn-link-plain {
	padding: 0;
	border: none;
	font-size: inherit;
	line-height: inherit;
	vertical-align: inherit;
}

.pending-action-info > .btn-link-plain {
	margin-left: 10px;
}

.btn-return-home {
	margin-top: 5px;
}

.btn-group svg {
	vertical-align: top;
}

.btn-group-content-block-layout svg {
	margin: 4px 0 2px 0;
}

.layout-alignment {
	fill: currentColor;
}

.nav-pills.nav-stacked > li > a {
    border-radius: 3px;
    line-height: 19px;
    padding: 6px 0 6px 0;
    border: 1px solid transparent;
}
.nav-pills.nav-stacked > li > a:hover, .nav-pills.nav-stacked > li > a:focus-visible{background-color: transparent; text-decoration: underline;}
.nav-pills.nav-stacked > .active > a, .nav-pills.nav-stacked > .active > a:hover, .nav-pills.nav-stacked > .active > a:focus-visible{
	border: 1px solid #DADADA;
	background: #ededed;
	background: linear-gradient(to bottom, #FFFFFF, #ededed);
	color: black;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
}

.fa-muted
{
	opacity: 0.85;
	color: inherit;
}
.nav-list .fa {
	margin-right: 8px;
}

.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: -2px 7px 0 0;
	vertical-align: middle;
}

.icon-busy {
	background-image: url('images/ajax-loader.svg');
	background-position: left top;
	background-size: 16px 16px;
}

.btn > .icon-busy {
	background: currentColor;
	-webkit-mask-image: url('images/ajax-loader.svg');
	mask-image: url('images/ajax-loader.svg');
	-webkit-mask-size: 16px 16px;
	mask-size: 16px 16px;
	vertical-align: -3px;
}

.btn-lg > .icon-busy {
	width: 20px;
	height: 20px;
	-webkit-mask-size: 20px 20px;
	mask-size: 20px 20px;
	vertical-align: -4px;
}

.btn-lg > .submit_icon {
	width: 20px;
}

.btn:not(.btn-xs) + .icon-busy {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 10px;
    height: 34px;
    background-position: center;
}

.content-block-plain > .btn:not(.btn-xs) + .icon-busy,
.form-group-buttons > .btn:not(.btn-xs) + .icon-busy,
.form-footer-inner > .btn:not(.btn-xs) + .icon-busy {
    margin-left: 4px;
}

.btn.pull-left + .icon-busy.pull-left {
    margin-left: 14px;
}

.bootstrap-switch ~ .icon.icon-busy {
	margin-left: 10px;
}

#modalConfirmTitle > .icon-busy {
	margin-left: 8px;
}

.btn > .icon:last-child {
	margin: 0;
}

.icon_share_alt2
{
    background: url('images/icon_glyph_share2.png') no-repeat left top;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 0 0 0;
    }
.icon_Dipity
{
	background-image: url('../../../Images/YoudipityAuthor/icon_Dipity.png');
}

.icon_Document
{
	background-image: url('../../../Images/YoudipityAuthor/icon_Document.png');
}

.icon_Picture
{
	background-image: url('../../../Images/YoudipityAuthor/icon_Picture.png');
}

.icon_Video
{
	background-image: url('../../../Images/YoudipityAuthor/icon_Video.png');
}

.icon_Flash
{
	background-image: url('../../../Images/YoudipityAuthor/icon_Flash.png');
}

.icon_Audio
{
	background-image: url('../../../Images/YoudipityAuthor/icon_Audio.png');
}

.icon_All
{
	background-image: url('../../../Images/YoudipityAuthor/icon_all.png');
}

.icon_SharedWithMe
{
	background-image: url('../../../Images/YoudipityAuthor/icon_shared.png');
}

.icon_OwnedByMe
{
	background-image: url('../../../Images/YoudipityAuthor/icon_owner.png');
}
.icon_favorite
{
		background-image: url('images/icon_favorite.png');
}

.icon_user{background: url('images/icon_white_user.png');}
.icon_url{background: url('images/icon_white_url.png');}
.icon_globe{background: url('images/icon_white_globe.png');}
.icon_cart{background: url('images/icon_white_cart.png');}

th.text-left, td.text-left {
  text-align: left;
}
th.text-right, td.text-right {
  text-align: right;
}
th.text-center, td.text-center {
  text-align: center;
}
th.text-nowrap, td.text-nowrap
{
	white-space: nowrap;
}

th.text-break-word, td.text-break-word
{
	word-wrap: anywhere;
}

.text-small
{
	font-size: 85%;
}

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

.text-wrap
{
	white-space: normal;
}

.text-break-word
{
	word-wrap: break-word;
}

.text-striked
{
	text-decoration: line-through;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	border-color: #dddddd;
}

.table > tbody:first-child > tr:first-child > td,
.table > colgroup + tbody > tr:first-child > td {
	border-top-width: 0; /* Cells in table without header should not have line on top */
}

.table-row-link {
	cursor: pointer;
}

.yd-table
{
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-bottom: 20px;
    clear: both;
    display: inline-block;
    vertical-align: top;
    min-width: 100%;
    }
.yd-table table
{
    margin-bottom: 0;
    }

.table-sort-indicator
{
	margin-left:5px;
	color: #B6B6B6;
}

.modal-body > .yd-table:last-child
{
    margin-bottom: 0;
}
.yd-table thead th
{
    background: #f2f2f2;
	vertical-align: middle;
    }
.yd-table thead th:first-child
{
	border-top-left-radius: 5px; /* prevent overflow troubles with gradient*/
}
.yd-table thead th:last-child
{
	border-top-right-radius: 5px; /* prevent overflow troubles with gradient */
}
.yd-table input, .yd-table select{margin-bottom: 0;}


.yd-table > .table > thead > tr > th
{
	border-bottom-width: 1px;
	vertical-align: top;
}

/* yd sortable List */

.yd-list
{
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-bottom: 20px;
}

.yd-list-header
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	border-bottom: 1px solid #dddddd;
    background: #f2f2f2;
	border-radius: 4px 4px 0 0; /* prevent background overflow */
    padding: 8px;
	position: sticky;
	top: var(--header-condensed-height, var(--navbar-height));
	z-index: 995;
}

.modal .yd-list-header
{
	top: 0;
}

.yd-list-header:has(.open)
{
	z-index: 996;
}

.yd-list-header:not(:has(+ ul > li))
{
	border-radius: 4px 4px 4px 4px; /* prevent background overflow */
}

.yd-list-header-buttons
{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.yd-list-header > h3
{
	margin-right: auto;
	align-self: center;
}

.yd-list > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.yd-list > .yd-list-header + ul
{
	margin-top: -1px;
}

.yd-list > ul > li
{
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #DDDDDD;
    background-color: #FFFFFF;
    padding: 8px;
    position: relative;
    clear: both;
}

.yd-list > ul > li > ul,
.yd-list > ul > li > ul > li > ul
{
  margin: 8px 0 -8px 0;
  padding: 0;
  list-style: none;
}

.yd-list > ul > li > ul > li,
.yd-list > ul > li > ul > li > ul > li
{
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #DDDDDD;
    background-color: #FFFFFF;
    line-height: 20px;
    padding: 8px;
    position: relative;
    clear: both;
    margin: 0 -8px 0 0;
}

.yd-list li.placeholder-error {
	background-color: #ebccd1;
}
.yd-list li.placeholder-error > .fa:before {
	color: #a94442;
	content: "\f05e"; /* fa-ban */
}

.yd-list > ul.ui-sortable > li.sortable,
.yd-list > ul.productAttributeSettingsList > li
{
    padding: 8px 8px 8px 22px;
}

.yd-list > ul.ui-sortable > li.sortable > ul > li.sortable
{
    padding: 8px 8px 8px 22px;
}

.yd-list > ul:first-child > li:first-child:not(.ui-sortable-helper),
.yd-list > ul:first-child > li:first-child.ui-sortable-helper + li
{
    border-width: 0 0 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.yd-list > ul > li:last-child:not(.ui-sortable-helper),
.yd-list > ul > li:has(+ .ui-sortable-helper:last-child)
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.yd-list > ul > li:last-child > ul > li:last-child:not(.ui-sortable-helper),
.yd-list > ul > li:last-child > ul > li:has(+ .ui-sortable-helper:last-child),
.yd-list > ul > li:has(+ .ui-sortable-helper:last-child) > ul > li:last-child
{
    border-bottom-right-radius: 5px;
}

.yd-list li.ui-sortable-helper
{
    border-width: 1px 0 1px 0;
}

.yd-list li.ui-sortable-helper.contentitem,
.yd-list li.ui-sortable-helper.contentsection,
.yd-list li.ui-sortable-helper[data-type="category"],
.yd-list li.ui-sortable-helper[data-type="type"]
{
    border-width: 1px;
    overflow: hidden;
}

.newslettersList td.col-type
{
	width:200px;
}

.newslettersList td.col-edit
{
	width: 1px;
}

.sort-handle {
	display: none;
	width: 21px;
	height: 100%;
	background-image: url('images/drag_handle.png');
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	cursor: grab;
}

li.active .sort-handle
{
	-webkit-filter: invert(1);
	filter: invert(1);
}

ul.ui-sortable .sort-handle
{
	display: inline-block;
}

tbody.ui-sortable td.sortable {
	position: relative;
	padding-left: 22px;
}

tbody.ui-sortable .sort-handle {
	display: inline-block;
}

tbody.ui-sortable .ui-sortable-helper {
	display: table;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #dddddd;
	border-radius: 5px;
	background-color: #ffffff;
}

.ui-sortable-helper, .ui-sortable-helper .sort-handle, .sort-handle:active
{
	cursor: grabbing;
}

.list-group-readonly > .list-group-item
{
	background-color: #eeeeee;
}

.form-group .list-group
{
	margin-bottom: 7px;
}

.form-group .list-group-item
{
	padding: 8px;

}

.list-group.ui-sortable > .list-group-item.sortable
{
    padding-left: 22px;
}

.list-group.ui-sortable > .list-group-item.ui-sortable-helper
{
	border-radius: 0;
	margin-bottom: 0;
}

.list-group-item:first-child.ui-sortable-helper + .list-group-item
{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.list-group ~ .btn-link,
.list-group ~ .btn-group > .btn-link
{
	padding: 0;
}

.form-control + .btn-link:not(.form-control-feedback),
.form-control + .btn-group > .btn-link:not(.form-control-feedback)
{
	padding: 0;
	margin-top: 7px;
}

.btn-group-insert-placeholder:not(:last-child)
{
	margin-right: 6px;
}

.list-group-item > .btn-link
{
	padding: 6px;
    position: absolute;
    top: 50%;
	transform: translate(0, -50%);
    right: 1px;
	outline-offset: -1px;
}

@media (hover: hover) and (pointer: fine) { /* Detect non-touch based device, inspired by https://css-irl.info/detecting-hover-capable-devices/ */
	/* On devices which support hover, only show the delete button on hover or focus */
	.list-group-item > .btn-link
	{
		opacity: 0;
		transition: opacity ease-in-out .15s;
	}

	.list-group-item:hover > .btn-link,
	.list-group-item:focus-within > .btn-link,
	.list-group-item.ui-sortable-helper > .btn-link,
	.list-group-item > .btn-link:focus-visible
	{
		opacity: 1;
	}
}

.list-group-item > .btn-link + .btn-link
{
    transform: translate(calc(-100% + 4px), -50%);
}

/* .passport */

.passport #pass-userdetails ul {
    margin-top: 10px;
}

.passport-loggedin {
	padding: 25px;
}

@media only screen and (max-width: 991px) {
	.passport-loggedin {
		padding: 30px 15px;
	}
}

.passport #pass-loggedin {
	position: relative;
	padding-left: 75px;
	margin-top: -3px;
}

.passport #pass-loggedin .picture_frame {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	background: #eeeeee;
	margin: 3px 0 0 0;
	border-radius: 5px;
	overflow: hidden;
}

.passport .picture_frame > img {
	width: 100%;
}

.passport .pass-user-image{
	float: left;
	width: 60px;
	height: 60px;
}

.passport #pass-loggedin-username {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	display: block;
	margin: 0 0 3px 0;
	width: 275px;
	word-wrap: break-word;
}

.passport #pass-loggedin-loginid,
.passport #pass-loggedin-headline,
.passport #pass-loggedin-credits {
	color: #999999;
	display: block;
	width: 275px;
	word-wrap: break-word;
}

.passport #pass-loggedin-loginid {
	margin-top: 5px;
}

.passport #pass-loggedin-headline {
	margin-top: 5px;
	max-height: 108px;
	font-size: 90%;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.passport hr {
	margin-top: 25px;
	margin-bottom: 25px;
}

.pass-account-links {
	margin-top: -4px;
	margin-bottom: -8px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 350px;
}
.pass-account-links-list {
	position: relative;
	padding-right: 8px;
	width: 50%;
}
.pass-account-links-list + .pass-account-links-list {
	padding-right: 0;
	padding-left: 8px;
}
.pass-account-links-list > li {
	margin-bottom: 4px;
}
.pass-account-links-list > li > a {
	display: inline-block;
	position: relative;
	padding: 4px 0 4px 24px;
	max-width: 100%;
	word-wrap: break-word;
}
.pass-account-links-list > li > a > .fa {
    opacity: 0.7;
    margin-left: -24px;
    position: absolute;
    line-height: inherit;
    color: #555555;
}
.pass-account-links-list > li > a:hover > .fa {
    opacity: 1;
}
.pass-account-links-list > li > a > .ts-youdipity {
	vertical-align: -1px;
}
.pass-account-links-list > li > a > .ts-youdipity:before {
	font-size: 1.1428em;
}
.pass-account-links-list > li > a > .thumb-spacer {
	display: block;
    position: absolute;
    margin-left: -24px;
	width: 18px;
	line-height: 18px;
	text-align: center;
}
.pass-account-links-list > li > a > .thumb-spacer .thumb {
	max-width: 18px;
	max-height: 18px;
	border-radius: 4px;
}

@media only screen and (max-width: 991px) {
	.pass-account-links {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.pass-account-links {
		margin-top: -8px;
	}
	.pass-account-links-list,
	.pass-account-links-list + .pass-account-links-list {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.pass-account-links-list > li > a {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.pass-account-links {
		flex-direction: column;
	}
}

.pass-account-links-header {
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 0.5px;
	display: block;
	margin-bottom: 10px;
	margin-top: -15px;
	color: #999999;
}
@media only screen and (max-width: 991px) {
	.pass-account-links-header {
		font-size: 16px;
		font-weight: normal;
		color: inherit;
		margin-top: 0;
	}
}

#pass-action-logout {
	display: inline-block;
}
#pass-action-logout > i {
    opacity: 0.7;
    margin-left: 6px;
}

#pass-action-logout > .icon {
    margin-left: 6px;
}

#pass-action-logout:hover, #pass-action-logout:hover i {
    opacity: 1;
}

/* Loginbox for login page */

#loginbox-integrated-register .content-block
{
	margin-bottom: 20px;
}
#loginbox-integrated-register .content-block:last-child
{
	margin-bottom: 0;
}

#loginbox-integrated-register ul
{
	margin-bottom: 0;
}

#loginbox-integrated-login h2,
#loginbox-integrated-register h2
{
    font-size: 20px;
    line-height: inherit;
}

#loginbox-integrated-login .form-group
{
	position: relative;
}

#loginbox-integrated-login .form-group input
{
	margin-bottom: 0;
}

#loginbox-login-loginid.input-xlarge,
#loginbox-login-password.input-xlarge
{
	box-sizing: border-box;
	height: 30px;
	width: 100%;
}
#loginbox-action-forgetme {
    color: var(--bs-body-color);
    right: 0;
    opacity: 0.35;
    padding: 6px 9px;
    position: absolute;
    top: 1px;
}
#loginbox-action-forgetme:hover{
	text-decoration: none;
}
#loginbox-login-loginid:focus + #loginbox-action-forgetme{
    opacity: 0.7;
}

#loginbox-login-button
{
	margin-bottom: 15px;
}

.snippet-page-lead
{
	margin-bottom: 20px;
}

/* modal */

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 0;
	padding: 15px;
	border-radius: 5px 5px 0 0;
}

.modal-header:before,
.modal-header:after {
  content: "";
  display: none;
}

.modal-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 21px;
	line-height: 1.2;
	font-weight: normal;
}

.modal-header .close
{
    font-size: 30px;
	line-height: 36px;
    margin: -4px -8px -8px auto;
    padding: 0px 8px;
	text-shadow: none;
}

.modal-body {
	padding: 5px 15px;
}

.modal-body:first-child {
	padding-top: 15px;
}

.modal-body:last-child {
	padding-bottom: 15px;
}

.modal-body p:last-child,
.modal-body > .content-block-plain,
.modal-body > .content-block-plain > ul {
    margin-bottom: 0;
}

.modal-body > .alert,
.modal-body .validation-summary-errors {
	margin: -5px -15px 20px -15px;
	border-width: 1px 0;
	border-radius: 0;
}

.modal-body > .alert:not(.hidden, .validation-summary-valid):has(~ .alert:not(.hidden, .validation-summary-valid)) /* 'no rights to edit' message */ {
	margin-bottom: 4px;
}

.modal-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	column-gap: 10px;
	row-gap: 10px;
    border-top: 0;
    padding: 15px;
	border-radius: 5px 5px 0 0;
}

.modal-footer:before,
.modal-footer:after {
  content: "";
  display: none;
}

.modal-footer > .btn {
	min-width: 90px;
}

.modal-footer > .btn + .btn {
  margin-left: 0;
}

.modal-footer > .icon-busy {
	margin: 0 4px;
	height: 34px;
	background-position: center;
}

.modal-footer > .btn.pull-left {
	order: -1;
	margin-left: 0;
	margin-right: auto;
}

.modal.fullscreen
{
	margin-left: 0;
}

@media (max-width: 979px)
{
	.modal.fullscreen
	{
		height: 98% !important;
	}
}

@media (min-width: 980px)
{
	.modal.fullscreen
	{
		left: 20px;
		height: calc(100% - 40px);
		width: calc(100% - 40px);
	}
}

.modal-page-layout-item .modal-body
{
	overflow: visible
}

#modal-login .modal-header
{
	padding-bottom: 0;
	padding-left: 30px;
	background: none;
}

#modal-login .modal-title
{
	font-weight: normal;
	padding-top: 15px;
	font-size: 16px;
}

#modal-login .modal-header .close {
    margin: 10px 8px -4px 0;
}

#modal-login .modal-body
{
	padding: 0 30px 30px 30px;
}

#modal-login .content-block-plain:last-child {
	margin-bottom: 0;
}

.form-horizontal .form-group-checkbox
{
	margin-top: -5px;
}

.form-horizontal .form-group-checkbox + .form-group-checkbox
{
	margin-top: -15px;
}

.tabcontentrichtext .form-horizontal .form-group-checkbox
{
	margin-top: -12px;
}

.tabcontentrichtext .form-horizontal .form-group-checkbox + .form-group-checkbox {
    margin-top: -11px;
}

.tabcontentrichtext .form-control
{
	font-size: 16px;
}

.tabcontentrichtext input.form-control
{
	height: 36px;
}

.tabcontentrichtext .select2-container--bootstrap .select2-selection--single
{
	font-size: 16px;
	height: 36px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.tabcontentrichtext input[type="date"].form-control,
	.tabcontentrichtext input[type="time"].form-control,
	.tabcontentrichtext input[type="datetime-local"].form-control,
	.tabcontentrichtext input[type="month"].form-control {
		line-height: 36px;
	}
}

.tabcontentrichtext .form-control-static {
	min-height: 36px;
}

.form-vertical fieldset + .form-group-checkbox
{
	margin-top: -10px; /* Fix non-collapsing margins due to fieldset */
}

.form-vertical fieldset + .form-group-checkbox + .form-group-checkbox
{
	margin-top: -20px; /* Fix non-collapsing margins due to fieldset */
}

#registration_submit
{
	width: 296px;
	max-width: 100%;
}

#registration_side ul,
#registration_side ul li:last-child a
{
    margin-bottom: 0;
    }

#registration_main h2,
#registration_side h2
{
    font-size: 20px;
    line-height: inherit;
}

.register-password-requirements
{
	padding-left: 20px;
	margin-bottom: 0;
}
.register-password-requirements > li:not(:last-child)
{
	margin-bottom: 10px;
}
.register-password-requirements > li > ul
{
	margin-top: 10px;
	padding-left: 30px;
}
.register-password-requirements > li > ul > li:not(:last-child)
{
	margin-bottom: 5px;
}

#registration_alreadyhaveaccount
{
	margin-top: 10px;
}

#modalOverlay.processing > .modal-body,
#modalWait > .modal-body
{
	background-image: url('images/ajax-loader.svg');
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding: 19px 19px 19px 60px
}

#resetpassword_confirmation,
#activateaccount_confirmation,
.wrapper-force-change-password
{
	max-width: 500px;
}

#forgotpassword_form,
#resetpassword_form,
#authenticate_form
{
	max-width: 500px; /* Prevent such a small form from taking too much horizontal space */
}

#forgotpassword > p,
#forgotpassword_form > p,
#resetpassword_form > p,
#resetpassword_confirmation > p,
#activateaccount_form > p,
#activateaccount_confirmation > p,
#authenticate_form > p
{
    margin-bottom: 12px;
}

#forgotpassword > p:last-child,
#forgotpassword_form > p:last-child,
#resetpassword_form > p:last-child,
#resetpassword_confirmation > p:last-child,
#activateaccount_form > p:last-child,
#activateaccount_confirmation > p:last-child,
#authenticate_form > p:last-child
{
    margin-bottom: 0;
}

.form-control-static.help-block
{
	margin-top: 0;
	margin-bottom: 0;
}

.form-control-static > ul
{
	list-style: none;
	padding-left: 1.1em;
}

.form-control-static > ul:last-child,
.form-control-static > p:last-child
{
	margin-bottom: 0;
}

.form-control-static > ul > li:before
{
	content: "\2013"; /* ndash */
	position: absolute;
	margin-left: -1.1em;
}

/* pagination */

.pagination {
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0 20px 20px 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 20px 0 0 20px;
}
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus-visible,
.pagination > li > span:focus-visible {
	color: var(--bs-primary);
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus-visible,
.pagination > li > span:focus-visible {
     z-index: 4;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus-visible,
.pagination > .active > span:focus-visible {
    color: #000000;
    font-weight: bold;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus-visible,
.pagination > .active > span:focus-visible {
    background-color: #eeeeee;
    border-color: #dddddd;
}

.content-block > .pagination {
	margin-bottom: 0px;
}

.yd-table + nav > .pagination {
	margin-top: 0;
}

/* Modal postcard */

.modalPostcard
{
	background-image: url('images/mailafriend.png');
	width: 730px;
	max-width: 730px;
	height: 440px;
	margin-left: -365px;
	overflow: visible;
}
.modalPostcard.sent:before
{
	content: url('images/stamp_en.png');
	position: absolute;
	top: 40px;
	right: 60px;
}
html[lang="nl"] .modalPostcard.sent:before
{
	content: url('images/stamp_nl.png');
}
.modalPostcard .close
{
	position: absolute;
	top: -10px;
	right: -10px;
	opacity: 1.0;
	float: none;
}

.modalPostcard .close:hover
{
	opacity: 1.0;
}

.postcard_col_left
{
	height: 400px;
	overflow: auto;
	padding: 0 12px 0 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.postcard_col_right
{
	height: 400px;
	overflow: auto;
	padding: 200px 20px 20px 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.postcard_col_right .btn
{
	right: 20px;
	bottom: 0;
	position: absolute;
}

/* Content viewer */

#contentviewer
{
	position: relative;
	overflow: hidden;
	/* We estimate next width/height ratio looks good for most content. In the future we might want to apply the ratio dynamically. */
	width: 867px;
	height: 624px;
	margin: 0 0 20px 0;
	background-color: white;

	/* apply a nice transition for toggling between small and large sizes */
	transition: width 0.2s ease-in-out 0s, height 0.2s ease-in-out 0s;
}

.content_sizelarge #contentviewer
{
	/* We estimate next width/height ratio looks good for most content. In the future we might want to apply the ratio dynamically. */
	width: 100%;
	height: 700px;
}

.content_fullscreen #contentviewer
{
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
	margin: 0 0 0 0;
	/* don't animate fullscreen toggle */
	transition: none !important;
}

html.content_fullscreen
{
	height: 100%;
}

html.content_fullscreen body
{
	overflow: hidden;
	height: 100%;
}

.content_fullscreen .navbar,
.content_fullscreen footer,
.content_fullscreen #msg-cookie,
.content_fullscreen #msg-nohttps,
.content_fullscreen .breadcrumb,
.content_fullscreen .page-header,
/* Market specific */
.content_fullscreen #content_col_left,
.content_fullscreen #right_col,
/* Author specific */
.content_fullscreen #publication_action_edit,
.content_fullscreen #publication_rightcolumn,
.content_fullscreen #publication_leftcolumn
{
	display:none;
}

.content_fullscreen #content
{
	padding: 0px !important;
}

#contentviewer_wrap
{
	position: absolute;
	border: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 46px; /* space sharing toolbar */
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #B6B6B6;
	box-sizing: border-box;
}

.content_fullscreen #contentviewer_wrap
{
	border-width:  0 0 0 0;
}

.contentviewer_frame
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

.contentviewer_placeholder
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.contentviewer_placeholder.contentviewer_nocontent
{
	background-color: #FFF79C;
	line-height: 528px; /* hack to make the content centered */
	text-align: center;
}

.contentviewer_nocontent_action_edit, .contentviewer_nocontent_converting, .contentviewer_nocontent_conversion_error
{
	display: inline-block;
	background-color: #FFFAC0;
	background-image: url('../../../Images/YoudipityAuthor/icon_open_in_editor_big.png');
    background-repeat: no-repeat;
    background-position: 35px center;
	border-radius: 50px;
    padding: 5px 35px 10px 90px;
	line-height: 1.3;
    text-decoration: none !important;
	text-align: left;
	vertical-align: text-bottom;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}

.contentviewer_nocontent_converting
{
	background-image: url('../../../Images/YoudipityAuthor/ajax-loader2.gif');
}

.contentviewer_nocontent_conversion_error
{
	background-image: url('../../../Images/YoudipityAuthor/icon_error.png');
}

.contentviewer_nocontent_action_edit_title
{
   display: block;
   color: #0076FE;
   font-size: 1.7em;
   font-weight: bold;
   text-decoration: none !important;
}

.contentviewer_nocontent_action_edit_subtitle
{
	display: block;
	color: #868686;
}

/* Bar below content */

#contentviewer_bar
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 46px;
	line-height: 44px;

	box-sizing: border-box;

	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #B6B6B6;
	border-style: solid;
	border-radius: 0px 0px 5px 5px;

	background: #F2F2F2;
	background: linear-gradient(to bottom,  #FBFBFB, #E3E3E3);
}

.content_fullscreen #contentviewer_bar
{
	border-radius: 0 0 0 0;
	border-width: 1px 0 0 0;
}

.contentviewer_share
{
	float: left;
	padding: 0px 6px 0px 12px;
	color: #6E6E6E;
}

.contentviewer_share_url,
input[type="text"].contentviewer_share_url
{
	width: 160px;
	color: #707070;
	background-color: #FFFFFF;
	cursor: pointer;
	margin-bottom: 0;
	display: inline-block;
}

.contentviewer_social_sharing
{
	float: left;
	padding: 0 12px 0 0;
	height: 100%;
}

.contentviewer_social_sharing > a
{
	display: inline-block;
	padding: 2px;
	margin-left: 2px;
}
.contentviewer_rate
{
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #B6B6B6;
	float: left;
	padding: 0px 12px;
	color: #6E6E6E;
}

.histogram-table {
	margin-bottom: 20px;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

.histogram-cell-rating,
.histogram-cell-bar,
.histogram-cell-count {
	border-width: 2px 0;
	border-style: solid;
	border-color: var(--bs-body-bg); /* Default background color, to blend-in with background */
}

.histogram-cell-rating {
	padding-right: 10px;
	width: 1%;
	white-space: nowrap;
}

.histogram-cell-bar {
	white-space: nowrap;
	background: #EEEEEE;
	border-radius: 4px;
	overflow: hidden;
	width: 98%;
}

.histogram-cell-bar > .bar {
	display: block;
	width: 0;
	background-color: var(--bs-info);
}

.histogram-cell-bar > .bar:before {
	content: "\00a0"; /* Non breaking space */
	overflow: hidden;
	display: block;
}

.histogram-cell-count {
	padding-left: 10px;
	width: 1%;
	white-space: nowrap;
}

.average-rating{margin: 0 auto 20px auto; text-align: center;}
.average-rating h3{font-size: 100%; margin: 0; font-weight: normal;}
.average-rating strong{display: block; font-size: 250%; line-height: 1.8}
.reviews-list{padding-top: 20px;}

.rate_button
{
	display: inline-block;
	font: normal normal normal 18px/1 FontAwesome;
	font-size: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.rate_button:before
{
	content: "\f006";  /* fa-star-o */
}

.rate_button.set:before {
	content: "\f005";  /* fa-star */
}

.rate_button.halfset:before {
	content: "\f123";  /* fa-star-half-o */
}

.rate_button,
.rate_button:hover,
.rate_button:focus-visible,
#action-featured > .fa {
	color: var(--bs-rating-color);
	text-decoration: none;
}

.rate_button.allunset,
.rate_button.allunset:hover,
.rate_button.allunset:focus-visible {
	color: var(--bs-rating-allunset-color);
}

.product-tiled-list .product_rating > .rate_button
{
    font-size: 100%;
    vertical-align: baseline;
    }
.product-tiled-list .product_rating > .rate_button:nth-child(5)
{
	margin-right: 4px;
	}
.product-tiled-list .product_rating > strong
{
    font-weight: normal;
    color: #999999;
    font-size: 90%;
    }

#contentviewer_togglesize
{
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #B6B6B6;

	background-image: url('../../../Images/YouDipityAuthor/icon_expand_view.png');
	background-repeat: no-repeat;
	background-position: center center;

	width: 68px;
	height: 100%;

	float: right;
}

.content_sizelarge #contentviewer_togglesize
{
	background-image: url('../../../Images/YouDipityAuthor/icon_compact_view.png');
}

.content_fullscreen #contentviewer_togglesize
{
	display: none; /* Don't allow toggling expand state, it has no effect in full screen mode */
}

#contentviewer_togglefullscreen
{
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #B6B6B6;

	background-image: url('../../../Images/YouDipityAuthor/icon_fullscreen.png');
	background-repeat: no-repeat;
	background-position: center center;

	width: 56px;
	height: 100%;

	float: right;
}

.content_fullscreen #contentviewer_togglefullscreen
{
	background-image: url('../../../Images/YouDipityAuthor/icon_fullscreen_off.png');
}

/* alerts */

.alert > p {
	margin-bottom: 10px;
}
.alert > p:last-child {
	margin-bottom: 0;
}

.alert-top {
	margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

@media only screen and (max-width: 767px) {
	.alert-top > .container {
		padding-left: 0;
		padding-right: 0;
	}
}

#plainpage .alert-top {
	margin-top: -15px;
	margin-bottom: 15px;
}

.alert-icon-left,
.alert-permissions {
	padding-left: 32px;
	padding-left: calc(1.5em + 15px);
}

.alert-icon-left > .fa,
.alert-permissions > .fa {
	position: absolute;
	margin-left: -1.5em;
	margin-top: 0.25em;
}

.alert-icon-left > .icon,
.alert-permissions > .icon {
	position: absolute;
	margin-left: -1.6em;
	margin-top: 0;
	height: 1lh;
	background-position: center center;
}

.alert-icon-left-lg {
	padding-left: 64px;
	padding-left: calc(2em + 30px);
}
.alert-icon-left-lg > .fa {
	margin-left: calc(-2em + 20px);
	margin-top: 0.25em;
	font-size: 2em;
}

.alert-toast {
    text-align: center;
}

.alert-toast .btn {
	margin-top: 5px;
}

.alert-toast .btn:not(:last-child) {
	margin-right: 5px;
}

.alert-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 30px 0 30px 0;
}

.alert-cta-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.alert-cta-title {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.4em;
	line-height: inherit;
	font-weight: bold;
	text-align: center;
	color: inherit;
}

.alert-cta-description {
	margin: 0;
	text-align: center;
}

.alert-cta-description p:last-child {
	margin-bottom: 0;
}

.alert-cta-button {
	padding: 15px 0 0 0;
}

@media only screen and (min-width: 768px) {
	.alert-cta {
		flex-direction: row;
		align-items: center;
	}

	.alert-cta-content {
		margin: 0 auto 0 0;
		align-items: flex-start;
	}

	.alert-cta-title {
		text-align: left;
	}

	.alert-cta-description {
		text-align: left;
	}

	.alert-cta-button {
		margin: 0 0 15px 0;
	}
}

/* Comments */

.content-block-feed .comments_block
{
	margin: 20px 0;
}

.comments_block .btn-group-sort,
.history_block .btn-group-sort {
	margin-bottom: 16px;
	margin-left: 16px;
}

.comments_block .btn-new {
	margin-bottom: 16px;
}

.comments_list {
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
	word-wrap: break-word;
	line-height: 1.7;
}

.comment_item > .comments_list {
	margin-left: 80px;
}

.comment_item {
	clear: both;
	position: relative;
}
.comment_item .picture_frame{position: absolute; left: 0px; top: 0px;}

.comment_form
{
	margin-left: 80px !important;
}

.comment_balloon .full_textarea
{
    margin-bottom: 10px;
    }
.review_form:first-child
{
    margin-top: 20px;
    }
#review_new_bottom
{
    margin-top: 20px;
    }
.no_comment_message_logged_in p,
.no_comment_message p{
	margin-top: 0;
	margin-bottom: 15px;
	font-style: italic;
	font-weight: bold;
}

p.no_comment_message:last-child
{
    margin-bottom: 0;
}

.login_to_comment_message_top p{
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 0;
}

.login_to_comment_message_top:last-child p{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.login_to_comment_message_bottom p{
	border-top: 1px solid #D3D3D3;
	padding-top: 20px;
	margin-bottom: 0;
}

p.to_comment_instruction{
	font-style: italic;
	font-weight: normal;
	color: #6E6E6E;
}

.bottom_reply_box .picture_frame{
	margin-top: 20px;
}

.no_comment_message + .bottom_reply_box .picture_frame,
.bottom_reply_box:first-child .picture_frame{
	margin-top: 0;
}

.bottom_reply_box .comment_form{
	border-top: 1px solid #D3D3D3;
	padding-top: 20px;
}

.no_comment_message + .bottom_reply_box .comment_form,
.bottom_reply_box:first-child .comment_form{
	border-top: none;
	padding-top: 0px;
}

.reply_block textarea + .btn{
    margin-top: 16px;
}

.top_reply_box .comment_form,
.top_history_box .comment_form{
	border-bottom: 1px solid #D3D3D3;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.top_reply_box .comment_form textarea,
.top_history_box .comment_form textarea{
	height: 64px;
}

.top_reply_box .comment_form .btn,
.top_history_box .comment_form .btn{
	display: none;
}

.comment_balloon{
	background: white;
	padding: 16px 20px;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	margin-left: 80px;
	margin-bottom: 20px;
	position: relative;
}

.comment_balloon > p {
	margin-bottom: 20px;
}

.comment_balloon > p:last-child {
	margin-bottom: 0;
}

.comment_rating_title:not(:last-child) {
	margin-bottom: 10px;
}

.comment_rating {
    display: inline-block;
    margin-right: 8px;
	line-height: 1;
}

.comment_edit_form .comment_rating {
    display: block;
}

.comment_edit_form .control-label {
	font-weight: normal;
}

.comment_title {
	display: inline;
	position: relative;
	top: 1px;
}

.history_balloon
{
	padding: 0 5px 1px 5px;
	margin-bottom: 30px;
	margin-left: 80px;
}

.comment_item_author > .comment_balloon,
.comment_item_commenter > .comment_balloon {
	padding: 16px 20px 16px 16px;
	border-left: 4px solid;
}

.comment_item_author > .comment_balloon {
	border-left-color: var(--bs-primary);
}

.comment_item_commenter > .comment_balloon {
	border-left-color: #999999; /* TODO: determine color, could be --bs-info or a new variable? */
}

.comment_balloon:before {
	content: "";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	width: 0;
	border-style: solid;
	border-color: transparent #dddddd;
	top: 20px;
	left: -11px;
	border-width:10px 10px 10px 0px;
}

.comment_item_author > .comment_balloon:before,
.comment_item_commenter > .comment_balloon:before {
	display: none;
}

.comment_balloon:after {
	content: "";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	width: 0;
	border-style: solid;
	border-color: transparent white;
	top: 20px;
	left: -10px;
	border-width: 10px 10px 10px 0px;
}

.comment_item_author > .comment_balloon:after,
.comment_item_commenter > .comment_balloon:after {
	left: -14px;
}

.comment_item_author > .comment_balloon:after {
	border-right-color: var(--bs-primary);
	border-left-color: var(--bs-primary);
}

.comment_item_commenter > .comment_balloon:after {
	border-right-color: #999999; /* TODO: determine color, could be --bs-info or a new variable? */
	border-left-color: #999999; /* TODO: determine color, could be --bs-info or a new variable? */
}

.comment_user_name {
	font-weight: bold;
}

.comment_time,
.comment_meta {
	color: #777777;
	font-size: 0.9em;
}

.comment_inline_actions {
	list-style: none;
	margin: 10px 0 -5px 0;
	padding: 0;
}

.product-details-block .btn-new {
	margin-top: 15px;
	margin-bottom: 15px;
}

.product-attributes-list-item {
	font-size: 0.925em;
	font-style: italic;
	margin-left: 10px;
	display: inline-block;
}

.comment_inline_action {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}

.comment_inline_action > .icon-link > .fa {
    margin-right: 6px;
	color: #555555;
	opacity: 0.7;
}

.comment_inline_action > .icon-link:hover > .fa {
    opacity: 1;
}

.comment_inline_action > .action-translate-comment ~ .icon-link > .fa {
	width: 1em;
	text-align: center;
	margin-right: 0;
}

.comment_inline_action > .icon-busy {
	width: 1em;
	height: 1em;
	background-size: 1em 1em;
	background-position: center center;
}

.comment_header {
	margin-bottom: 5px;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 0;
	align-items: baseline;
}

.comment_edit_form {
	margin-top: 10px;
}

.comment_content > p {
	margin-bottom: 20px;
}

.comment_content > p:last-child {
	margin-bottom: 0;
}

.comment_item textarea {
	line-height: 1.7;
}

.comment_item textarea.form-control[rows="2"] {
	height: 62px; /* (2*24px line height + 2*6px padding + 2*1px border)*/
}

.comment_menu {
	position: absolute;
	top: 15px;
	right: 10px;
}

.comment_menu > .btn {
	font-size: 1.28571em;
	line-height: 1.28571em;
	padding: 0 10px;
}

.comment_edited
{
	color: #8a8a8a;
	font-size: 90%;
	margin-bottom: 10px;
}

/* Bootstrap X-editable plugin */

.editable-click,
a.editable-click,
a.editable-click:hover {
    text-decoration: none;
    border-bottom: none;
}

h1 .editable-error-block {
	font-size: 14px;
	font-weight: normal;
}

.editableform-loading {
    background-image: url('images/ajax-loader.svg');
    background-size: 16px 16px;
}

.editable-clear-x {
   background: url('images/clear.png') center center no-repeat;
}

.editable-bg-transition
{
  transition: none;
}

.editableform .form-control
{
	width: 100%;
}

.editable-buttons
{
	display: inline-flex;
	flex-wrap: wrap;
	align-content: center;
	gap: 8px;
}

.editable-buttons.editable-buttons-bottom
{
	display: flex;
	margin-top: 15px;
}

.editable-buttons .editable-cancel
{
	margin: 0;
}

.diskspacebar
{
	border: 2px solid #E1E1E1;
	border-radius: 5px;
	height: 29px;
	width: 300px;
	max-width: 100%;
	margin: 4px 0 8px 0;
	background: #50779d;
	background: linear-gradient(to right, #50779d 20%, #ca007d 80%);
}
.diskspacebar_blank
{
	height: 25px;
	background-color: #FFFFFF;
	float: right;
	border-radius: 0 2px 2px 0;
}
.diskspacebar_max
{
	width: 300px;
	max-width: 100%;
	text-align: right;
	font-size: 85%;
}
.diskspacebar_used
{
	float: left;
	font-size: 85%;
}

.notransition {
  transition: none !important;
}

a.connect-with-facebook, a.connect-with-twitter, a.connect-with-entree, a.connect-with-wayf
{
    border-radius: 4px;
    padding: 5px 10px 5px 38px;
    font-weight: bold;
    display: block;
    margin-bottom: 12px !important;
    position: relative;
    }
li:last-child > a.connect-with-facebook, li:last-child > a.connect-with-twitter, li:last-child > a.connect-with-entree, li:last-child > a.connect-with-wayf
{
	margin-bottom: 0 !important;
	}
a.connect-with-facebook:hover, a.connect-with-twitter:hover, a.connect-with-entree:hover, a.connect-with-wayf:hover,
a.connect-with-facebook:focus-visible, a.connect-with-twitter:focus-visible, a.connect-with-entree:focus-visible, a.connect-with-wayf:focus-visible
{
    text-decoration: none;
    color: White !important;
    }
a.connect-with-facebook
{
    background: #4267B2;
    color: White !important;
	}
a.connect-with-twitter
{
    background: #000000;
    color: White !important;
    }
a.connect-with-entree
{
    background: #2E3192;
    color: White !important;
    }
a.connect-with-wayf
{
    background: #8a8a8a;
    color: White !important;
	}
a.connect-with-facebook > .fa, a.connect-with-twitter > .fa, a.connect-with-entree > img, a.connect-with-wayf > img, a.connect-with-wayf > .fa
{
    position: absolute;
    left: 21px;
    top: 50%;
    transform: translate(-50%, -50%)
    }
a.connect-with-entree > img, a.connect-with-wayf > img
{
    max-width: 18px;
    max-height: 18px;
	}

#plainpage{ /* For pages displayed without the YouDipity branding, such as the Terms and Conditions dialog */
	margin: 15px 0;
	height: auto;
	overflow: auto;
	display: block; /* Override display:flex; which is used for sticky footer (plainpage does not have a footer) */
}

#plainpage .container {
	width: auto;
}

#plainpage.registerpage,
#plainpage.connectaccountpage,
#plainpage.pickerpage
{
	margin: 15px;
}

#plainpage.content-centered {
	margin: 0;
	padding: 15px;
	min-height: 100%;
	text-align: center;
	/* Multi-line vertically centered content using flex layout only works in modern browsers, for older browsers it is displayed anyway but not vertically centered  */
	display: flex;
	justify-content: center;
	flex-direction: column;
}

/* Select2 Bootstrap theme overrides */

.select2-dropdown {
	z-index: 1100; /* Required to make the dropdown show in modal with Bootstrap Modal plugin */
}

.select2-results__option:empty:before {
	content: "\00a0"; /* Make sure the entry for empty string is as high as entries containing text by inserting a non breaking space */
}

.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	font-family: var(--bs-body-font-family);
	color: var(--bs-body-color);
}

.select2-container--bootstrap .select2-results__option[aria-disabled="true"] {
	cursor: default;
}

.select2-results__option > hr {
	margin: 0;
}

.select2-container--bootstrap .select2-selection
{
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-container--bootstrap.select2-container--focus:not(.select2-container--disabled) .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
	border-color: var(--bs-form-control-focus-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-focus-box-shadow);
}

.has-success .select2-container--bootstrap .select2-selection {
	border-color: var(--bs-form-control-success-border-color);
}

.has-success .select2-container--bootstrap.select2-container--focus:not(.select2-container--disabled) .select2-selection,
.has-success .select2-container--bootstrap.select2-container--open .select2-selection {
	border-color: var(--bs-form-control-success-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-success-focus-box-shadow);
}

.has-warning .select2-container--bootstrap .select2-selection {
	border-color: var(--bs-form-control-warning-border-color);
}

.has-warning .select2-container--bootstrap.select2-container--focus:not(.select2-container--disabled) .select2-selection,
.has-warning .select2-container--bootstrap.select2-container--open .select2-selection {
	border-color: var(--bs-form-control-warning-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-warning-focus-box-shadow);
}

.has-error .select2-container--bootstrap .select2-selection {
	border-color: var(--bs-form-control-danger-border-color);
}

.has-error .select2-container--bootstrap.select2-container--focus:not(.select2-container--disabled) .select2-selection,
.has-error .select2-container--bootstrap.select2-container--open .select2-selection {
	border-color: var(--bs-form-control-danger-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-danger-focus-box-shadow);
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted),
.select2-container--bootstrap .select2-results__option {
  color: var(--bs-body-color);
}

.select2-selection__choice--locked > .select2-selection__choice__remove {
	display: none !important;
}

.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
  background-color: #eeeeee;
}

.select2-container--bootstrap .select2-results__option,
.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 8px;
}
.select2-container--bootstrap .select2-dropdown {
  margin-top: 0;
}
.select2-container--bootstrap .select2-dropdown--above {
  margin-top: 0;
}

.select2-container--bootstrap .select2-dropdown,
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection,
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection
{
	border-color: var(--bs-form-control-focus-border-color);
}

.has-success.select2-container--bootstrap .select2-dropdown,
.has-success .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection,
.has-success .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection
{
	border-color: var(--bs-form-control-success-border-color);
}

.has-warning.select2-container--bootstrap .select2-dropdown,
.has-warning .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection,
.has-warning .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection
{
	border-color: var(--bs-form-control-warning-border-color);
}

.has-error.select2-container--bootstrap .select2-dropdown,
.has-error .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection,
.has-error .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection
{
	border-color: var(--bs-form-control-danger-border-color);
}

.select2-search--dropdown .select2-search__field {
  padding: 6px 8px;
}
.select2-container--bootstrap .select2-results__group {
  padding: 6px 8px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #999;
  white-space: normal;
}
.select2-container--bootstrap .select2-selection--single {
  padding: 6px 24px 6px 8px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
	right: 10px;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
	background: var(--bs-primary);
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] > .text-muted {
	color: var(--bs-primary-contrast-color);
	opacity: 0.85;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
	padding: 0 8px;
}

.image_select2 {
	position: relative;
	margin-bottom: 0px;
	margin-right: 4px;
	width: 21px;
	display: inline-block;
}
.select2-selection--multiple .image_select2 {
	width: 16px;
}
.select2-selection .image_select2 {
	top: -1px;
}
.thumbSelect2 {
	max-width: 21px;
	max-height: 21px;
}
.select2-selection--multiple .thumbSelect2 {
	max-width: 16px;
	max-height: 16px;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
	cursor: default;
}

.select2-hide-placeholder-open + .select2-container--open .select2-selection--single .select2-selection__placeholder {
	display: none;
}

.select2-container--bootstrap .select2-results__option[aria-disabled="true"] {
	color: #999999;
}

.select2-results__option.loading-results,
.select2-results__option.select2-results__option--load-more {
    background-image: url('images/ajax-loader.svg');
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 30px;

}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
	float: right;
	margin-left: 3px;
	margin-right: -3px;
	padding-left: 3px;
	padding-right: 3px;
	position: relative;
	top: 1px;
}

.select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	color: var(--bs-primary-contrast-color);
	background: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	border-radius: 50px;
	padding: 0 10px;
}

.select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--bs-primary-contrast-color);
	opacity: 0.8;
}

.has-success .select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	background: var(--bs-success);
	border-color: var(--bs-success);
}

.has-warning .select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	background: var(--bs-warning);
	border-color: var(--bs-warning);
}

.has-error .select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	background: var(--bs-danger);
	border-color: var(--bs-danger);
}

.select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
	opacity: 1;
}

.select2-container--bootstrap .select2-results__option--level0,
.select2-container--bootstrap .select2-results__option .select2-results__option--level0 {
	padding-left: 8px;
}

.select2-container--bootstrap .select2-results__option--level1,
.select2-container--bootstrap .select2-results__option .select2-results__option--level1 {
	padding-left: 23px;
}

.select2-container--bootstrap .select2-results__option--level2,
.select2-container--bootstrap .select2-results__option .select2-results__option--level2 {
	padding-left: 38px;
}

.select2-container--bootstrap .select2-results__option--level3,
.select2-container--bootstrap .select2-results__option .select2-results__option--level3 {
	padding-left: 53px;
}

.select2-container--bootstrap .select2-results__option--level4,
.select2-container--bootstrap .select2-results__option .select2-results__option--level4 {
	padding-left: 68px;
}

.select2-container--bootstrap .select2-results__option--level5,
.select2-container--bootstrap .select2-results__option .select2-results__option--level5 {
	padding-left: 83px;
}

.select2-container--bootstrap .select2-results__option--level6,
.select2-container--bootstrap .select2-results__option .select2-results__option--level6 {
	padding-left: 98px;
}

.select2-container--bootstrap .select2-results__option--level7,
.select2-container--bootstrap .select2-results__option .select2-results__option--level7 {
	padding-left: 113px;
}

.select2-container--bootstrap .select2-results__option--level8,
.select2-container--bootstrap .select2-results__option .select2-results__option--level8 {
	padding-left: 128px;
}

.select2-container--bootstrap .select2-results__option--level9,
.select2-container--bootstrap .select2-results__option .select2-results__option--level9 {
	padding-left: 143px;
}

.select2-container--bootstrap .select2-results__option--level10,
.select2-container--bootstrap .select2-results__option .select2-results__option--level10 {
	padding-left: 158px;
}

.select2-container--bootstrap .select2-results__option--level11,
.select2-container--bootstrap .select2-results__option .select2-results__option--level11 {
	padding-left: 173px;
}

.select2-container--bootstrap .select2-results__option--level12,
.select2-container--bootstrap .select2-results__option .select2-results__option--level12 {
	padding-left: 188px;
}

/* Bootstrap-Switch */

.bootstrap-switch
{
	white-space: nowrap;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	background: #999999;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default
{
	color: var(--bs-body-color);
	background: #eeeeee;
	border-left: 1px solid #dadada;
}

.bootstrap-switch .bootstrap-switch-label
{
	border: 0;
	background: #ffffff;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label
{
	background: #eeeeee;
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label
{
	opacity: 1;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	color: var(--bs-primary-contrast-color);
	background: var(--bs-primary);
	border-right: 1px solid #dadada;
}

.bootstrap-switch.bootstrap-switch-focused
{
	border-color: var(--bs-form-control-focus-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-focus-box-shadow);
}

.has-success .bootstrap-switch
{
	border-color: var(--bs-success);
}

.has-success .bootstrap-switch.bootstrap-switch-focused
{
	border-color: var(--bs-form-control-success-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-success-focus-box-shadow);
}

.has-success .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	color: var(--bs-success-contrast-color);
	background: var(--bs-success);
}

.has-warning .bootstrap-switch
{
	border-color: var(--bs-warning);
}

.has-warning .bootstrap-switch.bootstrap-switch-focused
{
	border-color: var(--bs-form-control-warning-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-warning-focus-box-shadow);
}

.has-warning .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	color: var(--bs-warning-contrast-color);
	background: var(--bs-warning);
}

.has-error .bootstrap-switch
{
	border-color: var(--bs-danger);
}

.has-error .bootstrap-switch.bootstrap-switch-focused
{
	border-color: var(--bs-form-control-danger-border-color);
	box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-danger-focus-box-shadow);
}

.has-error .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	color: var(--bs-danger-contrast-color);
	background: var(--bs-danger);
}

input[type=checkbox].make-switch {
	/* Make initial height equal to the height of the resulting switch, to prevent jumping screen between intial paint and javascript onready event to construct the switch */
	min-height: 34px;
	height: 34px;
	max-height: 34px;
	margin: 0;
	vertical-align: top;
	visibility: hidden; /* Hide until the replacement switch has been rendered */
}

.modal-backdrop,
.modal-backdrop.in,
.modal-backdrop.fade.in{
	opacity: 0.6;
	background: #000;
}

.modal .loading-mask,
.modal .loading-mask.fade.in {
	background: rgba(0,0,0,0.6);
	z-index: 100;
	border-radius: 4px;
}

.modal-scrollable
{
    overflow-x: auto;
    overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.loading-spinner
{
	width: 30px;
	height: 30px;
	background-image: url('images/ajax-loader-inverse.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	margin: -15px 0  0 -15px;
	position: fixed;
}

.mysettings_user_image
{
	float: left;
	margin-right: 10px;
}

.mysettings_user_image img
{
	width: 100px;
	height: 100px;
	max-width: 100px;
	max-height: 100px;
	border-radius: 5px;
}
input[readonly].input-copy-link
{
    cursor: pointer !important;
}

.form-group-cart-qty
{
	margin-top: -3px;
	margin-bottom: 0;
}
.form-control.input-cart-qty
{
	width: 64px;
	padding: 2px 3px 2px 4px;
	height: 26px;
}

.order-more-products
{
	display: inline-block;
	font-size: 85%;
	color: #999999;
}

.order-product-name
{
	font-weight: bold;
}

.order-product-name,
.order-product-name:hover,
.order-product-name:focus-visible
{
	color: inherit;
}

.order-booking-description
{
	margin-top: 6px;
}
.order-booking-description > p
{
	margin-bottom: 6px;
}
.order-booking-description:last-child > p:last-child
{
	margin-bottom: 0;
}

.order-booking-description + br
{
	display: none;
}

.order-product .order-product-actions-wrapper
{
	margin-top: 6px;
}

a.order-product-action /* Tickets and receipt download link in order overview */
{
	display: inline-block;
}

a.order-product-action > .text-muted
{
	display: inline-block;
	margin-left: 4px;
}

.order-product-action-separator:before
{
	content: "";
	display: block;
	margin-top: 2px;
}

.order-product-action-separator + .btn-primary,
.order-product-action-separator + .btn-primary + .btn-primary
{
	margin-top: 10px;
}

.order-product-actions-wrapper > .btn-primary:first-child,
.order-product-actions-wrapper > .btn-primary:first-child + .btn-primary
{
	margin-top: 4px;
}

.table-cart-editable .order-product-action-separator:before
{
	content: "|";
	display: inline;
	color: #ccc;
	margin-left: 2px;
	margin-right: 2px;
}

.dtpicker[readonly] {
	background-color: White;
	cursor: pointer;
}

.tab-content {
  overflow: visible; /* Fix dropdown clipped in tab https://github.com/sillsdev/sfwebchecks/commit/354b6cb56249e8d9a5e26c6d31e10562234e2ccd */
}

.clear-margin-form-group:not(.well) {
	margin-bottom: -15px; /* Helper class for element to remove the margin of the last form group, regardless whether it is visible */
}

.clear-margin-form-group.well
{
	padding-bottom: 4px;
}

.text-block
{
	display: block;
}

.text-inline-block
{
	display: inline-block;
}

.text-align-btn
{
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 15px;
}

ul.password-rules
{
	margin-bottom: 0;
	list-style: circle;
	padding-left: 20px;
}

a[disabled],
a.disabled
{
	pointer-events: none;
}

input[type="text"].input-validation-error, input[type="password"].input-validation-error {
	border-color: #a94442;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

input[type="text"].input-validation-error:focus, input[type="password"].input-validation-error:focus {
	border-color: #843534;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(206, 132, 131, 0.33);
}

.input-validation-error + .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.input-group-ambient > .input-group-addon {
	background-color: transparent;
	color: inherit;
	border-color: transparent;
	position: absolute;
	width: auto;
	top: 0;
	z-index: 10;
	line-height: inherit;
}

.input-group-ambient > .input-group-addon:first-child {
	left: 0;
	padding-right: 4px;
}

.input-group-ambient > .input-group-addon:last-child {
	right: 0;
	padding-left: 4px;
}

.input-group-ambient-perc > .input-group-addon:last-child {
	padding-left: 0;
}

.input-group-ambient > .input-group-addon:not(label) {
	pointer-events: none;
}

.input-group-ambient > .input-validation-error + .input-group-addon {
	color: inherit;
	background-color: transparent;
	border-color: transparent;
}

.input-group-ambient > .form-control.form-control.form-control { /* Repeat class to increase specificity so themes do not have to repease max-weight: none when using alternative font size or line height; see https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_!important_exception */
	border-radius: 4px;
}

.license-activations-single-code
{
	display: inline-block;
	vertical-align: middle;
}

.use-organization-licenses
{
	margin-bottom: 16px;
}

.btn-group + .use-organization-licenses
{
	margin-top: 6px;
}

.use-organization-licenses > p
{
	margin-bottom: 5px;
}

.lac
{
	font-family: var(--bs-font-monospace);
	line-height: 1.0;
}

.license-box-image
{
	margin: 0 14px 10px 0;
	width: 155px;
}

.license-box-actions
{
	display: flex;
	flex-wrap: wrap;
	max-width: 155px;
	gap: 6px;
	margin-bottom: 10px;
}

#alert-not-processed ul { margin-bottom:0; }
#alert-not-processed div.primary-errors:not(:empty) + div.secondary-errors:not(:empty) { margin-top:20px; }
.add-invitees { margin-bottom:0; }
.add-invitees .select2-selection { border-top-right-radius:0; border-bottom-right-radius:0; }
.grid-invitees:not(:empty) { margin-top:20px; }
.row-invitee { display:flex; align-items:center; margin:5px 0 5px -10px; }
.row-invitee .invitee-name { display:flex; align-items:center; flex:1; padding-right:0; }
.row-invitee .invitee-name .text-muted { margin-left:4px; white-space:nowrap; }
.row-invitee .invitee-email { display:flex; flex:1; align-items:center; }
.row-invitee .image_select2 { margin-right:8px; }
.row-invitee .invitee-actions { display:flex; flex:0 1 35px; text-align:right; padding-right:0; padding-left:0; }

.license-box-conditions
{
	margin-left: 10px;
}

.license-box-licenses
{
	margin: 16px 0 0 0;
	padding: 0;
}
.license-box-licenses > table
{
	margin: 0;
}

.licenses-total-activations
{
	font-weight: bold;
}

.btn.pull-left + .btn.pull-left
{
	margin-left: 10px;
}

/* === Date filter === */

#dateRangeBtn > .dropdown-menu {
	white-space: nowrap;
}

#dateRangeBtn > .dropdown-menu > ul {
  list-style: none;
  margin: 0;
  min-width: 160px;
  display: inline-block;
  vertical-align:top;
  padding: 0;
}

#dateRangeBtn > .dropdown-menu > ul > li > a {
  display: block;
  padding: 4px 20px;
  border-radius: 3px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: var(--bs-secondary-muted-contrast-color);
  background-color: transparent;
  white-space: nowrap;
}

#dateRangeBtn > .dropdown-menu > ul > li > a:focus-visible {
  position: relative;
  z-index: 1; /* Ensure focus rectangle is visible */
}

#dateRangeBtn > .dropdown-menu > ul > li > a:hover,
#dateRangeBtn > .dropdown-menu > ul > li > a:focus-visible,
#dateRangeBtn > .dropdown-menu > ul > .active > a,
#dateRangeBtn > .dropdown-menu > ul > .active > a:hover,
#dateRangeBtn > .dropdown-menu > ul > .active > a:focus-visible {
	color: var(--bs-primary-contrast-color);
	background: var(--bs-primary);
	text-decoration: none;
}

#dateRangeBtn > .dropdown-menu > ul > li {
	position: relative;
}

.dropdown-menu #pickerDateFrom,
.dropdown-menu #pickerDateUntil {
    display: inline-block;
    vertical-align: top;
    padding: 0 14px 2px 12px;
}

#pickerWrapper.stacked #pickerDateUntil {
    display: block;
}

.dropdown-menu #pickerDateUntil {
    padding-left: 6px;
}

#dateRangeBtn #pickerWrapper {
    display: inline-block;
    vertical-align: top;
}

#dateRangeBtn #pickerDivider {
    display: inline-block;
    position: absolute;
    width: 1px;
    bottom: 1px;
    top: 1px;
    background: #e5e5e5;
    z-index: -1;
    margin-left: -4px;
}

#pickerDateButtons {
    padding: 3px 13px;
    text-align: right;
}

/* === Date picker === */

.datepicker .datepicker-switch:after,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  color: var(--bs-primary);
}

.datepicker table tr td.today {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.today:hover {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.today.focused {
  background: #eeeeee;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range:hover {
  color: inherit;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: inherit;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: inherit;
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range.today {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range.today:hover {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: inherit;
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.marked {
  position: relative;
}
.datepicker table tr td.marked:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: calc(50% - 8px);
  width: 16px;
  height: 2px;
  background-color: var(--bs-primary);
  border-radius: 5px;
}
.datepicker table tr td.marked.active:after {
  background-color: currentColor;
}

.datepicker table tr td.marked.old:after,
.datepicker table tr td.marked.new:after {
	background-color: #bbbbbb;
}

.datepicker table tr td.active {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.focus {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td.active:hover {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.active {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.active.focus {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: var(--bs-primary-contrast-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

/* === Date time picker === */

.datetimepicker th.switch:after,
.datetimepicker .prev,
.datetimepicker .next,
.datetimepicker tfoot th {
  color: var(--bs-primary);
}

.datetimepicker th.switch {
	width: 165px;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
	background: #eeeeee;
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
	background: #eeeeee;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background: var(--bs-primary);
    filter: none;
}
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled],
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
	background-color: var(--bs-primary);
}

.nav-tabs .sortable-placeholder > a
{
	background-color: #eeeeee;
	border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs.ui-sortable li
{
	position: relative;
}

.nav-tabs > li.add_tab > a,
.nav-tabs > li.add_tab > a:hover,
.nav-tabs > li.add_tab > a:focus-visible
{
	background: transparent;
	border-color: transparent;
}
.nav-tabs > li.add_tab > a:hover,
.nav-tabs > li.add_tab > a:focus-visible
{
	text-decoration: underline;
}

.nav-tabs > li > a > .del {
    line-height: 1;
    padding: 6px;
    text-align: center;
    margin: -6px -6px -6px 0;
    vertical-align: 0px;
}

@media (hover: hover) and (pointer: fine) { /* Detect non-touch based device, inspired by https://css-irl.info/detecting-hover-capable-devices/ */
	/* On devices which support hover, only show the delete button on hover or focus */
	.nav-tabs > li > a > .del {
		position: absolute;
		margin: 0;
		top: 0;
		right: 0;
		opacity: 0;
	}

	.nav-tabs > li:hover > a > .del,
	.nav-tabs > li.ui-sortable-helper > a > .del,
	.nav-tabs > li > a > .del:focus-visible {
		opacity: 1;
	}
}

.modal-body > .nav-tabs {
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
}

.nav-line-tabs {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
}

.nav-line-tabs > li {
	float: left;
	margin-bottom: -1px;
}

.nav-line-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border-bottom: 1px solid transparent;
	color: inherit;
}

.nav-line-tabs > li > a:hover,
.nav-line-tabs > li > a:focus-visible {
	color: inherit;
	border-bottom-color: #dddddd;
}

.nav-line-tabs > li.open > a,
.nav-line-tabs > li.open > a:hover,
.nav-line-tabs > li.open > a:focus-visible {
	border-bottom-color: #dddddd;
}

.nav-line-tabs > li.active > a,
.nav-line-tabs > li.active > a:hover,
.nav-line-tabs > li.active > a:focus-visible {
	color: inherit;
	cursor: default;
	border-bottom-color: var(--bs-primary);
	border-bottom-width: 3px;
	padding-bottom: 8px;
	background: none;
}

.nav-line-tabs > li.open > a,
.nav-line-tabs > li.dropdown > a:hover,
.nav-line-tabs > li.dropdown > a:focus-visible {
	background: #eeeeee;
	cursor: pointer;
}

.nav-line-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-line-tabs .dropdown-menu-right {
	margin-right: 5px;  /* Compensate for ".nav-line-tabs > li > a { margin-right: 5px; }" */
}

.modal-body > .nav-line-tabs {
	margin-top: -5px;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
}

.nav-tabs .badge,
.nav-line-tabs .badge {
	min-width: 30px;
	margin-left: 2px;
	vertical-align: 0;
}

.nav-tabs > li > a > .badge,
.nav-line-tabs > li > a > .badge {
	--bs-badge-color: var(--bs-secondary-muted-contrast-color);
	--bs-badge-bg: var(--bs-secondary-muted);
}

.nav-tabs > li:not(.active) > a:hover > .badge,
.nav-tabs > li:not(.active) > a:focus-visible > .badge,
.nav-line-tabs > li:not(.active) > a:hover > .badge,
.nav-line-tabs > li:not(.active) > a:focus-visible > .badge {
	--bs-badge-color: var(--bs-secondary-muted-contrast-color);
	--bs-badge-bg: color-mix(in srgb, var(--bs-secondary-muted), black 10%);
}

@supports not (color: color-mix(in srgb, white, black)) { /* FUTURE remove when browser support is sufficient */
	.nav-tabs > li:not(.active) > a:hover > .badge,
	.nav-tabs > li:not(.active) > a:focus-visible > .badge,
	.nav-line-tabs > li:not(.active) > a:hover > .badge,
	.nav-line-tabs > li:not(.active) > a:focus-visible > .badge {
		--bs-badge-bg: rgba(var(--bs-secondary-muted-base-r), var(--bs-secondary-muted-base-g), var(--bs-secondary-muted-base-b), calc(var(--bs-secondary-muted-base-a) + (0.1 * (1 - var(--bs-secondary-muted-base-a)))));
	}
}

.nav-tabs .dropdown-menu,
.nav-line-tabs .dropdown-menu {
	--bs-dropdown-link-badge-color: var(--bs-secondary-muted-contrast-color);
	--bs-dropdown-link-badge-bg: var(--bs-secondary-muted);
	--bs-dropdown-link-active-badge-color: var(--bs-secondary-muted-contrast-color);
	--bs-dropdown-link-active-badge-bg: color-mix(in srgb, var(--bs-secondary-muted), black 10%);
}

@supports not (color: color-mix(in srgb, white, black)) { /* FUTURE remove when browser support is sufficient */
	.nav-tabs .dropdown-menu,
	.nav-line-tabs .dropdown-menu {
		--bs-dropdown-link-active-badge-bg: rgba(var(--bs-secondary-muted-base-r), var(--bs-secondary-muted-base-g), var(--bs-secondary-muted-base-b), calc(var(--bs-secondary-muted-base-a) + (0.1 * (1 - var(--bs-secondary-muted-base-a)))));
	}
}

.nav-line-tabs.nav-justified {
	display: flex;
	flex-direction: row;
}
.nav-line-tabs.nav-justified > li {
	flex: 1 1 auto;
}
.nav-line-tabs.nav-justified > li > a {
	margin-right: 0;
}

/* Fade dropdown and dropup */

.dropdown.open > .dropdown-menu,
.dropup.open  > .dropdown-menu,
.btn-group.open > .dropdown-menu
{
	/* Fade opacity from 0 to 1 without delay */
	animation: 0.25s ease opacityFade;
	animation-fill-mode: forwards;
}

h3 + .dl-horizontal {
	margin-top: 10px;
}

.dl-horizontal dt {
	white-space: normal;
	word-wrap: break-word;
}

dl.order-details {
    margin: 0;
}

dl.order-details > dd {
	white-space: normal;
	word-wrap: break-word;
}

dl.order-details > dt {
	clear: left;
	text-align: right;
	white-space: normal;
}

dl.order-details > dt,
dl.order-details > dt[class*="col-"] {
	padding-left: 0;
	padding-right: 8px;
}

dl.order-details > dd,
dl.order-details > dd[class*="col-"] {
	padding-left: 8px;
	padding-right: 0;
}

dl.order-details .btn-xs {
	vertical-align: baseline;
}

.btn-edit-page {
	--btn-edit-page-spacing: 15px;
	position: fixed;
	top: calc(var(--header-condensed-height, var(--navbar-height)) + var(--btn-edit-page-spacing));
	right: var(--btn-edit-page-spacing);
	height: 34px;
	width: 34px;
	border-radius: 50%;
	padding: 0;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s 0s ease-in-out, visibility 0s 0.3s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	z-index: 999;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.btn-edit-page:focus-visible {
	box-shadow: 0 0 0 3px var(--bs-btn-focus-box-shadow-color), 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.with-transition + .main-content .btn-edit-page {
	/* The button becomes visible */
	visibility: visible;
	transition: opacity 0.3s 0s ease-in-out, visibility 0s 0s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	opacity: 1;
}

.btn-totop {
	--btn-totop-page-spacing: 15px;
	position: fixed;
	bottom: var(--btn-totop-page-spacing);
	right: var(--btn-totop-page-spacing);
	height: 34px;
	width: 34px;
	border-radius: 50%;
	padding: 0;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s 0s ease-in-out, visibility 0s 0.3s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	z-index: 999;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.btn-totop:focus-visible {
	box-shadow: 0 0 0 3px var(--bs-btn-focus-box-shadow-color), 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.btn-totop.btn-totop-visible {
	/* The button becomes visible */
	visibility: visible;
	transition: opacity 0.3s 0s ease-in-out, visibility 0s 0s ease-in-out, color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	opacity: 1;
}

@media only screen and (min-width: 992px) {
	.menu-toggle {display: none;}
}

@media only screen and (max-width: 991px)
{
	body:not(.mce-content-body), .dropdown-menu, .form-control:not(.input-lg), .btn:not(.btn-lg, .btn-sm, .btn-xs, .btn-totop, .btn-edit-page) {font-size: 15px;}
	.form-control.input-cart-qty { width: 45px; }
	.form-control.input-cart-qty { padding:1px 4px; height: 28px; -moz-appearance: textfield; }
	.form-control.input-cart-qty[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
	.form-control.input-cart-qty[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
	.passport #pass-loggedin-username {
		font-size: 20px;
		line-height: 24px;
	}
	.passport #pass-loggedin-username,
	.passport #pass-loggedin-loginid,
	.passport #pass-loggedin-headline {
		width: 100%;
	}
}
@media only screen and (max-width: 480px)
{
	img.media-object.thumbLarge{max-width: 100%; max-height: 194px;}
	.comment_form { margin-left: 40px !important; }
	.comment_balloon, .comment_item_author > .comment_balloon, .comment_item_commenter > .comment_balloon {margin-left: 40px; padding: 10px;}
	.comment_balloon:after, .comment_balloon:before{display: none;}
	.history_balloon { margin-left: 40px; margin-bottom: 20px; }
	.comment_item > .comments_list{margin-left: 25px;}
	.comment_item img.media-object.thumbSmall{max-width: 30px; max-height: 30px;}

	.comment_menu {
		top: 10px;
		right: 5px;
	}

	#contentviewer{height: 340px;}
}
@media only screen and (max-width: 360px)
{
	#contentviewer{height: 280px;}
}
@media only screen and (max-width: 767px)
{
	.average-rating{display: inline-block;}
}

.site-wide-actions li > a > .fa,
.site-wide-actions .user-image-header,
.site-wide-actions .default-image-header {
	margin-right: 6px;
}

.site-wide-actions .caret {
	margin-left: 6px;
}

.dropdown-menu .fa-check {
	margin-left: -10px;
	margin-right: 6px;
}

.dropdown-sublevel > .dropdown-menu .fa-check {
	position: absolute;
	left: 10px;
	margin: 0;
	line-height: inherit;
}

.dropdown-menu-check .dropdown-header {
	padding-left: 26px;
}

@media only screen and (max-width: 991px) {
	.site-wide-actions .user-image-header,
	.site-wide-actions .default-image-header {
		margin-right: 0;
	}
}

.tooltip
{
	z-index: 2060; /* ensure tooltips to be on top of all other content */
}

blockquote
{
	font-size: inherit;
}

blockquote p
{
	margin: 0 0 10px;
}

blockquote p:last-child
{
	margin-bottom: 0;
}

input[type="text"] ~ .btn-xs,
input[type="text"] ~ .btn-xs.fileinput-button
{
	margin-top: 10px;
	margin-right: 6px;
}

input[type="text"] + input[type="file"] + .btn-xs + small
{
    display: inline-block;
    margin-top: 10px;
    margin-left: 4px;
    vertical-align: middle;
}

.form-group .help-block:last-child,
.form-group .help-block > p:last-child
{
	margin-bottom: 0;
}

.contact-form-design1 { margin-bottom: 30px; }
.contact-intro{margin-bottom: 30px;}
.contact-info{padding: 25px;}
.contact-info h3{margin-bottom: 15px;}
.contact-info p:last-child{margin-bottom: 0;}

.property-page-language-selector
{
	margin-bottom: 15px;
}

.form-inline .property-page-language-selector
{
	display: inline-block;
}

.form-inline .form-control-static {
	vertical-align: middle;
}

.form-control-feedback.popover-info-link,
.form-control-feedback.btn
{
	pointer-events: auto;
}

h1 > .fa-stack
{
	font-size: 18px;
}

legend
{
	padding-bottom: 10px;
	font-size: 19px;
}

.legend-borderless,
.well fieldset legend.legend-borderless
{
	border: none;
	margin-bottom: 0;
}

.tab-pane legend
{
	font-size: 18px;
}

legend small
{
    font-size: 15px;
    color: #777777;
}

legend > .fa-stack,
legend > .fa
{
	font-size: 18px;
}

fieldset fieldset legend,
.well fieldset fieldset legend {
	border: none;
	font-size: 17px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

fieldset fieldset + fieldset legend
{
	margin-top: 5px;
}

.modal-open .modal
{
	overflow: visible;
	overflow-x: visible;
	overflow-y: visible;
	}

.dropdown-header
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.75em;
	letter-spacing: 0.5px;
	color: #999;
}

.row-form {
  margin-right: -8px;
  margin-left: -8px;
}

.row-form > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}

.row-form .form-group {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-bottom: 0;
	padding-bottom: 15px;
}

.row-form .form-control,
.row-form .has-feedback,
.row-form .select2-container {
	margin-top: auto;
}

.form-group-set {
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #eeeeee;
	margin: 19px 0 19px 0;
	padding: 19px 0 4px 0;
}

.form-segment-description + .form-group-set,
.form-group-set + .form-group-set{
	border-top-width: 0;
	margin-top: 0;
	padding-top: 0;
}

.well .form-group-set,
.tabcontentblock.bg-even .form-group-set {
	border-color: #e3e3e3;
}

.input-numeric,
.input-color,
.input-date-narrow,
.input-enum-narrow {
	width: 150px;
}
.input-datetime-narrow {
	width: 200px;
}
.input-unit {
	width: 75px;
}
@media (min-width: 768px) {
	.form-inline .input-numeric,
	.form-inline .input-color,
	.form-inline .input-date-narrow,
	.form-inline .input-enum-narrow {
		width: 150px;
	}
	.form-inline .input-datetime-narrow {
		width: 200px;
	}
	.form-inline .input-unit {
		width: 75px;
	}
}

@media (max-width: 767px) {
  colgroup.visible-xs {
    display: table-column-group !important;
  }
  col.visible-xs {
    display: table-column !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  colgroup.visible-sm {
    display: table-column-group !important;
  }
  col.visible-sm {
    display: table-column !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  colgroup.visible-md {
    display: table-column-group !important;
  }
  col.visible-md {
    display: table-column !important;
  }
}


@media (min-width: 1200px) {
  colgroup.visible-lg {
    display: table-column-group !important;
  }
  col.visible-lg {
    display: table-column !important;
  }
}

@media (max-width: 767px)
{
	.colwidth-xs-contentfit
	{
		width: 10px !important;
	}

	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
	{
		padding: 8px 5px;
	}

	.well-cart
	{
		padding: 11px;
		overflow: auto;
	}
}

/*
Begin check box, radio button and switch button styles.
*/

.checkbox-custom.checkbox-custom > label, /* Repeat class to increase specificity to override Bootstrap; see https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_!important_exception */
.checkbox-custom.checkbox-inline,
.radio-custom.radio-custom > label, /* Repeat class to increase specificity to override Bootstrap; see https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#the_!important_exception */
.radio-custom.radio-inline {
  padding-left: 25px;
}
.checkbox-custom input[type="checkbox"],
.radio-custom input[type="radio"] {
  opacity: 0;
  z-index: -1;
  cursor: inherit;
}
.form-inline .checkbox-custom input[type="checkbox"],
.form-inline .radio-custom input[type="radio"] {
  position: absolute;
}
.checkbox-custom-input,
.radio-custom-input {
  display: none; /* Hide custom input in IE8 */
}
.checkbox-custom .checkbox-custom-input,
.radio-custom .radio-custom-input {
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-left: -25px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  pointer-events: none; /* Chome/Safari fix: prevent the element from eating clicks, by which the  and the checkbox/radio would not be checked */
}
@media only screen and (max-width: 991px) {
	.checkbox-custom .checkbox-custom-input,
	.radio-custom .radio-custom-input {
		margin-top: 2px; /* Compensate for 15px font size */
	}
}
.radio-custom .radio-custom-input {
  border-radius: 50%;
  border: 1px solid #c0c0c0;
}
.checkbox-custom input[type="checkbox"]:focus + .checkbox-custom-input,
.radio-custom input[type="radio"]:focus + .radio-custom-input {
  border-color: var(--bs-form-control-focus-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-focus-box-shadow);
}
.checkbox-custom input[type="checkbox"] + .checkbox-custom-input::after,
.radio-custom input[type="radio"] + .radio-custom-input::after {
  display: inline-block;
  position: absolute;
  content: " ";
  transform: scale(0, 0);
  transition: transform 0.25s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.checkbox-custom input[type="checkbox"] + .checkbox-custom-input::after {
  width: 16px;
  line-height: 16px;
  left: 0;
  top: 0;
  text-align: center;
  color: var(--bs-primary-contrast-color);
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 13px;
}
.checkbox-custom input[type="checkbox"] + .checkbox-custom-input {
  transition: background-color 0.25s cubic-bezier(0.8, -0.33, 0.2, 1.33), border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input::after {
  transform: scale(1, 1);
}
.checkbox-custom input[type="checkbox"]:indeterminate + .checkbox-custom-input::after {
  content: "\f068";
  font-size: 12px;
  transform: scale(1, 1);
}
.radio-custom input[type="radio"] + .radio-custom-input::after {
  width: 10px;
  height: 10px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background-color: var(--bs-primary);
}
.checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input {
  background-color: var(--bs-primary);
  border-color: var(--bs-form-control-focus-border-color);
  box-shadow: none;
}
.radio-custom input[type="radio"]:checked + .radio-custom-input {
  border-color: var(--bs-form-control-focus-border-color);
  box-shadow: none;
}
.checkbox-custom input[type="checkbox"]:focus:checked + .checkbox-custom-input,
.radio-custom input[type="radio"]:focus:checked + .radio-custom-input {
  border-color: var(--bs-form-control-focus-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-focus-box-shadow);
}
.radio-custom input[type="radio"]:checked + .radio-custom-input::after {
  transform: scale(1, 1);
}

.checkbox-custom input[type="checkbox"]:disabled + .checkbox-custom-input::after {
  color: #eeeeee;
}
.radio-custom input[type="radio"]:disabled + .radio-custom-input::after {
  background-color: #999999;
}
.checkbox-custom input[type="checkbox"]:disabled + .checkbox-custom-input,
.radio-custom input[type="radio"]:disabled + .radio-custom-input {
  background-color: #eeeeee;
  transition: none;
}
.checkbox-custom input[type="checkbox"]:checked:disabled + .checkbox-custom-input {
  background-color: #999999;
  border-color: #999999;
}
.radio-custom input[type="radio"]:checked:disabled + .radio-custom-input {
  border-color: #c0c0c0;
}

.has-success .checkbox-custom input[type="checkbox"] + .checkbox-custom-input,
.has-success .radio-custom input[type="radio"] + .radio-custom-input {
  border-color: var(--bs-form-control-success-border-color);
}
.has-success .checkbox-custom input[type="checkbox"]:focus + .checkbox-custom-input,
.has-success .radio-custom input[type="radio"]:focus + .radio-custom-input {
  border-color: var(--bs-form-control-success-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-success-focus-box-shadow);
}
.has-success .checkbox-custom input[type="checkbox"]:focus:checked + .checkbox-custom-input,
.has-success .radio-custom input[type="radio"]:focus:checked + .radio-custom-input {
  border-color: var(--bs-form-control-success-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-success-focus-box-shadow);
}
.has-success .checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input {
  border-color: var(--bs-form-control-success-border-color);
  background-color: var(--bs-success);
}
.has-success .radio-custom input[type="radio"]:checked + .radio-custom-input {
  border-color: var(--bs-form-control-success-border-color);
}
.has-success .radio-custom input[type="radio"] + .radio-custom-input::after {
  background-color: var(--bs-success);
}

.has-warning .checkbox-custom input[type="checkbox"] + .checkbox-custom-input,
.has-warning .radio-custom input[type="radio"] + .radio-custom-input {
  border-color: var(--bs-form-control-warning-border-color);
}
.has-warning .checkbox-custom input[type="checkbox"]:focus + .checkbox-custom-input,
.has-warning .radio-custom input[type="radio"]:focus + .radio-custom-input {
  border-color: var(--bs-form-control-warning-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-warning-focus-box-shadow);
}
.has-warning .checkbox-custom input[type="checkbox"]:focus:checked + .checkbox-custom-input,
.has-warning .radio-custom input[type="radio"]:focus:checked + .radio-custom-input {
  border-color: var(--bs-form-control-warning-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-warning-focus-box-shadow);
}
.has-warning .checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input {
  border-color: var(--bs-form-control-warning-border-color);
  background-color: var(--bs-warning);
}
.has-warning .radio-custom input[type="radio"]:checked + .radio-custom-input {
  border-color: var(--bs-form-control-warning-border-color);
}
.has-warning .radio-custom input[type="radio"] + .radio-custom-input::after {
  background-color: var(--bs-warning);
}

.has-error .checkbox-custom input[type="checkbox"] + .checkbox-custom-input,
.has-error .radio-custom input[type="radio"] + .radio-custom-input,
.checkbox-custom input[type="checkbox"].input-validation-error + .checkbox-custom-input,
.radio-custom input[type="radio"].input-validation-error + .radio-custom-input {
  border-color: var(--bs-form-control-danger-border-color);
}
.has-error .checkbox-custom input[type="checkbox"]:focus + .checkbox-custom-input,
.has-error .radio-custom input[type="radio"]:focus + .radio-custom-input,
.checkbox-custom input[type="checkbox"].input-validation-error:focus + .checkbox-custom-input,
.radio-custom input[type="radio"].input-validation-error:focus + .radio-custom-input {
  border-color: var(--bs-form-control-danger-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-danger-focus-box-shadow);
}
.has-error .checkbox-custom input[type="checkbox"]:focus:checked + .checkbox-custom-input,
.has-error .radio-custom input[type="radio"]:focus:checked + .radio-custom-input,
.checkbox-custom input[type="checkbox"].input-validation-error:focus:checked + .checkbox-custom-input,
.radio-custom input[type="radio"].input-validation-error:focus:checked + .radio-custom-input {
  border-color: var(--bs-form-control-danger-border-color);
  box-shadow: var(--bs-form-control-inset-box-shadow), var(--bs-form-control-danger-focus-box-shadow);
}
.has-error .checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input,
.checkbox-custom input[type="checkbox"].input-validation-error:checked + .checkbox-custom-input {
  background-color: var(--bs-danger);
  border-color: var(--bs-form-control-danger-border-color);
}
.has-error .radio-custom input[type="radio"]:checked + .radio-custom-input,
.radio-custom input[type="radio"].input-validation-error:checked + .radio-custom-input {
  border-color: var(--bs-form-control-danger-border-color);
}
.has-error .radio-custom input[type="radio"] + .radio-custom-input::after,
.radio-custom input[type="radio"].input-validation-error + .radio-custom-input::after {
  background-color: var(--bs-danger);
}

.form-horizontal .radio.radio-custom,
.form-horizontal .radio-inline.radio-custom,
.form-horizontal .checkbox.checkbox-custom,
.form-horizontal .checkbox-inline.checkbox-custom {
	margin-top: 0;
}
.checkbox-inline.checkbox-custom,
.radio-inline.radio-custom {
	margin-left: 15px;
}

.checkbox .help-block,
.radio .help-block {
	margin-top: 2px;
}

.form-vertical .checkbox:not(:last-child) .help-block,
.form-vertical .radio:not(:last-child) .help-block {
	margin-bottom: 5px;
}

.choose_qty_block .form-vertical .checkbox .help-block,
.choose_qty_block .form-vertical .radio .help-block {
	margin-top: 0;
	margin-bottom: 0;
}

/* Disabled checkbox and radio */

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: default;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: default;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: default;
}

/* Checkbox in .nav-item-list */

.nav-item-list .media-left > .checkbox-custom.checkbox-inline,
.nav-item-list .media-left > .radio-custom.radio-inline
{
    display: inline-block;
    margin: 1px 8px 0 0;
    padding: 0;
    vertical-align: middle;
}

.nav-item-list .media-left > .checkbox-custom.checkbox-inline > .checkbox-custom-input,
.nav-item-list .media-left > .radio-custom.radio-inline > .radio-custom-input
{
    margin: 0;
    position: relative;
    vertical-align: top;
}

.nav-item-list .media-left > .checkbox-custom.checkbox-inline > input[type=checkbox],
.nav-item-list .media-left > .radio-custom.radio-inline > input[type=radio]
{
	margin: 0;
    position: relative;
	vertical-align: middle;
}

.nav-item-list .media-left > .checkbox-custom.checkbox-inline > input[type=checkbox],
.nav-item-list .media-left > .radio-custom.radio-inline > input[type=radio]
{
	position: absolute;
}

/* Checkbox in product tiled list */

.product-tiled-list .checkbox-custom.checkbox-inline,
.product-tiled-list .radio-custom.radio-inline
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	padding: 8px;
	margin: 0;
	line-height: 1.0;
}

.product-tiled-list .checkbox-custom.checkbox-inline > .checkbox-custom-input,
.product-tiled-list .radio-custom.radio-inline > .radio-custom-input
{
    position: relative;
    margin: 0;
    vertical-align: top;
}

.product-tiled-list .checkbox-custom.checkbox-inline > input[type=checkbox],
.product-tiled-list .radio-custom.radio-inline > input[type=radio]
{
    position: relative;
    margin: 0;
}

.product-tiled-list .checkbox-custom.checkbox-inline > input[type=checkbox],
.product-tiled-list .radio-custom.radio-inline > input[type=radio]
{
	position: absolute;
}

/* Checkbox in product card list */

.product-card-thumb > .checkbox-custom.checkbox-inline,
.product-card-thumb > .radio-custom.radio-inline
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	padding: 15px  8px 8px 15px;
	margin: 0;
	line-height: 1.0;
}

.product-card-thumb > .checkbox-custom.checkbox-inline > .checkbox-custom-input,
.product-card-thumb > .radio-custom.radio-inline > .radio-custom-input
{
    position: relative;
    margin: 0;
    vertical-align: top;
}

.product-card-thumb > .checkbox-custom.checkbox-inline > input[type=checkbox],
.product-card-thumb > .radio-custom.radio-inline > input[type=radio]
{
    position: relative;
    margin: 0;
}

.product-card-thumb > .checkbox-custom.checkbox-inline > input[type=checkbox],
.product-card-thumb > .radio-custom.radio-inline > input[type=radio]
{
	position: absolute;
}

/* Checkbox in table */

.table .checkbox-custom.checkbox-inline,
.table .radio-custom.radio-inline
{
    margin: 0;
    padding: 0;
    display: inline-block;
}

.table .checkbox-custom.checkbox-inline > .checkbox-custom-input,
.table .radio-custom.radio-inline > .radio-custom-input
{
    position: relative;
    margin: 0;
    vertical-align: top;
}

.table .checkbox-custom.checkbox-inline > input[type=checkbox],
.table .radio-custom.radio-inline > input[type=radio]
{
    position: relative;
    margin: 0;
}

.table .checkbox-custom.checkbox-inline > input[type=checkbox],
.table .radio-custom.radio-inline > input[type=radio]
{
	position: absolute;
}

.table > thead > tr > .table-cell-checkbox,
.table > tbody > tr > .table-cell-checkbox,
.table > tfoot > tr > .table-cell-checkbox,
.table > thead > tr > .table-cell-radio,
.table > tbody > tr > .table-cell-radio,
.table > tfoot > tr > .table-cell-radio
{
 	vertical-align: middle;
}

.table > thead > tr > .table-cell-checkbox-align-tumb-40,
.table > tbody > tr > .table-cell-checkbox-align-tumb-40,
.table > tfoot > tr > .table-cell-checkbox-align-tumb-40,
.table > thead > tr > .table-cell-radio-align-tumb-40,
.table > tbody > tr > .table-cell-radio-align-tumb-40,
.table > tfoot > tr > .table-cell-radio-align-tumb-40
{
 	vertical-align: top;
 	padding-top: 18px;
}

/* Checkbox in tabcontentrichtext */

.tabcontentrichtext .checkbox-custom .checkbox-custom-input,
.tabcontentrichtext .radio-custom .radio-custom-input
{
	margin-top: 5px;
	margin-left: -27px;
}

.tabcontentrichtext .checkbox-custom > label,
.tabcontentrichtext .checkbox-custom.checkbox-inline,
.tabcontentrichtext .radio-custom > label,
.tabcontentrichtext .radio-custom.radio-inline
{
	padding-left: 27px;
}

.tabcontentrichtext .form-horizontal .checkbox-list,
.tabcontentrichtext .form-horizontal .radio-list
{
	margin-top: -4px;
}

.tabcontentrichtext .form-horizontal .checkbox-list .checkbox-custom,
.tabcontentrichtext .form-horizontal .radio-list .radio-custom
{
	padding-top: 6px;
}

.tabcontentrichtext .checkbox-custom + .help-block
{
	padding-left: 27px;
}

/* Switch button */

.switchbutton {
	position: relative;
	display: block;
}
.switchbutton + .switchbutton {
    margin-top: 10px;
}
.switchbutton-inline {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
}
.switchbutton-inline + .switchbutton-inline {
	margin-left: 15px;
}
.switchbutton-inline.disabled,
fieldset[disabled] .switchbutton-inline {
	cursor: not-allowed;
}

.has-success .switchbutton,
.has-success .switchbutton-inline {
	color: #3c763d;
}

.has-warning .switchbutton,
.has-warning .switchbutton-inline {
	color: #8a6d3b;
}

.has-error .switchbutton,
.has-error .switchbutton-inline {
	color: #a94442;
}

.switchbutton .bootstrap-switch {
	margin-right: 8px;
	vertical-align: -11px;
}

.switchbutton-label {
	display: inline;
	max-width: none;
	margin-bottom: 0;
	font-weight: normal;
}

/* Currency editor */

.input-group.input-group-price {
	display: inline-table;
	vertical-align: middle;
}

.input-group-price > .input-group-addon {
    width: auto;
}

.form-control.input-price-main {
	width: 60px;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.form-inline .input-group > .form-control.input-price-main
{
	width: 60px;
}

.form-control.input-price-fraction
{
	width: 36px;
	display: inline-block;
	vertical-align: middle;
}

.input-price-decimal-separator
{
	vertical-align: middle;
}

/* Lists and fieldsets */

.form-control.checkbox-list,
.form-control.radio-list,
.form-control.switchbutton-list,
.form-control.togglebutton-list {
	height: auto;
	max-height: 228px;  /* this is enough to fit exactly 8 items */
	overflow: auto;
	padding-top: 0;
	padding-bottom: 0;
}

.form-control.checkbox-list.readonly,
.form-control.radio-list.readonly,
.form-control.switchbutton-list.readonly,
.form-control.togglebutton-list.readonly {
	background-color: #eeeeee;
}

fieldset.checkbox-list-group > legend,
fieldset fieldset.checkbox-list-group legend,
fieldset.radio-list-group > legend,
fieldset fieldset.radio-list-group legend,
fieldset.switchbutton-list-group legend,
fieldset fieldset.switchbutton-list-group legend,
fieldset.togglebutton-list-group legend,
fieldset fieldset.togglebutton-list-group legend {
	border: none;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	font-weight: bold;
	padding: 7px 0 0 0;
}

fieldset.checkbox-list-group > legend,
fieldset fieldset.checkbox-list-group legend,
fieldset.radio-list-group > legend,
fieldset fieldset.radio-list-group legend {
	margin-bottom: -7px;
}

fieldset + fieldset.checkbox-list-group > legend,
fieldset fieldset + fieldset.checkbox-list-group legend,
fieldset + fieldset.radio-list-group > legend,
fieldset fieldset + fieldset.radio-list-group legend,
fieldset + fieldset.switchbutton-list-group legend,
fieldset fieldset + fieldset.switchbutton-list-group legend,
fieldset + fieldset.togglebutton-list-group legend,
fieldset fieldset + fieldset.togglebutton-list-group legend {
	padding-top: 0;
}

.form-horizontal fieldset.checkbox-list-group > legend,
.form-horizontal fieldset.radio-list-group > legend,
.form-horizontal fieldset.switchbutton-list-group legend,
.form-horizontal fieldset.togglebutton-list-group legend {
	padding-bottom: 7px;
}

.form-horizontal fieldset + fieldset.checkbox-list-group > legend,
.form-horizontal fieldset fieldset + fieldset.checkbox-list-group legend,
.form-horizontal fieldset + fieldset.radio-list-group > legend,
.form-horizontal fieldset fieldset + fieldset.radio-list-group legend,
.form-horizontal fieldset + fieldset.switchbutton-list-group legend,
.form-horizontal fieldset fieldset + fieldset.switchbutton-list-group legend,
.form-horizontal fieldset + fieldset.togglebutton-list-group legend,
.form-horizontal fieldset fieldset + fieldset.togglebutton-list-group legend {
	padding-top: 12px;
}

.form-control.checkbox-list > .checkbox:first-child,
.form-control.radio-list > .radio:first-child,
.form-control.switchbutton-list > .switchbutton:first-child {
    margin-top: 8px;
}

.form-control.checkbox-list > .checkbox:last-child,
.form-control.radio-list > .radio:last-child,
.form-control.switchbutton-list > .switchbutton:last-child {
    margin-bottom: 9px;
}

.form-horizontal .form-control.checkbox-list > .checkbox:first-child,
.form-horizontal .form-control.radio-list > .radio:first-child {
    margin-top: 1px;
}

.form-horizontal .form-control.checkbox-list > .checkbox:last-child,
.form-horizontal .form-control.checkbox-list > .checkbox-list-group:last-child > .checkbox:last-child,
.form-horizontal .form-control.radio-list > .radio:last-child,
.form-horizontal .form-control.radio-list > .radio-list-group:last-child > .radio:last-child {
    margin-bottom: 9px;
}

.control-label ~ .checkbox-list:not(.form-control) .checkbox:first-child,
.control-label ~ .radio-list:not(.form-control) .radio:first-child,
.control-label ~ .switchbutton-list:not(.form-control) .switchbutton:first-child {
    margin-top: 0px;
}

.control-label ~ .checkbox-list:not(.form-control) .checkbox:last-child,
.control-label ~ .radio-list:not(.form-control) .radio:last-child,
.control-label ~ .switchbutton-list:not(.form-control) .switchbutton:last-child {
    margin-bottom: 0px;
}

.form-inline .radio,
.form-inline .checkbox {
	padding-top: 0;
	min-height: 0;
	margin-left: 10px;
}

.form-inline .radio-list,
.form-inline .checkbox-list {
	margin-left: -10px;
}

.radio-list-inline,
.form-inline .radio-list-inline,
.checkbox-list-inline,
.form-inline .checkbox-list-inline {
	margin-left: -15px;
	display: block;
}

@media (max-width: 767px) {
	.form-horizontal .radio-list:not(.form-control),
	.form-horizontal .checkbox-list:not(.form-control) {
		margin-top: -7px;
	}
}

.list-group.radio-list-group .list-group-item {
	padding: 0;
}

.list-group.radio-list-group .radio-custom {
	padding-top: 0px;
}

.list-group.radio-list-group .radio-custom > label {
	padding: 12px 12px 12px 36px;
	display: block;
}

@media only screen and (min-width: 481px) {
	.checkbox-list .with-responsive-columns,
	.radio-list .with-responsive-columns,
	.switchbutton-list .with-responsive-columns
	{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 15px;
		-moz-column-gap: 15px;
		column-gap: 15px;
		word-wrap: break-word;
	}

	.checkbox-list .with-responsive-columns .checkbox,
	.radio-list .with-responsive-columns .radio,
	.switchbutton-list .with-responsive-columns .switchbutton
	{
		break-inside: avoid;
	}
}

/* Dropdown with levelled items */

.dropdown-sublevel > .dropdown-menu {
  position: static;
  top: auto;
  left: auto;
  z-index: 0;
  display: block;
  float: none;
  min-width: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: none !important;
}

.dropdown-sublevel > .dropdown-menu > li {
	position: relative;
}

.dropdown-sublevel > .dropdown-menu > li > a:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	border-left: dotted #999999 1px;
	top: 0;
	z-index: 1;
}

.dropdown-sublevel > .dropdown-menu > li:last-child > a:before {
	height: 13px;
}

.dropdown-sublevel > .dropdown-menu > li > a:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 10px;
	border-top: dotted #999999 1px;
	top: 13px;
	z-index: 1;
}

.dropdown-sublevel > .dropdown-menu.level2 > li > a {
	padding-left: 48px;
}
.dropdown-sublevel > .dropdown-menu.level2 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level2 > li > a:after {
	left: 34px;
}

.dropdown-sublevel > .dropdown-menu.level3 > li > a {
	padding-left: 66px;
}
.dropdown-sublevel > .dropdown-menu.level3 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level3 > li > a:after {
	left: 52px;
}

.dropdown-sublevel > .dropdown-menu.level4 > li > a {
	padding-left: 84px;
}
.dropdown-sublevel > .dropdown-menu.level4 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level4 > li > a:after {
	left: 70px;
}

.dropdown-sublevel > .dropdown-menu.level5 > li > a {
	padding-left: 102px;
}
.dropdown-sublevel > .dropdown-menu.level5 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level5 > li > a:after {
	left: 88px;
}

.dropdown-sublevel > .dropdown-menu.level6 > li > a {
	padding-left: 120px;
}
.dropdown-sublevel > .dropdown-menu.level6 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level6 > li > a:after {
	left: 106px;
}

.dropdown-sublevel > .dropdown-menu.level7 > li > a {
	padding-left: 138px;
}
.dropdown-sublevel > .dropdown-menu.level7 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level7 > li > a:after {
	left: 124px;
}

.dropdown-sublevel > .dropdown-menu.level8 > li > a {
	padding-left: 156px;
}
.dropdown-sublevel > .dropdown-menu.level8 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level8 > li > a:after {
	left: 142px;
}

.dropdown-sublevel > .dropdown-menu.level9 > li > a {
	padding-left: 174px;
}
.dropdown-sublevel > .dropdown-menu.level9 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level9 > li > a:after {
	left: 160px;
}

.dropdown-sublevel > .dropdown-menu.level10 > li > a {
	padding-left: 192px;
}
.dropdown-sublevel > .dropdown-menu.level10 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level10 > li > a:after {
	left: 178px;
}

.dropdown-sublevel > .dropdown-menu.level11 > li > a {
	padding-left: 210px;
}
.dropdown-sublevel > .dropdown-menu.level11 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level11 > li > a:after {
	left: 196px;
}

.dropdown-sublevel > .dropdown-menu.level12 > li > a {
	padding-left: 228px;
}
.dropdown-sublevel > .dropdown-menu.level12 > li > a:before,
.dropdown-sublevel > .dropdown-menu.level12 > li > a:after {
	left: 214px;
}

/* Dropdown submenu */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: -1px;
}

.dropup .dropdown-submenu > .dropdown-menu {
	bottom: auto;
}

.dropdown-submenu.submenu-visible > .dropdown-menu,
.dropdown-submenu:has(.submenu-visible) > .dropdown-menu {
    display: block;
	/* Start with opacity 0, wait for 0.25s and then fade it to opacity 1.0 */
    opacity: 0;
	animation: 0.25s ease 0.25s opacityFade;
	animation-fill-mode: forwards;
}

@media only screen and (max-width: 991px) {
	.dropdown-submenu.submenu-visible > .dropdown-menu,
	.dropdown-submenu:has(.submenu-visible) > .dropdown-menu {
		opacity: 1;
		animation: none;
	}
}

.dropdown-submenu.submenu-open > a,
.dropdown-submenu.submenu-open.active > a,
.dropdown-submenu:has(.submenu-open) > a {
	background-color: var(--bs-dropdown-link-hover-bg);
	color: var(--bs-dropdown-link-hover-color);
}

.dropdown-submenu > a,
.dropdown-menu > .dropdown-submenu > a,
#dateRangeBtn > .dropdown-menu > ul > li.dropdown-submenu > a {
	padding-right: 25px;
}

.dropdown-submenu > a:after {
	content: " ";
	display: block;
	float: right;
	width: 0;
	height: 0;
	margin-top: 5px;
	margin-right: -15px;
	border-color: transparent;
	border-left-color: currentColor;
	border-style: solid;
	border-width: 5px 0 5px 5px;
}

.dropdown-submenu > a > .caret {
	display: none; /* Hide caret down for items moved to the "More" menu */
}

.dropdown-submenu.dropdown-submenu-left > .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 1px;
}

/* header search */

.product-list-searchbox {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.product-list-searchbox > .form-group {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}
.product-list-searchbox .input-group .form-control.search-query {
	padding-right: 34px;
	width: 180px;
}
.product-list-searchbox .input-group .input-group-addon,
.product-list-searchbox .input-group .input-group-btn,
.product-list-searchbox .input-group .form-control {
	width: auto;
}

#search-in-btn-caption {
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

a[data-searchfilter] {
	max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 480px) {
	.product-list-searchbox .input-group .form-control.search-query {width: 100%;}
	.product-list-searchbox #search-in-btn-caption{max-width: 120px;}
	a[data-searchfilter] { max-width: 260px; }
}

.searchbox-clear-container {
	position: relative;
}
#clear-searchkey {
	right: 38px;
	top: 0px;
	position: absolute;
	color: var(--bs-body-color);
	opacity: 0.35;
	padding: 0 12px;
	line-height: 34px;
	height: 34px;
	z-index: 10;
}
.searchbox-clear-container > #clear-searchkey {
	right: 0;
}

.filter-caption-ellipsis {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

.btn > .fa-angle-right:not(.submit_icon) {
	display: inline-block;
	margin: 3px;
}

.btn-lg > .fa-angle-right.fa-lg {
	vertical-align: -10%;
}

/* asset */

.asset-container
{
    position: relative;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
	background: #5b5b5b;
	text-align: center;
	vertical-align:middle;
	min-height:250px;
}

#asset-col-left
{
    width: 77%;
	float: left;
}

#asset-col-right{
	float: right;
	width: 20%;
	word-wrap: break-word;
}


.asset-name
{
    width:350px;
}

#asset-col-left > #contentviewer
{
    width: 100%
}

ul.folders > li > div.highlight {
	border-color: var(--bs-primary);
	border-width: 1px;
	border-style: solid;
}

.order-with-confirmation-msg {
	margin: 0 0 15px 0;
}

.chart-line-color {
	color: var(--bs-primary);
}

.table-cart > thead > tr > th,
.table-cart > tbody > tr > th,
.table-cart > tfoot > tr > th,
.table-cart > thead > tr > td,
.table-cart > tbody > tr > td,
.table-cart > tfoot > tr > td
{
	padding: 12px 8px;
}

@media (max-width: 767px)
{
	.table-cart > thead > tr > th,
	.table-cart > tbody > tr > th,
	.table-cart > tfoot > tr > th,
	.table-cart > thead > tr > td,
	.table-cart > tbody > tr > td,
	.table-cart > tfoot > tr > td
	{
		padding: 8px 5px;
	}

	.table-cart:not(.order-summary) .order-product-bundle .order-product-details
	{
		padding-left: 30px;
	}
}

.table-cart > thead > tr > th:first-child,
.table-cart > tbody > tr > td:first-child,
.table-cart > tbody > tr > .order-product-details,
.table-cart > thead > tr > .payout-product-details,
.table-cart > tbody > tr > .payout-product-details
{
	padding-left: 0;
}

.table-cart > thead > tr > th:last-child,
.table-cart > tbody > tr > td:last-child
{
	padding-right: 0;
}

.table-cart .order-product.order-product-with-surcharges > td
{
	padding-bottom: 6px;
}

.table-cart .order-product.order-product-with-surcharges ~ .order-product-actions > .order-product-details
{
	padding-top: 6px;
}

.table-cart .order-product > .picture,
.table-cart .order-product.order-product-with-surcharges > .picture
{
	padding-top: 14px;
	padding-bottom: 14px;
	padding-right: 16px;
}

.table-cart .order-product-bundle .picture
{
	padding-left: 0;
}

.table-cart .order-product-bundle .spacer
{
	width: 30px;
}

.table-cart.table-cart-payout .order-product-bundle + .order-product-bundle .spacer
{
	border-top-width: 0px;
}

.table-cart .order-product-surcharge > td
{
	border-top: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
}

.table-cart .order-product-surcharge.order-product-surcharge-last > td
{
	padding-bottom: 12px;
}

.table-cart-editable .qty-text
{
	padding-left: 13px;
}

@media (max-width: 767px)
{
	.table-cart .order-product-surcharge.order-product-surcharge-last > td
	{
		padding-bottom: 8px;
	}

	.table-cart-editable .qty-text
	{
		padding-left: 10px;
	}
}

.table-cart .order-product-actions > td
{
	border-top: 0px;
	padding-top: 0px;
}

.table-cart-editable .price-unit
{
	padding-right: 20px;
}

.table-cart img.media-object.thumbMedium
{
	max-width: 80px;
	max-height: 80px;
}

@media only screen and (min-width: 1024px)
{
	.table-cart img.media-object.thumbMedium
	{
		max-width: 100px;
		max-height: 100px;
	}
}

.table-cart tr.total
{
	font-weight: bold;
}

@media only screen and (max-width: 767px)
{
	.price-total-header
	{
		position: relative;
	}
	.price-total-header-label
	{
		position: absolute;
		top: 8px;
		right: 0;
	}
}

.well > .table-cart:first-child
{
	margin-top: -12px;
}

.well > .table-cart:last-child
{
	margin-bottom: -12px;
}

@media (max-width: 767px)
{
	.well > .table-cart:first-child
	{
		margin-top: -8px;
	}

	.well > .table-cart:last-child
	{
		margin-bottom: -8px;
	}
}

#cartform h2 + .table-cart.no-qty.no-payment-details
{
	margin-top: 0;
}

#cartform h2 + .table-cart.no-payment-details
{
	margin-bottom: 0;
}

#cartform h2 + .table-cart.no-qty.no-payment-details tbody > tr:first-child > td
{
	border-top-style: solid;
	border-top-width: 2px;
}

#cartform h2 + .table-cart.no-payment-details colgroup + tbody:last-child > tr:last-child > td,
#cartform .table-cart.no-payment-details thead + tbody:last-child > tr:last-child > td
{
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.booking-username,
.booking-username:hover,
.booking-username:focus-visible
{
	color: inherit;
}

.organization-types-list
{
	margin-bottom: 10px;
}

.wrap-enum-other
{
	margin-top: 10px;
}

.radio-list.with-enum-other .radio:last-child > label,
.checkbox-list.with-enum-other .checkbox:last-child > label
{
	width: 100%;
}

.radio-list.with-enum-other .radio:last-child > label > .radio-custom-input,
.checkbox-list.with-enum-other .checkbox:last-child > label > .checkbox-custom-input,
.radio-list.with-enum-other .radio-inline:last-child > .radio-custom-input,
.checkbox-list.with-enum-other .checkbox-inline:last-child > .checkbox-custom-input
{

	margin-top: 8px;
}

textarea.form-control[rows="2"] {
	height: 54px; /* (2*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="3"] {
	height: 74px; /* (3*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="4"] {
	height: 94px; /* (4*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="5"] {
	height: 114px; /* (5*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="6"] {
	height: 134px; /* (8*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="7"] {
	height: 154px; /* (7*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="8"] {
	height: 174px; /* (8*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="9"] {
	height: 194px; /* (9*20px line height + 2*6px padding + 2*1px border)*/
}
textarea.form-control[rows="10"] {
	height: 214px; /* (10*20px line height + 2*6px padding + 2*1px border)*/
}

.form-group.has-error .g-recaptcha > div
{
	border: solid #a94442 1px;
	border-radius: 3px;
	overflow: hidden;
}

@media screen and (max-width: 359px)
{
	#registration_form .g-recaptcha,
	#forgotpassword_form .g-recaptcha,
	#registrationform.tabcontentblock .g-recaptcha,
	#contactform.tabcontentblock .g-recaptcha,
	.contact-form-design1 .g-recaptcha
	{
		transform: scale(0.85);
		transform-origin: 0 0;
	}
}

.contact-form-design1 fieldset > legend,
#contactform.tabcontentblock fieldset > legend {
	border: none;
	padding-bottom: 0;
}

.alert.arrow-top {
	margin-top: 10px;
	position: relative;
}

.form-vertical .alert-postcode-lookup {
	margin-bottom: 15px;
}

.form-control + .alert.arrow-top {
	margin-top: 15px;
	margin-bottom: 0;
}

.alert.arrow-top > .arrow,
.alert.arrow-top > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.alert.arrow-top > .arrow {
	border-width: 11px;
	border-bottom-color: var(--bs-alert-border-color);
	left: 15px;
	margin-left: 0;
	border-top-width: 0;
	top: -11px;
}
.alert.arrow-top > .arrow:after {
	content: " ";
	border-width: 10px;
	border-bottom-color: var(--bs-alert-bg);
	transform: translate(-10px, 1.5px);
	border-top-width: 0;
}

.layout-item-user-list-container form {
	margin: 20px 0;
}

.layout-item-user-list-container .table-responsive {
	margin: 10px 0 20px 0;
}

.layout-item-user-list-container form + .table-responsive {
	margin-top: -8px;
}

.layout-item-user-list-container .table {
	margin: 0;
}

.layout-item-user-list-container .pagination {
	margin: 0 0 20px 0;
}

.table-product-specs > tbody > tr:nth-of-type(odd) {
  background-color: #f7f7f7;
}

.table-product-specs > tbody > tr > td {
	border-width: 0;
}

@media (max-width: 767px) {
	/* two columns 50% / 50% */
	.table-product-specs > tbody > tr > td:nth-last-child(2) {
		width: 50%;
	}
	.table-product-specs > tbody > tr > td:nth-last-child(2) ~ td {
		width: 50%;
	}
}

@media (min-width: 768px) {
	/* two columns 40% / 60% */
	.table-product-specs > tbody > tr > td:nth-last-child(2) {
		width: 40%;
	}
	.table-product-specs > tbody > tr > td:nth-last-child(2) ~ td {
		width: 60%;
	}
}

.message-list {
	padding-left: 0;
	list-style: none;
}

.message-list > li:last-child {
	margin-bottom: -10px;
}

form + .message-list {
	margin-top: 15px;
}

.btn-viewmode > .fa
{
	margin-right: 2px;
}

.selected-filters {
	margin-bottom: 20px;
}

.selected-filters:after
{
	content: '';
	display: block;
	margin-bottom: -8px; /* compensate 8px margin bottom for .selected-filter */
}

.selected-filters-label {
	display: inline-block;
	margin-right: 8px;
}

.selected-filter {
	display: inline-block;
	padding: 4px 8px;
	line-height: 1;
	border: solid currentColor 2px;
	vertical-align: baseline;
	border-radius: 4px;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 8px;
}

.selected-filter:hover,
.selected-filter:focus-visible {
	text-decoration: none;
}

.selected-filter-remove-all {
	display: inline-block;
}

.leaflet-container {
	font-family: var(--bs-body-font-family);
}

.leaflet-popup-content a {
	color: var(--bs-link-color);
}
.leaflet-popup-content a:hover {
	color: var(--bs-link-hover-color);
}

dd > .embed-responsive:not(:first-child) {
	margin-top: 15px;
}

.embed-responsive-item.leaflet-container
{
	border-radius: 4px;
}
.embed-responsive-item.leaflet-container:not(.leaflet-fullscreen-on)
{
	z-index: 0;
}

.leaflet-popup-content
{
	margin: 10px 19px 10px 10px;
}

.product-map-item,
.profile-map-item
{
	line-height: 1.42857143;
	font-size: 12px;
	width: 200px;
}

.profile-map-item .media-object {
	max-width: 48px;
	max-height: 48px;
}

.product-map-item .media-heading,
.profile-map-item .media-heading
{
	line-height: inherit;
	font-size: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 0;
}

.profile-map-item-rating
{
	margin: 5px 0;
}

.product-map-item .rate_button,
.profile-map-item .rate_button
{
	font-size: 15px;
}

.product-map-item-subtitle
{
	color: #777777;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.profile-map-item-description
{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

a.external-link:after
{
	content: "\f14c"; /* fa-external-link-square */
	font-family: "FontAwesome";
	font-size: 0.8em;
	display: inline-block;
	margin-left: 2px;
	position: relative;
	top: -0.5em;
	color: #B6B6B6;
}

.image-actions
{
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.image-actions > li:not(:last-child)
{
	margin-bottom: 7px;
}

.image-actions .btn-xs {
	vertical-align: top;
}

.crop-expand,
.crop-expand:hover,
.crop-expand:focus-visible
{
	color: inherit;
}

#attachment-list.ui-sortable > li
{
	padding-right: 66px;
}

/* Begin: templates list */

.templates-list-header {
	line-height: 100%;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 20px;
}

.templates-list {
	margin: 0 0 -15px -15px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.templates-list-item {
	margin: 0 0 15px 15px;
	width: calc(100% - 15px);
	border-radius: 4px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 15px;
	display: flex;
	flex-direction: row;
}

@media (min-width: 576px) {
	.templates-list-item {
		width: calc(50% - 15px);
	}
}

@media (min-width: 992px) {
	.templates-list-item {
		width: calc(33.3333% - 15px);
	}

	.templates-list-item:nth-last-child(2):first-child,
	.templates-list-item:nth-last-child(2):first-child ~ .templates-list-item {
		width: calc(50% - 15px);
	}
}

.templates-list-item-thumb {
	width: 64px;
	text-align: center;
	flex-shrink: 0;
	margin-right: 15px;
}

.templates-list-item-thumb > img {
	display: inline-block;
	max-width: 64px;
	max-height: 64px;
	vertical-align: top;
}

.templates-list-item-thumb > .filetype-icon {
	width: 64px;
	height: 52px;
	line-height: 50px;
	font-size: 50px;
	color: var(--bs-primary);
	opacity: 0.85;
}

.templates-list-item-body {
	flex-grow: 1;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
}

.templates-list-item-name {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}

.templates-list-item-description {
	margin-top: -5px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.templates-list-item-warning {
	margin-top: -5px;
	margin-bottom: 10px;
	color: #a94442;
}

.templates-list-item-action {
	margin-top: auto;
}

.templates-list-item-btn {
	white-space: normal;
}

/* end: templates list */

/* begin: toggle button list */

.togglebutton-list {
	margin-left: -7px; /* Same as margin-bottom for .control-label */
	margin-bottom: -10px;
}

fieldset.togglebutton-list-group legend,
fieldset fieldset.togglebutton-list-group legend {
	margin-left: 7px;
}

.togglebutton-list .btn-default {
	--bs-btn-color: inherit;
	--bs-btn-bg: #FFFFFF;
	--bs-btn-border-color: #CCCCCC;
	--bs-btn-hover-color: var(--bs-btn-color);
	--bs-btn-hover-bg: var(--bs-btn-bg);
	--bs-btn-hover-border-color: var(--bs-btn-border-color);
	--bs-btn-focus-box-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--bs-primary), white 15%), transparent 50%);
	--bs-btn-focus-border-color: var(--bs-primary);
	--bs-btn-active-color: var(--bs-primary-contrast-color);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);

	margin-left: 7px;
	margin-bottom: 10px;
	min-width: 60px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 6px 15px;
	border-radius: 50px;
	font-weight: normal;
}

.togglebutton-list[disabled] .btn,
.togglebutton-list .btn.disabled {
	opacity: 1;
	pointer-events: none; /* Workaround for disabled toggle buttons responding to click/tap */
}

.has-success .togglebutton-list .btn-default {
	--bs-btn-border-color: var(--bs-success);
	--bs-btn-hover-border-color: var(--bs-success);
	--bs-btn-focus-box-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--bs-success), white 15%), transparent 50%);
	--bs-btn-focus-border-color: var(--bs-success);
	--bs-btn-active-color: var(--bs-success-contrast-color);
	--bs-btn-active-bg: var(--bs-success);
	--bs-btn-active-border-color: var(--bs-success);
}

.has-warning .togglebutton-list .btn-default {
	--bs-btn-border-color: var(--bs-warning);
	--bs-btn-hover-border-color: var(--bs-warning);
	--bs-btn-focus-box-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--bs-warning), white 15%), transparent 50%);
	--bs-btn-focus-border-color: var(--bs-warning);
	--bs-btn-active-color: var(--bs-warning-contrast-color);
	--bs-btn-active-bg: var(--bs-warning);
	--bs-btn-active-border-color: var(--bs-warning);
}

.has-error .togglebutton-list .btn-default {
	--bs-btn-border-color: var(--bs-danger);
	--bs-btn-hover-border-color: var(--bs-danger);
	--bs-btn-focus-box-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--bs-danger), white 15%), transparent 50%);
	--bs-btn-focus-border-color: var(--bs-danger);
	--bs-btn-active-color: var(--bs-danger-contrast-color);
	--bs-btn-active-bg: var(--bs-danger);
	--bs-btn-active-border-color: var(--bs-danger);
}

@supports not (color: color-mix(in srgb, white, black)) {
	.togglebutton-list .btn-default {
		--bs-btn-focus-box-shadow-color: rgba(calc(var(--bs-primary-base-r) * 0.85 + 255 * 0.15), calc(var(--bs-primary-base-g) * 0.85 + 255 * 0.15), calc(var(--bs-primary-base-b) * 0.85 + 255 * 0.15), 0.5);
	}

	.has-success .togglebutton-list .btn-default {
		--bs-btn-focus-box-shadow-color: rgba(calc(var(--bs-success-base-r) * 0.85 + 255 * 0.15), calc(var(--bs-success-base-g) * 0.85 + 255 * 0.15), calc(var(--bs-success-base-b) * 0.85 + 255 * 0.15), 0.5);
	}

	.has-warning .togglebutton-list .btn-default {
		--bs-btn-focus-box-shadow-color: rgba(calc(var(--bs-warning-base-r) * 0.85 + 255 * 0.15), calc(var(--bs-warning-base-g) * 0.85 + 255 * 0.15), calc(var(--bs-warning-base-b) * 0.85 + 255 * 0.15), 0.5);
	}

	.has-error .togglebutton-list .btn-default {
		--bs-btn-focus-box-shadow-color: rgba(calc(var(--bs-danger-base-r) * 0.85 + 255 * 0.15), calc(var(--bs-danger-base-g) * 0.85 + 255 * 0.15), calc(var(--bs-danger-base-b) * 0.85 + 255 * 0.15), 0.5);
	}
}

/* end: toggle button list */

.attr-edit-map {
	position: relative;
	z-index: 990;
	height: 270px;
	border-radius: 4px;
}

.attr-edit-map.leaflet-fullscreen-on{
	z-index: 99999;
	border-radius: 0;
}

/* Feed item */

.media-item-attributes-before-content
{
	margin: 0 0 20px 0;
}

.content-block .media-item-attributes-before-content
{
	margin: 0;
}

.media-item-attributes-after-content
{
	margin: 20px 0 20px 0;
}

.content-block .media-item-attributes-after-content
{
	margin: 0;
}

.media-item-attributes-before-content th,
.media-item-attributes-after-content th
{
	padding-right: 15px;
	white-space: nowrap;
	vertical-align: top;
}

.media-item-attributes-after-content .follow-linkedin
{
	margin-left: 0;
	margin-right: 8px;
	vertical-align: 0;
}

.media-library-content-container .media-library-author-list {
	margin: 0 0 20px 0;
}

.media-library-content-container-summary .msg-no-results-found,
.media-library-content-container-summary .msg-no-results-found:last-child > p:last-child {
	margin-bottom: 0;
}

.loading-container.loading .media-author-link,
.loading-container.loading .media-item-title,
.loading-container.loading .media-item-vendor-title,
.loading-container.loading .media-item-share-indication-link,
.loading-container.loading .media-item-meta,
.loading-container.loading .media-item-attribute-value-link {
	color: inherit;
}

.btn-media-item-save:before {
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f006"; /* fa-star-o */
	width: 16px;
	margin-right: 2px;
	text-align: center;
	opacity: 0.85; /* same as fa-muted */
	transition: opacity 0.15s ease-in-out;
}

.btn-media-item-save.set:not(.bookmark):before {
	content: "\f005"; /* fa-star */
}

.btn-media-item-save.bookmark:before {
	content: "\f097"; /* fa-bookmark-o */
}

.btn-media-item-save.bookmark.set:before {
	content: "\f02e"; /* fa-bookmark */
}

.btn-media-item-save.btn-outline-primary:not(:hover):not(:focus-visible):before {
	opacity: 1;
}

.btn-media-item-react:before {
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f08a"; /* fa-heart-o */
	width: 16px;
	margin-right: 2px;
	text-align: center;
	opacity: 0.85; /* same as fa-muted */
	transition: opacity 0.15s ease-in-out;
}

.btn-media-item-react.set:before {
	content: "\f004"; /* fa-heart */
	width: 16px;
	text-align: center;
}

.btn-media-item-react.btn-outline-primary:not(:hover):not(:focus-visible):before {
	opacity: 1;
}

.btn-media-item-share:before {
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f045"; /* fa-share-square-o */
	margin-right: 2px;
	opacity: 0.85; /* same as fa-muted */
	transition: opacity 0.15s ease-in-out;
}

.btn-media-item-share.set:before {
	content: "\f14d"; /* fa-share-square */
}

.btn-media-item-share.btn-outline-primary:not(:hover):not(:focus-visible):before {
	opacity: 1;
}

.media-item-list {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -15px 0 -15px; /* compensate for positive margin for inner li */
}

.media-item-list.swiper-wrapper {
	flex-wrap: nowrap;
	justify-content: normal;
	margin-left: 0;
	margin-right: 0;
}

.media-library-content-container-summary .media-item-list,
.wysiwyg-block .product-card-list,
.wysiwyg-block .group-list {
	margin-bottom: -30px;
}

.media-item-list-justify-left {
	justify-content: left;
}

.media-item-list-justify-center {
	justify-content: center;
}

.media-item-list-justify-right {
	justify-content: right;
}

.msg-no-results-found + .media-item-list {
	margin-top: 40px;
}

.media-item {
	position: relative;
	color: var(--bs-body-color);
	background: #ffffff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	margin: 0 15px 30px 15px;
	word-wrap: break-word;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
    transition: box-shadow 0.3s ease;
}

.swiper-wrapper > .media-item {
	margin-left: 0;
	margin-right: 0;
	flex: 0 0 auto;
	max-width: none;
}

/* We don't need to set margin for .wysiwyg-block-left as it is implicit for "justify-content: normal" */

.wysiwyg-block-center .swiper-wrapper > .media-item:first-child,
.wysiwyg-block-right .swiper-wrapper > .media-item:first-child {
	margin-left: auto;
}

.wysiwyg-block-center .swiper-wrapper > .media-item:last-child {
	margin-right: auto !important; /* !important needed to override inline style */
}

.wysiwyg-block-right .swiper-wrapper > .media-item:last-child {
	margin-right: 0 !important; /* !important needed to override inline style */
}

.media-item-promoted {
	border: solid var(--bs-primary) 1px;
}

.loading-container.loading .media-item-promoted {
	border-color: currentColor;
}

.media-item-promoted-indication {
	color: var(--bs-primary);
}

.loading-container.loading .media-item-promoted-indication {
	color: inherit;
}

.media-item-list > .feed-banner {
	border-radius: 5px;
	margin: 0 15px 30px 15px;
	width: 100%;
	max-width: none;
	flex-basis: calc(100% - 30px);
    transition: box-shadow 0.3s ease;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	position: relative;
}

@media only screen and (min-width: 992px) {
	.media-item-list:not(.media-item-card-list) .media-item {
		flex-direction: row;
	}
}

.media-item:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.media-item-thumb {
	position: relative;
	width: 100%;
	flex-shrink: 0;
}

.media-item-thumb > .picture_frame {
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 66.6666%; /* 3:2 Aspect Ratio */
}

.media-item-promoted > .media-item-thumb > .picture_frame {
	padding-top: calc(66.6666% + 0.3333px);
}

.media-item-thumb > .picture_frame:after {
	height: auto;
	top: auto;
	left: 0;
	bottom: 0;
	border-radius: 0;
	box-shadow: none;
    border-bottom: solid rgba(0,0,0,0.075) 1px;
}

.media-item-thumb-img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 5px 5px 0 0;
}

.media-item-promoted > .media-item-thumb > .picture_frame > .media-item-thumb-img {
	border-radius: 4px 4px 0 0;
}

@media only screen and (min-width: 992px) {
	.media-item-list:not(.media-item-card-list) > .media-item > .media-item-thumb {
		width: 225px;
	}

	.media-item-list:not(.media-item-card-list) > .media-item-promoted > .media-item-thumb {
		width: 224px;
	}

	.media-item-list:not(.media-item-card-list) > .media-item > .media-item-thumb > .picture_frame {
		padding-top: 0;
	}

	.media-item-list:not(.media-item-card-list) > .media-item > .media-item-thumb > .picture_frame > .media-item-thumb-img {
		border-radius: 5px 0 0 5px;
	}

	.media-item-list:not(.media-item-card-list) > .media-item-promoted > .media-item-thumb > .picture_frame > .media-item-thumb-img {
		border-radius: 4px 0 0 4px;
	}
}

.media-item-body {
    padding: 16px;
	border-radius: 0 0 5px 5px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
	position: relative;
}
.media-item-promoted > .media-item-body {
	border-radius: 0 0 4px 4px;
	padding: 16px 15px 15px 15px;
}

@media only screen and (min-width: 992px) {
	.media-item-list:not(.media-item-card-list) > .media-item > .media-item-body {
	    border-radius: 0 5px 5px 0;
		position: relative;
	}

	.media-item-list:not(.media-item-card-list) > .media-item-promoted > .media-item-body {
	    border-radius: 0 4px 4px 0;
		padding: 15px 15px 15px 16px;
	}
}

.media-item-share-indication {
	font-size: 0.9em;
	margin-bottom: 12px;
	max-width: 100%;
	color: #777777;
}

.media-item-header {
	display: flex;
	flex-direction: row;
	align-items: start;
}

.media-item-header:not(:last-child) {
	margin-bottom: 10px;
}

.media-item-icon {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	text-align: center;
	flex-shrink: 0;
	display: none;
}

.media-item-icon-img {
	max-width: 100%;
	max-height: 100%;
}

.media-item-header-text {
	flex-grow: 1;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}

.media-item-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.media-item-title {
	margin: 0 0 5px 0;
}

.media-item .media-item-main-title {
	display: inline-block;
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	vertical-align: top; /* Fix for Chrome to prevent too much space between single line title and item date below */
}

.media-item .media-item-subtitle {
	display: inline-block;
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	vertical-align: top; /* Fix for Chrome to prevent too much space between single line title and item date below */
}

.media-item .media-item-subtitle,
.media-item .media-item-meta-title {
	font-size: 15.5px;
	line-height: 21px;
	font-weight: normal;
}

.media-item .media-item-meta-title > .label
{
	vertical-align: 2px;
	display: inline-block;
	margin-right: 11px;
	font-weight: inherit;
	font-size: 0.84em; /* Stretch up to around 13px rounded to prevent misalignment in Chrome */
}

.media-item-meta {
	color: #777777;
	font-size: 0.9em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 15px;
	row-gap: 5px;
}

.media-item-meta > .label {
	font-weight: inherit;
	font-size: 1.03em; /* Stretch up to around 13px rounded to prevent misalignment in Chrome */
}

.media-item-type:not([style]),
.page-header-meta-type:not([style]) {
	color: inherit;
	box-shadow: 0px 0px 0px 1px inset currentColor;
	background: transparent;
}

@media only screen and (max-width: 991px) {
	.media-item-with-thumb .label.media-item-type {
		position: absolute;
		top: 0;
		transform: translate(0, -100%);
		left: 0;
		border-radius: 0;
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 5px 15px;
		pointer-events: none;
		font-size: 14px;
		line-height: inherit;
	}
	.media-item-with-thumb .label.media-item-type:not([style]) {
		background: #FFFFFF;
	}
}

@media only screen and (min-width: 992px) {
	.media-item-list.media-item-card-list .media-item-with-thumb .label.media-item-type {
		position: absolute;
		top: 0;
		transform: translate(0, -100%);
		left: 0;
		border-radius: 0;
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 5px 15px;
		pointer-events: none;
		font-size: 14px;
		line-height: inherit;
	}
	.media-item-list.media-item-card-list .media-item-with-thumb .label.media-item-type:not([style]) {
		background: #FFFFFF;
	}
}

.media-item-info {
	flex-grow: 1;
	margin-top: auto;
}

.media-item-description {
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.media-item-info:last-child .media-item-description:last-child {
	margin-bottom: 0;
}

.media-item-card-list .media-item-title {
	order: 2;
	margin-bottom: 0;
}

.media-item-card-list .media-item-meta {
	order: 1;
	margin-bottom: 10px;
}

.btn-media-item-react,
.btn-media-item-share {
	margin-bottom: 10px;
}

.media-item-footer {
	display: flex;
	flex-direction: column;
	align-items: end;
	margin-top: 5px;
}

.media-item-header + .media-item-footer {
	margin-top: auto;
}

.media-item-vendor {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.media-item-vendor-image-spacer {
    align-self: flex-start;
    margin-right: 10px;
	display: flex;
}

.media-item-vendor-image {
    border-radius: 4px;
	max-width: 40px;
    max-height: 40px;
}

.media-item-vendor-title {
	flex-grow: 1;
    font-size: inherit;
    font-weight: bold;
    margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.media-item-list .media-item-with-menu:not(.media-item-shared) .media-item-header-text,
.media-item-list .media-item-with-menu .media-item-share-indication,
.media-item-list .media-item-featured:not(.media-item-shared) .media-item-header-text,
.media-item-list .media-item-featured .media-item-share-indication {
	max-width: calc(100% - 20px); /* Substract the menu button or featured indication*/
}

.media-item-list .media-item-with-menu.media-item-featured:not(.media-item-shared) .media-item-header-text,
.media-item-list .media-item-with-menu.media-item-featured .media-item-share-indication {
 	max-width: calc(100% - 45px); /* Substract the menu button + featured indication */
}

.media-item-list .media-item-with-menu.media-item-with-icon:not(.media-item-shared) .media-item-header-text,
.media-item-list .media-item-featured.media-item-with-icon:not(.media-item-shared) .media-item-header-text {
	max-width: calc(100% - 65px); /* Substract the icon at the left + menu button or featured indication  */
}

.media-item-list .media-item-with-menu.media-item-featured.media-item-with-icon:not(.media-item-shared) .media-item-header-text {
	max-width: calc(100% - 92px); /* Substract the icon at the left + menu button or featured indication */
}

@media only screen and (max-width: 991px) {
	.media-item-list .media-item-with-thumb.media-item-with-menu:not(.media-item-shared) .media-item-header-text,
	.media-item-list .media-item-with-thumb.media-item-with-menu .media-item-share-indication,
	.media-item-list .media-item-with-thumb.media-item-featured:not(.media-item-shared) .media-item-header-text,
	.media-item-list .media-item-with-thumb.media-item-featured .media-item-share-indication {
		max-width: 100%; /* Menu button or featured indication are displayed above the thumb */
	}

	.media-item-list .media-item-with-thumb.media-item-with-menu.media-item-featured:not(.media-item-shared) .media-item-header-text,
	.media-item-list .media-item-with-thumb.media-item-with-menu.media-item-featured .media-item-share-indication {
 		max-width: 100%; /* Menu button + featured indication are displayed above the thumb */
	}

	.media-item-list .media-item-with-thumb.media-item-with-menu.media-item-with-icon:not(.media-item-shared) .media-item-header-text,
	.media-item-list .media-item-with-thumb.media-item-featured.media-item-with-icon:not(.media-item-shared) .media-item-header-text {
		max-width: 100%; /* Menu button or featured indication are displayed above the thumb */
	}

	.media-item-list .media-item-with-thumb.media-item-with-menu.media-item-featured.media-item-with-icon:not(.media-item-shared) .media-item-header-text {
		max-width: 100%; /* Menu button + featured indication are displayed above the thumb */
	}

	.media-item.feed .media-item-description {
		display: none
	}

	.media-item:not(.forum-topic) .media-item-title {
		order: 2;
		margin-bottom: 0;
	}

	.media-item:not(.forum-topic) .media-item-meta {
		order: 1;
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 992px) {
	.media-item-list:not(.media-item-card-list) .media-item-icon {
	    margin-right: 15px;
		display: block;
	}

	.media-item-list:not(.media-item-card-list) .media-item-with-icon .media-item-info,
	.media-item-list:not(.media-item-card-list) .media-item-with-icon .media-item-footer {
	    margin-left: 47px;
	}

	.media-item-list:not(.media-item-card-list) .media-item-footer {
		flex-direction: row;
	}

	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-with-menu:not(.media-item-shared) .media-item-header-text,
	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-with-menu .media-item-share-indication,
	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-featured:not(.media-item-shared) .media-item-header-text,
	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-featured .media-item-share-indication {
		max-width: 100%; /* Menu button or featured indication are displayed above the thumb */
	}

	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-with-menu.media-item-featured:not(.media-item-shared) .media-item-header-text,
	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-with-menu.media-item-featured .media-item-share-indication {
 		max-width: 100%; /* Menu button + featured indication are displayed above the thumb */
	}

	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-with-menu.media-item-with-icon:not(.media-item-shared) .media-item-header-text,
	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-featured.media-item-with-icon:not(.media-item-shared) .media-item-header-text {
		max-width: 100%; /* Menu button or featured indication are displayed above the thumb */
	}

	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-with-menu.media-item-featured.media-item-with-icon:not(.media-item-shared) .media-item-header-text {
		max-width: 100%; /* Menu button + featured indication are displayed above the thumb */
	}
}

.media-item-featured-indication {
	position: absolute;
	padding: 0 5px;
	top: 20px;
	right: 10px;
	color: var(--bs-info);
	font-size: 19px;
}

.media-item-with-menu .media-item-featured-indication {
	right: 34px;
}

.media-item-menu {
	position: absolute;
	top: 16px;
	right: 6px;
}

.media-item-promoted .media-item-menu {
	top: 15px;
	right: 5px;
}

.media-item-menu > .btn {
	font-size: 1.28571em;
	line-height: 1.28571em;
	padding: 0 10px;
}

@media (max-width: 991px) {
	.media-item-list .media-item-with-thumb .media-item-featured-indication {
		color: rgba(255, 255, 255, 0.9);
		text-shadow: 0 0 8px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.8);
		top: 16px;
	}

	.media-item-list .media-item-with-thumb .media-item-menu {
		top: 12px;
	}

	.media-item-list .media-item-with-thumb.media-item-promoted .media-item-menu {
		top: 11px;
	}

	.media-item-list .media-item-with-thumb .media-item-menu > .btn {
		color: rgba(255, 255, 255, 0.9);
		text-shadow: 0 0 8px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.8);
	}

	/* Ignore font size set to 15px for mobile in ydstyle.css */
	.media-item-menu > .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
		font-size: 1.28571em;
	}
}

@media (min-width: 992px) {
	.media-item-list.media-item-card-list .media-item-with-thumb .media-item-featured-indication {
		color: rgba(255, 255, 255, 0.9);
		text-shadow: 0 0 8px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.8);
		top: 16px;
	}

	.media-item-list.media-item-card-list .media-item-with-thumb .media-item-menu {
		top: 12px;
	}

	.media-item-list.media-item-card-list .media-item-with-thumb.media-item-promoted .media-item-menu {
		top: 11px;
	}

	.media-item-list.media-item-card-list .media-item-with-thumb .media-item-menu > .btn {
		color: rgba(255, 255, 255, 0.9);
		text-shadow: 0 0 8px rgba(0, 0, 0, 0.8), 0 0 8px rgba(0, 0, 0, 0.8);
	}
}

.media-item .media-item-attributes-before-content {
	margin: 0 0 10px 0;
}

.media-item .media-item-attributes-after-content {
	margin: 10px 0;
}

.media-item .media-item-attributes-before-content th,
.media-item .media-item-attributes-after-content th {
	font-weight: normal;
}

/* Begin group list >> */

.group-list {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -15px 0 -15px; /* compensate for positive margin for inner li */
}

.group-list.swiper-wrapper {
	flex-wrap: nowrap;
	justify-content: normal;
	margin-left: 0;
	margin-right: 0;
}

.group-list-item {
	position: relative;
	background: #ffffff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	margin: 0 15px 30px 15px;
	word-wrap: break-word;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	transition: box-shadow 0.3s ease;
	cursor: pointer;
}

.swiper-wrapper > .group-list-item {
	margin-left: 0;
	margin-right: 0;
	flex: 0 0 auto;
	max-width: none;
}

/* We don't need to set margin for .wysiwyg-block-left as it is implicit for "justify-content: normal" */

.wysiwyg-block-center .swiper-wrapper > .group-list-item:first-child,
.wysiwyg-block-right .swiper-wrapper > .group-list-item:first-child {
	margin-left: auto;
}

.wysiwyg-block-center .swiper-wrapper > .group-list-item:last-child {
	margin-right: auto !important; /* !important needed to override inline style */
}

.wysiwyg-block-right .swiper-wrapper > .group-list-item:last-child {
	margin-right: 0 !important; /* !important needed to override inline style */
}

.group-list-item:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.group-list-item-thumb {
	position: relative;
	width: 100%;
	flex-shrink: 0;
}

.wysiwyg-block .group-list-item-thumb {
	background: #000000;
	border-radius: 5px;
}

.group-list-item-thumb > .picture_frame {
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
	padding-top: 66.6666%; /* 3:2 Aspect Ratio */
}

.group-list-item-thumb > .picture_frame:after {
	height: auto;
	top: auto;
	left: 0;
	bottom: 0;
	border-radius: 0;
	box-shadow: none;
	border-bottom: solid rgba(0,0,0,0.075) 1px;
}

.group-list-item-thumb-img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	border-radius: 5px 5px 0 0;
}

.wysiwyg-block .group-list-item-thumb-img {
	border-radius: 5px;
	opacity: 0.6;
}

.group-list-item-body {
	padding: 16px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
}

.wysiwyg-block .group-list-item-body {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	padding-bottom: 10px;
}

.group-list-item-title {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0 0 5px 0;
}

.loading-container.loading .group-list-item-title {
	color: inherit;
}

.wysiwyg-block h3.group-list-item-title {
	color: inherit;
	opacity: 0.9;
	margin-top: auto;
}

.wysiwyg-block .group-list-item-title .ambient-link:hover,
.wysiwyg-block .group-list-item-title .ambient-link:focus-visible {
	color: inherit;
}

.wysiwyg-block .group-list-item:hover .ambient-link,
.wysiwyg-block .group-list-item .ambient-link:focus-visible {
	text-decoration: underline !important;
}

.group-list-item-meta {
	color: #777777;
	font-size: 0.9em;
	margin: 0 0 10px 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 15px;
	row-gap: 5px;
}

.wysiwyg-block .group-list-item-meta {
	color: inherit;
	opacity: 0.9;
	row-gap: 0;
}

.group-list-item-meta:last-child {
	margin-bottom: 0;
}

.loading-container.loading .group-list-item-meta {
	color: inherit;
}

.group-list-item-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.group-list-item-description:last-child {
	margin-bottom: 0;
}

.group-list-item-joined-indication {
	position: absolute;
	padding: 0 5px;
	top: 16px;
	right: 11px;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 0 8px rgba(0, 0, 0, 1);
}

.wysiwyg-block .group-list-item-joined-indication {
	opacity: 0.9;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/* << End group list */

.feed-page-header-icon-img {
	max-width: 28px;
	max-height: 28px;
	margin-right: 4px;
	line-height: 1;
	display: inline-block;
	vertical-align: -5px;
}

.btn-load-more {
	margin-bottom: 15px;
}

.author-info-link {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.author-info-img-spacer {
	margin-right: 10px;
}

.author-info-img {
	max-width: 60px;
	max-height: 60px;
	border-radius: 4px;
	align-self: flex-start;
}

/* image gallery */

.ts-gallery {
	overflow: hidden;
	position: relative;
	margin-right: -4px;
	margin-left: -4px;
	margin-top: -6px;
	margin-bottom: 40px;
}

.product_showcase .ts-gallery {
	margin-bottom: 20px;
}

.ts-gallery.profile {
	margin-bottom: 20px;
	margin-top: -8px;
}

.ts-gallery > [class*='col-'] {
	padding-right: 4px;
	padding-left: 4px;
}

.ts-gallery .gallery-item {
	padding-top: 66.667%;
	position: relative;
	overflow: hidden;
	margin-top: 6px;
	height: auto;
	cursor: pointer;
}

.ts-gallery.single-image,
.ts-gallery.single-image .gallery-item {
	margin-top: 0;
}

.ts-gallery.profile .gallery-item {
	margin-top: 8px;
}

.ts-gallery:not(.single-image) .gallery-item {
	border-radius: 5px;
}

@media (max-width: 767px) {
	.ts-gallery.single-image:not(.tall):not(.tall) .gallery-item {
		border-radius: 5px;
	}
}

.ts-gallery.single-image:before,
.ts-gallery:not(.single-image) .gallery-item:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.075) inset;
	pointer-events: none;
	z-index: 10;
	border-radius: 5px;
}

.ts-gallery.single-image:before {
	left: 4px;
	right: 4px;
}

.ts-gallery .gallery-item-img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: 0.5s;
}

.ts-gallery.single-image:hover .gallery-item-img,
.ts-gallery.single-image:hover .gallery-canvas-wrapper .gallery-item-img,
.ts-gallery .gallery-item:hover .gallery-item-img {
	transform: translate(-50%,-50%) scale(1.1);
}

.ts-gallery .gallery-item.tall .gallery-item-img,
.ts-gallery .gallery-item.wide .gallery-item-img {
	object-fit: contain;
}

.ts-gallery .gallery-item.video:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-family: "FontAwesome";
	content: "\f04b";
	color: #FFF;
	font-size: 40px;
	filter: drop-shadow(2px 2px 1px #333);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ts-gallery .gallery-item.more .extra {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #FFF;
	background: rgba(0,0,0,0.5);
	width: 60px;
	height: 60px;
	white-space:nowrap;
	text-align:center;
	border-radius: 5px;
}

.ts-gallery.profile .gallery-item.more .extra {
	bottom: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
}

.ts-gallery .gallery-item.more .extra-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFF;
	font-size: 15px;
	/*filter: drop-shadow(2px 2px 1px #333);*/
}

@media (min-width: 768px) {
	.ts-gallery .hidden-sm .gallery-item.more .extra {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

@supports (aspect-ratio: auto) {
	.ts-gallery .gallery-item {
		padding-top: 0;
		aspect-ratio: 3/2;
		min-height: 0;
	}

	.ts-gallery .gallery-item .gallery-item-img {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}

	.ts-gallery.single-image:hover .gallery-item-img,
	.ts-gallery.single-image:hover .gallery-canvas-wrapper .gallery-item-img,
	.ts-gallery .gallery-item:hover .gallery-item-img {
		transform: scale(1.1);
	}
}

.gallery-canvas-wrapper {
	position: absolute;
	top: 0;
	right: 4px;
	bottom: 0;
	left: 4px;
	overflow: hidden;
	border-radius: 5px;
	cursor: pointer;
}

.gallery-canvas,
.gallery-item-canvas {
	position: absolute;
	top: -30px;
	right: -30px;
	bottom: -30px;
	left: -30px;
	background-size: contain;
	background-position: 50% 50%;
	filter: blur(30px) brightness(1.1);
	z-index: -1;
	transition: 0.5s;
}

.gallery-canvas.default-icon {
	filter: unset;
}

.ts-gallery.single-image .gallery-canvas-wrapper .gallery-item-img {
	position: relative;
	top: 0;
	left: 0;
	transform: none;
	object-fit: contain;
}

/* Hero page header */

.hero-page-header {
	--hero-page-header-padding-t: 25px;
	--hero-page-header-padding-b: 25px;
	--hero-page-header-min-height: 145px;
	color: #FFFFFF;
	padding: var(--hero-page-header-padding-t) 0 var(--hero-page-header-padding-b) 0;
	margin-bottom: 40px;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	min-height: var(--hero-page-header-min-height);
}

@media only screen and (min-width: 992px) {
	.hero-page-header {
		--hero-page-header-min-height: 190px;
	}

	.hero-page-header:has(> .background-asset[style*="background-image"]) {
		--hero-page-header-min-height: 300px;
	}
}

.with-header-background-img .hero-page-header {
	margin-top: calc(-1 * var(--header-condensed-height, var(--navbar-height)));
	padding-top: calc(var(--hero-page-header-padding-t) + var(--header-condensed-height, var(--navbar-height)));
	min-height: calc(var(--hero-page-header-min-height) + var(--header-condensed-height, var(--navbar-height)));
}

.hero-page-header > .background-asset-image:not([style*="background-image"]) {
	background-color: var(--bs-primary);
}

.hero-page-header > .background-asset[style*="background-image"]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,.3) 100%);
    pointer-events: none;
}

.hero-page-header > .container {
	flex-grow: 1;
	max-width: 100%;
}

@media only screen and (min-width: 768px) {
	.hero-page-header > .container {
		flex-grow: 0;
	}
}

.hero-page-header-content {
	position: relative;
	z-index: 20;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
}

.hero-page-header-breadcrumb {
	position: relative;
	z-index: 20;
	margin-bottom: 2px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.hero-page-header-breadcrumb > li:after,
.hero-page-header-breadcrumb > li.breadcrumb-shortened > a:before,
.hero-page-header-breadcrumb > .active {
	color: inherit;
	opacity: 0.8;
}

.hero-page-header-breadcrumb > .icon-link-level-up,
.hero-page-header-breadcrumb > .icon-link-level-up:hover,
.hero-page-header-breadcrumb > .icon-link-level-up:focus-visible,
.hero-page-header-breadcrumb > li > a,
.hero-page-header-breadcrumb > li > a:hover,
.hero-page-header-breadcrumb > li > a:focus-visible {
	color: inherit;
}

.hero-page-header-content > h1,
.hero-page-header-content > h2,
.hero-page-header-content > h3 {
	margin: 0 auto 0 0;
	font-size: 36px;
	word-wrap: break-word;
	line-height: 1.11111111;
	color: inherit;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.hero-page-header-actions-menu .hero-page-header-content {
	padding-right: 25px;
}

.hero-page-header-content > h1 > small {
	color: inherit;
	opacity: 0.8;
}

.hero-page-header-content > .page-header-controls {
	margin: 6px 0 0 0;
}

.hero-page-header-snippet .hero-page-header-content {
	flex-direction: column;
	align-items: stretch;
}

.hero-page-header-snippet .hero-page-header-content > h1,
.hero-page-header-snippet .hero-page-header-content > h2,
.hero-page-header-snippet .hero-page-header-content > h3 {
	margin-right: 0;
}

.hero-page-header-snippet .hero-page-header-content > h1:not(:last-child),
.hero-page-header-snippet .hero-page-header-content > h2:not(:last-child),
.hero-page-header-snippet .hero-page-header-content > h3:not(:last-child) {
	margin-bottom: 10px;
}

.hero-page-header-snippet .hero-page-header-content > p {
	font-size: 1.2857em;
	line-height: 1.4;
}

.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron,
.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron-left,
.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron-center,
.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron-right {
	padding-top: 30px;
	padding-bottom: 30px;
}

@media only screen and (min-width: 992px) {
	.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron,
	.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron-left,
	.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron-center,
	.hero-page-header-snippet .hero-page-header-content > .landing-jumbotron-right {
		padding-top: 85px;
		padding-bottom: 85px;
	}
}

.hero-page-header-snippet .hero-page-header-content > p:last-child {
	margin-bottom: 0;
}

.hero-page-header-content > .btn-group-actions-menu {
	position: absolute;
	top: 5px; /* align with header text */
}

.hero-page-header-content > .btn-group-actions-menu > .btn-link {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.hero-page-header-content > .btn-group-actions-menu > .btn-link,
.hero-page-header-content > .btn-group-actions-menu > .btn-link:hover,
.hero-page-header-content > .btn-group-actions-menu > .btn-link:focus-visible {
	color: inherit;
}

.hero-page-header-profiles-search {
	--hero-page-header-profiles-search-padding-tb: 40px;
	padding: var(--hero-page-header-profiles-search-padding-tb) 0;
}

.with-header-background-img .hero-page-header-profiles-search  {
	padding-top: calc(var(--hero-page-header-profiles-search-padding-tb) + var(--header-condensed-height, var(--navbar-height)));
}

@media only screen and (min-width: 992px) {
	.hero-page-header-profiles-search {
		--hero-page-header-profiles-search-padding-tb: 50px;
	}
}

.hero-page-header-profiles-search-fields {
	position: relative;
	z-index: 20;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.hero-page-header-profiles-search .hero-page-header-content {
	margin: 0 auto;
	text-align: center;
}

@media only screen and (min-width: 576px) {
	.hero-page-header-profiles-search-fields,
	.hero-page-header-profiles-search .hero-page-header-content {
		width: 75%;
	}
}

@media only screen and (min-width: 768px) {
	.hero-page-header-profiles-search-fields {
		flex-direction: row;
		width: 100%;
	}

	.hero-page-header-profiles-search .hero-page-header-content {
		width: 100%;
	}
}

@media only screen and (min-width: 992px) {
	.hero-page-header-profiles-search-fields,
	.hero-page-header-profiles-search .hero-page-header-content {
		width: 75%;
	}
}

.hero-page-header-snippet .hero-page-header-content + .hero-page-header-profiles-search-fields {
	margin-top: 25px;
}

.hero-page-header-profiles-search-fields > select.form-control {
	border: none;
	flex-grow: 1;
	margin: 0 0 10px 0;
}

.hero-page-header-profiles-search-fields .btn {
	padding-top: 11px;
	padding-bottom: 11px;
}

@media only screen and (min-width: 768px) {
	.hero-page-header-profiles-search-fields select.form-control {
		margin: 0 15px 0 0;
	}
}

/* Search and filters */

.page-header-search-filters {
	margin-bottom: 0;
	padding-bottom: 15px; /* Match with top of the item list */
}

.page-header-search-filters.page-header-borderless:has(+ .filter-list > #products-filter:first-child:last-child) {
	padding-bottom: 2px; /* Currently we only show categories as product filters, which have another matching top with the product list than attribute filters */
}

#region-filters-narrow-wrapper {
	margin-bottom: 30px;
	position: relative;
}

@media only screen and (min-width: 768px) {
	#region-filters-narrow-wrapper {
		display: none;
	}
}

#region-filters-narrow-header {
	padding-top: 15px;
	margin-top: -15px;
	background: #FFFFFF;
	position: sticky;
	top: var(--header-condensed-height, var(--navbar-height));
	z-index: 10;
}

#region-filters-narrow {
	padding-top: 10px;
}

#region-filters-wide:not(.content-block-feed) {
	margin-bottom: 20px;
}

.search-filter-option {
	padding: 15px 0;
	border-bottom: solid #eee 1px;
}

.search-filter-option > strong {
	color: var(--bs-heading-color);
	font-family: var(--bs-heading-font-family);
	font-weight: var(--bs-heading-font-weight);
	display: block;
}

.search-filter-option-year-range
{
	padding-top: 10px;
	position: relative;
}

.search-filter-option-year-range .btn-apply-year-range {
	top: 10px;
}

.search-filter-option-year-range input[type="number"],
.search-filter-option-year-range input[type="number"]:hover:not([readonly]):not([disabled]),
.search-filter-option-year-range input[type="number"]:focus:enabled:not([readonly]):not([disabled]) {
	-moz-appearance: textfield;
}
.search-filter-option-year-range input[type="number"]::-webkit-inner-spin-button,
.search-filter-option-year-range input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.search-filter-option-year-range .input-group-addon
{
	border-left: 0;
	border-right: 0;
	background: #FFFFFF;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	text-shadow: none;
}

.search-filter-option-year-range input[type="number"][name="yl"]
{
	width: 60px;
}

.btn-apply-year-range
{
	right: 0;
	top: 0;
	position: absolute;
	padding: 0 9px;
	line-height: 34px;
	height: 34px;
	z-index: 10;
	outline-offset: -6px;
}

.search-filter-option [data-toggle=collapse] {
	color: inherit !important;
	display: block;
}

.search-filter-option [data-toggle=collapse] > .fa {
	line-height: inherit;
	float: right;
	color: var(--bs-primary);
	font-size: 1.25em;
	line-height: 1.142857144em;
}

.search-filter-option .form-group {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 5px;
}

.search-filter-option .has-feedback label.sr-only ~ .form-control-feedback {
	top: 10px;
}

.search-filter-option .has-feedback label ~ .form-control-feedback {
	top: 37px;
}

.search-filter-option .checkbox,
.search-filter-option .checkbox + .checkbox,
.search-filter-option .radio,
.search-filter-option .radio + .radio {
	margin-top: 0;
	margin-bottom: 0;
}

.search-filter-option .checkbox ~ .checkbox,
.search-filter-option .radio ~ .radio {
	margin-top: 5px;
}

.search-filter-option .radio .rate_button {
	vertical-align: -1px;
}

.filter-option-category-types {
	padding-left: 25px;
}

.search-filter-option .filter-option-category-types > .radio:first-child {
	padding-top: 10px;
}

.search-filter-option .filter-option-category-types > .radio:last-child {
	padding-bottom: 5px;
}

.search-filter-option-location-distance .form-group:last-child {
	padding-top: 5px;
	padding-bottom: 0;
}

.search-filter-option-location-distance .control-label {
	font-weight: normal;
}

.search-filter-option + .block-featured-profiles
{
	margin-top: 25px;
}

.search-filter-option + .content-block
{
	margin-top: 20px;
}

/* update browser */

.update-browser-wrapper > h2 {
	margin-top: 5px;
}

.update-browser-wrapper > p {
	margin-bottom: 20px;
}

.update-browser-list {
	padding-left: 0;
	list-style: none;
	margin-left: -15px;
	margin-bottom: -15px;
	overflow: auto;
}

.update-browser {
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 15px;
	text-align: center;
	font-size: 1.1em;
	min-width: 180px;
	background: #f2f2f2;
	border-radius: 5px;
	float: left;
}

@media (max-width: 419px) {
	.update-browser-wrapper .update-browser {
		width: calc(100%);
	}
}

@media (min-width: 768px) {
	.update-browser-wrapper .update-browser {
		width: calc(25% - 15px);
	}
}

.update-browser-link {
	padding: 30px 15px;
	margin-bottom: 0;
	border-radius: inherit;
	display: block;
}

.update-browser-logo {
	width: 114px;
	height: 114px;
	margin-bottom: 10px;
}

.update-browser-logo[src*="f.png"] {
	width: 110px;
}

.update-browser-name {
}

.update-browser-vendor {
	display: inline-block;
	font-size: 0.85em;
}

body .buorg {
	border-color: #e4d848;
	background: #fff79c;
	background: linear-gradient(to bottom, #fffabf, #fff79c);
    border-radius: 5px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	font-family: inherit;
	font-size: 16px;
}

body .buorg-pad {
	padding: 10px 16px 16px 16px;
	line-height: 1.42857;
}

body .buorg-mainmsg {
	margin-bottom: 6px;
}

body .buorg-moremsg {
	margin-bottom: 10px;
}

body #buorgul {
	background: var(--bs-success);
	box-shadow: none;
	padding: 7px 13px;
	font-weight: bold;
}

body #buorgig {
	background: var(--bs-warning);
	box-shadow: none;
	padding: 7px 13px;
	font-weight: bold;
}

/* chart */
.chart-container {
	background-image: url('images/compass-400.png');
	background-repeat: no-repeat;
	width: 400px;
	height: 400px;
	margin: auto;
}

@media (max-width: 767px) {
	.chart-container {
		background-image: url('images/compass-280.png');
		width: 280px;
		height: 280px;
	}
}

.online-session-launcher-help-block {
	margin-top: 7px;
	margin-bottom: 10px;
}

.media-item-info:not(:last-child) .online-session-launcher {
	margin-bottom: 5px;
}
.media-item-info .online-session-launcher-help-block {
	margin-top: 5px;
}
.media-item-info .online-session-launcher-help-block {
	margin-top: 5px;
}
.media-item-info:last-child .online-session-launcher-help-block:last-child {
	margin-bottom: 0;
}

/* owl-carousel */

.owl-carousel {
	padding: 0;
	list-style-type: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	line-height: 1;
	font-size: 30px;
	margin-top: -15px;
	background: transparent;
	color: inherit;
	opacity: 0.7;
	transition: opacity ease-in-out .15s;
}

.owl-carousel .owl-nav button.owl-prev {
	left: 0px;
}

.owl-carousel .owl-nav button.owl-next {
	right: 0px;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:focus-visible,
.owl-carousel .owl-nav button.owl-next:focus-visible {
	color: inherit;
	opacity: 1;
}

/* profile-carousel */

.profile-carousel {
	margin-top: 30px;
}

.profile-carousel .owl-stage-outer {
	padding: 5px 0; /* Compensate for item box shadow */
	margin: -5px 0; /* Compensate for item box shadow */
}

.profile-carousel .owl-carousel .owl-item {
	width: 160px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 50%;
	background: #FFFFFF;
	position: relative;
	transition: all 0.15s ease;
	transform: scale(0.85);
}

.profile-carousel .owl-carousel .owl-item:after {
	--box-shadow-color: rgba(0, 0, 0, 0.1);
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 0 1px var(--box-shadow-color) inset;
	border-radius: 50%;
	pointer-events: none;
}

.wysiwyg-block.text-light .profile-carousel .owl-carousel .owl-item:after {
	--box-shadow-color: rgba(255, 255, 255, 0.1);
}

.profile-carousel .owl-item.xs-l,
.profile-carousel .owl-item.xs-r {
	z-index: 1;
}

.profile-carousel .owl-item.xs-l {
	transform: scale(0.55) translateX(142px);
}

.profile-carousel .owl-item.xs-r {
	transform: scale(0.55) translateX(-142px);
}

.profile-carousel .owl-item.sm-l,
.profile-carousel .owl-item.sm-r {
	z-index: 2;
}

.profile-carousel .owl-item.sm-l {
	transform: scale(0.7) translateX(38px);
}

.profile-carousel .owl-item.sm-r {
	transform: scale(0.7) translateX(-38px);
}

.profile-carousel .owl-item.md-l,
.profile-carousel .owl-item.md-r {
	z-index: 3;
}

.profile-carousel .owl-item.md-l {
	transform: scale(0.85) translateX(50px);
}

@media (min-width: 768px) {
	.profile-carousel .owl-item.md-l {
		transform: scale(0.85) translateX(0px);
	}
}

.profile-carousel .owl-item.md-r {
	transform: scale(0.85) translateX(-50px);
}

@media (min-width: 768px) {
	.profile-carousel .owl-item.md-r {
		transform: scale(0.85) translateX(0px);
	}
}

.profile-carousel .owl-item.lg {
	transform: scale(1.0);
	z-index: 4;
}

.profile-carousel .owl-dragging .owl-item {
	transform: scale(0.85);
}

.profile-carousel .owl-item .profile {
	transition: opacity 0.15s ease;
	opacity: 0.55;
}

.profile-carousel .owl-item.xs-l .profile,
.profile-carousel .owl-item.xs-r .profile {
	opacity: 0.55;
}

.profile-carousel .owl-item.sm-l .profile,
.profile-carousel .owl-item.sm-r .profile {
	opacity: 0.70;
}

.profile-carousel .owl-item.md-l .profile,
.profile-carousel .owl-item.md-r .profile {
	opacity: 0.85;
}

.profile-carousel .owl-item.lg .profile {
	opacity: 1.0;
}

.profile-carousel .owl-dragging .owl-item .profile {
	opacity: 1;
}

.profile-carousel .owl-carousel img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}

.profile-carousel .owl-item a:focus {
	outline: none;
}

.profile-carousel .owl-carousel .owl-nav.disabled {
	display: block;
}

.profile-carousel-active-profile {
	--active-profile-line-height: 1.7;
	--active-profile-name-font-size: 16px;
	--active-profile-name-lines: 2;
	--active-profile-descr-font-size: 14px;
	--active-profile-descr-lines: 2;
	--active-profile-descr-margin-bottom: 0px;
	--active-profile-rating-line-height: 0;
	--active-profile-rating-font-size: 14px;
	--active-profile-rating-lines: 2;
	--active-profile-follower-line-height: 0;
	--active-profile-follower-font-size: 14px;
	--active-profile-follower-lines: 1;
	line-height: var(--active-profile-line-height);
}

.profile-carousel-active-profile.with-rating {
	--active-profile-descr-margin-bottom: 10px;
	--active-profile-rating-line-height: var(--active-profile-line-height);
}

.profile-carousel-active-profile.with-followers {
	--active-profile-descr-margin-bottom: 10px;
	--active-profile-follower-line-height: var(--active-profile-line-height);
}

.profile-carousel-active-profile_rating,
.profile-carousel-active-profile .rate_count {
	font-size: var(--active-profile-rating-font-size);
	color: #777777;
	display: -webkit-box;
	-webkit-line-clamp: var(--active-profile-rating-lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.profile-carousel-active-profile .follower_count {
	font-size: var(--active-profile-follower-font-size);
	color: #777777;
	display: -webkit-box;
	-webkit-line-clamp: var(--active-profile-follower-lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.wysiwyg-block.text-light .profile-carousel-active-profile .follower_count,
.wysiwyg-block.text-light .profile-carousel-active-profile .rate_count {
	color: inherit;
	opacity: 0.8;
}

.profile-carousel-active-profile-link {
	display: block;
	max-width: 400px;
	margin: 20px auto;
	padding: 0;
	text-align: center;
	/* Set height to prevent jumping screen when switching profiles */
	height: calc((var(--active-profile-name-font-size) * var(--active-profile-line-height) * var(--active-profile-name-lines)) + (var(--active-profile-descr-font-size) * var(--active-profile-line-height) * var(--active-profile-descr-lines)) + var(--active-profile-descr-margin-bottom) + (var(--active-profile-rating-font-size) * var(--active-profile-rating-line-height) * var(--active-profile-rating-lines)) + (var(--active-profile-follower-font-size) * var(--active-profile-follower-line-height) * var(--active-profile-follower-lines)))
}

.profile-carousel-active-profile-link,
.profile-carousel-active-profile-link:hover,
.profile-carousel-active-profile-link:focus-visible {
	color: inherit;
	text-decoration: none;
}

.profile-carousel-active-profile-name {
	font-size: var(--active-profile-name-font-size);
	display: -webkit-box;
	-webkit-line-clamp: var(--active-profile-name-lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.profile-carousel-active-profile-description {
	font-size: var(--active-profile-descr-font-size);
	display: -webkit-box;
	-webkit-line-clamp: var(--active-profile-descr-lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: var(--active-profile-descr-margin-bottom);
}

.media .course-name {
	margin-top: 0;
}

.media .course-name:last-child,
#WizardForm .media .course-name:last-child {
	margin-bottom: 0;
}

.media .course-image {
	max-height: 68px;
	max-width: 120px;
}

a + .container-filters {
	margin-left: 36px;
}

.filter-list.nav-list > li {
	margin-bottom: 5px;
}
.filter-list.nav-list > li > a {
	position: relative;
	padding: 7px 13px 7px 36px;
	border-radius: 4px;
}
.filter-list.nav-list > li > a > i {
    margin-left: -24px;
	margin-top: 1px;
    position: absolute;
    line-height: inherit;
}

.container-filters .nav-pills.nav-stacked > li + li {
	margin-top: 3px;
}

.container-filters .nav-pills.nav-stacked > li:first-child {
	margin-top: 9px;
}

.content-block-image-column {
	display: flex;
	justify-content: center;
}

.content-block-image-column-left {
	margin-top: 40px;
	order: 0;
}

.content-block-image-column-right {
	margin-top: 40px;
	order: 1;
}

@media (min-width: 992px) {
	.content-block-image-column-left {
		margin-top: 0;
		order: -1;
	}

	.content-block-image-column-right {
		margin-top: 0;
		order: 1;
	}
}

.content-block-image-column-align-top {
	align-items: start;
}

.content-block-image-column-align-middle {
	align-items: center;
}

.content-block-image-column-align-bottom {
	align-items: end;
}

.block-featured-profiles .col-header,
.block-featured-profiles .media-list {
	margin-bottom: 20px;
}

.block-featured-profiles .media:not(:first-child) {
	margin-top: 20px;
}

.block-featured-profiles .thumb-spacer {
	width: 60px;
}

.block-featured-profiles .media-object {
	max-width: 60px;
	max-height: 60px;
}

.ui-sortable {
	position: relative; /* This fixes an incorrect animation off-screen when reordering items with drag & drop */
}