/*
  Created by Stephane Arribart.
  For Influa
  Date: 02/06/2021
  Time: 09:09

  --- login ---

          |\      _,,,---,,_
    ZZZzz /,`.-'`'    -.  ;-;;,_
         |,4-  ) )-,_. ,\ (  `'-'
        '---''(_/--'  `-'\_)  

*/
#login {
  min-height: 100vh;
  background-image: url("../img/background.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
#login #deconnexion {
  position: absolute;
  bottom: 74px;
  left: 60px;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 32px;
  border: solid 1px #ddd;
}
#login #deconnexion i {
  color: #ddd;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#login #deconnexion:hover {
  background-color: #ffffff;
  border: solid 1px #13577c;
  cursor: pointer;
}
#login #deconnexion:hover i {
  color: #13577c;
}
#login_window {
  text-align: center;
  border-radius: 8px;
  width: 620px;
  height: 500px;
  background: inherit;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  margin-left: -310px;
  margin-top: -250px;
}
#login_window:before {
  width: 700px;
  height: 600px;
  content: "";
  position: absolute;
  top: -25px;
  left: -25px;
  bottom: 0;
  right: 0;
  background: inherit;
  box-shadow: inset 0 0 0 200px rgba(255, 255, 255, 0.4);
  filter: blur(300px);
}
#login_window form {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
}
#login_window form h4 {
  color: #ffffff;
}
#login_window form input:not([type]), #login_window form input[type=text]:not(.browser-default), #login_window form input[type=password]:not(.browser-default), #login_window form input[type=email]:not(.browser-default), #login_window form input[type=url]:not(.browser-default), #login_window form input[type=time]:not(.browser-default), #login_window form input[type=date]:not(.browser-default), #login_window form input[type=datetime]:not(.browser-default), #login_window form input[type=datetime-local]:not(.browser-default), #login_window form input[type=tel]:not(.browser-default), #login_window form input[type=number]:not(.browser-default), #login_window form input[type=search]:not(.browser-default), #login_window form textarea.materialize-textarea {
  border-bottom: solid 1px #ffffff;
  color: #ffffff;
}
@-webkit-keyframes autofill {
  0%, 100% {
    color: #fff;
    background: transparent;
  }
}
#login_window form input:-webkit-autofill {
  -webkit-animation-delay: 1s;
  /* Safari support - any positive time runs instantly */
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
#login_window form .oupss {
  position: absolute;
  top: 0;
  display: block;
  font-size: 14px;
}
#login_window form .oupss .card {
  box-shadow: none;
  border: solid 1px #ffffff;
  border-radius: 4px;
}
#login .k_container {
  width: 400px;
  height: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#login .k_container .k_center {
  width: 180px;
  height: 60px;
  position: absolute;
}
#login .k_container .k_center .k_btn {
  width: 180px;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #91C9FF;
  outline: none;
  transition: 1s ease-in-out;
}
#login .k_container .k_center .k_btn svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}
#login .k_container .k_center .k_btn span {
  color: white;
  font-size: 18px;
  font-weight: 100;
}
#login .k_container .k_center .k_btn:hover {
  transition: 1s ease-in-out;
  background: #13577c;
}
#login .k_container .k_center .k_btn:hover svg {
  stroke-dashoffset: -480;
}

.btn {
  margin-top: 10px;
}

.container {
  margin: 100px auto;
  width: 35%;
}
@media (max-width: 952px) {
  .container {
    width: 60%;
  }
}
@media (max-width: 475px) {
  .container {
    width: 80%;
  }
}

.container_setup {
  margin: 60px auto;
  width: 65%;
}

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