﻿#request-a-quote-btn {
	margin-top: 1.25rem;
}
@media(min-width:768px) {
	#request-a-quote-btn {
		margin-left: 1rem;
		margin-top: 0;
	}
}
@media(min-width:1001px) {
	#request-a-quote-btn {
		margin-left: 0;
		margin-top: 1.25rem;
	}
}
@media(min-width:1367px) {
	#request-a-quote-btn {
		margin-left: 1rem;
		margin-top: 0;
	}
}

.ui-widget-overlay {
	background: #aaa;
	filter: Alpha(Opacity=30);
	height: 100%;
	left: 0;
	opacity: .3;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9998 !important;
}

#raq-modal-wrapper {
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}

#raq-modal-wrapper .ui-dialog {
	font-family: proxima-nova, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	left: 0 !important;
	margin: 30px auto;
	position: relative !important;
	top: 0 !important;
	z-index: 9999 !important;
}

#raq-modal-wrapper .ui-dialog-content {
	color: inherit;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#raq-modal-wrapper .ui-widget input,
#raq-modal-wrapper .ui-widget select,
#raq-modal-wrapper .ui-widget textarea,
#raq-modal-wrapper .ui-widget button {
	font-family: proxima-nova, sans-serif;
}
#raq-modal-wrapper .ui-widget input,
#raq-modal-wrapper .ui-widget select,
#raq-modal-wrapper .ui-widget textarea {
	font-size: 1.125rem;
}
#raq-modal-wrapper .ui-widget button {
	font-size: 0.875rem;
	padding-left: 1.125rem;
	padding-right: 1.125rem;
}

#raq-modal-wrapper .optional, 
#raq-modal-wrapper .required {
	display: inline-block;
    font-size: 1.25rem;
    font-weight: normal;
	margin: 0;
	padding-left: 1.25rem;
}

#raq-modal-wrapper .optional + .col-form-label,
#raq-modal-wrapper .required + .col-form-label {
	padding-left: 0.25rem;
}

#raq-modal-wrapper .field-validation-error {
	margin-left: 0.25rem;
}

body.modal-open {
	overflow: hidden;
}

.modal-open #raq-modal-wrapper {
	display: block;
}

@media all and (min-width: 768px) {
	#raq-modal-wrapper .ui-dialog {
		width: 700px !important;
	}

	#raq-modal-wrapper .ui-widget button + button {
		margin-left: 0.75rem;
	}
}

@media all and (min-width: 1001px) {
	#raq-modal-wrapper .ui-dialog {
		width: 900px !important;
	}
}