html, body {
   height: 100%;
   width: 100%;
font-family: arial, sans-serif;
margin: 0;
}

.body {
  padding-bottom: 70px;
}


h5{
  font-size: 1.4rem;
}  

.card-footer {
  width: 100%;
  height: 60px;
  background-color: #e6e7ee;
  bottom: 0px; 
}


.search-index {

  width: 120px;
  height: 42px;
  margin-right: 20px;
}
.search-index-btn {

  width: 120px;
  height: 42px;

}
.logo img{
margin-top: 20%;
margin-left: -50%;
}

#searchInfo span{
font-size: small;
color: #7a7a7a;
/* margin-left: 135px; */
line-height: 40px;
width: 50%;
}


#searchInfo{
text-align: left;
}

.resultWrapper {
  margin-bottom: 22px;
  min-width: 350px;
  
}
.heading{
font-size: 18px;
margin-bottom: 4px;
margin-left: 10px;
}

.heading a{
  color: #1A0DAB;
  font-size: 20px;


}

.page-link {
  border: 0;
  background-color: #e6e7ee;
  box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #ffffff;
}

.url{
color: green;
font-size: 14px;
margin-bottom: 3px;
margin-left: 10px;

}
.input-val{

margin-bottom: 17px;
margin-top: 3%;
background: #fff;
border: 1px solid #dfe1e5;
box-shadow: none;
height: 39px;
width: 65%;
border-radius: 24px;

word-wrap: break-word;
outline: none;
  font-size: 22px;
  color:#3ac9c2;
}

.content{
  /* margin-right: 22%; */
  font-size: 16px;
  margin-left: 10px;
  color: #4d5156;
  
}

#searchResults {
  width: 85%;


}
#searchResults a{
text-decoration: none;

}

#searchResults a:hover{
text-decoration: underline;
}

#searchResults .url:hover {
  text-decoration: underline;
}
.svg-icon{
fill: currentColor;
position: relative;
height: 32px;
line-height: 24px;
width: 32px;
color: orange;
visibility: hidden;
cursor: pointer;
}




.form-input {
  border-radius: 24px;
  width: 50%;
}

.form-test{
  display: inline;
}
.form-input-test{
  border: 1px solid #dfe1e5;
  box-shadow: none;
  height: 42px;
  width: 70%;
  border-radius: 24px;
  min-width: 350px;
    font-size: 22px;
    color:#3ac9c2;
    background-color: #E6E7EE;
}
.search-icon{
  margin-left: -40px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.form-switch {
  margin-top: -3%;
  margin-bottom: 3%;
  /* margin-left: -3%; */
}
.form-check-input:checked {
  background-color: #3B5010;
}
.header-box{
  width: 100%;
  margin-top: 10px;
}

/* upload page */
/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}

/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}

.nav-link{

  margin-left: 5px;
  margin-right:5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#text {
  background-color: #E6E7EE;
}
#textarea {
  background-color: #E6E7EE;
}

#example {
  width: 45%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  min-width: 350px;
  height: 50px;
  background-color: #E6E7EE;
}

.error-msg{
  display: none;
  margin-top: 20px;
  margin-left: 27%;
  margin-right: 26%;
}
.error {
  font-size: medium;
}

.base-image{
width: auto;
height: 28px;
}