/* resources/css/login-bs-final.css */
body.login-body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	background-color: #D8D8D8;
	color: #fff;
}

.left-panel {
	background: #08210E;
	color: #fff;
	padding: 0;
	border-radius: 15px 0 0 15px;
}

.right-panel {
	background: #fff;
	color: #333;
	padding: 0;
	border-radius: 0px 15px 15px 0px;
}

/* --- Left Panel Styling --- */
.login-form .sub-heading {
	color: #c5c5c5; /* Lighter sub-heading text */
	font-size: 1.1rem;
}

.login-form .form-control-lg {
	border: none;
	border-bottom: 1px solid #a1a1a1; /* Lighter border */
	border-radius: 0;
	padding-left: 2.5rem;
	padding-top: 0.75rem; /* Added padding */
	padding-bottom: 0.75rem; /* Added padding */
	font-size: 1rem; /* Reduced font size slightly */
}

.login-form .input-group-text {
	background: transparent;
	border: none;
	border-bottom: 1px solid #a1a1a1; /* Lighter border */
	border-radius: 0;
	color: #999; /* Icon color */
}

.login-form .form-control-lg:focus {
	border-color: #1a7351;
	box-shadow: none;
}

.login-form .form-check-input.remember-checkbox {
	transform: scale(1.2); /* Larger checkbox */
	border-color: #1a7351;
}

.login-form .form-check-input.remember-checkbox:checked {
	border-color: #1a7351;
	background-color: #1a7351;
}

.login-form .remember-label {
	margin-bottom: 0;
	color: #fff; /* Checkbox label color */
}

.login-form .btn-lg.login-button {
	background-color: #208637;
	border-color: #1a7351;
	padding-top: 0.6rem; /* Adjusted padding */
	padding-bottom: 0.6rem; /* Adjusted padding */
	font-size: 1.1rem; /* Adjusted font-size */
	font-weight: 500;
}

.login-form .btn-lg.login-button:hover {
	background-color: #115232;
	border-color: #115232;
}

.login-form .links a {
	color: #b7b7b7 !important; /* Link color */
	text-decoration: none;
}

.login-form .links a.reset-link {
	display: flex;
	align-items: center; /* For icon alignment */
}

.login-form .links a.reset-link i {
	margin-left: 0.3rem; /* Space between text and icon */
}

.login-form .dont-account {
	color: #fff; /* "Don't have an account?" text color */
}

.login-form .btn-lg.create-button {
	border: 1px solid #ffffff;
	background: transparent;
	padding: 10px;
	color: white;
	border-radius: 4px;
	margin-top: 10px;
	font-weight: 500;
	padding-top: 0.6rem; /* Adjusted padding */
	padding-bottom: 0.6rem;
	font-size: 1.1rem;
}

.login-form .btn-lg.create-button:hover {
	background: #1a7351;
}

/* --- Right Panel Styling --- */
.right-panel .logo-img {
	max-height: 100px; /* Control logo size */
	width: auto;
}

.right-panel .tagline {
	font-size: 1.4rem; /* Adjusted font-size */
	font-weight: 600; /* Added font-weight */
	color: #000; /* Adjusted color */
}

.right-panel .description-content {
	color: #2d612d;
	line-height: 1.6;
}

.right-panel .social-icons .social-btn {
	color: #285e28; /* Icon color */
	font-size: 1.4rem; /* Icon size */
}

.right-panel .social-icons .social-btn:hover {
	color: green;
}

.right-panel .lang {
	color: #285e28; /* Link color */
	text-decoration: underline;
	cursor: pointer;
}

.right-panel  .illustration {
	width: 75%;
	margin: auto;
}

.form-check-input:focus {
	box-shadow: none;
}