@import url("x-homepage.css");
@import url("x-style.css");


.xButton {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #5885af;
	display:inline-block;
	cursor:pointer;
	color:#5885af;
	font-family:sans-serif;
	font-size:15px;
	padding:2px 20px;
	text-decoration:none;
	margin: 10px;
}

.xButton:active {
	position:relative;
	top:1px;
}

html, body {
	min-width:700px;
	padding: 0;
	margin: 0;
	background-color:#e0e0e0;
	overflow: hidden;
    height: 100%;
}

#app {
	display: flex;
	flex-flow: column nowrap;
	height: 100%;
	overflow: hidden;
}

.xNoButton {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	display:inline-block;
	padding:2px 20px;
	visibility:hidden
}

ul.appStore-list {
    list-style: none;
    margin: 2px;

	display: flex;
	flex: 1;
	flex-flow: row wrap;
	overflow: auto;
	align-content: flex-start;
}

ul.appStore-list > li {
	font-family: arial;
    display: block;
	flex: none;
}

ul.appLib-list {
	list-style: none;
}

ul.appLib-list > li {
	font-family:arial;
	font-size: large;
	width: 33.33%;
	height: 150px;
	float:left;
	text-align: center;
	margin: 20px 0 80px 0
}

ul.appExpand-list {
	list-style: none
}

ul.appExpand-list > li {
	font-size: medium;
	width: 100%;
	float: left;
	text-align: center;
}

ul.allLib-list {
	list-style: none;
	margin: 2px;

	display: flex;
	flex: 1;
	flex-flow: row wrap;
	overflow: auto;
	align-content: flex-start;
}

ul.allLib-list > li {
	font-family: arial;
	width: 100%;
	float:left;
	text-align: center;
	flex: none;
}

.expander {
	transform: rotate(180deg);
}