/*
 * Dashforge Auth Pages (Signin, Signup, etc.)
 *
 * This style is use in auth pages.
 *
 */
.content-auth {
  min-height: calc(100vh - 106px);
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .content-auth > .container {
    padding: 0; }
    @media (max-width: 1139px) {
      .content-auth > .container {
        max-width: none;
        padding: 0 20px; } }
    .content-auth > .container:first-child {
      flex: 1; }

.content-auth-alt {
  min-height: calc(100vh - 106px);
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .content-auth-alt .container {
    padding: 0; }
    @media (max-width: 1139px) {
      .content-auth-alt .container {
        max-width: none; } }

.auth-login {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }

.sign-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box; }
  .sign-wrapper .form-group label {
    display: block;
    margin-bottom: 5px; }
  .sign-wrapper .form-control,
  .sign-wrapper .btn {
    max-width: 100%;
    min-width: 0; }

@media (max-width: 575.98px) {
  .content.content-fixed {
    overflow-x: hidden;
    padding-left: 16px;
    padding-right: 16px; }
  .content.content-fixed > .container {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .auth-login {
    max-width: 100%; } }