* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: auto;
}

html {
  height: 100%;
  /*   overflow-y: scroll; */
  color: #000;
  /*   font-family: "Barlow", sans-serif; */
  /*   font-size: 1rem; */
  /*   text-rendering: optimizeLegibility; */
}
/*----#0C1F63-----blue--color-----*/
/* background-color:#b3d8f6; */
body, footer {
  margin: 0px auto;
  font-family: 'Lato', sans-serif;
/*   font-family: "Droid Sans", sans-serif; */
  font-size: 16px;
  height: auto;
  width: 85%;
  background-color: #fff;
}

h5, p, a {
  font-family: 'Lato', sans-serif;
}

p {
  font-size: 95%;
}

body::-webkit-scrollbar {
  width: 12px;               /* font-family: 'Lato', sans-serif;
   width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
  background: #fff;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
  background-color: #118ab2;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid #fff;  /* creates padding around scroll thumb */
}


/* .nav-link {
  color: #fff !important;
  text-decoration: none;
} */

div#logo {
  margin: 0.1em 0em 0em 0em;
  font-size: 2.2em;
  font-family: "Droid Sans", sans-serif;
  letter-spacing: 0.08em;
}
div#logo a:hover {
  text-decoration: none;
}

div#logo img {
  margin-right: 10px;
}

div#logo span {
  vertical-align: top;
  color: #000;
}

.red {
  color: #d90000 !important;
}

.orange {
  color: #ff8700 !important;
}

.darkBlue {
  color: #003049 !important;
}

.blue {
  color: #118ab2 !important;
}

.yellow {
  color: #fac748 !important;
}

.green {
  color: #388659 !important;
}

.purple {
  color: #420039 !important;
}
.labelBackground{
  background-color:#606c74;
  /* background-color:#1b89ae; */
  border: 1.5px solid black;
  color:white;
/*   border-radius: 25px; */
}

.homeButtons{
  background-color:white !important;
  /* background-color:#1b89ae; */
  border: 2px solid black !important;
  border-radius: 15% !important;
  color:#118ab2 !important;
  margin-left: 1.5em !important;
/*   border-radius: 25px; */
}

.homeButtons a{
  text-decoration: none !important;
}


.border-custom{
  border: 1.5px solid black;
}

a {
  color: #118ab2 !important;
}
.menu {
  width: 100%;
  margin: 0 auto;
  /*   background-color: #1a5e63; */
  border-color: white;
  color: white;
  font-size: 90%;
}
/* .menu a, */

.nav-link {
  font-weight: 520 !important;
  font-size: 110%;
  padding: 1px 4px !important;
  color: inherit !important;
  text-decoration: none !important;
  border-radius: 0 !important;
}

.nav-link.active,
.nav-link.active:hover {
  background-color: black !important;
  color: white !important;
}

.nav-link:hover {
  color: white !important;
  background-color: #118ab2 !important;
  /*   color: white !important; */
}
/* nav a,
nav a:hover,
menu a:hover {
  color: inherit !important;
  text-decoration: none !important;
}
.active {
  background-color: white !important;
  color: #000 !important;
} */
.tagline {
  width: 100%;
  text-align: center;
  font-size: 100%;
  color: #0c1f63;
  /*   background-color: rgb(253, 253, 253); */
  margin-top: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 0.5px solid black;
}
.bg-this {
  background-color: #1b3a4b !important;
}
.bg-this2 {
  background-color: #1b3a4b !important;
}
.long-copy {
  text-align: justify;
  margin-bottom: 15px;
}
.feature-list {
  font-size: 95%;
  list-style: square;
}

.submit {
  padding: 2px;
  margin-left: 10px;
  background: #006d77;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 70%;
  border-bottom: 2px solid black;
}

.download h3 {
  font-size: 70%;
  text-transform: uppercase;
}

.download a:active {
  background-color: #006d77;
}

.download button {
  color: white;
  margin-top: 40px;
  margin-bottom: 45px;
  display: block;
  margin-left: auto;
  width: 200px;
  background-color: #006d77;
}

.download button:hover {
  color: white;
}

.email,
.email:hover {
  color: darkred !important;
}
.linkedin,
.linkedin:hover {
  color: #007bf7 !important;
}
.researchgate,
.researchgate:hover {
  color: #5eccbe !important;
}

.orcid,
.orcid:hover {
  color: #a6ce39 !important;
}

.github,
.github:hover {
  color: #000 !important;
}
.googlescholar,
.googlescholar:hover {
  color: #356ac3 !important;
}




.weblink,
.weblink:hover {
  color: #4a1d1d !important;
}

.faq button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.hcolumn a {
  padding: 1px;
}

/*ZoomIn Hover Effect*/
.hover-zoomin a {
  display: block;
  position: relative;
  overflow: hidden;}
.hover-zoomin img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.hover-zoomin:hover img {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);}



  /* Search box */

.search {
    width: 100%;
    position: relative;
    display: flex;
  }
  
.searchTerm {
    width: 100%;
    border: 3px solid #118ab2;
    padding: 10px;
    height: 40px;
    border-radius: 5px 0 0 5px;
    outline: none;
    color: black;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;

  }

  .search-wrap{
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }