body
{
   margin-top:0px;
}

.mainMenu a
{
   text-shadow: 1px 1px 6px var(--white);
}

.login
{
    background-position: top right;
    background-repeat: no-repeat;
    background-size:50% auto;
    min-height:1050px;
    padding-top:350px;
}
.login .error
{
    color:var(--red);
    padding-bottom:15px;
    padding-left:0px;
}

.login h1
{
    font-size: 20px;
    font-weight: 700;
    color: var(--red);
    margin-bottom:35px;
}
.login label
{
    font-size:13px;
    display: block;
    color:var(--darkGray);
}
.login .boxLogin
{
    margin-bottom: 25px;
    box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 24px rgba(51, 51, 51, 0.24);
    padding:5px;
    border-radius:5px;
}
.login .boxLogin i
{
    color:var(--red);
    margin-top:-6px;
    float:right;
    margin-right:5px;
    cursor: pointer;
}



.login .boxLogin input[type="text"],.login .boxLogin input[type="password"]
{
    width:90%;
    border:1px solid transparent;
    font-weight:700;
    color:var(--black);
    font-size:14px;
}

.login .boxLogin input[type="text"]:focus,.login .boxLogin input[type="password"]:focus
{
outline:0;
}




.login .boxLinks
{
    padding:0px;
    padding-bottom:25px;
}
.login .boxLinks a
{
    font-size: 14px;
    font-weight:700;
    margin-right:25px;
    color: var(--red);
    text-decoration:none;
}
.login .boxSubmit button
{
    border:0px;
    border-radius:5px;
    width:100%;
    text-align:center;
    color:var(--white);
    padding:15px;
    font-size:14px;
    font-weight: 700;
}






@media (max-width:1500px)
{
   .login
        {
            background-size:50% auto;
            min-height:800px;
            padding-top:250px;
        }
}
@media (max-width:767px)
{
   .login
        {
            background-size:150% auto;
            min-height:500px;
            padding-top:50px;

        }
   .login .col-6
   {
          background-color:rgba(255,255,255,0.9);
          width:96%;
          margin-left:2%;
          padding:15px;
          border:1px solid var(--lightGray);
    }
      .login .col-6 .row
      {
          margin:0px;
      }

    .login .col-10
    {
        width:100%;
    }
    .login .boxLogin
    {
        background-color:var(--white);
    }
}