body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #ffeded;
	color: white;
	font-family: 'Arial', sans-serif;
}

.underligne_hover {
	text-decoration: none;
}

.underligne_hover:hover {
	text-decoration: underline;
}

.shake {
	position: relative;
	animation: shake .25s linear 2;
}

@keyframes shake {

	0%,
	100% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-6px);
	}

	75% {
		transform: translateX(6px);
	}
}

.icon-input-group .input-group-text {
	background: #ff4c4c;
	color: #fff;
	border: 1px solid #444;
}

.icon-input-group .form-control {
	border: 1px solid #444;
	border-left: 0;
}

.icon-input-group .form-control:focus {
	border-color: #ff4c4c;
	box-shadow: 0 0 0 .25rem rgba(255,76,76,.25);
}

input.form-control:focus,
textarea.form-control:focus {
	border-color: #ff4c4c;
	box-shadow: 0 0 0 .25rem rgba(255,76,76,.25);
}

.icon-input-group .btn {
	border: 1px solid #444;
}

.icon-input-group .btn:hover {
	background: #ff4c4c;
	color: #fff;
}

.login-feedback {
	margin-bottom: 1rem;
	padding: 0.95rem 1rem;
	border-radius: 0.9rem;
	border: 1px solid #f1b0b7;
	background: #fff1f2;
	color: #842029;
	font-size: 0.95rem;
	line-height: 1.5;
	box-shadow: 0 8px 20px rgba(255, 76, 76, 0.08);
}

.login-feedback strong {
	display: block;
	margin-bottom: 0.2rem;
}

.icon-input-group .form-control.is-invalid,
.icon-input-group .btn.is-invalid,
#user_password.is-invalid {
	border-color: #dc3545;
	background-image: none;
}

.icon-input-group .form-control.is-invalid:focus,
#user_password.is-invalid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 .25rem rgba(220,53,69,.18);
}

#resetPwdModal .modal-content {
	background-color: #fff;
	color: #212529;
}

#resetPwdModal .modal-title,
#resetPwdModal .modal-body,
#resetPwdModal .form-label {
	color: #212529;
}

#resetPwdModal .btn-outline-light {
	color: #ff4c4c;
	border-color: #ff4c4c;
}

#resetPwdModal .btn-outline-light:hover,
#resetPwdModal .btn-outline-light:focus {
	background-color: #ff4c4c;
	color: #fff;
	border-color: #ff4c4c;
}

#resetPwdModal .reset-modal-intro {
	color: #6c757d;
	line-height: 1.6;
	margin-bottom: 1rem;
}

#resetPwdModal .reset-modal-feedback {
	margin-top: 1rem;
	padding: 1.25rem;
	border-radius: 1rem;
	background: linear-gradient(180deg, #fff6f6 0%, #fff 100%);
	border: 1px solid #ffd2d2;
	text-align: center;
}

#resetPwdModal .reset-modal-feedback-icon {
	width: 56px;
	height: 56px;
	margin: 0 auto 0.85rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ff4c4c;
	color: #fff;
	font-size: 1.3rem;
	box-shadow: 0 10px 20px rgba(255, 76, 76, 0.18);
}

#resetPwdModal #resetPwdMsg .alert {
	border-radius: 0.9rem;
}
