img.img-producto-ficha {	
	margin: auto;	
	max-width:100%;
	height: auto;
	max-height: 100%;
}

input.input-anadir {
	width: 100%;
	text-align: center;
}

p.inf-fab-prod {
	font-size: 1em;
	padding:0px;
	margin:0px;
	white-space: nowrap;
}

img.descatalogado-producto-ficha {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
}

div.div-producto-ficha {
	max-width:100%;
	max-height:100%;	
	width:224px;
	height: 224px;
	position:relative;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	
}

.img-producto-lista-container {
	width: 220px;
	height:220px;
	border-style:none;
	border-width: 1px;
	border-radius: 6px;
	position:relative;
}
 
 .logo-fabricante {
	 width:100%;
	 max-width:150px;
	 max-height:100px;
 }
 
 .logo-knx {
	 position: absolute;
	 bottom: 70px;
	 right: 5px;
	 height: 15px;	 
 }
 
 .col-descripcion {	
	 white-space: nowrap;
	 overflow: hidden;  
	 text-overflow: ellipsis;
 }
 
 .texto-producto {
 	color: black;
 }
 
 .texto-descripcion {
 	font-size:16px;
 	font-weight: bold;
 }
 
 .texto-referencia {
 	font-size:14px;
 }
 
 .texto-precio {
 	font-size:14px;
 	font-weight:bold;
 	color: #3171c8;
 }
 @media (min-width : 576px) {
	 .row-iconos-mostrarproducto {
	 	position: absolute;
	 	bottom: 0px;
	 	width: 100%;
	 }
 }
 
 .icono-mostrarproducto {
 	background-color: #3171c8;
 	color: white;
 	border-radius: 6px;
 	margin: 0px 5px 0px 5px;
 	
 }
 
 .col-codigo-web {
 	font-size:14px;
 	font-weight:bold;
 	border-bottom: 1px solid;
 }

/* estilo ficha de producto grid */

 .card-product {
    margin-bottom: 1rem;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card .img-wrap {
    overflow: hidden;
}
.card-product .img-wrap {
    border-radius: 0.2rem 0.2rem 0 0;
    overflow: hidden;
    position: relative;
    height: 220px;
    text-align: center;
}
.img-wrap {
    text-align: center;
    display: block;
}

.card-product .img-wrap img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-product .info-wrap {
    overflow: hidden;
    padding: 15px;
    border-top: 1px solid #eee;
}



.card-product .title {
	margin-top: 0;
}


.gridTittle {
    margin-top: 0;
    display: -webkit-box;
    height: 73px;
    font-size: 15px !important;
    line-height: 1.2;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gridTittleh6 {
    margin-top: 0;
    display: -webkit-box;
    height: 54px;
    font-size: 15px !important;
    line-height: 1.2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.label-rating {
    margin-right: 2px;
    display: block;
    vertical-align: middle;
    font-size: 0.9rem;
}

.card-product .bottom-wrap {
    padding: 15px;
    border-top: 1px solid #eee;
}

.colProductos{

	padding-left: 5px !important;
	padding-right: 5px !important;
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #3aaa35 !important;
   
}

.bg-red{
        background-color: #be1622 !important;
       
}

.bg-yellow{
	background-color: #f8b133 !important;

}

.bg-blue{
	background-color: #396eb5 !important;

}


.card-mi {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    background-color: #fff;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom:1px;
    border:none;
}
.card-header-mi:first-child {
    border-radius: 0;
}
.card-header-mi {
    background-color: #f7f7f9;
    margin-bottom: 0;
    padding: 7px 1.25rem;
    border:none;
    
}
.card-header-mi a i{
    float:left;
    font-size:25px;
    padding:5px 0;
    margin:0 25px 0 0px;
    color:#195C9D;
}

.card-header-mi a img{
    float:left;
    padding:5px 0;
    margin:0 25px 0 0px;
   width: 46px;
}

.card-header-mi i{
    float:right;        
    font-size:30px;
    width:1%;
    margin-top:8px;
    margin-right:10px;
}
.card-header-mi a{
    width:97%;
    float:left;
    color:#565656;
	text-decoration:none;
}
.card-header-mi p{
    margin:0;
}

.card-header-mi h3{
	margin: 0 0 0px;
    font-size: 15px;
    /*font-family: 'Montserrat ', sans-serif;*/
    font-weight: bold;
    color: #000000;
	padding-top:10px;
}
.card-block-mi {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 20px;
    color:#232323;
    box-shadow:inset 0px 4px 5px rgba(0,0,0,0.1);
    border-top:1px soild #000;
    border-radius:0;
}