@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body {
  background-color: #222;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  color: #fff;
  margin: 0;
  padding: 0;
  height: 100vh; }
  body .help-text {
    color: #fff; }
  body a {
    color: #FF9900;
    text-decoration: none; }
    body a:hover {
      text-decoration: underline; }

.layout {
  position: relative;
  width: 100%;
  height: 100%; }
  .layout h1 {
    font-size: 1.8em;
    margin: 0;
    padding-bottom: 10px; }
  .layout h2 {
    font-size: 1.8em;
    font-weight: normal;
    text-align: center;
    color: #fff;
    margin: 0;
    padding-bottom: 10px; }
  .layout #box-sms {
    min-height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .layout #sms-form {
    margin: 0 auto;
    width: 320px;
    padding: 20px 25px;
    background: #333;
    border-radius: 8px;
    border: 1px solid #333;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3); }
    .layout #sms-form p {
      margin: 10px 0; }
    .layout #sms-form label {
      display: none; }
    .layout #sms-form input, .layout #sms-form input[type="submit"]:not(.btn-reset), .layout #sms-form input[type="reset"], .layout #sms-form input[type="submit"].btn-reset {
      width: 100%;
      background: #222;
      border: 1px solid #222;
      border-radius: 4px;
      text-align: center;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 16px;
      padding: 8px;
      box-sizing: border-box;
      font-family: inherit;
      font-size: inherit;
      color: #fff; }
      .layout #sms-form input::-webkit-input-placeholder, .layout #sms-form input[type="submit"]:not(.btn-reset)::-webkit-input-placeholder, .layout #sms-form input[type="reset"]::-webkit-input-placeholder, .layout #sms-form input[type="submit"].btn-reset::-webkit-input-placeholder {
        /* WebKit browsers */
        color: white; }
      .layout #sms-form input:-moz-placeholder, .layout #sms-form input[type="submit"]:-moz-placeholder:not(.btn-reset), .layout #sms-form input[type="submit"].btn-reset:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: white;
        opacity: 1; }
      .layout #sms-form input::-moz-placeholder, .layout #sms-form input[type="submit"]:not(.btn-reset)::-moz-placeholder, .layout #sms-form input[type="reset"]::-moz-placeholder, .layout #sms-form input[type="submit"].btn-reset::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: white;
        opacity: 1; }
      .layout #sms-form input:-ms-input-placeholder, .layout #sms-form input[type="submit"]:-ms-input-placeholder:not(.btn-reset), .layout #sms-form input[type="submit"].btn-reset:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: white; }
      .layout #sms-form input:focus, .layout #sms-form input[type="submit"]:focus:not(.btn-reset), .layout #sms-form input[type="submit"].btn-reset:focus {
        outline: none; }
      .layout #sms-form input[type="submit"], .layout #sms-form input[type="submit"]:not(.btn-reset), .layout #sms-form input[type="submit"].btn-reset, .layout #sms-form input[type="reset"][type="submit"]:not(.btn-reset), .layout #sms-form input[type="reset"], .layout #sms-form input[type="reset"][type="submit"].btn-reset {
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 2px 0px rgba(255, 255, 255, 0.2);
        cursor: pointer;
        padding: 15px;
        margin-bottom: 8px;
        text-transform: uppercase; }
      .layout #sms-form input[type="submit"]:not(.btn-reset) {
        background: #9B2743;
        border-color: #9B2743;
        color: #ffffff; }
        .layout #sms-form input[type="submit"]:not(.btn-reset):active {
          background: #721d31; }
      .layout #sms-form input[type="reset"][type="submit"]:not(.btn-reset), .layout #sms-form input[type="reset"], .layout #sms-form input[type="reset"][type="submit"].btn-reset, .layout #sms-form input[type="submit"].btn-reset {
        background: #555;
        border-color: #555;
        color: #fff; }
        .layout #sms-form input[type="reset"]:active, .layout #sms-form input[type="submit"].btn-reset:active {
          background: #3c3c3c; }
    .layout #sms-form .control-buttons {
      margin-top: 15px; }
    .layout #sms-form .remember-me-container {
      padding: 8px 4px; }
      .layout #sms-form .remember-me-container input, .layout #sms-form .remember-me-container input[type="submit"]:not(.btn-reset), .layout #sms-form .remember-me-container input[type="submit"].btn-reset {
        width: auto; }

ul.alert {
  padding: 25px;
  margin: 20px auto;
  border: 1px solid transparent;
  border-radius: 4px;
  list-style: none;
  width: 300px; }
  ul.alert.msg-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d; }
  ul.alert.msg-error {
    background-color: #9B2743;
    border-color: #21080e;
    color: #fff; }
  ul.alert.msg-notice {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b; }

#footer {
  position: fixed;
  bottom: 5px;
  width: 100%;
  text-align: center;
  color: #fff; }
  #footer a {
    color: #fff;
    text-decoration: none; }

.orange {
  color: #FF9900;
  /*color: #F3790C;*/ }

.header {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600; }
  .header .header-left {
    padding-top: 42px;
    padding-bottom: 42px;
    padding-left: 32px; }
  .header .header-right {
    padding-top: 42px;
    padding-bottom: 42px;
    padding-left: 32px; }
  .header .header-right a,
  .header .header-right a:visited,
  .header .header-right a:hover {
    color: black;
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
  .header .header-left {
    padding-top: 42px;
    padding-bottom: 42px;
    padding-left: 32px; }
  .header .header-right {
    padding-top: 42px;
    padding-bottom: 42px;
    padding-left: 32px; }
  .header .header-right a,
  .header .header-right a:visited,
  .header .header-right a:hover {
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600; }

.clipboardBtn {
  cursor: pointer;
  color: #FF9900; }

.clipboardBtn:hover {
  filter: brightness(0.8); }

.clipboardBtn:active {
  filter: none; }

a.support-link {
  color: gray; }

.iogates-logo {
  background: url("/layout/new_york/images/common/logo-iogates-white.svg") no-repeat;
  height: 20px;
  width: 165px; }

.lwks-logo {
  background: url("/layout/react/images/common/logo-lwks.svg") no-repeat;
  height: 50px;
  width: 157px; }

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