/*******************
**	COMMON
*/

* {
	outline: none !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

/* ~ */
.hscroll {
    white-space: nowrap;
    overflow-x: auto;
}

.vscroll {
    overflow-y: auto;
}

/* ~ */
.align-start {
    -moz-align-items: flex-start; -webkit-align-items: flex-start; -o-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start;
}

.align-end {
    -moz-align-items: flex-end; -webkit-align-items: flex-end; -o-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end;
}

.align-middle {
    -moz-align-items: center; -webkit-align-items: center; -o-align-items: center; -ms-align-items: center; align-items: center;
}

.align-stretch {
	-moz-align-items: stretch; -webkit-align-items: stretch; -o-align-items: stretch; -ms-align-items: stretch; align-items: stretch;
}

/* ~ */
.flex-row {
	display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; display: flex;
	-moz-flex-flow: row; -webkit-flex-flow: row; -o-flex-flow: row; -ms-flex-flow: row; flex-flow: row;
}

.flex-row.reverse {
	-moz-flex-flow: row-reverse; -webkit-flex-flow: row-reverse; -o-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse;
}

.flex-column {
	display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; display: flex;
	-moz-flex-flow: column; -webkit-flex-flow: column; -o-flex-flow: column; -ms-flex-flow: column; flex-flow: column;
}

.flex-column.reverse {
	display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; display: flex;
	-moz-flex-flow: column-reverse; -webkit-flex-flow: column-reverse; -o-flex-flow: column-reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse;
}

/* ~ */
.fullscreen {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0;
}

.fill-parent {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0;
}

.overlay > * {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0;
}

/* ~ */
.size-fill, .all-size-fill > * {
	-moz-flex: 1 1 auto; -webkit-flex: 1 1 auto; -o-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
}

.size-even, .all-size-even > * {
	-moz-flex: 1 1 0; -webkit-flex: 1 1 0; -o-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0;
}

.size-static, .all-size-static > * {
	-moz-flex: 0 0 auto; -webkit-flex: 0 0 auto; -o-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;
}

/* ~ */
.no-scroll {
	overflow: hidden !important;
}

/*******************
**	ROWS
*/

.row12,
.row8 {
    width: 100%;
	display: -moz-flex; display: -webkit-flex; display: -o-flex; display: -ms-flex; display: flex;

	-moz-align-items: inherit; -webkit-align-items: inherit; -o-align-items: inherit; -ms-align-items: inherit; align-items: inherit;
}

/*******************
**	COLUMNS FOR ROW12
*/

.row12 > .col1 { width: 8.33%; }
.row12 > .col2 { width: 16.66%; }
.row12 > .col3 { width: 25.00%; }
.row12 > .col4 { width: 33.33%; }
.row12 > .col5 { width: 41.66%; }
.row12 > .col6 { width: 50.00%; }
.row12 > .col7 { width: 58.33%; }
.row12 > .col8 { width: 66.66%; }
.row12 > .col9 { width: 75.00%; }
.row12 > .col10 { width: 83.33%; }
.row12 > .col11 { width: 91.66%; }
.row12 > .col12 { width: 100.00%; }

/*******************
**	COLUMNS FOR ROW8
*/

.row8 > .col1 { width: 12.50%; }
.row8 > .col2 { width: 25.00%; }
.row8 > .col3 { width: 37.50%; }
.row8 > .col4 { width: 50.00%; }
.row8 > .col5 { width: 62.50%; }
.row8 > .col6 { width: 75.00%; }
.row8 > .col7 { width: 87.50%; }
.row8 > .col8 { width: 100.00%; }