/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./css/responsive/country_selector/_index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
/* ------------------------------
// Country selector
------------------------------ */
.content-countrylangcurrency-selector {
  cursor: pointer;
}
.content-countrylangcurrency-selector img.country-img {
  max-width: 25px;
  min-width: 23px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* country selector in mobile menu*/
.mmenu-push-right .content-countrylangcurrency-selector {
  display: block;
  padding: 1em;
  color: #333;
}
.mmenu-push-right .content-countrylangcurrency-selector:before {
  margin-right: 0.5em;
}
.mmenu-push-right .content-countrylangcurrency-selector .country-img {
  display: inline-block;
  margin-right: 11px;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
#content-language-selector ul li {
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  border-style: solid;
  border-radius: 50%;
  width: 41px;
  height: 41px;
  padding-top: 7px;
  border-width: 2px;
  border-color: transparent;
  cursor: pointer;
}
#content-language-selector ul li:hover {
  border-color: #f2f1f1;
}
#content-language-selector ul li.active {
  border-style: solid;
  border-radius: 50%;
  width: 41px;
  height: 41px;
  padding-top: 7px;
  border-width: 2px;
  border-color: #f2f1f1;
  background-color: #f2f1f1;
}
#content-language-selector ul li.selected {
  border-style: solid;
  border-radius: 50%;
  width: 41px;
  height: 41px;
  padding-top: 7px;
  border-width: 2px;
  border-color: #f2f1f1;
  background-color: none;
}
#content-language-selector ul li.selected.active {
  border-color: transparent;
}
#content-language-selector img.country-img {
  width: 25px;
}

span.country-lang-info {
  width: 100%;
  display: block;
  background-color: #f2f1f1;
  padding: 5px;
  margin-bottom: 10px;
}
span.country-lang-info:before {
  content: "\e80d";
  display: inline-block;
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1;
  font-family: multicase-icons;
  font-size: 20px;
  color: #555;
  min-width: 30px;
  text-align: center;
}

#content-language-selector {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.country-selector-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 10px;
}
.country-selector-buttons button {
  width: 125px;
}

.country-lang-currency-container {
  display: flex;
  justify-content: flex-end;
}

#content-countrylangcurrency {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 242px;
  text-align: center;
}
#content-countrylangcurrency .dropdown {
  width: 240px;
}
#content-countrylangcurrency .dropdown button {
  width: 240px;
}
#content-countrylangcurrency .dropdown .dropdown-menu {
  width: 240px;
}
#content-countrylangcurrency .dropdown li {
  cursor: pointer;
  margin: 5px;
}
#content-countrylangcurrency .dropdown li img.country-img {
  margin-left: 5px;
  max-width: 25px;
  display: inline-block;
  vertical-align: top;
}
#content-countrylangcurrency a {
  display: inline-block;
  width: 178px;
}
#content-countrylangcurrency .dropdown .currency-dropdown span {
  width: 200px;
}
#content-countrylangcurrency .dropdown .country-dropdown span {
  width: 200px;
}
#content-countrylangcurrency .dropdown.open ul {
  max-height: 300px;
  overflow-y: scroll;
  max-width: 260px;
  overflow-x: hidden;
}
#content-countrylangcurrency .dropdown.open ul li {
  max-width: 240px;
}

.country-selector-popup .modal-lg .modal-content {
  margin: 10px;
}

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .country-selector-popup .modal-dialog.modal-lg {
    height: 320px;
    overflow-y: visible;
  }
  .country-selector-popup .modal-dialog.modal-lg .modal-content {
    overflow: visible;
  }
}
@media only screen and (max-width: 767px) {
  .header-main .small-cart-onpage.country-lang-currency-container .content-countrylangcurrency-selector {
    display: none;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .country-selector-popup .modal-dialog {
    width: 95%;
    max-width: 600px;
    height: 320px;
    padding: 0;
    margin: 0;
  }
  .country-selector-popup .modal-content {
    height: 100%;
    border-radius: 0;
    overflow: visible;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .country-selector-popup .modal-dialog {
    width: 90%;
    max-width: 600px;
    padding-left: 15px;
    padding-right: 25px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .country-lang-currency-view {
    width: 100%;
    position: relative;
    padding: 10px;
    padding-right: 15px;
  }
  .country-selector-popup .modal-lg {
    width: 500px;
  }
  .content-countrylangcurrency-selector {
    display: block;
    margin-top: 9px;
  }
}
/* Large Devices, Wide Screens */
/*==================================================
=  END       Bootstrap 3 Media Queries             =
==================================================*/
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./css/ajax-rendering/normal/paging.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.field-paging-container {
  width: 100%;
  text-align: center;
}

a.field-paging-next {
  width: 46px;
  height: 46px;
  display: block;
}

div.field-paging-next {
  width: 46px;
  height: 46px;
}

.field-paging-get-next {
  width: 46px;
  height: 46px;
  border: 3px solid grey;
  border-radius: 50%;
  position: relative;
  display: block;
}

.FieldPaging a.field-paging-next {
  background-color: initial;
}

.field-paging-down-arrow {
  display: block;
  padding-top: 3px;
}

.field-paging-down-arrow::after {
  content: "\e259";
  font-size: 28px;
  font-family: "Glyphicons Halflings";
  text-shadow: 0px -2px rgba(0, 0, 0, 0.3);
}

.field-paging-down-arrow:hover::after {
  text-shadow: initial;
}

.FieldPaging .field-paging-container a.field-paging-text {
  display: block;
  width: auto;
}

.field-paging-get-next.hidden {
  display: none;
}

.field-paging-loading {
  width: 56px;
  height: 56px;
  border: 8px solid #0052ec;
  border-radius: 50%;
  position: relative;
  animation: loader-scale 1s ease-out infinite;
}
@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.field-paging-loading.hidden {
  display: none;
}

.FieldPaging .field-paging-container a:hover {
  text-shadow: 5px 5px 3px 3px rgba(0, 0, 0, 0.5);
  background: transparent;
  color: black;
}

.FieldPaging .field-paging-container a {
  color: black;
  margin: 0 auto;
  background: transparent;
  width: 46px;
  height: 46px;
}

.paging-center {
  margin: auto;
}

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

.web-pub-field .ajax-field i.icon-spinner {
  width: 20px;
  animation: 750ms fadeInSudden;
  animation-fill-mode: forwards;
  display: none;
}

.web-pub-field .ajax-field i.icon-spinner:before {
  animation: spin 2s infinite linear;
}

.web-pub-field .ajax-field[data-listing-type="1"] i.icon-spinner {
  display: inline-block;
  width: 40px;
  margin: auto;
}

.web-pub-field .ajax-field[data-listing-type="1"] i.icon-spinner:before {
  font-size: 40px;
}

@keyframes fadeInSudden {
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./css/ajax-rendering/normal/popup.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/* MIXINs */
.d4-popup .modal-body #lightbox-placeholder.center-placeholder {
  margin: 10px;
  max-height: 45vh;
  overflow-y: auto;
}

/* only rules that occur after user interaction may use a larger height*/
.d4-popup.d4-popup-rule-2 .modal-body #lightbox-placeholder.center-placeholder,
.d4-popup.d4-popup-rule-3 .modal-body #lightbox-placeholder.center-placeholder,
.d4-popup.d4-popup-rule-6 .modal-body #lightbox-placeholder.center-placeholder,
.d4-popup.d4-popup-rule-7 .modal-body #lightbox-placeholder.center-placeholder,
.d4-popup.d4-popup-rule-8 .modal-body #lightbox-placeholder.center-placeholder {
  max-height: 92vh;
  overflow-y: auto;
}

@media (min-width: 1200px) {
  .d4-popup-quickview .modal-lg {
    max-width: 1000px;
    width: 1000px;
  }
}

.d4-popup.d4-popup-quickview .modal-body #lightbox-placeholder.center-placeholder {
  max-height: none;
}
@media (min-width: 768px) {
  .d4-popup.d4-popup-quickview .modal-body #lightbox-placeholder.center-placeholder {
    height: 650px;
    max-height: 650px;
  }
}
.d4-popup.d4-popup-quickview .modal-body #lightbox-placeholder.center-placeholder .WebPubElement {
  height: 100%;
  margin-bottom: 0px;
  min-height: 490px;
}

.d4-popup .modal-body #lightbox-placeholder.center-placeholder .container {
  max-width: 862px;
}

div.popup-field {
  display: none;
}

.tiny-popup div.popup-field, #rhs-popup-sidebar div.popup-field,
div.modal.d4-popup .center-placeholder .web-pub-field.popup-field {
  display: block;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./css/ajax-rendering/lib/bootstrap-datetimepicker.css ***!
  \*************************************************************************************************************************************************************************************************/
/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr;
}

.datetimepicker-inline {
	width: 220px;
}

.datetimepicker.datetimepicker-rtl {
	direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
	float: right;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
	top: 0;
	left: 0;
}

[class*=" datetimepicker-dropdown"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #cccccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
}

[class*=" datetimepicker-dropdown"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
}

[class*=" datetimepicker-dropdown-top"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #cccccc;
	border-top-color: rgba(0, 0, 0, 0.2);
	border-bottom: 0;
}

[class*=" datetimepicker-dropdown-top"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
	top: -7px;
	right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
	top: -6px;
	right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
	top: -7px;
	left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
	top: -6px;
	left: 7px;
}

.datetimepicker-dropdown-top-left:before {
	bottom: -7px;
	right: 6px;
}

.datetimepicker-dropdown-top-left:after {
	bottom: -6px;
	right: 7px;
}

.datetimepicker-dropdown-top-right:before {
	bottom: -7px;
	left: 6px;
}

.datetimepicker-dropdown-top-right:after {
	bottom: -6px;
	left: 7px;
}

.datetimepicker > div {
	display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
	display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
	display: block;
}

.datetimepicker.days div.datetimepicker-days {
	display: block;
}

.datetimepicker.months div.datetimepicker-months {
	display: block;
}

.datetimepicker.years div.datetimepicker-years {
	display: block;
}

.datetimepicker table {
	margin: 0;
}

.datetimepicker  td,
.datetimepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
	background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
	color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
	background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
	background-color: #fbf069;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
	background-color: #003399;
}

.datetimepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datetimepicker .datetimepicker-hours span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
	width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
	margin-bottom: inherit;
	line-height: 30px;
}

.datetimepicker .datetimepicker-minutes span {
	height: 26px;
	line-height: 26px;
}

.datetimepicker table tr td span:hover {
	background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
	background: none;
	color: #999999;
	cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
	background-color: #003399;
}

.datetimepicker table tr td span.old {
	color: #999999;
}

.datetimepicker th.switch {
	width: 145px;
}

.datetimepicker th span.glyphicon {
	pointer-events: none;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
	cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
	background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
	cursor: pointer;
	width: 14px;
	height: 14px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./css/ajax-rendering/normal/StandardTemplates/_index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* MIXINs */
#center-popup.d4-popup-quickview div {
  /*overflow: initial;*/
}
#center-popup.d4-popup-quickview div .rsOverflow {
  overflow: hidden;
}
#center-popup.d4-popup-quickview div .rsDefault .rsBullets {
  line-height: 24px;
}

.d4-preview {
  border: none;
  width: 100%;
}
@media (min-width: 768px) {
  .d4-preview .royalSlider {
    height: 100%;
  }
}
.d4-preview .variant-matrix-button {
  display: block;
  clear: both;
  margin-bottom: 10px;
  cursor: pointer;
}
.d4-preview .d4-preview-item-info {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.d4-preview .d4-preview-item-info .item-details.row {
  display: flex;
  flex-direction: column;
}
.d4-preview .d4-preview-item-info .info-element {
  display: flex;
  flex-direction: column;
}
.d4-preview .d4-preview-item-info .PriceLabel {
  padding-left: 0px;
}
.d4-preview .d4-preview-item-info .section-container.info-element {
  flex: 1;
}
.d4-preview .d4-preview-item-info #d4-preview-collapser {
  height: 100%;
  min-height: 100%;
}
.d4-preview .d4-preview-item-info #d4-preview-collapser .info-element.panel {
  max-height: calc(100% - 2em);
}
.d4-preview .d4-preview-item-info #d4-preview-collapser .info-element.panel .collapse {
  flex: 1;
  overflow-y: auto;
}
.d4-preview .section-container .panel {
  box-shadow: none;
}
.d4-preview .dropdown .dropdown-menu {
  max-height: 150px;
  overflow: auto;
}
.d4-preview .preview-section-header {
  text-transform: uppercase;
  padding-bottom: 2px;
}
.d4-preview .preview-section-header a {
  color: #333;
  text-decoration: none;
  display: block;
  border-bottom: 1px #888 solid;
}
.d4-preview .preview-section-header a :hover {
  text-decoration: none;
}
.d4-preview .preview-section-header .glyphicon {
  float: right;
  font-size: 10px;
  line-height: 16px;
}
.d4-preview .preview-section-header .glyphicon-plus {
  display: none;
}
.d4-preview .preview-section-header .glyphicon-minus {
  display: block;
}
.d4-preview .preview-section-header .collapsed .glyphicon-plus {
  display: block;
}
.d4-preview .preview-section-header .collapsed .glyphicon-minus {
  display: none;
}

.d4-preview-container {
  width: 100%;
  text-align: left;
}
@media (min-width: 768px) {
  .d4-preview-container {
    /*display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 100%;
    grid-gap: 20px;*/
    display: flex;
    flex-direction: row;
    padding: 8px;
    height: 100%;
    min-height: 100%;
  }
  .d4-preview-container .d4-preview-item-image,
  .d4-preview-container .d4-preview-item-info {
    max-width: calc(50% - 10px);
    width: calc(50% - 10px);
  }
  .d4-preview-container .d4-preview-item-image {
    margin-right: 10px;
  }
  .d4-preview-container .d4-preview-item-info {
    margin-left: 10px;
  }
}

.d4-preview-item {
  margin: 4px 0;
}

.d4-preview-item-image {
  margin-right: 0px;
}

.d4-preview-item-technicalinfo {
  padding-right: 7px;
}
.d4-preview-item-technicalinfo .technical-info-header {
  display: block;
  font-size: 18px;
}

.d4-preview-item-info {
  /*@include fromSizeSM() {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto auto;
      height: 100%;
      min-height: 100%;
      max-height: 100%;
      justify-content: stretch;
      align-content: start;
  }*/
}

#center-popup.d4-popup-quickview div.section-container {
  overflow-y: hidden;
}

.d4-preview-item-heading .AdHeader1 {
  font-size: 20px;
  color: #434345;
  font-weight: bold;
  display: block;
}
.d4-preview-item-heading .AdHeader2 {
  font-size: 16px;
  color: #c0c0c0;
}

.d4-preview-item-prodnumber .product-number-inner, .d4-preview-item-prodnumber .alt-product-number {
  display: inline-block;
  padding: 0px 10px 0px 0px;
}
.d4-preview-item-prodnumber .prd-num-label {
  color: #a8a8a8;
  font-size: 10px;
}

.d4-preview-item-price span.show,
.d4-preview-item-price .RRP,
.d4-preview-item-price .PriceLabel,
.d4-preview-item-price .OldPriceLabel {
  display: inline-block !important;
}
.d4-preview-item-price .PriceLabel {
  color: #f26652;
  font-size: 28px;
}
.d4-preview-item-price .OldPriceLabel {
  color: #c0c0c0;
  font-size: 20px;
}
.d4-preview-item-description {
  margin-right: 20px;
}

.d4-preview-container > div.d4-preview-item-description {
  font-size: 13px;
  height: 100%;
  max-height: 325px;
  overflow-y: auto;
  overflow-x: hidden;
}

.d4-preview-item-purchase-button .ad-buy-button {
  width: 50%;
  padding: 1px 1px;
  font-size: 24px;
  font-weight: 300;
}

.d4-preview-item-stock .AddStockLabel {
  display: initial;
}

.d4-preview-container .ad-buy-button,
.d4-preview-container .favorite-button {
  display: inline-block !important;
}

.d4-preview-container .ad-buy-button {
  background: #434345;
  border-radius: 3px;
  margin-right: 10px;
  color: white;
  width: calc(100% - 50px);
}

.d4-preview-container .glyphicon-heart.heart-full,
.d4-preview-container .fav-remove-button {
  display: none;
}
.d4-preview-container .favorite-button.btn {
  padding-top: 8px;
  padding-bottom: 8px;
}

.d4-preview .YouSavePercentLabel {
  z-index: 22;
  position: absolute;
  top: 5px;
  left: 5px;
  font-weight: bold;
  background: #e6b74b;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: none;
  font-size: 16px;
  text-align: center;
  padding-top: 14px;
}

.d4-preview .AddAttributeIconContainer,
.d4-preview .att-icons-container {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 22;
}

.d4-preview-container .d4-preview-item.d4-preview-item-stock .AddStockContainer {
  position: initial;
  right: initial;
  bottom: initial;
}
.d4-preview-container .d4-preview-item.d4-preview-item-stock .AddStockContainer .AddStockIcon {
  margin-right: 0.5em;
}

.arrow-up {
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #2f2f2f;
}

.d4-preview-container .review-score {
  font-size: initial;
}

.d4-preview .d4-preview-item-image {
  height: 100%;
  position: relative;
}
.d4-preview .d4-preview-item-image .around_slides {
  height: 100%;
}
.d4-preview .d4-preview-item-image .around_slides .rsOverflow {
  height: 100%;
}

.d4-preview.d4-preview-rhs .d4-preview-container {
  width: 100%;
  display: block;
  height: auto;
}
.d4-preview.d4-preview-rhs .d4-preview-item-image {
  height: 474px;
  margin-right: 0px;
  width: 100%;
  max-width: 100%;
}
.d4-preview.d4-preview-rhs .d4-preview-item-info {
  display: block;
  height: auto;
  min-height: unset;
  max-height: unset;
  justify-content: stretch;
  margin-left: 0px;
  width: 100%;
  max-width: 100%;
}

/* BlogArticle CSS
-------------------------------------------------------------------------------------*/
.d4-article {
  max-width: 100%;
  width: 100%;
}
.d4-article .glyphicon.glyphicon-time {
  margin-right: 0.5em;
}
.d4-article img {
  max-width: 100%;
  height: auto;
}
.d4-article .d4-ingress {
  margin-bottom: 0.5em;
}
.d4-article .d4-article-body {
  max-height: initial;
  overflow: visible;
  position: relative;
}
.d4-article .d4-article-body.closed::before {
  width: 100%;
  content: " ";
  height: 45px;
  position: absolute;
  text-align: center;
  line-height: 4;
  left: 0;
  bottom: 0px;
  font-size: 14px;
  background: linear-gradient(hsla(0, 0%, 100%, 0), #fff 25px);
}
.d4-article .d4-article-body .readmore {
  position: absolute;
  bottom: 0px;
  cursor: pointer;
  z-index: 100;
}
.d4-article .d4-article-body .show-link {
  display: none;
}
.d4-article .d4-article-body .hide-link {
  display: block;
  position: relative;
}
.d4-article .image-container {
  margin: 20px;
}
.d4-article .image-container .image-heading {
  display: block;
  font-style: italic;
  color: #808080;
}

.d4-article .d4-article-body.closed {
  max-height: 16px;
  overflow: hidden;
  position: relative;
}
.d4-article .d4-article-body.closed .readmore {
  position: absolute;
  top: 0px;
  cursor: pointer;
  left: 0px;
}
.d4-article .d4-article-body.closed .show-link {
  display: block;
}
.d4-article .d4-article-body.closed .hide-link {
  display: none;
}
.d4-article .d4-article-body.closed ::before {
  width: 100%;
  content: " ";
  height: 100px;
  position: absolute;
  text-align: center;
  line-height: 4;
  left: 0;
  top: 0px;
  font-size: 14px;
  background: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), #fff 70px);
  /*background: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,0.5) 70px);*/
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
}

.d4-article.blog-standard {
  position: relative;
}
.d4-article.blog-standard::before {
  content: "";
  background: linear-gradient(to right, #fff 0%, #000 50%, #fff 100%);
  width: 60%;
  height: 1px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.d4-article.blog-standard .d4-ingress {
  font-size: 16px;
  margin-bottom: 50px;
}
.d4-article.blog-standard .d4-ingress .image-container {
  float: right;
  margin-left: 50px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 50px;
}
.d4-article.blog-standard .d4-article-body {
  clear: both;
}
.d4-article.blog-standard .d4-article-body .image-container {
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 50px;
  margin-bottom: 50px;
}

body.device-size-xs .d4-article.blog-standard .d4-ingress .image-container {
  margin-left: 0px;
  margin-bottom: 40px;
}

body.device-size-xs .d4-article .StdArticleBox .image-container {
  margin-left: 0px;
  margin-bottom: 40px;
  margin-right: 0px;
}

#PageColumnLeft .d4-article {
  margin-left: 10px;
}
#PageColumnLeft .d4-article .StdArticleBox .image-container {
  margin-left: 0px;
  margin-right: 0px;
}

#PageColumnLeft .d4-article.blog-standard .d4-ingress .image-container {
  margin-left: 0px;
}

.d4-article.blog-center {
  position: relative;
}
.d4-article.blog-center::before {
  content: "";
  background: linear-gradient(to right, #fff 0%, #000 50%, #fff 100%);
  width: 60%;
  height: 1px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.d4-article.blog-center .d4-blogarticle-title {
  text-align: center;
}
.d4-article.blog-center .d4-ingress {
  font-weight: bold;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 50px;
}
.d4-article.blog-center .d4-ingress .image-container {
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 50px;
  margin-bottom: 50px;
}
.d4-article.blog-center .d4-blogarticle-published {
  text-align: center;
  font-style: italic;
}
.d4-article.blog-center .d4-article-body {
  clear: both;
}
.d4-article.blog-center .d4-article-body .image-container {
  float: right;
  margin-left: 50px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 50px;
}

.d4-article.blog-with-imageheader {
  position: relative;
  margin-bottom: 4em;
}
.d4-article.blog-with-imageheader::before {
  content: "";
  background: linear-gradient(to right, #fff 0%, #000 50%, #fff 100%);
  width: 60%;
  height: 1px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.d4-article.blog-with-imageheader .StdArticleBox {
  margin-top: 6em;
}
.d4-article.blog-with-imageheader .StdArticleBox > .image-container {
  box-shadow: 2px 2px 4px rgba(0, 0, 60, 0.4);
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
.d4-article.blog-with-imageheader .d4-ingress {
  margin-bottom: 50px;
}
.d4-article.blog-with-imageheader .d4-blogarticle-published-date {
  color: #72afd2;
}
.d4-article.blog-with-imageheader .d4-article-body {
  clear: both;
}
.d4-article.blog-with-imageheader .d4-article-body .image-container {
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 50px;
  margin-bottom: 50px;
}

/* Artikkel håndtering 
-------------------------------------------------------------------------------------*/
.StandardArticleMain {
  overflow: hidden;
  border: Solid 1px #ebeae5;
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 10px 0px;
  vertical-align: top;
}

#PageColumnRight .StandardArticleMain, #PageColumnLeft .StandardArticleMain {
  border: Solid 1px #D8D6CE;
  background-color: #ffffff;
}

.StandardArticleMainExBorder {
  vertical-align: top;
}

.BannerArticleMain {
  overflow: hidden;
}

.NoTopBorder {
  border-top: 0px;
}

.NoBottomBorder {
  border-bottom: 0px;
}

#PageColumnRight .NoTopBorder, #PageColumnLeft .NoTopBorder {
  border-top: 0px;
}

#PageColumnRight .NoBottomBorder, #PageColumnLeft .NoBottomBorder {
  border-bottom: 0px;
}

.SearchListArticle h3.search-title {
  font-size: 16px;
  margin-bottom: 0px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.SearchListArticle .ingress-summary {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  line-height: 1.3em;
  max-height: 2.4em;
  overflow: hidden;
  position: relative;
  /*&:before {
      content: '...';
      position: absolute;
      right: 0em;
      bottom: 0;
      background: white;
  }*/
}
.SearchListArticle .ingress-summary * {
  font-size: 14px;
}

.ArticleWithBackground > a {
  width: 100%;
  height: 100%;
}
.ArticleWithBackground > a span.inner-content {
  display: inline-block;
  height: 100%;
}
.ArticleWithBackground > a span.inner-content div.row {
  height: 100%;
}
.ArticleWithBackground > a span.inner-content .article-overlay {
  height: 100%;
}

.ArticleWithBackground .inner-content .article-overlay h1 {
  color: white;
}

/*# sourceMappingURL=main-styles.css.map*/