@charset "UTF-8";
/*
 * Copyright (c)  2018 by INFODATA-GROUP. All rights reserved.
 * No part of this publication may be reproduced, distributed,
 * or transmitted in any form or by any means, including photocopying, recording,
 * or other electronic or mechanical methods, without the prior written permission of the publisher,
 * except in the case of brief quotations embodied in critical
 * reviews and certain other noncommercial uses permitted by copyright law.
 * author : bs
 * date : 10/09/18 09:04
 */
/** Transformed from .css */
body, html {
  height: 100%;
  width: 100%;
  overflow: hidden; }

/* D├®clarations pour tous le process de login */
#container-login {
  display: flex;
  height: 100%;
  justify-content: space-between;
  min-width: 600px;
  min-height: 320px;
  font-size: 12px;
  position: relative;
  background-image: url(../images/login/Infodata_Batiment.jpg);
  background-size: cover; }

#container-login > * {
  margin: auto;
  position: relative; }

#container-login a#infodata-group-login {
  position: absolute;
  right: 30px;
  bottom: 30px; }

#container-login a#infodata-group-login img {
  width: 120px; }

/* Les diff├®rents sous container */
#container-login > #space-login,
#container-login > #space-mdp-oublie {
  color: #2F373A; }

#container-login > #space-login,
#container-login > #space-mdp-oublie,
#container-login > #space-change-password {
  -webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.3); }

/* Les ├®l├®ments */
#container-login .form-group {
  position: relative; }

#container-login label,
#container-login input,
#container-login button {
  width: 100%; }

#container-login label {
  margin-bottom: 2px;
  text-align: left; }

#container-login input {
  height: 36px;
  border: solid #C8C8C8 1px;
  border-radius: 0;
  line-height: 36px;
  color: #2F373A; }

#container-login .form-group.error .input-icon:before {
  color: #da4453; }

#container-login .form-group.error input {
  border: solid #da4453 1px; }

#container-login .form-group .input-error {
  display: none;
  position: absolute;
  right: 7px;
  bottom: 1px;
  color: #da4453;
  font-size: 10px; }

#container-login .form-group.error .input-error {
  display: block; }

#container-login .form-group.error .input-error.hide {
  display: none; }

#container-login button.submit {
  background-color: #FAAA0A;
  color: #2f373a;
  border: none;
  box-shadow: none;
  height: 40px;
  line-height: 42px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px; }

#container-login button.submit:hover {
  cursor: pointer;
  background-color: #f0960a; }

#container-login div.title {
  font-size: 18px;
  margin-bottom: 10px; }

#container-login div.title > i {
  margin-right: 4px; }

#container-login div.texte {
  font-size: 14px;
  margin-bottom: 15px; }

/* Les diff├®rents icones des input */
#container-login input.input-icon {
  padding-left: 30px; }

#container-login span.input-icon:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  position: absolute;
  left: 10px;
  bottom: 8px;
  font-size: 14px; }

#container-login span.username-icon:before {
  content: "\f007"; }

#container-login span.password-icon:before {
  content: "\f023"; }

#container-login span.email-icon:before {
  content: "\f0e0"; }

/* Le footer */
#container-login .footer-login {
  text-align: center;
  font-size: 11px;
  margin-top: 30px; }

#container-login > div > .background {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 0;
  opacity: 0.9; }

#container-login > div > .content {
  padding: 30px 30px 10px 30px; }

#container-login > div > .content > div {
  position: relative; }

#container-login img.logo-planning {
  max-width: 130px; }

#container-login .retour_login:hover {
  cursor: pointer;
  color: #0088D5; }

#container-login div.img-header {
  margin-bottom: 40px;
  text-align: center; }

#container-login .retour-connexion-container {
  text-align: right;
  margin-top: 10px;
  margin-bottom: 20px; }

/* Space Login */
#container-login > #space-login {
  max-width: 610px; }

#space-login > div {
  width: 100%; }

#space-login .content-login {
  display: flex;
  justify-content: space-between;
  position: relative; }

#space-login .header-login img {
  float: right; }

#space-login .content-login .left,
#space-login .content-login .right {
  width: 45%;
  margin: auto; }

#space-login .content-login .middle {
  margin: auto;
  position: relative;
  text-align: center;
  width: 10%; }

#space-login .content-login .middle .vertical-trait {
  height: 100px;
  margin: auto;
  width: 1px;
  background-color: #C8C8C8; }

#space-login .content-login .middle .vertical-trait:first-child {
  margin-bottom: 5px; }

#space-login .content-login .middle .vertical-trait:last-child {
  margin-top: 5px; }

#space-login .content-login .form-group:last-child {
  margin-top: 10px; }

#space-login .content-login .form-group:last-child label,
#space-login .content-login .form-group:last-child input,
#space-login .content-login .form-group:last-child span {
  width: auto;
  height: auto; }

#space-login .content-login .form-group #mdp_oublie {
  float: right;
  display: none; }

#space-login .content-login .form-group #mdp_oublie:hover {
  color: #0088D5;
  cursor: pointer; }

#space-login .content-login button.login-ext {
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  text-align: left;
  font-size: 13px;
  background: none;
  border: none;
  box-shadow: none;
  text-transform: uppercase;
  margin-bottom: 25px;
  padding-left: 10px; }

#space-login .content-login button.login-ext:last-child {
  margin-bottom: 0; }

#space-login .content-login button.login-ext img {
  max-height: 30px;
  margin-top: -3px;
  margin-right: 5px; }

#space-login .content-login button#log-azur {
  background-color: #0088D5;
  border: solid #0071B1 1px;
  color: #fff; }

#space-login .content-login button#log-azur:hover {
  cursor: pointer; }

#space-login .content-login button#log-azur img {
  max-width: 39px; }

#space-login .content-login button#log-google {
  background-color: #fff;
  border: solid #C8C8C8 1px;
  color: #2F373A; }

#space-login .content-login button#log-google:hover {
  cursor: pointer; }

#space-login .content-login button#log-google img {
  margin-right: 15px;
  max-width: 30px; }

/** Mot de passe oubli├® **/
#space-mdp-oublie {
  text-align: center;
  max-width: 300px;
  display: none; }

#space-mdp-oublie div {
  width: 100%; }

/** Space change password **/
#space-change-password {
  display: none; }

#space-change-password {
  text-align: center;
  width: 300px; }

#space-change-password b#mdp_oublie_username {
  text-transform: uppercase; }

/** M├®thode de connexion non active */
#space-login .content-login button#log-google.connexion-disable:hover,
#space-login .content-login button#log-azur.connexion-disable:hover,
#space-login .content-login button#login-submit.connexion-disable:hover {
  cursor: default; }

#space-login .content-login button#login-submit.connexion-disable,
#space-login .content-login button#log-azur.connexion-disable,
#space-login .content-login button#log-google.connexion-disable {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #fff; }

#space-login .content-login button#login-submit.connexion-disable:hover,
#space-login .content-login button#log-azur.connexion-disable:hover,
#space-login .content-login button#log-google.connexion-disable:hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #fff; }

#space-login .content-login button#log-google.connexion-disable img {
  filter: grayscale(1); }

/* Data tips */
[data-tip] {
  position: relative; }

[data-tip]:after {
  display: none;
  content: attr(data-tip);
  position: absolute;
  bottom: 1px;
  right: 8px;
  background: #fff;
  color: #da4453;
  z-index: 9;
  font-size: 0.75em;
  height: 18px;
  white-space: nowrap;
  word-wrap: normal; }

[data-tip]:hover:before,
[data-tip]:hover:after {
  display: block; }

/*# sourceMappingURL=auth.css.map */