fieldset {
      border: 1px solid #c0c0c0;
      margin: 0 2px;
      padding: 0.35em 0.625em 0.75em;
    }

    legend {
      border: 0;
      padding: 0;
    }

    button,
    input,
    select,
    textarea {
      font-family: inherit;
      font-size: 100%;
      margin: 0;
    }

    button::-webkit-input-placeholder,
    input::-webkit-input-placeholder,
    select::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
      color: #909297;
    }

    button::-moz-placeholder,
    input::-moz-placeholder,
    select::-moz-placeholder,
    textarea::-moz-placeholder {
      color: #909297;
    }

    button::-ms-placeholder,
    input::-ms-placeholder,
    select::-ms-placeholder,
    textarea::-ms-placeholder {
      color: #909297;
    }

    button:focus,
    input:focus,
    select:focus,
    textarea:focus {
      outline: none;
    }

    button,
    input {
      line-height: normal;
    }

    /**
     * Address inconsistent `text-transform` inheritance for `button` and `select`.
     * All other form control elements do not inherit `text-transform` values.
     * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
     * Correct `select` style inheritance in Firefox 4+ and Opera.
     */

    button,
    select {
      text-transform: none;
    }

    /**
     * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
     *    and `video` controls.
     * 2. Correct inability to style clickable `input` types in iOS.
     * 3. Improve usability and consistency of cursor style between image-type
     *    `input` and others.
     */

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
      -webkit-appearance: button;
      cursor: pointer;
    }

    button[disabled],
    html input[disabled] {
      cursor: default;
    }

    /**
     * 1. Address box sizing set to `content-box` in IE 8/9.
     * 2. Remove excess padding in IE 8/9.
     */

    input[type="checkbox"],
    input[type="radio"] {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
    }

    /**
     * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
     * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
     *    (include `-moz` to future-proof).
     */

    input[type="search"] {
      -webkit-appearance: textfield;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
    }

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
      border: 0;
      padding: 0;
    }

    /**
     * 1. Remove default vertical scrollbar in IE 8/9.
     * 2. Improve readability and alignment in all browsers.
     */

     .form-link.forgot {
     color: #b8cefc;
     font-size: 0.95em;
     }
     .form-link {
     text-align: center;
     font-size: 0.95em;
     text-decoration: none;
     color: #fff;
     display: block;
     margin-top: 2em;
     }

    textarea {
      overflow: auto;
      vertical-align: top;
      resize: none;
    }

    html,
    body {
      font-size: 100%;
    }

    html {
      overflow: hidden;
    }

    html.settings {
      overflow: auto;
    }

    body {
      font-family: "Open Sans";
      font-weight: 400;
      -webkit-text-size-adjust: 100%;
      background-color: #fff;
      margin: 0;
    }
    .signup-wrap {
      background-color: #006dfe;
      height: 100%;
    }
    .signup__header {
      text-align: center;
      margin-bottom: 50px;
    }

    .signup__header .logo {
      display: block;
      margin: 0 auto 1.5625em;
      width: 300px;
    }

    .signup__title {
      font-size: 24px;
      color: #fff;
      font-weight: 400;
    }
    .signup-footer {
      text-align: center;
      width: 100%;
      position: fixed;
      bottom: 20px;
      left: 0;
    }

    .signup-footer p,
    .signup-footer a {
      font-size: 15px;
    }

    .signup-footer p {
      color: #ccdcfd;
      margin: 0;
    }

    .signup-footer a {
      color: #fff;
      font-weight: 400;
      border-bottom: 1px solid #fff;
    }

    .signup-footer em {
      font-style: normal;
    }

    .signup-footer .company-email {
      font-weight: 400;
      color: #fff;
    }
    .btn--signup {
      width: auto !important;
      font-size: 1em;
      white-space: nowrap;
      vertical-align: middle;
      color: #0c77f8;
      background-color: #fff;
      border: none;
      padding: 0.6em 1.5em;
      margin: 1em auto 0 auto;
      display: block;
      cursor: pointer !important;
      border-radius: 1.2em;
    }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="phone"],
    textarea {
      font-size: 1em;
      line-height: 1.2em;
      padding: 0.7em 0.8em;
      width: 100%;
      border-radius: 5px;
    }

    input[type="text"][disabled],
    input[type="password"][disabled],
    input[type="email"][disabled],
    input[type="phone"][disabled],
    textarea[disabled] {
      opacity: 0.6;
    }

    .app-input {
      color: #222;
      background: #eee;
      border: 1px solid #eee;
      margin-bottom: 0.375em;
    }

    .app-input:focus {
      background: #e8e8e8;
    }

    .app-input.error {
      border: 1px solid #0c77f8;
    }

    .app-input[disabled] {
      color: #666;
    }

    .app-input + .app-input-error {
      display: none;
    }

    .app-input.error + .app-input-error {
      display: block;
    }
    .signup-input {
      color: #fff;
      background-color: #1D4CB0;
      border: none;
      margin-bottom: 0.93333em;
      height: 48px;
    }

    .signup-input::-moz-placeholder {
      color: #8abfff;
      text-align: left;
    }

    .signup-input:-ms-input-placeholder {
      color: #8abfff;
      text-align: left;
    }

    .signup-input::-webkit-input-placeholder {
      color: #8abfff;
      text-align: left;
    }

    .signup-input:-webkit-autofill {
      box-shadow: 0 0 0 1000px #1D4CB0 inset;
      -webkit-text-fill-color: #fff;
      border-radius: 5px;
    }

    .signup-input:-webkit-autofill:focus {
      box-shadow: 0 0 0 1000px #1D4CB0 inset;
      -webkit-text-fill-color: #fff;
      border-radius: 5px;
    }

    .signup-input.error {
      border: 1px solid #85b9f8;
    }
    .gradient-background {
      background-color: #0c77f8;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c77f8), color-stop(60%, #3474FB), color-stop(100%));
      background: -webkit-linear-gradient(top, #0c77f8 0%, #3474FB 60%, #826cff 100%);
      background: -ms-linear-gradient(top, #0c77f8 0%, #3474FB 60%, #826cff 100%);
      background: linear-gradient(to bottom, #0c77f8 0%, #3474FB 60%, #826cff 100%);
    }
    .wrap-small {
      width: 350px;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    .screenreadertext {
      position: absolute;
      top: -999em;
      left: -999em;
    }
    a {
      text-decoration: none;
      color: #3B3E3E;
      font-size: 11px;
    }

    a:hover {
      color: white;
    }

    a:active,
    a:hover {
      outline: none;
    }

    a:focus {
      outline: none;
    }

    a.logout {
      color: #FF4100;
    }

    a.logout.hover {
      color: #e63b00;
    }

    a.small {
      font-size: 12px;
    }

    a.link-grey {
      color: #A4A4A4;
      text-decoration: none;
      border-bottom: 1px solid #A4A4A4;
    }

    a.link-grey:hover {
      border-bottom: 1px solid #2582ff;
    }
    /* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}