input:focus, textarea:focus, select:focus {
  outline: none;
}
.js-form-type-select-or-other-buttons,
.form-group,
.side-label input[type=checkbox] + label {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  user-select:none;
}

.js-form-type-select-or-other-buttons input[type="text"],
.form-group input[type="text"],
input.Split {
  font-size: 14px;
  line-height: 1.42857143;
  height: 34px !important;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
*, *::before, *::after {
  box-sizing: border-box;
}
input[type="checkbox"], input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.side-label {
  display: inline-block;
  position: relative;
  margin: 10px 0;
  padding-left: 25px;
  cursor: pointer;
  font-weight: 400;
}

.side-label::before, .side-label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

input[type="radio"] + .side-label::before,
input[type="radio"] + .side-label::after {
  border-radius: 50%;
}

.side-label::before {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
}

input:focus + .side-label::before {
  border-color: red;

}

.side-label::after {
  display: none;
  width: 12px;
  height: 12px;
  margin: 4px;
  background-color:#666666;
}

input:checked + .side-label::after {
  display: block;
}
input[type="email"], textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input[type="email"]:focus, textarea:focus, button:focus {
  outline: 2px solid #666;
}

textarea {
  height: 100px;
}

.necessity_comments, .address_comments, .unique_comments, .investment_comments, .affordability_comments, .employment_comments  {
  display: none;
  margin: 10px 0 0 35px;
}


#necessity:checked ~ .necessity_comments, #yes_attachment_e:checked ~ .address_comments, #unique:checked ~ .unique_comments, #investment:checked ~ .investment_comments, #affordability:checked ~ .affordability_comments, #employment:checked ~ .employment_comments {
  display: block;
}

label {
  font-weight: normal;
}
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}    .select select {
       font-family: 'Arial';
       display: inline-block;
       width: 100%;
       cursor: pointer;
       padding: 10px 15px;
       outline: 0;
       border: 0px solid #000000;
       border-radius: 0px;
       background: #e6e6e6;
       color: #7b7b7b;
       appearance: none;
       -webkit-appearance: none;
       -moz-appearance: none;
     }
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000000;
  background: #cccccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select_arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0px 5px;
  border-color: #7b7b7b transparent transparent transparent;
  width: 0;
  height: 0;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
  border-top-color: #000000;
}
.select select:disabled ~ .select_arrow {
  border-top-color: #cccccc;
}

.vsp-label-header {
  font-weight: 700;
  margin-top: 30px;
}

.js-form-type-select-or-other-buttons {
  margin-bottom: 15px;
}

.plan-areas-container {
  padding-bottom: 50px;
}

.collapsible.collapsible-orange {
  color: #f15f27 !important;
}

.plan-areas-container .section-container .collapsible {
  background-color: white;
  cursor: pointer;
  padding: 18px 0 18px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  color: darkgray;
  font-size: 19px;
  font-weight: bold;
  content: '\002B';
  margin-right: 25px;
}

.plan-areas-container .section-container .collapsible:before {
  content: '\002B';
  color: #f15f27;
  margin-right: 25px;
  font-weight: normal;
}

.plan-areas-container .section-container {
  border-bottom: 1px solid lightgray;
}

.plan-areas-container .section-container .content-dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.plan-areas-container .section-container .collapsible.active:before {
  content: "\2212";
}

.three-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.plan-area-block-container {
  display: flex;
  flex-direction: column;
  width: 26%;
  margin-bottom: 2%;
  padding: 3% 0 3% 0;
}