@media (max-width: 480px) {

	.selector {
		padding: calc(1.325rem + 0.9vw);
		font-size: 1.125rem; /* 1.125rem is small enough, so RFS won't rescale this */
	}

	.h5-custom {
		font-size: 0.8rem;
	}

	.navbar-custom-logo {
		height: 28px !important;
	}
	
	.navbar-brand {
		margin-right: 0;
	}
  
}

.body-custom {
	font-family: "Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
	margin: 0;
	height: 100vh;
}

.navbar-custom {
	background-color: #F2D333;
}

.navbar-custom-logo {
	height: 42px;
}

.font_size_small {
	font-size: 0.9rem;
}

.break {
	flex-basis: 100%;
	height: 0;
}

.grecaptcha-badge {
	display:none;
}
.grecaptcha-badge {
	z-index: 99999;
	margin-bottom: 5% !important;
	display:block !important;
}

.wrapper {
	font-size: 0.75em;
	padding: 5px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.heightforce {
	height: 60% !important;
}

.side-img1 {
  background-image: url('/resources/img/autogestion1.jpg');
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  transform: scaleX(-1);
}

.side-img2 {
  background-image: url('/resources/img/autogestion2.jpg');
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.form-wrapper {
	justify-content: center;
	max-width: 400px;
}

.template-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f7fa;
}

.link-no-decoration:visited {
	color: #336acc !important;
}

.startForm {
	justify-self: center !important;
}

.altaDemanda {
	margin-top: -100px;
}

.password-container {
  position: relative; /* Essential for positioning the icon inside */
}

.password-container input {
  padding-right: 30px; /* Prevents text from going under the icon */
  width: 100%;
}

.password-container .password-toggle { /* Or use your specific icon class */
  position: absolute; /* Positions the icon relative to the container */
  right: 10px; /* Distance from the right edge */
  top: 50%; /* Starts at the middle */
  transform: translateY(-50%); /* Centers it vertically perfectly */
  cursor: pointer; /* Makes it look clickable */
}

/* ----- MOBILE VIEW ----- */
@media (max-width: 768px) {
    .altaDemanda {
        margin-top: 0px;
    }

    .side-img1 {
        display: none !important;
    }

    .side-img2 {
        display: none !important;
    }
}