body {
  font-family: "Inter", Inter, Arial, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans", sans-serif !important;
  color: black;
}

  body.local.legacy {
    background: white;
  }

.legacy-header,
.legacy2 {
  display: none !important;
}

body #io-title {
  background-image: url('/images/intelliflo_office_logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
  width: 200px;
  height: 40px !important;
  margin: 0 auto 0 0 !important;
  font-size: 0;
}

.subtitle.page-header {
  font-size: 0;
}

#io-title,
.titlewrap,
.subtitle {
  display: block !important;
}

html {
  font-size: 16px;
  height: auto;
  min-height: 100%;
}

label {
  font-weight: normal;
  font-size: 16px;
}

.form-group {
  margin-bottom: 16px;
}

input:-internal-autofill-selected,
input.form-control {
  box-shadow: 0 0 0 1px #7f7f7f, 0 0 0 40px white inset, 0 0 0 10px rgba(255, 255, 255, 0) !important;
}

  input.form-control:hover,
  input.form-control:focus {
    box-shadow: 0 0 0 1px #002dd4, 0 0 0 40px white inset, 0 0 0 0 rgba(0, 0, 0, 0.1) !important;
  }

input {
  font-size: 14px !important;
}

.list-inline {
  margin-top: -16px;
  margin-bottom: 32px;
}

.btn-primary,
.btn-info {
  background: white !important;
  color: #002dd4;
  border: 2px solid #002dd4 !important;
  border-radius: 20px;
  padding: 6px !important;
  font-weight: bold;
}

  .btn-primary:hover,
  .btn-info:hover,
  .btn-primary:focus,
  .btn-info:focus {
    background: white !important;
    color: #002dd4;
    border-color: #002dd4;
  }

.btn:hover {
  box-shadow: inset 0 0 0 1px #d0e6fd, inset 0 0 0 40px #d0e6fd, 0 0 0 0 #d0e6fd;
}

.btn:focus,
.btn:active,
.btn:not(:disabled):not(.disabled):active:focus {
  color: white;
  box-shadow: inset 0 0 0 1px #002dd4, inset 0 0 0 40px #002dd4, 0 0 0 0 #002dd4;
}

.text-primary {
  color: #002dd4 !important;
}

.text-secondary {
  color: #002dd4 !important;
}

.bg-primary {
  background: #002dd4 !important;
}

.bg-secondary {
  background: #002dd4 !important;
}

::placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}

body.legacy .form-control,
body.legacy .btn,
.form-control-lg,
.btn-lg {
  padding: 0.8rem 1.2rem;
  font-size: 1rem;
  line-height: 1.5;
}

body.legacy .form-control,
.form-control-lg {
  height: 40px;
  border-radius: 20px;
}

  body.legacy .form-control:hover,
  body.legacy .form-control:focus,
  .form-control-lg:hover,
  .form-control-lg:focus {
    box-shadow: inset 0 0 0 2px #002dd4, 0 0 0 0 rgba(0, 0, 0, 0.1);
  }

body.legacy .subtitle {
  padding: 0 0 16px;
  font-size: 20px;
}

body.legacy .panel {
  background: none;
  box-shadow: none;
}

body.legacy .panel,
body.legacy .panel-footer {
  border: none;
}

body.legacy .panel-body {
  padding: 0;
}

body.legacy .panel-footer {
  padding: 0;
}

  body.legacy .panel-footer a {
    color: #002dd4;
  }

body.legacy .btn {
  width: 100%;
  margin: 16px 0;
}

.titlewrap,
.subtitle {
  background: white;
}

body .title,
body .subtitle {
  font-size: 30px;
  font-weight: 600;
  margin-top: 0;
}

body.twofa #io-title {
  margin-bottom: 5px !important;
}

.title {
  padding: 50px 0 32px;
}

.subtext {
  background: #002dd4;
}

body.twofa .btn.btn-primary.disabled,
body.twofa .btn.btn-primary:disabled,
body.twofa .btn:hover.btn-primary.disabled,
body.twofa .btn:hover.btn-primary:disabled,
body.twofa .btn:focus.btn-primary.disabled,
body.twofa .btn:focus.btn-primary:disabled {
  background: #002dd4;
  filter: opacity(0.75);
}

body.twofa .btn {
  color: #002dd4 !important;
  height: 40px;
}

  body.twofa .btn:focus {
    color: white !important;
  }