/* Layout container. */
.layout.container {
	position: relative; overflow: hidden;
}

/*.layout.container > * {
	position: absolute; top: 0; left: 0;
}*/

.relative {
	position: absolute;
}

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

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

/* Vertical layout */
.layout.vertical > *:not(.xui-ignore) {
	display: block; position: relative;
}

/* Horizontal layout */
.layout.horizontal:before, .layout.horizontal:after {
	display: table; line-height: 0; content: "";
}

.layout.horizontal:after {
	clear: both;
}

.layout.horizontal > *:not(.xui-ignore) {
	display: inline-block; float: left; line-height: 1em; position: relative;
}

/* Classes to show and hide elements targetted for a different display group. */
body .only {
	display: none;
}

body.phone .only.phone {
	display: block;
}

body.tablet .only.tablet {
	display: block;
}

body.desktop .only.desktop {
	display: block;
}

body.wide .only.wide {
	display: block;
}