#app{
  /*width: 44%;*/
  width: 95%;
}


hr {
  margin: 10px 0px;
}

/* -- Top Filters Section -- */

#sortDiv{
  float: right;
}
#sortSelect{
  margin-right: 20px;
}
.inlineItem a {
  color: #17252E;
}

/*-- Other Styles */
.button--green {
  display: block;
  border-radius: 4px;
  border: 1px solid #3b8070;
  color: #3b8070;
  text-decoration: none;
  padding: 10px 30px;
}
  
.button--green:hover {
  color: #fff;
  background-color: #3b8070;
}
  
.button--grey, .div--grey {
  display: block;
  color: #35495e;
  text-decoration: none;
  margin: 15px 0px;
  /* margin-left: 15px; */
}

.button--grey {
  border-radius: 2px;
  border: 1px solid #35495e;
  /* padding: 15px 30px; */
  padding: 8px 15px;
}

.button--grey:hover, .dataset--grey:hover {
  color: #fff;
  background-color: #35495e;
}

.activeButtonGrey {
  color: #fff;
  background-color: #35495e;
}

.dataset--grey {
  display: block;
  color: #35495e;
  text-decoration: none;
  margin: 15px 0px;
  border-radius: 2px;
  border: 1px solid #35495e;
  padding: 8px 15px;
  background-color: #fff;
}
.dataset--grey.datasetListItem p{
  margin-bottom: 25px;
}
.titleLink {
  text-decoration: underline;
  cursor: pointer;
}
.inlineItem {
  display: inline-block;
}

.rightItem {
  float: right;
}

.topItem {
  vertical-align: top;
}

.biggerText {
  font-weight: bold;
  font-size: 1.5rem;
}

.bigText {
  font-weight: bold;
  font-size: 1.2rem;
} 

.smallText {
  /* color: #55697e; */
  font-weight: normal;
  font-style: italic;
  font-size: 1rem;
  padding: 3px 0px;
}

.flipped {
  transform:rotateX(180deg);
  -ms-transform:rotateX(180deg); /* IE 9 */
  -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}

.leftCell {
  width: 11%;
}

.outer {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.inner {
  display: inline-flex;
}

.blockItem {
  display: block;
  overflow: auto;
}

.leftBorder {
  border-left: solid 1px #35495e;
}

.centerAlign {
  align-items: center;
}

.justifyEnd {
  justify-content: flex-end;
}

.viewTabs label {
  color: #35495e;
  text-decoration: none;
  border-radius: 2px;
  border: 1px solid #35495e;
  padding: 8px 15px;
}

.viewTabs label:hover {
  background-color: #AAAAAA;
}

.viewTabs label:active {
  background: #CCCCCC;
}

.viewTabs input {
  display: none;
}

.selectedTab {
  background: #ccc;
}

.unselectedTab {
  background: #fff;
}

/* Single Dataset Info */
#datasetItem{
  width: 100%;
  height: 100%;
}

#resultBox{
  max-width: 1500px;
}

#tableDiv {
  /* position: relative; */
  overflow: auto;
  width: 100%; /* CAUSES NAVBAR JUMP */
  /* width: 100%; */
  /* min-height: 455px; */
}

#resultsTable, #recordTable {
  /* position: absolute;
  top: 0px;
  left: 0px; */
  width: 100%;
  height: 100%;
}
/* .content #app #datasetItem{

} */

/* Results table section */
#resultsTable tr:nth-child(odd){ background-color:#eee; }
#resultsTable tr:nth-child(even){ background-color:#fff; }

#resultsTable th, #resultsTable td{
  padding: 10px;
}

#recordTable th {
  width: 30%;
}

#recordTable th, td {
  padding: 5px;
}

#recordTable tr:nth-child(odd){ background-color:#eee; }
#recordTable tr:nth-child(even){ background-color:#fff; }

#resultDisplay {
  /* background: blue; */
  border-radius: 2px;
  border: 1px solid #35495e;
}

.richList {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 0px 10px;
}

.richItem {
  padding: 5px;
}

.formGrid {
  display: grid;
  grid-template-columns: 150px 1fr 2fr;
  padding: 5px 5px;
}

#datasetTitle {
  margin-bottom: 17px;
}

#datasetInfo {
  width: 80%;
  padding-right: 15px;
}

#datasetDetail {
  padding: 15px 0px;
  padding-left: 15px;
  width: 20%;
}

#pageNum {
  padding: 0px 20px;
}

#contactOwnerForm {
  display: flex;
  flex-direction: column;
}

#dsSearchText {
  width: 100%;
  margin-top: 15px;
  padding: 2px;
  font-size: 1.5rem;
  height: 2rem;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fadeShort-enter-active, .fadeShort-leave-active {
  transition: opacity .3s;
}
.fade-enter, .fade-leave-to, .fadeShort-enter, .fadeShort-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.datasetListItem {
  transition: all 0.5s ease-in-out;
}

.datasetListItem:hover {
  transition: all 0.3s;
}

.list-leave-active {
  position: absolute;
}
.list-enter, .list-leave-to /* .list-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.list-enter
{
  transform: translateX(100px);
}

/* Captcha */
.rc-anchor-invisible-text{
  border:Solid 1px green;
  display:none;
}

/* Category and Sort By */
#categorySelect{
  margin-right: 20px;
}