/* *** Début formulaire de connexion *** */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
body {
  font-family: 'Roboto', sans-serif;
  background-color: #f6f5ff;
  font-size: 0.9rem;
}
/* Permet de centrer verticalement le formulaire de connexion */
.vertical-center {
  min-height: 100%;  /*Pour les navigateurs qui ne supportent pas l'unité vh */
  min-height: 100vh; 

  display: flex;
  align-items: center;
}
.signin-left {
  position: relative;
  background: url('https://www.spruko.com/demo/azira/Azira/assets/img/media/4.jpg');
  color: #fff;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(229,227,245,0.25);
  -moz-box-shadow: 10px 10px 5px 0px rgba(229,227,245,0.25);
  box-shadow: 10px 10px 5px 0px rgba(229,227,245,0.25);
}
.signin-left-background-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(245, 66, 102, 0.8), rgba(56, 88, 249, 0.8));
}
.signin-right {
  background-color: #fff;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(229,227,245,0.25);
  -moz-box-shadow: 10px 10px 5px 0px rgba(229,227,245,0.25);
  box-shadow: 10px 10px 5px 0px rgba(229,227,245,0.25);
}
.welcome {
  color: #3858f9;
  font-weight: bolder;
}
.font-label {
  color: #c1abba;
}
.error-connexion {
  color: red;
}

/* *** Fin formulaire de connexion *** */