/* .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
} */


.navbar-toggler:focus {
  box-shadow: none;
}


.navbar-light .navbar-toggler {
  border: none;
  padding: 0px;
}

.accordion-item {
  padding: 0px;
  border: 0px;
}

.accordion-body {
  padding: 0px;
}


.accordion-heading-mobile {
  color: #0A0094;
  display: block;
  text-align: left;
}

.accordion-button {
  padding: 10px 20px;
  font-size: 15px;
}

.nrns_class {
  color: #0A0094;
  margin-bottom: 0px;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-align: center;
}


.filterLookupBox .accordion-button::after {
  display: inline-block;
  float: right;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.filterLookupBox .accordion-button {
  text-align: left;
}

.dynamicSearchBox1 input {
  border-radius: 5px !important;
  padding: 15px 10px 15px 10px !important;
  margin: 3px 0px !important;
  color: #000;
}

.productListBox {
  padding: 0px 18px 50px 18px;
  min-height: 400px;
}

.category_name,
.category_name2 {
  color: #d3d3d3;
  position: relative;
  letter-spacing: 1px;
  font-size: 33px !important;
  font-weight: bold;
  transform: rotate(-90deg);
}

.filterLookupTables {
  border: none;
  padding: 20px 0px;
}

.filterLookupTables td,
.filterLookupTables a,
.selectWiperBladeType label {
  border: none;
  letter-spacing: 0.01em;
}

.filterLookupTables tr th,
.filterLookupTables tr td {
  border: none;
}

.filterLookupTables tr td {
  border: 3px solid #e0e0e0 !important;

}

.filterLookupTables tr td:not(:last-child) {
  border-right: 0px solid white !important;
}


.applicationName {
  background-color: #FFC836 !important;
  text-align: center !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  padding: 5px 10px !important;
  text-transform: uppercase;
  color: #0A0094 !important;
  letter-spacing: 0.03em;
}

.filterLookupBox {
  background: #fff;
  padding: 15px 18px;
  margin-bottom: 20px;
  margin-right: 8px;
  min-height: 265px;
}

.filterLookupBox input[type=text] {
  width: 100%;
  border-radius: 2px;
  font-size: 14px;
  background: #f2f2f2;
  border: none;
  padding: 10px 16px 10px 10px;
  margin: 10px 0;
  letter-spacing: 0.01em;
  outline: none;
}

.textproperty_desktop {
  color: #0A0094;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

.filterLookupDiv {
  padding: 20px 20px 20px 30px;
}

.dynamicSearchBox {
  background: grey;
}

.dynamicSearchBox select {
  margin: 3px !important;
}


.vinSearchBox {
  margin: auto;
  width: 100%;
}

.vinSearchBox1 {
  padding: 0px;
  margin-top: 35px;
}

.newBorderClass {
  border-top: 7px solid #0A0094;
}



.removePaddings {
  padding: 0;
}



#filterLookupForm .autocompInputs {
  width: 100%;
  background: #f2f2f2;
  border: none;
  padding: 6px 16px 6px 10px;
  margin: 3px 0;
  font-size: 14px;
  letter-spacing: 0.01em;
}


.select__arrow {
  position: absolute;
  top: 50%;
  right: 6%;
  pointer-events: none;
  border-width: 8px 5px 0 5px;
  border-style: solid;
  border-color: #4e4e4e transparent transparent transparent;
}

.textColor1 {
  color: #FFC836;
}



.microphone-icon {
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 20px !important;
  cursor: pointer;
  color: #FFC836;
}



.microphone-icon-mobile {
  position: absolute;
  right: 10px;
  bottom: 18px;
  font-size: 20px !important;
  cursor: pointer;
  color: #FFC836;
}

.no_products {
  color: #000000;
  padding-top: 50px;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;

}

.premiumSearchResults {
  background: #f2f2f2;
  padding: 8px;
  border-radius: 15px;
  margin: 4px;
}

.premiumSearchResults td {
  background: #efefef !important;
}

#crossradiobtn label {
  padding-left: 30px;
}

.searchButton {
  position: absolute;
  top: 26%;
  right: 1%;
  color: #0A0094;
  /* background-color: #dd991f; */
  border-radius: 2px;
  padding: 5px 10px;
  border: 0;
  font-size: 13px;


  background: linear-gradient(to right, #FFC836 50%, #0A0094 50%) left;
  background-size: 200%;
  transition: .3s ease-out;
}

.searchButton:hover {
  /* background-color: #dd991f; */
  background-position: right;
  color: #fff;
}

.crossSearch1 {
  margin-top: 35px;
}

.premiumSearchBox {
  min-height: 100px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  position: relative;
}


.product-image {
  width: 50px;
  padding: 3px 0px;
}

.main_tab {
  border-radius: 25px;
  padding-top: 20px;
}

.wiper-title {
  display: inline-block;
}

.min_col_width {
  width: 30% !important;
}

.min_col_width1 {
  width: 15% !important;
}

.max_col_width {
  width: 48% !important;
}

.selectWiperBladeType {
  background-color: #E0E0E0;
  border-radius: 8px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px
}

td {
  width: 28% !important;
  line-height: 2 !important;
  padding: 4px 6px !important;
  border-top: 3px solid #e0e0e0 !important;
  border: 3px solid #e0e0e0;
}

th {
  border-bottom: none !important;
}

.tableDecoration {
  border: none;
}

.border-spacing {
  border-spacing: 4px;
  border-collapse: separate;
}

.border-left-radius {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
}

.border-right-radius {
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}

.table-heading {
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.4em;
  letter-spacing: 0px;
  font-size: 15px;
}


.table-main-heading {
  text-align: center;
}

.partnumber-decoration {
  color: #192b94;
  text-decoration: underline;
  letter-spacing: 0.01em;
}


.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  vertical-align: middle !important;
}

.td-padd-left {
  padding-left: 20px !important;
}

.td-align {
  padding-left: 20px !important;
}

.remove_tbl_padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.bold_font {
  font-weight: bold !important;
}

.bolder_font {
  font-weight: 800 !important;
}

.productListBox table,
.productListBox tbody {
  border-spacing: 0px 4px;
}

.img_mouseover {
  display: none;
}

.img_mouseover1 {
  display: none;
  padding: 0;
}

#leftside {
  left: -350px;
  right: auto;
}

#rightside {
  right: -350px;
  left: auto;
}

#rightside {
  right: -150px !important;
}

#leftside {
  right: -150px !important;
  left: auto;
}


.filterLookupFormMobile select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  outline: none;
}

.microphone-icon-red {
  width: 10%;
  vertical-align: middle;
}

.modal-backdrop {
  opacity: 0.5 !important;
}

.search-icon {
  position: absolute;
  top: 12px;
  font-size: 20px;
  left: 10px;
  cursor: pointer;
  width: 33px;
  cursor: none;
}

.search-icon-mobile {
  position: absolute;
  top: 12px;
  font-size: 20px;
  cursor: pointer;
  width: 33px;
  cursor: none;
  left: 3px;
}


.late-model-text-mobile {
  font-size: 11px;
}




.late-model-text:hover path,
.late-model-text-mobile:hover path {
  /* color: #dca942; */
  fill: #0A0094 !important;
}

.classic-search h5 {
  letter-spacing: 0.1em;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
}

ul.ui-autocomplete {
  position: absolute !important;
  max-height: 380px;
  overflow-y: scroll;
  overflow-x: auto;
}

.dynamic-searchbox input {
  background: #f6f6fa;
  border: 0px;
  border-radius: 5px;
  line-height: 22px;
  letter-spacing: 0.02em;
  padding: 18px 18px 18px 35px;
  font-size: 13px;
}

.dynamic-searchbox input[type="text"]:focus {
  color: #959595 !important;
  background: #f6f6fa;
  outline: none;
}


.classicSearchBox input::-webkit-input-placeholder,
.dynamicSearchBox input::-webkit-input-placeholder,
.premiumGuardSearchBox input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #b4b4b4;
}

.classicSearchBox input:-moz-placeholder,
.dynamicSearchBox input:-moz-placeholder,
.premiumGuardSearchBox input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b4b4b4;
  opacity: 1;
}

.classicSearchBox input::-moz-placeholder,
.dynamicSearchBox input::-moz-placeholder,
.premiumGuardSearchBox input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b4b4b4;
  opacity: 1;
}

.classicSearchBox input:-ms-input-placeholder,
.dynamicSearchBox input:-ms-input-placeholder,
.premiumGuardSearchBox input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b4b4b4;
}

input.exp::placeholder,
input.exp::-webkit-input-placeholder,
input.exp:-moz-placeholder {
  color: #000000 !important;
}


.tab-content div p,
.tab-content div p a,
.tab-content .card-header,
.noresultfound-note {
  letter-spacing: 0.01em;
}

.noresultfound-note {
  color: #000;
}

.card-body p {
  margin-bottom: 2px !important;
}

.card {
  box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
}

.common-card-header {
  color: white;
  background-color: #606060;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

.filterSearchDiv {
  background-color: #fff;
}

.table-wrapper {
  letter-spacing: 0.01em;
  color: #383838;
}

.card-right-content {
  background-color: white;
}

.borderg {
  border: 0.6px solid #0A0094 !important;
  background: #fff5e0 !important;
}




.parttypename-tabs h6 {
  font-size: 18px;
  font-weight: bold;
  color: #606060;
  margin-bottom: 0px !important;
}

.add-note {
  font-size: 14px;
}

.add-note,
.add-note b {
  font-weight: 600;
  letter-spacing: initial;
}

.note-decoration {
  color: #383838;
  font-weight: 400;
  font-size: 15px;
}

.note-decoration-mobile {
  color: #383838;
  font-weight: 400;
}

.note-decoration a,
.note-decoration-mobile a {
  color: #383838;
}

.note-decoration a:hover,
.note-decoration-mobile a:hover {
  color: #383838;
}

.note-bold-text {
  font-weight: 600;
  letter-spacing: 0.01em;
}

.anchorqua {
  color: #0A0094;
  text-align: left !important;
  cursor: pointer;
}

.anchorqua:hover {
  color: #0A0094;
}

.partnumber-decoration {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

.partnumber-decoration-fluids {
  color: #192b94;
  font-weight: 600;
  text-decoration: none;
  cursor: unset;
  letter-spacing: 0.01em;
}

.partnumber-decoration:hover,
.partnumber-decoration-fluids:hover {
  color: #192b94;
}

.description_ul_tag {
  font-size: 11px;
  color: #383838;
  margin-left: 1em;
  padding-left: 0px;
}

.description_ul_tag li {
  letter-spacing: 0.01em;
  line-height: 18px;
}

.filterSearchDiv [type="radio"]:checked,
.filterSearchDiv [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.filterSearchDiv [type="radio"]:checked+label,
.filterSearchDiv [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.filterSearchDiv [type="radio"]:checked+label:before,
.filterSearchDiv [type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.filterSearchDiv [type="radio"]:checked+label:after,
.filterSearchDiv [type="radio"]:not(:checked)+label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0A0094;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.filterSearchDiv [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.filterSearchDiv [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.img_mouseover1 {
  position: absolute;
  right: 60px;
  margin-top: -75px;
  z-index: 2;
  border: 3px solid #999;
  border-radius: 10px;
  overflow: auto;
  width: 180px;
  height: auto;
  text-align: center;
  background: #ffffff;
  padding: 0px;
}

.img_mouseover1 img {
  max-width: 100%;
  float: left;
}

#myTabs>li {
  margin-right: 25px;
}

#myTabs>li:last-child {
  margin-right: 0;
}

.crosssearchtable {
  border-collapse: separate;
  border: 0px;
}

.crosssearchtable td {
  border: none;
  border-right: 2px solid #ccc;
  border-top: 1px solid #ccc !important;
}

.crosssearchtable td,
.crosssearchtable th,
.crosssearchtable label {
  letter-spacing: 0.01em;
  color: #666;

}

.crosssearchtable td,
.crosssearchtable th {
  font-weight: 500;
}

.crosssearchtable>tbody>tr>th {
  background-color: #fff;
  border-top-color: transparent;
  padding: 15px 10px;
  text-align: center;
  border-right: 2px solid #ccc;
  font-weight: bold;
}


.crosssearchtable th:last-child {
  border-right: none;
}

.extraTr {
  height: 7px;
}

.crosssearchtable tr:last-child,
.crosssearchtable td:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-right: none;
}

.crosssearchtable tr:first-child,
.crosssearchtable td:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  text-align: left;
}


.photo_coming {
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  color: rgba(0, 0, 0, 0.33);
}

/* YMME table box mobile start*/

#table-box,
#table-box-qualifier {
  position: absolute;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
  margin: 0px 19px;
  left: 0px;
  right: 0px;
  padding: 10px 10px;
  background: #0A0094;
  z-index: 1000;
  max-height: 300px;
  overflow-y: scroll;
  display: none;
  border-radius: 2px;
  overflow-x: auto;
}


.ymme-table,
.ymme-table-qualifier {
  width: 100%;
  margin: 0px auto;
  border: 1px solid #c8c8c8;
  background-color: white;
}

.ymme-table th,
td,
.ymme-table-qualifier th,
td {
  border: 1px solid #c8c8c8;
  text-align: center;
  font-weight: bold;
}

.ymme-table th,
.ymme-table-qualifier th {
  background: #0A0094;
  color: white;
}

.ymme-table td,
.ymme-table-qualifier td {
  color: black;
  border: 1px solid #c8c8c8;
}

.each_cell {
  color: black !important;
  text-decoration: none;
}

.each_cell_qualifier {
  color: black !important;
  text-decoration: none;
}

.exp-wrapper,
.exp-wrapper-qualifier {
  position: relative;
  /* border: 1px solid #aaa; */
  display: flex;
  justify-content: space-around;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
  background: #f6f6fa;
  border-radius: 2px;
}


.each_qualifier input[type="text"]:focus {
  outline: none;
}

.each_qualifier input {
  height: unset !important;
  outline: none;
}

.exp-wrapper input[type="text"]:focus {
  background: #f6f6fa;
}

.exp-wrapper input,
.exp-wrapper span {
  color: #000000;
  opacity: 0.72;
  font-size: 12px;
  background: #f6f6fa;
}

.container-mobile .card-body {
  font-size: 13px;
}

.parttype_name_mobile {
  font-size: 16px;
  font-weight: 500;
}

/* YMME table box mobile end*/


#filterLookupForm .select2-selection__arrow {
  display: none;
}

#filterLookupForm .select2-container--default .select2-selection--single {
  width: 100%;
  background: #f2f2f2;
  border: none;
  margin: 3px 0;
  font-size: 14px;
  border-radius: 2px;
  height: 35px;
  outline: 0;
}



.select2-values-css {
  font-weight: 800 !important;
  font-size: 16px !important;
  font-style: italic;
}


.select2-greybg {
  background-color: #B8B8B8 !important;
}

.select2-selectable-css {
  font-weight: 800 !important;
  font-size: 16px !important;
}


.select2-dropdown--below {
  border: 1px solid #aaa !important;
}

.select2-results__options li.select2-results__option--selectable {
  color: #666 !important;
  letter-spacing: 0.01em !important;
  font-size: 14px;
  background-color: unset !important;
  padding: 3px 6px !important;
}

.select2-results__options li.select2-results__option--disabled {
  background: rgb(170, 170, 170) !important;
  color: #fff !important;
  letter-spacing: 0.01em !important;
  font-size: 14px;
  padding: 3px 6px !important;
}


.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  color: #0A0094 !important;
  font-weight: 500;
}



.custom_select2_dropdown {
  font-weight: 800;
  font-size: 16px;
}



#filterLookupForm .select2-selection__rendered {
  letter-spacing: 0.01em;
  padding: 5px 16px 5px 10px;
}



@keyframes shadowMovement {
  0% {

    box-shadow:
      5px 5px 15px rgba(255, 200, 54, 1),
      -5px -5px 15px rgba(255, 200, 54, 1),
      5px -5px 15px rgba(255, 200, 54, 1),
      -5px 5px 15px rgba(255, 200, 54, 1);
    /* background:rgba(228,244,227,1); */
  }

  50% {
    box-shadow:
      5px 5px 15px rgba(255, 200, 54, 0.5),
      -5px -5px 15px rgba(255, 200, 54, 0.5),
      5px -5px 15px rgba(255, 200, 54, 0.5),
      -5px 5px 15px rgba(255, 200, 54, 0.5);
    /* background:rgba(228,244,227,1); */
  }

  100% {
    box-shadow:
      5px 5px 15px rgba(255, 200, 54, 0),
      -5px -5px 15px rgba(255, 200, 54, 0),
      5px -5px 15px rgba(255, 200, 54, 0),
      -5px 5px 15px rgba(255, 200, 54, 0);
    /* background:rgba(228,244,227,1); */
  }
}


.animationClass {
  animation: shadowMovement 1.5s infinite;
  background-color: #fff;
  border-radius: 4px;
}



@media(max-width:1080px) {

  .bolder_font {
    font-size: 13px !important;
  }

  .textFont {
    font-size: 13px;
  }

  .colm_padd {
    padding-right: 2px !important;
  }
}


@media(max-width:640px) {
  .filterLookupTables td {
    font-size: 13px;
    width: 35% !important;
  }

  .tablePaddLeft {
    padding-left: 0px !important;
  }

  .td-padd-left {
    padding-left: 12px !important;
  }

  .td-align {
    padding-left: 16px !important;
  }
}

@media(max-width:768px) {

  .td-padd-left {
    padding-left: 12px !important;
  }

  .td-align {
    padding-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .filterLookupBox .nav-justified .nav-item {
    margin-bottom: 10px;
  }

  .filterLookupBox .nav {
    display: block;
  }

  #myTabs>li {
    margin-right: 0px;
  }


  .tablePaddLeft {
    padding-right: 0px !important;
  }

  .tableBorder {
    border: transparent;
  }
}

@media (max-width: 360px) {

  .textFont {
    font-size: 11px;
  }

  .tablePaddLeft {
    padding-left: 0px !important;
  }

  .td-padd-left {
    padding-left: 12px !important;
  }

  .td-align {
    padding-left: 16px !important;
  }
}

@media (max-width: 320px) {

  .filterMarginlft {
    margin-left: -13px;
  }

  .tableBorder {
    border: transparent;
  }
}



@media (max-width: 1400px) {

  #autocomplete_header {
    font-size: 11.5px;
    padding-left: 5px;
  }
}


@media (min-width: 425px) {
  .dynamic-searchbox input {
    padding: 18px 18px 18px 50px;
  }

  .search-icon-mobile {
    left: 10px;
  }
}

@media (min-width: 768px) {
  .category_name {
    font-size: 50px !important;
    margin-top: 110px;
  }

  .category_name2 {
    font-size: 47px !important;
    margin-top: 60px;
    margin-left: -40px;
  }
}

@media (min-width: 992px) {

  .no_products {
    font-size: 16px;
  }

  .nrns_class {
    font-size: 12px;
  }

  .ast-container {
    max-width: none !important;
    margin-left: unset !important;
    margin-right: unset !important;
    padding-left: unset !important;
    padding-right: unset !important;
  }

  .site-content .ast-container {
    display: block !important;
  }

  .add-note {
    font-size: 18px;
  }

  .product-image {
    width: 60px !important;
  }

  .classicSearchBox {
    width: 24.5%;
  }

  .dynamicSearchBox {
    width: 48%;
  }

  .premiumGuardSearchBox {
    width: 24.5%;
  }

  .vinSearchBox {
    width: 50%;
  }

  .applicationName {
    font-size: 18px !important;
    line-height: 35px;
  }
}

@media (min-width: 1440px) {
  .prod-late {
    width: 20%;
  }

  .category_name {
    font-size: 72px !important;
    margin-top: 140px;
  }

  .category_name2 {
    font-size: 68px !important;
    margin-top: 62px;
  }
}

@media (min-width: 1600px) {
  .description_ul_tag {
    font-size: 12px;
  }

  .img_mouseover1 {
    right: 150px;
  }
}



@media (min-width: 1900px) {

  .img_mouseover1 {
    right: 300px;
  }
}