
.tl-query-list li {
	font-size: 0.9em;
	background: #FFF;
	padding: 0.5em 0.5em;
	border-bottom: 1px dotted #DDDEDF;
}
.tl-query-list li:hover {
	background: rgba(50, 170, 255, 0.25);
}
.tl-query-list li:last-of-type {
	border-bottom: none;
}


#tl-navigator {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 3.25em;
	bottom: 0;
	width: 3.7em;
}
#tl-navigator .tl-module-list {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3.7em;
	padding-top: 1em;
	background: #444754;
}
#tl-navigator .tl-module-panel-wrapper {
	position: absolute;
	left: 3.7em;
	top: 0;
	right: 0;
	bottom: 0;
	width: calc(100vw - 3.7em);
}
#tl-navigator .tl-module-list li {
	position: relative;
	width: 3.7em;
	height: 3em;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
#tl-navigator .tl-module-list li:hover {
	color: #0A74BE;
	background: #f1f2f5;
}
#tl-navigator .tl-module-list li.current,
#tl-navigator .tl-module-list li.hovered {
	color: #0A74BE;
	background: #FFF;
}
#tl-navigator .tl-module-list li i {
	width: 1.85em;
	height: 1.5em;
	line-height: 1.5em;
	font-size: 2em;
}
#tl-navigator .tl-module-list li .error {
	top: 1em;
	right: 1em;
	width: 1.5em;
	height: 1.5em;
	font-size: 0.6em;
	line-height: 1.5em;
	color: white;
	background: #F16A54;
}
#tl-navigator .tl-module-panel-wrapper .tl-module-panel {
	position: relative;
	height: 100%;
	width: 33%;
	padding-top: 0.6em;
	max-width: 45em;
	min-width: 38em;
	background: white;
	border-right:1px solid #CCCCCC;
	transition:all 0.3s ease-in-out;
	box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
}
#tl-navigator .tl-module-panel-wrapper .tl-module-name {
	position: absolute;
	top: 0.6em;
	right: -0.85em;

	padding: 0em 2em 0em 1.5em;
	height: 2.5em;
	line-height: 2.5em;
	min-width: 9em;

	background: #555a6f;
	color: #FFFFFF;
}
#tl-navigator .tl-module-panel-wrapper .tl-module-name:after {
	position: absolute;
	content: ' ';
	right: 0;
	bottom: -6px;
	border-top: 3px solid #000;
	border-left: 5px solid #000;
	border-right: 5px solid transparent;
	border-bottom: 3px solid transparent;
}
#tl-navigator .tl-module-panel-wrapper .tl-navi-search-box {
	height:100%;
}
#tl-navigator .tl-module-panel .tl-tab-header-item {
	padding:0 0.7em;
}
#tl-navigator .tl-module-panel li.tl-navi-item {
	position: relative;
	padding: 0.5em 0.5em 0.5em 2em;
}
#tl-navigator .tl-module-panel li.tl-navi-item:hover {
	background: #F1F2F3;
}
#tl-navigator .tl-module-panel li.tl-navi-item.current {
	background: #E1E2E3;
}
#tl-navigator .tl-module-panel li.tl-navi-item .tl-navi-item-tools {
	float: right;
}
#tl-navigator .tl-module-panel li.tl-navi-item .tl-navi-item-tools .ha {
	display: none;
}
#tl-navigator .tl-module-panel li.tl-navi-item:hover .tl-navi-item-tools .ha {
	display: inline-block;
}
.tl-query-builder-form .tl-form-item {
	margin-top: 0.85em;
	margin-bottom: 0.85em;
}
.tl-query-builder-form .tl-delete-item {
	position: absolute;
	right: -1em;
	top: 0.5em;
}
.tl-query-builder-compact {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.tl-query-builder-compact .tl-query-field-wrapper,
.tl-query-builder-compact .tl-query-field-array-type {
	flex: none;
	max-width: 100%;
}
.tl-query-builder-compact .tl-query-field-wrapper .tl-tag {
	white-space: normal;
	height: auto;
	max-width: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
}
.tl-query-builder-compact .tl-query-field-wrapper .tl-tag.tl-query-field-tag {
	border-radius: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}
.tl-query-builder-compact .tl-form-item {
	display: inline-block;
	margin: 0.25em;
	max-width: 100%;
}
.tl-query-builder-compact .tl-form-item.editing {
	display: block;
	margin-bottom: 0.5em;
	padding: 1em 1em 0.25em;
	background: #FFFFFF;
	width: 100%;
	min-width: 17em;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	box-sizing: border-box;
}
.tl-query-builder-compact .tl-form-item.editing .tl-query-field-editing-box {
	text-align: right;
}
.tl-query-builder-compact .tl-form-item.editing .tl-button {
	padding: 0.3em 0.833em;
}



.app-panel[data-v-5dd083ce] {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 3.7em;

	transition: padding-left ease-in-out .3s, padding-right ease-in-out .3s;
}

