/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 16 2023 | 09:33:15 */
/* mobinteg wp-admin login form */

/* Font load */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

/* Variables */
:root {
	--login-color1: #1D1D1B;
	--login-color2: #1D1D1B;
	--login-color3: #fff;
	--login-hover: #6F7278;
	--login-font: 'PT Sans', sans-serif;
	--login-header: "Instituto Politécnico de Viseu";
	--login-input_border: 1px solid #6F7278;
	--login-input_border_radius: 6px;
	--login-button_border: solid 1px #1D1D1B;
	--login-icon_opacity: 0.8;
	--login-logo: url("https://qaportal.ipv.pt/wp-content/uploads/2023/08/PV_dark.png");
	--login-checkmark: url("https://qaportal.ipv.pt/wp-content/uploads/2023/08/ipv-checkmark.png");
}


/* Login */
/* Background */
body.login {
	background: var(--login-color2);
	font-family: var(--login-font);
	color: var(--login-color1);
}

/* Login form container */
body.login #login {
	background: var(--login-color3);
	width: 43.4vh;
    max-width: 500px;
    max-height: 95vh;
    margin: 5% auto;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 4em 3em;
	border-radius: var(--login-input_border_radius);
}
/* Login logo */
.login h1 a {
	display: none;
}
.login #login::before {
	content: "";
	display: block;
	position: relative;
	background-image: var(--login-logo);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	height: 100px;
	width: 100%;
}
/* Login error */
.login #login_error {
	border-left: none;
	color: var(--login-color1);
	box-shadow: none;
}
/* Login form */
body.login #login h1::before {
	content: var(--login-header);
	display: block;
	position: relative;
	font-size: 24px;
    font-weight: 700;
	text-align: center;
    margin: 1em 0;
}
body.login #login form {
    border: none;
    box-shadow: unset;
    padding: 0;
    margin-top: 0px;
	width: 100%;
	display: flex;
    flex-direction: column;
	background: transparent;
}
/* Login form input */
body.login #login form input {
	border: var(--login-input_border);
	border-radius: var(--login-input_border_radius);
	color: var(--login-color1);
	font-size: 14px;
	padding: 0.375em calc(0.4em + 2px);
}
body.login #login form input:focus {
	box-shadow: none;
    outline: 0px;
}
/* Login form eye icon */
.login .button .dashicons.dashicons-hidden {
	color: var(--login-color1);
	opacity: var(--login-icon_opacity);
}
.login .button .dashicons.dashicons-visibility {
	color: var(--login-color1);
	opacity: var(--login-icon_opacity);
}
.login .button .dashicons:hover {
	color: var(--login-color1);
	opacity: 1;
}
.login .button.wp-hide-pw:focus {
	border-color: transparent;
	box-shadow: none;
}
/* Login form checkbox */
body.login #login form .forgetmenot input {
	border-radius: var(--login-input_border_radius);
}
body.login input[type=checkbox]:checked::before {
	content: var(--login-checkmark);
	margin: 1.5px 0 0;
    height: 100%;
    width: 100%;
}
body.login #login .forgetmenot label:hover {
	font-weight: bold;
}
/* Login form button */
body.login #login form .submit input {
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-radius: var(--login-input_border_radius);
    border: none;
    font-weight: 700;
    color: var(--login-color3);
    font-size: 14px;
    transition: background-color 0.3s ease 0s;
    background-color: var(--login-color2);
	margin-top: 3em;
	line-height: 30px;
}
body.login #login form .submit input:hover {
	background-color: var(--login-hover);
	color: var(--login-color3);
	border: none;
}
/* Generate password form button */
body.login-action-rp .wp-generate-pw {
	width: 100%;
    height: 50px;
    border-radius: var(--login-input_border_radius);
    border: var(--login-button_border);
    font-weight: 700;
    color: var(--login-color2);
    font-size: 14px;
    transition: background-color 0.3s ease 0s;
    background-color: var(--login-color3);
	line-height: 30px;
}
body.login-action-rp .wp-generate-pw:hover {
	background-color: var(--login-hover);
	color: var(--login-color3);
	border: none;
}
/* Forgot password */
body.login #login #nav a {
	color: var(--login-color1);
	font-size: 14px;
	text-decoration: underline;
}
body.login #login #nav a:hover {
	color: var(--login-color1);
	font-weight: bold;
}
/* Email recovery message */
body.login-action-checkemail #backtoblog::before {
	content: "Verifique no seu email a mensagem com o link de reposição da sua password. Note que este link é válido por apenas 24hrs. Caso expire terá que voltar a pedir a recuperação da password.";
	display: block;
	position: relative;
	text-align: center;
    margin: 0 0 50px;
}
/* Password change message */
body.login-action-resetpass #backtoblog::before {
	content: "A sua password foi alterada com sucesso. Pode clicar abaixo para voltar ao portal e fazer login com a nova password.";
	display: block;
	position: relative;
	text-align: center;
    margin: 0 0 50px;
}
/* Alerts */
.login #login_error, .login .message, .login .success {
	border-left: none;
}
/* Back to blog */
.login #backtoblog {
	margin-bottom: 0;
}
.login #backtoblog a {
	display: block;
	text-align: center;
}
.login #backtoblog a:hover,
.login #nav a:hover,
.login h1 a:hover {
	color: var(--login-color2);
}
a:focus {
	box-shadow: none;
}
/* Hidden */
.language-switcher,
.wpml-login-ls,
.login .privacy-policy-page-link,
body.login-action-lostpassword p#nav,
body.login-action-rp p#nav,
body.login-action-checkemail .message,
body.login-action-resetpass .message{
	display: none !important;
}