.page{
	display: flex;
	flex-direction: column;
	flex: 1;
}

.app_list_wrap,
.version_list_wrap{
	width: 1600px;
	margin: 0 auto;
	padding: 10px;
	box-shadow: 0px 3px 5px #00000052;
	flex: 1;
}

.app_list_header,
.version_list_header,
.app_row,
.version_row{
	display: flex;
	height: 50px;
	align-items: center;
	padding: 0 10px;
}

.app_list_header,
.version_list_header{
	background: #484848;
	color: white;
	font-family: 'MontserratSemiBold';
}

.app_row,
.version_row{
	cursor: pointer;
	background: #cdcdcd;
}

.app_row:nth-child(2n),
.version_row:nth-child(2n){
	background: #e0e0e0;
}

.app_row:hover,
.version_row:hover{
	background: white;
}

.app_name{
	flex: 1;
}

.app_version,
.app_date{
	width: 100px;
}

.app_add,
.version_add{
	height: 40px;
	width: fit-content;
	padding: 0 20px;
	margin: 0 0 10px;
}

.button{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0176c0;
	color: #ffffff;
	font-family: MontserratSemiBold;
	cursor: pointer;
	user-select: none;
}

.button:hover{
	background: #0084d8;
}

.button:active{
	background: #005b94;
}

.version_row{
	height: auto;
	align-items: flex-start;
	/*min-height: 50px;*/
}

.version_name,
.version_date,
.version_actual{
	height: 50px;
	display: flex;
	align-items: center;
	width: 100px;
}

.version_description{
	flex: 1;
}

.version_description[expand="0"]{
	height: 50px;
	display: flex;
	align-items: center;
}

.version_description_inner{
	line-height: 20px;
}

.version_description[expand="0"] .version_description_inner{
	height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.version_description[expand="1"] .version_description_inner{
	padding: 15px 0;
}

.version_date{

}

.version_actual{

}

.version_actual[actual="0"]{

}

.version_actual[actual="1"]{

}