@charset "utf-8";
@import url('variables.css');
@import url('content_base.css?v=1');

/* LTR-specific overrides */

textarea,
select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
	background-color: var(--color-bg-input);
	border-top: 1px solid var(--color-border-input);
	border-right: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	border-left: 1px solid var(--color-border-input);
	padding: var(--spacing-xs);
	margin: 0 var(--spacing-lg) 0 0;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 0 var(--spacing-md) 0 0;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-md);
	margin: 0 var(--spacing-lg) 0 0;
}

input.readonly {
	background-color: var(--color-bg-input-readonly);
	border-top: 1px solid var(--color-border-input-readonly);
	border-right: 1px solid var(--color-border-input-readonly);
	border-bottom: 1px solid var(--color-border-input-readonly);
	border-left: 1px solid var(--color-border-input-readonly);
}

textarea.err,
select.err,
input.err {
	background-color: var(--color-bg-input-error);
	border-top: 1px solid var(--color-border-input);
	border-right: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	border-left: 1px solid var(--color-border-input);
}

select.title {
	padding: 0 var(--spacing-xs) 0 var(--spacing-xs);
	margin: 0 var(--spacing-sm) 0 0;
}