.body {
  margin-bottom: 25px;
  padding-left:10px;
}
.body1 {
  margin-bottom: 25px;
  padding-left:10px;
  width: 100%;
}


label {
  position: relative;
}

label input {
  font-size: 1em;
  color: #f9f9f9;
  background: transparent;

  padding: 1rem 1.2rem;
  width: 230px;

  border-radius: 5px;
  border: 2px solid #7a7a7a;

  transition: all 0.2s;
}

label input:focus {
  border-color: #ff4754;
}

label .password-icon {
  display: flex;
  align-items: center;

  position: absolute;
  top: 32%;
  left: 210px;
  transform: translateY(-50%);
  width: 20px;

  color: blue;
  transition: all 0.2s;
}

label .password-icon:hover {
  cursor: pointer;
  color: #ff4754;
}

label .password-icon .feather-eye-off {
  display: none;
}

.inscriptions_infos{font-size:12px;border: 1px solid #c4c4c4;padding: 10px 25px 10px 25px;background: #F2F3F4;margin: 20px auto;width: 74%}

.certificats {

  font-size:12px;

  border: 1px solid #c4c4c4;

  padding: 30px 25px 10px 25px;

  background: white;

  margin: 30px auto;

  width: 80%;

}
.certificats_admin {

  border: 1px solid #c4c4c4;

  padding: 30px 25px 10px 25px;

  background: white;

  margin: 30px auto;

  width: 80%;

}
.certificats_texte {

color : #000;
font-size:11px;

}

.certificats_modif_texte {color : red;font-size:11px;}
.certificats_admin_texte {color : #000;font-size:12px;}
.certificats_admin_input{width: 30%;color : #000;font-size:11px;}
select{
	border:2px solid #CEECF5;
	width: 120px;
	height: 40px;
}

select:hover {
	border:2px solid #CEECF5;
	background: white;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.box {

  border: 1px solid #c4c4c4;

  padding: 30px 25px 10px 25px;

  background: white;

  margin: 30px auto;

  width: 300px;

}

h1.box-logo a {

  text-decoration:none;

}

h1.box-title {

  color: white;

  font-weight: 300;

  padding: 15px 25px;

  line-height: 30px;

  font-size: 25px;

  text-align:center;

  margin: -27px -26px 26px;

}

.box-button {

  border-radius: 5px;

  background: #1F618D;

  text-align: center;

  cursor: pointer;

  font-size: 19px;

  width: 250px;

  height: 41px;

  padding: 0;

  color: #fff;

  border: 0;

  outline:0;

}

.box-register

{

  text-align:center;

  margin-bottom:0px;

}

.box-register a

{

  text-decoration:none;

  font-size:12px;

  color:#666;

}

.box-input {

  font-size: 14px;
  
  color:#666;

  background: #fff;

  border: 1px solid #ddd;

  margin-bottom: 25px;

  padding-left:10px;

  border-radius: 5px;

  width: 250px;

  height: 20px;

}
.box-input_text {

  font-size: 14px;
  
  color:#666;

  background: #fff;

  border: 1px solid #ddd;

  margin-bottom: 25px;

  padding-left:10px;

  border-radius: 5px;

  width: 250px;

  height: 30px;

}
.box-input {

  font-size: 14px;
  
  color:#666;

  background: #fff;

  border: 1px solid #ddd;

  margin-bottom: 16px;

  padding-left:10px;

  border-radius: 5px;

  width: 250px;

  height: 30px;

}
.box-input:focus {

    outline: none;

    border-color:#5c7186;

}

.inscription{

	text-align: center;

	color: black;

}

.sucess{

	text-align: center;

	color: white;

}

.sucess a {

	text-decoration: none;

	color: #58aef7;

}

p.errorMessage {

    background-color: #e66262;

    border: #AA4502 1px solid;

    padding: 5px 10px;

    color: #FFFFFF;

    border-radius: 3px;

}

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}