body {
	background: rgba(57, 90, 42); 
/*    background: #F6F8F4;  */
	font-family: 'Ubuntu', sans-serif;
}

header {
	z-index: 20;
	
}

.background-inner {
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-attachment: scroll;
  z-index: -1;
}

.fa-star,
.fa-star-half{
    color: yellowgreen;
    padding: 3% 0;
}

#cart_count{
    text-align: center;
    padding: 0 0.9rem 0.1rem 0.9rem;
    border-radius: 3rem;
}

.shopping-cart{
    padding: 3% 0;
}

.cart-items + .cart-items{
    padding: 2% 0;
}

.price-details h6{
    padding: 3% 2%;
}

.card { /*	background-color: rgba(57, 109, 42, 0.8); */
			background-color: #F6F8F4;
			opacity : 0.9;
}
.card-header, .card-footer { opacity: 1}

.cardtext {
	/* color: #006432; */
	color: #000000;
}

.cardtitle {
	color: #FFFFFF;
}

.bttitle {
	color: #000000;
	border: 3px solid rgba(57, 109, 42);
}

.spinnerw {
	max-width: 150px;
}

input.form-control.productspinner.towert {
	min-width: 50px;
}

input.form-control.productspinner.treetopt {
	min-width: 50px;
}

input.form-control.productspinner.treetop_combit {
	min-width: 50px;
}

input.form-control.productspinner.addon {
	min-width: 35px;
}


a.info:link { color:#000; text-decoration:none; font-weight:normal; }
a.info:visited { color: #000; text-decoration:none; font-weight:normal; }
a.info:hover { color: #DDD; text-decoration:underline; font-weight:normal; }
a.info:active {color: #000; text-decoration:underline; font-weight:normal; }

input.largerCheckbox { 
            width: 18px; 
            height: 18px; 
        } 

div.ui-datepicker {
        font-size: 16px;
    }
	
	
/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

	input.form-control.productspinner {
		padding: 2px 4px
	}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.cardtext {

}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
.cardtext {

}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

 }