/* Apply styles to the .table-container for the top border */
.table-container {
  padding: 30px 0px 5px;
  background: #fff;
}

#filter-form {
  display: flex;
  justify-content: space-evenly;
}

#filter-form .manufacturer-search,
#filter-form .oemorac-search,
#filter-form .partnumber-search,
#filter-form .description-search,
#filter-form #searchSubmit {
  width: calc(100% - 5px);
  margin-right: 5px; /* Add margin between search boxes and button */
}

#filter-form #searchSubmit {
  margin-right: 0; /* Remove margin from the search button */
}

.accordion-card-row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 40px;
}

.accordion-card-content {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
  }

.accordion-card-content.active { height: auto;margin-top: 30px; }

.tab-logo-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  padding: 20px 20px 20px 13px;
  cursor: pointer;
  background: transparent;
  transition: all .5s;
}

.tab-logo-container:hover {
  background: #f4f4f4;
}

 .tab-logo-container img {
    width: 100%;
   max-height: 100px;
  }

.tab-logo-container.active {
    border: 2px solid black;
    background: rgba(232, 119, 34, 0.56);
}

.pag-container {
  text-align: center;
  padding: 20px 0px 80px 0px;
  font-size: .67rem;
}
  
.pag-container a {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 10px;
  background-color: #ddd;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}

a.next-posts-link, 
a.previous-posts-link {
    min-width: 120px;
}

.pag-container a.active {
    background: black;
    color: white;
    transform: scale(1.25);
    margin-left: 4px;
    margin-right: 9px;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
}

.pag-container a:hover {
  background-color: #bbb;
}

.btn {
  display: block;
}

.form-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  padding: 15px;
}


.form-control {
  width: 100%;
  padding: 15px 15px;
  border: 1px solid #101820;
  box-sizing: border-box;
  margin-bottom: 15px;
}
/* Initially hide all rows with the class 'data-row' */
.data-row {
}

.search.form-control {
  max-width: 200px;
}

.form-group input::placeholder {
  color: #101820;
}

.no-result {
  text-align: center;
  padding-bottom: 300px;
  padding-top: 100px;
}

.results tr[visible='true'] {
  display: table-row;
}

.counter {
  padding: 8px;
  color: #ccc;
}

.quote-button {
  display: block;
  padding: 5px 10px;
  background-color: #101820;
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align:center;
}

.table{
  width: 100%;
  table-layout: fixed;
  font-size: .67rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow:auto;
  position:relative;
    }

.table th {
  white-space: normal;
  font-size: .67rem;
  position: sticky;
   top: 0;
  }

.table td,
.table th{
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

/* Adjust width for each column in table 7175693 */
.table th:nth-child(1),
.table td:nth-child(1) {
  width: 12%; /* Adjust the width as needed */
}

.table th:nth-child(2),
.table td:nth-child(2) {
  width: 10%; /* Adjust the width as needed */
}

.table th:nth-child(3),
.table td:nth-child(3) {
  width: 12%; /* Adjust the width as needed */
}

.table th:nth-child(4),
.table td:nth-child(4) {
  width: 13.5%; /* Adjust the width as needed */
}

.table th:nth-child(5),
.table td:nth-child(5) {
  width: 6%; /* Adjust the width as needed */
}

.table th:nth-child(6),
.table td:nth-child(6) {
  width: 7.5%; /* Adjust the width as needed */
}

.table th:nth-child(7),
.table td:nth-child(7) {
  width: 7%; /* Adjust the width as needed */
}

.table th:nth-child(8),
.table td:nth-child(8) {
  width: 8.5%; /* Adjust the width as needed */
}

.table th:nth-child(9),
.table td:nth-child(9) {
  width: 7%; /* Adjust the width as needed */
}

.table th:nth-child(10),
.table td:nth-child(10) {
  width: 8.25%; /* Adjust the width as needed */
}

.table th:nth-child(11),
.table td:nth-child(11) {
  width: 8.25%; /* Adjust the width as needed */
}

@media only screen and (max-width: 1152px) {
  .pag-container {
    font-size:.63rem;
  }
  
  .table {
    font-size:.63rem;
  }
  
  .table th {
    font-size:.63rem;
  }
}

@media only screen and (max-width: 1098px) {
  .pag-container {
    font-size:.6rem;
  }
  
  .table {
    font-size:.6rem;
  }
  
  .table th {
    font-size:.6rem;
  }
}

@media only screen and (max-width: 1057px) {
  .pag-container {
    font-size:.57rem;
  }
  
  .table {
    font-size:.57rem;
  }
  
  .table th {
    font-size:.57rem;
  }
}

@media only screen and (max-width: 1080px) {
  #filter-form {
    flex-wrap: wrap; /* Allow flex items to wrap onto multiple lines */
  }
  
  .search.form-control {
  max-width: none;
}

  /* Set the width of each search box and button to 100% */
  #filter-form .manufacturer-search,
  #filter-form .oemorac-search,
  #filter-form .partnumber-search,
  #filter-form .description-search,
  #filter-form #searchSubmit {
    width: calc(50% - 5px); /* Two items per row with a margin of 5px between them */
    margin-right: 0;
  }

  /* Adjust margin for the search button to align with the search boxes */
  #filter-form #searchSubmit {
    margin-top: 5px; /* Add margin between rows */
  }
}


@media only screen and (max-width: 1024px) {
  /* Force table to not be like tables anymore */
  #no-more-tables table, 
  #no-more-tables thead, 
  #no-more-tables tbody, 
  #no-more-tables th, 
  #no-more-tables td, 
  #no-more-tables tr { 
    display: block; 
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  #no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  #no-more-tables tr { 
    border: 1px solid #ccc; 
  }

 #no-more-tables td { 
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    padding-top: .25rem;
    padding-bottom: .25rem;
    white-space: normal;
    text-align: left;
    min-height:1.55rem;
  }

  #no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }

  /* Label the data */
  #no-more-tables td:before { 
    content: attr(data-title); t
  }
  
    /* Adjust width for each column in table 7175693 */
.table th:nth-child(1),
.table td:nth-child(1) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(2),
.table td:nth-child(2) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(3),
.table td:nth-child(3) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(4),
.table td:nth-child(4) {
  width: 100%; /* Adjust the width as needed */
}

#hubdb-table-7175693 th:nth-child(5),
#hubdb-table-7175693 td:nth-child(5) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(6),
.table td:nth-child(6) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(7),
.table td:nth-child(7) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(8),
.table td:nth-child(8) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(9),
.table td:nth-child(9) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(10),
.table td:nth-child(10) {
  width: 100%; /* Adjust the width as needed */
}

.table th:nth-child(11),
.table td:nth-child(11) {
  width: 100%; /* Adjust the width as needed */
  padding-left:0!important;
  width:50%;
  margin:auto;
}
}