.flex-x-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}
.flex-x-center {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.flex-x-right {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.flex-x-between {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.flex-y-left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex-y-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.w100-pad0 {
	width: 100%;
}
.w100-pad10 {
	padding: 10px;
	width: calc(100% - 20px);
}
.w100-pad20 {
	padding: 20px;
	width: calc(100% - 40px);
}
.w100-pad10-y {
	padding: 10px 0;
	width: 100%
}
.w100-pad20-y {
	padding: 20px 0;
	width: 100%
}

.w100{ width: 100%;}
.w90 { width: 90%; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w20 { width: 20%; }
.w10 { width: 10%; }
	
.h100{ height: 100%;}
.h90 { height: 90%; }
.h80 { height: 80%; }
.h70 { height: 70%; }
.h60 { height: 60%; }
.h50 { height: 50%; }
.h40 { height: 40%; }
.h30 { height: 30%; }
.h20 { height: 20%; }
.h10 { height: 10%; }

.pad0   { padding: 0; }
.pad10  { padding: 10px; }
.pad10x { padding: 0 10px; }
.pad10y { padding: 10px 0; }
.pad20  { padding: 20px; }
.pad20x { padding: 0 20px; }
.pad20y { padding: 20px 0; }

.margin0   { margin: 0; }
.margin10  { margin: 10px; }
.margin10x { margin: 0 10px; }
.margin10y { margin: 10px 0; }
.margin20  { margin: 20px; }
.margin20x { margin: 0 20px; }
.margin20y { margin: 20px 0; }

.text-5 { color: #333; font-size: 2.0em; line-height: 3em; }
.text-4 { color: #333; font-size: 1.5em; line-height: 2em; }
.text-3 { color: #333; font-size: 1.2em; line-height: 1.5em; }
.text-default,
.text-2 { color: #333; font-size: 1.0em; line-height: 1.5em; }
.text-1 { color: #333; font-size: 0.8em; line-height: 1.2em; }

.center { text-align: center; }
.right  { text-align: right; }
.left   { text-align: left; }
.underline   { text-decoration: underline; }
.linethrough { text-decoration: line-through; }

.color-simplekids { color: #417FD0; }
.color-lightblue  { color: #0069c2; }
.color-darkblue   { color: #369; }
.color-darkred    { color: #933; }
.color-black      { color: #000; }
.color-white      { color: #fff; }
.color-grey-c     { color: #ccc; }
.color-grey-9     { color: #999; }
.color-grey-6     { color: #666; }
.color-grey-3     { color: #333; }

.bg-simplekids { background-color: #417FD0; }
.bg-lightblue  { background-color: #0069c2; }
.bg-darkblue   { background-color: #369; }
.bg-darkred    { background-color: #933; }
.bg-black      { background-color: #000; }
.bg-white      { background-color: #fff; }