/**
 * @plugin		sac-calculator
 * @file		sac-calculator-styles.css
 * @version		1.1.2
 * @author 		SAC-ict
 *
 * changelog
 * version: 1.1.2
 * - change height input section from 175px to 200px when used as widget
 * - change span id for header input section to unique id name sac_header
 * - add left padding to sac_header_section
 *
 * version: 1.1.1
 * - add css code for smaller display fields #oppervlakte, #snijverlies, #totaal_oppervlakte
 *
 * version: 1.0.3
 * - add sac_button tag
 *
 * version: 1.0.1
 * - sac_unit_price added tag
 */

.sac_custom_fields_section{
/*	background-color: #f9f9f9;
	color: #000;
	height: 525px; /* demo: 580px | live: 525px */
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.sac_header_section {
	padding-left: 10px;
/*	color: #000; */
}
.sac_header_section #header {
	padding-left: 10px;
/*	background-color: #f9f9f9;
	color: #000; */
}
.sac_footer_section {
	float: left;
	width: 100%;
/*	background-color: #f9f9f9;
	color: #000; */
	text-align: center;
}
.sac_footer_section #footer {
	padding-left: 10px;
/*	background-color: #f9f9f9;
	color: #000; */
	text-align: center;
}
.sac_footer_section #footer a {
/*	color: #000; */
	text-decoration: none;
}
.sac_input_field_section {
	float: left;
	padding: 10px 10px 10px 10px;
	width: 100%;
	height: 250px;
/*	background-color: #f9f9f9;
	color: #000; */
}
.sac_input_field_section .label1{
	display: inline-block;
	text-align: center;
	width: 5%;
}
.sac_input_field_section .label2{
}
.sac_input_field_section input[type="text"]{
/*	color: #000; */
	width: 45%;
}
#invoer_opp {
	width: 95%;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
/*    color: #000; */
    opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
/*    color: #000; */
}
::-ms-input-placeholder { /* Microsoft Edge */
/*    color: #000; */
}
.sac_button {
}
.sac_calculations_section {
	float: left;
	width: 100%;
	height: 250px;
	padding: 10px 10px 10px 10px;
/*	background-color: #f9f9f9;
	color: #000; */
}
.sac_calculations_section .label1{
	display: inline-block;
	width: 50%;
	font-weight: 600;
}
.sac_calculations_section .label2{
	display: inline-block;
}
.sac_calculations_section .label3{
	display: inline-block;
	padding-left: 5px;
}
.sac_calculations_section .invoer{
	display: inline-block;
	width: 100px;
	text-align: right;
}
.sac_unit_price{
	color: #000;
	font-size: 10pt;
}
@media screen and (max-width:320px) {
}
@media screen and (min-width:736px) {
	.sac_custom_fields_section{
/*		height: 275px; /* demo: 300px | live: 275px */
	}
	.sac_input_field_section {
		width: 50%;
		height: 225px;
/*		border-right: 1px solid #b7b4b0; */
	}
	.sac_calculations_section {
		width: 50%;
		height: 225px;
	}
	.sac_calculations_section .label1{
		width: 110px;
	}
	.sac_calculations_section .invoer{
		width: 70px;
	}
}
dt.variation-prijsinfo{
	display: none;
}
dd.variation-prijsinfo{
	text-transform: lowercase;
}
#oppervlakte,#snijverlies,#totaal_oppervlakte {
	width: 50px;
}