.number-input input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}

.number-input {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.number-input button {
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0;
position: relative;
}

.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
height: 2px;
transform: translate(-50%, -50%);
}

.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
text-align: center;
}

.number-input.number-input {
border: 1px solid #ced4da;
width: 10rem;
border-radius: .25rem;
}

.number-input.number-input button {
width: 2.6rem;
height: .7rem;
margin: 0px;
padding: 15px 0px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
width: .7rem;
background-color: #fff;
}

.wish-list .number-input.number-input button:before,
.wish-list .number-input.number-input button:after {
	background-color: dimgray;
}

.number-input.number-input input[type=number] {
	max-width: 4rem;
	padding: .5rem;
	border: 1px solid #ced4da;
	border-width: 0 1px;
	font-size: 1rem;
	height: 2rem;
	color: #495057;
	background-color: transparent;
	color: #fff;
}

#precio{
	padding-left: 20px;
}

.paginacion .pagination .page-item .page-link {
	color: #a4a4a4;
	background-color: transparent;
	border: solid 1px;
	align-items: center;
	display: flex;
}
.paginacion .active .page-link{
	background-color: orangered!important;
	color: white!important;
}


@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance: none) and (stroke-color:transparent) {
		.number-input.def-number-input.safari_only button:before,
		.number-input.def-number-input.safari_only button:after {
		margin-top: -.3rem;
		}
	}
}






#cesta .number-input.number-input input[type="number"] {
    /*max-width: 2.5rem;*/
}
#cesta .number-input.number-input {
	/*border: 2px solid #565656;
	width: 7rem;
	border-radius: 0px;*/
}
#cesta .modal-footer {
	border-top: 1px solid #393939;
}

.modal-dialog-scrollable .modal-content {
	max-height: 100%;
}

#cesta .list-group-item {
	background-color: transparent;
}

#panelModalCarro .modal-content {
	border-radius: 0px!important;
}
#panelModalCarro .modal-dialog-scrollable {
	max-height: calc(100%);
}
@media (max-width: 767.98px) {
	.modal-dialog-scrollable {
		max-height: 100%;
	}

	#categorias .carousel-thumbnails .carousel-indicators > li {
		margin: 0px 10px;
	}
	.carousel.pointer-event{
		/*display: grid;*/
	}

}
@media (max-width: 575.98px) {

	.carousel-indicators{
		justify-content: left;
	}
	.detalles .btn {
		padding: .84rem .6rem;
	}
	#categorias h1{
		font-size: 1.5em;
	}

	.breadcrumb {
		justify-content: center;
	}

	.ancho-100{
		width: 100%;
	}
}