.sidebar .nav-item .nav-link { padding:.75rem;}

.ahref-max { position:relative;display:block; min-height:140px; height:30vh}
.thumb-max { position:absolute; margin:auto; top:0; left:0; bottom:0; right:0; max-height:90%; max-width:90%;z-index:3}
.ajax.btn-estado[data-st="1"]::after {content : " Activo";}
.ajax.btn-estado[data-st="0"]::after { content : " Inactivo";}
.ajax.btn-estado[data-st="9"]::after { content : " Sin Stock";}
.ajax.btn-destacado[data-st="1"]::after {content : "\f005"; font-family: "Font Awesome 5 Free"; font-weight: 900;}
.ajax.btn-destacado[data-st="0"]::after { content : "\f005";font-weight: normal; font-family: "Font Awesome 5 Free"}
.ajax.btn-destacado[data-st="2"]::after { content : "\f005"; font-weight: normal; font-family: "Font Awesome 5 Free"}
.btn-link.ajax { outline: none !important; text-decoration:none;}
.btn-link.ajax:hover { color:red; }
.table-junta>tbody>tr>td {
	padding:2px 5px;
}
.btn-group .btn input { display: none;}
#ui-datepicker-div { z-index:9999 !important;}
.ui-datepicker-title select { color:black;}
table tr[role=row] td .checkbox label { display:block; }
table tr[role=row] td .checkbox { display:block; }
#filter.pull-left { display: inline-block}
.table .form-control-static { padding-bottom:0; min-height: auto !important;}

.mce-i-imageselector:before { content: "\e014";}
.cards tbody tr { position:relative; float: left; width:16.66666667%; margin-bottom: 10px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.cards tbody tr td:first-child { padding:0;}
.cards tbody tr td:last-child {}
.cards tbody td .img-block { background-size: contain;background-position:center;background-repeat: no-repeat;display:block;height:140px;}
.cards tbody td {min-height:24px;display: block;border:0;}
.cards thead {display:none;}
.cards .td-nombre a {font-size:11px;overflow: hidden;height:16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cards .btn-group .btn { width:32px;}

.fa-refresh-animate {
	-animation: spin .7s infinite linear;
	-webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg);}
to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}