/* Minification failed. Returning unminified contents.
(6,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(110,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-info'
(123,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-label-color'
(124,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-label-bg'
(128,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast-color'
(452,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(456,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-contrast-color'
(457,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary'
(505,21): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width'
(4570,33): run-time error CSS1046: Expect comma, found '0'
(4570,37): run-time error CSS1046: Expect comma, found '/'
(4570,63): run-time error CSS1046: Expect comma, found '0'
(4570,67): run-time error CSS1046: Expect comma, found '/'
 */
/* Custom properties */

:root {
	/* Base */

	--bs-primary-base-h: 211; /* based on #007BFF (BS4 primary) */
	--bs-primary-base-s: 100%; /* based on #007BFF (BS4 primary) */
	--bs-primary-base-l: 50%; /* based on #007BFF (BS4 primary) */
	--bs-primary: hsla(var(--bs-primary-base-h), var(--bs-primary-base-s), var(--bs-primary-base-l), 1);
	--bs-primary-contrast-color: #FFFFFF;

	--bs-secondary-base-h: var(--bs-primary-base-h);
	--bs-secondary-base-s: 7%;
	--bs-secondary-base-l: 90%;
	--bs-secondary: hsla(var(--bs-secondary-base-h), var(--bs-secondary-base-s), var(--bs-secondary-base-l), 1);
	--bs-secondary-contrast-color: var(--bs-body-color);

	--bs-success-base-h: 133; /* based on #28A745 (BS4 success) */
	--bs-success-base-s: 61%; /* based on #28A745 (BS4 success) */
	--bs-success-base-l: 40%; /* based on #28A745 (BS4 success) */
	--bs-success: hsla(var(--bs-success-base-h), var(--bs-success-base-s), var(--bs-success-base-l), 1);
	--bs-success-contrast-color: #FFFFFF;

	--bs-danger-base-h: 354; /* based on #DC3545 (BS4 danger) */
	--bs-danger-base-s: 70%; /* based on #DC3545 (BS4 danger) */
	--bs-danger-base-l: 53%; /* based on #DC3545 (BS4 danger) */
	--bs-danger: hsla(var(--bs-danger-base-h), var(--bs-danger-base-s), var(--bs-danger-base-l), 1);
	--bs-danger-contrast-color: #FFFFFF;

	--bs-warning-base-h: 45; /* based on #FFC107 (BS4 warning) */
	--bs-warning-base-s: 100%; /* based on #FFC107 (BS4 warning) */
	--bs-warning-base-l: 51%; /* based on #FFC107 (BS4 warning) */
	--bs-warning: hsla(var(--bs-warning-base-h), var(--bs-warning-base-s), var(--bs-warning-base-l), 1);
	--bs-warning-contrast-color: #FFFFFF;

	--bs-info-base-h: 188; /* based on #17A2B8 (BS4 info) */
	--bs-info-base-s: 77%; /* based on #17A2B8 (BS4 info) */
	--bs-info-base-l: 40%; /* based on #17A2B8 (BS4 info) */
	--bs-info: hsla(var(--bs-info-base-h), var(--bs-info-base-s), var(--bs-info-base-l), 1);
	--bs-info-contrast-color: #FFFFFF;

	--bs-light-base-h: var(--bs-primary-base-h);
	--bs-light-base-s: 16%;
	--bs-light-base-l: 97%;
	--bs-light: hsla(var(--bs-light-base-h), var(--bs-light-base-s), var(--bs-light-base-l), 1);
	--bs-light-contrast-color: hsla(var(--bs-primary-base-h), 10, 15, 1);

	--bs-dark-base-h: var(--bs-primary-base-h);
	--bs-dark-base-s: 10%;
	--bs-dark-base-l: 15%;
	--bs-dark: hsla(var(--bs-dark-base-h), var(--bs-dark-base-s), var(--bs-dark-base-l), 1);
	--bs-dark-contrast-color: #FFFFFF;

	--bs-body-color: hsla(var(--bs-primary-base-h), 10%, 15%, 1);
	--bs-body-bg: hsla(var(--bs-primary-base-h), 100%, 100%, 1);

	--bs-link-color: var(--bs-primary);
	--bs-link-hover-color: var(--bs-primary); /* Links become underlined on hover, so no need to apply a darker color */
	--bs-link-active-color: hsla(var(--bs-primary-base-h), var(--bs-primary-base-s), calc(var(--bs-primary-base-l) - 12.5%), 1);
}

/* General styles */

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 {
	color: #286090;
}*/

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

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

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

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

/* Bootstrap component: Label */

.label {
	background-image: none;
	color: var(--bs-label-color);
	background-color: var(--bs-label-bg);
}

.label-primary {
	--bs-label-color: var(--bs-primary-contrast-color);
	--bs-label-bg: var(--bs-primary);
}

.label-default {
	/* Darker version of secondary color */
	--bs-secondary-base-l: var(--bs-primary-base-l);
	--bs-label-color: var(--bs-primary-contrast-color);
	--bs-label-bg: hsla(var(--bs-secondary-base-h), var(--bs-secondary-base-s), var(--bs-secondary-base-l), 1);
}

.label-default-muted {
	--bs-label-color: var(--bs-secondary-contrast-color);
	--bs-label-bg: var(--bs-secondary);
}

.well .label-default-muted,
.content-block .label-default-muted{
	--bs-secondary-base-l: 88%;
	--bs-secondary: hsla(var(--bs-secondary-base-h), var(--bs-secondary-base-s), var(--bs-secondary-base-l), 1);
	--bs-label-color: var(--bs-secondary-contrast-color);
	--bs-label-bg: var(--bs-secondary);
}

.label-success {
	--bs-label-color: var(--bs-success-contrast-color);
	--bs-label-bg: var(--bs-success);
}

.label-danger {
	--bs-label-color: var(--bs-danger-contrast-color);
	--bs-label-bg: var(--bs-danger);
}

.label-warning {
	--bs-label-color: var(--bs-warning-contrast-color);
	--bs-label-bg: var(--bs-warning);
}

.label-info {
	--bs-label-color: var(--bs-info-contrast-color);
	--bs-label-bg: var(--bs-info);
}

.label-light {
	--bs-label-color: var(--bs-light-contrast-color);
	--bs-label-bg: var(--bs-light);
}

.label-dark {
	--bs-label-color: var(--bs-dark-contrast-color);
	--bs-label-bg: var(--bs-dark);
}

.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 ,
.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-1 {
	-webkit-line-clamp: 1;
}
.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 .navbar-fixed-top,
body.modal-open .absolute-page,
body.modal-open > .msg-cookie-visible > #msg-cookie,
body.modal-open > .msg-nohttps-visible > #msg-nohttps,
body.modal-open .sticky-nav-container.fixed,
body.modal-open .main-header.sticky,
body.modal-open > .totop,
body.modal-open > .buorg,
body.mfp-open,
body.mfp-open .navbar-fixed-top,
body.mfp-open .absolute-page,
body.mfp-open > .msg-cookie-visible > #msg-cookie,
body.mfp-open > .msg-nohttps-visible > #msg-nohttps,
body.mfp-open .sticky-nav-container.fixed,
body.mfp-open .main-header.sticky,
body.mfp-open > .totop,
body.mfp-open > .buorg,
body.tox-dialog__disable-scroll,
body.tox-dialog__disable-scroll .navbar-fixed-top,
body.tox-dialog__disable-scroll .absolute-page,
body.tox-dialog__disable-scroll > .msg-cookie-visible > #msg-cookie,
body.tox-dialog__disable-scroll > .msg-nohttps-visible > #msg-nohttps,
body.tox-dialog__disable-scroll .sticky-nav-container.fixed,
body.tox-dialog__disable-scroll .main-header.sticky,
body.tox-dialog__disable-scroll > .totop,
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,
.select2-container--bootstrap .select2-selection, .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	font-family: Arial, helvetica, sans-serif;
	color: #222;
}

.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 */
}

@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 */
	}
}

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

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

.btn-link:focus-within {
    text-decoration: underline;
}

.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, .navbar-fixed-bottom .dropdown .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.StripeElement--focus {
	border-color: #66afe9;
}

.has-success .form-control.StripeElement--focus{
	border-color: #2b542c;
}

.has-warning .form-control.StripeElement--focus {
	border-color: #66512c;
}

.has-error .form-control.StripeElement--focus {
	border-color: #843534;
}

.form-control:focus, .form-control.StripeElement--focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(102, 175, 233, 0.33);
}

.has-success .form-control:focus, .has-success .form-control.StripeElement--focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(103, 177, 104, 0.33);
}

.has-warning .form-control:focus, .has-warning .form-control.StripeElement--focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(192, 161, 107, 0.33);
}

.has-error .form-control:focus, .has-error .form-control.StripeElement--focus {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(206, 132, 131, 0.33);
}

.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;
}

.note-editor:focus-within {
	border-color: rgb(102, 175, 233);
    box-shadow: 0 0 0 3px rgba(102, 175, 233, 0.33);
}

.has-success .note-editor:focus-within {
	box-shadow:0 0 0 3px rgba(103, 177, 104, 0.33);
}

.has-warning .note-editor:focus-within {
	box-shadow:0 0 0 3px rgba(192, 161, 107, 0.33);
}

.has-error .note-editor:focus-within {
	box-shadow: 0 0 0 3px rgba(206, 132, 131, 0.33);
}

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

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.input-loading
	{
		background-image: url('images/loading@2x.png');
	}
}

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/loading.png');
    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;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	select.form-control.input-loading,
	select.form-control.input-loading + .select2-container--bootstrap .select2-selection
	{
		background-image: url('images/loading@2x.png');
	}
}

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: #222;
	color: MenuText;
}

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

.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:focus,
.form-control-feedback:active:focus {
	outline-offset: -6px;
}

.form-control-feedback.btn-link:focus,
.form-control-feedback.btn-link:active:focus {
	outline: thin dotted;
}

.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.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 30px;
	overflow-y: hidden;
	min-height: 0 !important;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	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
	{
		background-image: url('images/ajax-loader@2x.png');
	}
}

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

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

/* Firefox switched from pseudoclass to pseudoelement (= double colon) in Firefox 19 without being backwards compatible, so we need to supply both syntaxes */
textarea.use-richeditor::-moz-placeholder,
textarea.use-codemirror::-moz-placeholder
{
	color: Transparent; /* Don't show the placeholder as text during initialization */
}

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::-webkit-input-placeholder {
	font-size: 85%;
}
.big-price .booking-form-datetime > .has-feedback > .form-control:-moz-placeholder {
	font-size: 85%;
}
/* Firefox switched from pseudoclass to pseudoelement (= double colon) in Firefox 19 without being backwards compatible, so we need to supply both syntaxes */
.big-price .booking-form-datetime > .has-feedback > .form-control::-moz-placeholder {
	font-size: 85%;
}
.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;
}

svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

.ambient-link
{
	transition: color 0.15s;
}

.ambient-link, .ambient-link:visited
{
    color: inherit;
    text-decoration: none !important;
}

a, a:hover, a:focus, a:visited, .ambient-link:hover, .ambient-link:focus, .navbar .nav > li > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus
{
    color: #00B2FF;
}
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; outline-offset: -1px;}

a:hover i, a:focus i { text-decoration: none;}
a:hover i:before, a:focus i:before { /* Force icons inside anchors to not be underlined; mainly for IE since other brosers are handled by the above rule */
	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;
}

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

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

.field-validation-error
{
	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 */
}

.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 .media-item-list
{
	text-align: left;
}

.pdf-header-highlight
{
	color: #00B2FF;
}

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

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

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

.dropdown-menu > li > a {
	overflow: hidden;
	text-overflow: ellipsis;
}

.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;
}

.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: -webkit-sticky;
	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;
}

.no-flexgap .form-footer-inner {
	margin-bottom: -10px;
}

.no-flexgap .form-footer-inner > *,
.no-flexgap .form-footer-inner > .icon-busy {
	margin-right: 10px;
	margin-bottom: 10px;
}

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

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

.content-block-alert {
	border-radius: 5px;
	padding: 16px;
	margin-bottom: 20px;
	border-width: 0px;
}

.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 {
	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-accent {
	border: 1px solid #dadada;
	border-radius: 5px;
	padding: 16px;
	margin-bottom: 20px;
	background: #f2f2f2;
	background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}

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

.content-block-alert{
	border: 1px solid #e4d848;
	background: #fff79c;
	background: linear-gradient(to bottom, #fffabf, #fff79c);
}

.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: #cccccc;
	line-height: 1;
}

.breadcrumb:not(.breadcrumb-shortened) > li:last-child:after {
	content: none;
}

/* 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: #1DA1F2;
}
.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 > li > a > .share-with-facebook,
.dropdown-menu > li > a > .share-with-twitter,
.dropdown-menu > li > a > .share-with-linkedin,
.dropdown-menu > li > a > .share-with-pinterest,
.dropdown-menu > li > a > .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: #1DA1F2;
}
.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;
}
.follow-facebook > .fa, .follow-twitter > .fa, .follow-youtube > .fa, .follow-linkedin > .fa, .follow-instagram > .fa, .follow-website > .fa {
	color: #FFFFFF;
	font-size: 21px;
	line-height: 27px;
}

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

.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;
	}

.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; 
	}
	
#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-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.background-asset-image:not([style]) {
	background-image: url('images/bg_landing.jpg');
}

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

.no-objectfit .background-asset-video > video {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	
}
.no-objectfit .background-asset-video > video {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* 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 {
	color: #228B22;
}

/* Featured badge */

.featured-badge {
	color: #fecc00;
}

/* Raffle and Donation specific classes */

h1.raffle_title,
.container-pagelayout h1.raffle_title,
h1.donation_title,
.container-pagelayout h1.donation_title {
	color: #ffffff; /* Old IE */
	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;
	}
}

.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 #00B2FF;
	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: #00B2FF;
	color: #ffffff;
}
.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 .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,
.raffle_prize_selection_link:visited {
	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 > .raffle_prize_img_container > img {
	border-color: #00B2FF;
}
.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: #00B2FF;
}
.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: 150%;	
	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: #00B2FF;
	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: #222;
	font-weight: normal;
}
.choose_qty_block .freeqtycontrol {
	margin-bottom: 2px;
}
.choose_qty_block .form-group {
	color: #222;
	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.left, .donation_carousel .carousel-control.right
{
	background: none;
	filter: none;
	border: none;
	color: #ffffff;
	font-size: 22px;
	opacity: 0.7;
    font-weight: normal;
    line-height: 1.0;
	width: 55px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.donation_carousel .carousel-control.left > .fa, .donation_carousel .carousel-control.right > .fa
{
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -11px;
}
.donation_carousel .carousel-control.left:hover, .donation_carousel .carousel-control.right:hover
{
	opacity: 1;
}
.donation_carousel .carousel-indicators
{
	opacity: 0.7;
}
.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;
}
.landing-jumbotron-carousel > .carousel-inner
{
	overflow: hidden;
}

.landing-jumbotron-carousel .carousel-control.left,
.landing-jumbotron-carousel .carousel-control.right
{
	background: none;
	filter: none;
	border: none;
	color: #ffffff;
	font-size: 22px;
	opacity: 0.7;
    font-weight: normal;
    line-height: 1.0;
	width: 55px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	transition: opacity ease-in-out .15s;
}
.landing-jumbotron-carousel .carousel-control.left > .fa,
.landing-jumbotron-carousel .carousel-control.right > .fa
{
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -11px;
}
.container-pagelayout .landing-jumbotron-carousel .carousel-control
{
	top: 50%; /* Prevent blocking the edit button when displayed in the shop or admin dashboard */
	bottom: auto;
}
.landing-jumbotron-carousel .carousel-control.left:hover, .landing-jumbotron-carousel .carousel-control.right:hover
{
	opacity: 1;
}
.landing-jumbotron-carousel .carousel-indicators
{
	opacity: 0.7;
	margin-bottom: 0;
	bottom: 25px;
	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
{
	color: #ffffff;
	padding: 110px 0;
	position: relative;
}
.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 rgba(0,0,0,0.4);
	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 rgba(0,0,0,0.4);
}
.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: 135%;
	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;
	}

	.landing-jumbotron-search-form .btn.btn-lg {
		padding: 9px 15px;
	}
}

@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: #f2f2f2;
	}
.tabcontentblock .container, .tabcontentblock .container-fluid
{
	position: relative;
	}

.container-pagelayout .tabcontentblock.edit-layout-item-container .inline-change
{
	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: #00B2FF;
	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;
	padding: 8px 14px;
}
.tabcontentrichtext .content-block .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs)
{
	padding: 6px 12px;
}

.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;
}

.no-flexgap .landing-block-summary-buttons {
	margin-bottom: -10px;
}

.no-flexgap .landing-block-summary-buttons > * {
	margin-right: 15px;
	margin-bottom: 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;
}

@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: #434343;
	transition: background-color 0.25s ease;
}

.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);
}
.policypage .sticky-nav-container:not(.fixed) {
	background: transparent;
}
#plainpage.policypage .sticky-nav-container {
	background: #5F5F5F;
}

.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: #ffffff;
	font-weight: bold;
	padding: 8px 15px;
}
.sticky-nav > li > a:hover,
.sticky-nav > li > a:focus,
.sticky-nav > .open > a,
.sticky-nav > .open > a:hover,
.sticky-nav > .open > a:focus {
	background: rgba(0, 0, 0, 0.5);
}
.sticky-nav.nav-pills > li.active > a,
.sticky-nav.nav-pills > li.active > a:hover,
.sticky-nav.nav-pills > li.active > a:focus {
	background: #ffffff;
	color: #00B2FF;
}
.policypage .sticky-nav-container:not(.fixed) .sticky-nav > li > a {
	color: #00B2FF;
}
.policypage .sticky-nav-container:not(.fixed) .sticky-nav.nav-pills > li.active > a,
.policypage .sticky-nav-container:not(.fixed) .sticky-nav.nav-pills > li.active > a:hover,
.policypage .sticky-nav-container:not(.fixed) .sticky-nav.nav-pills > li.active > a:focus {
	background: #00B2FF;
	color: #ffffff;
}
.policypage .sticky-nav-container:not(.fixed) .sticky-nav > li > a:hover,
.policypage .sticky-nav-container:not(.fixed) .sticky-nav > li > a:focus,
.policypage .sticky-nav-container:not(.fixed) .sticky-nav > li.open > a,
.policypage .sticky-nav-container:not(.fixed) .sticky-nav > li.open > a:hover,
.policypage .sticky-nav-container:not(.fixed) .sticky-nav > li.open > a:focus {
	background: #eeeeee;
}

@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 {padding: 55px 0 55px 0;}
	.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: 110%;}
	
	.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: 18px;
	height: 18px;
	border-radius: 2px;
	margin-top: -1px;
}
#user-account, #user-account-lms
{
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
}
#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 > 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;
}

.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 {
	margin-bottom: -8px;
}

.page-header-controls > .form-inline {
	display: inline-block;
	vertical-align: middle;
}

.page-header-controls > .btn,
.page-header-controls > .btn-group,
.page-header-controls > .form-inline {
	margin-bottom: 8px;
}

.page-header-controls > .btn:not(:last-child),
.page-header-controls > .btn-group:not(:last-child),
.page-header-controls > .form-inline:not(:last-child) {
	margin-right: 4px;
}

@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;
}

.no-flexgap .page-header-meta > * {
	margin-right: 15px;
}

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

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

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

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

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

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

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

h6, .h6 {
	font-size: 9px;
	line-height: 20px;
	font-weight: bold;
	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;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', 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::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #999999;
    opacity: 1.0;
}

input:-moz-placeholder,
textarea:-moz-placeholder
{
    color: #999999;
    opacity: 1.0;
}

/* Firefox switched from pseudoclass to pseudoelement (= double colon) in Firefox 19 without being backwards compatible, so we need to supply both syntaxes */
input::-moz-placeholder,
textarea::-moz-placeholder
{
    color: #999999;
    opacity: 1.0;
}

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 */
}

.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
{
	border-color: #00B2FF;
}

.nav-list > li > a
{
	padding: 10px 15px;
	}
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
	background: #00B2FF;
	color: #ffffff;
	}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
	color: #00B2FF;
	background: #ffffff;
}

.well a.list-group-item:hover,
.well button.list-group-item:hover,
.well a.list-group-item:focus,
.well button.list-group-item:focus {
  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,
.well .list-group-item.active,
.well .list-group-item.active:hover,
.well .list-group-item.active:focus {
  color: #ffffff;
  background: #00B2FF;
  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 .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;
    }

.nav-stacked-item-container > .inline-change
{
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -10px;
}

#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-item-list .media-left
{
	white-space: nowrap;
}

.nav-stacked-item-container > .inline-change {
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -10px;
}














.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 margings */
}

.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
{
	padding-top: 10px;
}

.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;
}
.set_image_field{
	background: transparent;
	display: block;
	border-radius: 5px;
	text-align: center;
}

.inline-change,
a.inline-change,
a.inline-change:visited
button.inline-change {
	display: inline-block;
	background: #00b2ff;
	color: #FFFFFF;
	font-size: 13px;
	padding: 0 7px;
	border-radius: 10px;
	line-height: 20px;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap;
	border: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.inline-change:hover,
.inline-change:focus,
input[type=file]:focus + .inline-change
{
	background: #00a4eb; /* Darken #00b2ff 7.5% */
}

.inline-change:hover,
.inline-change:focus,
.inline-change:active,
input[type=file]:active + .inline-change
{
	text-decoration: none;
	color: #FFFFFF;
}

.inline-change:focus,
input[type=file]:focus + .inline-change
{
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(102, 175, 233, 0.33);
}

.inline-change:active
{
	background: #009bdf; /* Darken #00b2ff 12.5% */
}

.inline-change.disabled, .inline-change[disabled],
.inline-change.disabled:hover, .inline-change[disabled]:hover,
.inline-change.disabled:focus, .inline-change[disabled]:focus,
.inline-change.disabled:active, .inline-change[disabled]:active,
input[type=file][disabled] + .inline-change
{
	background: #AAAAAA;
	color: #FFFFFF;
	cursor: default;
	opacity: 0.8;
	box-shadow: none;
}

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

input[type=file]:not([disabled]) + label.inline-change
{
	cursor: pointer;
}
.inline-change .fa
{
    font-size: 14px;
    }
.inline-change.pull-right
{
    margin-left: 8px;
    }
.inline-change.fileinput-button,
.icon-link.fileinput-button
{
    float: none;
}
.inline-change.fileinput-button.pull-right
{
    float: right;
}
.inline-change.fileinput-button.pull-left
{
    float: left;
}
.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;
}

/* Footer */

.main-footer {
	background: #434343;
    color: #DDDDDD;
	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: #FFFFFF;
}
.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,
.main-footer h4 > a:visited,
.main-footer h5 > a,
.main-footer h5 > a:hover,
.main-footer h5 > a:focus,
.main-footer h5 > a:visited {
	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,
.footer-menu-links > li > a:visited {
    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: #DDDDDD;
}
.footer-social-networks > li > a > .fa {
	color: #434343;
}

.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 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777777;
	border-top-color: rgba(255,255,255, 0.30);
	padding-top: 10px;
	margin: 20px 0 0 0;
}
@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 {
	margin-top: -40px;
	padding-bottom: 40px;
}
.main-footer-primary + .main-footer-secondary > .container:before {
	width: 100%;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777777;
	border-top-color: rgba(255,255,255, 0.30);
}

.main-footer-primary .footer-social-networks {
	margin: 20px 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: 20px;
	}
	.footer-menu-container:first-child {
		margin-top: 0;
	}
	.footer-menu-container:not(:first-child):before {
		content: "";
		display: block;
		width: 100%;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #777777;
		border-top-color: rgba(255,255,255, 0.30);
		padding-top: 20px;
	}
}
.footer-menu-container.edit-layout-item-container > .inline-change {
	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,
.footer-contact-col > p > a:visited {
    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-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,
.footer-prefs > li > a:visited {
    color: inherit;
}

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

/* ===== Generic content (centered with fixed width) ===== */

.site-header .container
{
    position: relative; /* Inside the header it needs to have a relative position in order to position the logo and links. */
}

.site-wide-bar .nav > li > a {
    padding: 10px 15px;
}

@media only screen and (max-width: 991px) {
	#screen-lang-dropdown .dropdown-menu {
		padding: 20px 0;
	}

	#screen-lang-dropdown .dropdown-menu > li > a {
		padding: 10px 15px;
	}

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

@media only screen and (min-width: 992px) 
{
	.nav-desktop .navbar-nav > .open > a 
	{
		/* apply a transition to accompany the fading dropdown-menu */
		transition: background-color 0.25s ease;
	}

	.nav-desktop .navbar-nav > .open > a,
	.nav-desktop .navbar-nav > .open > a:hover,
	.nav-desktop .navbar-nav > .open > a:focus {
		background: #eeeeee;
		color: #00B2FF;
	}

	.navbar-nav .dropdown-menu,
	.main-footer .dropdown-menu {
		border: 0;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
	}
}
.nav.site-wide-actions > li > a > .fa
{
    display: inline-block;
    vertical-align: -1px;
    font-size: 19px;
    line-height: 14px;
}

.nav.site-wide-actions > li > a > .fa.default-image-header
{
	margin-top: -2px;
}

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

#msg-cookie
{
	padding: 5px 0;
	font-size: 0.9em;
	background: #484848;
	color: #dddddd;
}

#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, 
#msg-cookie > .container > a:visited,
#msg-cookie > .container-fluid > a, 
#msg-cookie > .container-fluid > a:hover, 
#msg-cookie > .container-fluid > a:focus, 
#msg-cookie > .container-fluid > a:visited{
    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: -24px 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;
}

span.del.no-background 
{
	background: none;
	border: none;
	text-shadow: 0px 1px 8px rgb(0 0 0 / 80%), 0px 1px 8px rgb(0 0 0 / 80%);
	transition: opacity ease-in-out .15s;
	outline: none;
}

.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;
}

.prod_showcase_thumbs li.set_image_field a {
	background: transparent;
	line-height: 54px;
	width: 60px;
	font-size: 14px;
	border-style: dashed;
	border-color: #dddddd;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

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

.prod_showcase_thumbs li.set_image_field .popover-image-link {
	width: auto;
	border: none;
	margin-left: 5px;
}
.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;
}
.productwizard_showcase .prod_showcase_thumbs li.set_image_field a {
    padding: 2px 10px;
}
.prod_showcase_thumbs li.active a {
	border-color: #00B2FF;
	border-width: 2px;
    padding: 2px;
}

.prod_showcase_thumbs li .del {
	position: absolute;
    padding: 0;
    right: 3px;
    top: 3px;
    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 buton 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
{
	color: #00B2FF;
	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:focus-within
{
	box-shadow: 0 0 0 3px rgba(102, 175, 233, 0.33);
	border-color: #66afe9;
}

.list-thumbs > li.add-item > input[type="file"] + label,
.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;
	outline: none;
}

.list-thumbs > li.add-item > input[type="file"]:not(:disabled) + label
{
	cursor: pointer;
}

.list-thumbs > li.add-item > input[type="file"]:disabled + label
{
	color: #333333;
	opacity: 0.65;
}

.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;
	color: #FFFFFF;
	outline: none;
}

@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 buton 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
	{
		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;
	font-size: 32px;
	font-weight: normal;
	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.content-block-alert > .currency-watermark
{
	color: #CBBD12;
}
.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 > * {
	flex: 0 0 calc(100% - 30px);
	max-width: calc(100% - 30px);
}

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

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

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

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

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

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

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

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

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

/* 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;
}

.page-header + .product-list > .product-list-item:first-child {
	padding-top: 0;
	border-top-width: 0;
}

.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: -8px 0 8px 0;
	color: #999999;
}
.product-list-item-vendor > a,
.product-list-item-vendor > a:hover,
.product-list-item-vendor > a:focus,
.product-list-item-vendor > a:visited {
 	color: inherit;
}

.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: #dc0f0f;
}
.product-list-item-price > small {
	margin-left: 4px;
	display: inline-block;
}

.product-list-item-discount {
	display: block;
	margin-top: -4px;
	margin-bottom: 8px;
	color: #dc0f0f;
}

.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: #999999;
}

.product-list-item-button {
	margin-bottom: 8px;
}
.product-list-item-details > .product-list-item-button {
	margin-top: 8px;
}
.product-list-item-details > .product-list-item-rating + .product-list-item-button {
	margin-top: 4px;
}

@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;
	}
	
	.product-list-item-meta > .product-list-item-price {
		margin-top: 0;
		order: 0;
		text-align: center;
		font-size: 1.1428em;
		line-height: 1.42857143;
	}
	.product-list-item-meta > .product-list-item-price > small {
		display: block;
		font-size: 75%;
	}

	.product-list-item-meta > .product-list-item-rating {
		text-align: center;
		order: 1;
	}

	.product-list-item-meta > .product-list-item-button {
		display: block;
		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 {
	border-radius: 5px;
	margin: 0 15px 30px 15px;
	word-wrap: break-word;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
    transition: all 0.3s;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

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

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

.product-tiled-list .product-progress-ring
{
	width: 18px;
	height: 18px;
	vertical-align: -3px;
	margin-right: 4px;
}

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

.product-progress-ring > circle + circle
{
	stroke: #00B2FF;
	stroke-width: 8;
}

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

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

.product-tiled-list .product-progress-completed
{
	font-size: 18px;
	line-height: 1;
	vertical-align: -1px;
	margin-right: 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;
}

.no-objectfit .product-card-thumb > .picture_frame > img {
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width: 100%;
}

.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: #222;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.product-card-price {
    background-color: #00B2FF;
    bottom: 0;
    left: 0;
    color: #ffffff;
    padding: 5px 15px;
    position: absolute;
    font-weight: normal;
    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%;
}

.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-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;
}

.product-card-vendor > a > img {
    margin-right: 10px;
    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: 14px;
    font-weight: bold;
    margin: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 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 */
}

.product-tiled-list-item-location {
	margin: -8px 0 8px 0;
	color: #999999;
}

@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: all 0.3s;
}

.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: #45b1fc;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
}

.product-tiled-list .price{
	color: #dc0f0f;
}

.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;
}

.btn {
    border: 1px solid #DADADA;
    border-radius: 4px;
	background: #f5f5f5;
	background: linear-gradient(to bottom,  #FFFFFF, #ededed);
	font-weight: bold;
	color: #00B2FF;
}
.btn:hover {
	background: #eaeaea;
	background: linear-gradient(to bottom,  #FFFFFF, #e5e5e5);
	color: #00B2FF;
}

.btn.spinning
{
	padding-right: 36px;
	position: relative;
	transition: 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;
    background-image: url('images/loading.png');
    background-size: 16px 16px;
	animation: opacityFade .15s ease-in-out .10s forwards;
}

.btn-primary.spinning:after,
.btn-success.spinning:after,
.btn-warning.spinning:after,
.btn-danger.spinning:after,
.btn-info.spinning:after
{
    background-image: url('images/loading-inverse.png');
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.btn.spinning:after
	{
		background-image: url('images/loading@2x.png');
	}

	.btn-primary.spinning:after,
	.btn-success.spinning:after,
	.btn-warning.spinning:after,
	.btn-danger.spinning:after,
	.btn-info.spinning:after
	{
		background-image: url('images/loading-inverse@2x.png');
	}
}

.btn-group-textalign > .btn-default, .btn-group-textalign > .btn-default:hover {
	color: inherit;
}
.btn-group-textalign > .btn-default:active,
.btn-group-textalign > .btn-default.active {
  background-color: #dddddd;
}
.btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    background: #e6e6e6;
    color: #333333;
}

.content-block-alert .btn-default,
.content-block-alert .btn-default:hover,
.content-block-alert .btn-default:focus,
.content-block-alert .btn-default:active,
.content-block-alert .btn-default:active:hover,
.content-block-alert .btn-default:active:focus 
{
	background: #FFF79C;
	background: linear-gradient(to bottom, #FFFFFF, #FFF79C);
    border: 1px solid #CBBD12;
    color: #5F5F5F;
}
.content-block-alert .btn-default.active,
.content-block-alert .btn-default.active:hover,
.content-block-alert .btn-default.active:focus,
.content-block-alert .btn-default.active:active,
.content-block-alert .btn-default.active:active:hover,
.content-block-alert .btn-default.active:active:focus {
	background: #928e5a;
	border: 1px solid #757559;
	color: #FFFFFF;
}

.btn-primary, .btn-info, .btn-success, .btn-warning, .btn-danger {
	border: 0;
	padding: 7px 13px; /* Compensate for hidden border */
	font-weight: bold;
	color: #ffffff !important;
}
.btn-lg {
    padding: 10px 16px;
}

.btn-primary.btn-lg, .btn-info.btn-lg, .btn-success.btn-lg, .btn-warning.btn-lg, .btn-danger.btn-lg {
	padding: 11px 17px; /* Compensate for hidden border */
}

.btn-sm {
  padding: 2px 10px;
}

.btn-primary.btn-sm, .btn-info.btn-sm, .btn-success.btn-sm, .btn-warning.btn-sm, .btn-danger.btn-sm {
	padding: 3px 10px; /* Compensate for hidden border */
}

.btn-xs {
  padding: 2px 6px;
}

.btn-primary.btn-xs, .btn-info.btn-xs, .btn-success.btn-xs, .btn-warning.btn-xs, .btn-danger.btn-xs {
	padding: 3px 6px; /* Compensate for hidden border */
}

.dropdown-menu > .active > a {
	background: #eeeeee;
	color: inherit;
}

.btn-primary, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .select2-container--bootstrap .select2-results__option--highlighted[aria-selected], .dropdown-submenu:hover > a {
	background: #019adc;
	background: linear-gradient(to bottom, #24bdff, #019adc);
	color: #ffffff;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled],.btn-primary.disabled:hover,.btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary:hover, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus {
	color: #ffffff;
	background: #019adc;
}

.btn-outline-primary {
	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;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .btn-outline-primary.active {
	color: #ffffff;
	background: #00B2FF;
	border-color: #00B2FF;
    }
.btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary[disabled], .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary[disabled]:focus, .btn-outline-primary.disabled:active, .btn-outline-primary[disabled]:active, .btn-outline-primary[disabled]:hover {
	background: Transparent;
	color: #00B2FF;
	border-color: #00B2FF;
}

.btn-success {
	background: #5baf20;
	background: linear-gradient(to bottom, #24d70d, #5baf20);
}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success:active:focus,.btn-success:active:hover,.btn-success.active,.btn-success.disabled,.btn-success[disabled],.btn-success.disabled:hover,.btn-success[disabled]:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, .btn-success.disabled:active, .btn-success[disabled]:active, .open > .dropdown-toggle.btn-success, .open > .dropdown-toggle.btn-success:hover, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success.focus {
	color: #ffffff;
	background: #5baf20;
}

.btn-warning {
	background: #ff8b00;
	background: linear-gradient(to bottom, #ffb400, #ff8b00);
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning:active:focus,.btn-warning:active:hover,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled],.btn-warning.disabled:hover,.btn-warning[disabled]:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, .open > .dropdown-toggle.btn-warning, .open > .dropdown-toggle.btn-warning:hover, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning.focus {
	color: #ffffff;
	background: #ff8b00;
}

.btn-danger {
	background: #e30100;
	background: linear-gradient(to bottom, #ff3500, #e30100);
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger:active:focus,.btn-danger:active:hover,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled],.btn-danger.disabled:hover,.btn-danger[disabled]:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, .open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-danger:hover, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger.focus {
	color: #ffffff;
	background: #e30100;
}

.btn-info {
  background: #FF5E00;
  background: linear-gradient(to bottom, #FF9E00, #FF5E00);
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info:active:focus,.btn-info:active:hover,.btn-info.active,.btn-info.disabled,.btn-info[disabled],.btn-info.disabled:hover,.btn-info[disabled]:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, .btn-info.disabled:active, .btn-info[disabled]:active, .open > .dropdown-toggle.btn-info, .open > .dropdown-toggle.btn-info:hover, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info.focus {
	color: #ffffff;
	background: #FF5E00;
}

.btn-outline-info {
	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;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info:active:hover, .btn-outline-info.active {
	color: #ffffff;
	background: #FF5E00;
	border-color: #FF5E00;
}
.btn-outline-info, .btn-outline-info.disabled, .btn-outline-info[disabled], .btn-outline-info.disabled:hover, .btn-outline-info.disabled:focus, .btn-outline-info[disabled]:focus, .btn-outline-info.disabled:active, .btn-outline-info[disabled]:active, .btn-outline-info[disabled]:hover {
	background: Transparent;
	color: #FF5E00;
	border-color: #FF5E00;
}

.btn-link, .btn-link:hover {
    cursor: pointer;
    border-color: transparent;
    background: transparent;
}

.btn-link:hover,
.btn-link:focus {
	color: #00B2FF;
}

.btn.btn-link.btn-icon {
	padding: 0 2px;
	border: 0;
	vertical-align: baseline;
}

.btn-link.btn-icon:hover, .btn-link.btn-icon:hover, .btn-link.btn-icon:focus, .btn-link.btn-icon:focus,
.btn-link[disabled]:hover, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:focus {
    text-decoration: none;
}

.btn-link.disabled, .btn-link[disabled], .btn-link.disabled:hover, .btn-link[disabled]:hover {
    border-color: transparent;
    background: transparent;
}

.btn-link-lightweight {
	font-weight: normal;
}

.btn-link-plain {
	font-weight: normal;
	padding: 0;
	border: none;
	font-size: inherit;
	line-height: inherit;
	vertical-align: inherit;
}
.btn-link-plain:focus {
  outline: thin dotted;
  outline-offset: 0;
}
.btn-link-plain:active,
.btn-link-plain:active:focus,
.btn-link-plain:active:hover,
.btn-link-plain:focus:hover {
	outline: 0;
}

.pending-action-info > .btn-link-plain
{
	margin-left: 10px;
}

.btn-return-home {
	margin-top: 5px;
}

.btn-link > .fa.pull-left {
	line-height: inherit;
	margin: 1px 4px 0 0;
}

.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{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{
	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/loading.png');
    background-position: left top;
    background-size: 16px 16px;
}
.btn-primary > .icon-busy,
.btn-success > .icon-busy,
.btn-warning > .icon-busy,
.btn-danger > .icon-busy,
.btn-info > .icon-busy,
.btn-outline-primary:hover > .icon-busy,
.btn-outline-primary:focus > .icon-busy,
.btn-outline-primary:active > .icon-busy,
.btn-outline-primary:active:focus > .icon-busy,
.btn-outline-primary:active:hover > .icon-busy,
.btn-outline-primary.active > .icon-busy,
.btn-outline-info:hover > .icon-busy,
.btn-outline-info:focus > .icon-busy,
.btn-outline-info:active > .icon-busy,
.btn-outline-info:active:focus > .icon-busy,
.btn-outline-info:active:hover > .icon-busy,
.btn-outline-info.active > .icon-busy
{
    background-image: url('images/loading-inverse.png');
}

.btn-outline-primary.btn-lg > .icon-busy,
.btn-outline-info.btn-lg > .icon-busy
{
    background-image: url('images/ajax-loader-20.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;	
}

.btn-primary.btn-lg > .icon-busy,
.btn-success.btn-lg > .icon-busy,
.btn-warning.btn-lg > .icon-busy,
.btn-danger.btn-lg > .icon-busy,
.btn-info.btn-lg > .icon-busy,
.btn-outline-primary.btn-lg:hover > .icon-busy,
.btn-outline-primary.btn-lg:focus > .icon-busy,
.btn-outline-primary.btn-lg:active > .icon-busy,
.btn-outline-primary.btn-lg:active:focus > .icon-busy,
.btn-outline-primary.btn-lg:active:hover > .icon-busy,
.btn-outline-primary.btn-lg.active > .icon-busy,
.btn-outline-info.btn-lg:hover > .icon-busy,
.btn-outline-info.btn-lg:focus > .icon-busy,
.btn-outline-info.btn-lg:active > .icon-busy,
.btn-outline-info.btn-lg:active:focus > .icon-busy,
.btn-outline-info.btn-lg:active:hover > .icon-busy,
.btn-outline-info.btn-lg.active > .icon-busy
{
    background-image: url('images/ajax-loader-inverse-20.png');
	background-size: 20px 20px;
    width: 20px;
    height: 20px;	
}

.btn-primary.btn-lg > .submit_icon,
.btn-success.btn-lg > .submit_icon,
.btn-warning.btn-lg > .submit_icon,
.btn-danger.btn-lg > .submit_icon,
.btn-info.btn-lg > .submit_icon,
.btn-outline-primary.btn-lg > .submit_icon,
.btn-outline-info.btn-lg > .submit_icon
{
	width: 20px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.icon-busy
	{
		background-image: url('images/loading@2x.png');
	}
	.btn-primary > .icon-busy,
	.btn-success > .icon-busy,
	.btn-warning > .icon-busy,
	.btn-danger > .icon-busy,
	.btn-info > .icon-busy,
	.btn-outline-primary:hover > .icon-busy,
	.btn-outline-primary:focus > .icon-busy,
	.btn-outline-primary:active > .icon-busy,
	.btn-outline-primary:active:focus > .icon-busy,
	.btn-outline-primary:active:hover > .icon-busy,
	.btn-outline-primary.active > .icon-busy,
	.btn-outline-info:hover > .icon-busy,
	.btn-outline-info:focus > .icon-busy,
	.btn-outline-info:active > .icon-busy,
	.btn-outline-info:active:focus > .icon-busy,
	.btn-outline-info:active:hover > .icon-busy,
	.btn-outline-info.active > .icon-busy
	{
		background-image: url('images/loading-inverse@2x.png');
	}
	.btn-outline-primary.btn-lg > .icon-busy,
	.btn-outline-info.btn-lg > .icon-busy
	{
		background-image: url('images/ajax-loader-20@2x.png');
	}
	.btn-primary.btn-lg > .icon-busy,
	.btn-success.btn-lg > .icon-busy,
	.btn-warning.btn-lg > .icon-busy,
	.btn-danger.btn-lg > .icon-busy,
	.btn-info.btn-lg > .icon-busy,
	.btn-outline-primary.btn-lg:hover > .icon-busy,
	.btn-outline-primary.btn-lg:focus > .icon-busy,
	.btn-outline-primary.btn-lg:active > .icon-busy,
	.btn-outline-primary.btn-lg:active:focus > .icon-busy,
	.btn-outline-primary.btn-lg:active:hover > .icon-busy,
	.btn-outline-primary.btn-lg.active > .icon-busy,
	.btn-outline-info.btn-lg:hover > .icon-busy,
	.btn-outline-info.btn-lg:focus > .icon-busy,
	.btn-outline-info.btn-lg:active > .icon-busy,
	.btn-outline-info.btn-lg:active:focus > .icon-busy,
	.btn-outline-info.btn-lg:active:hover > .icon-busy,
	.btn-outline-info.btn-lg.active > .icon-busy
	{
		background-image: url('images/ajax-loader-inverse-20@2x.png');
	}
}

.btn-outline-primary:hover > .icon-busy,
.btn-outline-primary:focus > .icon-busy,
.btn-outline-primary:active > .icon-busy,
.btn-outline-primary:active:focus > .icon-busy,
.btn-outline-primary:active:hover > .icon-busy,
.btn-outline-primary.active > .icon-busy,
.btn-outline-info:hover > .icon-busy,
.btn-outline-info:focus > .icon-busy,
.btn-outline-info:active > .icon-busy,
.btn-outline-info:active:focus > .icon-busy,
.btn-outline-info:active:hover > .icon-busy,
.btn-outline-info.active > .icon-busy
{
	background-image: url('images/loading-inverse@2x.png');
}

.btn-outline-primary.btn-lg:hover > .icon-busy,
.btn-outline-primary.btn-lg:focus > .icon-busy,
.btn-outline-primary.btn-lg:active > .icon-busy,
.btn-outline-primary.btn-lg:active:focus > .icon-busy,
.btn-outline-primary.btn-lg:active:hover > .icon-busy,
.btn-outline-primary.btn-lg.active > .icon-busy,
.btn-outline-info.btn-lg:hover > .icon-busy,
.btn-outline-info.btn-lg:focus > .icon-busy,
.btn-outline-info.btn-lg:active > .icon-busy,
.btn-outline-info.btn-lg:active:focus > .icon-busy,
.btn-outline-info.btn-lg:active:hover > .icon-busy,
.btn-outline-info.btn-lg.active > .icon-busy
{
	background-image: url('images/ajax-loader-inverse-20@2x.png');
}

.btn + .icon-busy {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 10px;
    height: 34px;
    background-position: center;
}
.content-block-plain > .btn + .icon-busy,
.form-group-buttons > .btn + .icon-busy,
.form-footer-inner > .btn + .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_user.png');}
.icon_url{background: url('images/icon_url.png');}
.icon_globe{background: url('images/icon_globe.png');}
.icon_cart{background: url('images/icon_cart.png');}
.active .icon_user{background: url('images/icon_white_user.png');}
.active .icon_url{background: url('images/icon_white_url.png');}
.active .icon_globe{background: url('images/icon_white_globe.png');}
.active .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;
	background: linear-gradient(to bottom, #ffffff, #f1f1f1);
	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;
    clear: both;
}
.yd-list-header
{
    background: #f2f2f2;
	background: linear-gradient(to bottom, #ffffff, #f1f1f1);
	border-radius: 5px 5px 0 0; /* prevent overflow troubles with gradient*/
    padding: 8px;
}

.yd-list-header:last-child
{
	border-radius: 5px 5px 5px 5px; /* prevent overflow troubles with gradient*/
}

.yd-list-header > h3.pull-left
{
	line-height: 30px;
}

.yd-list > ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

.yd-list > ul > li
{
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #DDDDDD;
    background-color: #FFFFFF;
    line-height: 20px;
    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 .form-group
{
	margin: 0;
	}
.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)
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.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: move;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	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: move;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
	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;
}

input[type="text"] + .btn-group-insert-placeholder,
textarea + .btn-group-insert-placeholder
{
	margin-top: 7px;
}

input[type="text"] + .btn-group-insert-placeholder > .btn,
textarea + .btn-group-insert-placeholder > .btn
{
	padding: 0;
}

.list-group-item > .btn-link
{
	padding: 6px;
    position: absolute;
    top: 50%;
	transform: translate(0, -50%);
    right: 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 buton 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
	{
		opacity: 1;
	}
}

.list-group-item > .btn-link + .btn-link
{
    transform: translate(calc(-100% + 4px), -50%);
}

/* .passport */

.passport{
}
#pass-loggedin strong
{
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	margin: 0 0 12px;
	}

.passport #pass-userdetails ul
{
    margin-top: 10px;
    }

.passport-loggedin
{
	padding: 25px;
	}
.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 {
	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-weight: bold;
	font-size: 0.75em;
	letter-spacing: 0.5px;
	display: block;
	margin-bottom: 10px;
	margin-top: -15px;
	color: #777777;
}
@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: #222222;
    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:first-child,
.modal-body > .alert:first-child + .alert,
.modal-body .validation-summary-errors {
	margin: -5px -15px 20px -15px;
	border-width: 1px 0;
	border-radius: 0;
}

.modal-body > .alert:first-child:not(.validation-summary-valid) + .alert /* 'no rights to edit' message */ {
	margin-top: -21px;
}

.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;
}

.no-flexgap .modal-footer {
	padding-bottom: 5px;
}
.no-flexgap .modal-footer > *,
.no-flexgap .modal-footer > .btn + .btn {
	margin-left: 10px;
	margin-bottom: 10px;
}
.no-flexgap .modal-footer > .icon-busy {
	margin-bottom: 10px;
}

.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_form.no_title
{
	padding-top: 6px;
}
   
#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
{
	padding-left: 0;
	margin-top: 10px;
	}

#modalOverlay.processing > .modal-body,
#modalWait > .modal-body
{
	background-image: url('images/ajax-loader.png');
	background-position: 15px center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding: 19px 19px 19px 60px
	}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	#modalOverlay.processing > .modal-body,
	#modalWait > .modal-body
	{
		background-image: url('images/ajax-loader@2x.png');
	}
}

#resetpassword_confirmation,
#activateaccount_confirmation,
.wrapper-force-change-password
{
	max-width: 500px;
}

#forgotpassword_form,
#resetpassword_form,
#activateaccount_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
{
	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,
.pagination > li > span:focus {
	color: #00B2FF;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
     z-index: 4;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #000000;
    font-weight: bold;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    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: #FFFFFF; /* 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: #FF5E00;
}

.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,
#action-featured > .fa {
	color: #FF5E00;
	text-decoration: none;
}

.rate_button.allunset,
.rate_button.allunset:hover,
.rate_button.allunset:focus {
	color: #bbbbbb;
}

.dropdown-menu > li > a:hover .rate_button,
.dropdown-menu > li > a:focus .rate_button,
.dropdown-menu > .active > a:hover .rate_button,
.dropdown-menu > .active > a:focus .rate_button {
	color: inherit;
}

.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');
}
.content_fullscreen #contentviewer_poweredby
{
	display: none;
}

/* 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-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;
    padding: 16px;
}

.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: #00B2FF;
}

.comment_item_commenter > .comment_balloon {
	border-left-color: #999999;
}

.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: #00B2FF;
	border-left-color: #00B2FF;
}

.comment_item_commenter > .comment_balloon:after {
	border-right-color: #999999;
	border-left-color: #999999;
}

.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;
}

.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;
}

.no-flexgap .comment_header > * {
	margin-right: 10px;
}

.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/loading.png');
    background-size: 16px 16px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.editableform-loading
	{
		background-image: url('images/loading@2x.png');
	}
}

.editable-clear-x {
   background: url('images/clear.png') center center no-repeat;
}

.editable-bg-transition 
{
  transition: none;
}

.editableform .form-control
{
	width: 100%;
}

.editable-buttons.editable-buttons-bottom
{
	margin-top: 15px;
}

.editable-buttons .editable-cancel
{
	margin-left: 6px;
}

.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, a.connect-with-twitter:focus, a.connect-with-entree:focus, a.connect-with-wayf:focus,
a.connect-with-facebook:visited, a.connect-with-twitter:visited, a.connect-with-entree:visited, a.connect-with-wayf:visited
{
    text-decoration: none;
    color: White !important;
    }
a.connect-with-facebook
{
    background: #4267B2;
    color: White !important;
	}
a.connect-with-twitter
{
    background: #1DA1F2;
    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.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-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: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(102, 175, 233, 0.33);
}

.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: #2b542c;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(103, 177, 104, 0.33);
}

.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: #66512c;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(192, 161, 107, 0.33);
}

.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: #843534;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(206, 132, 131, 0.33);
}

.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #222;
}

.select2-selection__choice--locked > .select2-selection__choice__remove {
	display: none !important;
}

.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
  background-color: #eeeeee;
}

.select2-results__option {
  color: #222;
  padding: 6px 8px;
}
.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-container--open.select2-container--below .select2-selection {
  border-bottom-color: #66afe9;
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-color: #66afe9;
}
.has-success.select2-container--bootstrap .select2-dropdown {
	border-color: #2b542c;
}
.has-success .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-color: #2b542c;
}
.has-success .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-color: #2b542c;
}
.has-warning.select2-container--bootstrap .select2-dropdown {
	border-color: #66512c;
}
.has-warning .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-color: #66512c;
}
.has-warning .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-color: #66512c;
}
.has-error.select2-container--bootstrap .select2-dropdown {
	border-color: #843534;
}
.has-error .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-color: #843534;
}
.has-error .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-color: #843534;
}
.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] > .text-muted {
	color: #FFFFFF;
	color: rgba(255, 255, 255, 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/loading.png');
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 30px;
    
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.icon-busy	{
		background-image: url('images/loading@2x.png');
	}
}

.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: #FFFFFF;
	background: #00B2FF;
	border: 1px solid #00B2FF;
	border-radius: 50px;
	padding: 0 10px;
}

.select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
	color: #FFFFFF;
	opacity: 0.8;
}

.select2-tags.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
	opacity: 1;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level0 {
	padding-left: 8px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level1 {
	padding-left: 23px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level2 {
	padding-left: 38px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level3 {
	padding-left: 53px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level4 {
	padding-left: 68px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level5 {
	padding-left: 83px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level6 {
	padding-left: 98px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level7 {
	padding-left: 113px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level8 {
	padding-left: 128px;
}

.select2-container--bootstrap .select2-results__option .select2-selection__choice--level9 {
	padding-left: 143px;
}

/* Bootstrap-Switch */

.bootstrap-switch
{
	white-space: nowrap;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	color: #FFFFFF;
	background: #00B2FF;
	border-right: 1px solid #dadada;
}

.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: #222;
	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-focused
{
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(102, 175, 233, 0.33);
}

.has-success .bootstrap-switch
{
	border-color: #3c763d;
}

.has-success .bootstrap-switch.bootstrap-switch-focused
{
	border-color: #2b542c;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(103, 177, 104, 0.33);
}

.has-success .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	background: #3c763d;
}

.has-warning .bootstrap-switch
{
	border-color: #8a6d3b;
}

.has-warning .bootstrap-switch.bootstrap-switch-focused
{
	border-color: #66512c;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(192, 161, 107, 0.33);
}

.has-warning .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	background: #8a6d3b;
}

.has-error .bootstrap-switch
{
	border-color: #a94442;
}

.has-error .bootstrap-switch.bootstrap-switch-focused
{
	border-color: #843534;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(206, 132, 131, 0.33);
}

.has-error .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary
{
	background: #a94442;
}

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.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	margin: -15px 0  0 -15px;
	position: fixed;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.loading-spinner
	{
		background-image: url('images/ajax-loader-inverse@2x.png');
	}
}

.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: 65px;
	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,
.order-product-name:visited
{
	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
{
	margin-top: 10px;
}

.order-product-actions-wrapper > .btn-primary:first-child
{
	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 { /* 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;
}

.dropdown-menu > li > a:hover > .text-muted,
.dropdown-menu > li > a:focus > .text-muted
{
    color: #e0e0e0;
}

.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: Courier New;
	line-height: 1.0;
}

.license-box-image
{
	margin: 0 14px 10px 0;
	width: 155px;
}

.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: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

#dateRangeBtn > .dropdown-menu > ul > li > a:hover,
#dateRangeBtn > .dropdown-menu > ul > li > a:focus,
#dateRangeBtn > .dropdown-menu > ul > .active > a,
#dateRangeBtn > .dropdown-menu > ul > .active > a:hover,
#dateRangeBtn > .dropdown-menu > ul > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-repeat: repeat-x;
  background: #019adc;
  background: linear-gradient(to bottom, #24bdff, #019adc);
}

#dateRangeBtn > .dropdown-menu > ul > .active > a,
#dateRangeBtn > .dropdown-menu > ul > .active > a:hover,
#dateRangeBtn > .dropdown-menu > ul > .active > a:focus {
  outline: 0;
}

#dateRangeBtn > .dropdown-menu > ul > .disabled > a,
#dateRangeBtn > .dropdown-menu > ul > .disabled > a:hover,
#dateRangeBtn > .dropdown-menu > ul > .disabled > a:focus {
  color: #999999;
}

#dateRangeBtn > .dropdown-menu > ul > .disabled > a:hover,
#dateRangeBtn > .dropdown-menu > ul > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background: 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: #00B2FF;
}

.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: #00B2FF;
  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: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.focus {
  color: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.datepicker table tr td.active:hover {
  color: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.active {
  color: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.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: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.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: #00B2FF;
  border-color: #00B2FF;
}

.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: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.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: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.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: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.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: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.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: #fff;
  background-color: #00B2FF;
  border-color: #00B2FF;
}
.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: #00B2FF;
  border-color: #00B2FF;
}

/* === Date time picker === */

.datetimepicker th.switch:after,
.datetimepicker .prev,
.datetimepicker .next,
.datetimepicker tfoot th {
  color: #00B2FF;
}

.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: #00B2FF;
    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: #00B2FF;
}

.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:active, .nav-tabs > li.add_tab > a:focus
{
	background: transparent;
	border-color: transparent;
}
.nav-tabs > li.add_tab > a:hover, .nav-tabs > li.add_tab > a:focus
{
	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 buton 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 {
		opacity: 1;
	}
}

.modal-body > .nav-tabs {
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
}

.tab-right-buttons {
	float: right;
	margin-top: -2px;
}

.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 {
	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 {
	border-bottom-color: #dddddd;
}

.nav-line-tabs > li.active > a,
.nav-line-tabs > li.active > a:hover,
.nav-line-tabs > li.active > a:focus {
	color: inherit;
	cursor: default;
	border-bottom-color: #00B2FF;
	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 {
	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;
	background: #eeeeee;
	color: #222;
	font-weight: normal;
	vertical-align: 0;
}

.nav-tabs > li:not(.active) > a:hover > .badge,
.nav-tabs > li:not(.active) > a:focus > .badge,
.nav-line-tabs > li:not(.active) > a:hover > .badge,
.nav-line-tabs > li:not(.active) > a:focus > .badge{
    background: #dddddd;
}

.nav-tabs .dropdown-menu > li > a > .badge,
.nav-line-tabs .dropdown-menu > li > a > .badge {
	float: right;
	margin-top: 2px;
}

.nav-tabs .dropdown-menu > li.active > a > .badge,
.nav-line-tabs .dropdown-menu > li.active > a > .badge {
	background: #dddddd;
}

.nav-tabs .dropdown-menu > li > a:hover > .badge,
.nav-tabs .dropdown-menu > li > a:focus > .badge,
.nav-line-tabs .dropdown-menu > li > a:hover > .badge,
.nav-line-tabs .dropdown-menu > li > a:focus > .badge {
	background: #FFFFFF;
	color: #00B2FF;
}

.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;
	word-wrap: break-word;
}

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 .inline-change {
	margin-top: -3px;
}

.totop {
	position: fixed;
	bottom: 15px;
	right: 15px;
	height: 36px;
	width: 36px;
	padding: 0;
	line-height: 32px;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s 0s, visibility 0s .3s;
	z-index: 999;
}

.totop.totop-is-visible {
	/* the button becomes visible */
	visibility: visible;
	transition: opacity .3s 0s, visibility 0s 0s;
	opacity: 1;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus{display: none;}
@media only screen and (min-width: 768px) {
	.totop {
		right: 20px;
		bottom: 20px;
	}
	
	#dashboardpage .product-tiled-list > li
	{
		width: 155px;
		}
}
@media only screen and (max-width: 991px) 
{
	body:not(.mce-content-body), .dropdown-menu, .form-control:not(.input-lg), .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {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; }
	#pass-loggedin strong {font-size: 21px;}
	.navbar.nav-desktop .passport #pass-loggedin-loginid, .navbar.nav-desktop .passport #pass-loggedin-headline, .navbar.nav-desktop .passport #pass-loggedin-username{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;}
}
@media only screen and (min-width: 992px) 
{
	.site-wide-actions .cart-link, .site-wide-actions .search-dropdown{display: none;}
}

.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: 30px;
}

@media only screen and (max-width: 991px) {
	.site-wide-actions .user-image-header,
	.site-wide-actions .default-image-header,
	.site-wide-actions .search-dropdown > a > .fa {
		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'] ~ .inline-change,
input[type='text'] ~ .fileinput-button.inline-change
{
	margin-top: 10px;
	margin-right: 6px;
}

input[type='text'] + input[type=file] + .inline-change + 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: 18px;
	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 .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: #66afe9;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 0 3px rgba(102, 175, 233, 0.33);
}
.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: #FFFFFF;
  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: #66afe9;
}
.checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input {
  background-color: #00B2FF;
  border-color: #00B2FF;
  box-shadow: none;
}
.radio-custom input[type="radio"]:checked + .radio-custom-input {
  border-color: #00B2FF;
  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: #00B2FF;
  box-shadow: 0 0 0 3px rgba(102, 175, 233, 0.33);
}
.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: #3c763d;
}
.has-success .checkbox-custom input[type="checkbox"]:focus + .checkbox-custom-input,
.has-success .radio-custom input[type="radio"]:focus + .radio-custom-input
{
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(103, 177, 104, 0.33);
}
.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: #3c763d;
  box-shadow: 0 0 0 3px rgba(103, 177, 104, 0.33);
}
.has-success .checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input {
  border-color: #3c763d;
  background-color: #3c763d;
}
.has-success .radio-custom input[type="radio"]:checked + .radio-custom-input {
  border-color: #3c763d;
}
.has-success .radio-custom input[type="radio"] + .radio-custom-input::after {  
  background-color: #3c763d;
}

.has-warning .checkbox-custom input[type="checkbox"] + .checkbox-custom-input,
.has-warning .radio-custom input[type="radio"] + .radio-custom-input {
  border-color: #8a6d3b;
}
.has-warning .checkbox-custom input[type="checkbox"]:focus + .checkbox-custom-input,
.has-warning .radio-custom input[type="radio"]:focus + .radio-custom-input {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(192, 161, 107, 0.33);
}
.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: #8a6d3b;
  box-shadow: 0 0 0 3px rgba(192, 161, 107, 0.33);
}
.has-warning .checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input {
  border-color: #8a6d3b;
  background-color: #8a6d3b;
}
.has-warning .radio-custom input[type="radio"]:checked + .radio-custom-input {
  border-color: #8a6d3b;
}
.has-warning .radio-custom input[type="radio"] + .radio-custom-input::after {  
  background-color: #8a6d3b;
}

.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: #a94442;
}
.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: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(206, 132, 131, 0.33);
}
.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: #a94442;
  box-shadow: 0 0 0 3px rgba(206, 132, 131, 0.33);
}
.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: #a94442;
  border-color: #a94442;
}
.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: #a94442;
}
.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: #a94442;
}

.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: auto;
	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: none;
  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 #CCCCCC 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 #CCCCCC 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: -6px;
    margin-left: -1px;
}
.dropup .dropdown-submenu > .dropdown-menu {
	bottom: auto;
}

.navbar-nav .dropdown-submenu > .dropdown-menu,
.main-footer .dropdown-submenu > .dropdown-menu {
	margin-top: -5px; /* Compensate for hidden border */
}
.dropdown-submenu:hover > .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:hover > .dropdown-menu {
		opacity: 1;
		animation: none; 
	}
}
.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: #222;
	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: #4b4b4b;
	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: #00B2FF;
	border-width: 1px;
	border-style: solid;
}

.order-with-confirmation-msg {
	margin: 0 0 15px 0;
}

.chart-line-color {
	color: #00B2FF;
}

.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 > 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-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,
.booking-username:visited
{
	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;
}

.well .alert-warning,
.content-block .alert-warning {
	border-color: #E5D7BC;
}

.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;
	left: 15px;
	margin-left: 0;
	border-top-width: 0;
	top: -11px;
}
.alert.arrow-top > .arrow:after {
	content: " ";
	border-width: 10px;
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
}

.alert.alert-warning.arrow-top > .arrow {
	border-bottom-color: #faebcc;
}
.alert.alert-warning.arrow-top > .arrow:after {
	border-bottom-color: #fcf8e3;
}

.well .alert.alert-warning.arrow-top > .arrow,
.content-block .alert.alert-warning.arrow-top > .arrow {
	border-bottom-color: #e5d7bc;
}

.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;
}

.product-filters
{
	margin-bottom: 20px;
}

.product-filters:after
{
	content: '';
	display: block;
	margin-bottom: -8px; /* compensate 8px margin bottom for .product-filter */
}

.product-filters-label
{
	display: inline-block;
	margin-right: 8px;
}

.product-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;
}

.product-filter:hover,
.product-filter:focus,
.product-filter:visited
{
	text-decoration: none;
}

.product-filter:focus
{
	outline: 0;
	box-shadow: 0 0 0 3px rgba(102, 175, 233, 0.33);
}

.product-filter-remove-all
{
	display: inline-block;
}

.msg-no-results-found
{
	color: #777777;
}

.leaflet-popup-content a,
.leaflet-popup-content a:hover,
.leaflet-popup-content a:focus,
.leaflet-popup-content a:visited
{
    color: #00B2FF; /* color3: links */
}

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;
}

.image-actions > li
{
	margin: 7px 0;
}

.crop-expand,
.crop-expand:hover,
.crop-expand:focus,
.crop-expand:visited
{
	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: #00B2FF;
	opacity: 0.85;
}

.templates-list-item-body {
	flex-grow: 1;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
	min-width: 0%; /* IE11 flexbox bug workaround https://stackoverflow.com/questions/39040118 */
}

.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
{
	margin-left: 7px;
	margin-bottom: 10px;
	min-width: 60px;
	max-width: 100%;
	padding: 6px 15px;
	border-radius: 50px;
	background: #FFFFFF;
	border: 1px solid #cccccc;
	box-shadow: none;
	text-overflow: ellipsis;
	overflow: hidden;
	color: inherit;
	font-weight: normal;
	transition: border 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background-color 0.25s cubic-bezier(0.8, -0.33, 0.2, 1.33), color 0.25s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.togglebutton-list .btn-default:hover
{
	color: inherit;
}

.togglebutton-list .btn-default.focus
{
  border-color: #66afe9;
  box-shadow: 0 0 0 3px rgba(102, 175, 233, 0.33);
  outline: none;
}

.togglebutton-list .btn-default.active
{
	border-color: #00B2FF;
	background-color: #00B2FF;
	color: #FFFFFF;
}

.togglebutton-list .btn-default.disabled
{
	opacity: 1;
	background-color: #eeeeee;
}
.togglebutton-list .btn-default.active.disabled
{
	border-color: #999999;
	background-color: #999999;
}

.togglebutton-list[disabled] .btn,
.togglebutton-list .btn.disabled
{
	pointer-events: none; /* Workaround for disabled toggle buttons responding to click/tap */
	transition: none;
}

.has-success .togglebutton-list .btn-default {
  border-color: #3c763d;
}
.has-success .togglebutton-list .btn-default.active {
  border-color: #3c763d;
  background-color: #3c763d;
}
.has-success .togglebutton-list .btn-default.focus {
  border-color: #2b542c;
  box-shadow: 0 0 0 3px rgba(103, 177, 104, 0.33);
}
.has-success .togglebutton-list .btn-default.active.focus {
  border-color: #3c763d;
}

.has-warning .togglebutton-list .btn-default {
  border-color: #8a6d3b;
}
.has-warning .togglebutton-list .btn-default.active {
  border-color: #8a6d3b;
  background-color: #8a6d3b;
}
.has-warning .togglebutton-list .btn-default.focus {
  border-color: #66512c;
  box-shadow: 0 0 0 3px rgba(192, 161, 107, 0.33);
}
.has-warning .togglebutton-list .btn-default.active.focus {
  border-color: #8a6d3b;
}

.has-error .togglebutton-list .btn-default {
  border-color: #a94442;
}
.has-error .togglebutton-list .btn-default.active {
  background-color: #a94442;
  border-color: #a94442;
}
.has-error .togglebutton-list .btn-default.focus {
  border-color: #843534;
  box-shadow: 0 0 0 3px rgba(206, 132, 131, 0.33);
}
.has-error .togglebutton-list .btn-default.active.focus {
  border-color: #a94442;
}

.togglebutton-list-input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* 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:not(.media-library-content-container-summary) {
	position: relative;
	min-height: 110px;
	padding-top: 0.05px; /* Trick to prevent collapsing margings*/
}

.media-library-content-container.loading {
	position: relative;
}

.media-library-content-container.loading:before {
	content: '';
	background-image: url('images/ajax-loader.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
    width: 30px;
    height: 30px;
    z-index: 20;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.media-library-content-container.loading:before	{
		background-image: url('./images/ajax-loader@2x.png');
	}
}

.csspositionsticky .media-library-content-container.loading:before {
	position: -webkit-sticky;
	position: sticky;
	display: block;
    top: 70px;
    margin: 50px auto -80px auto;
}

@media only screen and (min-width: 992px) {
	.csspositionsticky .media-library-content-container.loading:before {
		top: 20px;
	}
}

.no-csspositionsticky .media-library-content-container.loading:before {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -15px;
}

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

.csspositionsticky .media-library-content-container.loading:after {
	top: -35px;
}

.media-library-content-container.loading .media-item-list,
.media-library-content-container.loading .product-filters,
.media-library-content-container.loading .pagination,
.media-library-content-container.loading .msg-no-results-found {
	opacity: 0.7;
}

.media-library-content-container .media-library-author-list,
.media-library-content-container .product-filters,
.media-library-content-container .msg-no-results-found
{
	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 .product-filter,
.loading .product-filter-remove-all,
.loading .media-author-link,
.loading .media-item-more-link,
.loading .media-item-share-indication-link,
.loading .media-item-meta,
.loading .media-item-attribute-value-link
{
	color: inherit;
}

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

.media-item .btn-action-toggle
{
	padding: 3px 11px;
}

.btn-action-toggle:not(.set),
.btn-action-toggle:not(.set):hover,
.btn-action-toggle:not(.set):focus,
.btn-action-toggle:not(.set):active,
.btn-action-toggle:not(.set):active:focus,
.btn-action-toggle:not(.set):active:hover,
.btn-action-toggle:not(.set):disabled,
.btn-action-toggle:not(.set):disabled:hover {
	background: #999999;
}

.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):not(:active):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):not(:active):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):not(:active):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-library-content-container-summary .media-item-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;
	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: all 0.3s;
}

.media-item-promoted {
	border: solid #00B2FF 1px;
}

.media-item-promoted-indication {
	color: #00B2FF;
}

.feed-banner {
	border-radius: 5px;
	margin: 0 15px 30px 15px;
	width: 100%;
	max-width: none;
	flex-basis: calc(100% - 30px);
    transition: all 0.3s;
    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;
}

.no-objectfit .media-item-thumb > .picture_frame {
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}

.no-objectfit .media-item-promoted > .media-item-thumb > .picture_frame {
	border-radius: 4px 4px 0 0;
}

.no-objectfit .media-item-thumb-img {
	width: auto;
	min-height: 100%;
	min-width: 100%;
}

.no-objectfit .media-item-thumb-img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@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;
	}

	.no-objectfit .media-item-list:not(.media-item-card-list) > .media-item > .media-item-thumb > .picture_frame {
		border-radius: 5px 0 0 5px;
	}
	
	.no-objectfit .media-item-list:not(.media-item-card-list) > .media-item-promoted > .media-item-thumb > .picture_frame {
		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;
		min-width: 0%; /* IE11 flexbox bug workaround https://stackoverflow.com/questions/39040118 */
	}
	
	.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;
}

.no-flexgap .media-item-meta > * {
	margin-right: 15px;
}

.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;
}

.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: 5px;
}

.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 > a {
    align-self: flex-start;
}

.media-item-vendor > * > img {
    margin-right: 15px;
    border-radius: 4px;    
    min-width: auto;
    max-height: 40px;
    max-width: 80px;
}

.media-item-vendor.product-card-vendor-profile > a > img {
    border-radius: 50%;
    max-width: 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: #777777;
	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;
}

.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 {
	width: 60px;
	margin-right: 10px;
	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;
}

.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 {
	background-color: #4b4b4b;/* color15: showcase background */
	color: #FFFFFF;
	padding: 25px 0;
	margin-bottom: 40px;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	min-height: 145px;
}

@media only screen and (min-width: 992px) {
	.hero-page-header {
		min-height: 190px;
	}
}

.hero-page-header .background-asset[style]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.25);
    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: 10;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-end;
}

.hero-page-header-breadcrumb {
	position: relative;
	z-index: 10;
	margin-bottom: 2px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.hero-page-header-breadcrumb > li:after,
.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,
.hero-page-header-breadcrumb > .icon-link-level-up:visited,
.hero-page-header-breadcrumb > li > a,
.hero-page-header-breadcrumb > li > a:hover,
.hero-page-header-breadcrumb > li > a:focus,
.hero-page-header-breadcrumb > li > a:visited {
	color: inherit;
}

.hero-page-header-content > h1,
.hero-page-header-content > h2,
.hero-page-header-content > h3 {
	margin: 0 auto 0 0;
	font-weight: bold;
	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-content > .page-header-controls > .btn,
.hero-page-header-content > .page-header-controls > .btn-group {
	margin-bottom: 0;
}

.hero-page-header-content > .page-header-controls .btn-primary,
.hero-page-header-content > .page-header-controls .btn-primary:hover,
.hero-page-header-content > .page-header-controls .btn-primary:focus,
.hero-page-header-content > .page-header-controls .btn-primary:visited,
.hero-page-header-content > .page-header-controls .btn-primary:active {
	background: #FFFFFF;
	color: #00b1dd !important; /* color3: links */
}

.hero-page-header-content > .page-header-controls .btn-outline-primary:hover,
.hero-page-header-content > .page-header-controls .btn-outline-primary:focus,
.hero-page-header-content > .page-header-controls .btn-outline-primary:active,
.hero-page-header-content > .page-header-controls .btn-outline-primary.active {
	color: #00B2FF;
	background: #ffffff;
	border-color: #ffffff;
}

.hero-page-header-content > .page-header-controls .btn-outline-primary,
.hero-page-header-content > .page-header-controls .btn-outline-primary.disabled,
.hero-page-header-content > .page-header-controls .btn-outline-primary[disabled],
.hero-page-header-content > .page-header-controls .btn-outline-primary.disabled:hover,
.hero-page-header-content > .page-header-controls .btn-outline-primary.disabled:focus,
.hero-page-header-content > .page-header-controls .btn-outline-primary[disabled]:focus,
.hero-page-header-content > .page-header-controls .btn-outline-primary.disabled:active,
.hero-page-header-content > .page-header-controls .btn-outline-primary[disabled]:active,
.hero-page-header-content > .page-header-controls .btn-outline-primary.disabled.active,
.hero-page-header-content > .page-header-controls .btn-outline-primary[disabled].active,
.hero-page-header-content > .page-header-controls .btn-outline-primary[disabled]:hover {
	color: #FFFFFF;
	border-color: #FFFFFF;
}

.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 {
	color: inherit;
}

.hero-page-header-profiles-search {
	padding: 40px 0;
}

@media only screen and (min-width: 992px) {
	.hero-page-header-profiles-search {
		padding: 50px 0;
	}
}

.hero-page-header-profiles-search-fields {
	position: relative;
	z-index: 10;
	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: 9px; /* Same as .page-header padding bottom */
}

#group-list-form .page-header-search-filters {
	padding-bottom: 15px; /* Match with top of the group item list */
}

#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: 50px;
	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 {
	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;
}

.btn-apply-year-range:focus,
.btn-apply-year-range:active:focus
{
	outline: thin dotted;
	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: #00B2FF;
	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;
}

.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: #5baf20;
	box-shadow: none;
	padding: 7px 13px;
	font-weight: bold;
}

body #buorgig {
	background: #ff8b00;
	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;
}

.media .course-name {
	margin-top: 0;
}

.media .course-image {
	max-height: 68px;
	max-width: 120px;
}