#data_view_signin{
    width: 100%;
    height: 700px;
    background: linear-gradient(#dee6e7 , #ffffff );
    margin:0px;

}

#tp_formulaire_signin{
    position: relative;
    width: 100%;
    max-height: 700px;
   /* background-image: url("../../../images/background/opacity_20.png");*/
    /* background-color:rgb(235, 235, 235); */
    background-position:center ;
    background-size: 100%;
    margin:0px;
    padding: 0px;
}


.formulaire_signin {
    position: relative;
    max-width: 800px;
    min-height: 200px;
    margin: 0px auto 0px auto;
    /* box-shadow: 2px 2px 8px #717575; */
    padding-top: 20px;


}


.formulaire_signin h4{
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    font-family: "https://fonts.google.com/specimen/Montserrat";
    color: #2e6da4;
}

.formulaire_signin h4:nth-child(1){

}

.formulaire_signin .form-group {
    position: relative;
    text-align: left;
    margin:20px 0px 20px 8px;
}



.formulaire_signin .form-control {
    padding: 3px 8px!important;
    height: 25px;
    border-radius: 25px;
}

.formulaire_signin .formulaire_signin_elem{
    margin: 0px auto 0px auto; 
    max-width: 450px;
}

.formulaire_signin .formulaire_signin_elem .elem{
   max-width: 450px;
   min-height: 160px;
   padding: 0px 7px 0px 7px; 
}

.formulaire_signin .formulaire_signin_elem .elem form{
    max-width: 450px;
    min-height: 170px;
}

.formulaire_signin .formulaire_signin_elem .elem .form-group:nth-child(1) {
    margin:20px 0px 20px 8px;
}

.formulaire_signin .formulaire_signin_elem span{
    color: #ff0000;
}

#formulaire_signin_msg{
    color:#ffffff;
    text-align:left;
    width:100%;
    min-height:30px; 
    padding-top:1px;
    padding-left:15px;
    border-radius:6px;  
    margin-bottom: 3px;
}

#formulaire_signin_msg h4{
    text-align:left;
    color:#ffffff;
    font-size: 21px;
    margin: 0px;
}


.formulaire_signin_elem > input{
    display: block;
    border:none;
    font-size: 15px;
    transition: 0.4s ease-out;
}

.formulaire_signin .form-group > label{
    position: absolute;
    top:-10px;
    left: left;
    transform:translateY(-50%);
    color:#0062a1;
    font-size: 17px;
    transition:0.4s ease-out;
}
/*
.formulaire_signin .form-group label{
    color:#1068ae;
}*/

.formulaire_signin .form-group .content{
    top:-10px;
}

.formulaire_signin .form-group:focus-within > label,
.formulaire_signin .form-group.animationJs > label {
    /*transform:translateY(-100%);*/
    color:#0062a1;
}

.formulaire_signin .form-group:focus-within > input,
.formulaire_signin .form-group.animationJs > input,
.formulaire_signin .form-group:focus-within > textarea,
.formulaire_signin .form-group.animationJs > textarea,
.formulaire_signin .form-group:focus-within > select,
.formulaire_signin .form-group.animationJs > select
{
    border-bottom: 2px solid #0062a1;
}

.formulaire_signin .form-group.animationJs > label
{
    color:#0062a1;
}

.formulaire_signin .btn_validation{
    width: 150px;
    background-color: #4675ca;
    
}


.formulaire_signin_confirm_elem{
    max-width: 450px;
    margin: 0px auto 10px auto;
    padding: 10px;
    border-radius: 6px;
}

.formulaire_signin_confirm_elem .form-control {
    padding: 3px 8px!important;
    height: 25px;
    border-radius: 25px;
}

.formulaire_signin_confirm_elem p{
    color: #5cb85c;
    font-size: 18px;
    line-height: 1.42857143;
    margin: 0px 0px;
    text-align: justify;   
}

.formulaire_signin_confirm_elem h3,
.formulaire_signin_confirm_elem h4,
.formulaire_signin_confirm_elem h5{
    text-align: left;
}

.formulaire_signin_confirm_elem h4{
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    text-decoration: none;
    font-family: "https://fonts.google.com/specimen/Montserrat";
    color: #717575;
}

#formulaire_signin_confirm_msg {
    color:#ffffff;
    text-align:left;
    width:100%;
    min-height:30px;
    padding:9px;
    border-radius:6px;
}

#formulaire_signin_confirm_msg h4{
    text-align:left;
    color:#ffffff!important;
    font-size: 21px;
    margin-top: 5px!important;
}

#loading_signin {
    position: absolute;
    display: none;
    z-index: 1;
    text-align: center;
    background-color: #1f1f1f;
    opacity: 0.7;
    width: 100%;
    height: 100%;
}

#loading_signin img{
margin:230px auto 0px auto;
color: #ffffff;
}

 #loading_signin p{
    color: #ffffff;
    }