.HubHeaderItem.without-image:hover, .HubHeaderItem.is-active.without-image {
	color: #8cce0e;
	background-color: transparent;
	border: #8cce0e solid 0;
	border-bottom-width: 4px;
	text-transform: uppercase;
}

.HubHeaderItem.is-active {
	color: #8cce0e;
}

.HubHeaderItem-name {
	font-size: 12px;
	text-transform: uppercase;
}

/* LHS Panel */

.SortableTree-itemName {
	text-overflow: ellipsis;
	border-left: 1px solid #8CCE08;
	border-bottom: 1px solid rgba(35, 46, 105, 0);
	padding-left: 10px !important;
	box-sizing: border-box;
}

.TreeList-item {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: auto;
}

.TreeList-item:hover > div > .SortableTree-itemName {
	border-left: 3px solid #8cce08;
}

.TreeList-item.is-active > div > .SortableTree-itemName {
  border-left: 3px solid #8cce08;
}

.TreeList-item > div > div {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.HubSidebar {
	background: rgb(245, 247, 249);
	background: linear-gradient(90deg, rgba(245, 247, 249, 1) 88%, rgba(236, 238, 239, 1) 100%);
}

/*general*/

.h1 {
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 800;
}

.body {
	font-family: proxima-nova, sans-serif;
	font-style: normal;
	font-weight: 500;
}

/* code block specification */

.HubBlock-header-token {
	font-size: .8em;
}

/* tabular content box */

.ui.secondary.pointing.menu .active.item {
	background-color: #1fc8db;
	background-image: linear-gradient(141deg, #1fc8db 51%, #2cb5e8 75%);
	color: white;
	opacity: 0.95;
}

/*quote blocks without the widet*/

.markdown-body blockquote {
	color: #034a70;
	border-left: .15em solid #5ba1e7;
	background-color: #f2f8fd;
	padding: 1.5em 2.3em 1.5em 1.2em;
}

/*all tables in the hub*/

th {
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: #7d7d7d;
	color: white;
}

td, tr {
	border: 1px solid #ddd;
	text-align: left;
	padding: 8px;
}