.radioDiv {
  margin-bottom:20px;
}
.fieldColumns {
  width: 100%;
} .fieldColumns td {
  padding: 0px;
  white-space:nowrap;
}
.layout_c1 {
display: inline-block;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
height: 27px;
margin-top: -5px;
background-color: #e8e8e8;
}
.layout_c1 {
display: inline-block;
height: 27px;
background-color: #e8e8e8;}


.horizontal .form-label {
  display: inline-block;
  height: 32px;
  margin-top: -50px;
  padding-left: 1%;
  text-align: right;
  padding-right: 4%;
  white-space: pre;
  vertical-align: top;
  width: 38%;
  position: relative;
  white-space: pre-line;
  height: auto;
}

.horizontal .form-field {
  position: relative;
  width: 60%;
  display: inline-block;
}

.horizontal .form-field .formAddressField{
  min-width: 489px;

}

.horizontal .formAddressField input{
  max-width: 60%;
  float: right;
  margin-bottom: 15px;
}

.horizontal .formAddressField select{
  max-width: 60%;
  float: right;
  margin-bottom: 15px;

}

.horizontal .formAddressField label{
  display: inline-block;
  height: 32px;
  padding-left: 1%;
  text-align: right;
  padding-right: 4%;
  white-space: pre;
  vertical-align: top;
  position: relative;
  white-space: pre-line;
  height: auto;
  top: 40px;

}

.horizontal .formAddressField td{
  display: inline-table;
  min-width: 489px;}



.vertical .form-label {

}

.vertical .form-field {

}

.placeholder .form-label {
  display:none;
}

.placeholder .address-zip{
  padding-top: 10px;
}

.placeholder .address-state{
  padding-top: 10px;
}

.placeholder .address-city{
  padding-top: 10px;
}


/* sortable1 is 1 column, sortable2 is two column, etc. */
/* need float left on UL too, to fix sortable connectWith bug */
/*.sortable1 li {  width: 100%; }*/
.sortable li {
  display: inline-block;
  /*width: 49%; defined on li */
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  letter-spacing: normal;
  word-spacing: normal;
  padding: 0px 0px;
  height: auto;
  /*overflow:hidden;*/
  background: none;
  list-style: none;
  margin: 0;
}


#formContainment { margin: 0 auto;}
#formContainment input { width:100%; }
#formContainment input[type="radio"] { width:auto !important;}
#formContainment input[type="checkbox"] { width:auto !important;}
#formContainment select { width:100%; }
#formContainment textarea { height: 149px; width:100%; }
#formContainment .divider { width: 100%; color: #ccc;background-color: #ccc; height: 5px;margin-bottom: 10px;}
.formAddressField { width:100%;background-color:transparent;}

.sortable {  list-style-type: none; margin: 0; padding: 0; width: 100%; float:left;}

.sortable label, .sortable {  padding:10px 0 0px 0;}
.sortable li {
  float: left; text-align: left; padding: 0px 5px 0px 5px;
  margin-bottom:5px;margin-top:5px; padding-bottom:0px; position: relative;}


.fieldList { margin-left:0;padding-left:0;}
.fieldList li { margin-bottom:10px; }

.field-list-ui-state-highlight { height: 0; margin: 0; padding:0; border:0; }
#formContainment .ui-state-highlight, .sortable .field-list-ui-state-highlight {
  width: 100%;
  display:inline-block;
  min-height: 100px;
  background: #3BA0FF;
  color: #fff;
}

.label_stars {
  background: url(/public/images/forms/stars.png) no-repeat;
  background-position: 3px -64px;
  -webkit-transition: -webkit-transform .2s ease;
  transition: .2s ease;
  margin: 0px 0px;
  padding-left: 38px;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  width:34px;
  line-height: 34px;
}
.label_stars:hover {
  transform: scale(1.15);
	-webkit-transform: scale(1.15);
}
.label_stars.click    {
   background-position: 3px -32px;
 }
.label_stars.hover    {
   background-position: 3px -64px;
 }
.label_stars.hover.click    {
   background-position: 3px -96px;
 }
.label_stars.hover_empty    {
   background-position: 3px 0px;
}
.label_stars input {
  position: absolute;
  left: -9999px;
}
.invalid-field {
  border:1px solid red !important;
}

label.form-divider {
  font-size: 20px;
}

.address-city{
  padding-right: 10px;
}

.address-state{
  padding:0px 10px 0px 10px;
}

.address-zip{
  padding-left: 10px;

}

select option{
  color: #333 !important;
}

select {
  color: #333 !important;
}

/* --Thank You Default-- */

.thank-you-box{
    word-wrap: break-word;
    margin-top:50px;
    font-family: sans-serif;
}
.thank-you-header{
  font-size: 60px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 60px;
}

.thank-you-body{
  text-align: center;
  font-size: 20px;
}

.checkmark{
  width: 100px;
  margin: 15px 0px;
}

.placeholder .address-line2 input{
  margin-top: 10px;
}

.horizontal .formAddressField .address-fix{
  margin-top: -50px !important;
}

.placeholder select{
  color: #8c8c8c !important;
}


.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8c8c8c !important;
  opacity: 1 !important;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #8c8c8c !important;
  opacity: 1 !important;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #8c8c8c !important;
  opacity: 1 !important;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #8c8c8c !important;
  opacity: 1 !important;
}

.tooltip{
  color: #FFF !important;
}

.profitDialCheckboxText{
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 15px;
}

.formTextFlowRow{
   padding-left: 35px;
   padding-top: 10px;
}

/* RESPONSIVE LEAD SHEET */

@media (max-width: 768px) {
.sortable li{
    width: 100% !important;
  }
}
