/*
    ============== (C) Copyright Relate.IT - All rights reserved ===============

    The copyright to the contents herein is the property of Relate.IT. The
    contents may be used and/or copied only with the written permission of
    Relate.IT, or in accordance with the terms and conditions stipulated in
    the agreement/contract under which the contents have been supplied.

    Contact information:

    Relate.IT
    Kormelinkstraat 6
    7496 AM Hengevelde          Phone:     +31547799007
    THE NETHERLANDS             Internet:  http://www.relate.it

    ============================================================================
*/

.product-pagination-header, .product-pagination-footer {
    float: left; margin: 10px 0px; padding: 8px; }
.product-pagination-products {
    float: left; margin: 10px; width: 100%; }
.product-pagination-pages {
    float: right; display: table; margin: 0px auto; }
.product-pagination-pages li {
    display: inline; list-style: outside none none; padding: 3px 7px;
    margin-right: 3px; }

.product-container:hover .product-favorite {
    background: url(../img/favorite_add.png) no-repeat scroll left top; 
    cursor: pointer; display: block; }
.product-favorite {
    position: absolute; z-index: 100; width: 24px; height: 24px; margin: 10px 0px 0px 10px; 
    background: url(../img/favorite.png) no-repeat scroll left top; display: none; }
.product-container:hover .is-favorite, .is-favorite {
    background: url(../img/favorite.png) no-repeat scroll left top; display: block; }
.product-container .is-favorite:hover {
    background: url(../img/favorite_delete.png) no-repeat scroll left top; }

/* -------------------------- Property filters ------------------------------ */

.property-filters-current {
    position: relative; overflow: hidden; margin-top: 10px; margin-bottom: 5px; }
.property-filters-current ol {
    margin-top: 3px; }
.property-filters-current li {    
    float: left; box-sizing: border-box; padding: 5px; margin: 7px 5px 0px 0px; 
    border-radius: 4px; list-style: outside none none; }

.property-filters li {
    list-style: outside none none; }
.property-filters dt {
    cursor: pointer; }
.property-filters dd {
    margin: 3px 0px 12px 10px; }
.property-filters li.active a:hover, .property-filters-current li a:hover {
    text-decoration: line-through; }
.property-filters li input {
    margin-right: 5px; }
.property-filters .filter-count {
    color: #cdcdcd; margin-left: 2px; }

.property-filters-show-more, .property-filters-show-less {
    display: none; margin: 6px 0px 0px 4px; }

/* ------------------------ Hide/show for password fields ------------------- */

::-ms-reveal,
::-ms-clear {
  display: none !important;
}

.hideShowPassword-toggle {
  background-color: transparent;
  background-image: url('../img/wink.png'); /* fallback */
  background-image: url('../img/wink.svg'), none;
  background-position: 0 center;
  background-repeat: no-repeat;
  border: 2px solid transparent;
  border-radius: 0.25em;
  cursor: pointer;
  font-size: 100%;
  height: 44px;
  margin: 0;
  max-height: 100%;
  padding: 0;
  overflow: 'hidden';
  text-indent: -999em;
  width: 46px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle-hide {
    background-position: -44px center; }

.hideShowPassword-toggle:hover, .hideShowPassword-toggle:focus {
    border-color: #0088cc; outline: transparent; }

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

.ui-autocomplete {
    padding: 8px; max-height: 400px; overflow-y: auto; overflow-x: hidden; }
* html .ui-autocomplete {
    height: 400px; }
.ui-autocomplete .highlight {
    font-weight: bold; }
.ui-menu .ui-menu-item a {
    display:flex; color: #3F3F3F; padding: 5px; }
.ui-menu .ui-menu-item:hover {
    cursor: pointer; }
.ui-menu-item img {
    width: 40px; margin-right: 5px; margin-top: auto; margin-bottom: auto; }
.ui-menu .product-name, .ui-menu .product_group-name {
    margin-bottom: auto; margin-top: auto; }