input[type=checkbox] {
  position: absolute;
  border: 2px solid #fff;
  background: none;
  cursor: pointer;
  bottom: 1rem;
  line-height: 0;
  margin: 0 0.6em 0 0;
  outline: 0;
  padding: 0 !important;
  width: 15px;
  height: 15px;
  appearance: none;
  outline-style: solid;
  outline-color: #000;
  outline-width: 1px;
}

input[type=checkbox]:hover {
  opacity: 1;
}

input[type=checkbox]:checked {
  content: '';
  background: #ce0201;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

input[type=checkbox]:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

.pull-right input.publish {
  float: right;
  position: relative;
  top: 0;
  left: 2px;
}

.disabled-btn {
  pointer-events: none;
  cursor: not-allowed;
}

button.btn.btn-primary:disabled {
  background: #ccc;
  border: none;
}

.import-model-year-wrap {
  position: relative;
}

.imy-field {
  display: block;
  width: 100%;
  margin: 1rem 1rem 1rem 0;
}

.imy-field label.custom-file-label {
  height: 4.2rem;
  cursor: pointer;
  width: 100%;
}

.imy-field input#import-model-year {
  opacity: 0;
}

.card .filter-top-wrap form {
  width: 70%;
  padding: 2rem;
  float: left;
}

.filter-top-wrap .import-btn {
  width: 25%;
  padding: 2rem;
  float: right;
}

.filter-top-wrap .import-btn button {
  padding: 1rem 1.2rem;
}

.card form input {
  padding: 1rem 1.2rem;
}

span.select2.select2-container {
  width: 100% !important;
}

span.select2-selection.select2-selection--single {
  padding: .7rem 1.2rem;
  height: auto !important;
  width: 100%;
}

span.select2-selection__arrow {
  height: 100% !important;
}

.loading-gif-model-name,
.loading-gif-model-year {
  z-index: 9999;
  position: relative;
}

.cullys-custom-nav {
  width: 100%;
}

#tbl-product-type-override .check-all-btn-wrap {
  padding: 1rem;
}

#tbl-product-type-override input.check-all-btn {
  top: 1rem;
  left: 1rem;
}

div#tbl-product-type-override_paginate .paginate_button:hover {
  background: #ccc !important;
}

.fitments-table td span.fitment-alias-btn,
#tbl_products span.fitment-lists-btn {
  cursor: pointer;
  color: #0042c5;
}

.modal.fitment-alias input.alias-selection {
  padding: 0.7rem !important;
  border: 1px solid #cccfd2 !important;
  border-radius: 5px;
}

.modal.fitment-alias .selection-alias-btn {
  background: #f1f2f3;
  color: #000;
  border: 1px solid #cbcfd2;
}

.modal.fitment-alias .selected-alias {
  padding: 3rem;
  background: #efefef;
  border: 1px solid #cccfd2 !important;
  border-radius: 5px;
}

.modal.fitment-alias .model-year-wrap {
  width: 100%;
}

.modal.fitment-alias .model-year-wrap .col-sm-auto {
  padding: 0.2rem 1rem;
}

.modal.fitment-alias .year-check-all-wrap,
.modal.fitment-lists .model-check-all-wrap {
  background: #efefef;
  width: 35% !important;
  text-align: center;
  padding: 0.7rem 0 0.3rem 0;
  border: 1px solid #cbcfd2;
  margin: 0.1rem 0 0 0;
}

.modal.fitment-alias h2.modal-title {
  font-size: 3rem;
}

.modal.fitment-alias input#select-all-years {
  top: 0.3rem;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}

.pagination a.btn.btn-primary.mr-2 {
  border: 1px solid #caced3;
  background: transparent;
  color: #1f2124;
}

.pagination span.btn.btn-primary.active.mr-2 {
  color: #1f2124;
  background: none;
  border: none !IMPORTANT;
  box-shadow: none;
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background: #ffffff !important;
}

.table td {
  vertical-align: middle !important;
}

td.status span.status-text.active,
.shopify-status span.status-text.active {
  background: #cdfee1;
  padding: 0.5rem 1.2rem;
  border-radius: 25px;
  color: #083d25;
}

td.status span.status-text.draft,
.shopify-status span.status-text.draft {
  background: #e0f0ff;
  padding: 0.5rem 1.2rem;
  border-radius: 25px;
  color: #00527c;
}

td.status span.status-text.archive,
.shopify-status span.status-text.archive {
  background: #fff8db;
  padding: 0.5rem 1.2rem;
  border-radius: 25px;
  color: #000;
}

td.status span.status-text.empty-shopify,
.shopify-status span.status-text.empty-shopify {
  background: #ca0131ba;
  padding: 0.5rem 1.2rem;
  border-radius: 25px;
  color: #ffffff;
}

a.view.current-view {
  border-bottom: 1px solid #000;
  font-weight: 700;
}

datalist {
  margin-top: -20px;
  position: absolute;
  max-height: 20em;
  border: 0 none;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 5;
}

datalist option {
  font-size: 1em;
  padding: 0.3em 1em;
  background-color: #ccc;
  cursor: pointer;
}

datalist option:hover,
datalist option:focus {
  color: #fff;
  /* background-color: #036; */
  background-color: #CE0201;
  outline: 0 none;
}

th[data-sort] {
  cursor: pointer;
}

a.btn.btn-primary.disabled {
  background: #ccc;
  border: #ccc;
}

.filter-wrap:not(:last-child) {
  border-bottom: 1px #ccc solid;
}

#filters .filter-wrap strong {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
}

#tbl_variants input[type="checkbox"],
#tbl_products input[type="checkbox"],
#tbl_products input.form-check-input.selectFilter,
#tbl_make-model input[type="checkbox"],
#tbl_model input[type="checkbox"],
#tbl_feeds input[type="checkbox"] {
  position: unset;
}

.sync-status .in-queue {
  background: #e0f0ff;
  padding: 0.5rem 1.2rem;
  border-radius: 25px;
  color: #00527c;
}

.sync-status .sync-ready {
  background: #cdfee1;
  padding: 0.5rem 1.2rem;
  border-radius: 25px;
  color: #083d25;
}

a.btn.delete-product-type-btn.disabled {
  cursor: not-allowed;
  pointer-events: auto;
}

a.btn.delete-product-type-btn {
  border: none !important;
  background: none;
  box-shadow: none;
}

.accordion-header .accordion-button {
  background: #e8e9eb;
  color: #000;
}

.date-filter-options {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  border: 1px solid #efefef;
  box-shadow: 1px 1px 5px #ccc;
  margin-top: 2rem;
  z-index: 999;
}

.date-filter {
  padding: 1rem 1rem;
  text-align: center;
  border-radius: 12px;
  border: 1px dashed #ccc;
  cursor: pointer;
}

.date-filter-options .form-check input {
  padding: .8rem;
  margin-top: 0;
}

.variant-sku-lists p {
  position: relative;
  padding-left: 20px;
  margin: 10px 0;
}
.variant-sku-lists p::before {
  content: "\2022"; 
  position: absolute;
  left: 0;
  color: black; 
}

@media screen and (max-width:500px) {
  .modal.fitment-alias .year-check-all-wrap {
    width: 100% !important;
  }

  .row.mb-4:nth-child(1) {
    margin-bottom: 0 !important;
  }
}