﻿.opticat-search {
  background-color: #1f1f1f;
  padding: 10px 30px;
}
.opticat-lookup .finder {
  position: relative;
}

.opticat-lookup .left-side {
  display: inline-block;
  position: relative;
  padding: 10px;
  margin: 10px;
  float: left;
  width: 20%;
  border: 1px solid black;
}

.opticat-lookup .right-side {
  display: inline-block;
  position: relative;
  padding: 10px;
  margin: 10px;
  width: 70%;
}

.opticat-lookup .right-select {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}

.opticat-lookup .search-single {
  position: relative;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
.opticat-lookup .search-single p.viewattributes {
  font-weight: 700;
}
.opticat-lookup .search-single p.viewattributes a,
.opticat-lookup .search-single p.viewattributes a:hover {
  color: #0059b4 !important;
}

.opticat-lookup .result-left {
  position: relative;
  width: 60%;
  float: left;
}

.opticat-lookup .result-left h3 {
  margin-top: 0;
}

.opticat-lookup .result-right {
  width: 40%;
  display: inline-block;
  float: right;
}
.opticat-lookup .result-right span {
  float: left;
  margin: 0 10px 10px 0;
  width: 25%;
}
.opticat-lookup .result-right span img {
  border: 1px solid #ccc;
  padding: 5px;
}

.opticat-lookup .search-single.begin {
  border-bottom: none;
  background-image: url(https://gmb.net/wp-content/plugins/opticat-catalog-lookup/css/catalog-page-search-arrow.png);
  text-indent: -9999px;
  background-repeat: no-repeat;
  height: 400px;
  display: block !important;
}

.opticat-lookup .search-single.hidden-layout {
  display: none;
}

.opticat-lookup .loading {
  background-image: url(https://gmb.net/wp-content/plugins/opticat-catalog-lookup/css/loading.gif);
  background-repeat: no-repeat;
  height: 200px;
}

.opticat-lookup .small-loading {
  background-image: url(https://gmb.net/wp-content/plugins/opticat-catalog-lookup/css/loading-small.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  height: 48px;
}

.opticat-lookup .buttwrap.form-group {
  vertical-align: top;
}

.opticat-lookup.home .form-group,
.opticat-lookup.shortcode .form-group {
  display: inline-block;
  width: 16%;
  /*overflow: hidden;*/
}

/*
.opticat-lookup.home .search-section input[type=submit] { width: auto !important; }
.opticat-lookup.home #sidebar-1 .form-group { width: 16%; }
.opticat-lookup.home #sidebar-1 .form-group select { display: block; width: 100%; padding: 10px; }
.opticat-lookup.home #sidebar-1 .buttwrap input[type=submit] { width: 100% !important; }

.opticat-lookup.home #sidebar-3 .form-group { width: 70%; float: left; }
.opticat-lookup.home #sidebar-3 .right-select { padding: 10px; margin: 0 !important; }
.opticat-lookup.home #sidebar-3 .buttwrap { width: 30%; }
.opticat-lookup.home #sidebar-3 .buttwrap input[type=submit] { width: 100% !important; }
*/

.widget.widget_class_searchmenu_widget {
  list-style: none;
}

.single_image[title="image_NaN"] {
  display: none !important;
}

/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 767px) {
  .opticat-lookup.home #sidebar-1 .form-group {
    width: 100% !important;
  }
  .opticat-lookup.home #sidebar-3 .form-group {
    width: 100% !important;
    float: none !important;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .opticat-lookup.home #sidebar-1 .form-group {
    width: 100% !important;
  }
  .opticat-lookup.home #sidebar-3 .form-group {
    width: 100% !important;
    float: none !important;
  }
}

/* WooComm Additions */
.opticat-lookup p.product.woocommerce.add_to_cart_inline {
  text-align: right;
}

.opticat-lookup p.product.woocommerce.add_to_cart_inline a {
  width: 10em;
  text-align: center;
}
body.single-product #year_make_model_part_engine {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  gap: 1%;
  padding: 20px 0px;
}

body.single-product .search-section {
  width: 100%;
}
body.single-product #year_make_model_part_engine .form-group {
  width: 22%;
}
body.single-product #year_make_model_part_engine .form-group select {
  /* height: 100%; */
  width: 100%;
    height: 46px;
}
body.single-product #year_make_model_part_engine .buttwrap.form-group {
  vertical-align: top;
  display: flex;
  gap: 20px;
  align-items: center;
}
body.single-product #year_make_model_part_engine .buttwrap.form-group button {
  background-color: #2b54a4;
  color: #fff;
  height: 46px;
}
@media screen and (max-width: 800px) {
  body.single-product #year_make_model_part_engine {
    flex-direction: column;
  }
  body.single-product #year_make_model_part_engine .form-group {
    width: 100%;
  }
}
form#year_make_model_part_engine:target select {
  border-left: 5px solid #2b54a3;
  border-radius: 0 3px 3px 0px;
  transition-delay: 0.5s;
  background-color: #f0f5fe;
}
form#year_make_model_part_engine .selectize-control.single .selectize-input, form#year_make_model_part_engine.selectize-control.single .selectize-input input{
  
    height: 46px;
    display: flex;
    align-items: center;
}
.single-product #fitment-verification {
  text-align: center;
}

.single-product #fitment-verification.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#filter-verification.alert {
  text-align: center;
}

#filter-verification.alert span {
  display: block;
  clear: both;
}

#clear-fitment-filter {
  cursor: pointer;
}

/* Selectize Tweaks */
.opticat-lookup select {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
  height: 46px;
  width: 100% !important;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 0;
}
.selectize-control {
  line-height: 0 !important;
}
.selectize-input {
  height: 46px;
  padding-left: 16px;
  line-height: 2;
}
.selectize-dropdown {
  cursor: pointer;
}
.selectize-control.single .selectize-input:after {
  border-width: 6px 3px 0 3px;
  right: 5px;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  border-width: 0 3px 6px 3px;
  right: 5px;
}

/* Fitment Modal */
.choose-ymm .trigger {
  cursor: pointer;
}
.fitment-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition:
    visibility 0s linear 0.25s,
    opacity 0.25s 0s,
    transform 0.25s;
}
.fitment-modal .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 300px;
  border-radius: 0.5rem;
}
.fitment-modal .modal-content .opticat-lookup {
  padding: 15px;
}
.fitment-modal .opticat-lookup .buttwrap.form-group {
  margin: 15px 0;
}
.fitment-modal .close-button {
  margin: -15px;
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: lightgray;
}
.fitment-modal .close-button:hover {
  background-color: darkgray;
}
.fitment-modal.show-modal {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition:
    visibility 0s linear 0s,
    opacity 0.25s 0s,
    transform 0.25s;
}
.fitment-modal .opticat-lookup.home .form-group,
.opticat-lookup.shortcode .form-group {
  width: 100%;
}
.choose-ymm .trigger {
  cursor: pointer;
}
.fitment-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition:
    visibility 0s linear 0.25s,
    opacity 0.25s 0s,
    transform 0.25s;
}
.fitment-modal .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 300px;
  border-radius: 0.5rem;
  padding: 15px;
}
.fitment-modal .modal-content .search-section {
  width: 100% !important;
}
.fitment-modal .modal-content .form-group {
  width: 100%;
}
.fitment-modal .modal-content .form-group button {
  padding: 6px 24px;
  color: #fff;
  background-color: #2b54a3;
  border-radius: 8px;
  margin-right: 10px;
}

.fitment-modal .modal-content .opticat-lookup {
  padding: 15px;
}
.fitment-modal .opticat-lookup .buttwrap.form-group {
  margin: 15px 0;
}
.fitment-modal .close-button {
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: lightgray;
}
.fitment-modal .close-button:hover {
  background-color: darkgray;
}
.fitment-modal.show-modal {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition:
    visibility 0s linear 0s,
    opacity 0.25s 0s,
    transform 0.25s;
}
.fitment-modal .opticat-lookup.home .form-group,
.opticat-lookup.shortcode .form-group {
  width: 100%;
}
.fitment-modal .selectize-control {
  background-color: #fff;
  border: 1px solid #ccc !important;
  display: inline-block;
  height: 46px;
  width: 100% !important;
  position: relative;
  z-index: 11;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 0;
}
.fitment-modal .selectize-control .selectize-input {
  height: 43px;
}
.fitment-modal .selectize-dropdown {
  cursor: pointer;
}
.fitment-modal .selectize-control.single .selectize-input:after {
  border-width: 6px 3px 0 3px;
  right: 5px;
}
.fitment-modal .selectize-control.single .selectize-input.dropdown-active:after {
  border-width: 0 3px 6px 3px;
  right: 5px;
}
.fitment-modal .form-group {
  margin-bottom: 10px !important;
}
/* Buyers Guide Table */
.fancybox-title-float-wrap .child {
  display: none !important;
}

.attributestable {
  width: 320px;
  border-collapse: collapse;
}

.attributestable tr:nth-child(even) {
  background-color: #fff;
}

.attributestable td {
  padding: 5px;
}

.attributestable,
.attributestable td {
  border: 1px solid #999;
}

.attributestable td.metric {
  font-weight: 600;
}
.attributestable td.spec {
  text-align: center;
}

.buyersguidetable {
  width: 100%;
  border-collapse: collapse;
}
.buyersguidetable tr:nth-child(even) {
  background-color: #fff;
}
.buyersguidetable td,
.buyersguidetable th {
  padding: 5px;
  text-align: center;
}
.buyersguidetable th {
  font-weight: 600;
}
.buyersguidetable,
.buyersguidetable td {
  border: 1px solid #999;
}
.woocommerce a.button.alt.where-to-buy {
  margin: 15px 0;
}
.product.product_tag-universal .choose-ymm.alert.alert-warning {
  display: none !important;
}

.opt-guide-table,
.opt-guide-table-product {
  width: 100%;
  border-collapse: collapse;
}
.opt-guide-table tr:nth-child(even),
.opt-guide-table-product tr:nth-child(even) {
  background-color: #fff;
}
.opt-guide-table td,
.opt-guide-table th,
.opt-guide-table-product td,
.opt-guide-table-product th {
  padding: 5px;
  text-align: center;
}
.opt-guide-table th,
.opt-guide-table-product th {
  font-weight: 600;
}
.opt-guide-table,
.opt-guide-table td,
.opt-guide-table-product,
.opt-guide-table-product td {
  border: 1px solid #999;
}
.fitment-notes {
  display: block;
  font-size: 13px;
  font-weight: 400;
  background-color: #d4edda;
  padding: 4px 4px 2px;
  width: fit-content;
  margin-bottom: 10px;
  color: #333;
  font-family: "Oswald", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

/***Loading **/

.lds-spinner,
.lds-spinner1 {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner div,
.lds-spinner1 div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after,
.lds-spinner1 div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #444;
}
.lds-spinner div:nth-child(1),
.lds-spinner1 div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2),
.lds-spinner1 div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3),
.lds-spinner1 div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4),
.lds-spinner1 div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5),
.lds-spinner1 div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6),
.lds-spinner1 div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7),
.lds-spinner1 div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8),
.lds-spinner1 div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9),
.lds-spinner1 div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10),
.lds-spinner1 div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11),
.lds-spinner1 div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12),
.lds-spinner1 div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after {
  display: none;
}

table.dataTable thead .sorting_desc::after {
  display: none;
}

table.dataTable thead .sorting {
  background-image: url(../image/sort_both.png) !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
}

table.dataTable thead .sorting_asc {
  background-image: url(../image/sort_asc.png) !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
}

table.dataTable thead .sorting_desc {
  background-image: url(../image/sort_desc.png) !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
}
