/* Salary form: red error text under a field (WI #318). Looks like Jobify's jQuery Validate errors on the job form. */
#submit-salary-form label.error {
	display: block;
	margin-top: .25em;
	color: red;
	font-size: small;
	font-weight: bold;
	text-transform: uppercase;
}

/* Two-column rows (Add Salary mockup): Level / Title, Net salary / Job type, Month / Experience.
 * Company and Technologies take the full row. The form class is repeated for the specificity
 * to beat WPJM's label/field floats and the theme's old Level/Title widths. */
#submit-salary-form.job-manager-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	max-width: 700px;
}

#submit-salary-form.job-manager-form fieldset {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	min-width: 0;
}

#submit-salary-form.job-manager-form fieldset label,
#submit-salary-form.job-manager-form fieldset div.field {
	float: none;
	width: 100%;
}

#submit-salary-form.job-manager-form fieldset label {
	margin-bottom: 10px;
	font-weight: 700;
}

#submit-salary-form.job-manager-form fieldset.fieldset-salary_company,
#submit-salary-form.job-manager-form fieldset.fieldset-salary_technologies,
#submit-salary-form.job-manager-form > p,
#submit-salary-form.job-manager-form > div {
	grid-column: 1 / -1;
}

/* Combo placeholders look like the other placeholders. */
#submit-salary-form .select2-selection__placeholder {
	color: #757575;
}

/* Month picker: full width like the other inputs; the hint goes under it. */
#submit-salary-form input[type="month"] {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#submit-salary-form small.description {
	display: block;
	margin-top: 6px;
}

/* Orange hint under the company field. */
.gmdr-company-notice {
	margin: 16px 0 0;
	padding: 12px 14px;
	border: 1px solid #e8a23a;
	border-radius: 6px;
	background: #fff7e8;
}

.gmdr-company-notice[hidden] {
	display: none;
}

.gmdr-company-notice .ion {
	margin-right: 4px;
	color: #e8a23a;
}

#submit-salary-form .gmdr-salary-privacy {
	margin: 0;
	font-size: 14px;
}

#submit-salary-form .gmdr-salary-privacy .ion {
	margin-right: 4px;
}

@media (max-width: 768px) {
	#submit-salary-form.job-manager-form {
		grid-template-columns: 1fr;
	}
}