#profile-body {
  background-color: rgba(0, 0, 0, 0.025);
  /* margin: auto; */
  margin-top: 85px;
  /* margin-left: 20px; */
  /* margin-right: 400px; */
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 10px;
}

h2 {
  color: #b6862c;
  margin-left: 10px;
  text-decoration: underline;
}

#email {
  margin-left: 10px;
}

.submit {
  float: right;
  color: #b6862c;
  margin: 0px;
  padding: 10px 20px;
  border-radius: 20px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

#title {
  font-size: 20px;
  color: rgb(0, 0, 200);
}

#author,
#year {
  color: green;
}

.table-container {
  margin-left: 10px;
  border: solid 1px #DDEEEE;
  border-collapse: collapse;
  border-spacing: 0;
  font: normal 13px Arial, sans-serif;
}

.table-container thead th {
  background-color: #081e3f;
  border: solid 2px #b6862c;
  color:#b6862c;
  padding: 10px;
  text-align: left;
  /* text-shadow: 1px 1px 1px #fff; */
}

.table-container tbody td {
  border: solid 1px #DDEEEE;
  color: #333;
  padding: 10px;
  text-shadow: 1px 1px 1px #fff;
}

.exportbutton {
  background-color: #081e3f; 
  /* float: right; */
  color: #b6862c;
  margin: 0px;
  padding: 10px 20px;
  border-radius: 20px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 13px;
  border-color: #b6862c;
}

A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:visited { COLOR: #636; TEXT-DECORATION: none; font-weight: normal }
A:active { COLOR: black; TEXT-DECORATION: none }
A:hover { COLOR: #b6862c; TEXT-DECORATION: none; font-weight: none }

.my-pagination /deep/ .ngx-pagination .current {
  background: #081E3F;
}
.my-pagination /deep/ ul.ngx-pagination {
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 12rem; 
}

#page-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* not using dynamic height since there is no dynamic content here */
  height: 12rem;
}

.searchbutton {
  display: block;
  /* added for chrome compatibility - do not show button outline */
  outline:0 !important;
}

.exportbutton {
  display: block;
  /* added for chrome compatibility - do not show button outline */
  outline:0 !important;
}