@media (max-width: 768px) {
	.online-paper-top > h1 {font-size: 3vh !important; font-weight: bold !important; margin: 0px; }
	.online-paper-top > h3 {font-size: 2vh !important;}
}
.online-paper-top {
	position: sticky;
	border-bottom: solid #7b51a2;
}
.online-paper-header {
	color: #7b51a2;
	font-weight: bold !important;
	overflow: hidden;
}
.online-paper-content {
	height: 100vh;
	overflow-y:scroll;
	position: relative; /*for Scrollspy*/
}
.independent-scroll-nav {
	height: 100vh;
	overflow-y:scroll;
}
.nav-pills > a.active {
	background-color: #7b51a2 !important;
	color: lightgray !important;
} 
.nav-pills > a:hover {
	background-color: rgb(198, 196, 199) !important;
}
html {
	scroll-padding-top: 250px; /*this may clash with styles.css*/
}
.side-nav-list-items {
	list-style-type: none;
}
.online-paper-color-page {
	color: #7b51a2;
	text-align: center;
}
.online-paper-content-border {
color:#8760B7;	
border: 1px solid #8760B7;
text-align:center;
font-style: italic;
font-size: larger;
font-weight: bold !important;
}

/* Copy icon and tooltip  */
.copy-icon {
    visibility: hidden;
    color: rgb(61, 155, 231);
    font-size: 1.8rem;
    position: relative;
  }
  
  .copy-icon-container:hover .copy-icon{
    visibility: visible;
    cursor: pointer;
  }

  .copy-icon .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #7e54a1;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
    font-size: 1rem;
    color:#FFF;
    font-weight: bold;
  }
  
  .copy-icon .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #7e54a1 transparent transparent;
  }
  .copy-icon:hover .tooltiptext{
    visibility: visible;
    cursor: pointer;
  }

.copy-icon-container>a{color:#222}
.copy-icon-container>a:hover{text-decoration: none;}