/*<meta />*/

/*
blue #204d86;
blue light #328ed1;
orange #ffb441;
grey #666;
*/


body
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6
{
	font-family: "Helvetica Neue Extended", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p
{
	margin-top: .5em;
	margin-bottom: .3em;
}


/* ******** */
/* HEADINGS */
/* ******** */

h1
{
	font-size: 2em;
	background-color: #204d86;
	color: #fff;
	margin-left: -8px;
	padding-left: 8px;
	margin-top: 1em;
	padding-top: .5em;
	padding-bottom: .5em;
}

/* ********************* */
/* Pooling Calc Specific */
/* ********************* */

button
{
	background-color: #666666;
	color: white;
	outline-color: #bbbbbb;
	font-family: "Helvetica Neue Extended", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
	margin: 3px 12px 3px 12px;
    padding: 7px 10px 7px 10px;
    vertical-align: middle;
}

#copy_calculations_button {
	display: none;
}

.results p {
    border-top: 2px solid #eeeeee;
    padding-top: 4px;
}

.results_field .heading {
	font-weight: bold;
	font-size: 100%;
}

.results_field .library, .results_field .label {
	font-size: 100%;
	text-align: left;
}

.results_field p {
	text-align: center; 
	font-size: 90%;
}



.results p {
	border-top: 2px solid #eeeeee; 
	padding-top: 4px
}

input {
	border-radius: 4px;	
	width:120px;
}

input.text {
	border-radius: 4px;	
	width:400px;
}

input.checkbox {
	width:auto;
}

#water, .resultlabel {
	display:none;
}

img {
	border:none;
}

.label_div {
	width:25%;
}

.input_div {
	width:50%;
}

.entry, .results {
	width:100%;
	display: flex;
}

.results_field {
	width:15%;
}

#Lib_Start_Conc_table {
	margin-top: 40px;
}



@media only screen and (max-width : 1000px)
{
	p {width:auto; border: 0px none; padding-right: 20px; height: 200%;}
	p {font-size: 175%;}
	.results_field p, .results_field .heading, .results_field .library, .results_field .label {font-size: 150%;}
	h1 {font-size: 200%;}
	input {border-radius: 4px;	width:100%; font-size: 100%;}
	input.text {border-radius: 4px;	width:100%;}
	input.checkbox {zoom:1.5}
	button {font-size: 100%;}
	
	.entry {display: block; margin-top: 20px;} 
	.results_field, #total_volume {display: flex; width:100%;}
	.results, .resultlabel {display: block;}
	.label, .label_div, .input_div {width:100%;}
	.results {border-top: 2px solid #eeeeee; margin-top: 20px;}
	.results p {border-top: none;	text-align: left;}
	#copy_calculations_button {visibility: hidden;}
	.labelheading {display: none;}
}