/* Minification failed. Returning unminified contents.
(296,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,15): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(324,16): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(351,21): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(352,20): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(353,22): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(354,23): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(357,31): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(357,78): run-time error CSS1039: Token not allowed after unary operator: '-ck-todo-list-checkmark-size'
(475,25): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-yellow'
(479,25): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-green'
(483,25): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-pink'
(487,25): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-marker-blue'
(491,14): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-pen-red'
(496,14): run-time error CSS1039: Token not allowed after unary operator: '-ck-highlight-pen-green'
(509,20): run-time error CSS1039: Token not allowed after unary operator: '-ck-image-style-spacing'
(514,21): run-time error CSS1039: Token not allowed after unary operator: '-ck-image-style-spacing'
(524,20): run-time error CSS1039: Token not allowed after unary operator: '-ck-image-style-spacing'
 */
body {
	background: #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.clear {
	clear: both;
}
.login_container {
	background: rgba(225, 225, 225, 0.7);
	padding: 15px 0;
}
.login_container .login_intro {
	font-size: 25px;
}
.login_container .login_logo {
	text-align: center;
	margin-bottom: 15px;
}
.login_container .login_logo img {
	max-width: 100%;
}
.login_container .login_block {
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	padding: 15px;
}
.login_container .login_block .login_action_container .btn-primary {
	width: 100%;
}
.authenticationControl {
	background: #595958;
	font-size: 20px;
	border: 0px;
	color: #ffffff;
	border-bottom-left-radius: auto !important;
	border-top-left-radius: auto !important;
}
.btn-primary {
	background: #CB0538;
	border: 0px;
}
.btn-primary:hover {
	background: #e0003a;
	border: 0px;
}
/* This is the default CSS class of the bootstrap tooltips */
div.tooltip-inner {
	max-width: 400px;
	max-height: 400px;
	text-align: left;
	list-style-type: none;
	padding: 5pt;
}
.field-validation-error {
    color: red;
}
.field-validation-success {
    color: green;
}
/* Padding used in forms around within a edit container like a tab so its not pushed to the top against the container edge */
.paddedContainer {
	margin-top: 15px;
}
/* Spacing used at the bottom of the toolbar to give seperation from the content */
.toolbar {
	margin-bottom: 15px;
}
.even {
	background: #f3f3f3;
}
.odd {
	background: #ffffff;
}
.header {
	border-bottom: 5px solid #a5a5a5;
	background: url(header_bg.jpg) repeat-x bottom #F4F4F4;
	min-height: 90px;
	z-index: 999;
}
tr.row-selected {
	background-color: lightgrey;
}
.ng-table .header {
	min-height: auto;
}
.pagination {
	margin: 0;
}
.custom-pagination {
    display: block;
    margin: 5px 0;
}
.ngTableTopFilterSection {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -3px;
}
 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
 display: none !important;
}
/* Allign header texts to the left */
.ng-table th {
	text-align: left;
}
    /*Active table filter background color*/
    .ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
        background: #e7e6e6;
    }

/* Center content */
.row-centered {
	text-align: center;
}
.product-catalog-panel-action-bar {
    text-align: center;
    
    /* The following height css property is required because if the product is a 
        choice product it has less icons and the height will be different on the div 
        which changes the height of the panel item which causes the product panels to 
        appear to start skipping because of the mix-matched heights.
        The max-height is optional unless the screen can grow which might change in the future.
    */
    height: 40px;
    max-height: 40px;
}
.col-centered {
	display: inline-block;
	float: none;
	text-align: left;
	margin-right: -4px;
}
/* Product overview style */
.display-options-row {
	padding: 0 5px;
}
.display-options-row .display-options-col {
	background: #fafaf9;
	border-top: 1px solid #ece9e3;
	border-bottom: 1px solid #ece9e3;
	padding: 10px 15px;
	margin: 10px 0 5px;
	font-size: 12px;
}
.display-options-row .display-options-col .show-all-products {
	cursor: pointer;
}
.display-options-row .display-options-col .total-products {
	font-style: italic;
	float: right;
    clear:none;
}
.display-options-row .display-options-col .glyphicon {
	font-size: 15px;
	cursor: default;
}
.display-options-row .display-options-col .glyphicon-inactive {
	opacity: 0.25;
	cursor: pointer;
}
.display-options-row .display-options-col .glyphicon-inactive:hover {
	opacity: 1;
	color: #C9302C;
}
.display-options-row .display-options-col .product-display-options {
	padding: 0 5px;
}
.display-options-row .display-options-col .product-sort-options {
	border-radius:4px;
    border:1px solid #ccc;
    padding:2px 6px;
    width:100%;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-file-readonly-input {
    background-color: white !important;
    cursor: text !important;
}

.btn-file-readonly-input[disabled] {
    background-color: #eee !important;
    cursor: not-allowed !important;
}

/*  Bootstrap Clearfix */
/*  See http://www.bluthemes.com/blog/3/clearing-bootstrap-3-columns for more info */

/*  Mobile  */
@media (max-width:767px) {
	/* Column clear fix */
	.col-lg-1:nth-child(12n+1),  .col-lg-2:nth-child(6n+1),  .col-lg-3:nth-child(4n+1),  .col-lg-4:nth-child(3n+1),  .col-lg-6:nth-child(2n+1),  .col-md-1:nth-child(12n+1),  .col-md-2:nth-child(6n+1),  .col-md-3:nth-child(4n+1),  .col-md-4:nth-child(3n+1),  .col-md-6:nth-child(2n+1),  .col-sm-1:nth-child(12n+1),  .col-sm-2:nth-child(6n+1),  .col-sm-3:nth-child(4n+1),  .col-sm-4:nth-child(3n+1),  .col-sm-6:nth-child(2n+1) {
		clear: none;
	}
	.col-xs-1:nth-child(12n+1),  .col-xs-2:nth-child(6n+1),  .col-xs-3:nth-child(4n+1),  .col-xs-4:nth-child(3n+1),  .col-xs-6:nth-child(2n+1) {
		clear: left;
	}
	.product-title {
		font-size: 12px;
	}
}

/*  Tablet  */
@media (min-width:768px) {
	/* Column clear fix */
	.col-lg-1:nth-child(12n+1),  .col-lg-2:nth-child(6n+1),  .col-lg-3:nth-child(4n+1),  .col-lg-4:nth-child(3n+1),  .col-lg-6:nth-child(2n+1),  .col-md-1:nth-child(12n+1),  .col-md-2:nth-child(6n+1),  .col-md-3:nth-child(4n+1),  .col-md-4:nth-child(3n+1),  .col-md-6:nth-child(2n+1),  .col-xs-1:nth-child(12n+1),  .col-xs-2:nth-child(6n+1),  .col-xs-3:nth-child(4n+1),  .col-xs-4:nth-child(3n+1),  .col-xs-6:nth-child(2n+1) {
		clear: none;
	}
	.col-sm-1:nth-child(12n+1),  .col-sm-2:nth-child(6n+1),  .col-sm-3:nth-child(4n+1),  .col-sm-4:nth-child(3n+1),  .col-sm-6:nth-child(2n+1) {
		clear: left;
	}
	.product-title {
		font-size: 12px;
	}
}


/*  Medium Desktop  */
@media (min-width:992px) {
	/* Column clear fix */
	.col-lg-1:nth-child(12n+1),  .col-lg-2:nth-child(6n+1),  .col-lg-3:nth-child(4n+1),  .col-lg-4:nth-child(3n+1),  .col-lg-6:nth-child(2n+1),  .col-sm-1:nth-child(12n+1),  .col-sm-2:nth-child(6n+1),  .col-sm-3:nth-child(4n+1),  .col-sm-4:nth-child(3n+1),  .col-sm-6:nth-child(2n+1),  .col-xs-1:nth-child(12n+1),  .col-xs-2:nth-child(6n+1),  .col-xs-3:nth-child(4n+1),  .col-xs-4:nth-child(3n+1),  .col-xs-6:nth-child(2n+1) {
		clear: none;
	}
	.col-md-1:nth-child(12n+1),  .col-md-2:nth-child(6n+1),  .col-md-3:nth-child(4n+1),  .col-md-4:nth-child(3n+1),  .col-md-6:nth-child(2n+1) {
		clear: left;
	}
}


/*  Large Desktop  */
@media (min-width:1200px) {
	/* Column clear fix */
	.col-md-1:nth-child(12n+1),  .col-md-2:nth-child(6n+1),  .col-md-3:nth-child(4n+1),  .col-md-4:nth-child(3n+1),  .col-md-6:nth-child(2n+1),  .col-sm-1:nth-child(12n+1),  .col-sm-2:nth-child(6n+1),  .col-sm-3:nth-child(4n+1),  .col-sm-4:nth-child(3n+1),  .col-sm-6:nth-child(2n+1),  .col-xs-1:nth-child(12n+1),  .col-xs-2:nth-child(6n+1),  .col-xs-3:nth-child(4n+1),  .col-xs-4:nth-child(3n+1),  .col-xs-6:nth-child(2n+1) {
		clear: none;
	}
	.col-lg-1:nth-child(12n+1),  .col-lg-2:nth-child(6n+1),  .col-lg-3:nth-child(4n+1),  .col-lg-4:nth-child(3n+1),  .col-lg-6:nth-child(2n+1) {
		clear: left;
	}
}

.user-fields-input-container {
    margin-top: 12px;
}

.privacylink {
    text-decoration: underline !important;
}
.privacylink:hover {
    text-decoration: none !important;
}
input.number {
    text-align: right;
}
div.input-group.number {
    width: 150px;
    float: right;
}
/*Used on date pickers that are marked as readonly but need to be edited*/
input.enabled {
    background-color: #fff !important;
}



/*
 * CKEditor 5 (v19.1.1) content styles.
 * Generated on Fri, 19 Jun 2020 01:26:44 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/content-styles.html
 */

:root {
	--ck-highlight-marker-blue: hsl(201, 97%, 72%);
	--ck-highlight-marker-green: hsl(120, 93%, 68%);
	--ck-highlight-marker-pink: hsl(345, 96%, 73%);
	--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
	--ck-highlight-pen-green: hsl(112, 100%, 27%);
	--ck-highlight-pen-red: hsl(0, 85%, 49%);
	--ck-image-style-spacing: 1.5em;
	--ck-todo-list-checkmark-size: 16px;
}

/* ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
	list-style: none;
}
	/* ckeditor5-list/theme/todolist.css */
	.ck-content .todo-list li {
		margin-bottom: 5px;
	}
		/* ckeditor5-list/theme/todolist.css */
		.ck-content .todo-list li .todo-list {
			margin-top: 5px;
		}
	/* ckeditor5-list/theme/todolist.css */
	.ck-content .todo-list .todo-list__label > input {
		-webkit-appearance: none;
		display: inline-block;
		position: relative;
		width: var(--ck-todo-list-checkmark-size);
		height: var(--ck-todo-list-checkmark-size);
		vertical-align: middle;
		border: 0;
		left: -25px;
		margin-right: -15px;
		right: 0;
		margin-left: 0;
	}
		/* ckeditor5-list/theme/todolist.css */
		.ck-content .todo-list .todo-list__label > input::before {
			display: block;
			position: absolute;
			box-sizing: border-box;
			content: '';
			width: 100%;
			height: 100%;
			border: 1px solid hsl(0, 0%, 20%);
			border-radius: 2px;
			transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
		}
		/* ckeditor5-list/theme/todolist.css */
		.ck-content .todo-list .todo-list__label > input::after {
			display: block;
			position: absolute;
			box-sizing: content-box;
			pointer-events: none;
			content: '';
			left: calc( var(--ck-todo-list-checkmark-size) / 3 );
			top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
			width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
			height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
			border-style: solid;
			border-color: transparent;
			border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
			transform: rotate(45deg);
		}
		/* ckeditor5-list/theme/todolist.css */
		.ck-content .todo-list .todo-list__label > input[checked]::before {
			background: hsl(126, 64%, 41%);
			border-color: hsl(126, 64%, 41%);
		}
		/* ckeditor5-list/theme/todolist.css */
		.ck-content .todo-list .todo-list__label > input[checked]::after {
			border-color: hsl(0, 0%, 100%);
		}
	/* ckeditor5-list/theme/todolist.css */
	.ck-content .todo-list .todo-list__label .todo-list__label__description {
		vertical-align: middle;
	}
/* ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
	clear: both;
	margin: 1em 0;
	display: block;
	min-width: 15em;
}
/* ckeditor5-basic-styles/theme/code.css */
.ck-content code {
	background-color: hsla(0, 0%, 78%, 0.3);
	padding: .15em;
	border-radius: 2px;
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
	overflow: hidden;
	padding-right: 1.5em;
	padding-left: 1.5em;
	margin-left: 0;
	margin-right: 0;
	font-style: italic;
	border-left: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
	border-left: 0;
	border-right: solid 5px hsl(0, 0%, 80%);
}
/* ckeditor5-table/theme/table.css */
.ck-content .table {
	margin: 1em auto;
	display: table;
}
	/* ckeditor5-table/theme/table.css */
	.ck-content .table table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		height: 100%;
		border: 1px double hsl(0, 0%, 70%);
	}
		/* ckeditor5-table/theme/table.css */
		.ck-content .table table td,
		.ck-content .table table th {
			min-width: 2em;
			padding: .4em;
			border: 1px solid hsl(0, 0%, 75%);
		}
		/* ckeditor5-table/theme/table.css */
		.ck-content .table table th {
			font-weight: bold;
			background: hsla(0, 0%, 0%, 5%);
		}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
	text-align: right;
}
/* ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
	text-align: left;
}
/* ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
	max-width: 100%;
	display: block;
	box-sizing: border-box;
}
	/* ckeditor5-image/theme/imageresize.css */
	.ck-content .image.image_resized img {
		width: 100%;
	}
	/* ckeditor5-image/theme/imageresize.css */
	.ck-content .image.image_resized > figcaption {
		display: block;
	}
/* ckeditor5-image/theme/image.css */
.ck-content .image {
	display: table;
	clear: both;
	text-align: center;
	margin: 1em auto;
}
	/* ckeditor5-image/theme/image.css */
	.ck-content .image img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
		min-width: 50px;
	}
	/* ckeditor5-image/theme/imagecaption.css */
	.ck-content .image > figcaption {
		display: table-caption;
		caption-side: bottom;
		word-break: break-word;
		color: hsl(0, 0%, 20%);
		background-color: hsl(0, 0%, 97%);
		padding: .6em;
		font-size: .75em;
		outline-offset: -1px;
	}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
	background-color: var(--ck-highlight-marker-yellow);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
	background-color: var(--ck-highlight-marker-green);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
	background-color: var(--ck-highlight-marker-pink);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
	background-color: var(--ck-highlight-marker-blue);
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
	color: var(--ck-highlight-pen-red);
	background-color: transparent;
}
/* ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
	color: var(--ck-highlight-pen-green);
	background-color: transparent;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side,
.ck-content .image-style-align-left,
.ck-content .image-style-align-center,
.ck-content .image-style-align-right {
	max-width: 50%;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
	float: right;
	margin-left: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
	float: left;
	margin-right: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
	margin-left: auto;
	margin-right: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
	float: right;
	margin-left: var(--ck-image-style-spacing);
}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
	position: relative;
	clear: both;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
	/* ckeditor5-page-break/theme/pagebreak.css */
	.ck-content .page-break::after {
		content: '';
		position: absolute;
		border-bottom: 2px dashed hsl(0, 0%, 77%);
		width: 100%;
	}
/* ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
	position: relative;
	z-index: 1;
	padding: .3em .6em;
	display: block;
	text-transform: uppercase;
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
	font-size: 0.75em;
	font-weight: bold;
	color: hsl(0, 0%, 20%);
	background: hsl(0, 0%, 100%);
	box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
	font-size: .7em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
	font-size: .85em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
	font-size: 1.4em;
}
/* ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
	font-size: 1.8em;
}
/* ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
	padding: 1em;
	color: hsl(0, 0%, 20.8%);
	background: hsla(0, 0%, 78%, 0.3);
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	text-align: left;
	direction: ltr;
	tab-size: 4;
	white-space: pre-wrap;
	font-style: normal;
	min-width: 200px;
}
	/* ckeditor5-code-block/theme/codeblock.css */
	.ck-content pre code {
		background: unset;
		padding: 0;
		border-radius: 0;
	}
/* ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
	margin: 15px 0;
	height: 4px;
	background: hsl(0, 0%, 87%);
	border: 0;
}

@media print {
	/* ckeditor5-page-break/theme/pagebreak.css */
	.ck-content .page-break {
		padding: 0;
	}
		/* ckeditor5-page-break/theme/pagebreak.css */
		.ck-content .page-break::after {
			display: none;
		}
}
.glimpse-nowrap {
	z-index: 9999 !important;
}
.login_outer_container {
	display: flex;
	align-items: center;
}
.login_outer_container .login_container {
	background: rgba(225, 225, 225, 0.7);
	padding: 15px 0;
}
.login_outer_container .login_container .footer {
	margin-top: 15px;
}
.login_outer_container .login_container .login_intro {
	font-size: 25px;
}
.login_outer_container .login_container .login_logo {
	text-align: center;
	margin-bottom: 15px;
}
.login_outer_container .login_container .login_logo img {
	max-width: 100%;
}
.login_outer_container .login_container .login_block {
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	padding: 15px;
}
.login_outer_container .login_container .login_links {
	font-size: 10px;
	padding: 0px;
	margin-top: 5px;
}
.login_outer_container .login_container .login_links a {
	color: #33312e;
}
.login_outer_container .login_container .login_links a:hover {
	text-decoration: underline;
}
.login_action_container .btn-primary {
    background: #CB0538 !important;
}
.login_action_container .btn-primary:hover, .login_action_container .btn-primary:focus {
    background: #e0003a !important;
}
#UserName, #UserNameLogin, #Password {
    background: #595958;
    font-size: 20px;
    border: 0px;
    color: #ffffff;
    border-bottom-left-radius: auto !important;
    border-top-left-radius: auto !important;
}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .loginblock { width: 25%; float: right; } /* IE11 */
}
.btn-primary {
	background: #337ab7;
	border: 0px;
}
.btn-primary:hover, .btn-primary:focus {
	background: #286090;
	border: 0px;
}
#divCapslockWarning {
    margin-bottom: 5px;
    font-weight: bold;
}
.output_box {
	color: #FFF;
	margin-bottom: 5px;
}
.loading_box {
	display: none;
	text-align: center;
}
.vertical-align {
    display: flex;
    align-items: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.no-margin-left {
    margin-left: 0px !important;
}
.margin-top-2 {
    margin-top: 2px;
}
.white-bg {
    background: #FFF;
}
/* Created to show the loading box and let a variable hide it with ng-show / ng-hide */
.loading_box2 {
    text-align: center;
}
.flip_container {
	padding: 10px;
	background: #34312f;
	color: #FFF;
}
.padding-5{
    padding:0 5px !important;
}
.front {
	backface-visibility: hidden;
	float: none;
	left: 0;
	top: 0;
	position: relative;
	transform: rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
	transition: all 0.4s ease-in-out 0s;
	z-index: 900;
	background: #34312f;
}
.back {
	backface-visibility: hidden;
	float: none;
	left: 0;
	top: 0;
	position: absolute;
	transform: rotateY(-179deg);
	transform-style: preserve-3d;
	transition: all 0.4s ease-in-out 0s;
	z-index: 800;
	background: #34312f;
}
.flip .front {
	transform: rotateY(180deg);
	z-index: 900;
	position: absolute;
}
.flip .back {
	transform: rotateX(0deg) rotateY(0deg);
	z-index: 998;
	position: relative;
}
#recaptcha_table {
	border: 0px !important;
}
#recaptcha_table tr:first-child td:last-child {
	display: none !important;
}
#recaptcha_table td:last-child td:first-child {
	padding-left: 0px !important;
}
#recaptcha_response_field {
	line-height: normal !important;
	padding: 2px 5px;
	width: 185px !important;
}
.recaptcha_image_cell {
	width: auto !important;
}
#recaptcha_image {
	width: auto !important;
}
div#recaptcha_image, div#recaptcha_image > img {
	width: 100px !important;
	height: 50px !important;
}
.navSearch {
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}
.not-active {
	pointer-events: none;
	cursor: default;
}
[class*=' col-'] {
padding: 0 5px;
}
/* enable absolute positioning */
.inner-addon {
	position: relative;
}
/* style icon */
.inner-addon .glyphicon {
	position: absolute;
	padding: 5px;
	cursor: pointer;
	margin-right: 5px;
}
/* Change text depending on mobile */
.text-transform-right-left{
    text-align:right;
}
/* Padding top 5 pixels */
.padding-top-5 {
    padding-top: 5px;
}
/* Padding top 10 pixels */
.padding-top-10 {
    padding-top: 10px;
}
/* Padding top 15 pixels */
.padding-top-15 {
    padding-top: 15px;
}
/* Padding top 20 pixels */
.padding-top-20 {
    padding-top: 20px;
}
/* Padding top 40 pixels */
.padding-top-40 {
    padding-top: 40px;
}
/* Padding bottom 10 pixels */
.padding-bottom-10 {
    padding-bottom:10px;
}
/* Auto width */
.width-auto{
    width:auto;
}
/* Equal col height */
.row-eq-height{
    display:flex;
    position: relative;
}
/* create custom col for 5 equal col's */
.col-xs-5eq,
.col-sm-5eq,
.col-md-5eq,
.col-lg-5eq {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-5eq {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5eq {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5eq {
        width: 20%;
        float: left;
    }
    /* Equal col height */
    .row-md-eq-height {
        display: flex;
        position: relative;
    }
}
@media (min-width: 1200px) {
    .col-lg-5eq {
        width: 20%;
        float: left;
    }
}
/* align icon */
.left-addon .glyphicon {
	left: 0px;
}
.right-addon .glyphicon {
	right: 0px;
}
/* add padding  */
.left-addon input {
	padding-left: 30px !important;
}
.right-addon input {
	padding-right: 30px !important;
}
.col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	text-align: left;
	/* inline-block space fix */
	margin-right: -4px;
}
.row {
	margin: 0;
}
.error {
	color: #e0003a;
}
.success {
    color: #236f23;
}
.caret-up {
	border-bottom: 4px solid;
	border-top: 0px;
}
.container-fixed {
	max-width: 1190px;
}
.container-fixed .row {
	margin: 0px !important;
}
.no-margin {
	margin: 0px;
}
.no-padding {
	padding: 0;
}
.smallpadding {
	padding: 0 5px;
}
.pointer {
	cursor: pointer;
}
.cursor-pointer{
    cursor:pointer;
}
/* main content block in layout */
.mainContentBlock {
	margin-top: 16px;
	margin-bottom: 16px;
}
.row-header {
	background: #FFFFFF;
	position: relative;
	color: #696762;
}
.row-header .top-search {
	height: 25px;
	font-size: 12px;
	padding: 0 12px;
}
.row-header .search-icon a {
	color: #696762;
}
.notification-container .total_notifications {
	position: absolute;
	font-size: 10px;
	color: #FFF;
	background: url(/images/notify_bg.png) no-repeat;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	margin-top: -7px;
	text-align: center;
	z-index: 2;
	font-weight: bold;
}
.notification-container .notification-sign {
	color: #908f8b;
}
.notification-container .notification-list {
	position: absolute;
	padding: 5px;
	background: #FFF;
	border: 1px solid #dbdbdb;
	display: none;
	width: 250px;
	font-size: 12px;
}
.header-points a, .header-points span {
    font-weight: bold;
    color: #1F71AF;
}
.header-points a:hover {
	color: #696762;
	text-decoration: none;
}
.header-points a:focus {
	text-decoration: none;
	outline: none;
}
.row-header .header-user .user-list {
    position: absolute;
    padding: 5px;
    background: #FFF;
    border: 1px solid #8c8c8c;
    display: none;
    width: 150px;
    font-size: 12px;
    z-index: 90;
    border-radius:4px;
}
    .row-header .header-user .user-list .user-personal-points {
        padding: 2px 0 5px 1em;
        border-bottom: 1px solid #ece9e3;
    }
.row-header .header-user .user-list ul {
    padding: 0 1em;
    list-style: none;
}
.row-header .header-user .user-list ul li:before { 
    content: "";
    border-color: transparent #444;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}
.row-header .header-user .user-list ul li a { 
    color:#444444;
}
.logo-container {
    padding:5px 0;
}
.logo-container-mobile{
    padding-top:40px;
    padding-left: 3px;
}
.logo-row .logo-col {
    padding: 0 2px;
    box-sizing: border-box;
    display: inline-block;
}
.logo-row .logo-col:first-child {
    padding-left: 0;
}
.modal-dialog {
    margin: 70px auto;
}





.basket-click {
	background: url(/images/basket_icon.png) no-repeat bottom;
	width: 26px;
	height: 30px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 2px 10px 7px;
	font-size: 10px;
}
.basket-list {
	position: absolute;
	background: #FFF;
	border: 1px solid #aaa79f;
	display: none;
	width: 250px;
	font-size: 12px;
	margin-top: -23px;
	margin-left: -223px;
	border-radius: 10px;
    z-index:99;
}
.basket-list .basket_top {
	padding: 5px;
	background: #aaa79f;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	border: 1px solid #aaa79f;
	font-size: 12px;
    cursor:pointer;
}
.basket-list .basket_top .basket_total_top {
	background: url(/images/basket_icon.png) no-repeat center #aaa79f;
	width: 40px;
	height: 40px;
	padding: 3px 5px 24px 11px;
	position: absolute;
	border-radius: 20px;
	margin-left: 210px;
	margin-top: -30px;
	font-size: 10px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1);
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 1);
}
.basket-list .basket_products {
	margin-top: 15px;
	margin-bottom: 10px;
	padding-right: 2px;
}
.basket-list .basket_products .row {
	margin: 10px 0 !important;
}
.basket-list .basket_products .row div {
	padding: 0 1px;
}
.basket-list .basket_products .row div img{
	cursor:pointer;
}
.basket-list .basket_products .row div a {
	color:#333;
    cursor:pointer;
}
.basket-list .basket_products .row div a:hover{
	color:#337ab7;
    text-decoration:none;
}



.basket-list .basket_total {
	margin-top: 10px;
	padding: 5px 2px 5px 5px;
	background: #aaa79f;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.basket-list .basket_total div {
	padding: 0;
}
.basket-list .basket_more_products .full_basket_link {
	margin-top:5px;
    padding-top:5px;
    border-top:1px solid #AAA79F;
}
.basket-list .basket_more_products div {
	padding: 0;
}


.basket-list .basket_more_products {
	margin-top: 10px;
	padding: 5px 2px 5px 5px;
	background: #FFFFFF;
    font-style:italic;
	font-weight: bold;
	font-size: 12px;
}
.basket-list .basket_more_products div {
	padding: 0;
}
.basket-list .basket_more_products div {
	padding: 0;
}

.basket-list .basket_button {
	padding: 10px 0;
}
.basket-list-sticky{
    right:0;
    margin-right:61px;
    margin-top:8px;
}


.row-header .language_container .expand_language {
	background: #FFF;
	border: 1px solid #dbdbdb;
	padding: 0 5px 3px;
	display: none;
	position: absolute;
    z-index:998;
    width:30px;
    margin-left:-6px;
}
.row-menu {
	background: #f5f5f5;
	position: relative;
	z-index: 2;
	border-bottom: 2px solid #FFFFFF;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
}
.row-menu .navbar {
	border: 0;
	margin-bottom: 0;
	min-height: 0;
	border-radius: 0;
}
.row-menu .navbar .navbar-collapse {
	padding: 0;
}
.row-menu .navbar .navbar-collapse li a {
	font-size: 15px;
	color: #000000;
	padding: 5px 25px;
}
.sticky-menu{
    position: fixed;
    top: 0;
    width: 100%;
}
.basket-outer .basket-click{
    margin-top:-9px;
}
.row-menu .basket-outer{
    display:none;
}
.row-menu .basket-outer .basket-click{
    margin-top:-4px;
}
.row-menu .header-points{
    display:none;
    margin-top: 5px !important;
}

/* Browser check warning */
.browser-check-warning {
    width: 100%;
    padding: 20px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background: #b51a1a;
    position: relative;
}

/* Wrapper */
html, body {
    height: 100%;
}
.wrapper_main_container {
    min-height: 100%;
    background: #FFF;
    padding-bottom: 10px;
}
.wrapper_main_content {
    overflow: auto;
    /* must be same height as the footer */
    padding-bottom: 55px;
}
.wrapper_main_footer {
    position: relative;
    /* negative value of footer height */
    margin-top: -55px;
    clear: both;
    height: 55px;
    background: #FFF;
}
.wrapper_main_content_loggedin {
    /* must be same height as the footer */
    padding-bottom: 222px;
}
.wrapper_main_footer_loggedin {
    /* negative value of footer height */
    margin-top: -222px;
    height: 222px;
}
/* Wrapper Opera Fix */
body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;
}


.row-content {
	z-index: 1;
	position: relative;
}
.row-content .container-fixed {
	background: #FFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.footer-container {
	font-size: 11px;
	text-align: center;
	background: #dbdbdb;
	padding: 20px 30px;
	color: #696762;
}
.footer-container a {
	color: #696762;
}
.footer-container .footer-menu {
	margin-bottom: 10px !important;
}
.footer-container .footer-menu .footer-nav-item {
	border-left: 1px solid #e7e5e5;
	padding: 0 10px;
	text-align: left;
}
.footer-container .footer-menu .footer-nav-item:first-child {
	border-left: 0px;
}
.footer-container .footer-menu .footer-nav-item ul {
	padding: 0px;
	margin: 0px;
}
.footer-container .footer-menu .footer-nav-item ul li {
	list-style: none;
}
.footer-container .footer-menu .footer-nav-item ul li ul.nav-stacked{
    margin-left:15px;
}
.footer-container .footer-menu .footer-nav-item .main {
	font-weight: bold;
}
.footer-container .footer-menu .footer-nav-item .newsletter-input {
	height: 25px;
	font-size: 12px;
	padding: 0 12px;
}
.footer-container .footer-menu .footer-nav-item .newsletter-signup-btn {
	height: 25px;
	padding: 2px 10px;
	padding-right: 10px !important;
	margin-left: 5px;
}
.footer-container .footer-copyright {
	border-top: 1px solid #e7e5e5;
	padding-top: 10px;
}
.navbar-toggle {
	background: #ffffff;
}
.navbar-toggle .icon-bar {
	background: #FFFFFF;
}
.navbar-nav > li > a {
	padding: 0 15px;
}
.scale-image img {
	max-width: 100%;
	height: auto;
}
.search-container input[type="text"] {
	max-width: 100px;
}
.carousel-indicators {
	bottom: 0px;
}
.login_links {
	margin-top: 5px;
}
.login_links a {
	font-size: 11px;
	color: #FFF;
}
.login-secondary-btn {
    font-size: 14px;
}
.click-function {
	cursor: pointer;
}
body.container {
	width: auto;
	padding: 0px;
}
.points-container {
	padding: 34px 10px;
	text-align: center;
	background: #666666;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	margin: 5px;
}
.order-direct-container {
	text-align: center;
	padding: 27px 5px;
	padding-bottom: 24px;
	background: #cf2a27;
	font-size: 12px;
	color: #ffffff;
	margin: 5px;
}
.order-direct-container span {
	font-size: 20px;
    font-weight: bold;
}
.claim-voucher-container {
	padding: 10px;
	background: #dddddd;
	margin: 5px;
}
.claim-voucher-container h5 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
.claim-voucher-container [class*='col-'] {
	padding: 0;
}
.claim-voucher-container .voucher-claim-button-container {
	padding-left: 5px
}
.claim-voucher-container .voucher-claim-field-container {
	margin-bottom: 2px
}

/*Product list*/
/*General*/
.product-container-blocks, .product-container-list {
	margin: 5px 0;
}
.product-icon {
	color: #4d4d4d;
	margin-top: 10px;
}
.product-icon div {
	text-align: center;
}
.product-icon div span {
	font-size: 24px;
	cursor: pointer;
}
.product-icon div span:hover {
	color: #C9302C;
}
    .product-icon div a {
        color: #4d4d4d;
    }
.product-points {
	font-size: 20px;
	font-weight: bold;
	color: #c3393e;
    min-height:63px;
}
.product-points span {
	font-size: 14px;
	font-weight: normal;
    font-style:italic;
    text-decoration: line-through;
}
.product-recommend{
    position:absolute;
    padding:5px 40px;
    background:#ff9000;
    color:#FFF;
    border-radius: 0px 0px 99px 0px;
    z-index:1;
}
.product-recommend-basket {
    padding: 5px 30px;
    border:1px solid #FFF;
}
.product-recommend-overview {
    color:#ff9000;
    font-weight:bold;
}

.product-offer{
    position:absolute;
    padding:5px 40px;
    background:#c3393e;
    color:#FFF;
    border-radius: 0px 0px 99px 0px;
    z-index:1;
}
.product-offer-basket {
    padding: 5px 30px;
    border:1px solid #FFF;
}
.product-offer-overview {
    color:#C3393E;
    font-weight:bold;
}

/*Product blocks*/
.product-container-blocks .product-border {
	border: 1px solid #d3d3d3;
    border-radius:4px;
	padding: 10px 5px;
}
.product-container-blocks .product-image {
	height: 180px;
}
.product-container-blocks .product-image .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.product-container-blocks .product-image img {
	max-height: 180px;
    vertical-align: middle;
}
    .product-container-blocks .product-image img.img-responsive {
        cursor: pointer;
    }
.product-container-blocks .product-title {
	font-size: 14px;
	height: 60px;
	overflow: hidden;
    margin-top: 10px;
}
.product-container-blocks .product-title a {
	color:#333;
    cursor:pointer;
}
.product-container-blocks .product-title a:hover{
	color:#337ab7;
    text-decoration:none;
}
/*Product list*/
.product-container-list .product-border{
    border-bottom:1px solid #d3d3d3;
    padding:15px 0;
}
.product-container-list .product-image .col-centered{
    padding:0;
}
.move-to-basket-img{
    visibility:hidden;
    position: absolute;
}
.product-container-list .product-title{
    font-weight:bold;
    font-size:12px;
}
.product-container-list .product-code{
    font-size:12px;
}
.product-container-list .product-description{
    margin-top:15px;
    font-size:12px;
}
.product-container-list .product-description-short {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
}
.product-container-list .product-more{
    color:#c3393e;
}

/* Header pull down */
.header-pull-down{
    margin-top:25px;
}

/* Header margin between top items */
.header-top-item{
    float:right;
    margin:0 20px;
}
.header-top-item:first-child{
    margin-right:6px;
}

/* Header menu */
.desktop-menu-container{
    background:#f6f6f6;
}
.desktop-menu-container ul.navbar-nav, .desktop-menu-container-sticky ul.navbar-nav{
    width:100%;
}
.desktop-menu-container li, .desktop-menu-container-sticky li{
    float:right;
    margin:0 15px;
}
.desktop-menu-container li:first-child, .desktop-menu-container-sticky li:first-child{
    margin-right:0px;
}
.desktop-menu-container li ul a, .desktop-menu-container-sticky li ul a{
    line-height:normal;
}
.desktop-menu-container .dropdown-menu li, .desktop-menu-container-sticky .dropdown-menu li{
    float:left;
    width:100%;
    margin-left:0;
}
.desktop-menu-container li a, .desktop-menu-container-sticky li a{
    color:#444444;
    font-weight:bold;
    font-size:17px;
    line-height:50px;
    display:block;
    padding:0 15px;
}
.dropdown-menu > li > a{
    padding:3px 20px;
}
.dropdown-menu{
    border-radius:0;
    margin:0;
}
.submenu {
    display:none;
}
.submenu .dropdown-menu {
    display: block;
    z-index:98;
}

li.custom-menu-item:first-child .submenu {
    position:absolute;
    z-index:98;
    right:0;
}
li.custom-menu-item:first-child .submenu ul.dropdown-menu {
    position:relative;
}






.custom-menu-submenu .dropdown-menu{
    left:inherit !important;
}
.desktop-menu-container li a:hover, .desktop-menu-container-sticky li a:hover {
    text-decoration: none;
    background: #eee;
}
 .desktop-menu-container li a:focus, .desktop-menu-container-sticky li a:focus{
     text-decoration:none;
     background:none;
 }
.desktop-menu-container .dropdown-menu li a, .desktop-menu-container-sticky .dropdown-menu li a{
    font-weight:normal;
}
/* Header menu sticky */
.desktop-menu-container-sticky{
    background:#f6f6f6;
    width:100%;
    z-index:999;
    position:fixed;
    top:0;
    display:none;
    -webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.desktop-menu-container-sticky .sticky-logo{
    float:left;
    width:21%;
    margin-top:4px;
}
.desktop-menu-container-sticky .sticky-items{
    float:left;
    width:19%;
    height:52px;
    margin-left:1%;
}
.desktop-menu-container-sticky .sticky-menu-items{
    float:right;
    width:59%;
}
.desktop-menu-container-sticky .header-top-item{
    float:left;
    margin-top:15px;
}


/*Scroll to top button*/
.to-top{ 
    position:fixed;
    z-index:99;
    cursor:pointer;
    bottom:-100px;
    right:1%;
    opacity: 0.6;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.to-top:hover{
    opacity: 1;
}
.active-to-top{
    bottom:5%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/*Login panel*/
.loginblock {
    position: relative;
}
.loginblock .front {
    position:absolute;
    top: 0;
    z-index: 900;
    -ms-transform:rotatey(0deg);
    -ms-backface-visibility: hidden;
    -ms-transform-style: preserve-3d;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transform: rotateX(0deg) rotateY(0deg);
    -o-transform-style: preserve-3d;
    -o-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #333;
    padding:10px;
    color:#FFF;
}

.loginblock.flip .front {
    z-index: 900;
    -ms-transform:rotatey(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.loginblock .back {
    position: absolute;
    top: 0;
    z-index: 800;
    -ms-transform:rotatey(-180deg);
    -ms-backface-visibility: hidden;
    -ms-transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transform: rotateY(-180deg);
    -o-transform-style: preserve-3d;
    -o-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #333;
    padding:10px;
    color:#FFF;
}

.loginblock.flip .back {
    z-index: 998;
    -ms-transform:rotatey(0deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
}

.loginblock .frontedge, .loginblock .backedge{
    background: #333;
    padding:10px;
    color:#FFF;
}
.loginblock .backedge{
    display:none;
}



/*Basket page*/
.no-padding-left {
    padding-left:0px;
}
.basket-product-container{
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
}
.basket-product-container-no-border{
    border:0px;
}
.basket-product-container .basket-header{
    font-weight:bold;
    padding:10px 0;
}
.basket-product-container .basket-product{
    border-bottom:1px dashed #e9e9e9;
    padding:15px 0;
}
.basket-product-container .basket-product select{
    width:60%;
}
.basket-product-container .basket-product:last-child{
    border-bottom:0px;
}
.basket-product-container .basket-buttons span{
    cursor:pointer;
    font-size:20px;
}
.article-choice-basket-variant {
    font-style: italic;
}
tr.basket-product-total td {
    padding-top: 7px;
    padding-bottom: 0;
    padding-right: 7px;
}
.basket-product-total {
    font-weight: bold;
    padding: 10px 15px;
}
.basket-product-total-mobile {
    font-weight: bold;
    padding: 10px 0;
}
.basket-continue-button{
    padding-top:20px;
}
.basket-continue-button div{
    font-style:italic;
}
.container-fixed .basket-payment-overview {
    background: #F5F5F5;
    margin-top: 20px !important;
}


/*Campaign*/
.campaign-table {
    border: 1px solid #c5c5c5;
}
    .campaign-table .campaign-table-item, .campaign-table .campaign-table-header {
        padding: 8px 0;
    }
    .campaign-table .campaign-table-header {
        font-weight: bold;
        background: #c5c5c5;
    }
.campaign-table-info {
    position: relative;
}
    .campaign-table-info .custom-pagination {
        min-height: 40px;
    }
        .campaign-table-info .custom-pagination ul {
            margin: 0;
        }

.campaign-dashboard-section-title .pagination-page-items {
    width: 100% !important;
    font-size: 14px;
}

.campaign-table-info .campaign-table-info-text {
    position: absolute;
    top: 25px;
    right: 0;
    font-weight: bold;
}
        .campaign-table-info .campaign-table-info-text span {
            font-style: italic;
            font-weight: normal;
        }
    @media (max-width: 768px) {
        .campaign-table .campaign-table-header {
            font-size: 12px;
            font-weight: bold;
        }
        .campaign-table-info .campaign-table-info-text {
            position: relative;
            top: 0;
            text-align: left;
        }
    }
.campaign-row, .campaign-row .mat-slide-toggle.mat-disabled .mat-slide-toggle-label, .campaign-row .mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container {
    cursor: pointer !important;
}
    .campaign-row:hover {
        background: #dddddd;
    }
    .campaign-row .campaign-image {
        padding: 6px 3px;
    }
        .campaign-row .campaign-image img, .campaign-details .campaign-info-container .campaign-image img {
            border: 1px solid #c5c5c5;
            border-radius: 3px;
            width: 70px;
            height: auto;
        }
    .campaign-row .campaign-title {
        font-weight: bold;
        padding-top: 4px;
    }
    .campaign-row .campaign-date, .campaign-details .campaign-info-mobile, .campaign-details .campaign-info-mobile button, .campaign-row .campaign-type, .campaign-row .campaign-seperator, .campaign-details .campaign-info-container .campaign-date, .campaign-details .campaign-info-container .campaign-type {
        font-size: 12px;
        font-weight: normal;
    }
    .campaign-row .campaign-description-short {
        padding-top: 6px;
    }
    .campaign-row .campaign-description-short img {
        max-width: 100%;
        height: auto;
    }
.campaign-details .campaign-info-container {
    background: #f3f3f3;
    padding: 10px 12px;
    margin-right: 20px;
}
    .campaign-details .campaign-info-container .campaign-image img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .campaign-details .campaign-info-container .campaign-type {
        padding-top: 5px;
    }
    .campaign-details .campaign-info-container .campaign-details-button {
        padding-top: 20px;
    }
    .campaign-details .campaign-info-container .campaign-back-button {
        padding-top: 10px;
    }
    .campaign-details .campaign-info-mobile {
        padding-top: 0;
        padding-bottom: 20px;
    }
    .campaign-details .campaign-info-mobile-row {
        padding-bottom: 20px;
        border-bottom: 1px solid #c5c5c5;
    }
.campaign-details .campaign-back-button-mobile {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #c5c5c5;
    }
    .campaign-details .campaign-details-content img {
        max-width: 100%;
        height: auto;
    }
    .campaign-details .campaign-details-content .campaign-details-title {
        margin-bottom: 10px;
        font-weight: bold;
    }
    .campaign-details .campaign-details-content .header {
        border-bottom: 0;
    }
.campaign-subscribe-btn {
    padding: 10px 10px 0 0;
}
    .campaign-subscribe-btn .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb, .campaign-subscribe-btn .mat-slide-toggle.mat-checked .mat-ripple-element {
        background-color: #286090;
    }
    .campaign-subscribe-btn .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
        background-color: rgba(51,122,183,.54);
    }

.campaign-dashboard-container .campaign-dashboard-section {
    margin: 20px 0 !important;
}

    .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content::before {
        width: 38px;
        content: " ";
        background-image: url(../../images/icon-campaign-dashboard-campaigns.png);
        position: absolute;
        left: 19px;
        top: 20px;
        height: 38px;
    }
    .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content {
        padding-left: 50px;
    }
        .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-section-title {
            font-size: 20px;
            color: #0060ad;
            padding: 5px 0;
            border-bottom: 1px solid #0060ad;
            position: relative;
            
        }
        .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content  .link {
            color: #2871af;
        }
            .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content  .link:hover {
                text-decoration: underline;
            }
                .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content  .link:hover span {
                    text-decoration: none;
                }
            .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-section-title .campaign-dashboard-latest-update {
                font-size: 14px;
                position: absolute;
                bottom: 6px;
                right: 0;
                font-weight: bold;
            }
                .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-section-title .campaign-dashboard-latest-update span {
                    font-style: italic;
                    font-weight: normal;
                }
        .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item {
            padding: 20px 0;
            border-bottom: 1px solid #0060ad;
        }
        .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-ArticleWithCloseDate, .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-BrandWithCloseDate {
            padding-bottom: 0;
        }
        

        .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item:last-child {
            border: 0;
        }
            .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-title {
                font-size: 14px;
                font-weight: bold;
            }
            .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-image img {
                max-width: 250px;
                max-height: 120px;
                width: auto;
                height: auto;
                float: right;
                border: 1px solid #c5c5c5;
                border-radius: 3px;
            }
            .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-details, .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-table {
                padding: 10px;
            }
            .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-details:hover {
                background: #dddddd;
                cursor: pointer;
            }
                .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-details .dashboard-progress-share {
                    display: inline-block;
                    position: relative;
                }
                .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-details .dashboard-progress-container {
                    background: #f1f1f1;
                    width: 70%;
                    margin: 0 5px 5px 5px;
                }
                    .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-details .dashboard-progress-container .dashboard-progress-bar {
                        padding: 2px 5px;
                        background: #0084ed;
                        font-size: 12px;
                    }
                    .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-details .dashboard-progress-container .dashboard-progress-bar.noprogress {
                        padding: 2px 0;
                    }
                    .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content .campaign-dashboard-item .campaign-dashboard-item-details .dashboard-progress-container .dashboard-progress-bar-display {
                        padding: 2px 5px;
                        background: none;
                        font-size: 12px;
                        color: #000;
                        text-align: right;
                        width: 100%;
                        position: absolute;
                        top: 0;
                    }

.target-credits-to-award-container .multitarget-seperator:last-child {
    display: none;
}


@media (max-width: 768px) {
    .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content {
        padding: 0;
    }
        .campaign-dashboard-container .campaign-dashboard-section .campaign-dashboard-content::before {
            background-image: none;
            width: 0;
            height: 0;
        }
}


.panel-label {
    font-weight: bold;
    text-align: right;
}

/* Level dashboard */
.level-dashboard-container .level-info-container {
    margin-top: 50px;
}
.level-dashboard-container .level-details-container {
    width: 100%;
    background: rgb(2,56,59);
    background: linear-gradient(90deg, rgba(2,56,59,1) 0%, rgba(90,125,132,1) 50%, rgba(2,56,59,1) 100%);
    padding: 30px 20px;
}
.level-dashboard-container .level-details {
    color: #FFF;
}
    .level-dashboard-container .level-details h1 {
        font-size: 60px;
    }
    .level-dashboard-container .level-details .level-details-info {
        margin-top: 20px;
    }
    .level-dashboard-container .level-details .level-details-todo {
        margin-top: 20px;
        font-weight: bold;
    }


.level-catalog-inner.level-1, .level-catalog-inner.level- {
    border: 1px solid #bd7127;
}
.level-catalog-inner.level-2 {
    border: 1px solid #a9a9a9;
}
.level-catalog-inner.level-3 {
    border: 1px solid #e4bf07;
}
.level-catalog-inner .level-catalog-title {
    padding: 9px 10px;
    font-size: 14px;
    font-weight: bold;
}
.level-catalog-inner.level-1 .level-catalog-title, .level-catalog-inner.level- .level-catalog-title {
    background: #bd7127;
}
.level-catalog-inner.level-2 .level-catalog-title {
    background: #a9a9a9;
}
.level-catalog-inner.level-3 .level-catalog-title {
    background: #e4bf07;
}
.level-catalog-inner .level-catalog-info {
    padding: 8px 10px;
}
.level-catalog-inner .level-details-progress-container {
    padding: 0 10px 10px 10px;
    width: 100%;
}
    .level-catalog-inner .level-details-progress-container.catalog-has-overscore {
        width: 80%;
    }
.level-catalog-inner .level-details-progress-container .level-progress-outer .level-progress-regular {
    font-size: 12px;
}
    .level-catalog-inner .level-details-progress-container .level-progress-outer .level-progress-overscore.small {
        margin-right: -60px;
        padding: 4px 10px 3px 50px;
    }
.level-catalog-inner .level-details-progress-container .level-progress-footer ul li {
    font-size: 14px;
}

.level-details-progress-container {
    margin-top: 20px;
}
        .level-details-progress-container .level-progress-header ul, .level-details-progress-container .level-progress-footer ul {
            margin: 0;
            padding: 0;
        }
            .level-details-progress-container .level-progress-header ul li, .level-details-progress-container .level-progress-footer ul li {
                list-style: none;
                display: inline-block;
                text-align: left;
                padding: 0 15px;
                text-align: right;
            }
                .level-details-progress-container .level-progress-footer ul li {
                    font-size: 20px;
                }
        .level-details-progress-container .level-progress-header ul li.width-0, .level-details-progress-container .level-progress-footer ul li.width-0 {
            position: absolute;
        }
        .level-details-progress-container .level-progress-header.no-level ul li, .level-details-progress-container .level-progress-footer.no-level ul li {
            width: 50%;
        }

        .level-details-progress-container .level-progress-outer {
            position: relative;
        }
            .level-details-progress-container .level-progress-outer .level-progress-regular {
                border: 4px solid #b6b6b6;
                border-radius: 20px;
                background: #FFF;
                font-size: 20px;
                position: relative;
                z-index: 2;
            }
                .level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner {
                    color: #333333;
                    padding: 5px 10px;
                    text-align: right;
                    border-radius: 15px;
                }
                    .level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level-1, .level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level- {
                        background: rgb(189,113,38);
                        background: linear-gradient(0deg, rgba(189,113,38,1) 0%, rgba(231,155,81,1) 100%);
                    }
                    .level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level-2 {
                        background: rgb(169,169,169);
                        background: linear-gradient(0deg, rgba(169,169,169,1) 0%, rgba(194,194,194,1) 100%);
                    }
                    .level-details-progress-container .level-progress-outer .level-progress-regular .level-progress-inner.level-3 {
                        background: rgb(228,191,7);
                        background: linear-gradient(0deg, rgba(228,191,7,1) 0%, rgba(255,221,51,1) 100%);
                    }
            .level-details-progress-container .level-progress-outer .level-progress-overscore {
                border: 4px solid #32a400;
                border-radius: 20px;
                background: #32a400;
                padding: 5px 10px 5px 50px;
                color: #FFF;
                font-size: 20px;
                position: absolute;
                z-index: 1;
                right: 0;
                top: 0;
                margin-right: -75px;
            }
                .level-details-progress-container .level-progress-outer .level-progress-overscore.small {
                    padding: 9px 10px 9px 70px;
                    font-size: 14px;
                }
.level-dashboard-container .level-status {
    padding-top: 30px;
}
    .level-dashboard-container .level-status .level-status-outer {
        border-radius: 200px;
    }
        .level-dashboard-container .level-status .level-status-outer .level-status-inner {
            width: 20%;
            box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.75);
            border-radius: 200px;
        }
            .level-dashboard-container .level-status .level-status-outer .level-status-inner.level-1, .level-dashboard-container .level-status .level-status-outer .level-status-inner.level- {
                background: #dca670;
            }
            .level-dashboard-container .level-status .level-status-outer .level-status-inner.level-2 {
                background: #d7d7d7;
            }
            .level-dashboard-container .level-status .level-status-outer .level-status-inner.level-3 {
                background: #ffe14d;
            }
            .level-dashboard-container .level-status .level-status-outer .level-status-inner .level-status-progress {
                font-size: 50px;
                color: #FFF;
                text-align: center;
                background: #FFF;
                width: 80%;
                margin: 5% 0 0 5%;
            }
.c100 {
    display: inline-block;
    float: none !important;
}



/*Order steps*/
.order-steps {
    background: #e9e9e9;
}
.order-steps div{ 
    background:url(../../../../images/step_pointer_left.png) no-repeat left center, url(../../../../images/step_pointer_right.png) no-repeat right center;
    padding-right:34px;
    cursor:pointer;
}
.order-steps div:first-child{ 
    background:url(../../../../images/step_pointer_right.png) no-repeat right center;
}
.order-steps div:last-child{ 
    background:url(../../../../images/step_pointer_left.png) no-repeat left center;
}
.order-steps div.finished-step{ 
    background:url(../../../../images/step_pointer_left.png) no-repeat left center, url(../../../../images/step_pointer_right_finished.png) no-repeat right center;
}
.order-steps div.finished-step:first-child{ 
    background:url(../../../../images/step_pointer_right_finished.png) no-repeat right center;
}
.order-steps div.finished-step:first-child:hover{ 
    background-color:#bcbcbc;
}
.order-steps div.active-step, .order-steps div:hover{
    background-color:#bcbcbc;
}
.order-steps .disable-step{
    cursor:default;
}
.order-steps div.disable-step:hover{
    background-color:#e9e9e9 !important;
}
.order-steps-mobile div{
    padding-right:15px;
}
.order-progress-error{
    color:#c20b39;
}
.order-progress-buttons{
    border-top:1px solid #E9E9E9;
}
.order-progress-overview-outro{
    margin-top:20px;
}

/*Delivery page*/
.delivery-container button{
    padding:5px;
}
.delivery-container .btn-primary {
	background: #337ab7;
	border: 1px solid #2e6da4;
}
.delivery-container .btn-primary:hover, .delivery-container .btn-primary:focus {
	background: #286090;
	border: 1px solid #2e6da4;
}
.delivery-address{
    background:#F5F5F5;
    padding:10px 20px;
    display:inline-block;
}
.delivery-address-full, .pay-with-money-overview{
    background:#F5F5F5;
    padding:10px 20px;
}
    .pay-with-money-overview table {
        border-top: 1px solid #bcbcbc;
        float: none;
        font-weight: bold;
    }
        .pay-with-money-overview table tr:first-child td {
            padding-top: 20px;
        }
.delivery-address-full address {
    margin-bottom: 0;
}
.delivery-address p, .delivery-address-full p{
    font-weight:bold;
}
.order-history-details{
    background:#F5F5F5;
    padding:10px;
}
.order-history-details p{
    font-weight:bold;
}

/* Order review page*/
.order-password{
    border-top:1px solid #e9e9e9;
    padding-top:15px;
}
.order-password .form-group{
    margin-bottom:0;
}

.final-order-loading {
    display: none;
}

/* Product filter */
.productfilter-outer {
    font-size: 12px;
}
.productfilter-outer label{
    font-weight:normal;
}
.product-filter-heading {
    background:#fafaf9;
    border-top:1px solid #ece9e3;
    border-bottom:1px solid #ece9e3;
    padding:5px;
    line-height:33px;
}
.container-fixed .product-filter-heading{
    margin:10px 0 5px !important;
}
.container-fixed .product-filter-subheading {
    padding-top: 20px;
    margin-top:20px !important;
    border-top: 1px solid #ededed;
}
.container-fixed .product-filter-content-first {
    padding-top: 0;
    border: 0;
    margin-top:0 !important;
}

.subheading-no-padding{
    padding-top:0px;
}
.product-filter-subheading div{
    font-weight:bold;
    padding:5px 10px;
}
.fade-out-block{
    overflow:hidden;
    max-height:120px;
}
.fade-out-block label{
    margin:0px;
}
.fade-out-block-open{
    max-height:100%;
}
.fade-out-block-button-open span, .fade-out-block-button-close span{
    color:#3183ff;
    cursor:pointer;
}
.remove-filters {
    font-size:10px;
    color:#3183ff;
    cursor:pointer;
}
.current-product-filter div{
    line-height:25px;
    float:left;
    cursor:pointer;
}
.remove-product-filter-icon{
    background:url(../../../../images/product_filter_remove.png) no-repeat;
    width:22px;
    height:22px;
    margin-right:5px;
}
.ngrs-range-slider{
    margin:0px;
}
.slider-value{
    margin-top:5px;
}
.slider-value .form-control{
    width:60px;
    padding:3px;
    display:inline;
    -moz-appearance:textfield;
}
.slider-value input[type=number]::-webkit-inner-spin-button, 
.slider-value input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0;
}
.slider-value .slider-dummy-button {
    padding: 5px;
}
.filtered-search-text-container {
    width: 100%;
}
.filtered-search-text{
    height:22px;
    width:80%;
    overflow:hidden;
}
.filter-search-box{
    padding:0 !important;
}
.filter-search-box .form-control{
    font-weight:normal;
}
.range-bar-full{
    padding:0 5px;
}
.range-bar-full div {
    height:8px;
    background:#dfdfdf;
    border-radius:2px;
    position:relative;
    margin-top:-18px;
}
.general-banner{
    padding:10px 5px 0;
}
.slider-dummy-button{
    margin-top:-4px;
}
.mobile-product-filter-item {
    float: left;
    padding: 5px;
    background: #f5f5f5;
    margin: 2px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.mobile-product-filter-item div{
    float:left;
}
.mobile-product-filter-item-title{
    background:none;
    border:0;
    border-radius:0;
    width:100%;
    font-weight:bold;
}



/* Catalog page */
.catalog-block-row{
    padding-top:10px;
}
.catalog-block {
    cursor: pointer;
    padding-top: 20px;
}
.catalog-block:hover {
    color: #FFFFFF;
    background: #337ab7;
}
.catalog-block .catalog-img {
    height:150px;
    width:auto;
    padding:5px;
    background-repeat:no-repeat;
    background-position:center center;
}
.catalog-block .catalog-block-text{
    height:97px;
    overflow:hidden;
}
.catalog-block .catalog-block-text h5, .catalog-block-image-outer .catalog-block-text h5 {
    font-weight: bold;
    font-size: 18px;
}
.catalog-block .catalog-block-text p, .catalog-block-image-outer .catalog-block-text p {
    margin: 0;
}
.catalog-block .catalog-icon-order {
    width:120px;
    background-image: url(../../../../images/catalog_icon_order.png);
}
.catalog-block:hover .catalog-icon-order {
    background-image: url(../../../../images/catalog_icon_order_hover.png);
}
.catalog-block .catalog-icon-new {
    width: 150px;
    background-image: url(../../../../images/catalog_icon_new.png);
}
.catalog-block:hover .catalog-icon-new {
    background-image: url(../../../../images/catalog_icon_new_hover.png);
}
.catalog-block .catalog-icon-suggestions {
    width: 150px;
    background-image: url(../../../../images/catalog_icon_suggestions.png);
}
.catalog-block:hover .catalog-icon-suggestions {
    background-image: url(../../../../images/catalog_icon_suggestions_hover.png);
}
.catalog-block .catalog-icon-offers {
    width: 150px;
    background-image: url(../../../../images/catalog_icon_offers.png);
}
.catalog-block:hover .catalog-icon-offers {
    background-image: url(../../../../images/catalog_icon_offers_hover.png);
}
.catalog-block .catalog-icon-popular {
    width: 110px;
    background-image: url(../../../../images/catalog_icon_popular.png);
}
.catalog-block:hover .catalog-icon-popular {
    background-image: url(../../../../images/catalog_icon_popular_hover.png);
}
.program-banner{
    padding:10px 0;
    cursor:pointer;
}
.program-banner .program-banner-title{
    font-size:15px;
    font-weight:bold;
}

/* Catalog page images */
.catalog-block-image-outer {
    margin: 5px 0;
}
.catalog-block-image {
    cursor: pointer;
    padding: 50% 0 5px;
    border: 1px solid #8c8c8c;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.catalog-block-image-whatcaniorder {
    background-image: url(../../../../images/static_catalog_block_order_direct.jpg);
}
.catalog-block-image-popularproduct {
    background-image: url(../../../../images/static_catalog_block_popular.jpg);
}
.catalog-block-image-offers {
    background-image: url(../../../../images/static_catalog_block_offers.jpg);
}
.catalog-block-image-recentlyaddedproducts {
    background-image: url(../../../../images/static_catalog_block_new.jpg);
}
.catalog-block-image-recommendedproducts {
    background-image: url(../../../../images/static_catalog_block_recommended.jpg);
}
.catalog-block-image-savingsgoal {
    background-image: url(../../../../images/static_catalog_block_savingsgoal.jpg);
}
.catalog-block-image-savingsgoal-empty {
    background-image: url(../../../../images/static_catalog_block_savingsgoal_empty.jpg);
}
.catalog-block-image .catalog-block-image-overlay {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 5px 10px;
}
.catalog-block-image:hover .catalog-block-image-overlay {
    background-color: rgba(255, 255, 255, 1);
}



/* Savings goal general */
.savings-goal-star-active {
    color: #0095cd;
    position: relative;
    z-index: 98;
}

.savings-goal-star {
    position: relative;
    z-index: 98;
}



/* Savings goal catalog page */
.catalog-block .catalog-icon-savingsgoal {
    width: 150px;
    height: 150px;
    background-image: url(../../../../images/catalog_icon_savingsgoal.png);
}
.catalog-block-image-outer .catalog-block-text {
    height: 68px;
}
.catalog-block:hover .catalog-icon-savingsgoal {
    background-image: url(../../../../images/catalog_icon_savingsgoal_hover.png);
}
.catalog-block .catalog-icon-savingsgoal-has-savingsgoal{
    background-image: url(../../../../images/catalog_icon_savingsgoal_has_savingsgoal.png);
}
.catalog-block-savingsgoal{
    cursor:default;
}
.catalog-block-savingsgoal:hover {
    color: #333333;
    background: #FFFFFF;
}
.catalog-block-savingsgoal img{
    max-height:150px;
    height:auto;
}
.catalog-block-savingsgoal-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #337ab7;
    color: #FFFFFF;
    margin-top: -20px;
    margin-left: -5px;
    z-index: 2;
    visibility: hidden;
    cursor: default;
}
.catalog-block-image-outer .catalog-block-savingsgoal-overlay {
    width: 98%;
    height: 100%;
    margin-top: 0;
    margin-left: 4px;
    left: 0;
    top: 0;
    padding: 0;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner{
    padding:10px;
    width:100%;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-outer {
    width: 100%;
    height: 25px;
    border-radius: 4px;
    background: #FFFFFF;
    border:1px solid #FFFFFF;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-inner {
    height: 100%;
    border-radius: 4px;
    background: #337ab7;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-overlay {
    margin-top: -23px;
    font-weight: bold;
    color: #333;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .savings-goal-reached-percent{
    color: #FFF;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-container .progress-goal {
    line-height: 25px;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-buttons {
    font-size: 30px;
    padding-top: 20px;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .progress-buttons span:hover{
    color:#333333;
    cursor:pointer;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .overlay-title{
    font-size:20px;
    padding-bottom:10px;
}
.catalog-block-savingsgoal-overlay .catalog-block-savingsgoal-overlay-inner .overlay-product-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #72a1ca;
    max-height: 45px;
    overflow: hidden;
}




/* Savings goal dropdown */
.savings-goal-dropdown {
    position: absolute;
    background: #FFF;
    z-index: 97;
    margin-left: -9px;
    margin-top: -29px;
    padding: 5px 5px 10px;
    display: none;
    cursor: default;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid #8c8c8c;
}
.savings-goal-dropdown .move-to-basket-img {
    position:absolute;
}
.savings-goal-hover{
    cursor:pointer;
}
.savings-goal-hover .title{
    padding-left:19px;
    padding-top:5px;
    margin-top:-2px;
    background:none;
    font-size:14px;
}
.savings-goal-hover .progress-container .progress-overlay{
    margin-top:-20px;
}
.savings-goal-dropdown .title .glyphicons-remove {
    cursor: pointer;
}
.savings-goal-dropdown .info {
    padding-top: 10px;
}
.savings-goal-dropdown .info .product-title {
    font-weight: bold;
    font-size: 15px;
}
.savings-goal-dropdown .info .product-title a {
    color: #333;
    cursor: pointer;
}
.savings-goal-dropdown .info .product-title a:hover {
    color: #337ab7;
    text-decoration: none;
}
.savings-goal-dropdown .info .savings-goal-img-container {
    cursor: pointer;
}
.savings-goal-dropdown .progress-container {
    padding-top: 10px;
}
.savings-goal-dropdown .progress-order-btn span {
    font-size: 20px;
    cursor: pointer;
}
.savings-goal-dropdown .savings-goal-order-btn {
    padding-top: 10px;
}
.savings-goal-dropdown .savings-goal-order-btn span {
    cursor: pointer;
}
.savings-goal-dropdown .progress-container .progress-outer {
    width: 100%;
    height: 25px;
    border-radius: 4px;
    background: #b8b8b8;
    background: -webkit-linear-gradient(rgba(228,228,228,1), rgba(184,184,184,1));
    background: -o-linear-gradient(rgba(228,228,228,1), rgba(184,184,184,1));
    background: -moz-linear-gradient(rgba(228,228,228,1), rgba(184,184,184,1));
    background: linear-gradient(rgba(228,228,228,1), rgba(184,184,184,1));
}
.savings-goal-dropdown .progress-container .progress-inner {
    height: 100%;
    border-radius: 4px;
    background: #1f71af;
    background: -webkit-linear-gradient(rgba(39,141,219,1), rgba(31,113,175,1));
    background: -o-linear-gradient(rgba(39,141,219,1), rgba(31,113,175,1));
    background: -moz-linear-gradient(rgba(39,141,219,1), rgba(31,113,175,1));
    background: linear-gradient(rgba(39,141,219,1), rgba(31,113,175,1));
}
.savings-goal-dropdown .progress-container .progress-overlay {
    margin-top: -23px;
    font-weight: bold;
    color: #333;
}
.savings-goal-dropdown .progress-container .progress-goal {
    line-height: 25px;
}

/* Carousel */
#mainCarousel {
    background: #FFF;
}
#mainCarousel .link_banner {
    cursor: pointer;
}
.carousel-inner>.item>a>img {
    max-width: unset;
}
header-banners .item img {
    object-fit: none;
    object-position: center;
    width: 100%;
    height: 280px;
    margin: 0 auto;
}




/* Productfilter */
.sticky-productfilter{
    position:fixed;
}
.product-filter-mobile-open{
    cursor:pointer !important;
}
.product-filter-mobile-open:hover{
    color:#c9302c;
}
.product-filter-open{
    display:block !important;
}
.active-product-filter{
    color:#c9302c;
}
.fadeout {
    position: relative; 
    bottom: 0em;
    width:100%;
    height: 3em;
    margin-top:-3em;
    background: -webkit-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -o-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
} 

/* Service page */
.service-btn {
    text-align:center;
    font-size:20px;
    padding:40px 20px;
    cursor:pointer;
    color:#4d4d4d;
    border:5px solid #FFFFFF;
    background:#FFFFFF;
}
.service-btn span{
    font-size:40px;
}
.service-btn:hover, .service-btn-active {
    color:#FFFFFF;
    background:#337ab7;
}
.contact-description-field{
    height:200px !important;
}
.characters-remaining {
    font-size:10px;
    font-style:italic;
}

/* Product details */
.product-detail-title {
    font-size:25px;
    margin-top:14px;
}
.product-detail-typenumber{
    font-size:12px;
    margin:5px 0;
}
.product-details-info{
    padding:20px 0;
}
.product-details-points {
    font-weight:bold;
    font-size:30px;
}
.product-details-points-oldprice {
    font-size: 14px;
    font-weight:normal;
    font-style:italic;
    text-decoration: line-through;
}
.product-details-points-todo {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}
.product-details-arrow-up, .product-details-arrow-down{
    max-width:80px;
}
.product-details-arrow-up span{
    font-size:30px;
    margin-bottom:5px;
    cursor:pointer;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.product-details-arrow-down span{
    font-size:30px;
    margin-top:-6px;
    cursor:pointer;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.product-details-multiple-images-container{
    height:360px;
    overflow:hidden;
}
.product-details-multiple-images{
    position:relative;
    height:430px;
}
.product-details-extra-image{
    padding:5px;
    cursor:pointer;
    width:80px;
    height:80px;
    margin-bottom:10px;
    border:1px solid #cccccc;
    border-radius:4px;
}
.product-details-extra-image:hover{
    border:1px solid #9d9d9d;
}
.product-details-extra-image .row{
    height:68px;
}
.product-details-youtube-thumb{
    position:absolute;
    bottom:0;
    margin:0;
}
.product-details-youtube-thumb .product-details-youtube-play{
    color:#FFF;
    font-size:24px;
    margin-top:-12px;
    padding:20px;
    position:absolute;
    background-color:rgba(0, 0, 0, 0.4);
}
.product-details-youtube-thumb .product-details-youtube-play:hover{
    background-color:rgba(0, 0, 0, 0.6);
}
.product-details-youtube-thumb img{
    margin-left:-2px;
}
.product-details-image-main-container{
    padding:5px;
    border:0px;
    height:430px;
}
.product-details-image-main-container .row{
    height:418px;
}
.product-details-image-main-container .row img{
    max-height:418px;
}
.product-details-image-main-container .product-details-image-main, .product-details-image-main-container .product-details-video-container{
    display:none;
}
.product-details-image-main-container .product-details-image-main:first-child{
    display:block;
}
.product-details-image-main-container .move-to-basket-img{
    position:absolute;
    left:0;
    bottom:0;
}
.product-details-image-main-container .product-details-image-main{
    cursor:pointer;
}



.container-fixed .row.article-choice-container {
    margin: 10px 0 !important;
}
.article-choice-item {
    display: inline-block;
    border: 1px solid #cccccc;
    padding: 5px 12px;
    margin: 3px;
    font-size: 12px;
    cursor: pointer;
}
    .article-choice-item:last-child {
        margin-right:0;
    }
    .article-choice-item:hover, .article-choice-item:focus, .article-choice-item:hover, .article-choice-item-active{
        background: #e8e8e8;
    }


.product-details-button {
    margin-top: 10px;
}
.product-details-icon span{
    font-size:24px;
    cursor:pointer;
    margin-top:20px;
}
.product-details-icon span:hover{
    color:#cb0538;
}
.product-details-description-short{
    margin-top:20px;
}
.product-details-description-long{
    margin-top:20px;
}
.product-details-video-container iframe{
    margin-top:5px;
}
.modal-product-details .modal-header{
    background-color:#FFF !important;
    padding:5px 15px;
}
.modal-product-details .modal-body{
    text-align:center;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ 
    user-select: none;
}

/* Multiple dropdown disabled fix */
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {
    background-color: #eee;
    opacity: 1;
}
    .bootstrap-select.btn-group.disabled span.filter-option, .bootstrap-select.btn-group > .disabled span.filter-option {
        color: #555;
    }

/* Social Media */
.social-container {
    float: right;
}

    .social-container span {
        margin-left: 6px;
        font-size: 20px;
    }

.social-container-mobile {
    text-align: center;
    margin-top: 10px;
}

    .social-container-mobile span {
        margin: 0 3px;
        font-size: 20px;
    }


/* Maximum body width */
.max-body-width {
    margin: 0 auto;
    padding-right: 0 !important;
    max-width: 1200px;
    background: #dbdbdb;
}
    .max-body-width .wrapper_main_container {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }
.max-body-width .logo-container, .sticky-logo {
    padding-left: 5px;
}
.max-body-width .desktop-menu-container-sticky {
    max-width: 1200px;
}
.max-body-width .savings-goal-dropdown {
    margin-left: -12px;
}


@media (max-width: 991px) {
    .product-detail-title {
        font-size:20px;
        margin-top:0;
    }
    .product-detail-title, .product-detail-typenumber, .product-details-description-short, .product-details-description-long{
        padding:0;
    }
    .product-details-info .product-details-image-main-container{
        height:330px;
        margin-bottom:10px;
    }
    .product-details-info .product-details-image-main-container .row{
        height:318px;
    }
    .product-details-info .product-details-image-main-container .row img{
        max-height:318px;
    }
    .product-details-extra-image, .product-details-youtube-thumb{
        margin:5px;
        clear: none !important;
    }
    .product-details-youtube-thumb{
        position:relative;
    }
    .product-details-image-main-container .vertical-align{
        justify-content:center;
    }
    .product-details-points-container{
        margin-top:20px;
    }
    .savings-goal-star-active, .savings-goal-star-active:hover {
        color: #0095cd !important;
    }
}







/**** MOBILE ****/
/* Mobile menu */
.mobile-menu{
    z-index: 1000;
    position: fixed;
    overflow:scroll;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #000;
    width:250px;
    height:100%;
    margin-left:-260px;
    -webkit-box-shadow: 3px 0px 5px 0px rgba(89,89,89,1);
    -moz-box-shadow: 3px 0px 5px 0px rgba(89,89,89,1);
    box-shadow: 3px 0px 5px 0px rgba(89,89,89,1);
}
.mobile-menu-toggle{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left:0px;
}
.mobile-menu .sidebar-nav{
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2px;
}
.mobile-menu .sidebar-nav li {
    text-indent: 15px;
    line-height: 40px;
}
.mobile-menu .sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}
.mobile-menu .sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
    border-left: red 2px solid;
}
.mobile-menu .sidebar-nav li a:active,
.mobile-menu .sidebar-nav li a:focus {
    text-decoration: none;
}
.mobile-menu .sidebar-nav .nav-stacked{
    list-style-type:none;
    padding-left:30px;
}
.mobile-menu .mobile-menu-block{
    border-bottom:5px solid #303030;
    padding:10px;
    color:#999999;
}
.mobile-menu .mobile-user{
    border-top:5px solid #303030;
}
.mobile-menu-overlay{
    width:100%;
    height:100%;
    position:fixed;
    background:none;
    z-index:900;
    margin-left:-100%;
}
.mobile-menu-overlay-toggle{
    margin-left:0%;
}
/* Mobile header */
.mobile-header{
    background:#908f8b;
    padding:0 5px;
    position:fixed;
    z-index:800;
    border-bottom:3px solid #FFF;
}
.mobile-header .navbar-toggle {
    padding: 0;
    margin:6px 0;
    float:none;
    background:none;
}
.mobile-header .notification-container .notification-sign{
    color:#FFFFFF;
}
.mobile-header .notification-container .total_notifications{
    margin-left:85%;
}
.mobile-header a{
    color:#FFF;
}
.mobile-header .mobile-header-icon{
    margin-top:6px;
}
.mobile-header .mobile-header-points{
    margin-top:6px;
    clear:none;
}
    .mobile-header .mobile-header-points span {
        color: #FFF;
    }
.mobile-header .basket-click{
    background: url(/images/basket_icon_mobile.png) no-repeat center 8px;
    color:#FFF;
}
/* Mobile productfilter */
.mobile-productfilter{
    z-index: 850;
    position: fixed;
    overflow:scroll;
    top:0;
    left:0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #FFF;
    width:250px;
    height:100%;
    margin-left:-260px;
    -webkit-box-shadow: 3px 0px 5px 0px rgba(89,89,89,1);
    -moz-box-shadow: 3px 0px 5px 0px rgba(89,89,89,1);
    box-shadow: 3px 0px 5px 0px rgba(89,89,89,1);
}
.mobile-productfilter-toggle{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left:0px;
}
.mobile-productfilter-overlay{
    width:100%;
    height:100%;
    position:fixed;
    background:none;
    z-index:800;
    margin-left:-100%;
    top:0;
    left:0;
}
.mobile-productfilter-overlay-toggle{
    margin-left:0%;
}





.mobile-productfilter-close{
    padding-top:5px;
}
.mobile-productfilter-close span{
    cursor:pointer;
}
/* Mobile account */
.mobile-account-tabs a:hover, .mobile-account-tabs li.active a{
    border-color:#ddd !important;
}
/* Content view */
.content-view {
    background: #FFF;
}
.content-page {
    margin-top: 30px;
}
.content-page img {
    max-width: 100%;
    height: auto;
}
/* Carousel */
.carousel-inner {
    height: 280px;
}
.carousel-inner > .item {
    position: absolute;
    width: 100%;
}
    .carousel-inner > .item > a > img, .carousel-inner > .item > img {
        object-fit: none; /* Do not scale the image */
        object-position: center; /* Center the image within the element */
        height: 280px;
        width: 100%;
        margin: 0 auto;
    }
.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 38%;
    color: #FFF;
    font-size: 4em;
    opacity: 0.3;
}
.carousel-control-prev {
    left: 10px;
}
.carousel-control-next {
    right: 10px;
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #FFF;
    opacity: 0.8;
}


@media screen and (min-device-width : 500px) and (max-device-width : 1199px), screen and (min-width : 500px) and (max-width : 1199px) {
    .carousel-inner {
        height: 140px;
    }
        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            object-fit: cover;
            width: 100%;
            height: 140px;
        }
}
@media screen and (min-device-width : 50px) and (max-device-width : 499px), screen and (min-width : 50px) and (max-width : 499px) {
    .carousel-inner {
        height: 90px;
    }
        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            object-fit: cover;
            width: 100%;
            height: 90px;
        }
}


/* Register with code or login */
.xmas-loginpage {
    padding: 40px;
    border: 1px solid #8f8f8f;
}
    .xmas-loginpage h3 {
        font-weight: bold;
        margin-top: 0;
        font-size: 15px;
    }
    .xmas-loginpage .input-group-btn {
        display: block;
    }
        .xmas-loginpage .input-group-btn input {
            padding: 10px 30px;
        }
.registrationcode-container {
    margin-top: 40px;
}
.registrationcode-container .registrationcode-field {
    margin: 10px 0;
}
    .registrationcode-container .registrationcode-field .maskedregistercode {
        background-image: linear-gradient(90deg,#ccc 1px,#ccc 0),linear-gradient(90deg,#ccc 1px,#ccc 0),linear-gradient(90deg,#ccc 1px,#ccc 0),linear-gradient(90deg,#ccc 1px,#ccc 0),linear-gradient(90deg,#ccc 1px,#ccc 0),linear-gradient(90deg,#ccc 1px,#ccc 0),linear-gradient(90deg,#ccc 1px,#ccc 0);
        background-size: 1px 100%;
        background-position: 26px 0,54px 0,82px 0,109px 0,136px 0,163px 0,193px 0;
        background-repeat: no-repeat;
        width: 240px;
        height: 40px;
        letter-spacing: 20px;
        text-transform: uppercase;
        color: #4e606f;
        box-sizing: border-box;
        background-color: #fff;
        cursor: text;
        -webkit-rtl-ordering: logical;
        padding: 10px;
        padding-right: 0;
        font-family: monospace;
    }
    .registrationcode-container .registrationcode-field .maskedregistercode::-ms-clear {
        display: none;
    }
    .registrationcode-container .registrationcode-error, .xmas-loginpage .output_box {
        color: #e0003a;
    }
    .registrationcode-container .registrationcode-recaptcha {
        margin-top: 10px;
        width: 100px;
    }
    .registrationcode-container .registrationcode-btn {
        margin-top: 10px;
    }
.xmas-loginpage .loginblock {
    width: 100%;
}
.xmas-loginpage .loginblock .front, .xmas-loginpage .loginblock .back {
    background: none;
    color: #333;
    padding: 10px 0;
}
.xmas-loginpage .login_links a {
    color: #333;
}
.xmas-loginpage .loginblock #UserName, .xmas-loginpage .loginblock #UserNameLogin, .xmas-loginpage .loginblock #Password {
    background: #FFF;
    border: 1px solid #ccc;
    color: #4e606f;
    font-size: 14px;
}
.xmas-loginpage form[name="loginForm"] .form-group:nth-child(2) {
    margin-bottom: 0;
}

@media (min-width: 992px) { /* md */
    .xmas-loginpage:first-child {
        border-right: 0;
    }
}
@media (max-width: 991px) { /* xs-sm */
    .xmas-loginpage {
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) { /* xs */
    .xmas-loginpage {
        padding: 10px;
    }
    .registrationcode-container .registrationcode-recaptcha {
        transform: scale(0.80);
        -webkit-transform: scale(0.80);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}



/* Claims */
.claim-overview .claim-section {
    margin: 10px 0;
}
    .claim-overview .claim-section h2 {
        color: #2871af;
        font-size: 25px;
        margin: 30px 0 10px 0;
    }
    .claim-overview .claim-section .claim-table-container .claim-table, .claim-details .claim-table {
        border: 1px solid #d4d4d4;
    }
        .claim-overview .claim-section .claim-table-container .claim-table .no-claims {
            padding: 10px 5px;
            font-style: italic;
        }
        .claim-overview .claim-section .claim-table-container .claim-table .claim-table-item, .claim-details .claim-table .claim-table-item {
            padding: 10px 0;
        }
            .claim-overview .claim-section .claim-table-container .claim-table .claim-table-item .btn-primary {
                padding: 6px 10px;
            }
        .claim-overview .claim-section .claim-table-container .claim-table .claim-table-header, .claim-details .claim-table .claim-table-header {
            background: #d4d4d4;
            font-weight: bold;
        }
    .claim-overview .claim-section .claim-reset-btn {
        padding-top: 10px;
    }
    .claim-overview .claim-section .mat-form-field-infix {
        width: auto;
    }
.claim-details .claim-info-container {
    background: #f3f3f3;
    padding: 10px 12px;
}
.claim-details .claim-info-container .claim-details-button {
    padding-top: 20px;
}
    .claim-details .claim-info-container .claim-details-info span {
        font-weight: bold;
    }
.claim-details .claim-back-button-mobile {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #c5c5c5;
}
@media (min-width: 992px) {
    .claim-details .claim-details-content {
        padding-left: 10px;
    }
}
@media (max-width: 991px) {
    .claim-details .claim-info-container {
        margin-bottom: 20px;
    }
}




.scale-text h1 {
    font-size: 25px;
    font-weight: bold;
}
    /******************** MOBILE STYLES ********************/
    @media (max-width: 1199px) { /*Bootstrap MD*/
        body {
    cursor: pointer;
}
.scale-text h1 {
	font-size: 25px;
	font-weight: bold;
}
.scale-text h2 {
	font-size: 20px;
	font-weight: bold;
}
.claim-voucher-container {
	float: none !important;
}
.basket-list-sticky{
    margin-right:20px;
}
.row-menu .basket-outer .basket-click{
    margin-top:-3px;
}
.content-view {
    margin-top: 30px;
}
.navbar-toggle{
    display:block;
}
.notification-container {
	margin-top: 10px !important;
}
.order-steps div{ 
    background:none !important;
    cursor:default;
}
.order-steps div:hover{ 
    background:none;
}
.current-product-filter{
    padding:0 5px;
}
.ngrs-range-slider .ngrs-runner{
    height:25px;
}
.ng-table-filters .increase, .ng-table-filters .decrease{
    display:none;
}
.ng-table-filters .numeric-input {
    border-radius:4px !important;
}
.range-bar-full div{
    margin-top:-22px;
}
.to-top{ 
    width:30px;
    right:1%;
}
.to-top:hover{
    opacity: 0.6;
}
.to-top img{ 
    width:100%;
    height:auto;
}
.active-to-top{
    bottom:15%;
}
#mainCarousel{
    margin-top:10px;
}
.savings-goal-container{
    text-align:left;
}
.savings-goal-img-container {
    padding-bottom: 10px;
}
.savings-goal-img-container img{
    display:inline;
}
.savings-goal-container .text-left{
    text-align:right;
    padding-right:5px;
}
.savings-goal-container .text-right{
    text-align:left;
    padding-left:5px;
}
    .carousel-indicators, .carousel-control-prev, .carousel-control-next {
        display: none;
    }
}
@media (max-width: 767px) { /*Bootstrap XS*/
body {
    cursor: pointer;
}
.scale-text h1 {
	font-size: 20px;
	font-weight: bold;
}
.scale-text h2 {
	font-size: 15px;
	font-weight: bold;
}
.pull-down {
	margin-top: 0px !important;
}
.notification-container {
	margin-top: 10px !important;
}
.navbar-toggle {
	margin-right: 0px;
}
.header-points {
	margin-top: 15px;
}
.header-basket {
	margin-top: 7px;
}
.notification-list {
	width: 95% !important;
	z-index: 9;
}
.basket-list {
	z-index: 9;
}
.navbar-nav {
	margin: 0;
}
.dropdown-menu li a {
	padding: 0;
}
.dropdown-menu li a:focus, .dropdown-menu li a:hover {
	background: #eee;
}
.small-menu-search {
	margin-top: 5px;
}
.glyphicon-search {
	margin-top: 4px;
}
.login-flip-block {
	max-width: 250px;
}
.productfilter-outer{
    padding-bottom:20px;
    margin-bottom:20px;
}
.order-steps div{ 
    background:none !important;
    cursor:default;
}
.order-steps div:hover{ 
    background:none;
}
.overview-address{
    margin-top:40px;
    padding:0;
}
.product-container-list .product-image{
    text-align:center;
}
.product-container-list .product-title{
    margin-top:10px;
}
.product-container-list .product-description{
    margin-bottom:10px;
}
.content-view{
    margin-top:30px;
}
.basket-product-container .basket-product select{
    width:100%;
}
.ng-table-filters .increase, .ng-table-filters .decrease{
    display:none;
}
.ng-table-filters .numeric-input {
    border-radius:4px !important;
}
.ng-table-filters .date input{
    padding:6px 1px !important;
}
.basket-product select[name="basket-quantity"]{
    padding:6px 1px !important;
}
.total-products {
    font-size:12px;
}
.current-product-filter{
    padding:0 5px;
}
.ngrs-range-slider .ngrs-runner{
    height:25px;
}
.range-bar-full div{
    margin-top:-22px;
}
.to-top{
    width:30px;
    right:1%;
}
.to-top:hover{
    opacity: 0.6;
}
.to-top img{ 
    width:100%;
    height:auto;
}
.active-to-top{
    bottom:15%;
}
.bootstrap-datetimepicker-widget{
    left:0 !important;
    right:0 !important;
    position:absolute !important;
}
.tooltip{
    left: 0 !important;
}
.h1, h1{
    font-size:26px;
}
#mainCarousel{
    margin-top:10px;
}
.savings-goal-container{
    text-align:center;
}
.savings-goal-img-container img{
    display:inline;
}
.savings-goal-container .text-left{
    text-align:right;
    padding-right:5px;
}
.savings-goal-container .text-right{
    text-align:left;
    padding-left:5px;
}
.progress-goal{
    margin:10px 0;
}
.text-transform-right-left{
    text-align:left;
}
.service-btn {
    font-size:12px;
    padding:20px 5px;
    border:2px solid #FFFFFF;
}
.service-btn span{
    font-size:20px;
}
.product-points {
    min-height: 86px;
}
.savings-goal-container {
    text-align: center;
}
.product-recommend {
    padding: 5px 20px;
}
}
/*The following classes are used to format the password strength indicator display. This can be found in GetProfile.cshtml and CreatePassword.cshtml*/
#score {
	color: #000;
	font-size: 85%;
	position: absolute;
	text-align: center;
	width: 100px;
	z-index: 10;
}
#scorebar {
	background-image: url(../../images/bg_strength_gradient.jpg);
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute;
	width: 98px;
	z-index: 0;
}
#scorebarBorder {
	border-radius: 5px;
	line-height: 14px;
	background: #333;
	border: 1px #000 solid;
	height: 16px;
	margin-bottom: 8px;
	margin-bottom: 14px;
	width: 100px;
}

.padding-right-5 {
    padding-right: 5px;
}
.padding-right-4 {
    padding-right: 4px;
}
.margin-left-3 {
    margin-left: 3px;
}

.descriptionButton {
    float: left;
    margin-left: -20px;
    margin-top: 8px;
    cursor: pointer;
}
.descriptionInput {
    padding-right: 30px;
    float: left;
}

div.no-style {
    padding: 0;
    margin: 0;
    border: 0;
}



/* Manage Participant Groups */
.manage-participant-container {
    margin-top: 40px;
}
.manage-participant-container h3 span {
    font-size: 14px;
    margin-left: 2px;
}
.manage-participant-container th {
    padding: 8px 10px;
    background: #e7e6e6;
    border-top: 1px solid #ddd;
}
.manage-participant-container tr:first-child td {
    border-top: 2px solid #ddd;
}
.manage-participant-container .even {
    background: #f3f3f3;
}
.manage-participant-container .odd {
    background: #FFF;
}
.manage-participant-container td {
    padding: 5px 10px;
    width: 23%;
}
    .manage-participant-container td.last {
        width: 8%;
    }

    .manage-participant-container td span {
        font-size: 12px;
    }

    .manage-participant-table-container {
        width: 100%;
        height: auto;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin: 20px 0;
    }

.manage-participant-table-pending {
    margin-bottom: 50px;
}

.manage-participant-table-container .glyphicon {
    cursor: pointer;
    font-size: 20px;
}

.manage-participant-table-container input[type=number]::-webkit-outer-spin-button, .manage-participant-table-container input[type=number]::-webkit-inner-spin-button {
    margin-left: 8px;
    padding: 20px 5px;
}

.manage-participant-table-container .number input[type="number"] {
    padding-right: 0;
}

.custom-percentage-container .custom-percentage-outer {
    padding: 10px 15px;
    border: 1px solid #D1D3D4;
    border-radius: 3px;
    background: #f3f3f3;
}
.custom-percentage-container .custom-percentage-outer button {
        border: 0;
        background: #f3f3f3;
    }
.custom-percentage-container .custom-percentage-outer button:focus {
            border:0;
            outline: none;
        }
.custom-percentage-container .custom-percentage-outer .custom-percentage-label {
        margin-top: 3px;
    }
.custom-percentage-container .custom-percentage-outer .custom-percentage-label span {
        font-weight: bold;
    }
.custom-percentage-container .custom-percentage-messages {
    padding-top: 10px;
    border: 1px solid #D1D3D4;
    border-top: 0;
    border-radius: 3px;
    background: #f3f3f3;
    font-weight: bold;
}
.custom-percentage-container .messages-success {
    background: #3c763d;
}
.custom-percentage-container .messages-error {
    background: #a94442;
}
    .custom-percentage-container .messages-success p, .custom-percentage-container .messages-error p {
        color: #FFF;
    }
.custom-percentage-container .custom-percentage-outer .glyphicon {
    font-size: 20px;
}


/* Custom radio button*/
.customradio div {
    clear: both;
    overflow: hidden;
}

.customradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.customradio input[type="radio"]:empty,
.customradio input[type="checkbox"]:empty {
    display: none;
}

    .customradio input[type="radio"]:empty ~ label,
    .customradio input[type="checkbox"]:empty ~ label {
        position: relative;
        line-height: 2.5em;
        text-indent: 3.25em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .customradio input[type="radio"]:empty ~ label:before,
        .customradio input[type="checkbox"]:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

.customradio input[type="radio"]:hover:not(:checked) ~ label,
.customradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

    .customradio input[type="radio"]:hover:not(:checked) ~ label:before,
    .customradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #C2C2C2;
    }

.customradio input[type="radio"]:checked ~ label,
.customradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

    .customradio input[type="radio"]:checked ~ label:before,
    .customradio input[type="checkbox"]:checked ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #333;
        background-color: #ccc;
    }

.customradio input[type="radio"]:focus ~ label:before,
.customradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.customradio-default input[type="radio"]:checked ~ label:before,
.customradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.customradio-primary input[type="radio"]:checked ~ label:before,
.customradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.customradio-success input[type="radio"]:checked ~ label:before,
.customradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.customradio-danger input[type="radio"]:checked ~ label:before,
.customradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.customradio-warning input[type="radio"]:checked ~ label:before,
.customradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.customradio-info input[type="radio"]:checked ~ label:before,
.customradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

.width-1 {
    width: 1%;
}

.width-2 {
    width: 2%;
}

.width-3 {
    width: 3%;
}

.width-4 {
    width: 4%;
}

.width-5 {
    width: 5%;
}

.width-6 {
    width: 6%;
}

.width-7 {
    width: 7%;
}

.width-8 {
    width: 8%;
}

.width-9 {
    width: 9%;
}

.width-10 {
    width: 10%;
}

.width-11 {
    width: 11%;
}

.width-12 {
    width: 12%;
}

.width-13 {
    width: 13%;
}

.width-14 {
    width: 14%;
}

.width-15 {
    width: 15%;
}

.width-16 {
    width: 16%;
}

.width-17 {
    width: 17%;
}

.width-18 {
    width: 18%;
}

.width-19 {
    width: 19%;
}

.width-20 {
    width: 20%;
}

.width-21 {
    width: 21%;
}

.width-22 {
    width: 22%;
}

.width-23 {
    width: 23%;
}

.width-24 {
    width: 24%;
}

.width-25 {
    width: 25%;
}

.width-26 {
    width: 26%;
}

.width-27 {
    width: 27%;
}

.width-28 {
    width: 28%;
}

.width-29 {
    width: 29%;
}

.width-30 {
    width: 30%;
}

.width-31 {
    width: 31%;
}

.width-32 {
    width: 32%;
}

.width-33 {
    width: 33%;
}

.width-34 {
    width: 34%;
}

.width-35 {
    width: 35%;
}

.width-36 {
    width: 36%;
}

.width-37 {
    width: 37%;
}

.width-38 {
    width: 38%;
}

.width-39 {
    width: 39%;
}

.width-40 {
    width: 40%;
}

.width-41 {
    width: 41%;
}

.width-42 {
    width: 42%;
}

.width-43 {
    width: 43%;
}

.width-44 {
    width: 44%;
}

.width-45 {
    width: 45%;
}

.width-46 {
    width: 46%;
}

.width-47 {
    width: 47%;
}

.width-48 {
    width: 48%;
}

.width-49 {
    width: 49%;
}

.width-50 {
    width: 50%;
}

.width-51 {
    width: 51%;
}

.width-52 {
    width: 52%;
}

.width-53 {
    width: 53%;
}

.width-54 {
    width: 54%;
}

.width-55 {
    width: 55%;
}

.width-56 {
    width: 56%;
}

.width-57 {
    width: 57%;
}

.width-58 {
    width: 58%;
}

.width-59 {
    width: 59%;
}

.width-60 {
    width: 60%;
}

.width-61 {
    width: 61%;
}

.width-62 {
    width: 62%;
}

.width-63 {
    width: 63%;
}

.width-64 {
    width: 64%;
}

.width-65 {
    width: 65%;
}

.width-66 {
    width: 66%;
}

.width-67 {
    width: 67%;
}

.width-68 {
    width: 68%;
}

.width-69 {
    width: 69%;
}

.width-70 {
    width: 70%;
}

.width-71 {
    width: 71%;
}

.width-72 {
    width: 72%;
}

.width-73 {
    width: 73%;
}

.width-74 {
    width: 74%;
}

.width-75 {
    width: 75%;
}

.width-76 {
    width: 76%;
}

.width-77 {
    width: 77%;
}

.width-78 {
    width: 78%;
}

.width-79 {
    width: 79%;
}

.width-80 {
    width: 80%;
}

.width-81 {
    width: 81%;
}

.width-82 {
    width: 82%;
}

.width-83 {
    width: 83%;
}

.width-84 {
    width: 84%;
}

.width-85 {
    width: 85%;
}

.width-86 {
    width: 86%;
}

.width-87 {
    width: 87%;
}

.width-88 {
    width: 88%;
}

.width-89 {
    width: 89%;
}

.width-90 {
    width: 90%;
}

.width-91 {
    width: 91%;
}

.width-92 {
    width: 92%;
}

.width-93 {
    width: 93%;
}

.width-94 {
    width: 94%;
}

.width-95 {
    width: 95%;
}

.width-96 {
    width: 96%;
}

.width-97 {
    width: 97%;
}

.width-98 {
    width: 98%;
}

.width-99 {
    width: 99%;
}

.width-100 {
    width: 100%;
}
