/**************************************
 	General Styles
 **************************************/
html {
	position: relative;
	height: 100%;
}

body { height: 100%;}

footer {
	width: 100%;
	padding-top: 15px;
}

.container.page {
	min-height: 100%;
	height: 100%;
	height: auto;
	padding-bottom:200px;
}

.breadcrumb .breadcrumb-item::before {color: white;}

.top-margin {
	margin-top: 32px;
}

.highlight {background: #efcc00; }
a .highlight {color: #000;}
.highlight a {color: #0f7864; }

/**************************************
 	Login Styles
 **************************************/
.form-signin {
	width: 100%;
	max-width: 500px;
	padding: 15px;
	margin: auto
}

.page-banner{height: 375px;}
	@media screen and (max-width:600px) {
		.page-banner{height: 300px;}
}

/**************************************
	Product Styles
**************************************/
.product-list {
	list-style: none;
	padding: 0;
}


/**************************************
	Product Styles
*************************************/
.form-control.qty {
	width: 80px;
}

/*==============================================================
	FUELUX STYLES
==============================================================*/
	.fuelux .datepicker-calendar-days td button, .fuelux .datepicker-calendar-header .title {
		cursor: pointer;
	}

	.fuelux .datepicker-calendar-days td.selected.current-day b,
	.fuelux .datepicker-calendar-days td.selected.current-day button {
		color: #fff;
	}

	.fuelux .datepicker-calendar-days td.current-day span {
		background: #007bff;
	}
	.fuelux .datepicker-calendar-days td.current-day button {
		color: #fff;
	}