/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /*margin-top: 60px;*/
  margin-bottom: 50px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* height: 30px; /* Set the fixed height of the footer here */
  line-height: 30px;  /*Vertically center the text there */
  background-color: #000;
  font-size: 11px;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  /*max-width: 680px;*/
  padding: 0 15px;
}


.card-hover {
    border-radius: 1.2rem;
    padding: 10px
}
.card-hover:hover {
    background-color: #ee2476;
}

.card-product {
    border-radius: 1.2rem;
    padding: 10px
}
.card-product:hover {
    background-color: #fffdca;
    border : 0.5px solid;
}


.price {
    color: green;
    font-size: 16px;
}

.button-print {
  border-radius: 15px;
}

.button-circle {
  border-radius: 15px;
}

#bred_position{
	background-color:#ee2476;
	padding:10px 20px;
	font-size:11px;
}

#bred_position ul li:first-child{
	padding-left:20px
}

#bred_position ul li:first-child:before{
	content:'\f08d';
	font-style:normal;
	font-weight:400;
	font-family:FontAwesome;
	position:absolute;
	left:0;
	top:1px;
	color:#fff
}

#bred_position ul{
	margin:0;
	padding:0;
	color:#fff
}

#bred_position ul li a{
	color:#fff;
	opacity:1
}

#bred_position ul li a:hover{
	color:#000;
	opacity:1
}

#bred_position ul li{
	display:inline-block;
	padding-right:8px;
	margin-right:3px;
	position:relative
}

#bred_position ul li:after{
	content:'\f101';
	font-style:normal;
	font-weight:400;
	font-family:FontAwesome;
	position:absolute;
	right: -2px;
	top: -1px;
}

#bred_position ul li:last-child:after{
	content:''
}

.add_bottom_15{
	margin-bottom:15px
}

.add_bottom_20{
	margin-bottom:20px
}

.add_bottom_30{
	margin-bottom:30px
}

.add_bottom_45{
	margin-bottom:45px
}



/*CUSTOM BUTTON*/
.btn-theme {
  color: #fff;
  background-color: #9e62d2;
  border-color: #a680c8;
}

.btn-theme:hover {
  color: #fff;
  background-color: #914ecc;
  border-color: #a680c8;
}

.btn-theme:focus, .btn-theme.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-theme.disabled, .btn-theme:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-theme:not(:disabled):not(.disabled):active, .btn-theme:not(:disabled):not(.disabled).active,
.show > .btn-theme.dropdown-toggle {
  color: #fff;
  background-color: #914ecc;
  border-color: #a680c8;
}

.btn-theme:not(:disabled):not(.disabled):active:focus, .btn-theme:not(:disabled):not(.disabled).active:focus,
.show > .btn-theme.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}