/*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; }

.form-content {
  background-color: #e6e6e6;
  height: 100%;
  padding: 3% 1% 3% 1%; }
  .form-content .form-item {
    width: 95%;
    margin: auto;
    display: block;
    margin-bottom: 2%; }
    .form-content .form-item .item-label {
      font-family: "Montserrat", sans-serif;
      font-weight: bold;
      margin-bottom: 0.5vh; }
    .form-content .form-item .item-input, .form-content .form-item .field-remove {
      display: inline; }
    .form-content .form-item .field-remove {
      padding-left: 7px; }
  .form-content input, .form-content select, .form-content textarea {
    border-radius: 5px;
    padding: 0.75%;
    border-color: rgba(0, 0, 0, 0);
    font-family: "Open Sans", sans-serif !important;
    font-weight: normal !important; }
  .form-content input {
    min-width: 60%; }
  .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: 175%; }

.divider {
  margin-top: 3%;
  margin-bottom: 3%;
  margin-left: 30px; }
  .divider img {
    height: 2vh;
    width: auto; }

#add-field {
  margin-left: 30px; }

#submit-button {
  width: 100%;
  margin-top: 5%;
  text-align: center;
  padding-bottom: 3%; }

input::-webkit-file-upload-button {
  font-family: "Montserrat", sans-serif;
  padding: 1% 3% 1% 3%;
  background-color: #e27d60;
  border: 0px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  min-width: 25%;
  font-weight: bold; }

button {
  font-family: "Montserrat", sans-serif;
  font-size: 125%;
  padding: 1% 3% 1% 3%;
  background-color: #e27d60;
  border: 0px;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  min-width: 25%;
  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 */