* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'nunitoregular', Helvetica, Arial, sans-serif;
   /* background-color: #edf2f7;*/
	 background-color: #f8f9fa;
}

.cln478v1000 {
    text-align: left;
    padding: 20px 40px;
}

a {
    text-decoration: none;
}

.cln478v1002 {
    padding-top: 4.5rem;
    padding-bottom: 2.5rem;
}

.cln478v1003 {
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    flex-direction: column;
    display: flex;
	margin: 0px 10px;
}

.cln478v1004 {
    padding: 20px;
    margin-right: auto;
    margin-left: auto;
    background: white;
    border-radius: 10px;
    position: relative;
    border: 1px solid #d2ddec;
}

.cln478v1005 {
    max-width: 500px;
}

.cln478v1006 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 10px;
    color: #12263f;
    font-family: 'nunito700';
    margin-bottom: 5px;
    margin-top: 0px;
}


.cln478v1007 {
    border: .0625rem solid rgba(33,50,91,.1);
    border-radius: .475rem;
    padding: 10px;
    font-size: 16px;
	width: 100%;
	color: #5e6278;
	outline: none;
	font-family: 'nunito600';
}

.cln478v1007::placeholder {
  color: #97a4af;
  font-family: 'nunito600';
  text-transform: lowercase;
}

input:focus {
   box-shadow: 0 0 1rem 0 rgba(140,152,164,.25);
   
}  
   
 .cln478v1008 {
  background-color: #377dff;
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
   border-radius: .375rem;
   outline: none;
   font-family: 'nunito700';
   margin-left: 40px;
}


.cln478v1008:hover {
	background-color:  #165bb6;
    box-shadow: 0 0 1rem 0 rgba(140,152,164,.25);
}
.cln478v1009{
	display: flex;

}

.cln478v1010{
    color: #377dff;
}


.cln478v1011 {
  background-color: #377dff;
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
   border-radius: .375rem;
   outline: none;
   font-family: 'nunito700';
   width: 100%;
}


.cln478v1011:hover {
	background-color:  #165bb6;
    box-shadow: 0 0 1rem 0 rgba(140,152,164,.25);
}

.cln478v1012{
	min-width: 500px;
}
.cln478v1013{
    padding: 20px 0px;
	
}
.cln478v1014{
	color: #f1416c;
}

.divpass {
    position: relative;
}
.diveye {
    right: 10px;
    position: absolute;
    top: 11px;
}
.viewPassword {
    cursor: pointer;
    color: #95aac9;
    font-size: 15px;
}

.viewPassword:hover {
	color: #181c32;
}


.cln180n1128{
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #fff;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}
.cln180n1129{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
	margin:auto;
	background: #50cd89;

}
.cln180n1130{
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}
@keyframes stroke{
    100%{
        stroke-dashoffset: 0
    }
}
@keyframes scale{
    0%, 100%{
        transform: none
    }50%{
        transform: scale3d(1.1, 1.1, 1)}
    }

@keyframes fill{100%{box-shadow: inset 0px 0px 0px 35px #50cd89}}




.cln478v1015 > p{
	padding: 16px 0px;
	margin: 0px;
}

.cln478v1016{
    padding: 20px 0px;
}

.cln478v1017{
    margin: 0;
    color: #95aac9;
    padding: 0px 10px;
}

.cln478v1018{
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: baseline;
}
.cln478v1019{
	color: #202B46;
    text-align: center;
	font-size: 60px;
}

/* Medias */

@media only screen and (max-width: 600px){
.cln478v1012 {
    min-width: initial;
}
.cln478v1004 {
    width: 95%;
}
}