html,body{
  background: url('https://lamaisonautour.ioz.fr/view/lamaisonautour/img/login-background.jpg') no-repeat center center fixed;
  background-size: cover;
  height: 100%;
}

@media (max-width: 767px) {
    html,body{
      /*background-position: left;*/
    }
}

.container{
  height: 100%;
  align-content: center;
}

.card{
  min-height: 400px;
  margin-top: auto;
  margin-bottom: auto;
  width: 400px;
  background-color: rgba(0,0,0,0.6) !important;
}

.card-header {
    padding: .5rem 1.25rem 0 1.25rem;
    border-bottom: none;
}

.card-header h3{
  color: white;
  font-size: 1.85rem;
}
.card-header h6{
  color: white;
  font-size: 0.75rem;
  line-height: 1;
  margin-left: -5px;
  color: #ff86c9;
}
.planningcolor{
  color: red !important;
}
.card-body{
  color: #FFF;
  flex:inherit;
}
.card-body {
    padding: .5rem 1rem .8rem 1rem
}

.card-body .intro{
    font-size: .9em;
}

.card-footer{
  padding: .4rem 1.25rem;
  border-top:none;
}

.logo{
  position: absolute;
  right: 25px;
  background-color: white;
  padding: 10px;
  height:90px;
}

.logo img{
  max-width: 160px;
  max-height: 70px;
}
@media (max-width: 767px) {
    .card-header h6{
      margin-left: 0;
    }
    .logo img{
      max-width: 120px;
      max-height: 70px;
    }
}

.input-group-prepend span{
  width: 40px;
  height: 100%;
  background-color: #458272;
  color: black;
  border:0 !important;
  color:#ff86c9;
}

input:focus{
  outline: 0 0 0 0  !important;
  box-shadow: 0 0 0 0 !important;
}

.field-icon {
  float: right;
  margin-left: 5px;
  margin-top: 10px;
  position: relative;
  z-index: 2;
  color: #ff86c9;
}

.iozformfield{
  display:none;
  height:0px:
}

.error{
  color: #ffd966;
  width: 100%;
}

/*.remember{
  color: white;
}

.remember input{
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-right: 5px;
}*/

.login_btn, .recover_btn, .recoversubmit{
  color: #458272;
  background-color: #ff86c9;
}

.login_btn:hover,  .forgotten:hover, .recover_btn:hover, .loginpage:hover{
  color: #ff86c9 !important;
  background-color: #458272;
}

.links{
  color: white;
}

.links a, .links a:visited{
  color: #ff86c9;
  text-decoration: none;
}
.links a:hover{
  color: #ff86c9;
  text-decoration: none;
  font-weight: 500
}

.wrap-captcha{
  padding-left: 40px;
}
@media (max-width: 767px) {
  .wrap-captcha{
    padding-left: 0px;
  }
} 

.msg{
  color: #ff86c9;
  font-weight: 600;
  font-size: .9rem;
  margin-left: 5px;
}


.madeby, .madeby a, .madeby:visited {
  color: #F9F9F9;
  font-size: .9em;
}
.madeby a:hover{
  color:#FFF;
}