*{
  color: black;
}

body.bodyLogin {
	margin: 0;  
	display:grid;  
	grid-template-columns: 1fr 1fr ;  
	grid-template-rows: 100;  
	height: 100%;  
	width: 100%;  
	background-color: #191919;
}

a:after{background: #ffffff}

#container_Json{
  grid-row: 1/1;
  grid-column: 1/2;
}
body div lottie-player{
  width: 95%;
  height: 80%;
}
#container_form{
  display: grid;
  grid-column: 2/-1;
  grid-row: 1/-1;
  width: 100%;
  height: 100%;
  grid-template-rows: 10% 80% 10%;
  grid-template-columns: 1fr 1fr 1fr;
  background-color: white;
}
#LoginForm{
  display: grid;
  grid-column: 2/3;
  grid-row: 2/3;
  grid-template-columns: 5% 105% 5% 5%;
  grid-template-rows: 5% 15% 2% 10% 2% 10% 9% 15% 4% 4% 25%;
  grid-row-gap: 1%;
  background-color: white;
  width: 100%;
}
#connectLogo a:after{content: none;
}
#connectLogo {
      display: flex;
      justify-content: flex-end;
      width: 100%;
      position: absolute;
      right: 10px;
      top: 10px;

      @media (--mobile-viewport-width) {
        position: static;
      }
    }

#linkLogo {
	background: #ffffff;
}
#linkLogo:after{
	background: #ffffff;
}

#logo{
  display: flex;
  grid-row:3/3;
  grid-column:1/-1;
  align-items: center;
  justify-content: center;
}
#fields{
  grid-row:5/5;
  grid-column:2/4 ;
  display: flex;
  justify-content: left;
 flex-direction: column;
}

#PasswordRecoveryLink {
	color: #0071f2;
	font-family: "Inter",trebuchet ms, verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	
}
#PasswordRecoveryLink:after {
	color: #0071f2;
	font-family: "Inter",trebuchet ms, verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	
}

#UserNameRecoveryLink {
	color: #0071f2;
	font-family: "Inter",trebuchet ms, verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
}

#UserNameRecoveryLink:after {
	color: #0071f2;
	font-family: "Inter",trebuchet ms, verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
}

#NotClientSpan {
	font-family: "Inter",trebuchet ms, verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
} 
#NotClientLink {
	color: #0071f2;
	font-family: "Inter",trebuchet ms, verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
}

#NotClientLink:after {
		color: #0071f2;
		font-family: "Inter",trebuchet ms, verdana, Arial, sans-serif;
		font-size: 12px;
		background: #FFFFFF;
	}

#citation.cta p {
	color: #fa591f;
	text-align: center;
	line-height: 1.5em;
}

#citation.cta span {
	color: #fa591f;
	text-align: center;
	font-family: "poppins","proxima_novasemibold", "Helvetica bold", "Helvetica", "Arial bold", "Arial", sans-serif;
	font-size: 2em;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
}

#citation.cta p a {
	color: #fff;
}

#citation.cta p a:hover, #citation.cta p a:focus {
	color: #d6d6d6;
}