#quote-form {
}

#quote-form p {
	margin-bottom: 6px !important;
}

.required {
	color: #C00;
}

#quote-form a.button,
#quote-form input[type="submit"] {
	color: #F3CC31 !important !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	padding: 17px 23px 15px 23px !important;
	background: #0073aa !important;
	display: inline-block !important;
	text-transform: uppercase !important;
	text-align: center !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border:none !important;
	cursor: pointer !important;
	margin: 0 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	line-height: inherit !important;
}
#quote-form a.button:hover,
#quote-form input[type="submit"]:hover {
	cursor: pointer !important;
	text-decoration: none !important;
}


#quote-form input[type="radio"],
#quote-form input[type="checkbox"] {
	margin: 0 5px 0 0 !important;
}

#quote-form select.select-width {
	width: 21%;
}

.page-template-page-quote input[type="text"],
.page-template-page-quote input[type="tel"],
.page-template-page-quote input[type="email"] {
	width: 21%;
}

.page-template-page-quote select{
	width: auto;
}
.page-template-page-quote textarea,
.page-template-page-quote-inventory textarea{
	width: 50%;
	height: 200px;
}

#quote-form input[type="text"],
#quote-form input[type="tel"],
#quote-form input[type="email"],
#quote-form select, 
#quote-form textarea {
	padding: 5px 8px !important;
	background-color: #bae8ff !important;
	border:1px solid #DDD !important;
	border: none !important;
	color: #666666 !important;	
	font: 12px bold Arial, Helvetica, sans-serif !important;
	display: inline-block;
}

#quote-form label {
	display: inline-block;
	width: 17%;
}

#quote-form ul.ui-tabs-nav {
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}
#quote-form ul.ui-tabs-nav li {
	list-style: none;
	display: inline-block;
	width: auto;
	margin-right: 5px !important;
	padding: 0 !important;
}
#quote-form ul.ui-tabs-nav li a {
	background: #eee !important;
	color: #12183c !important;
	padding: 5px 8px !important;
	margin: 0 !important;
}
#quote-form ul.ui-tabs-nav li.ui-tabs-active.ui-state-active a {
	background: #f3cc31 !important;
	color: #12183c !important;
}

#quote-form .qty-container {
	display: inline-block;
	width: auto;
}

#quote-form .qty-container input[type="text"] {
	width: auto;
}
#quote-form .qty-container input[type="button"] {
	font-size: 12px !important;
	padding: 1px 5px !important;
	background: #eee !important;
	color: #333 !important;
	border:none !important;
	width: 16px !important;
}

#quote-form ul li {
	margin-bottom: 6px;
}

#quote-form h2, 
#quote-form h3 {
	color: #12183c !important;
	font-size: 22px !important;
	margin-bottom: 15px !important;
	clear:both;
}

#quote-form ul {
	list-style: none;
}

#quote-form ul li {
	list-style: none !important;
}

#quote-form input:valid,
#quote-form input:in-range {
    background:hsl(120, 50%, 90%);
    border-color:hsl(120, 50%, 50%);
}

#quote-form input:invalid,
#quote-form input:out-of-range {
    border-color:hsl(0, 50%, 50%);
    background:hsl(0, 50%, 90%);
}
#quote-form input[type="text"]:required,
#quote-form input[type="tel"]:required,
#quote-form input[type="email"]:required {
    background:hsl(300, 50%, 90%);
    border:1px dotted hsl(180, 50%, 90%);
}
#quote-form input[type="text"]:optional,
#quote-form input[type="tel"]:optional,
#quote-form input[type="email"]:optional{
    background:#f7f7f7;
    border:1px solid #999;
}
#quote-form input:focus + .help,
#quote-form input:invalid + .help {
    display:inline-block;
}

.page-template-page-quote-inventory ul.form-column,
.page-template-page-quote ul.form-column {
	float:left !important;
	width: 32% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.page-template-page-quote-inventory #quote-form label {
	display: inline-block !important;
	width: 53% !important;
}

.page-template-page-quote-inventory div.ui-tabs div.ui-tabs-panel {
	border:none !important;
	background: transparent !important;
}

ul.ui-widget-header {
	border:none !important;
}
div.ui-widget-content {
	background: transparent !important;
}

#quote-form .ui-tabs .ui-tabs-nav li a {
	font-size: 14px !important;
}


@media only screen and (max-width: 768px) {
	#quote-form select.select-width {
		width: 30%;
	}
	#quote-form label {
		width: 30%;
	}
	.page-template-page-quote input[type="text"],
	.page-template-page-quote input[type="tel"],
	.page-template-page-quote input[type="email"] {
		width: 66%;
	}
}