body.blue-bg{
    background: url('../img/fundo.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.95;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;/**/
    width: 100%;
}

@media (max-width: 600px) 
{
  body.blue-bg {
    background-size: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}


body.blue-bg-farm{
    background: url(http://d1ud0yashxknao.cloudfront.net/Production/fazendaDaGrama/fazenda_background-min.jpg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    width: 100%;
    background-size: cover;
}

body.blue-bg-farm .btn {
    background-color: rgb(84,103,86);
    border: 1px solid rgb(84,103,86);
}

body.blue-bg-alphaville .btn {
    background-color: rgb(103, 189, 68);
    border: 1px solid rgb(103, 189, 68);
}

body.bg-reserva-bellano .btn {
  background-color: rgb(72, 119, 50);
  border: 1px solid rgb(72, 119, 50);
}

body.bg-solar-sao-judas-tadeu .btn {
  background-color:  #FFE300;
  border: 1px solid  #FFE300;
}

body.bg-parque-ville-fiqueira .btn {
  background-color: #9B6944;
  border: 1px solid #9B6944;
}

body.bg-vivalegro .btn {
  background-color: #495221;
  border: 1px solid #495221;
}

body.bg-associacao-estrela-alta .btn {
  background-color: #355997;
  border: 1px solid #355997;
}

body.bg-alto-do-sion .btn {
  background-color: #C1682D;
  border: 1px solid #C1682D;
}

body.bg-entre-lagos .btn {
  background-color: #729588;
  border: 1px solid #729588;
}

body.bg-estrela-lagos .btn {
  background-color: #0e7062;
  border: 1px solid #0e7062;
}

body.bg-mais-parque .btn {
  background-color: #919b48;
  border: 1px solid #919b48;
}

body.bg-natura-home-resort .btn {
  background-color: #4d6e5b;
  border: 1px solid #4d6e5b;
}

body.bg-neoville .btn {
  background-color: #858677;
  border: 1px solid #858677;
}

body.bg-colinasdecamboriu .btn {
  background-color:  #656C68;
  border: 1px solid  #656C68;
}

body.bg-oncondo .btn {
  background-color:  #302872;
  border: 1px solid  #302872;
}

body.bg-vert .btn {
  background-color: #2c977d;
  border: 1px solid #2c977d;
}

body.bg-gnr .btn {
  background-color: #1763af;
  border: 1px solid #1763af;
}

body.bg-guestier .btn {
  background-color: #361532;
  border: 1px solid #361532;
}

body.bg-villaggio-bellano .btn {
  background-color: #cf956f;
  border: 1px solid #cf956f;
}

body.bg-jardim-bonanca-ypes .btn {
  background-color: #841438;
  border: 1px solid #841438;
}

body.bg-praia-canoe .btn {
  background-color: #8DC9A7;
  border: 1px solid #8DC9A7;
}

body.bg-urbe .btn {
  background-color: #841438;
  border: 1px solid #841438;
}

body.bg-fre-access .btn {
  background-color: #009553;
  border: 1px solid #009553;
}

body.bg-park-meraki .btn {
  background-color: #6e8c58;
  border: 1px solid #6e8c58;
}

body.bg-elementum .btn {
  background-color: #3FBCBB;
  border: 1px solid #3FBCBB;
}

body.bg-florencia .btn {
  background-color: #FF5C2C;
  border: 1px solid #FF5C2C;
}

body.bg-lacolline .btn {
  background-color: #4B8A46;
  border: 1px solid #4B8A46;
}

body.bg-lamontagne .btn {
  background-color: #DB3936;
  border: 1px solid #DB3936;
}

body.bg-lechamp .btn {
  background-color: #845F87;
  border: 1px solid #845F87;
}

body.bg-lejardin .btn {
  background-color: #F29D4B;
  border: 1px solid #F29D4B;
}

body.bg-portofino .btn {
  background-color: #005c61;
  border: 1px solid #005c61;
}

.opacity {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}


.form-signin {
    background: white;
    width: 100%;
    max-width: 330px;
    padding: 30px 15px;
    margin: auto;
    color: #808080!important; 
    border-radius: 5px;   
}

.form-signin .hover:hover {
    border-left: 3px solid #2dabff;
    border-radius: 0px 5px 5px 0px;
    padding-left: 12px;
    box-shadow: 2px 2px rgba(0,0,0,.1);
}

.form-signin label {font-weight: 400;}
.form-signin .form-control {border:none;}
.form-signin input {padding: 0px;}

.form-signin .form-group .form-validate input {
    text-align: center !important;
    border-bottom: 1px solid !important;
}

.copyright{
    font-weight: 600;
    font-size: 14px;
}
@media only screen and (max-width: 768px){
    .loginColumns{ padding: 50px 0px; }
}
@media only screen and (max-width: 479px){
    .loginColumns{ padding: 0px; }
    .midle-align{ padding: 0px; }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.ibox-content .header img {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.loginColumns.animated.fadeInDown .col-md-12.text-center .col-lg-8.col-md-8.col-sm-9.midle-align .ibox-content{
    background-color: #f3f3f3;
}

.pull-right{padding-left: 10px;}

.img-logo-login{margin-bottom: 20px;}
.content-login{margin-top: 20px;}
.content-login .input-email,
.content-login .content-password{text-align:  left;margin-bottom: 15px;}
.content-login .content-password .input-password{text-align:  left;padding-left: 0px;}
#forgot-password, .create-new-account{color: #2dabff;}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {background-color: #ffffff !important;}
#profile-container img#profileImage{
    border-radius: 50%;
    width: 90px;
    height: 90px;
}


.invite #profile-container img {
  width: 82px;
  height: 82px;
  cursor: pointer;
}
.invite #imageUpload {
  display: none;
}