/**
* 2015-2016 NTS
*
* DISCLAIMER
*
* You are NOT allowed to modify the software.
* It is also not legal to do any changes to the software and distribute it in your own name / brand.
*
* @author    NTS
* @copyright 2015-2016 NTS
* @license   http://addons.prestashop.com/en/content/12-terms-and-conditions-of-use
* International Registered Trademark & Property of NTS
*/

div.multi-accessories{ display: inline-block; width:100%;}
div.accessory-heading{
	font-size:15px; font-weight:700;color:#000; padding:5px;
}
div.accessorycheckbox{
	float: left;width: 100%;border-style:dashed; border-color:#cdcdcd;background: #fff;margin-bottom: 10px;border-width: 1px 1px 0 1px;
}
div.ajax_block_product{
	padding: 5px;border-bottom: 1px solid #ededed;background: #fff;
}
div.ajax_block_product table td{padding:0px;}
div.checker {
    float: left;
    margin: 16px 5px 0 5px !important;
}
div.accessorycheckbox .quick-view{color:#000;}
div.accessorycheckbox .price{color:#000; margin-top: 12px;}
a.hidden, input.hidden{display:none;}
div.accessorycheckbox select.form-control {
    height: auto !important;
    width: auto !important;
    display: initial;
    padding: 3px;
	color: #555;
font-size: inherit;
background: #fff;
}
div.ajax_block_product select{max-width: 330px;}
@media screen and (max-width: 450px) {
div.ajax_block_product select{max-width: 240px;}
}
@media screen and (max-width: 360px) {
div.ajax_block_product select{max-width: 200px;}
}

.multi-accessories .bootstrap-touchspin .btn-touchspin {
  height: 1.0rem;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.25);
}
.multi-accessories .bootstrap-touchspin .input-group-btn-vertical > .btn {
  padding: 7px 10px;
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  margin-left: -1px;
  position: relative;
	border-radius: 0px;
	color: #000;
}
.multi-accessories .bootstrap-touchspin .input-group-btn-vertical i {
  top: -3px;
  left: .1875rem;
  font-size: .875rem;
  position: absolute;
  font-weight: 400;
}
.multi-accessories .material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
.multi-accessories .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
  content: "+";
}
.multi-accessories .bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
  content: "-";
}
.multi-accessories .bootstrap-touchspin {
	position: relative;
	border-collapse: separate;
  width: auto;
  float: left;
  display: inline-block;
  box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2);
}
.multi-accessories .bootstrap-touchspin .input-group-btn-vertical {
  color: #232323;
  width: auto;
  float: left;
  position: relative;
  white-space: nowrap;
}
.multi-accessories .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
	position: relative;
  z-index: 2;
  color: #232323;
  background-color: #fff;
  height: 2.5rem;
  padding: .175rem .5rem;
  width: 3rem;
  border: 1px solid rgba(0,0,0,.25);
  float: left;
}