/*
https://www.ccbg.io/generator
 */
 .colorful {
   background:
     -webkit-linear-gradient(65deg, hsla(18.08, 100%, 69.41%, 1) 10%, hsla(18.08, 100%, 69.41%, 0) 80%),
     -webkit-linear-gradient(135deg, hsla(45.38, 100%, 69.41%, 1) 15%, hsla(45.38, 100%, 69.41%, 0) 80%),
     -webkit-linear-gradient(205deg, hsla(207.39, 84.15%, 67.84%, 1) 100%, hsla(207.39, 84.15%, 67.84%, 0) 70%);
   background:
     linear-gradient(25deg, hsla(18.08, 100%, 69.41%, 1) 10%, hsla(18.08, 100%, 69.41%, 0) 80%),
     linear-gradient(315deg, hsla(45.38, 100%, 69.41%, 1) 15%, hsla(45.38, 100%, 69.41%, 0) 80%),
     linear-gradient(245deg, hsla(207.39, 84.15%, 67.84%, 1) 100%, hsla(207.39, 84.15%, 67.84%, 0) 70%);
   }
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}



[type="checkbox"]:checked+span:not(.lever):before
{
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
[type="checkbox"]+span:not(.lever):before, [type="checkbox"]:not(.filled-in)+span:not(.lever):after
{
  border: 2px solid #FFFFFF;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#login{
  background-color: rgba(200, 200, 200, .25);
  /* opacity: 0.33; */
}
/* label color */
.input-field label {
 color: #FFF;
}
/* label focus color */
/*.input-field input[type=text]:focus + label {
 color: #FFF;
}*/
/* label underline focus color */
.input-field input[type=text]:focus {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 1px 0 0 #FFF;
}

#identifiant {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 0px 0 0 #FFF;
 color: #FFF;
}

#password {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 0px 0 0 #FFF;
 color: #FFF;
}

#identifiant:focus {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 2px 0 0 #FFF;
}

#password:focus {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 2px 0 0 #FFF;
}

#label_identifiant {
 color: #FFF;
}

#label_password {
 color: #FFF;
}
/* valid color */
.input-field input[type=text].valid {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 1px 0 0 #FFF;
}
/* invalid color */
.input-field input[type=text].invalid {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 1px 0 0 #FFF;
}
.input-field input[type=password]:focus {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 1px 0 0 #FFF;
}
/* valid color */
.input-field input[type=password].valid {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 1px 0 0 #FFF;
}
/* invalid color */
.input-field input[type=password].invalid {
 border-bottom: 1px solid #FFF;
 box-shadow: 0 1px 0 0 #FFF;
}
/* icon prefix focus color */
.input-field .prefix.active {
 color: #FFF;
}