/* Profil specific styles to match spacing and layout from Registrace.aspx */
.form {
	margin-top: 0;
}
.form .form-inner label {
	display: block;
	margin-bottom: .5rem;
	font-weight: 600;
}
.form .help-block {
	color: #6c757d;
	display: block;
	margin-top: .25rem;
}

/* Make profile buttons full width like the registration page */
.btn.btn-mega.w-100 {
	width: 100%;
}

/* Small tweak so profiling textareas/inputs match register styling */
input.form-control.register, textarea.form-control.profil, textarea.form-control.register {
	padding: .625rem .75rem;
}

.mbp-15 {
    margin-bottom: 15px!important;
}

/* Responsive inline labels: place label beside input on >=768px, stack on smaller screens */
@media (min-width: 768px) {
	.form .form-inner {
		display: flex;
		align-items: center;
	}

	.form .form-inner label {
		width: 200px;
		margin-bottom: 0;
		padding-right: .75rem;
		text-align: left;
	}

	/* Put everything that's not the label into a vertical stack (input above help text) */
	.form .form-inner > :not(label) {
		display: flex;
		flex-direction: column;
		flex: 1 1 auto;
		margin-bottom: 0;
	}

	.form .form-inner input.form-control,
	.form .form-inner textarea.form-control,
	.form .form-inner select.form-control {
		width: 100%;
		box-sizing: border-box;
	}

	.form .form-inner .help-block {
		margin-left: 0; /* help text should sit under input, not shifted to the right */
		margin-top: .5rem;
		color: #6c757d;
	}
}

@media (max-width: 767.98px) {
	/* On mobile keep original stacked layout */
	.form .form-inner {
		display: block;
	}
	.form .form-inner label {
		display: block;
		width: auto;
		margin-bottom: .5rem;
	}
	.form .form-inner .help-block {
		margin-left: 0;
	}
}

/* Readonly vs normal text color on profile form fields */
/* Default (editable) inputs: solid black text for good contrast */
.register-page .form-control.register {
    color: #000;
}

/* Readonly inputs/textareas: soften to gray */
.register-page input.form-control.register[readonly],
.register-page textarea.form-control.register[readonly] {
    color: #777;
}

.dashboard-profile-content .single-content .form-inner input {
	color: #000;
}

/* Preserve gray even when focused */
.register-page input.form-control.register[readonly]:focus,
.register-page textarea.form-control.register[readonly]:focus {
    color: #777;
}