@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* .btn-primary {
      @apply py-1.5 px-3 text-center bg-blue-700 rounded-md text-white;
  } */
}

.filter-button.active {
    background: #f97316;
    color: #fff;
}
.hover\:bg-orange-500:hover {
    color: #fff;
}

.search-navtab .navtab {
    float: left;
}
.search-navtab:after {
    content: '';
    clear: both;
    display: block;
}
.search-navtab .nav-search {
    float: right;
    width: 25%;
}
.search-navtab .nav-search input#myInput {
    width: 100%;
    max-width: 354px;
    float: right;
}
.search-navtab .navtab button.filter-button {
    padding-left: 12px;
    padding-right: 12px;
}