#modal-form {
	display:none;
	border:1px solid #e1e1e1;
	width:150px;
	min-width:20%;
	z-index: 1;
	position:absolute;
	background:#e1e1e1;
	right:0;
	top: 185px;
	padding:50px;
}

.multipart-form-page {
	display:none;
}

.multipart-form-page.first, .multipart-form-page.active {
	display:block;
}

.formerror {
	border:1px solid red!important;
}


#menu li.menu-mlid-978 {
	display:none;
	/* this is the "request a demo" link that should be in the main menu, but not shown in the main nav area */
}


form .control {
	margin-right:5px;
}

.progress-dots {
	width:40px;
	margin:0 auto;
}

.progress-dots {
	margin-top:15px;
}

.progress-dots .dot {
	display: block; 
	width: 8px; 
	height: 8px;
	background: #999999;
	float: left;
	margin-right:5px;
	border-radius:7px;
}

.progress-dots .dot.active {
	background: #000000;
}

.webform-client-form {
	font-family: 'Lato', sans-serif;
	margin-bottom: 40px;	/* float:left; */  /* all forms on the site were floating?  */
	clear:both;
}
.form-left {
	width: 45%; float: left;
}

.form-right {
	float: right;
	width: 45%;
}

.form-actions {clear:both;}


/* based on creative suggestion, but not reviewed by them in person */
.form-item label {
	font-size:12px;
	font-family: 'Lato', sans-serif;
	line-height:12px;
	padding-bottom:3px;
}

input.form-submit {
/*	font-family: "Lato",sans-serif;
	font-size:10px;
	line-height:14px;
	padding:4px 15px;
	background-color:#999;*/
}
input.webform-submit {
  padding: 0 8px;
  float: right;
  text-align: center;
  cursor: pointer;
  border: 1px dotted #999;
  height: 29px;
  font: inherit;
}
.form-item {
	margin:0 0 10px 0;
}

/* END based on creative suggestion, but not reviewed by them in person */
.webform-component-textfield input,
.webform-component-email input,
 .webform-component select, .webform-component textarea,
 .webform-component input[type="text"] {
	width: 100%;
}
#modal-form div.messages, #modal-form div.status {
	background-color:transparent;
	background-image:none;
	background:none;
	border:0;
}

.webform-client-form .captcha,
.webform-client-form .form-actions {
	clear: right;
	float: right;
	padding-bottom: 25px;
}

.webform-component-textfield input,
.webform-component-email input,
.webform-component select,
.free-option-wrapper select,
.webform-component input[type="text"] {
	height: 40px;
	padding: 10px;
	color:#666;
	border-bottom: 2px solid transparent;
}
.webform-component-textfield input,
.webform-component-email input,
.webform-component select, 
.free-option-wrapper select,
.webform-component textarea,
.webform-component input[type="text"] {
	font-weight: 400; 
	font-size: 13px;
	box-sizing: border-box;
	border: 1px solid #999;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	outline: none;
}
.webform-component-select,
.free-option-wrapper {
	position: relative;
}
.webform-component-select:before,
.free-option-wrapper:before {
	content: '';
	display: block;
	position: absolute;
	background: url('/sites/all/themes/singleunit/images/arrow.svg') no-repeat;
    bottom: 12px;
    right: 20px;
    width: 10px;
    height: 8px;
    z-index: 10;
    background-size: contain;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    visibility: visible;
    /* temp*/
   /* background: url('/sites/all/themes/classii/images/arrows.svg') no-repeat;
    width: 10px;
    height: 16px;*/
}
.webform-component-select:after,
.free-option-wrapper:after {
	content: '';
	display: block;
	position: absolute;
	background: url('/sites/all/themes/singleunit/images/arrow.svg') no-repeat;
    bottom: 18px;
    right: 20px;
    width: 10px;
    height: 8px;
    z-index: 10;
    background-size: contain;
    visibility: visible;
}

.webform-component-textfield input.active, 
.webform-component select.active,
.free-option-wrapper select.active {
	background: #F8F8F8;
	border-bottom: 2px solid #26aae1;
}
.free-option-wrapper {
	margin: 10px 0;
}
.free-option-wrapper select {
	width: 95%;
	margin-left: 5px;
}

select[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
}
select {
	cursor: pointer;
}
.ordering-form select {
	background: #fff;
}
.webform-client-form:before,
.webform-client-form:after,
.form-actions:before,
.form-actions:after {
	display: table;
	content: "";
	line-height: 0;
}
.webform-client-form:after,
.form-actions:after {
	clear: both;
}

/* Special form region form styling */
.region-special-form input.webform-submit {
  float: none;
  padding: 10px 20px;
  background-color: #0880C4;
  color: #fff;
  height: auto;
  font-weight: normal;
  line-height: 1;
}