/*
 * Dashforge Auth Pages (Signin, Signup, etc.)
 *
 * This style is use in auth pages.
 *
 */
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
:root {
    --cinza: #444;
    --branco: #fff; 
    --menu1: #dbdaef;
    --menu2: #671897;
    --menu3: #6E4997;
    --menuFundo: #f3f3f9;
    --roxoFav: #9D96D3;
    --font: #4F5155;

    /* Botoes*/
    --btnPrimary: #320069;
    --btnPrimaryHover: #9C4DCC;
    --btnPrimaryFocus: #D0B5D0;
}

body {
    color: var(--font);
    background-color: var(--menuFundo);
    background-size: 100px;
}
.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; } }

.sign-wrapper { 
    width: 440px; 
}

@media (min-width: 1200px) {
.sign-wrapper {
    width: 440px; } }
.sign-wrapper .form-group label {
display: block;
margin-bottom: 5px; }

.login-box {
    border: 1px solid var(--menu3);
    box-shadow: 1px 2px 5px #D0D0D0;
    border-radius: 5px;
    padding: 30px;
}

.btn-primary{
    background-color: var(--btnPrimary);
    border:0;
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: var(--btnPrimaryHover);
}
.btn-primary:focus{
    box-shadow: 0 0 0 0.13rem var(--btnPrimaryFocus) !important;
}
@media only screen and (min-width: 768px) {
    body {
        background-size: 200px;
    }
}

@media only screen and (min-width: 1024px) {
    body {
        background-size: 300px;
    }
}
@media only screen and (min-height: 768px) {
    .login {
        min-height: 40rem;
    }
}