label.active {
    border: 1px solid #0074df !important;
  }

  
  .active-border{
    border: 2px solid blue !important;
}

  .hometab {
      background-color:rgb(250, 250, 250); 
  }

  .show-less {
      max-height: 100px;
      overflow: hidden;
  }

  .show-text {
    transition: all 0.3s ease
  }

  .position-fixed {
    position: fixed;
  }

  .w-100 {
      width: 100%;
  }

  .position-absolute {
      position: absolute;
  }

  .border{
    border: 1px solid grey;
    }   

  .border-light{
    border: 1px solid rgb(223, 223, 223);
    }   

  .overflow-scroll {
      overflow: scroll;
  }

  .overflow-y-scroll {
      overflow-y: scroll;
  }
  
  .configurator-tile.active {
    padding: 0 16px;
  }
  
  .categories {
      margin-bottom: 10px;
      transition: all 0.2s;
  }
  .configurator-block-price-spacer {
    height: 33px;
  }
  
  .bg-grey {
      background-color: #444;
  }
  
  .p-2 {
      padding: 5px;
  }
  
  .p-3 {
      padding: 10px;
  }
  
  .p-4 {
      padding: 15px;
  }
  
  .px-2 {
      padding: 0px 10px;
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .my-2 {
      margin: 10px 0;
  }
  
  .text-light {
      color: #fff;
  }

  .text-small {
      font-size: 12px !important;
  }
  
  .d-flex {
      display: flex;
  }
  
  .d-none {
      display: none;
  }
  .justify-content-between {
      justify-content: space-between;
  }

  #checkout-table tr, #checkout-table p{
      font-size: 13px !important;
  }

  .btn-primary-outline {
    background-color: #fff;
    color: rgb(40, 141, 0);
  }

  .btn-primary-outline:hover {
    background-color: rgb(18, 153, 0);
    color: rgb(255, 255, 255);
  }

  .m-auto {
      margin: auto;
  }

  .text-danger {
      color: red;
  }

  .show-more-btn {
      color: rgb(50, 50, 150);
  }

  .fw-bold {
      font-weight: 600;
  }

  .bg-light {
      background-color: #f5f5f5;
  }

  .categories {
      
      cursor: pointer !important;
  }

  table .actions .btn {
      padding: 5px;
      line-height: 20px;
  }

  .categories label {
    border: 1px solid #d5d5d5;
  }

  .categories.active label{
      border: 2px solid blue;
      margin-top: 8px;
  }


  .categories img{
      margin-top: 10px;
  }

  .custom-image {
    width: 80px !important;
  }

  .text-center {
      text-align: center;
  }

  .configurator-tile {
      margin: 10px 0px;
  }

  .configurator-image-container {
      cursor: pointer;
      width: 80%;
      margin: auto;
  }

  .categories.active::before, .yes-no-selection.active::before {
      content: '\f00c';
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #0074df;
    padding: 7px;
    z-index: 5;
  }
  
  #regular-price {
      transition: all 0.2s;
      opacity: 0;
  }
  
  #regular-price.active {
      transition: all 0.5s;
      opacity: 1;
      color: green;
  }

  #colors, #profiles, #categories {
      opacity: 0;
      transition: all 0.2s;
  }
  #categories.active,
  #profiles.active,
  #colors.active
   {
      opacity: 1;
      transition: all 1s;
  }

  .col-sm-3 {
    width: 24% !important;
  }


 
  @media (max-width: 768px) {
      #product-columns {
          display: flex;
        }
        
        #product-columns > .col-md-3 {
            order: 2; 
            width: 100%;
            flex-shrink: 0;
      }

      #product-columns > .col-md-9 {
          order: 1; 
          width: 100%;
          flex-shrink: 0;
      }
  }