/* cookie*/
/* nuova versione */

.cookie-warn-in {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #eee;
  padding: 40px;
  text-align: center;
  width: 80%;
  min-height: 40%;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cookie-hide {
  position: absolute;
  top: 10px;
  right: 10px;
}

.cookie-warn-block {
  width: 100%;
  height: 100%;
}

.cookie-warn-block h4 {
  font-size: 20px;
}

.cookie-warn-block p {
  font-size: 16px
}

.cookie-warn-block label {
  margin-bottom: 10px;
}

.cookie-selection {
  margin-top: 25px;
}

.cookie-set {
  margin: 10px 5px;
  min-width: 150px;
}

#cookie-initial {
  display: none;
}

#cookie-multichoice {
  display: none;
}

.cookie-multichoice-open {
  margin: 10px 5px;
}

.cookie-link {
  cursor: pointer;
  margin: 10px 0px;
}

.cookie-buttons {
  display: flex;
  justify-content: space-between;
}

/* menu secondo livello  */
ul.dropdown-menu.maindrop ul {
  top: 0;
  left: 100%;
}

ul.dropdown-menu.maindrop li {
  position: relative;
}

/* indirizzi */

#add-content .col-sm-4:nth-child(3n+4) {
  clear: both;
}

/* voti prodotto */
.mezzastar {
  display: none;
  width: 13px;
  overflow:hidden;
}

.mezzastar .glyphicon{
    margin-left: -12px;
}

.containerStelle {
  font-size: 25px;
}

.containerStelle:hover .add-rating {
  color: #f00
}

.add-rating {
  float: left;
    padding: 3px;
}

.add-rating:hover + .add-rating, .add-rating:hover + .add-rating + .add-rating, .add-rating:hover + .add-rating + .add-rating + .add-rating, .add-rating:hover + .add-rating + .add-rating + .add-rating + .add-rating {
  color: #F90;
}

.containerStelle span {
  float: left;
}

.voto-sum-10 .voto-s-1, .voto-sum-15 .voto-s-1, .voto-sum-20 .voto-s-1, .voto-sum-25 .voto-s-1, .voto-sum-30 .voto-s-1, .voto-sum-35 .voto-s-1, .voto-sum-40 .voto-s-1, .voto-sum-45 .voto-s-1, .voto-sum-50 .voto-s-1 {
  color: #f00
}

.voto-sum-20 .voto-s-2, .voto-sum-25 .voto-s-2, .voto-sum-30 .voto-s-2, .voto-sum-35 .voto-s-2, .voto-sum-40 .voto-s-2, .voto-sum-45 .voto-s-2, .voto-sum-50 .voto-s-2 {
  color: #f00
}

.voto-sum-30 .voto-s-3, .voto-sum-35 .voto-s-3, .voto-sum-40 .voto-s-3, .voto-sum-45 .voto-s-3, .voto-sum-50 .voto-s-3 {
  color: #f00
}

.voto-sum-40 .voto-s-4, .voto-sum-45 .voto-s-4, .voto-sum-50 .voto-s-4 {
  color: #f00
}

.voto-sum-50 .voto-s-5 {
  color: #f00
}

.voto-sum-15 .voto-s-2, .voto-sum-25 .voto-s-3, .voto-sum-35 .voto-s-4, .voto-sum-45 .voto-s-5 {
  color: #f00;
  width: 12px;
  overflow:hidden;
}

.voto-sum-15 .voto-s-15, .voto-sum-25 .voto-s-25, .voto-sum-35 .voto-s-35 , .voto-sum-45 .voto-s-45 {
  display: block;
}


/* custom select */
.ui-selectmenu-button.ui-button {
  width: 100%;
    height: 34px;
    padding: 8px 7px;
}

.ui-selectmenu-menu .ui-menu {
  max-height: 250px;
}

.ui-widget-overlay {
  background: #313131;
  opacity: .9;
}
/* custom checkbox e radio */
.customContSel {
  display: inline-block;
  height: 13px;
  width: 13px;
  margin-right: 5px;
  text-align: left;
  cursor: pointer;
}

.customContSel input[type=checkbox], .customContSel input[type=radio] {
  padding: 0;
  margin: 0;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

input[disabled] {
  cursor: default;
}

.customCheckbox, .customRadio {
  display: inline-block;
  position: absolute;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: solid 1px #000;
}

.customRadio {
  border-radius: 8px;
}

.customCheckbox span.cchecked, .customRadio span.cchecked {
  display: block;
  height: 10px;
  width: 10px;
  margin: 2px 0 0 2px;
  background-color: #666;
}

.customRadio span.cchecked {
  height: 8px;
  width: 8px;
  margin: 3px 0 0 3px;
  border-radius: 100%;
}

.customCheckbox.focused, .customRadio.focused{
  box-shadow: #999 0px 0px 5px 2px;
}

.customCheckbox.disab, .customRadio.disab {
  background-color: #eee;
  border: solid 1px #aaa;
}

.customCheckbox.disab span.cchecked, .customRadio.disab  span.cchecked {
  background-color: #ccc;
}

/* cart */
.smallCart {
  white-space: nowrap;
}

/* popup add cart */
.popAdvice {
  min-width: 350px;
  max-width: 700px;
  margin: 0 auto;
}

/* slider */
.bx-wrapper {
  border: none;
  background: none;
  box-shadow: none;
}

.bx-wrapper .sliderProdotti .col-sm-4 {
    padding: 0;
}

.lastBestProducts .bx-viewport {
  padding: 0;
}

.lastBestProducts .bx-viewport .row {
  margin: 0;
}

/* elenco prodotti */
.resCont .col-sm-4:nth-child(3n+4) {
  clear: both;
}


/* Show password */
.showPassword {
  cursor: pointer;
}


/* Forza password */
.pwdStr {
  display: flex;
  justify-content: space-between;
  color: #737373;
}

.pwdStr span {
    width: 23%;
    height: 10px;
    display: inline-block;
    background: #fff;
}

.pwdStr.psw-bad span:first-child {
    background: #d9534f;
}

.pwdStr.psw-poor span:first-child, .pwdStr.psw-poor span:first-child + span {
    background: #f0ad4e;
}

.pwdStr.psw-medium span:first-child, .pwdStr.psw-medium span:first-child + span, .pwdStr.psw-medium span:first-child + span + span {
    background: #5bc0de;
}

.pwdStr.psw-good span {
    background: #5cb85c;
}

.impersonatorBlock {
  position: fixed;
  bottom: 0;
  left: 50px;
  padding: 20px;
  background: #fff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0 0 5px 5px #ddd;
  z-index: 99;
}


@media (max-width: 480px) {

  /* Cookies */
  .cookie-warn-in {
    display: block;
    max-height: 70%;
    width: 90%;
    padding: 20px;
    overflow-y: scroll;
  }

  .cookie-buttons {
    flex-direction: column-reverse;
  }

  .cookie-buttons > div {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  } 
}