.panel {margin-bottom:0px;}
.hasMinus, .hasPlus {
	float: right;
	margin-top: 10px;
}
.i-minus {
	background: #ccc;
	display: block;
	height: 1px;
	position: relative;
	width: 20px;
	-webkit-transition: all 0.45s ease-in 0s;
	-moz-transition: all 0.45s ease-in 0s;
	-o-transition: all 0.45s ease-in 0s;
	-ms-transition: all 0.45s ease-in 0s;
	transition: all 0.45s ease-in 0s;
}
.i-minus::after {
	background: #ccc;
	content: "";
	height: 18px;
	left: 9px;
	position: absolute;
	top: -8px;
	width: 1px;
	-webkit-transition: all 0.25s ease-in 0s;
	-moz-transition: all 0.25s ease-in 0s;
	-o-transition: all 0.25s ease-in 0s;
	-ms-transition: all 0.25s ease-in 0s;
	transition: all 0.25s ease-in 0s;
}
.hasMinus .i-minus::after {
	height: 0;
	left: 9px;
	position: absolute;
	top: 0;
	width: 1px;
}
.panel-flat {
	background: none;
	box-shadow: none;
}

.panel-flat .fa-trash-o:hover {color:#f00; cursor:pointer}
.panel-flat .list-group {
	margin-bottom: 0;
	padding-left:30px
}



.panel-flat li {cursor:pointer;}
.panel-flat .panel-heading {
	padding-left: 0; padding-right:0px;
}
.panel-flat .badge {
    background-color: #f5f5f5; color:#bbb; font-size:11px}
.panel-flat .panel-heading .panel-title {
	font-family: Calibri;
	text-transform: uppercase;
}
.panel-flat .panel-heading h5.panel-title {
	font-size:90%
}
.panel-flat .panel-heading h6.panel-title {
	background:#f5f5f5;
	padding:5px;
	padding-left:0px;
	margin:0px;
	color:#0070b7
}
.panel-flat .panel-heading .panel-title a {
	display: block;
	width: 100%;
}
.panel-flat .panel-body {
	padding: 0;
	font-size: 13px;
	
}
.panel-flat .nav-list>li {
	margin-bottom: 15px;
}
.panel-flat .nav-list>li:last-child {
	margin-bottom: 0;
}
.panel-flat .nav-list>li>a {
	padding: 0;
	font-size: 13px;
}
.panel-flat .nav-list>li>a:hover {
	background: none;
}
.panel-flat .maxlist-more {
	font-family: Calibri;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.5px;
	margin-top: 15px;
}
/* Forma de presentacion de Colores */
div#Colores, div#Colores ul {
	padding:0px; margin:0; border:0; overflow:hidden;
		list-style:none;
}
div#Colores ul li {
	width:20%;float:left !important; background:#fafafa; color:#fff; margin-right:0px; margin-bottom:0px;
	text-align:center; padding:8px 0px;
	border:1px solid #fff;
}
div#Colores ul li .badge.pull-right {position:relative; top:-3px;margin-right:3px !important; color:#999; background:#f0f0f0}
div#Colores ul li:hover {
	background:#ddd
}

/* Forma de presentacion de Talles */
div#Talles, div#Talles ul {
	padding:0px; margin:0; border:0; overflow:hidden;
	list-style:none;
}
div#Talles ul li {
	width:20%;float:left !important; background:#fafafa; color:#fff; margin-right:0px; margin-bottom:0px;
	text-align:center; padding:8px 0px;
	border:1px solid #fff;
}
div#Talles ul li .badge.pull-right {position:relative; top:-3px;margin-right:3px !important; color:#999; background:#f0f0f0}

div#Talles ul li:hover {
	background:#ddd
}


@media (max-width: 767px) {

.panel-flat {
	background:#f5f5f5;
	padding:0 5px;
	border-radius: 5px ;
	background-clip: padding-box;
}
.panel-flat .panel-heading {padding:5px }
.panel-flat-filtros {background:none; padding:0px;}
.panel-flat-filtros .panel-heading {padding:5px; }
h4.tit_categorias {font-size:13px; margin-top:5px}
.panel-title {
   font-size: 13px;
}
.hasMinus, .hasPlus {
    margin-top: 3px;
}
.i-minus {width:10px;}
.i-minus::after { height:10px;
	left: 5px;
	top: -4px;
	width: 1px;}
	
.panel-flat .list-group {
    margin-bottom: 0;

}
.list-group-item {padding: 5px;}
}