@import 'globals/variables.css';
@import 'globals/box-sizing.css';
@import 'typography/typography.css';
@import 'blocks/hidden.css';
@import 'blocks/stack.css';
@import 'blocks/header.css';
@import 'blocks/footer.css';
@import 'blocks/wrapper.css';
@import 'blocks/container.css';
@import 'blocks/main.css';
@import 'blocks/icon.css';
@import 'blocks/logo.css';
@import 'blocks/menu.css';
@import 'blocks/label.css';
@import 'blocks/field.css';
@import 'blocks/button.css';
@import 'blocks/page-grid.css';
@import 'blocks/page-icon.css';
@import 'blocks/page-content.css';
@import 'blocks/breadcrumbs.css';
@import 'blocks/dropmenu.css';
@import 'blocks/form.css';
@import 'blocks/file-selector.css';
@import 'blocks/demo-banner.css';
@import 'pages/organization-page.css';

.page {
	height: 100%;
}

.page__body {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	padding: 0;
	margin: 0;
	font-family: var(--font-family), serif;
	font-size: var(--font-size);
	font-weight: 400;
	line-height: var(--line-height);
}

.btn-primary {
	background-color: var(--button-primary-color);
	border: 1px solid var(--button-primary-color);
	border-color: var(--button-primary-color);
}
.btn-primary:hover {
	background: var(--button-secondary-color);
	border-color: var(--button-primary-color);
	transition: background-color 80ms ease-out, border 80ms ease-out, color 80ms ease-out;
}
.form-control:focus {
	border: 1px solid var(--button-primary-color);
}