html { font-size: 14px; }

@media (min-width: 768px) {
	html { font-size: 16px; }
}

html {
	position: relative;
	min-height: 100%;
}

body { margin-bottom: 60px; }

.clickable { cursor: pointer; }

.bf-dx-custom-btn-lg .dx-button-content {
	padding: 8px;
	white-space: normal;
	justify-content: flex-start;
}

.bf-dx-custom-btn-lg .dx-icon {
	width: 48px;
	height: 48px;
}

.bf-dx-custom-btn-sm { height: 36px; }

.bf-dx-custom-btn-sm .dx-button-content {
	padding: 8px;
	justify-content: flex-start;
}

.ribbon { height: 82px; }

.ribbon .bf-dx-custom-btn-lg { margin-top: 8px; }