/*most grateful to this source : https://grantm.github.io/perl-libxml-by-example/*/


#xpath-form {
	/*background-color: #ffffdd;*/
}

#query-form {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#query-selector {
	/*margin-left:0px;*/
}

#query-xpath:focus {
  /*background-color: #ffffdd;*/
}

#xpath-result { 	/*the result bar container */
	flex-grow: 2; 	/* declaration for the parent flex-box*/
	display: flex; 	/* declaration for the child */
	justify-content: flex-end;
}

#xpath-nav { /*the result bar itself */
	/*margin-right: -18px;*/
}

#message-box {
	font-style: italic;
	font-size:0.9em;
	margin: 0px 3px;
}

#message-box.error {
 color: #aa3333;
	font-size: 1em;
}

#message-box.success {
  
}

#result-flip {
	display: none;
}

.possible-flip  {
	/*color:#003366; */
	cursor:pointer;
	font-weight: bold;
}

.possible-flip:hover  {
	/*text-decoration: underline*/
}

.impossible-flip  {
	color:grey;
}


#edit-option {
	display:none;

}

#edit-button {
	/*margin-right: 3px;*/
}

#edit-status {
	font-style: italic;
}

.blocked-status {
	order: 99;
	width: 100%;
	border-top: 1px solid #aaa;
	margin: 5px -20px 0 0;
	padding: 10px 0 5px 15px;
}

.blocked-status > a,.error {
	padding: 0 5px;
}



.xp-match {
  /*outline: 1px solid #DCDCDC;*/
  margin-top: 2px;
  z-index: -1;/*?*/
}

.xp-match > span {
 /*position: relative;*/
}

.not-implemented {
  color: #ff0000;
  background-color: #ffcccc;
}

.xp-match-tag-name {
  color: #062873;
  font-weight: bold;
}

.xp-match-tag-attr {
	color: #4070A0;
}

.js-prerequisite {
	display: none;	
}

.meaningless-selection {
color: grey;
}

.query-part {
	background-color: #DCDCDC
}

.query-part-focus {
	background-color: #fff099
}

.text-skipped, .text-skipped .query-part {
	background-color: initial;
}

.background-initial {
	background: initial;
}

.transformation-excluded span {
	color: #aaa;
}

.dsContext {
	color: #aaa;
}