@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

.ff-open{
    font-family: 'Open Sans', sans-serif;
}
.ff-pop{
  font-family: 'Poppins', sans-serif;
}  
.ff-dom{
    font-family: 'Domine', serif;
}

  .bg-blue{
    background-color: #1C8DCE;
}
.bg-white{
    background-color: white;
}
.bg-l-white{
    background-color: #F3F5F5;
}
.text-white{
    color:white;
}
.text-dark{
    color:rgb(58, 58, 58)!important;
}
.text-blue{
    color:#1C8DCE!important;
}
.text-light-blue{
    color:#4175FC;
}
.btn-blue{
    color: #fff;
    background-color: #4175FC;
    border-color: #4175FC;
}
.btn-blue:hover,.btn-blue:active{
    color: #fff;
    background-color: #2a67ff;
    border-color: #2a67ff;
}
.btn-primary-out{
  color: #0096d6;
  background-color: #ececec;
  border-color: #0096d6;
  width:230px;
  border: 2px solid;
  font-size:20px;
}
.btn-primary-out:hover,.btn-primary-out:active{
  color: #0096d6;
  background-color: #ececec;
  border-color: #0096d6;
}

/* filter search  */
#printerlist-content > .one {
    margin-right: 22px;
    width: 560px;
  }
  #printerlist-content > .one {
    width: auto;
  }
  .whereis-printer-model {
    font-family:'hp2';
    font-size: 16px;
    height: 96px;
    line-height: 1.13;
    margin-top: 30px;
  }
  .whereis-printer-model a,
  .whereis-printer-model a:visited {
    color: rgb(255, 255, 255);
  }
  .welcome-selected-printer {
    max-height: 245px;
    max-width: 100%;
  }
  .main-copy-1,
  .main-copy-2 {
    font-family:'hp2';
    font-size: 18px;
    line-height: 1.44;
    width: 65%;
  }

  .main-copy-2 {
    margin: 30px 0 15px;
  }

  .autocomplete {
    position: relative;
    display: inline-block;
  }

  input[type="text"] {
    width: 570px;
    padding: 10px;
    font-size: 16px;
  }
  #myInput{
    border-radius: 10px;
    border:1px solid gray;
  }

  .autocomplete-items {
    position: absolute;
    border: 0px solid #d4d4d4;
    border-top: none;
    z-index: 999;
    top: 100%;
    left: 0;
    right: 0;
  }

  .autocomplete-item {
    padding: 10px;
    cursor: pointer;
    background-color: #202020;
    color:white; border-bottom: 1px solid gray;
  }

  .autocomplete-item:hover {
    background-color: #0d91b6;
  }
  
  input[type="submit"] {
    padding: 10px 20px;
    border: none;
    background-color: #fff;
    color: #0057b4;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
  }

  input[type="submit"]:hover {
    background-color: #ececec;
  }

  /* Default styles for all screen sizes */

/* Small screens (phones) */
@media only screen and (max-width: 993px) {
    /* Styles for screens up to 576px wide */
    
}


/* Extra large screens (large desktops) */
@media only screen and (min-width: 993px) {
    /* Styles for screens wider than 992px */
    .pr-b-2{
        position: absolute;
        right:0;
        bottom:-110px;
    }
}

.carousel-control-next:hover,.carousel-control-prev:hover{
  color:#0096d6!important;
}