.f24 { font-size: 24px; }
.f20 { font-size: 20px; }
.f16 { font-size: 16px; }
.f14 { font-size: 14px; }
.f12 { font-size: 12px; }

.p24 { padding: 24px; }
.p16 { padding: 16px; }
.p8 { padding: 8px; }

.selected-state {
	background-color: rgba(0, 0, 0, 0.1);
}

.md-card {
	max-width: 900px;
	min-width: 450px;
	width: 100%;
}

.md-card > h2 {
	margin-left: 16px;
}

.md-card .sample-output {
	height: 300px;
	overflow: auto;
}

.md-card .big-sample-output {
	height: 600px;
	overflow: auto;
}


.pip-title > h1 {
	margin-top: 20px;
	margin-bottom: 5px;
}

.pip-title > div {
	margin-bottom: 30px;
}

.pip-section > h2 {
	margin-bottom: 5px;
}

.pip-recommended-header {
	height: 45px;
	min-height: 45px;
	z-index: 10;
}

.pip-recommended-header .md-toolbar-tools {
	height: 45px;
	min-height: 45px;
}

.pip-recommended-header pip-title {
	overflow:      hidden;
	text-overflow: ellipsis;
	white-space:   nowrap;
}

.pip-recommended-header .md-button > span {
	text-transform: none;
}