section.range-slider {
    position: relative;
    width: 200px;
    height: 35px;
    text-align: center;
}

section.range-slider input {
    pointer-events: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 15px;
    width: 200px;
    outline: none;
    height: 18px;
    margin: 0;
    padding: 0;
}

section.range-slider input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
}

section.range-slider input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
}

section.range-slider input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: rgba(0, 0, 0, 1);
    border: 0;
}
section.range-slider input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}
  section.range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}

.bd-example-row [class^="col"],.bd-example-cssgrid .grid>* {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(var(--bd-violet-rgb), 0.1);
    border: 1px solid rgba(var(--bd-violet-rgb), 0.25);
}

.selected_link{
	color: white;
	background-color: #198754;
	text-decoration: none;
	padding: 3px;
	border-radius: 3px;
}

.product_image_front{
	height:150px;
	object-fit: contain;
	padding:5px;
}

.coverAll {
 	z-index: 1000;
    background-color:#ccc;
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	text-align:center;
	align-content: center;
	color:red;
	font-size: 3em;

}