	.field-error-message {
		position: absolute;
		font-size: 10px;
		color: #f5365c;
		top: 40px;
	}
	textarea ~ div.field-error-message
	{
		
		position: absolute;
		font-size: 10px;
		color: #f5365c;
		top: 70px;
		
	}
	.form-control.is-invalid,
	.custom-select.is-invalid{
		border-bottom-color: red;
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.form-control.is-invalid:focus,
	.custom-select.is-invalid:focus{
		border-bottom-color: red;
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.form-control.is-invalid:invalid:focus{
		border-bottom-color: red;
		border-top-color: white;
		border-left-color: white;
		border-right-color: white;
	}
	.form-control.is-invalid:focus
	{
		box-shadow: 0 0 0 0;
	}
  :root {
    --input-padding-x: 1.5rem;
    --input-padding-y: .75rem;
  }

  body {
    background: #fff;
    color: #000;
  }

  .adresaCorespondentaDiferita {
    display: none;
  }

  .another_loan {
    display: none;
  }

  .step {
    display: none;
  }

  .step-active {
    display: block;
  }

  .final-step {
    display: none;
  }

  .gradient-half-primary-v1 {
    background: linear-gradient(150deg, #1d3a8c 10%, #0a3dcc 50%, #3094ff 94%);
  }

  .algo-login-logo {
    font-family: 'Ailerons-Regular';
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: -.15em;
    display: block;
    color: #fff;
  }

  .algo-login-logo:hover {
    color: #fff;
    text-decoration: none;
  }

  .algo-login-logo-white,
  .algo-login-logo-white:hover {
    color: #007bff !important; 
    padding-left: 0em;
  }

  .form-control:focus {

      color: #495057;
      background-color: #fff;
      outline: 0;
      box-shadow: 0px 1px 1px 0px rgba(0,123,255,.25);
      border-bottom-color: #80bdff;
      border-top-color: white;
      border-left-color: white;
      border-right-color: white;

    }

  .form-control:hover {

      color: #495057;
      background-color: #fff;
      outline: 0;
      box-shadow: 0px 1px 1px 0px rgba(0,123,255,.25);
      border-bottom-color: #80bdff;
      border-top-color: white;
      border-left-color: white;
      border-right-color: white;

    }

  .form-control {
    padding: 0;
    border-top-color: white;
    border-right-color: white;
    border-left-color: white;
    border-radius: 0;
  }



  .form-group div label
  {
    position: relative;
    top: -30px;
    pointer-events: none;
    left: 0;
    color: #999;
    transition: .5s;
  }

  .form-group div textarea:focus ~ label,
  .form-group div textarea:valid ~ label
  {
    top: -100px;
    left: 0;
    font-size: 12px;
    font-weight: bold;
  }

  .form-group div input:focus ~ label,
  .form-group div select:focus ~ label,
  .form-group div input:valid ~ label,
  .form-group div select:valid ~ label
  {
    top: -52px;
    left: 0;
    font-size: 12px;
    font-weight: bold;
  }

  .form-group div input:focus,
  .form-group div textarea:focus,
  .form-group div select:focus
  {
    border-bottom: 2px solid #377ef9;
  }

  .stockestate-css-mhr0tt-signup{
    height: 1em !important;
    -webkit-padding-start: var(--chakra-space-5);
    padding-inline-start: var(--chakra-space-5);
    -webkit-padding-end: var(--chakra-space-5);
    padding-inline-end: var(--chakra-space-5);
}

  .stockestate-name{
    fill: #fdf0f3;
}

  @media only screen and (min-width: 990px) 
  {
    .rightcontainers
    {
      margin-top: 105px;
    }
    body
    {
      font-size:  15px;
    }
  }

  @media only screen and (max-width: 990px) 
  {
    .stockestate-name{
        fill: #231f20;
    }

    .rightcontainers
    {
      margin-top: 50px;
    }
  }

  .step-list
  {
    border: 0px;
    background-color: rgba(255, 255, 255, 0);
  }

