.result-txt h1, .result-txt h2 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.results {
  border-collapse: collapse;
  border-spacing: 0;
}

.search-field {
  margin-top: 10px;
  margin-bottom: 10px;
}

.search-form, .search-field, .pager, .results {
  margin-left: 10px;
}

.pager {
  margin-top: 10px;
  margin-bottom: 10px;
}

.page, .next {
  margin-left: 10px;
}

.pages {
  display: flex;
}

span.previous, span.next {
  opacity: 0.5;
}

.pages span {
  color:orange;
  font-weight: bold;
}

.previous {
  display:block;
  width:30px;
  height:30px;
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z%22%2F%3E%3C%2Fsvg%3E');
}

.next {
  display:block;
  width:30px;
  height:30px;
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z%22%2F%3E%3C%2Fsvg%3E');
}

.clear-button {
  position: absolute;
  width:30px;
  height:30px;
  right: 52px;
  background-repeat: no-repeat;
}
.search-button {
  position: absolute;
  width:50px;
  height:30px;
  right:2px;
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
}

.search-button:hover {
  background-color:green !important;;
}

.search-field {
  height: 30px;
  width: calc(100% - 28px);
  position: relative;
  border: 2px solid black;
  border-radius: 4px;
  padding: 2px 2px;
}
.search-field:hover .search-button {
  background-color:lightgreen;
}

.search-field:hover .clear-button {
  background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E');
}

.search-field input {
  position: relative;
  width:calc(100% - 5px);
  height: 100%;
  border: none;
  padding-left: 5px;
}

.result:hover {
  background-color: #EEE;
}

.result td {
  padding: 10px;
}

.result a {
  text-decoration: none;
  color:black;
}

.result-img {
  width:128px;
}

.result-txt {
  vertical-align: top;
}

.result-title {
  font-size: 1.3em;
  margin-bottom: 10px;
  color: green;
}

.result-description span, .result-keywords span {
  margin-right: 10px;
  font-weight: bold;
  font-style: normal;
}

.result-description, .result-keywords {
  font-style: italic;
}

.search-logo {
  background-image: url('/images/1000webinstit-logo.jpg');
  background-repeat: no-repeat;
  height:75px;
  background-size: 30%;
  margin: 3px;
}

.search-form {
  padding: 3px;
  background-color: lavender;
}

.results {
  width:100%;
}