@charset "utf-8";

/*
body {
	width:100%;
	height:100%;
    overflow-x:hidden;
    overflow-y:hidden;
}
*/

.narrative {
	/*float: left;*/
/*	position-left: fixed;*/
	position: absolute;
	/* margin: 120px; */
/*	top: 110px;*/
	top: 14.6%;
	left: 14.5%;
	width: 85%;
/*	height: 700px;*/
	height: 84%;
/*	bottom: 3rem;*/
/*	height: 70%;*/
/*	padding-bottom: 300px;*/
	border: 2px solid lightgrey;
	/* margin-top: 50px; */
	overflow: auto;
	font-family: Arial;
	font-size: 14px;
}

.narrative a {
  color: darkgreen;
  text-decoration: none;
}

.narrative a:hover {
/*  color: #ffb280;*/
	text-decoration: underline; 
}

.ref-with-abstract {
  position:relative;
  display: inline-block;
}

.ref-with-abstract div {
  /*visibility: hidden; */
  display: none;
  position: relative;
/*
  top: 0;
  left:100%;
*/
  top: 40px;
  left:0;
  margin-top: -30px; /* approx adjustment for arrow */
  margin-left: 25px; /* approx adjustment for arrow */
}

.ref-with-abstract a:hover + div {
  cursor: pointer;
  display: block;
  /*visibility: visible; */
/*  width: 800px;*/
  width: 80%;
  line-height: 20px;
  padding: 8px;
  font-size: 14px;
  text-align: justify;
  z-index: 999;
/*  color: rgb(113, 157, 171);*/
  background: rgb(255, 255, 255);
  border: 4px solid rgb(255, 255, 255);
  border-radius: 5px;
  text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
  box-shadow: #333 -4px 4px 16px 2px;
  -webkit-transition: opacity 100ms ease-in;
  -o-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  pointer-events: none;
/*	-webkit-backface-visibility: hidden;*/
}

.ref-with-abstract div:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
/* left-arrow
  border-color: transparent #FFFFFF transparent transparent;
  top: 22px;
  left: -23px;
*/
  border-color: transparent transparent #FFFFFF transparent; /*up-arrow*/
  top: -23px;
  left: 50%;
}

.my_footer {
	position: absolute;
	top: 94.5%;
	left: 1px;
	height: 6%;
	/** margin: 0px; /**/
	/* float: active; */
	width: 99.4%;
	padding: 0;
	text-align: center;
	color: black;
	font-size: 14px;
/*	border: 2px solid lightgrey;*/
	background-color: whitesmoke;
}