.pages-table
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;	
}

.pages-data
{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.pages-top-row
{
	display: flex;
}

.pages-row
{
	display: flex;
	cursor: pointer;
}



.pages-top-cell
{
	font-family: Arial;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;		
	padding-right: 0px;	
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #666666;	
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 500px;
	white-space: nowrap;	
	
}

.pages-column-grippy
{
	width: 3px;
	background-color: #f0f0f0;
	border-top: 1px solid #999999;
	cursor: col-resize;
	padding: 0px;

}


.pages-cell
{
	font-family: Arial;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;	
	padding-right: 0px;
	padding-left: 0px;	
	display: block;	
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 500px;
	white-space: nowrap;
}

.pages-row:hover
{
	background-color:rgba(0,121,237,.1);	
	outline: 1px solid rgba(0,121,237,.3);
}

.pages-row-selected
{
	background-color:rgba(0,0,0,.1);	
}

.pages-row-selected:hover
{
	background-color:rgba(0,121,237,.1);	
	outline: 1px solid rgba(0,121,237,.3);
}


.pages-column-no-grippy
{
	width: 8px;
	padding: 0px;

}



.page-page
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;
	float: left;
	display: inline-block;
	font-weight: 300;	
}
.page-page:before
{
	content: "\f15c"
}

.page-home
{
	font-family: "Font Awesome 5 Pro";
	font-size: 15px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;
	float: left;
	display: inline-block;
	font-weight: 300;	
}
.page-home:before
{
	content: "\f015"
}



.tree-closed
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;
	margin-right: 3px;	
	cursor: pointer;
	float: left;
	display: inline-block;
	font-weight: 300;	
}

.tree-closed:before
{
	content: "\f054"
}
.tree-opened
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;
	margin-right: 3px;
	cursor: pointer;	
	float: left;
	display: inline-block;
	font-weight: 300;	
}
.tree-opened:before
{
	content: "\f078"
}

.tree-no-children
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;
	margin-right: 3px;
	float: left;
	font-weight: 300;	
}



.page-pages
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;
	float: left;
	display: inline-block;
	font-weight: 300;	
}
.page-pages:before
{
	content: "\f07c"
}
.page-messages
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;	
	float: left;
	display: inline-block;
	font-weight: 300;	
}
.page-messages:before
{
	content: "\f01c"
}
.page-hidden
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;	
	float: left;
	display: inline-block;
	font-weight: 300;
}
.page-hidden:before
{
	content: "\f07c"
}

.page-message
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;	
	float: left;
	display: inline-block;
	font-weight: 300;	
}
.page-message:before
{
	content: "\f0e0"
}


.page-folder
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;	
	float: left;
	display: inline-block;
	font-weight: 300;	
}
.page-folder:before
{
	content: "\f07c"
}

.page-linktype-stack
{
	position: relative;
	width: 12px;
	height: 12px;
	margin-right: 23px;
}

.page-linktype-link-to-page-bottom
{
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	float: left;
	display: inline-block;
	font-weight: 300;	
}

.page-linktype-link-to-page-bottom:before
{
	content: "\f15b";
}

.page-linktype-link-to-page-top
{
	position: absolute;
	top: 2px;
	left: 1px;
	font-family: "Font Awesome 5 Pro";
	font-size: 10px;
	color: #ffffff;
	width: 10px;
	height: 10px;	
	float: left;
	display: inline-block;
	font-weight: 300;	
}

.page-linktype-link-to-page-top:before
{
	content: "\f0c1";
}

.page-link
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;		
	float: left;
	display: inline-block;
	font-weight: 300;	
}

.page-link:before
{
	content: "\f0c1";
}

.page-file
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;		
	float: left;
	display: inline-block;
	font-weight: 300;	
}

.page-file:before
{
	content: "\f016";
}


.page-anchor
{
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	color: #666666;
	width: 12px;
	height: 12px;	
	margin-right: 3px;	
	float: left;	
	display: inline-block;	
	font-weight: 300;	
}

.page-anchor:before
{
	content: "\f13d";
}