/* Gladiator Webmail - login screen, Catppuccin Latte palette */

body.task-login {
	background: #eff1f5 !important; /* Base */
	min-height: 100vh;
}

body.task-login #layout-content {
	background: transparent !important;
}

body.task-login #logo {
	max-height: 170px !important;
	top: 8vh !important;
	opacity: 1 !important;
}

body.task-login #login-form {
	background: #e6e9ef; /* Mantle */
	border: 1px solid #ccd0da; /* Surface0 */
	border-radius: 14px;
	padding: 28px 22px 18px !important;
	box-shadow: 0 8px 24px rgba(76, 79, 105, 0.12);
	top: 26vh !important;
}

body.task-login #login-form label {
	color: #6c6f85 !important; /* Subtext0 */
	font-size: 0.8rem;
}

body.task-login #login-form .input-group-text {
	background: #dce0e8 !important; /* Crust */
	border: 1px solid #ccd0da !important;
	border-right: none !important;
	color: #1e66f5 !important; /* Blue */
}

body.task-login #login-form input.form-control {
	background: #eff1f5 !important; /* Base */
	border: 1px solid #ccd0da !important;
	color: #4c4f69 !important; /* Text */
	border-radius: 8px !important;
}

body.task-login #login-form .input-group input.form-control {
	border-radius: 0 8px 8px 0 !important;
}

body.task-login #login-form input.form-control::placeholder {
	color: #9ca0b0 !important; /* Overlay0 */
}

body.task-login #login-form input.form-control:focus {
	border-color: #1e66f5 !important;
	box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.2) !important;
}

body.task-login #rcmloginsubmit {
	background: #1e66f5 !important; /* Blue */
	color: #eff1f5 !important;
	border: none !important;
	font-weight: 700;
	letter-spacing: 0.5px;
	border-radius: 8px !important;
	width: 100%;
}

body.task-login #rcmloginsubmit:hover {
	background: #0a55e0 !important;
}

body.task-login #login-footer {
	color: #1e66f5 !important; /* Blue */
	font-size: 0.75rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

body.task-login #login-footer > div {
	background: transparent !important;
}