html, body {
    margin: 0;
    padding: 0;
}
h1 {
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	margin-top: 0.5ex;
	margin-bottom: 1ex;
	padding-left: 10px;
	padding-right: 10px;
}
h2 {
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
	margin-top: 0.3ex;
	margin-bottom: 0.8ex;
}
body {
	font-family: sans-serif;
}
.main-section {
    padding: 10px;
    margin: 5px;
    background: #e8f4ff;
}
input {
    text-align: right;
    width: 3em;
}
input.disk-size {
    width: 5em;
}
.left-right-layout {
	display: flex;
}
.raid-params {
	margin-right: 4em;
}
.usage-bar {
    height: 10px;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.usage-bar.empty {
	height: 8px;
	border: solid 1px #006600;
	background: #ffffff !important;
}
.usage-bar:nth-child(4n+1), .stripe-0 {
	background: #00dd00;
}
.usage-bar:nth-child(4n+2), .stripe-1 {
	background: #aaaa00;
}
.usage-bar:nth-child(4n+3), .stripe-2 {
	background: #00aaaa;
}
.usage-bar:nth-child(4n+4), .stripe-3 {
	background: #888800;
}

.summary-table {
	margin: 2ex;
	border-collapse: collapse;
	text-align: right;
}
.summary-table .top-left-table {
	border: none;
}
.summary-table td, .summary-table th {
	border: 1px black solid;
	padding: 2px 10px;
	font-weight: normal;
}
.summary-table th {
	text-align: left;
}
.right-align {
	text-align: right;
}
.full-width {
	width: 100%;
}