/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
  .jslider .jslider-bg i,
  .jslider .jslider-pointer { background: url(/common/css/plugins/jslider/jslider.round.plastic.png) no-repeat 0 0; }

  .jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; font-family: Arial, sans-serif; }
  .jslider table { width: 100%; border-collapse: collapse; border: 0; }
  .jslider td, .jslider th { padding: 0; vertical-align: top; text-align: left; border: 0; }

  .jslider table,
  .jslider table tr,
  .jslider table tr td { width: 100%; vertical-align: top; }

  .jslider .jslider-bg { position: relative; }
  .jslider .jslider-bg i { height: 5px; position: absolute; font-size: 0; top: 0; }
  .jslider .jslider-bg .l { width: 10%; background-position: 0 0; left: 0; }
  .jslider .jslider-bg .f { width: 80%; left: 10%; background-repeat: repeat-x; background-position: 0 -20px; }
  .jslider .jslider-bg .r { width: 10%; left: 90%; background-position: right 0; }
  .jslider .jslider-bg .v { position: absolute; width: 60%; left: 20%; top: 0; height: 5px; background-repeat: repeat-x; background-position: 0 -40px; }

  .jslider .jslider-pointer { width: 18px; height: 18px; background-position: 0 -60px; position: absolute; left: 20%; top: -7px; margin-left: -8px; cursor: pointer; cursor: hand; }
  .jslider .jslider-pointer-hover { background-position: -20px -60px; }
  .jslider .jslider-pointer-to { left: 80%; }

  .jslider .jslider-label { font-size: 9px; line-height: 12px; color: black; opacity: 0.4; white-space: nowrap; padding: 0px 2px; position: absolute; top: -18px; left: 0px; }
  .jslider .jslider-label-to { left: auto; right: 0; }

  .jslider .jslider-value { font-size: 9px; white-space: nowrap; padding: 1px 2px 0; position: absolute; top: -19px; left: 20%; background: white; line-height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
  .jslider .jslider-value-to { left: 80%; }

  .jslider .jslider-label small,
  .jslider .jslider-value small { position: relative; top: -0.4em; }

  .jslider .jslider-scale { position: relative; top: 9px; }
  .jslider .jslider-scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }
  .jslider .jslider-scale ins { font-size: 9px; text-decoration: none; position: absolute; left: 0px; top: 5px; color: #999; }

  .jslider-single .jslider-pointer-to,
  .jslider-single .jslider-value-to,
  .jslider-single .jslider-bg .v,
  .jslider-limitless .jslider-label { display: none; }
/*! Fluid.css */
label {cursor: pointer;}
.viewOrderIcon, .viewOrderPdfIcon, .viewInvoiceIcon, 
.viewInvoicePDFIcon, .viewRefundIcon, .viewRefundPDFIcon, .getRefundIcon,
.refundPendingIcon, .refundDeniedIcon, .refundAcceptedIcon,
.viewDeliveryNoteIcon, .viewDeliveryNotePDFIcon, .incidencesIcon, .customersIcon {cursor: pointer;}

/**
 * Cookies Banner
 */
@media (max-width: 991px){
  div#cookiesBannerText { padding:20px; }
}


div#cookiesBannerContainer { width:300px; border:1px solid #ddd; left:30px; bottom:135px!important; background-image:none; background-color:#fff; color:#888; font-size:13px; }
div#cookiesBannerText { width:auto; padding:40px; background:#fff; color:#888; text-indent:0; }
div#cookiesBannerButton { font-size:0px; width:16px; height:16px; background:transparent url("/common/images/closeCookies.png") no-repeat center bottom; position:absolute; top:15px; right:15px; cursor: pointer;}
div#cookiesBannerText a { color:#000;}

div#cookiesBannerButtons { overflow:hidden; position:relative; padding-top:40px; }
div#cookiesBannerAcceptButton, div#cookiesBannerDenyButton { padding:0px 15px; height:30px; line-height:30px; cursor:pointer; text-align:center; font-size:12px; width:45%; }
div#cookiesBannerAcceptButton { float:left; }
div#cookiesBannerDenyButton{ float:right; }

/**
 * Fluid Notify
 */
.fluidNotify .note {position: relative;padding: 15px; border-radius: 5px; background-color: #ddd; color:#555; font-family:Arial, sans-serif; font-size:14px; z-index:99999;}
.fluidNotify .note.note:hover {background-color: #ccc;}
.fluidNotify .note.note-success {background-color: #dfd; color: #281;}
.fluidNotify .note.note-success:hover {background-color: #bfa;}
.fluidNotify .note.note-info {background-color: #cfeeff; color:#26c;}
.fluidNotify .note.note-info:hover {background-color: #adf;}
.fluidNotify .note.note-warning {background-color: #feb; color:#860;}
.fluidNotify .note.note-warning:hover {background-color: #ffe482;}
.fluidNotify .note.note-danger {background-color: #fbb; color:#900;}
.fluidNotify .note.note-danger:hover {background-color: #f99;}
.fluidNotify .note .icon,.fluidNotify .note .remove {position: absolute;width: 24px;height: 24px;font-size: 24px;color: #777;}
.fluidNotify .note .remove {top: 10px;right: 15px;font-size: 18px;background: none;border: 0;}
.fluidNotify .note .icon {text-align: center; top: 10px;}
.fluidNotify .note .content {margin-right: 31px;}
.fluidNotify .note .icon + .remove + .content {margin-left: 36px;}
.fluidNotify .note .title {margin-right: 5px;}
.fluidNotify.fluidNotify-notes {position:fixed; top:10px ;right:10px; z-index:9999; width:25%; }
.fluidNotify.fluidNotify-notes .note:not(:last-child) {margin-bottom: 10px;}
.fluidNotify.fluidNotify-notes .image {top: auto;}
.fluidNotify.fluidNotify-notes .title {display: block; margin-right: 0; margin-bottom: 10px; font-size: 16px;}
@media (min-width: 320px) and (max-width: 767px) {.fluidNotify.fluidNotify-notes {width: 50%;}}
@media (min-width: 768px) and (max-width: 1024px) {.fluidNotify.fluidNotify-notes {width: 30%;}}

/** 
 * Modal Box 
 */
.fluidModalVideo .modal-content { background-color: black;}
.fluidModalVideo .modal-body { padding: 5px 0 0;}
.fluidModalVideo button.close { background-color: #ddd; border-radius: 15px; height: 30px; opacity: 1; padding: 0 10px; position: absolute; right: -15px; top: -15px; width: 30px; z-index: 27; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);}
.fluidModalVideo button.close:hover { background-color: #fff;}
.fluidModalVideoContent { height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden;}
.fluidModalVideoContent embed, .fluidModalVideoContent iframe, .fluidModalVideoContent object, .fluidModalVideoContent video {top: 0; left: 0; width: 100%; height: 100%; position: absolute;}

/**
 * Center modal
 */
.modal-dialog-vpc {margin:auto;top:50% !important;transform:translate(0, -50%) !important;-ms-transform:translate(0, -50%) !important;-webkit-transform:translate(0, -50%) !important;}
.modal-content-vpc {min-height:100%;}
.modal-body-vpc {overflow-y:auto;}
.modal-footer-vpc {position:absolute;bottom:0;left:0;right:0;}

/**
 * Wishlist
 */
.fluidWishlist { overflow: hidden;}
.wishlistProducts { border: 1px solid #ddd; border-radius: 3px; margin-top: 20px;}
.wishlistProduct > label { border-bottom: 1px solid #ddd; display:block; margin:0; padding: 5px; }
.wishlistProduct:last-child > label { border-bottom: none; }
.wishlistProduct > label:hover { background-color: #ffd; }
.wishlistProduct > label.active {background: #cfb;}
.wishlistProductsDelete .wishlistProduct > label.active {background: #fcc;}
img.wishlistProductImage { max-width: 80px; }

/**
 * Rating
 */
.fluidRating {direction: rtl; text-align: left; unicode-bidi: bidi-override;}
.fluidRating > span { cursor: pointer; display: inline-block; font-size: 1.5em; height: .7em; position: relative; width: .8em;}
.fluidRating > span, .fluidRating > span ~ span { color: transparent;}
.fluidRating span:before, .fluidRating span ~ span:before { color: gold; content: "\2605"; left: 0;  position: absolute; line-height: 1;}
.fluidRating span.inactive:before, .fluidRating:hover > span:before, .fluidRating:hover > span ~ span:before { color: grey; content: "\2606"; left: 0;  position: absolute;}
.fluidRating:hover > span:hover:before, .fluidRating:hover > span:hover ~ span:before { color: gold; content: "\2605"; left: 0;  position: absolute;}

.productRate {}
.productRateStars {}
.productRateStarField { display: inline-block; font-size: 1.5em; height: .7em; position: relative; width: .8em; }
.productRateStarField:before { color: gold; content: "\2605"; left: 0;  position: absolute; line-height: 1;}
.productRateStarField.inactive:before { color: grey;}
.productRateValoration {}
/* HIDE PRODUCTRATEVALORATION CLASS -> Come from fluidProducts.cfm */
.productRateValoration>div span {
    display: none !important;
}
/**
 * Postal codes Selector
 */
.subcountrySelector {margin-bottom:5px; text-transform:capitalize;}
.citiesSelectorContent { background: #fff; border: 1px solid #ddd; border-radius: 0 0 5px 5px; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2) inset; font-size: .9em; margin-bottom: 10px; max-height: 300px; min-width: 150px; overflow-x: hidden; overflow-y: auto;}
.selectableCity{ cursor: pointer; border-bottom: 1px solid #ddd; padding: 5px 5px 0; min-width: 250px;}
.selectableCity:last-child { border: none;}
.selectableCity:hover { background: #ccc;}
.selectableCityZip { display: inline-block; margin-right: 5px; overflow: hidden;}
.selectableCityName { display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.citiesSelectorContent .notFound {padding: 5px;}
@media (min-width: 992px) {
  .citiesSelectorContent { max-height: 300px; min-width: 150px; overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 1; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
}

/**
 * Stock Alerts
 */
.unsubscribeStockAlertButton { width: 19px; height: 19px; border: none; background:transparent url('/common/images/deleteProduct.png') no-repeat center center; }
.unsubscribeStockAlertButton:hover { border: none; background:transparent url('/common/images/deleteProduct.png') no-repeat center center; }

/**
 * Basket
 */
.basketProductImage { float: left; margin-right: 5px; width:80px;}
.basketProductInfo { float: left; }
.basketOptions { padding:5px 0; }
.basketOptions .basketOption { padding:3px; }
.basketAlertIcon { float: left; margin:10px; cursor: default;}
.basketInvalidMessages {background: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); position: absolute; width: 200px; z-index: 100; padding: 5px;}
.basketAlertsTitle { font-weight: bold;}
.basketAlertsTitle:before {font-family: "Glyphicons Halflings"; margin-right: 5px; font-weight: normal;}
.basketAlertsDangersTitle:before {content: "\e083";}
.basketAlertsWarningsTitle:before {content: "\e107";}
.basketAlertsInfoTitle:before {content: "\e086";}
.basketButtons {float: left; clear: both; padding: 20px 0; width: 100%;}
.productThumbPack{clear:left;}

table.basket tbody tr td.basketProductAlerts{ padding:0px; text-align:left; }
table.basket tbody tr td.basketProductAlerts div.alert { border-radius:0px; margin:0px; }

table.basketDisclosure { width:100%; margin-bottom: 10px;}


/**
 * MiniBasket
 */
.miniBasketOutput {min-width: 400px;}
.miniBasketHeader { padding: 5px; border-bottom: 1px solid #ddd;}
.miniBasketHeaderTitle { font-weight: bold; font-size: 1.3em; margin: 0;}
.miniBasketBody {}
.miniBasketItem {clear: both; border-bottom: 1px solid #ddd; padding: 5px;}
.miniBasketItemImage {display: block; float: left; max-width: 56px; margin-right: 5px;}
.miniBasketItemNum {display: inline-block; margin: 0 5px 0 0;}
.miniBasketItemName { font-weight: bold; }
.miniBasketButtons { margin-top: 5px; padding: 5px; overflow: hidden;}
.miniBasketContinueShopping {}
.miniBasketEndOrder { float: right; }

/**
 * Mobile basket modal
 */
 div#mobileBasketModal div.fluidModalContainer > div{ width:90%; margin:0px auto; clear:both; margin-bottom:20px; }

/**
 * Affiliate Orders
 */
div.affiliateOrdersEmpty {margin: 20px 0;}
table.affiliateOrders {margin-top: 10px;}
.affiliateOrdersHeader{font-weight: bold;}
.affiliateOrdersHeaderComission, .affiliateOrderCommission{text-align: right;}
.affiliateOrdersFooter{font-weight: bold;}

/**
 * User Orders
 */
table.userOrders td {
  width: 20%;
}

.userRefundRequest > td,
.userRefund > td ,
.userRefundInvoice > td {
  border:none !important;
}

.userRefundRequest.refundRequestTitle,
.userRefundRequest.refundRequestHeader,
.userRefund.refundTitle,
.userRefund.refundHeader,
.userRefundInvoice.refundInvoiceTitle,
.userRefundInvoice.refundInvoiceHeader {
  font-weight: bold;
}


.refundRequestTitle > td:first-child,
.refundTitle > td:first-child,
.refundInvoiceTitle > td:first-child {
  background-color:#E9E9E9;
  font-weight: bold;
}

.refundRequestsGroup,
.refundGroup,
.refundInvoiceGroup {
  display: none;
}

.userRefundRequest .viewMoreIcon,
.userRefund .viewMoreIcon,
.userRefundInvoice .viewMoreIcon { 
  cursor: pointer;
  float: right;
  margin: 6px;
}

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px solid #000000;
}

 /**
  * Category Map
  */
 .categoriesMapContainer {}

 /**
  * Newsletter
  */

div#newsletterPopupMark {
  background: #adbd00 url("/common/images/newsletter.png") no-repeat scroll center center;
  cursor: pointer;
  height: 150px;
  position: fixed;
  top: 40%;
  width: 48px;
  z-index: 9999999;
}  
div#newsletterPopupContainerTooltip {
background: #fff none repeat scroll 0 0;
  border: 1px solid black;
  display: none;
  left: 50px;
  padding: 15px;
  position: absolute;
  width: 222px;
  z-index: 9999999;
}
div#newsletterPopupClose {
	width: 10px;
	height: 10px;
	background-color: black;
	float: right;
}

/* Warehouses */
div.basketSelectorPickUp{display: none;}
div.basketSelectorPickUp.basketSelectorPickUpVisible{display: block;}

/* Modal Transitions */
.modal-backdrop {-webkit-backface-visibility: hidden;}
.modal-backdrop.zoom,
.modal-backdrop.newspaper,
.modal-backdrop.move-horizontal,
.modal-backdrop.move-from-top,
.modal-backdrop.unfold-3d,
.modal-backdrop.zoom-out {opacity: 0; transition: opacity 0.4s ease;}
.modal-backdrop.in {opacity: 0.5;}
.modal-backdrop.unfold-3d {perspective: 500;}
.modal.zoom .modal-dialog {opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale(0.6);}
.modal.in .modal-dialog {opacity: 1; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transform: scale(1);}
.modal.fade.newspaper .modal-dialog, .modal.newspaper .modal-dialog { opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s; transform: scale(0) rotate(500deg);}
.modal.fade.newspaper.in .modal-dialog,
.modal.in .modal-dialog {opacity: 1; transform: scale(1) rotate(0deg);}
.modal.move-horizontal .modal-dialog {opacity: 0; transition: all 0.3s; transform: translateX(-50px);}
.modal.in .modal-dialog { opacity: 1; transform: translateX(0);}
.modal.move-from-top .modal-dialog {opacity: 0; transition: all 0.3s; transform: translateY(-100px);}
.modal.in .modal-dialog {opacity: 1; transform: translateY(0);}
.modal.unfold-3d .modal-dialog {opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg);}
.modal.in .modal-dialog {opacity: 1; transform: rotateY(0deg);}
.modal.fade.zoom-out .modal-dialog,
.modal.zoom-out .modal-dialog { opacity: 0; transition: all 0.3s; transform: scale(1.3);}
.modal.fade.zoom-out.in .modal-dialog, .modal.in .modal-dialog { opacity: 1; transform: scale(1);}
.csstransforms3d .modal.unfold-3d .modal-dialog { transform: none; transform-origin: 50% 100%; transform: scale(0.7) rotate3d(-1, 1, 0, -60deg);}
.csstransforms3d .modal.in .modal-dialog {transform: scale(1) rotate3d(-1, 1, 0, 0deg);}

/*
 ** Google Maps
 */
.pac-container { z-index: 1051 !important; }

/**
 * One Step checkout
 */
form.oneStepCheckout.unload {position:relative;}
form.oneStepCheckout.unload:before {background:#fff; border-radius:5px; bottom:0; color:#666; content:" "; font-size:1.5em; cursor:default; left:0; margin:0; opacity:.8; padding-top:10%; position:absolute; right:0; text-align:center; top:0; z-index:3;}

form#oneStepCheckout .loading, 
form#oneStepCheckout .blocked,
div.oneStepChekcoutAdditionalContent.loading {position:relative;}

form#oneStepCheckout .loading:before, 
form#oneStepCheckout .blocked:before,
div.oneStepChekcoutAdditionalContent.loading:before {background:#fff; border-radius:5px; bottom:0; color:#666; content:" "; font-size:1.5em; cursor:default; left:0; margin:0; opacity:.8; padding-top:10%; position:absolute; right:0; text-align:center; top:0; z-index:3;}

form#oneStepCheckout .loading:before,
div.oneStepChekcoutAdditionalContent.loading:before {background:#ddd; color:#666; content:"LOADING"; font-size:1.5em; z-index:4;}


form#oneStepCheckout div.oneStepChekcoutModule {padding: 5px;overflow: hidden;}
form#oneStepCheckout span.basketProductName{display: inline-block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
form#oneStepCheckout div.oneStepCheckoutLogInLink {margin: 0 0 20px;} 
form#oneStepCheckout .basketProductImage {float:left; margin-right: 5px; width:60px;}

form#oneStepCheckout .oneStepCheckoutDeleteProduct {color:#d80; cursor: pointer; display: inline-block; opacity: .8;}
form#oneStepCheckout .oneStepCheckoutDeleteProduct:hover {opacity: 1;}

form#oneStepCheckout .basketSelectorsTitle { font-weight: bold;}
form#oneStepCheckout .basketSelector { border-bottom: 1px solid #dddddd; padding: 10px 5px;}
form#oneStepCheckout .basketSelectorSelected { color: green; }
form#oneStepCheckout .basketSelectorDescription { display: block;  margin-left: 16px; }

form#oneStepCheckout div.basketButtons {padding: 0 0 20px;}
form#oneStepCheckout div.basketValidationMessage {color:red; font-size:11px; margin-right:5px; text-align: right; text-decoration:blink;}

form#oneStepCheckout div.signInFormFieldsContainer {background: #e4e4e4; border-radius: 10px; padding: 10px 10px 1px; position: relative; margin-top: -5px;}
form#oneStepCheckout div.signInFormFieldsContainer:after {bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0,0,0,0); border-bottom-color: #e4e4e4; border-width: 10px; margin-left: -10px;}
form#oneStepCheckout div.signInFormFieldsContainer label {font-weight: normal; color: #555;}

.oneStepCheckoutContainer {margin-bottom: 10px; overflow: hidden;}
.oneStepCheckoutBox {border-right: 1px solid #ddd; margin-bottom: -1500px; padding-bottom: 1500px; padding-top: 15px;}
.oneStepCheckoutBox:last-child {border: none;}
.oneStepCheckoutBoxTitle { font-size: 1.3em; color: #5a2;}
.oneStepCheckoutBoxTitle > span.icon {margin:1px 5px 1px;}

form#oneStepCheckout div.basketSelectorPickUpWarehouse {background: #e4e4e4; border-radius: 10px; padding: 10px; position: relative; margin-top: 5px; color: #666;}
form#oneStepCheckout div.basketSelectorPickUpWarehouse:after {bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0,0,0,0); border-bottom-color: #e4e4e4; border-width: 10px; margin-left: -10px;}
form#oneStepCheckout div.earningEpointsContent {background: #e4e4e4; border-radius: 10px; padding: 10px; position: relative; margin-top: 5px; color: #666;}
form#oneStepCheckout a.emailErrorLoginCall {
  cursor: pointer;
  text-decoration: underline;
  float: right;
}

#oscWarnings .modal-content{background-color: #ffeaea;}
.oscWarningWrap {display: none;}
.oneStepCheckoutWarnings {text-align: center;}
.oneStepCheckoutWarning {}
.oneStepCheckoutWarningTitle {font-size: 1.6em; padding: 0 0 15px;}
.oneStepCheckoutWarningText {}
.oneStepCheckoutWarningsClose {margin: 10px auto 0;}

/**
 * Comparer
 */
.comparerCustomTagsList {}
.comparerCustomTagsList .customTagsWarning { text-align: center; padding:20px 0; }

#comparerCustomTagsForm #comparerSubmit {margin-bottom: 10px;}

#comparerCustomTagsForm #accordionCustomTags.accordion { border: 1px solid #E3E3E3; border-radius: 4px; padding:1%; margin: 0 0 10px; }
#comparerCustomTagsForm #accordionCustomTags .accordion-group { margin:5px 0; }
#comparerCustomTagsForm #accordionCustomTags .accordion-heading { padding:7px 0; font-size:18px; text-indent: 8px; border-radius: 4px; background-color: #E3E3E3; }
#comparerCustomTagsForm #accordionCustomTags .accordion-body { font-size:15px; }

#comparerCustomTagsForm #accordionCustomTags .accordion-group a { color:black; font-weight: bold; }
#comparerCustomTagsForm #accordionCustomTags .accordion-group a:hover { text-decoration: none; }

#comparerCustomTagsForm #accordionCustomTags .accordion-body ul { list-style: none; padding: 0; }
#comparerCustomTagsForm #accordionCustomTags .accordion-body ul li { padding: 5px 0; text-indent: 10px; border-bottom: 1px solid #E3E3E3; }
#comparerCustomTagsForm #accordionCustomTags .accordion-body ul li:last-child  { border:none; }

.comparerCustomTagsPages { width: 100%;}
.comparerCustomTagsPages .customTagTitle { width:100%; font-size: 21px; font-weight: bold; }

.comparerCustomTagsPages .comparerPaginator { width:100%; text-align: left; margin:5px 0; }
.comparerCustomTagsPages .comparerPaginator.comparerPaginatorTop {}
.comparerCustomTagsPages .comparerPaginator.comparerPaginatorBottom {}

.comparerCustomTagsPages .comparerProducts { width:100%; }

.comparerCustomTagsPages .comparerProducts .comparerProduct { width:100%; border-bottom: 1px solid #E3E3E3; }
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductImage { float:left; width:100px; min-height:100px; }
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductImage img { width: 80px; margin:10px; }
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails { float:left; }

.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductLink {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductLink .comparerProductName { float:left; width:100%; font-size: 15px; font-weight: bold; }
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag { clear:both; float:left; }

.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagNumericTitle {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagNumeric {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagBoolean {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagShortText {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagDate {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagSelector {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagLargeText {}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductCustomTag .customTagImage {}

.comparerCustomTagsPages .btn-next {}
.comparerCustomTagsPages .btn-previous {}

/**
 Address Book 
 */
.shipping {}
.billing {}
.blockAddressBook {margin:25px 0;}
.blockAddressBook .content {}
.blockAddressBook .title {}
.blockAddressBook .actions {}

.blockAddressBook .addressBook {}
.blockAddressBook .addressBook a {margin-left: 5px;}

button .addressBookAction {}


/**
 * Block shop - Styles
 * - Not Available Countries
 * - Closed Shop
 * - Login Required
 * - Change Password
 */
.fluidContent-settingsnotavailablecountry #cookiesBannerContainer,
.fluidContent-settingsclosed #cookiesBannerContainer,
.fluidContent-settingslogin #cookiesBannerContainer,
.fluidContent-settingschangepassword #cookiesBannerContainer { display:none; }

.fluidContent-settingsnotavailablecountry .fluidBody,
.fluidContent-settingsclosed .fluidBody,
.fluidContent-settingslogin .fluidBody,
.fluidContent-settingschangepassword .fluidBody { margin-top: 50px; }


/* Category RichSnippets */
div.categoryRichSnippets { float: left; width: 100%; }
div.categoryRichSnippets div.productRateCommentsCommentLine { border: none; float: left; margin: 0px; width:auto; background:#fff; padding-top:0px; }
div.categoryRichSnippets div.productRateCommentsCommentNick { width: auto; float: right; padding-top:8px; padding-bottom:0px; }
div.categoryRichSnippets div.productRateCommentsCommentValue { float: left; margin-top: -2px; clear:none;}
div.categoryRichSnippets div.productViewValorationTopLayer{ width:100px; height:22px; cursor:default}
div.categoryRichSnippets div.productViewValorationBottomLayer{ height:22px;}
div.categoryRichSnippets div.productRateCommentsContaienr{ margin-top:0px;}

div.categoryRichSnippets div.titleProductsComment{ color:#259E01; font-size:16px; padding-bottom:10px; font-weight:bold; clear:both;}
div.categoryRichSnippets div.Valoration{float: right; line-height:24px;}
div.categoryRichSnippets span#valorationValue{margin-left: 5px;}
div.categoryRichSnippets div.productViewValorationContainer, div.productViewValorationContainerInfo{ float: left;}
div.categoryRichSnippets div.productViewValorationTopLayer{float:left; background-image:url(/common/images/valoration/bgstarsBlack.png); background-repeat:no-repeat; width:100px; height:20px; margin: 6px 3px 3px 0px; position: relative; width:65px; height: 13px;}
div.categoryRichSnippets div.productViewValorationBottomLayer{float:left; background-image:url(/common/images/valoration/bgstarsWhite.png); background-repeat:no-repeat; height:20px; position:absolute; top:0px; left:0px; cursor: pointer;} 
div.categoryRichSnippets div.productViewValorationContainerInfo{margin-top:5px;}
div.categoryRichSnippets div.productViewValorationContainerInfo div.productViewValorationTopLayer{width:75px;}
div.categoryRichSnippets div.productViewValorationContainerInfo div.productViewValorationBottomLayer{width:75px;}
div.categoryRichSnippets div#rightReviewProduct div.productViewValorationContainer div.productViewValorationTopLayer { margin-top:0px!important }
div.categoryRichSnippets div.productViewValorationContainer div.productViewValorationTopLayer {float:left; background-image:url(../img/valoration/bgstarsBlack.png); background-repeat:no-repeat; width:100px; height:20px; margin: 3px 0px 3px 15px; position: relative; }
div.categoryRichSnippets div.productViewValorationContainer div.productViewValorationBottomLayer {float:left; background-image:url(../img/valoration/bgstarsWhite.png); background-repeat:no-repeat; height:20px; position:absolute; top:0px; left:0px;}
div.categoryRichSnippets div.productViewValorationContainer div.productViewValorationNumComments { float: left; margin-top: 10px; margin-left:10px; cursor: default;}
div.categoryRichSnippets div.starsOpineLink { margin-left:10px;  float: left; margin-top: 11px;}
div.categoryRichSnippets div.starsOpineLink a {color:#2A8919; font-size: 12px; text-decoration:underline;}
div.categoryRichSnippets div.starsOpineLink a:hover{ color:#999}
div.categoryRichSnippets span#valorationValue { margin-left: 5px;}
/* /Category RichSnippets */

/* Users forms - Country selector */
.addressUserField{ background-color:#fafafa; padding:15px 15px 0;border:1px solid #d1d1d1; margin-bottom:15px; }
.addressUserField .addressData { display:none; border:1px solid #d1d1d1; background-color:#FFF; padding:15px; margin-bottom:15px; }
.addressUserField.address-complete .addressData { display:block; }
.addressUserField.address-complete .countryModeButtons,
.addressUserField.address-complete .countrySelectGroup,
.addressUserField.address-complete .countryModesContent { display:none; }
.addressUserField .addressData .addressBlock.addressBlockTitle { font-weight:bold; }
.addressUserField .addressData .addressBlock.addressBlockDetails { text-transform:capitalize;  }
/* /Users forms - Country selector */

/* Attachment Fluid */
div.fluidProductOptionAttachment{position: relative;}

.ctAttachment{transition:all 1s;}
.ctAttachment input[type=text]{position:absolute; top:-100px; left:-100px; width:1px; height:1px; position:absolute; opacity:0.01; padding:0px;}
.ctAttachment input[type=file]{position:absolute; top:0px; right:0px; opacity:0.01; cursor:pointer;}
.ctAttachment .button{font-family:'Glyphicons Halflings'; margin-right:5px; cursor:pointer;}
.ctAttachment .upload{position:relative;}
.ctAttachment .upload:before{content:"\e198";}
.ctAttachment .view{}
.ctAttachment .view:before{content:"\e105";}
.ctAttachment .delete{}
.ctAttachment .delete:before{content:"\f014"; font-family:FontAwesome}
.ctAttachment.uploading{opacity:0.6;}

/*stock lock*/
div[data-basket-expires] > div{display:none;}
div.active[data-basket-expires] > div.active{display:block;}
div.expired[data-basket-expires] > div.expired{display:block;}

.fluidStockLock{display:none;}
.fluidStockLock.visible{display:unset;}

a.printPoliciesButton{ margin-bottom:20px; }

.blockAddressBook .addressBook {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

.blockAddressBook .addressBook.has-error {
  border-color: #a94442;
  background-color: #fefcfa;
}

label.has-error{color:red;}

.customersGridColumn.company{display:none;}

#paypalLoading {
  padding: 50px;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 25;
}

#paypalLoading:before {
  content: "";
  height: 50px;
  width: 50px;
  margin: -15px auto auto -15px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-width: 8px;
  border-style: solid;
  border-color: #2180c0 #ccc #ccc;
  border-radius: 100%;
  -webkit-animation: rotation .7s infinite linear; animation: rotation .7s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); transform: rotate(0deg);
  } to {
    -webkit-transform: rotate(359deg); transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); transform: rotate(0deg);
  } to {
    -webkit-transform: rotate(359deg); transform: rotate(359deg);
  }
}