@charset "UTF-8";
:root{
	--bgPrimary:#10659C;  /* Blue */
	--bgDarkBlue:#004A70;  /* Dark Blue */	
	--bgDark:#0b121d;  /* Dark */
	--bgSecondary:#E75E1E; /* Orange*/
	--bgYellow:#DCAA49; /* Yellow*/
	--txtCol:#010101;  /* Text Color*/
	--txtLight:#74a6db;  /* Light Blue Text */
	--txtColWhite:#fff;  /* White Text */
	--shadow-medium:2px 2px 4px 0 rgba(0, 0, 0, 0.6); /* Box Shadow */
}
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px;}
body{font-family: 'Lato', sans-serif; font-size:1.6rem;}
img{width:100%;border:none; height:auto; display:block;}
input, select, textarea{font-family: 'Lato', sans-serif; width:100%; resize:none; font-size:1.6rem;border:none;}
input:focus, select:focus, textarea{outline:none}
::placeholder{color:#777}
select:invalid{color:#777}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom: 1;}

/******* Query Form CSS *************/
.queryForm{width:100%}
.queryForm h4{background:#f26624; color:#fff; border-radius:5px 5px 0 0; font-size:120%; text-align:center; line-height:250%}
.formContainer{background:#ddd; padding:20px; border-radius:0 0 5px 5px; border:1px solid #ccc; border-top:none;}
.errmsgbox{background:#fff; border:1px solid #a00; padding:5px; line-height:25px; text-align:center; font-size:87.5%; color:#a00; margin:0 0 5px;}
.succmsgbox{background:#fff; border:1px solid #008000; padding:5px; line-height:25px; text-align:center; font-size:87.5%; color:#008000; margin:0 0 5px;}
.fieldBox{width:100%; float:none; margin:0;}
.inputbox{font-family:'Lato', sans-serif; width:100%; border:1px solid #a8a8a8; background:#e8e7e7; height:31px; padding:0 5px; outline:none; margin:0 0 10px; font-size:90%; border-radius:4px; color:#000;}
.inputlbox{font-family:'Lato', sans-serif; font-size:90%; width:100%; border:1px solid #a8a8a8; background:#e8e7e7; height:80px; padding:5px; outline:none; margin:0 0 10px; border-radius:4px; color:#000;}
.labeltxt{font-size:120%; margin:0 0 8px; color:#e9491b; text-align:left}
.labelsum{width:40%; float:left; margin:0 0 5px; font-size:120%; line-height:170%; text-align:center; color:#000;}
.calcbox{width:55%; float:right; margin:0 0 5px;}
.submitQuery{width:40%; margin:0 auto;}
.submitButton{width:100%; border:1px solid #142f76; background:#183a8f; color:#eee; line-height:200%; outline:none; margin:0; text-align:center; font-size:110%; border-radius:5px;  -webkit-appearance: none;}

/******* Query Form CSS *************/

@media screen and (min-width:600px){
	.fieldBox{width:45%; float:left; margin:0 10px 15px;}
	.inputbox{height:40px;}
	.submitQuery{width:20%;}
}

@media screen and (min-width:1024px){	
	.qContainer{color:#0f307b; text-align:left; padding:0;}
	.fieldBox{width:90%; float:none; margin:0 auto;}
	.inputbox{height:32px; margin:0 0 10px;}
	.inputlbox{margin:0 0 10px;}
	.labeltxt{color:#264796;}
	.submitButton{border:none; background:linear-gradient(to bottom, #176398 0%, #1763AA 44%, #1763CC 100%); border-radius:0;}
	.submitQuery{width:30%;}	
	.errmsgbox, .succmsgbox{width:90%; margin:0 auto 5px}	
}