/* Dialog and companion background */
.fulloverlay
{
	z-index:2000080;
	background: #666;
	opacity: 0.9;
}
.maindialog
{
	z-index:2000100;
	position:fixed;
	top: 100px;
	bottom: 100px;
	right: 200px;
	left: 200px;
	box-shadow: 0px 1px 30px 0px #aaa;
	background: #fff;
	border-top: 5px solid #00aeef;
	border-left: none;
	border-right: none;
	border-bottom: none;
	overflow:hidden;
	display: flex;
	flex-flow: column;
}
.maindialog .header
{
	flex: 0 1 auto;
}
.maindialog .content
{
	flex: 1 1 auto;
	overflow: hidden;
}
.maindialog .footer
{
	flex: 0 1 auto;
}

/* list of items */

.list .list-item
{
	display: flex;
	padding: 10px;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
	align-items: center;
}

.list .list-item *{
	display: block;
	align-items: center;
	justify-content: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 5px;
}

.list.blocks .list-item
{
	float:left;
	display: block;
	border: 1px solid #DDDDDD;
	width: 100px;
	margin: 5px;
	vertical-align:middle;
}

.list.blocks.X1 .list-item
{
	width: 150px;
}
.list.blocks.X2 .list-item
{
	width: 200px;
}
.list.blocks.X3 .list-item
{
	width: 250px;
}

.list a.list-item
{
	cursor:pointer;
}
.list a.list-item:hover
{
	background-color: #00aeef;
	color: #fff;
}


[v-cloak] { display: none }


/* Special for search */
.flexcolumns
{
	display: flex;
}

.flexcolumn
{
	flex: 1 auto;
	overflow: hidden;
	display: flex;
	flex-flow: column;
}

/* Flex column layout */
.recent
{
	flex: 0 25%;
	border-left: 1px solid #e1e1e1;
}
.searchContent
{
	flex: 0 50%;
}
.categories
{
	flex: 0 25%;
	border-right: 1px solid #e1e1e1;
}

.noCategories
{
	flex: 0 75%;
}

.right
{
	float:right;
}
.left
{
	float:left;
}
.maindialog h2
{
	margin: 0px;
}

[data-ngc-role="searchcontainer"] div[data-ngc-role="multivalue"]
{
	height: 100px !important;
	overflow-y: scroll;
	margin: 0px 5px 0px 5px;
	width: auto;
}


.searchContent
{
	display: flex;
	flex-flow: column nowrap;
}

.searchTop
{
	border-bottom: 1px solid #DDDDDD;
	flex: 0 1 auto;
}

.searchResults
{
	flex: 1 1 auto;
	overflow-y: scroll;
}