html, body {
	color: #080706;
	background: #efefee;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

.jumbotron{
	color: #080706;
	background-color: #f4ebdb !important;
	border: 2px;
	border-color: #080706;
	border-style: solid;
}

.banner-static {
	position: absolute;
	background: #2C4A52;
	overflow: hidden;
	white-space: nowrap;
}

.banner-pants {
	background: #2C4A52;
	overflow: hidden;
	white-space: nowrap;
}

.controls {
	background: #a0a0a0;
	overflow: auto;
}

#container {
	position: absolute;
	top: 0;
	bottom: 0;

}

#overlay {
	background: #f4ebdb;
	border-width: 2px !important
}

.row-body {
	height: calc(100% - 125px);
}

.pants-preview {
	display: block;
	height: calc(100% - 125px);
	/*
	width: 100%;
	height: 100%;
	*/
}

.a-nolink, .a-nolink:hover, .a-nolink:active, .a-nolink:visited {
	color: #080706 !important;
}

.collapse-header:after {
	font-family: 'FontAwesome';
	content: "\f068";
	float: right;
	font-size: 75%;
	margin-top: 0.5rem;
}

.collapse-header.collapsed:after {
	content: "\f067";
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
	background-color: #d55448 !important;
	border-color: #080706 !important;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited {
	color: #f4EBDB;
	background-color: #8E9B97 !important;
	border-color: #080706 !important;
}

.btn-secondary:focus, .btn-secondary:active{
	color: #080706;
	outline: none !important;
	box-shadow: none !important;
}

.btn-outline-secondary:focus, .btn-outline-secondary:active{
	outline: none !important;
	box-shadow: none !important;
}

.btn-light, .btn-light:hover, .btn-light:active, .btn-light:visited {
	border-color: #080706 !important;
}

.btn-sign-in, .btn-sign-out {
	position: absolute;
	right: 20px;
	bottom: 20px;
}



.colour-tan {
	color: #f4EBDB;
}

.colour-orange {
	color: #d55448;
}

.colour-green-light {
	color: #8E9B97;
}

.colour-green-medium {
	color: #537072;
}

.colour-green-dark {
	color: #2C4A52;
}





.form-inline label {
	justify-content: left !important;
}

.form-inline .form-check{
	justify-content: left !important;
}

.form-inline .custom-select{
	width: 100% !important;
}

.card{
	background-color: #EFEFEF !important;
}

.btn-secondary[aria-expanded="true"]{
	color: #080706;
	outline: none !important;
	box-shadow: none !important;
}

#loader-overlay
{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
	cursor: pointer;
}

#loader {
	border: 5px solid #f3f3f3; /* Light grey */
	border-top: 5px solid #3d3d3d; /* Grey */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: bigspin 1s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
}

@keyframes bigspin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

input[type="number"]{
	padding: 2px 2px;
	height: 25px;
	width: 100%;
	text-align: right;
}

input[type="range"]{
	width: 75%;
}

input[type="button"]{
	width: 90%;
}

select {
	width: 100%;
}



.link {
	cursor: pointer;
}

.uppercase {
	text-transform: uppercase;
}

.loading {
	border: 2px solid #f3f3f3; /* Light grey */
	border-top: 2px solid #3d3d3d; /* Grey */
	border-radius: 50%;
	width: 15px;
	height: 15px;
	margin-left: 10px;
	-webkit-animation: littlespin 1s linear infinite;
	animation: littlespin 1s linear infinite;
	z-index: 2;
}

@-webkit-keyframes littlespin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes littlespin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.dlPattern {
	cursor: pointer;
}