/*variables*/
/*variables*/
/*global things*/
html, body {
  height: 100%;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
  background-color: #41b3a3; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif; }

#webform {
  background-color: #e6e6e6; }
  #webform .angucomplete-selected-row {
    background-color: #e9b8aa !important; }

.form-content {
  height: 100%;
  padding: 2%; }
  .form-content .inline-form {
    display: flex; }
  .form-content .section-header {
    margin-bottom: 3vh;
    font-family: "Montserrat", sans-serif; }
  .form-content .form-section {
    padding: 1vw;
    background-color: rgba(65, 179, 163, 0.25);
    border-radius: 5px;
    margin: auto;
    margin-bottom: 2vh;
    position: relative; }
    .form-content .form-section .section-remove {
      font-size: 150%;
      text-align: right;
      position: absolute;
      right: 1.5%;
      color: #a6a6a6; }
      .form-content .form-section .section-remove:hover {
        color: #e27d60;
        transition: color 0.2s ease-in-out; }
    .form-content .form-section .section-add {
      margin-left: 2%; }
  .form-content .info-dot {
    color: #a6a6a6;
    transition: color 0.2s ease-in-out;
    margin-left: 2%;
    width: 5%;
    font-size: 110%; }
    .form-content .info-dot:hover {
      color: #e27d60; }
  .form-content .form-field {
    margin-top: 1vh;
    margin-bottom: 1vh; }
    .form-content .form-field .item-label {
      font-family: "Montserrat", sans-serif;
      font-weight: bold; }
  .form-content input, .form-content select, .form-content textarea {
    border-radius: 5px;
    padding: 1.5%;
    border-color: rgba(0, 0, 0, 0);
    font-family: "Open Sans", sans-serif !important;
    font-weight: normal !important; }
  .form-content select {
    background-color: #fff; }
  .form-content textarea {
    min-width: 50%;
    height: 30vh; }
  .form-content input:focus, .form-content textarea:focus, .form-content select:focus {
    border-color: #e27d60;
    outline-style: none;
    box-shadow: none; }

.fa-plus, .fa-minus {
  color: #e27d60;
  font-size: 135%; }

.fa-plus {
  margin-left: 6px; }

.fa-minus {
  margin-left: 15px; }

#submit-button {
  width: 100%;
  margin-top: 5%;
  text-align: center;
  padding-bottom: 3%;
  font-size: 130%; }
  #submit-button button {
    min-width: 20vw; }

.minor-button {
  padding-top: 1vh;
  padding-bottom: 1vh;
  min-width: 15%; }

button {
  font-family: "Montserrat", sans-serif;
  background-color: #e27d60;
  border: 0px;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
  padding: 1% 3% 1% 3%;
  font-weight: bold; }
  button:hover {
    background-color: #e9b8aa; }
  button:disabled {
    pointer-events: none;
    opacity: 0.75; }

/*media queries*/
/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */

/*# sourceMappingURL=main.css.map */