registrationForm.less

#connect-orcid-button {
	.btn;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.form-register {

	fieldset.reviewer {

		legend {
			margin: 0 0 0.25rem;
			font-size: 1.1rem;
			line-height: 1.5rem;
			text-transform: none;
		}

		.form-check {
			font-size: 0.85rem;
		}
	}

	.form-group-login {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.list-group-item {
		font-size: 1rem;
		line-height: 1.5em;

		p {
			margin-top: 0;
			margin-bottom: 0.5rem;
			font-size: 0.9rem;
			color: @mid-grey;
		}
	}

	.list-group-item-heading {
		font-family: @font-serif;
		font-size: 1.2rem;
		line-height: 1.5em
	}

	.form-group-buttons {
		margin-top: 3rem;
	}

	.row + .form-group-buttons {
		margin-top: 0;
	}

	@media (min-width: 992px) {

		.form-group-buttons,
		.form-group-login {
			text-align: center;
		}
	}
}

#register .consent {
	font-size: 0.85rem;
	margin-bottom: 20px;
}

// reviewer interests
.reviewer_interests.hidden {
	display: none;
}

#reviewerInterests {	
	& .label {
		margin-bottom: 12px;
	}
}

#tagitInput {
	border-bottom: 1px solid @dark-grey;
	padding: 1px 0;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	font-size: 16px;
}

.tagit-choice {
	padding-top: 2px;
	margin-right: 8px;
	background-color: @primary-light;
	padding-left: 4px;
	padding-right: 4px;
}

li.tagit-new {
	border: 0;
	
	& input {
		border: 0;
		
		&:focus {
			outline: none;
		}
	}
}

a.tagit-close {
	cursor: pointer;
}

fieldset, legend {
    all: revert;
}

fieldset {
    margin-bottom: 1em;
    border-color: darkgrey;
}

.form-control {
    all: revert;
    padding: 0.5em;
    width: ~"calc(100% - 0.5em * 2)"; /* Would be better to use custom properties, but crashed CSS processing (#51) */
    border-color: lightgrey;
    border: 1px solid #ced4da;
    border-radius: 0.3em;
    font-size: 1em;
}

label.required::after {
    content: " *";
}

select.form-control[name*=Day] {
    min-width: 8ch;
}