.imagen-en-contenedor{
  max-height: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: none !important;

}

/* slide con imagenes responsive*/
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.centrar-vertical {
      margin: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }

/*-------------Padding - Margins----------------------------------*/

.pad0{ padding: 0px !important;    }
.pad5{ padding: 5px !important;    }
.pad10{ padding: 10px !important;    }
.pad15{ padding: 15px !important;    }
.pad20{ padding: 20px !important;    }
.pad50{ padding: 50px !important;    }

.padt0{  padding-top: 0px !important;    }
.padt5{ padding-top: 5px !important;    }
.padt8{ padding-top: 8px !important;    }
.padt10{ padding-top: 10px !important;    }
.padt15{ padding-top: 15px !important;    }
.padt20{ padding-top: 20px !important;    }
.padt25{ padding-top: 25px !important;    }
.padt30{ padding-top: 30px !important;    }
.padt50{ padding-top: 50px !important;    }
.padt70{ padding-top: 70px !important;    }
.padt90{ padding-top: 90px !important;    }

.padr0{ padding-right: 0px !important;  }
.padr5{ padding-right: 5px !important;    }
.padr10{ padding-right: 10px !important;    }
.padr15{ padding-right: 15px !important;    }
.padr20{ padding-right: 20px !important;    }
.padr25{ padding-right: 25px !important;    }
.padr30{ padding-right: 30px !important;    }

.padb0{ padding-bottom: 0px !important;   }
.padb5{ padding-bottom: 5px !important;    }
.padb10{ padding-bottom: 10px !important;    }
.padb15{ padding-bottom: 15px !important;    }
.padb20{ padding-bottom: 20px !important;    }
.padb25{ padding-bottom: 25px !important;    }
.padb30{ padding-bottom: 30px !important;    }
.padb50{ padding-bottom: 50px !important;    }

.padl0{ padding-left: 0px !important;   }
.padl5{ padding-left: 5px !important;    }
.padl10{ padding-left: 10px !important;    }
.padl15{ padding-left: 15px !important;    }
.padl20{ padding-left: 20px !important;    }
.padl25{ padding-left: 25px !important;    }
.padl30{ padding-left: 30px !important;    }
.padl35{ padding-left: 35px !important;    }

.margt-55 { margin-top: -55px !important; }
.marg0{  margin: 0px !important; }
.margt0{ margin-top: 0px !important;    }
.margt5{ margin-top: 5px !important;    }
.margt10{ margin-top: 10px !important;    }
.margt13{ margin-top: 13px !important;    }
.margt15{ margin-top: 15px !important;    }
.margt20{ margin-top: 20px !important;    }
.margt25{ margin-top: 25px !important;    }
.margt30{ margin-top: 30px !important;    }
.margt50{ margin-top: 50px !important;    }

.margr0{ margin-right: 0px !important;    }
.margr5{ margin-right: 5px !important;    }
.margr10{ margin-right: 10px !important;    }
.margr15{ margin-right: 15px !important;    }
.margr20{ margin-right: 20px !important;    }
.margr25{ margin-right: 25px !important;    }
.margr30{ margin-right: 30px !important;    }
.margr35{ margin-right: 35px !important;    }
.margr40{ margin-right: 40px !important;    }

.margb0{ margin-bottom: 0px !important;    }
.margb5{ margin-bottom: 5px !important;    }
.margb10{ margin-bottom: 10px !important;    }
.margb15{ margin-bottom: 15px !important;    }
.margb20{ margin-bottom: 20px !important;    }
.margb25{ margin-bottom: 25px !important;    }
.margb30{ margin-bottom: 30px !important;    }

.margl0{ margin-left: 0px !important;    }
.margl5{ margin-left: 5px !important;    }
.margl10{ margin-left: 10px !important;    }
.margl15{ margin-left: 15px !important;    }
.margl20{ margin-left: 20px !important;    }
.margl25{ margin-left: 25px !important;    }
.margl30{ margin-left: 30px !important;    }
.margl50{ margin-left: 50px !important;    }

.margl5p{ margin-left: 5% !important;    }

.container{
    max-width:340px;
}

 
#filtros {
    display: none;
}

.clear{
  clear: both;
}


.filtro-precio-input{
    background: none;
    border: none;
    font-size: 12px;
    float: right;
    text-align: right;
    line-height: 31px;
    width: 100%;
}


.btn-desactivado{
 /* background: #92938e !important;*/
}

#btn-comprar{
 /* width: 100%;
  font-size: 16px; */
}

.order_button button{
  font-size: 14px;
}

.table tr{
  font-size: small;
}

.table td, .table th {
    padding: .5rem
}

.logo img{
    max-width: 150px;
}

.swatch{
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    display: block;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.coloractivo{
  border-color: #333;
}

.div-img-un-producto{
    height: 140px;
}

.alert-danger{
  padding: 10px;
} 

.info-icon i{
  padding-top: 13px;
}

.info-icon a{
  padding-left: 0px;
}

.item-brand{
  opacity: 0.3
}

.alert-success{
  padding: 10px;
}

.pagination{
  width: 30%;
}

.tagfiltro{
    padding: .2rem 1.25rem;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: .25rem;
    clear: both;
    font-weight: 400;
    color: #333333;
    font-size: small;
}

.tagfiltro button {
    position: relative !important;
    top: -1.75rem !important;
    right: auto !important;
    padding: .5rem 0rem !important;
    color: inherit !important;
    font-size: inherit;
    right: 0px !important;
    float: left !important;
}

.tagfiltro button:hover{
    color: #CC2121 !important;
    background-color: transparent !important;
}

.btn-lupa{
    background-color: black;
    color: white;
    font-size: larger;
}

.categories_name{
    padding: 0;
    font-size: 15px;
    line-height: 36px;
    height: auto;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 400;
    width: 100%;
    text-align: left;
    list-style: none;
    border-bottom: 1px solid lightgrey;
}
.brand-name{
    list-style: none;
    padding-left: 0;    
}
.categories_name i{
    font-size: 12px;
    float: right;
    padding-top: 8px;
}    

.active-categoria{
    color: #cc2121;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #cc2121;
    font-weight: 700;
    color: #cc2121;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50% -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0 0 2px #f5f5f5;
    box-shadow: 0 0 0 2px #f5f5f5;
}

.filter_price{
    padding: 10px;
}

.ui-widget-content {
    height: 2px;
}

.ul-filtro-tp{
    list-style: none;
    padding-left: 0;
}

.talles-swatch {
    width: 40px;
    height: 40px;
    font-size: small;
    text-align: center;
    
}
.talleelegido {
    border: 2px solid #333 !important;
}
.swatchLbl {
    min-width: 25px;
    width: fit-content;
    height: 25px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
    cursor: pointer;
}

.swatch-element {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

.ul-marcas{
    list-style: none;
    padding-left: 0px;
}

/* Customize the label (the container) */
.cont-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.cont-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.cont-radio:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cont-radio input:checked ~ .checkmark {
  background-color: #CC2121;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont-radio .checkmark:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#filtrar{
    padding-bottom: 15px;
    cursor: pointer
}

.widgettitle {
    font-size: 16px;
}  

#filtros{
    padding-top: 10px;
} 

.product-price .price-old {
    font-size: 11px;
    padding-right: 4px;
}    

.product-price .price-new {
    font-size: 12px;
} 

.product-caption {
    margin-top: 0px;
}

.sidebar-widget {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.breadcrumb {
    padding: 30px 0;
}

header .top-bar p {
    margin-top: 5px;
}

header .top-bar {
    padding: 5px 0;
}

.coloractivo {
    border: 2px solid #333 !important;
}

.product-details .product-actions label{
    font-size: 12px; 
}

.label-variacion{
    display: block;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-size: 16px; 
}

.tallesinstock{
    text-decoration: line-through;
}

.product-stock{
    margin-top: 15px;
    color: #CC2121;
    font-weight: 700;
}

.sizelink{
    font-weight: 500;
}

.precio-verp{
    font-size: 18px !important;
}

.slider-padding {
    padding-right: 20px;
    margin-bottom: 0px;
}

.breadcrumb .breadcrumb-item {
    font-size: 12px;
}

.breadcrumb {
    padding: 15px 0;
}

.muestracuadradocolor{
    width: 20px;
    height: 20px;
    padding-left: 10px;
    margin-left: 10px;
}

.modal-header{
    border-bottom: 1px solid lightgray !important;
    margin-bottom: 20px;
    padding: 20px;
}
    
.modal .modal-body {
    padding: 0 20px 20px;
}

.div-btn{
    display: flex;
}

.div-btn button{
    font-size: x-small;
}
.div-btn a{
    font-size: x-small;
}

.eliminar-carrito{
    font-size: x-large;
    font-weight: bold;
}

.total-carrito{
    color: #CC2121;
    font-weight: 600;
   
}

.btn.btn-secondary{
    font-size: 12px;
    text-transform: initial;
}

#paso2{
    padding-top: 2%
}

.paso-deshabilitado{
    opacity: 0.3;
}

#td-total{
    color: #CC2121
}

.checkout-wrapper .order-summary .table th, .checkout-wrapper .order-summary .table td {
    font-size: 14px;
    padding: 10px;
}

.checkout-wrapper .checkout-payment label {
    font-size: 12px;
}
/*-------------Responsive----------------------------------*/

/* .col-xs */
@media (min-width : 360px) {
    .container{
        max-width: 300px;
				padding-left: 9px;
    }
    .img-owl{
      height: 150px 
    }
   	.div-btn {
    display: flex;
    flex-direction: column;
		}
} 

@media (min-width : 480px) {
    .carousel-caption {
        top: -25%;
    }
    .div-img-un-producto{
        height: 150px;
    } 
  
}
/* .col-sm */
@media (min-width : 576px) {

    .container{
        max-width: 510px;
    }
   .div-img-un-producto{
        height: 150px;
    } 
    .pagination{
      width: 10%;
      
    }
} 

/* .col-md */
@media (min-width : 768px) {
    .container{
        max-width: 768px;
    }
  
    .titulo-filtro{
        font-size: medium;  
    }
    
    .divtagfiltro{
        font-size: small;
    }

    .contacto-top-bar{
        text-align: right;
    }
    .div-img-un-producto{
      height: 230px;
    }
    .product-price .price-old {
        font-size: 14px;
        padding-right: 4px;
    }
    .product-price .price-new {
        font-size: 18px;
    } 
    header .top-bar p {
        margin-top: 15px;
    }
    header .top-bar {
        padding: 15px 0;
    }
    .breadcrumb .breadcrumb-item {
        font-size: 14px;
    }
    .breadcrumb {
        padding: 30px 0;
    }

    .div-btn{
        display: block;
    }
    .div-btn button{
        font-size: inherit;
    }
    .div-btn a{
        font-size: inherit;
    }
    .btn.btn-secondary{
        font-size: 13px;
    }
    .checkout-wrapper .order-summary .table th, .checkout-wrapper .order-summary .table td {
        font-size: 18px;
        padding: 20px;
    }

    .checkout-wrapper .checkout-payment label {
        font-size: 14px;
    }
}

/* .col-lg */
@media (min-width : 992px) {
    .container{
        max-width: 992px;
    }
    .div-img-un-producto{
      height: 220px;
    }
    .widgettitle {
        font-size: 20px;
    }  
    #filtros{
        padding-top: 0px;
    }  
    #filtros {
        display: block;
    }

    .sidebar-widget {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }    
    .breadcrumb {
        padding: 50px 0;
    }
}

/* .col-xl */
@media (min-width : 1200px) {
    .container{
        max-width: 1200px !important;
    }
    .div-img-un-producto{
        height: 210px;
    }
}
@media (min-width : 1500px) {
   
    .div-img-un-producto{
        height: 270px;
    }
}


@media (max-width: 768px) {
/* Force table to not be like tables anymore */
  .tabla_b thead{ 
    display: block; 
    text-align: left;
    
  }
  .tabla_b tbody{ 
    display: block; 
    text-align: left;
  }
  .tabla_b th{ 
    display: block; 
    text-align: left;
  }
  .tabla_b td{ 
    display: block; 
    text-align: left;
  }
  .tabla_b tr{ 
    display: block; 
    text-align: left;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .tabla_b thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  .tabla_b tr { border: 1px solid #ccc; }
  
  .tabla_b td { 
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35% !important;
    white-space: normal;
    overflow: hidden;
    width: inherit;
    
  }
  
  .tabla_b td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 2px;
    left: 6px;
    width: 100%; 
    padding-right: 10px; 
    white-space: nowrap;

  }
  
  /*  Titulos de las tablas*/
  .tabla_b td:before { 
    content: attr(data-title); 
    font-weight: bold; 
    vertical-align:middle; 
    width:20px;
  }
  
  .tabla_b tr:hover td {
    background:none;
    
  }

  .tabla_b tr:nth-of-type(odd) { 
    /*background: #eee; */
  }
  table.cart-table td{
    /*padding: 20px !important;*/
  }
  table.cart-table.bottom{
    margin: 0px;
  }
}