.text-primary {
    color: #00c05c !important;
}

.form-control:focus {
    color: #6e6b7b;
    background-color: #fff;
    border-color: #00c05c;
    outline: 0;
    box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
}

a {
    color: #00c05c;
    background-color: transparent;
}

.btn-primary {
    color: #fff;
    background-color: #00c05c;
    border-color: #00c05c;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #00a750;
    border-color: #00a750;
    color: #fff;
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control,
.input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: #00c05c;
    box-shadow: none;
}

.bg-primary,
.btn-primary {
    background-color: #00c05c !important;
}

.product_image_no {
    position: absolute;
    top: 2%;
    right: 3%;
    background-color: grey;
    color: white;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: bold;
}

.top_left_position {
    position: absolute;
    top: 2%;
    left: 3%;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: bold;
    max-width: 75%;
}

#custCarousel .carousel-indicators {
    position: static;
}


/*#custCarousel .carousel-indicators > li {
    width: 100px;
  }*/

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1;
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}


.table-container {
    position: relative;
    max-height: 600px;
    overflow: auto;
  }

  .left-stick-content {
    position: sticky;
    left: 0;
    background-color: white;
  }

  .sticky-header th {
    position: sticky;
    top: 0;
    z-index: 300;
  }