/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button,
input,
select,
textarea {
  margin: 0; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0;
  text-align: left; }
/*
 * A local snapshot of https://fonts.googleapis.com/css?family=Noto+Sans:400,700
 */
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr6DRASf6M7VBj-8cb49b965466eaa0f611e17b2feb196252841d8e359de95daa5cacb2438e8642.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr4TRASf6M7VBj-55530a3893a0e530a44e3e073d3c255b5745b460138e00fc2e43fcaf160e4ded.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr5DRASf6M7VBj-c81c7025ee28ff0eb258cf5e59ec4d13f2f8121abce90b8c28a9d0084d1175e1.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr6TRASf6M7VBj-23d45531397caa160490c6d74ff887637ed9a2b26b93f324f80b6b7e0d2fd48e.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr5jRASf6M7VBj-ae25e59e44ce41a867618a33b6a1380c9ab4cc213beca16af293962ad30bfc7d.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr6jRASf6M7VBj-c0196fe6419aede4e9e9be4bce16a149fa545403968912a84431b15ee58b8b39.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr6zRASf6M7VBj-6a2e5d8d764487aebbc376a804f87eadb4304285c0e7ca58433fc19b839bb72f.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans"), local("NotoSans"), url(/a/assets/o-0IIpQlx3QUlC5A4PNr5TRASf6M7Q-e56f53b3b976e9c05d86645a1e85cfc69e961601d201e957768455580fa30478.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVadyBx2pqPIif-649a8481c866f9f0f979c7c0d6bfafa5ac6a38f0e6147ebece3f3cfbb4d688ba.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVYNyBx2pqPIif-b79d1b3890e7729673d25e7c5c90e434a418c40d9d8a63f8b486858de26b4235.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVZdyBx2pqPIif-f985fee0b553d3f19c3514d3b41658b784a0113beac350dbba0c3ec0b9086ef6.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVaNyBx2pqPIif-ea26cc46eb89c8284a0c19cdd7f54c78f03fdfe0500133d4a9bcc5e41230782e.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVZ9yBx2pqPIif-c5fcd2bf861e2edd681ba89024e133bf4d6d24862f16a28eab3526da3e36d314.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVa9yBx2pqPIif-84fa2264b578053368acebb1087d8caa338293e6824b86413dde048f003acd9b.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVatyBx2pqPIif-ca52ed2aa5fd23151e1e4b34cd9fac6421289a46bb1c62e25627aeaaf5bc9de2.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(/a/assets/o-0NIpQlx3QUlC5A4PNjXhFVZNyBx2pqPA-6195b1bce0085db8c9b1b936150dfd7b070aa9be52d44580b1b6f16752dece34.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@charset "UTF-8";
html {
  font-size: 14px; }

body {
  color: #313739;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5714285714rem; }

input, button, select, textarea {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5714285714rem; }

a, a:active {
  cursor: pointer;
  color: #00C653;
  text-decoration: none; }
  a:hover, a:focus, a:active:hover, a:active:focus {
    color: #0E93A7; }

*:focus, a:focus {
  outline-color: #00C653;
  outline-offset: 1px;
  outline-style: dotted;
  outline-width: 1px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  line-height: 1.5em; }

h1, .h1 {
  font-size: 1.4285714286rem;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 10px; }

h2, .h2 {
  font-size: 1.1428571429rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 10px; }

h3, .h3 {
  font-size: 0.8571428571rem;
  font-weight: 700;
  letter-spacing: 0.0428571429rem;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px; }

h4, .h4 {
  font-size: 0.7857142857rem;
  font-weight: 400;
  letter-spacing: 0.0571428571rem;
  text-transform: uppercase;
  color: #88959B;
  margin-top: 10px;
  margin-bottom: 10px; }

.small-text {
  font-size: 0.8571428571rem;
  line-height: 1.2142857143rem; }

.sub-text {
  color: #88959B; }

.no-wrap {
  white-space: nowrap !important; }

.wrap-text {
  word-wrap: break-word; }

.break-text {
  word-break: break-all; }

.center-text {
  text-align: center; }

.blush:empty:before {
  content: "–"; }

.monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.9285714286rem; }
ul.notifications {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: 0;
  padding: 0; }
  ul.notifications li {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px;
    color: #FFF;
    gap: 0.2857142857rem; }
    ul.notifications li a, ul.notifications li a:hover {
      color: #FFF; }
    ul.notifications li.success {
      background-color: #00C653; }
    ul.notifications li.danger {
      background-color: #EF655B; }
    ul.notifications li.warning {
      background-color: #FFAE00; }
    ul.notifications li.global {
      background-color: #0E93A7; }
form {
  box-shadow: 0 1px 2px 1px rgba(83, 80, 80, 0.2);
  border-radius: 2px;
  padding: 50px;
  margin: 10px;
  min-height: 500px; }
  @media (max-width: 500px) {
    form {
      padding: 30px; } }
  @media (max-height: 850px) {
    form {
      min-height: 0; } }
  form > * {
    display: block; }
  form * + *:not(label) {
    margin-top: 20px; }
    @media (max-width: 500px) {
      form * + *:not(label) {
        margin-top: 15px; } }
  form + form {
    margin-top: 50px; }
  form h2 {
    margin-top: 0;
    margin-bottom: 20px; }
  form ul.notifications {
    margin: -50px -50px 50px -50px; }
    @media (max-width: 500px) {
      form ul.notifications {
        margin: -30px -30px 30px -30px; } }
    form ul.notifications li:first-child {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }

::placeholder {
  color: #666F74; }

input {
  width: 100%;
  border: 1px solid #DAE0E2;
  border-radius: 2px;
  padding: 1.0714285714rem 1.4285714286rem;
  transition: border-color 0.08s ease-in-out;
  -webkit-appearance: none; }
  @media (max-width: 500px) {
    input {
      padding: 0.7142857143rem 0.8571428571rem; } }
  input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus {
    outline: none;
    border-color: #00C653; }
  input[type="email"]:not(:placeholder-shown), input[type="password"]:not(:placeholder-shown), input[type="search"]:not(:placeholder-shown), input[type="tel"]:not(:placeholder-shown), input[type="text"]:not(:placeholder-shown), input[type="url"]:not(:placeholder-shown) {
    padding-top: 1.5714285714rem;
    padding-bottom: 0.5714285714rem; }
    @media (max-width: 500px) {
      input[type="email"]:not(:placeholder-shown), input[type="password"]:not(:placeholder-shown), input[type="search"]:not(:placeholder-shown), input[type="tel"]:not(:placeholder-shown), input[type="text"]:not(:placeholder-shown), input[type="url"]:not(:placeholder-shown) {
        padding-top: 1.2142857143rem;
        padding-bottom: 0.2142857143rem; } }
  input[type="submit"] {
    cursor: pointer;
    font-weight: bold;
    color: #FFF;
    background: #00C653;
    border-color: #00C653;
    padding: 0.7142857143rem 1.4285714286rem; }
    input[type="submit"]:active {
      background: #0E93A7;
      border-color: #0E93A7; }
  input[disabled], input[disabled]:hover, input[disabled]:focus {
    background-color: #F6F8F9;
    border-color: #E4EAED;
    color: #A1ADB1; }
  input:invalid:focus {
    border-color: #EF655B; }
  input + label {
    color: #666F74;
    position: absolute;
    transform-origin: top left;
    transform: translate(1.5rem, -3.2857142857rem) scale(0.9); }
    @media (max-width: 500px) {
      input + label {
        transform: translate(0.9285714286rem, -2.8571428571rem) scale(0.9); } }
  input:not(:placeholder-shown) + label {
    visibility: visible !important; }
  input:placeholder-shown + label {
    visibility: hidden !important; }
@charset "UTF-8";
html {
  font-size: 14px; }

body {
  color: #313739;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5714285714rem; }

input, button, select, textarea {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5714285714rem; }

a, a:active {
  cursor: pointer;
  color: #00C653;
  text-decoration: none; }
  a:hover, a:focus, a:active:hover, a:active:focus {
    color: #0E93A7; }

*:focus, a:focus {
  outline-color: #00C653;
  outline-offset: 1px;
  outline-style: dotted;
  outline-width: 1px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  line-height: 1.5em; }

h1, .h1 {
  font-size: 1.4285714286rem;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 10px; }

h2, .h2 {
  font-size: 1.1428571429rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 20px;
  margin-bottom: 10px; }

h3, .h3 {
  font-size: 0.8571428571rem;
  font-weight: 700;
  letter-spacing: 0.0428571429rem;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px; }

h4, .h4 {
  font-size: 0.7857142857rem;
  font-weight: 400;
  letter-spacing: 0.0571428571rem;
  text-transform: uppercase;
  color: #88959B;
  margin-top: 10px;
  margin-bottom: 10px; }

.small-text {
  font-size: 0.8571428571rem;
  line-height: 1.2142857143rem; }

.sub-text {
  color: #88959B; }

.no-wrap {
  white-space: nowrap !important; }

.wrap-text {
  word-wrap: break-word; }

.break-text {
  word-break: break-all; }

.center-text {
  text-align: center; }

.blush:empty:before {
  content: "–"; }

.monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.9285714286rem; }

.container {
  max-width: 520px;
  margin-right: auto;
  margin-left: auto; }

header {
  margin-top: 140px;
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 500px) {
    header {
      margin-top: 60px;
      margin-bottom: 40px; } }
  @media (max-height: 850px) {
    header {
      margin-top: 60px;
      margin-bottom: 40px; } }
  header .lookout-logo {
    margin-right: 10px;
    margin-left: 10px; }

footer {
  color: #88959B;
  font-size: 0.8571428571rem;
  line-height: 1.2142857143rem;
  margin-top: 140px;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center; }
  @media (max-width: 500px) {
    footer {
      margin-top: 60px; } }
  @media (max-height: 850px) {
    footer {
      margin-top: 60px; } }
.login_frame {
  box-shadow: 0 1px 2px 1px rgba(83, 80, 80, 0.2);
  border-radius: 2px;
  margin: 10px 10px;
  min-height: 338px;
  min-width: 355px; }
  .login_frame .mfa_container {
    height: 100%;
    min-height: inherit;
    min-width: inherit;
    position: relative; }
  .login_frame .mfa_subject {
    padding: 7% 7% 7% 7%; }
    .login_frame .mfa_subject h1 {
      margin-top: 0px;
      font-size: 1.3rem; }
    .login_frame .mfa_subject h2 {
      margin-top: 0px; }
    .login_frame .mfa_subject .mfa_subject_body {
      font-size: 1em; }
    .login_frame .mfa_subject .try_recovery_code {
      padding: 0px;
      min-height: 100%;
      box-shadow: none;
      display: table-cell; }
  .login_frame .mfa_body {
    width: 100%;
    overflow: auto; }
    .login_frame .mfa_body .setup_key_input {
      border: solid 1px #CEDCE8;
      margin: 0 7%;
      word-wrap: break-word;
      display: inline-block;
      width: 86%; }
  .login_frame .mfa_col1 {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    padding-left: 7%;
    padding-right: 7%; }
    .login_frame .mfa_col1 .google_auth img {
      vertical-align: bottom; }
    .login_frame .mfa_col1 .qrcode {
      width: 80%; }
      .login_frame .mfa_col1 .qrcode img {
        vertical-align: top; }
    .login_frame .mfa_col1 .google_challenge {
      padding-top: 23px; }
      .login_frame .mfa_col1 .google_challenge img {
        vertical-align: bottom; }
    .login_frame .mfa_col1 .get_setup_key {
      text-align: left; }
      .login_frame .mfa_col1 .get_setup_key form {
        padding: 0px;
        padding-bottom: 20px;
        min-height: 100%;
        box-shadow: none;
        margin: 0 0 30px 0; }
  .login_frame .mfa_col2 {
    float: right;
    width: 50%;
    height: 100%;
    position: relative; }
    .login_frame .mfa_col2 .app_stores {
      text-align: center;
      margin-bottom: 36%; }
      .login_frame .mfa_col2 .app_stores img {
        width: 65%; }
    .login_frame .mfa_col2 .nav {
      width: 100%;
      padding-top: 60%; }
  .login_frame .next_zidx {
    z-index: 9; }
  .login_frame .next .float {
    float: right; }
    .login_frame .next .float .constricted {
      width: 50%; }
  .login_frame .back {
    width: 50%;
    height: 100%; }
    .login_frame .back .float {
      float: left; }
  .login_frame .mfa_next {
    padding: 0px 10px 0px 0px;
    min-height: 100%;
    box-shadow: none; }
    .login_frame .mfa_next .button {
      width: 44%;
      float: right;
      padding: 0.7142857143rem 0.8571428571rem;
      margin-bottom: 10px; }
  .login_frame .mfa_back {
    padding: 0px;
    min-height: 100%;
    box-shadow: none; }
    .login_frame .mfa_back .button {
      float: left;
      color: #00C653;
      background: #FFF;
      border-color: #FFF;
      border: 1px solid #CEDCE8;
      padding: 0.7142857143rem 0.8571428571rem;
      margin-bottom: 10px; }
  .login_frame .recovery_codes table {
    width: 100%; }
    .login_frame .recovery_codes table .recovery_code {
      text-align: center; }
  .login_frame .link {
    font-weight: normal;
    text-align: left !important;
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #00C653;
    display: inline-block; }
  .login_frame .totp_challenge .mfa_col2 {
    width: 50%;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-height: 69%; }

@-moz-document url-prefix() {
  .mfa_setup_required .mfa_next .button {
    margin-top: 10px; }

  .qrcode .mfa_next .button {
    margin-top: 10px; }

  .setup_key .mfa_next .button {
    margin-top: 10px; }

  .recovery_codes .table {
    margin-bottom: 5%; }
  .recovery_codes .mfa_next {
    margin-bottom: 20%; }
    .recovery_codes .mfa_next .link {
      width: 100%; }
    .recovery_codes .mfa_next .button {
      margin-top: 10px;
      position: absolute;
      bottom: 0px;
      right: 15px;
      width: 40%; } }
@media not all and (min-resolution: 0.001dpcm) {
  .login_frame {
    min-width: 320px; }
    .login_frame .mfa_setup_required .mfa_next .button {
      margin-top: 10px; }
    .login_frame .qrcode .mfa_next .button {
      margin-top: 10px; }
    .login_frame .setup_key .mfa_next .button {
      margin-top: 10px; }
    .login_frame .totp_challenge .mfa_col2 {
      padding-top: 15%;
      min-height: 60%; }
    .login_frame .recovery_codes .table {
      margin-bottom: 5%; }
    .login_frame .recovery_codes .mfa_next {
      margin-bottom: 20%; }
      .login_frame .recovery_codes .mfa_next .link {
        width: 100%; }
      .login_frame .recovery_codes .mfa_next .button {
        margin-top: 10px;
        position: absolute;
        bottom: 0px;
        right: 15px;
        width: 40%; } }
/*







*/