/*
==============================
  Auto Complete
==============================
*/

/* .autocomplete-suggestions{
  width: 547px !important;
  padding: 15px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  background: #fff;
  overflow: auto;
}
.autocomplete-suggestions .autocomplete-suggestion{
  font-size: 15px;
  color:#000;
}
.autocomplete-suggestions .autocomplete-suggestion strong{
  color:rgba(177, 67, 181, 1.0);
  font-weight: 600;
}
.autocomplete-suggestions { border: 1px solid #ddd; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; } */

/*.block.phone-details.condition .custom-control.custom-radio{
  height: 57px;
}

.block.phone-details.accessories .custom-control.custom-radio .custom-control-label, 
.block.phone-details.condition .custom-control.custom-radio .custom-control-label,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label, 
.block.phone-details.phone-status .custom-control.custom-radio .custom-control-label, 
.block.phone-details.network .custom-control.custom-radio .custom-control-label{
  height: auto;
  width: auto;
  min-height: 3em;
  border-radius: 23px;
  min-width: 22em;
  padding-right: 15px;
  margin-left: 0px;
  line-height: 24px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0px;
}
.block.phone-details.condition .custom-control.custom-radio .custom-control-label{
  padding-top: 0px;
  width: 100%;
  margin-top: -52px;
}
.block.phone-details.accessories .custom-control.custom-radio img, 
.block.phone-details.storage .custom-control.custom-radio img, 
.block.phone-details.phone-status .custom-control.custom-radio img, 
.block.phone-details.network .custom-control.custom-radio img{
  max-height: 25px;
}
.block.phone-details .slider-v2{
  position: absolute;
}
.block.phone-details.condition .slider-v2{
  position: relative;
}

@media (max-width: 767px) {
  .block.phone-details.accessories .custom-control.custom-radio .custom-control-label, 
  .block.phone-details.storage .custom-control.custom-radio .custom-control-label, 
  .block.phone-details.phone-status .custom-control.custom-radio .custom-control-label, 
  .block.phone-details.network .custom-control.custom-radio .custom-control-label{
    width: 100% !important;
    min-width: auto !important;
  }
  .block.phone-details.condition .custom-control.custom-radio .custom-control-label .condition-tab,
  .block.phone-details.condition .custom-control.custom-radio{
    height: auto;
  }
  .block.phone-details.condition .custom-control.custom-radio .custom-control-label{
    margin-top: 0px;
  }
  #accessories .slider-v2{
    left: 9px;
    top: 6px;
  }
}

@media (max-width: 412px) {
}*/

/* .span-active{
  display: none;
} */

@media (max-width: 767px) {
  .block.phone-details.condition .custom-control.custom-radio{
    display: block !important;
  }
  .block.phone-details.condition .custom-control.custom-radio .condition-block{
    left: 0;
    position: relative;
  }
  .block.phone-details.condition .custom-control.custom-radio .custom-control-label .condition-tab{
    width: calc(100% - 3em);
  }
}


.block.phone-details.condition .custom-control.custom-radio .custom-control-label{
  position: relative;
}
.block.phone-details.custom_field .custom-control.custom-radio .custom-control-label,
.block.phone-details.accessories .custom-control.custom-radio .custom-control-label,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label,
.block.phone-details.network .custom-control.custom-radio .custom-control-label{
  height: auto;
  width: 100% !important;
  min-height: 3em;
  border-radius: 23px;
  padding-right: 15px;
  line-height: 24px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-left: 0px;
}
.block.phone-details.condition .custom-control.custom-radio .condition-block{
  display: none;
}
@media (min-width: 412px) {
  .block.phone-details.custom_field .custom-control.custom-radio .custom-control-label,
  .block.phone-details.accessories .custom-control.custom-radio .custom-control-label,
  .block.phone-details.storage .custom-control.custom-radio .custom-control-label,
  .block.phone-details.condition .custom-control.custom-radio .custom-control-label,
  .block.phone-details.storage .custom-control.custom-radio .custom-control-label,
  .block.phone-details.network .custom-control.custom-radio .custom-control-label{
    width: auto !important;
    min-width: 22em;
  }
}

.block.phone-details.network .custom-control.custom-radio img{
  max-height: 25px;
}

.block.phone-details.custom_field .custom-control.custom-radio .custom-control-label .slider-v2,
.block.phone-details.accessories .custom-control.custom-radio .custom-control-label .slider-v2,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label .slider-v2,
.block.phone-details.condition .custom-control.custom-radio .custom-control-label .slider-v2,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label .slider-v2,
.block.phone-details.network .custom-control.custom-radio .custom-control-label .slider-v2 {
  position: absolute;
  z-index: 30;
  width: 5em;
  height: 2.2em;
  top: 0.2em;
  left: 0.2em;
  cursor: pointer;
  border-radius: 1.5em;
  transition: 350ms;
  background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0)), #ddd;
  box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}
.block.phone-details.condition .custom-control.custom-radio .custom-control-label .slider-v2{
  top: 0.5em;
  left: 0.9em;
}

.block.phone-details.custom_field .custom-control.custom-radio .custom-control-label .slider-v2::after,
.block.phone-details.accessories .custom-control.custom-radio .custom-control-label .slider-v2::after,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label .slider-v2::after,
.block.phone-details.condition .custom-control.custom-radio .custom-control-label .slider-v2::after,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label .slider-v2::after,
.block.phone-details.network .custom-control.custom-radio .custom-control-label .slider-v2::after {
  width: 1.5em;
  height: 1.5em;
  top: 0.4em;
  left: 0.4em;
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: 250ms ease-in-out;
  background: linear-gradient(#f5f5f5 10%, #eeeeee);
  box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);
}
.block.phone-details.condition .custom-control.custom-radio .custom-control-label .slider-v2::after{
  top: 0.3em;
}

.block.phone-details.custom_field .custom-control.custom-radio .custom-control-label .slider-v2::before,
.block.phone-details.accessories .custom-control.custom-radio .custom-control-label .slider-v2::before,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label .slider-v2::before,
.block.phone-details.condition .custom-control.custom-radio .custom-control-label .slider-v2::before,
.block.phone-details.storage .custom-control.custom-radio .custom-control-label .slider-v2::before,
.block.phone-details.network .custom-control.custom-radio .custom-control-label .slider-v2::before {
  position: absolute;
  content: '';
  width: 4em;
  height: 1.2em;
  top: 0.5em;
  left: 0.5em;
  border-radius: 0.75em;
  transition: 250ms ease-in-out;
  background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #d0d0d0;
  box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 0 0 0 0 #f1bb00 inset;
}

.block.phone-details.custom_field .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:before,
.block.phone-details.accessories .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:before,
.block.phone-details.storage .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:before,
.block.phone-details.condition .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:before,
.block.phone-details.storage .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:before,
.block.phone-details.network .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:before{
  box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 3em 0 0 0 #f1bb00 inset;
}
.block.phone-details.custom_field .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:after,
.block.phone-details.accessories .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:after,
.block.phone-details.storage .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:after,
.block.phone-details.condition .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:after,
.block.phone-details.storage .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:after,
.block.phone-details.network .custom-control.custom-radio .custom-control-input:checked~.custom-control-label .slider-v2:after{
  left: 3em;
}