/*======================================================================================
  C: Year Make Model Search Shopify App. | Capacity Web Solutions Pvt. Ltd.
========================================================================================*/

/* Container Size */
.ymm-page-width { width: 100%; max-width:1200px; padding-left:15px; padding-right:15px; margin:0 auto; }
.ymm-page-width:after { content: ""; display: block; clear: both; }

.page-width .ymm-page-width,
.container .ymm-page-width,
.page-content .ymm-page-width { max-width: 100%; width: 100%; padding-left: 0; padding-right: 0; }

/* Loader */
.ymm-mobile-loader { position: relative; height: 50px; width: 50px; padding: 10px; margin: 30px auto; background-color: #fff; box-shadow: 0 0 3px #bfbfbf; border-radius: 2px; }
.ymm-mobile-loader img { max-width: 100%; width: 30px; height: 30px; border:none; outline:none; margin:0 auto; display:block; -webkit-animation: ymm_spin 1s infinite steps(12); animation: ymm_spin 1s infinite steps(12); }
@keyframes ymm_spin { 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }

/* Compatibility Chart */
div.ymm_comptbl_list { margin-top: 30px; margin-bottom: 30px; }
.ymm_comptbl_list h3 { font-size:24px; font-weight:600; line-height:normal; text-transform: uppercase; text-align: center; padding: 0; margin: 0 0 20px; }
.ymm_comptbl_list .ymm-table-data { position: relative; padding: 0px; max-height:435px; overflow:auto; white-space: normal; word-wrap: anywhere; -webkit-overflow-scrolling: touch; }
.ymm_comptbl_list table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; border: none; margin: 0; padding: 0; width: 100%; }
.ymm_comptbl_list table th,
.ymm_comptbl_list table td { padding: 10px; text-align: center; font-size: 15px; font-weight: 400; vertical-align: middle; }
.ymm_comptbl_list table th { font-weight: bold; }
.ymm_comptbl_list thead { position: -webkit-sticky; position: sticky; top: 0; }
.no_nxt_ymm { color: #ff0000; text-align: center; }

/* Pagination */
.paging-outr { margin:20px 0 0; }
.paging-outr ul.pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin: 0 auto; padding: 0; list-style: none; border: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.paging-outr ul.pagination > li { list-style: none; margin: 5px; padding: 0; }
.paging-outr ul.pagination > li > a { background-image: none; display:block; margin:0; padding:5px; width:40px; height:40px; border-radius:2px; display:flex; justify-content:center; align-items:center; cursor:pointer; text-align:center; text-decoration:none; border-style: solid; border-width: 1px;  }
.paging-outr ul.pagination > li > span { display: inline; padding: 7px 10px; cursor: default; text-align: center; }
.paging-outr ul.pagination > li .icon { width:20px; height:20px; }
.paging-outr ul.pagination > li:hover > a { opacity:0.8; }
.paging-outr ul.pagination > li.active > a,
.paging-outr ul.pagination > li.active > a:hover,
.paging-outr ul.pagination > li.active > a:focus { cursor: default; outline: none; }
.paging-outr ul.pagination > li.disabled > a,
.paging-outr ul.pagination > li.disabled > a:hover,
.paging-outr ul.pagination > li.disabled > a:focus { cursor: not-allowed; outline: none; }

/* Compatibility Chart Mobile */
.shopify-app-block.cws_ymm_comp_list_cont { width: 100%; }
#ymm_data_mobile .ymm_nested_header { border-style: solid; border-width: 1px; font-size: 14px; padding: 8px 15px; font-weight: bold; display: flex; justify-content: center; flex-direction: row-reverse; align-items: center; }
#ymm_data_mobile ul { padding: 0; margin: -1px 0 0; list-style: none; border-style: solid; border-width: 1px; }
#ymm_data_mobile li { position: relative;padding: 8px 10px 8px 15px; display: flex; align-items: center; justify-content: space-between; transition: all .3s ease-in-out 0s; }
#ymm_data_mobile li.get_next_ymm { cursor: pointer; }
#ymm_data_mobile li:not(:last-child) { border-bottom-style: solid; border-bottom-width: 1px; }
#ymm_data_mobile .next_ymm { width: 18px; height: 18px; border-radius: 50%; font-size: 0; display: flex;align-items: center; justify-content: center; text-decoration: none; outline: none; box-shadow: none; }
#ymm_data_mobile .next_ymm:after { content: ''; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-style: solid; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; margin: 0 0 0 -2px; }
#ymm_data_mobile .prev_ymm { text-decoration: none; display: inline-flex; align-items: center; border: none; padding: 6px 12px; font-size: 13px; font-weight: 600; line-height: normal; }
#ymm_data_mobile.active { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; overflow: auto; background-color: #fff; }
#ymm_data_mobile .ymm_nested_title { margin-right: auto; }
#ymm_data_mobile .ymm_go_back { margin-right: auto; }
#ymm_data_mobile .hide_ymm_nxt { display: none !important; }


/*---------------- Media querys ----------------*/
@media screen and (max-width: 749px) {
  .ymm_comptbl_list h3 { font-size:20px; }
  .ymm_comptbl_list table { table-layout: auto; }
  .ymm_comptbl_list .ymm-table-data { word-wrap: inherit; }
  .ymm_comptbl_list table td, .ymm_comptbl_list table th { font-size: 14px; min-width: 100px; }
  .product-section .ymm_comptbl_list { margin-top: 10px; margin-bottom: 50px; }
  .paging-outr ul.pagination > li > a { width:35px; height:35px; }
  .product__info-wrapper.scroll-trigger { animation:none !important; -webkit-animation:none !important; transform:none !important; -webkit-transform:none !important; opacity:1; }  
}