/*******DRAG DROP***********/
/*color*/
.draggable {
  width: 100px;
  height: 100px;
  float: left;
  margin: 10px 10px 10px 0;
  padding: 0 0.5em; }

.droppable {
  width: 150px;
  height: 150px;
  float: left;
  margin: 10px;
  padding: 0 0.5em; }

.ui-draggable.ui-draggable-dragging {
  z-index: 999;
  background-color: #fff; }

.b_drop_cart.ui-state-active .drop-inner, .ui-draggable.ui-draggable-dragging .drop-inner {
  border: 3px dashed #03bcd8; }

.ui-draggable.ui-draggable-dragging button, .b_drop_cart_popup.ui-state-active button {
  display: none; }

.b_drop_cart {
  position: fixed;
  top: 12%;
  right: 30px;
  z-index: 100;
  overflow: hidden;
  display: none; }
  .b_drop_cart p {
    margin-bottom: 25px; }
  .b_drop_cart h3 {
    margin-bottom: 25px;
    color: #03bcd8;
    text-align: left; }
  .b_drop_cart .drop-inner {
    background: transparent url("../../image/icon_dragcart.png") no-repeat 50% 50%;
    margin: auto; }

.ui-state-hover {
  display: block; }

.b_drop_compare, .b_drop_wishlist {
  float: right;
  border: 1px solid #d7d7d7;
  overflow: hidden; }

.b_drop_compare {
  position: fixed;
  top: 0;
  right: 50%;
  z-index: 100;
  display: none; }

.b_drop_wishlist {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none; }

.ui-state-highlight {
  background: none; }

.b_drag_drop {
  z-index: 999; }

div.handle, .drag-n-drop-handle {
  background-color: transparent;
  cursor: move;
  font-size: 11px;
  line-height: 13px;
  font-weight: 700;
  text-align: center;
  color: #03bcd8;
  padding: 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  opacity: 0;
  filter: alpha(opacity=0); }

.product-thumb:hover div.handle, .product-thumb:hover .drag-n-drop-handle {
  opacity: 0.8;
  filter: alpha(opacity=80);
  background: #fff; }

.drop, .b_drop_cart, .b_drop_compare, .b_drop_wishlist .b_drop {
  width: 330px;
  height: 370px; }

.drop, .b_drop_cart, .b_drop_cart_popup, .b_drop_compare, .b_drop_wishlist .b_drop {
  float: right;
  padding: 20px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 20px;
  line-height: 22px;
  color: #202020;
  overflow: hidden;
  text-align: center; }

.b_drop_cart .drop-inner, .b_drop_cart_popup {
  width: 180px;
  height: 180px;
  vertical-align: middle; }

.dropped {
  background-color: #fff;
  border-color: #B89; }

.addcart-popup .item-thumbnail {
  float: left;
  margin-right: 20px; }
  .addcart-popup .item-thumbnail ~ * {
    overflow: hidden; }
.addcart-popup .name {
  margin-bottom: 5px; }
.addcart-popup .item-price {
  margin-bottom: 10px; }
.addcart-popup .item-box {
  float: left;
  width: 75%;
  margin-bottom: 30px; }
.addcart-popup .minicart-box {
  float: right;
  width: 25%;
  margin-bottom: 30px; }

h3.added-item-message {
  color: #03bcd8;
  margin-bottom: 10px; }

.addcart-popup .products-list-box {
  clear: both; }

.product-popup.product-related {
  margin-right: -12px;
  margin-left: -12px; }

.product-popup.product-related ul li {
  margin-bottom: 15px; }

.product-popup .content-products {
  overflow: hidden; }

.modal-dialog.modal-popup-cart {
  max-width: 800px; }

.b_drop_cart_popup {
  position: relative;
  background: transparent url("../../image/icon_dragcart_active.png") no-repeat 50% 35%; }
  .b_drop_cart_popup span {
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%); }

.item-buttons .btn:first-child {
  margin-right: 6px; }

.right-to-left .b_drop_cart {
  left: 30px;
  right: auto; }
.right-to-left .drop, .right-to-left .b_drop_cart, .right-to-left .b_drop_cart_popup,
.right-to-left .b_drop_compare, .right-to-left .b_drop_wishlist .b_drop {
  float: left; }
.right-to-left .addcart-popup .item-thumbnail {
  float: right;
  margin-right: 0;
  margin-left: 20px; }
.right-to-left .addcart-popup .item-box {
  float: right; }
.right-to-left .addcart-popup .minicart-box {
  float: left; }
.right-to-left .item-buttons .btn:first-child {
  margin-left: 6px;
  margin-right: 0; }
.right-to-left .product-popup.product-related ul li {
  float: right; }
/*# sourceMappingURL=drag_drop.css.map */