#content {
    margin-top: 40px;
    max-width: 1170px;
    margin-inline: auto;
        @media only screen and (max-width: 1200px) {
            max-width: 970px;
        }
        @media only screen and (max-width: 991px) {
            max-width: 750px;
        }
    }
body .ic-hosted-site{
    .btn-primary-dark.btn-primary-dark {
        --bs-btn-bg: #000;
        --bs-btn-hover-bg: #CD0002;
        --bs-btn-color: #fff;
        --bs-btn-active-bg: #CD0002;
        --bs-btn-active-color: #fff;
        --bs-btn-hover-color: #fff;
        --bs-btn-active-border-color: #CD0002;
        border-radius: 0;
        transition: .4s ease all !important;
        &:hover {
            border-color: #CD0002 !important;
        }
    }
    button:focus {
        background-color: inherit !important;
    }
    #ViewMode-filters{
		background-color: #FFFFFF !important;
		font-size: 20px;
		padding: 0px !important;
		.btn-group-vertical-facet.filter-facet label{
			border-radius:0px !important;
			transition: .4s ease all !important;
			border: 0px !important;
			&:hover {
				color: #FFFFFF !important;
				background-color: #CD0002 !important;
			}
		}
	}
    .listing-filters {
        background-color: white;
        z-index: 10000 !important;
        [aria-label="Close filters"] {
            margin-right: -16px;
        }
        @media only screen and (min-width : 768px) {
            padding-left: 0 !important;
            position: sticky;
            z-index: 1 !important;
            top: 100px;
            height: max-content;
            max-height: calc(100vh - 100px);
            overflow: auto;
        }
        .form-control, .form-select {
            background-color: #F3F4F5 !important;
            color: #000 !important;
            box-shadow: none;
            border: none;
            border-radius: 0 !important;
            &:focus {
                box-shadow: none !important;
            }
            &::placeholder {
                color: #666666;
            }
        }
        .text-white {
            color: #000 !important;
        }
        .btn.btn-link {
            color: #000 !important;
            span {
                font-weight: 600 !important;
            }
        }
        input#Keywords {
            background-color: #F3F4F5 !important;
        }
        div#ViewMode-filters {
            background-color: transparent;
            padding: 0;
        }
        label.btn.btn-sm.d-flex.align-items-center.justify-content-start.gap-2.p-2.position-relative.text-white.border.bg-transparent.border-gray-700 {
            color: #000;
        }
        .rounded-2 {
            border-radius: 0 !important;
        }
        .border-secondary {
            border-color: #E8E8E8 !important;
        }
        .form-check {
            display: flex;
            gap: .4rem;
            .category-name.fw-bold {
                font-weight: 500 !important;
            }
        }
        .form-check-input {
            background-color: #F3F4F5 !important;
            &:checked {
                background-color: #B80303 !important;
                border-color: #B80303 !important;
            }
            &:hover, &:focus {
                box-shadow: none !important;
            }
        }
    }
    .results-header {
        color: #000;
        padding-inline: 16px !important;
        margin-bottom: 8px !important;
        @media only screen and (max-width : 767px) {
            padding-inline: 10px !important;
            margin-bottom: 0 !important;
        }
    }
    .inventory-container .listing-table-container{
		padding: 0px;
		padding-left: 16px;
		.table-responsive{
			border-radius: 0px !important;
		}
	}
    .listing-cards {
        padding-right: 0;
        @media only screen and (max-width : 767px) {
            padding-inline: 10px !important;
        }
        .card-img-top {
            border-radius: 0;
        }
        .card {
            border-radius: 0;
            .card-title {
                color: #000;
            }
            .listing-card-indicator {
                width: 5px;
                height: 5px;
                padding: 0px;
            }
            &:hover {
                .btn-primary-dark.btn-primary-dark {
                    --bs-btn-bg: #C10A28;
                    --bs-btn-color: #fff;
                    border-color: #C10A28;
                }
            }
            .fs-4 {
                font-size: 1rem !important;
            }
            .text-muted {
                color: #000 !important;
            }
            
            .d-flex.justify-content-between.align-items-center {
                justify-content: flex-start ! IMPORTANT;
                gap: .85rem;
            }
            .mb-3 {
                margin-bottom: .8rem !important;
            }
            .card-body .rounded {
                border-radius: 0 !important;
            }
            .p-3 {
                padding: .8rem !important;
            }
            
        }
        &.grid-view {
            grid-template-columns: repeat(3, 1fr);
            @media only screen and (max-width: 1200px) {
                grid-template-columns: repeat(2, 1fr);
            }
            @media only screen and (max-width: 991px) {
                grid-template-columns: repeat(1, 1fr);
            }
            .listing-card-image-container {
                border-radius: 0;
            }
        }
    }
}