/*
 * Dashforge Auth Pages (Signin, Signup, etc.)
 *
 * This style is use in auth pages.
 *
 */
.pkf-kl-login {
  font-family: 'Rubik' !important;
  /* JS warning */ }

@font-face {
  .pkf-kl-login {
    font-family: 'Rubik';
    src: url("/bundles/pkfview/fonts/Rubik/Rubik-Regular.ttf") format("truetype");
    font-weight: normal; } }

@font-face {
  .pkf-kl-login {
    font-family: 'Rubik';
    src: url("/bundles/pkfview/fonts/Rubik/Rubik-Medium.ttf") format("truetype");
    font-weight: 500; } }
  .pkf-kl-login .content-auth {
    min-height: calc(100vh - 106px);
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .pkf-kl-login .content-auth > .container {
      padding: 0; }
      @media (max-width: 1139px) {
        .pkf-kl-login .content-auth > .container {
          max-width: none;
          padding: 0 20px; } }
      .pkf-kl-login .content-auth > .container:first-child {
        flex: 1; }
  .pkf-kl-login .content-auth-alt {
    min-height: calc(100vh - 106px);
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .pkf-kl-login .content-auth-alt .container {
      padding: 0; }
      @media (max-width: 1139px) {
        .pkf-kl-login .content-auth-alt .container {
          max-width: none; } }
  .pkf-kl-login .sign-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 340px; }
    @media (min-width: 1200px) {
      .pkf-kl-login .sign-wrapper {
        width: 340px; } }
    .pkf-kl-login .sign-wrapper .form-group label:not(.custom-control-label) {
      display: block;
      margin-bottom: 5px; }
    .pkf-kl-login .sign-wrapper .form-group label.custom-control-label {
      display: block;
      padding-bottom: 5px !important; }
    .pkf-kl-login .sign-wrapper .form-group .custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: #099a97 !important;
      background-color: #099a97 !important; }
  .pkf-kl-login.js #javascript {
    display: none; }
  .pkf-kl-login #javascript {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 9px;
    background: #fff;
    text-align: center;
    display: flex;
    justify-content: center; }
    .pkf-kl-login #javascript .alert {
      width: 80%; }