#register {
  .title {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0;
  }

  /*--FORM--*/
  .form {
    margin: 0 -10px;
    padding: 0px;
    // width: 100%;
  }

  .formgroup {
    margin: 0px;
    padding: 0px 10px;
    margin-bottom: 23px;
    select {
      height: 38.67px;
      box-shadow: unset;
    }
    input,
    textarea,
    select { 
      display: block;
      width: 100%;

      color: #000;
      font-family: "Prompt";
      // font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      line-height: 35px;

      padding-left: 10px;
      border: 1px solid #ddd;
      border-radius: 3px;
      background: none;
    }
    textarea{
      line-height: 1.8em;
      padding: 10px;
    }

    .multidropdown {
      display: flex;
    }
    .selectize-input{
      background: transparent;
      line-height: 35px;
      padding: 1px 0 1px 10px;
      font-size: 1.4rem;
    }
    .selectize-control.multi .selectize-input [data-value]{
      background: transparent;
      border: 0;
      box-shadow: unset;
      margin: 0;
      padding: 5px;
      font-weight: 400;
    }
    .selectize-control.multi .selectize-input [data-value]:after{
      content: ',';
    }
    // .custom-error-form {
    //   position: absolute;
    //   z-index: 1;
    //   display: none;
    //   font-size: 9px;
    //   letter-spacing: 0.5px;
    //   border: none;
    //   width: 90%;
    //   color: red;
    //   text-align: left;
    // }
    // .custom-error-form.active {
    //   display: block;
    // }
  }

  .form-error {
    font-family: "Prompt";
    opacity: 1;
    &.help-block {
      position: absolute;
      // left: 15px;
      // bottom: 5px;

      z-index: 1;
      display: block;
      font-size: 9px;
      letter-spacing: 0.5px;
      border: none;
      width: 90%;
      color: red;
      text-align: left;
    }
  }

  .form-submit {
    padding: 0 10px;
    .edit {
      right: -20px;
    }
  }

  .submit {
    background: #c8aa5c;
    border: 0;
    font-size: 16px;
    font-weight: bold;
  }
  .submit:disabled {
    opacity: 0.5;
  }

  // Checkbox Orderkrubhub
  .form-group {
    display: block;
    margin-bottom: 15px;
  }
  .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  .form-group label {
    position: relative;
    cursor: pointer;
    top: 0;
    // font-size: 14px;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: underline;
  }
  .form-group label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
      inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
  }
  .form-group input:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  // Tooltip
  .tooltip-inner {
    // max-width: 300px;
    word-break: break-word;
    font-size: 11px;
    font-weight: 300;
    line-height: 1.3em;
    background: #fff;
    color: #000;
    padding: 1em;
    border-radius: 5px;
  }
  .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    // bottom: 0;
    // border-width: 5px 5px 0;
    border-top-color: #fff;
  }
  label[for="approval"]{
    left: 10px;
  }

  // Approval
  .approval-container {
    div {
      font-size: 11px;
      // margin-left: 4.4em;
    }
    .tooltip > .tooltip-inner{
      width: 100%;
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto;
      box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
      text-align: left;
    }
    .tooltip.in {
      opacity: 1;
    }
  }
}