.htmlLogin{
  background: url('../images/login/fondo.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 1400px) {
  .htmlLogin{
    background: url('../images/login/fondo2.jpg') no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }
}
.body-sign-in .form-container, .body-sign-up .form-container {
  box-shadow: 0px 0px 8px #8c898c;
  max-width: 320px;
  margin: 40px auto 30px 10%;
}
@media (max-width: 1023px) {
    .body-sign-in .form-container, .body-sign-up .form-container {
      margin-left: auto;
    }
}
.body-sign-in .form-container .text-center .form-control, .body-sign-up .form-container .text-center .form-control {
  text-align: center;
}
@media (min-height: 480px) {
  .body-sign-in .form-container, .body-sign-up .form-container {
    margin-top: 10px;
  }
}
@media (min-height: 650px) {
  .body-sign-in .form-container, .body-sign-up .form-container {
    margin-top: 30px;
  }
}
@media (min-height: 700px) {
  .body-sign-in .form-container, .body-sign-up .form-container {
    margin-top: 50px;
  }
}
@media (min-height: 750px) {
  .body-sign-in .form-container, .body-sign-up .form-container {
    margin-top: 90px;
  }
}
@media (min-height: 800px) {
  .body-sign-in .form-container, .body-sign-up .form-container {
    margin-top: 110px;
  }
}
@media (min-height: 900px) {
  .body-sign-in .form-container, .body-sign-up .form-container {
    margin-top: 160px;
  }
}
@media (min-height: 950px) {
  .body-sign-in .form-container, .body-sign-up .form-container {
    margin-top: 210px;
  }
}
.panel-default .panel-body + .panel-body {
  border-top: 1px solid #dddddd;
}
.margin-xl-bottom {
    margin-bottom: 32px !important;
}
.login-rectangle{
  margin: 20px;
  border: 1px solid #cfd3d4;
  border-radius: 7px;
}
.social-collage{
    background-color: #4c565e;
    padding: 5px;
    border-radius: 7px 7px 0px 0px;
}
.social-container .row-social-container{
  margin-left: 4px;
  margin-right: 4px;
}
.social-container .row-social-container .col-social-item{
  padding-left: 4px;
  padding-right: 4px;
}
.social-container .row-social-container .col-social-item-selected{
  padding-left: 4px;
  padding-right: 4px;
}