.view,body,html{height:100%}.navbar{background-color:rgba(0,0,0,.2)}.page-footer,.top-nav-collapse{background-color:#1C2331}@media only screen and (max-width:768px){.navbar{background-color:#1C2331}}
.search-box {
  /* position: absolute; */
  top: 50%;
  left: 50%;
  /* transform: translate(-50%, -50%); */
  background: #2f3640;
  height: 40px;
  border-radius: 40px;
  /* padding: 10px; */
 }
 
 .search-box:hover > .search-txt {
  width: 240px;
  padding: 0 6px;
 }
 
 .search-box:hover > .search-btn {
  background: white;
  color: black;
 }
 
 .search-btn {
  color: #e84118;
  /* float: right; */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #2f3640;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  color: white;
  cursor: pointer;
 }
 
 .search-btn > i {
  font-size: 30px;
 }
 
 .search-txt {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: white;
  font-size: 16px;
  transition: 0.4s;
  line-height: 40px;
  width: 0px;
  font-weight: bold;
 }
 
  @media (max-width: 400px) {
  .search-box:hover > .search-btn {
    background: white;
    color: black;
    margin-left: 88%;
   }
 }
 @media (max-width: 370px) {
  .search-box:hover > .search-btn {
    background: white;
    color: black;
    margin-left: 87%;
   }
 }
 @media (max-width: 370px) {
  .search-box:hover > .search-btn {
    background: white;
    color: black;
    margin-left: 86%;
   }
 }
 @media (max-width: 319px) {
  .search-box:hover > .search-btn {
    background: white;
    color: black;
    margin-left: 88%;
   }
 }
 
  #spresult {
   color: #fff;
 }
 span.highlight {
    background-color: yellow;
    cursor: pointer;
    color: #000;
}

.rates-list {
  min-width: 260px;
 }

 .rates-list .rates-list-box {
  background: 
  #0091ff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 20px;
}

#currency-archive {
  color: #fff !important;
}

.col-xs-1 {

  width: 80px;

}

.rates-list  .item {
  margin-bottom: 8px;
}

.rates-list .items .item .item-value.item-down {
  color: 
  #fe9f9f;
}

.rates-list .items .item .item-value.item-up {
  color: 
  #b2ff90;
}

.item-head {
  font-size: 9px;
}

.rates-list .items .item .item-value {
  font-size: 12px;
  line-height: 14px;
}

.rates-list .items .item .item-title {
  font-size: 14px;
  line-height: 14px;
}

@media (max-width: 576px) {
  .col-xs-1 {
    width: 60px;
}
}
@media (max-width: 576px) {
  .col-xs-1 {
    width: 55px;
}
}