/* Actions */
/* Nav */
html.login-pf {
  font-size: var(--font-size--default, 16px);
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  height: 100%;
  background: none;
}
html.login-pf body {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  background: var(--color--white-lilac, #F1F3F9);
}
html.login-pf body #body-overlay {
  background: var(--color--white-lilac, #F1F3F9);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
  display: block;
}
html.login-pf body a {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  text-decoration: none;
  color: var(--brand--primary, var(--color--dodger-blue, #05A7DF));
  opacity: 0.8;
}
html.login-pf body a:hover {
  opacity: 1;
}
html.login-pf body .login-pf-page #kc-locale {
  margin: 15px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
html.login-pf body .login-pf-page #kc-locale a#kc-current-locale-link {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  color: var(--color--slate-gray, #778899);
  display: block;
  padding: 0 5px;
  white-space: nowrap;
}
html.login-pf body .login-pf-page #kc-locale a#kc-current-locale-link img {
  margin: 8px 10px 8px 0;
}
html.login-pf body .login-pf-page #kc-locale .kc-dropdown-item a {
  white-space: nowrap;
  text-align: left;
}
html.login-pf body .login-pf-page #kc-locale .kc-dropdown-item a img {
  margin: 8px 10px 8px 0;
}
html.login-pf body .login-pf-page #kc-locale ul {
  display: none;
  position: absolute;
  background-color: var(--color--white, #FFFFFF);
  list-style: none;
  right: 0;
  top: 20px;
  min-width: 100px;
  padding: 2px 0;
  border: solid 1px #bbb;
  -moz-border-radius: var(--border-radius--default, 4px);
  -webkit-border-radius: var(--border-radius--default, 4px);
  border-radius: var(--border-radius--default, 4px);
}
html.login-pf body .login-pf-page #kc-locale ul li a {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  color: var(--brand--contrast, var(--color--martinique, #333355));
  display: block;
  padding: 5px 14px;
  text-decoration: none;
  line-height: 20px;
}
html.login-pf body .login-pf-page #kc-locale ul li a:hover {
  color: var(--brand--contrast, var(--color--martinique, #333355));
  background-color: var(--color--white-lilac, #F1F3F9);
  text-decoration: none;
}
html.login-pf body .login-pf-page #kc-locale:hover ul {
  display: block;
  margin: 0;
}
html.login-pf body .login-pf-page .card-pf {
  background: transparent;
  margin: 55px auto;
  padding: 0;
  border-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 300px;
}
html.login-pf body .login-pf-page .card-pf.reset #kc-form-buttons {
  padding: 0;
}
html.login-pf body .login-pf-page .card-pf.login-pf-social-section {
  border: none;
  max-width: 100%;
}
html.login-pf body .login-pf-page .card-pf.login-pf-social-section:not(.idpOnly) {
  width: 650px;
}
html.login-pf body .login-pf-page .card-pf.login-pf-social-section .login-pf-social-section:last-of-type.idpOnly {
  border: none;
  max-width: 100%;
  width: 100%;
  padding-left: 0;
}
html.login-pf body .login-pf-page .card-pf.registration {
  width: 505px;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header {
  margin-bottom: 16px;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header h1 {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  letter-spacing: -0.5px;
  font-weight: 600;
  border-bottom: 1px solid var(--color--pigeon-post, #BBCCDD);
  text-align: left;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 0;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo {
  height: 70px;
  width: 300px;
  margin: auto;
  font-size: 20px;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo.no-image {
  background: url("../img/Configure-One-Logo-Horiz-Black.svg") no-repeat;
  background-size: 300px;
  cursor: pointer;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo.no-image img {
  display: none;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo.auth-admin {
  background: url("../img/c1-auth-service-logo-black.png") no-repeat;
  background-size: 330px;
  width: 330px;
  margin: 0 -15px;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo.c1api {
  background: url("../img/c1-graphql-logo.png") no-repeat;
  background-size: 330px;
  width: 330px;
  margin: 0 -15px;
  height: 107px;
}
html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo img[onclick]:hover {
  cursor: pointer;
}
html.login-pf body .login-pf-page .card-pf #kc-page-title {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  color: var(--brand--contrast, var(--color--martinique, #333355));
}
html.login-pf body .login-pf-page .card-pf .row {
  margin: 0;
}
html.login-pf body .login-pf-page .card-pf .row .login-pf-social-link a.zocial {
  background: var(--color--white, #FFFFFF);
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  color: var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  border: 1px solid transparent;
  padding: calc(11px - 6px) calc(16px - 6px);
  -moz-border-radius: var(--border-radius--default, 4px);
  -webkit-border-radius: var(--border-radius--default, 4px);
  border-radius: var(--border-radius--default, 4px);
  -moz-box-shadow: var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px);
  -webkit-box-shadow: var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px);
  box-shadow: var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px);
  text-shadow: none;
}
html.login-pf body .login-pf-page .card-pf .row .login-pf-social-link a.zocial:not(:disabled):not(.disabled).focus, html.login-pf body .login-pf-page .card-pf .row .login-pf-social-link a.zocial:not(:disabled):not(.disabled):focus {
  box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  border: 1px solid transparent;
}
html.login-pf body .login-pf-page .card-pf .row .login-pf-social-link a.zocial:not(:disabled):not(.disabled).hover, html.login-pf body .login-pf-page .card-pf .row .login-pf-social-link a.zocial:not(:disabled):not(.disabled):hover {
  box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  border: 1px solid transparent;
}
html.login-pf body .login-pf-page .card-pf .row .login-pf-social-link a.zocial:not(:disabled):not(.disabled).active, html.login-pf body .login-pf-page .card-pf .row .login-pf-social-link a.zocial:not(:disabled):not(.disabled):active {
  top: 1px;
  box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  border: 1px solid transparent;
}
html.login-pf body .login-pf-page .card-pf form.form-actions .btn {
  float: right;
  margin-left: 10px;
}
html.login-pf body .login-pf-page .card-pf form {
  float: none;
}
html.login-pf body .login-pf-page .card-pf form .regex-description {
  color: var(--color--slate-gray, #778899);
  margin: 5px 5px 0 5px;
}
html.login-pf body .login-pf-page .card-pf form .form-group {
  position: relative;
  margin: 0 0 8px 0;
  vertical-align: top;
}
html.login-pf body .login-pf-page .card-pf form .form-group.login-pf-settings {
  margin-bottom: 0;
}
html.login-pf body .login-pf-page .card-pf form .form-group#kc-form-buttons {
  margin-top: 16px;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-group {
  width: calc(-7px + 50%);
  display: inline-block;
  margin-bottom: 0;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-group:first-child {
  margin-right: 10px;
}
html.login-pf body .login-pf-page .card-pf form .form-group label {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  white-space: nowrap;
  color: var(--color--label, var(--color--slate-gray, #778899));
  font-size: var(--font-size--label, 15px);
  font-weight: normal;
  line-height: var(--line-height--label, 15px);
  box-sizing: border-box;
  padding: var(--padding-y--label-login, 8px) var(--padding-x--label-login, 8px);
  text-transform: uppercase;
}
html.login-pf body .login-pf-page .card-pf form .form-group label.required:after {
  content: var(--indicator--required-label, "*");
  color: var(--indicator-color--required-label, var(--color--rose, var(--color--rose, #E8006E)));
  margin-left: 5px;
}
html.login-pf body .login-pf-page .card-pf form .form-group label span {
  position: absolute;
  right: var(--padding-x--label-login, 8px);
}
html.login-pf body .login-pf-page .card-pf form .form-group label span a {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  font-size: 13px;
  color: #1166FF;
  text-decoration: underline;
  text-transform: none;
}
html.login-pf body .login-pf-page .card-pf form .form-group label.form-check-label {
  text-transform: none;
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  box-sizing: border-box;
  outline: none;
  height: auto;
  color: var(--brand--contrast, var(--color--martinique, #333355));
  background-color: var(--bg-color--input, var(--color--white, #FFFFFF));
  font-size: 17px;
  font-weight: bold;
  line-height: 16px;
  border-radius: var(--border-radius--input, var(--border-radius--default, 4px));
  border: 1px solid var(--border-color--input, var(--brand--secondary, var(--color--pigeon-post, #BBCCDD)));
  caret-color: var(--border-color--focus-input, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  box-shadow: var(--box-shadow--light, rgba(51, 51, 85, 0.15) 0 2px 4px 0);
  padding-top: 26px;
  padding-bottom: 8px;
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:required {
  background: var(--bg-color--required-input, var(--color--white, #FFFFFF));
  border: 1px solid var(--border-color--required-input, var(--brand--secondary, var(--color--pigeon-post, #BBCCDD)));
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control ~ label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: left;
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control::placeholder {
  color: var(--brand--secondary, var(--color--pigeon-post, #BBCCDD));
  opacity: 0.5;
  font-style: initial;
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:hover {
  border: 1px solid var(--brand--contrast, var(--color--martinique, #333355));
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:invalid.visited, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:invalid.visited.hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:invalid.visited:hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.invalid.visited, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.invalid.visited.hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.invalid.visited:hover {
  border: 2px solid var(--border-color--input-error, var(--color--supernova, var(--color--supernova, #FFCC00)));
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.focus, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:focus {
  outline: none;
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.focus, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.focus.hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.focus:hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.focus:invalid.visited, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.focus.invalid.visited, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:focus, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:focus.hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:focus:hover, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:focus:invalid.visited, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:focus.invalid.visited {
  border: 1px solid var(--border-color--focus-input, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  box-shadow: 0 0 0 1px var(--brand--primary, var(--color--dodger-blue, #05A7DF));
}
html.login-pf body .login-pf-page .card-pf form .form-group input.form-control.focus::placeholder, html.login-pf body .login-pf-page .card-pf form .form-group input.form-control:focus::placeholder {
  color: transparent;
}
html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited:invalid:focus, html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited:invalid.focus, html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited:invalid:hover, html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited:invalid.hover, html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited.invalid:focus, html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited.invalid.focus, html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited.invalid:hover, html.login-pf body .login-pf-page .card-pf form .form-group input#password-confirm.form-control.visited.invalid.hover {
  border: 1px solid var(--border-color--input-error, var(--color--supernova, var(--color--supernova, #FFCC00)));
  box-shadow: none;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check {
  position: relative;
  display: block;
  white-space: nowrap;
  margin: 0 5px 10px;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check.left {
  text-align: right;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check label, html.login-pf body .login-pf-page .card-pf form .form-group .form-check i.link {
  display: inline;
  position: relative;
  top: 0;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box {
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  background-color: var(--bg-color--input, var(--color--white, #FFFFFF));
  line-height: 16px;
  border-radius: var(--border-radius--input, var(--border-radius--default, 4px));
  border: 1px solid var(--border-color--input, var(--brand--secondary, var(--color--pigeon-post, #BBCCDD)));
  box-shadow: var(--box-shadow--light, rgba(51, 51, 85, 0.15) 0 2px 4px 0);
  height: 24px;
  width: 24px;
  margin: var(--padding-y--label-login, 8px) 0;
  text-align: center;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box input {
  display: none;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box.hover, html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box:hover {
  border: 1px solid var(--brand--contrast, var(--color--martinique, #333355));
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box.focus, html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box:focus {
  border: 1px solid var(--border-color--focus-input, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  box-shadow: 0 0 0 1px var(--brand--primary, var(--color--dodger-blue, #05A7DF));
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box.focus.hover, html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box.focus:hover, html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box:focus.hover, html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box:focus:hover {
  border: 1px solid var(--border-color--focus-input, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  box-shadow: 0 0 0 1px var(--brand--primary, var(--color--dodger-blue, #05A7DF));
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box .fa-check {
  color: transparent;
  box-sizing: border-box;
  font-size: 18px;
  margin: 1.4px 2.5px;
}
html.login-pf body .login-pf-page .card-pf form .form-group .form-check .check-box input[checked] + .fa-check {
  color: var(--color--malachite, var(--color--malachite, #11CC77));
}
html.login-pf body .login-pf-page .card-pf form .form-group.return-to-login {
  text-align: center;
}
html.login-pf body .login-pf-page .card-pf form .form-group .register-agree {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 8px 0;
}
html.login-pf body .login-pf-page .card-pf form .form-group #do-register {
  width: 300px;
  margin: auto;
}
html.login-pf body .login-pf-page .card-pf .register-button {
  outline: none;
  max-width: 300px;
}
html.login-pf body .login-pf-page .card-pf .reset-text {
  margin: 0 -20px 15px;
}
html.login-pf body .login-pf-page .login-pf-brand {
  margin-top: 20px;
  max-width: 360px;
  width: 40%;
}
html.login-pf body .login-pf-page .btn-primary {
  margin-top: 0;
}
html.login-pf body #kc-info.login-pf-signup {
  padding: 0;
  margin: 0;
}
html.login-pf body #kc-info.login-pf-signup #kc-registration .register-separator {
  color: var(--brand--primary, var(--color--dodger-blue, #05A7DF));
  margin: 10px 0 8px 0;
  font-weight: lighter;
}
html.login-pf body #kc-info.login-pf-signup #kc-registration .register-separator:before, html.login-pf body #kc-info.login-pf-signup #kc-registration .register-separator:after {
  content: " - ";
}

hr {
  border-color: var(--color--pigeon-post, #BBCCDD);
  margin: 32px 0;
}

.alert {
  padding-top: 4px;
  padding-bottom: 4px;
}
.alert > .pficon {
  top: 4px;
}
.alert.alert-error, .alert.alert-danger {
  background-color: var(--bg-color--error, var(--color--white, #FFFFFF));
  border-color: var(--border-color--error, var(--color--rose, var(--color--rose, #E8006E)));
  color: var(--color--error, var(--color--slate-gray, #778899));
  border-radius: var(--border-radius--error, var(--border-radius--default, 4px));
}
.alert.alert-error span::before, .alert.alert-danger span::before {
  color: var(--border-color--error, var(--color--rose, var(--color--rose, #E8006E)));
}
.alert.alert-warning {
  background-color: var(--bg-color--warning, var(--color--white, #FFFFFF));
  border-color: var(--border-color--warning, var(--color--supernova, var(--color--supernova, #FFCC00)));
  color: var(--color--warning, var(--color--slate-gray, #778899));
  border-radius: var(--border-radius--warning, var(--border-radius--default, 4px));
}
.alert.alert-warning span::before {
  color: var(--border-color--warning, var(--color--supernova, var(--color--supernova, #FFCC00)));
}
.alert.alert-success {
  background-color: var(--bg-color--success, var(--color--white, #FFFFFF));
  border-color: var(--border-color--success, var(--color--malachite, var(--color--malachite, #11CC77)));
  color: var(--color--success, var(--color--slate-gray, #778899));
  border-radius: var(--border-radius--success, var(--border-radius--default, 4px));
}
.alert.alert-success span::before {
  color: var(--border-color--success, var(--color--malachite, var(--color--malachite, #11CC77)));
}

#kc-logo {
  width: 100%;
}

#kc-logo-wrapper {
  background-repeat: no-repeat;
  height: 63px;
  width: 300px;
  margin: 62px auto 0;
}

div.kc-logo-text {
  background-repeat: no-repeat;
  height: 63px;
  width: 300px;
  margin: 0 auto;
}
div.kc-logo-text span {
  display: none;
}

#kc-header {
  color: var(--brand--contrast, var(--color--martinique, #333355));
  font-weight: bold;
  overflow: visible;
  white-space: nowrap;
  margin-bottom: 0px;
}

#kc-header-wrapper {
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2em;
  padding: 10px 10px 0px;
  white-space: normal;
}

#kc-content {
  width: 100%;
}

#kc-info {
  padding-bottom: 200px;
  margin-bottom: -200px;
}

#kc-info-wrapper {
  font-size: 13px;
}

#kc-register-form .link {
  color: var(--brand--primary, var(--color--dodger-blue, #05A7DF));
  cursor: pointer;
  opacity: 0.8;
}
#kc-register-form .link:hover {
  opacity: 1;
}
#kc-register-form .form-control-checkbox {
  margin: 0 0 0 20px;
}
#kc-register-form .form-control-checkbox label {
  margin: 0 10px;
}

#footer {
  position: fixed;
  background: var(--color--white-lilac, #F1F3F9);
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  bottom: 0;
  font-size: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
  z-index: 199;
}
#footer .link {
  color: var(--brand--primary, var(--color--dodger-blue, #05A7DF));
  cursor: pointer;
  opacity: 0.8;
}
#footer .link:hover {
  opacity: 1;
}
#footer * {
  color: var(--color--slate-gray, #778899);
  font-size: 11px;
}
#footer * a {
  color: var(--brand--primary, var(--color--dodger-blue, #05A7DF));
  text-decoration: none;
  cursor: pointer;
}
#footer * a * {
  color: var(--brand--tertiary, var(--color--blue-ribbon, #003DF5));
  text-decoration: none;
  cursor: pointer;
}
#footer > div {
  display: inline-block;
  vertical-align: top;
  float: none;
  font-size: 11px;
  margin: 0 5px;
}
#footer #footer-c1-logo {
  background: url("../img/Configure-One-Logo-Horiz-Black.svg") no-repeat;
  height: 23px;
  width: 100px;
  background-size: 100px;
  bottom: 4px;
}
#footer #tou-pp {
  text-decoration: none;
  display: inline;
  white-space: nowrap;
}
#footer #tou-pp a {
  text-decoration: none;
  display: inline;
  white-space: nowrap;
}
#footer #footer-copyright {
  color: var(--color--slate-gray, #778899);
  text-decoration: none;
  display: inline;
  white-space: nowrap;
}
#footer #footer-copyright span {
  color: var(--color--slate-gray, #778899);
}

ol#kc-totp-settings {
  margin: 0;
  padding-left: 20px;
}

ul#kc-totp-supported-apps {
  margin-bottom: 10px;
}

#kc-totp-secret-qr-code {
  max-width: 150px;
  max-height: 150px;
}

#kc-totp-secret-key {
  background-color: var(--color--white, #FFFFFF);
  color: var(--color--slate-gray, #778899);
  font-size: 16px;
  padding: 10px 0;
}

#kc-oauth h3 {
  margin-top: 0;
}
#kc-oauth ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#kc-oauth ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 12px;
  padding: 10px 0;
}
#kc-oauth ul li:first-of-type {
  border-top: 0;
}
#kc-oauth .kc-role {
  display: inline-block;
  width: 50%;
}

/* Actions */
/* Nav */
html.login-pf button.btn-primary, html.login-pf input.btn.btn-primary {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  color: var(--color--primary-button, var(--color--white, #FFFFFF)) !important;
  font-size: 15px;
  font-weight: 800;
  background: var(--bg-color--primary-button, var(--brand--primary-gradient, linear-gradient(180deg, var(--brand--primary-light, var(--color--dodger-blue-light, #39C6F3)) 0%, var(--brand--primary, var(--color--dodger-blue, #05A7DF)) 100%))) !important;
  padding: 11px 16px;
  outline: none;
  height: 41px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  -moz-border-radius: var(--border-radius--primary-button, 4px);
  -webkit-border-radius: var(--border-radius--primary-button, 4px);
  border-radius: var(--border-radius--primary-button, 4px);
  -moz-box-shadow: var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px);
  -webkit-box-shadow: var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px);
  box-shadow: var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px);
  line-height: initial;
}
html.login-pf button.btn-primary:not(:disabled):not(.disabled).focus, html.login-pf button.btn-primary:not(:disabled):not(.disabled):focus, html.login-pf button.btn-primary:not(:disabled):not(.disabled).hover, html.login-pf button.btn-primary:not(:disabled):not(.disabled):hover, html.login-pf input.btn.btn-primary:not(:disabled):not(.disabled).focus, html.login-pf input.btn.btn-primary:not(:disabled):not(.disabled):focus, html.login-pf input.btn.btn-primary:not(:disabled):not(.disabled).hover, html.login-pf input.btn.btn-primary:not(:disabled):not(.disabled):hover {
  color: var(--color--primary-button-hover, var(--color--primary-button, var(--color--white, #FFFFFF))) !important;
  background: var(--bg-color--primary-button-hover, var(--brand--primary-gradient, linear-gradient(180deg, var(--brand--primary-light, var(--color--dodger-blue-light, #39C6F3)) 0%, var(--brand--primary, var(--color--dodger-blue, #05A7DF)) 100%))) !important;
  -moz-box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  -webkit-box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  border: none;
}
html.login-pf button.btn-primary:not(:disabled):not(.disabled).active, html.login-pf button.btn-primary:not(:disabled):not(.disabled):active, html.login-pf input.btn.btn-primary:not(:disabled):not(.disabled).active, html.login-pf input.btn.btn-primary:not(:disabled):not(.disabled):active {
  color: var(--color--primary-button-active, var(--color--primary-button, var(--color--white, #FFFFFF))) !important;
  background: var(--bg-color--primary-button-active, var(--brand--primary-gradient, linear-gradient(180deg, var(--brand--primary-light, var(--color--dodger-blue-light, #39C6F3)) 0%, var(--brand--primary, var(--color--dodger-blue, #05A7DF)) 100%))) !important;
  -moz-box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  -webkit-box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  box-shadow: var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0);
  border: none;
}
html.login-pf button.btn-primary[disabled], html.login-pf input.btn.btn-primary[disabled] {
  opacity: 0.3;
  -moz-border-radius: var(--border-radius--primary-button, 4px);
  -webkit-border-radius: var(--border-radius--primary-button, 4px);
  border-radius: var(--border-radius--primary-button, 4px);
  cursor: not-allowed;
}
html.login-pf button.btn-primary[disabled]:hover, html.login-pf button.btn-primary[disabled]:focus, html.login-pf input.btn.btn-primary[disabled]:hover, html.login-pf input.btn.btn-primary[disabled]:focus {
  color: var(--color--primary-button, var(--color--white, #FFFFFF)) !important;
  background: var(--bg-color--primary-button, var(--brand--primary-gradient, linear-gradient(180deg, var(--brand--primary-light, var(--color--dodger-blue-light, #39C6F3)) 0%, var(--brand--primary, var(--color--dodger-blue, #05A7DF)) 100%))) !important;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
html.login-pf button.btn-outline-primary, html.login-pf button.btn-default {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  font-size: 15px;
  font-weight: 800;
  color: var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  width: 100%;
  border: 1px solid var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  padding: calc(11px - 4px) calc(16px - 4px);
  background: var(--bg-color--secondary-button, var(--color--white, #FFFFFF));
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-border-radius: var(--border-radius--primary-button, 4px);
  -webkit-border-radius: var(--border-radius--primary-button, 4px);
  border-radius: var(--border-radius--primary-button, 4px);
  -moz-box-shadow: var(--box-shadow--secondary-button, var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px));
  -webkit-box-shadow: var(--box-shadow--secondary-button, var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px));
  box-shadow: var(--box-shadow--secondary-button, var(--box-shadow--primary-button, rgba(51, 51, 85, 0.2) 0px 2px 4px 0px));
}
html.login-pf button.btn-outline-primary:not(:disabled):not(.disabled).focus, html.login-pf button.btn-outline-primary:not(:disabled):not(.disabled):focus, html.login-pf button.btn-outline-primary:not(:disabled):not(.disabled).hover, html.login-pf button.btn-outline-primary:not(:disabled):not(.disabled):hover, html.login-pf button.btn-default:not(:disabled):not(.disabled).focus, html.login-pf button.btn-default:not(:disabled):not(.disabled):focus, html.login-pf button.btn-default:not(:disabled):not(.disabled).hover, html.login-pf button.btn-default:not(:disabled):not(.disabled):hover {
  color: var(--color--secondary-button-hover, var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF))));
  background: var(--bg-color--secondary-button-hover, var(--bg-color--secondary-button, var(--color--white, #FFFFFF)));
  -moz-box-shadow: var(--box-shadow--secondary-button-hover, var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0));
  -webkit-box-shadow: var(--box-shadow--secondary-button-hover, var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0));
  box-shadow: var(--box-shadow--secondary-button-hover, var(--box-shadow--primary-button-hover, rgba(51, 51, 85, 0.35) 0 3px 5px 0));
  border: 1px solid var(--color--secondary-button-hover, var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF))));
}
html.login-pf button.btn-outline-primary:not(:disabled):not(.disabled).active, html.login-pf button.btn-outline-primary:not(:disabled):not(.disabled):active, html.login-pf button.btn-default:not(:disabled):not(.disabled).active, html.login-pf button.btn-default:not(:disabled):not(.disabled):active {
  color: var(--color--secondary-button-active, var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF))));
  background: var(--bg-color--secondary-button-active, var(--bg-color--secondary-button, var(--color--white, #FFFFFF)));
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--color--secondary-button-active, var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF))));
}
html.login-pf button.btn-outline-primary.disabled, html.login-pf button.btn-outline-primary:disabled, html.login-pf button.btn-default.disabled, html.login-pf button.btn-default:disabled {
  color: var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
  background: var(--bg-color--secondary-button, var(--color--white, #FFFFFF));
  box-shadow: none;
  border: 1px solid var(--color--secondary-button, var(--brand--primary, var(--color--dodger-blue, #05A7DF)));
}
html.login-pf .ui-dialog {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  font-size: 14px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5);
}
html.login-pf .ui-dialog .ui-dialog-content {
  max-height: 400px !important;
  overflow-y: auto;
  padding: 35px 27px 27px;
}
html.login-pf .ui-dialog.jupiter-message {
  z-index: 10000;
}
html.login-pf .ui-dialog #jupiter-message {
  width: 600px;
  height: 600px;
  overflow-y: auto;
}
html.login-pf .ui-dialog .ui-widget-header {
  background: transparent;
  border: 0 solid transparent;
  margin: 0;
  padding: 32px 27px;
  border-bottom: 1px solid #d8d8d8;
}
html.login-pf .ui-dialog .ui-widget-header .ui-dialog-title {
  font-size: 24px;
  font-weight: normal;
  color: #333;
  line-height: 1.1;
  margin: 0;
}
html.login-pf .ui-dialog .ui-widget-header .ui-dialog-titlebar-close {
  display: none;
}
html.login-pf .ui-dialog h2.special-text {
  font-size: 21px;
  font-weight: normal;
  color: #05a7df;
  margin: 10px 0;
}
html.login-pf .ui-dialog h3 {
  font-size: 15.4px;
  font-weight: bold;
}
html.login-pf .ui-dialog .ui-dialog-buttonpane.ui-widget-content {
  border: none;
  padding: 10px 35px 20px;
}
html.login-pf .dialog-toast {
  font-family: var(--font-family--default, Karla, Roboto, Arial, sans-serif);
  z-index: 501;
  background-color: #fff;
  position: fixed;
  bottom: 10px;
  left: 10px;
  border: 1px solid #aaaaaa;
  -moz-border-radius: var(--border-radius--default, 4px);
  -webkit-border-radius: var(--border-radius--default, 4px);
  border-radius: var(--border-radius--default, 4px);
  padding: 10px;
  max-width: 25%;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5);
}
html.login-pf .dialog-toast #cookie-acceptance-text {
  max-height: 200px;
  overflow-y: auto;
}
html.login-pf .dialog-toast div {
  font-size: 8px;
}
html.login-pf .dialog-toast .buttons {
  padding: 10px 0 0 0;
  text-align: right;
}
html.login-pf .dialog-toast .buttons button {
  padding: 2px 6px;
  height: 30px !important;
  margin: 0 0 0 5px;
}

@media (max-width: 840px) {
  html.login-pf body .login-pf-page .card-pf.login-pf-social-section {
    width: 95%;
    max-width: none;
    padding: 0;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-social-section:first-of-type {
    padding-right: 19px;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-social-section:last-of-type {
    padding-left: 20px;
  }
  html.login-pf body .dialog-toast {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  #kc-container-wrapper {
    position: absolute;
    width: 100%;
  }

  .login-pf .container {
    padding-right: 80px;
  }

  #kc-locale {
    position: relative;
    text-align: right;
    z-index: 9999;
  }

  .login-pf-page .login-pf-social-section:first-of-type {
    padding-right: 39px;
    border-right: 1px solid #d1d1d1;
    margin-right: -1px;
  }
  .login-pf-page .login-pf-social-section:last-of-type {
    padding-left: 40px;
  }
  .login-pf-page .login-pf-social-section .login-pf-social-link:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  html.login-pf body .login-pf-page .card-pf, html.login-pf body .login-pf-page .card-pf.registration {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
  html.login-pf body .login-pf-page .card-pf.login-pf-social-section:not(.idpOnly), html.login-pf body .login-pf-page .card-pf.login-pf-social-section.idpOnly, html.login-pf body .login-pf-page .card-pf.registration.login-pf-social-section:not(.idpOnly), html.login-pf body .login-pf-page .card-pf.registration.login-pf-social-section.idpOnly {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-accounts, html.login-pf body .login-pf-page .card-pf.registration .login-pf-accounts {
    max-width: none;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-social-section:first-of-type, html.login-pf body .login-pf-page .card-pf.registration .login-pf-social-section:first-of-type {
    padding-right: 0;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-social-section:last-of-type, html.login-pf body .login-pf-page .card-pf.registration .login-pf-social-section:last-of-type {
    padding-left: 0;
  }
  html.login-pf body .dialog-toast {
    max-width: 75%;
  }
  html.login-pf body .ui-dialog.jupiter-message {
    max-width: 100%;
  }
  html.login-pf .container {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  html #kc-header {
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    text-align: left;
  }
  html #kc-header-wrapper {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 60px 0 0;
    letter-spacing: 0;
  }
  html div.kc-logo-text {
    margin: 0;
    width: 150px;
    height: 32px;
    background-size: 100%;
  }
  html #kc-form {
    float: none;
  }
  html #kc-form div.form-group .form-control {
    padding-top: 26px;
    padding-bottom: 8px;
  }
  html #kc-form div.form-group .form-control ~ label {
    position: absolute;
    top: 0;
    left: 0;
  }
  html #kc-info-wrapper {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 15px;
  }
  html #kc-social-providers li {
    display: block;
  }
  html #kc-locale {
    position: absolute;
    width: 200px;
    top: 20px;
    right: 20px;
    text-align: right;
    z-index: 9999;
  }
  html #kc-logo-wrapper {
    background-size: 100px 21px;
    height: 21px;
    width: 100px;
    margin: 20px 0 0 20px;
  }
  html #footer {
    position: static;
    height: 95px;
  }
  html #footer #footer-copyright {
    display: block;
  }
}
@media (max-width: 580px) {
  html.login-pf body .login-pf-page .card-pf {
    margin-top: 10px;
  }
  html.login-pf body .login-pf-page .card-pf.login-pf-social-section {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-header {
    margin-bottom: 10px;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo {
    width: 180px;
    height: 40px;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-header .manufacturer-logo.no-image {
    background-size: 180px;
  }
  html.login-pf body .login-pf-page .card-pf .login-pf-header h1 {
    margin-top: 5px;
  }
  html.login-pf body .login-pf-page .card-pf form .form-group .form-group {
    display: block;
    margin: 8px 0 0;
    width: 100%;
  }
  html.login-pf body .login-pf-page .card-pf form .form-group .regex-description {
    margin: 0;
  }
  html.login-pf body .login-pf-page .card-pf form .form-group.check-boxes .register-agree {
    margin: 0;
  }
  html.login-pf body .login-pf-page .card-pf form .form-group.check-boxes .form-group {
    display: inline-block;
    width: calc(-7px + 50%);
    margin: 0;
  }
  html.login-pf body .login-pf-page .card-pf form .form-group.check-boxes .form-group span {
    margin: 5px;
  }
  html.login-pf body .login-pf-page .card-pf #kc-info-wrapper {
    margin: 0 0 15px 0;
    padding: 0;
  }
  html.login-pf body #footer #footer-copyright {
    white-space: normal;
  }
  html.login-pf body .dialog-toast {
    max-width: 98%;
    bottom: 1%;
    left: 1%;
  }
  html.login-pf body .ui-dialog.jupiter-message {
    max-width: 100%;
    min-height: 100%;
  }
  html.login-pf body .ui-dialog.jupiter-message .ui-dialog-content {
    max-height: 100% !important;
  }
}
@media (min-height: 646px) {
  html #kc-container-wrapper {
    bottom: 12%;
  }
}
@media (max-height: 645px) {
  html #kc-container-wrapper {
    padding-top: 50px;
    top: 20%;
  }
}

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