form fieldset {
	display: flex !important;
	flex-direction: column;
}

#password {
	margin-right: 0 !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	height: 45px;
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 100% !important;
	min-width: 0; /* FF hack for to override default value */
}

input[type='submit'] {
	width: 45px;
	height: 45px;
	margin-left: 0 !important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

fieldset > p {
	display: inline-flex;
}

form fieldset {
	display: flex !important;
	flex-direction: column;
}

#password {
	margin-right: 0 !important;
	height: 45px;
	box-sizing: border-box;
	flex: 1 1 auto;
	width: 100% !important;
	min-width: 0; /* FF hack for to override default value */

	/* The padding needs to be set here instead of for "input[type="password"]"
	 * elements to prevent being overriden by a more specific rule in the
	 * server. */
	padding-right: 44px;
}

input[type="password"]:focus + .icon-confirm:not(:disabled) {
	opacity: .6;
}

input[type="password"] + .icon-confirm {
	position: absolute;
	right: 15px;

	border: none;
	/* Needed to override an important rule set in the server. */
	background-color: transparent !important;

	opacity: .3;
}

input[type="password"] + .icon-confirm:hover:not(:disabled),
input[type="password"] + .icon-confirm:focus:not(:disabled),
input[type="password"] + .icon-confirm:active:not(:disabled) {
	opacity: 1;
}

input[type='submit'] {
	width: 45px;
	height: 45px;
	margin-left: 0 !important;
}

fieldset > p {
	display: inline-flex;
}

Fix opacity of submit button for password in authentication page
Fix opacity of submit button for password in authentication page

The authentication page uses pure CSS instead of the SCSS styles, so the
rules were adjusted as needed.

Signed-off-by: Daniel Calviño Sánchez <bd7629e975cc0e00ea7cda4ab6a120f2ee42ac1b@gmail.com>
