@CHARSET "ISO-8859-1";
html{font-size:10pt;}
body{
	background-color: #f3f2f6;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23aeacb1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
footer{
	bottom:0;position:fixed;text-align:center;width:100%;
}
#disclaimerframe{
	position:absolute;
	top:20px;
	border: 1px solid #DDD;
	box-shadow : 5px 0px 5px rgb(0,0,0,0.5);
	width:80%;
	height:90%;
	left:10%;
	background-color:white;
	display:none;
}
a{
	color: #563218;
}
.inline{
	display:inline-block;
}
.hidden{display:none}
.navbar-default{height:150px}
.nav>li>a{
	position:relative;
	display:block;
	padding:10px 25px;
}
.nav-item .glyphicon{
	font-size:2em;
	color: #54311A;
}
.nav-item{display:inline-block;}
.navbar li a{
	color:#555;
}
fieldset{
	border: 1px solid #DDD;
    padding: 15px;
}
.form-check{}
/* accordion*/
#accordion{
	display:inline-block;
	width:30%;
}
#accordion .card-header{
	display:block;
	width:100%;
	background-color: #b9b098;
	border:1px solid #b9b098;
	white-space: normal;
	height: 61px;
	color: #563218;
}
#accordion .card-header:hover{
	background-color:#563218;
	border:1px solid #563218;
	color:white;
}
#accordion #headingResults{
	background-color:#47959f;
	border:1px solid #47959f;
	color:white;
}
/*#accordion #headingAdvanced{text-align:left;padding-left:1.8em;}*/
.cardH{display:inline-block;width:14%;vertical-align: bottom;min-height: 62px;}
#accordion.accordionH{width:100%;}
.accordionH .multi-collapse{position:absolute;width:14%;background-color:white}
.accordionH #collapseTwo{margin-left:14.2%;}
.accordionH #collapseThree{margin-left:28.4%;}
.accordionH #collapseFour{margin-left:42.6%;}
.accordionH #collapseFive{margin-left:56.9%;}
.accordionH #collapseAdvanced,.accordionH #collapseResults{width:100%;}
input[type=number]{
	width:115px;
}
#dropdown-user-menu{padding: 5px 30px;font-size:0.9em;left:-240px;background-color:#555;width:300px;line-height:3em}
#dropdown-user-menu li a{color:#EEE;}
.numberCircle {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height:20px;
    background: #fff;
    border: 1px solid #222;
    color: #222;
    text-align: center;
    font-size:1em;
    display: inline-block;
	margin-right: 8px;
}
.red{
	color:Crimson;
}
.green{
	color:green;
}
.orange{
	color:DarkOrange;
}
.bold{
	font-weight:bold;
}
.h5{
	display: block;
	background-color: aliceblue;
	line-height: 2em;
	padding-left: 10px;
}
#error,#success,#registration_success,#registration_error{
color: white;
line-height: 2em;
padding: 5px;
text-align: center;
position:absolute;
width: 100%;
z-index: 10;
}
.pointer{
	cursor:pointer;
}
.download-pdf{
	vertical-align: bottom;
	width: 30px;
	margin-left: 5px;
}
#product_information{
	position:relative;
}
#printResult{
display: inline-block;
vertical-align: top;
right:0px;
margin-top:-4px;
font-size: 2em;
position:absolute;
z-index:10;
}
.nav-item .input-group{
	margin-top:6px;
}
.nav-item .input-group-text{
	background-color: #54311A;
	border: 1px solid #54311A;
}
.nav-item .glyphicon-search{
	font-size: 1.2em;
	color:white;
}
.blue-tooltip > .ui-tooltip-content,.ui-widget-content,.ui-tooltip.blue-tooltip{
    background: #42434a;
    color:white;
}
legend{font-size:1vw;}
#result_calculation{position:relative;}
#load{
	position:absolute;
	background-color:white;
	opacity:0.9;
	width:50px;
	height:50px;
	background-image:url('/images/load.gif');
	background-size: contain;
	right: -13px;
	top: -7px;
	z-index: 10;
	display:none;
}
#supply_or_return{
	display:none;
	margin-left:5px;
}
#project_summary{
	padding:10px;
	background-color:#222;
	opacity:0.8;
	width:30%;
	height:150px;
	position:fixed;
	right:0;
	bottom:0px;
	color:white;
	z-index:100;
	display:none;
}
#product_img:hover{
	cursor:pointer;
}
/*********************************************** ADAPTATIVE DESIGN ***************************************************/

@media screen and (min-width: 1550px) {
	/*#accordion #headingAdvanced{padding:1rem 1.8rem;}*/
}	
@media screen and (max-width: 1550px) {
	.navbar-default{height:100px;}
	.navbar-brand img{height:60px;}
	.card-header {/*padding: 0rem 1.25rem;*/}
	/*#accordion #headingAdvanced{padding: .375rem 1.95rem;}*/
	
@media screen and (max-width: 1024px){
	.navbar-default{height:100px;}
	.navbar-brand img{height:60px;}
	.card-header {padding: 0rem .25rem;}
	#accordion #headingAdvanced{padding: .375rem 1.25rem;text-align:left}
}
@media only screen and (max-width: 815px) and (-Webkit-min-device-pixel-ratio: 1.5),
@media only screen and (max-width: 815px) and (-moz-min-device-pixel-ratio: 1.5),
@media only screen and (max-width: 815px) and (-o-min-device-pixel-ratio: 3/2),
@media only screen and (max-width: 815px) and (min-device-pixel-ratio: 1.5)
{
	.navbar-default{height:100px;}
	.navbar-brand img{height:60px;}
}