/* Bootstrap */

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.other-imgs div img.img-fluid {
    max-height: 100%;
}

.color .color-options button img.img-fluid {
    max-height: 100%;
}

.progress {
    border-color: #666666 !important;
    background-color: #ffffff;
}

.progress-bar {
    background-color: #f9ba00;
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0% !important;
    }   
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0% !important;
    }   
}

/* Filter sidebar */

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath 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'/%3e%3c/svg%3e");
}

.accordion-button:focus {
    border: none;
    box-shadow: none;
}

.carousel-control-prev-icon {
    background-image: url("/img/carousel-navigator.svg");
}

.carousel-control-next-icon {
    background-image: url("/img/carousel-navigator.svg");
    transform: rotate(180deg);
}

.form-check-input {
    margin-top: 0;
}

.card {
    --bs-card-border-radius: 0px;
    --bs-card-title-spacer-y: 0px;
}

.shadow-sm {
    box-shadow: none !important;
}

/* Modal for Add Address */

.modal .form-control{
    border-radius:0;
    border: 1px solid black;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.modal .form-control:focus{
    box-shadow: none;
    border: 1px solid #ced4da;
}

.modal-header{
    background-color:#e6e6e6;
}

.modal .form-label{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.modal-footer {
    border-top:none;
    justify-content: flex-start;
}

.modal .btn{
    border-radius: 0px;
}

.btn-white {
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:hover {
    background-color: #ffffffda;
    border-color: #ffffffda;
}

.btn-white:focus {
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: 0 0 0 0.25rem #ffffff50;
}