/*.part-price:before, .cart_unitprice:before {
    content:"$ ";
}
.part-coreprice:before, .cart_coreprice:before, .cart_totalprice:before {
    content:"$ ";
}*/
.dollar-price:not(:empty):before {
    content: "$ ";
}

.dollar-price {
    text-align: right;
    white-space: nowrap;
}

.small, small {
    font-size: 90%;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 0.1rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 0.5rem !important; /*1.0rem*/
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (max-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}


.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

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

.btn_search {
    background: #0f4361;
}

.filter-title small {
    color: #0f4361;
}

    .filter-title small a {
        color: #0f4361;
    }

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-semibold {
    font-weight: 600 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

.text-danger {
    color: #e62027;
}

.text-success {
    color: #008000;
}

.font-size-22 {
    font-size: 22px;
}








.header {
    /*background-color: #38476a;*/
    background-color: #104361;
    width: 100%;
    z-index: 500;
    position: relative;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    position: sticky;
    position: -webkit-sticky;
    top: 0; /* required */
}

.logo img {
    max-width: 100%;
    padding: 5px;
    background: #fff;
    /*height: 67px;*/
    max-height: 67px;
}

.inline-block {
    display: inline-block;
}


.btn-color1 {
    border-color: #38476a;
    background-color: #38476a;
    color: #fff;
}


.open > .dropdown-toggle.btn-primary.btn-color1.focus, .open > .dropdown-toggle.btn-primary.btn-color1:focus, .open > .dropdown-toggle.btn-primary.btn-color1:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}



.btn-color1:hover {
    border-color: #38476a;
    background-color: #38476a;
    color: #fff;
}

.btn-primary.btn-color1.active, .btn-primary.btn-color1:active, .open > .dropdown-toggle.btn-primary.btn-color1 {
    background: transparent;
    border-color: transparent;
}


.btn-modal {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #777;
}

    .btn-modal span.caret {
        position: absolute;
        right: 8px;
        top: 45%;
    }

.search-filter-navbar .filter-title > i.fa, .search-filter-navbar .filter-title > i.ta-icon {
    /*color: #31529d;*/
    color: #0f4361;
}

.navbar-default .navbar-brand {
    color: #222223;
}


    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
        color: #1e1e1f;
        background-color: transparent;
    }


.navbar-default .navbar-toggle {
    border-color: #5d6880;
}

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent/*#c5d7ff*/;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #647498;
    }


@media (min-width: 767px) {
    .navbar-header .navbar-brand {
        display: none;
    }
}

@media (max-width: 767px) {

    .logo img {
        display: block;
        margin: 0 auto;
    }
}

#channels-ul {
    background-color: #393939;
}

    #channels-ul a {
        color: #fff;
        font-size: 12px;
        font-weight: 900;
        padding: 8px 20px;
        white-space: nowrap;
        display: block;
    }

    #channels-ul .divider {
        margin: 0;
    }

.divider {
    height: 4px !important;
}

#body-a:hover {
    background-color: #B72932 !important;
}

#diagnostic-a:hover {
    background-color: #571A1D !important;
}

#tire-a:hover {
    background-color: #141D35 !important;
}

#underhood-a:hover {
    background-color: #738DBD !important;
}

#under-vehicle-a:hover {
    background-color: #A0B14D !important;
}

#green-a:hover {
    background-color: #769321 !important;
}

#tools-a:hover {
    background-color: #8C363D !important;
}

#distributors-a:hover {
    background-color: #C8993F !important;
}

#product-a:hover {
    background-color: #4E68C9 !important;
}

#pten-a:hover {
    background-color: #8D9EB4 !important;
}

#pd-a:hover {
    background-color: #8D9EB4 !important;
}


.text-center > img.img-responsive {
    /*  margin: 0 auto;*/
}



ul li {
    list-style: none;
}

.filter-wrapper .navbar-default {
    border: 0;
    margin-bottom: 5px;
}

.filter-wrapper {
    /*background-color: #f8f8f8;*/
    padding-bottom: 15px;
    /*background-color: #c5d7ff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);*/
}

.search-filter-navbar {
    background-color: #c5d7ff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}

.filter-wrapper:hover {
}



/**************************Shopping cart design*********************************/
.shopping-cart {
    /*background: #1c2a48;*/
    background: #0f4361;
    right: 1%;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 45px;
    padding: 30px;
    z-index: 499;
    top: /*90px;*/ 100px;
    /* border: 1px solid #104361; */
}

    .shopping-cart a {
        color: #fff !important;
    }





.navbar-default {
    /*background: transparent;*/
    border-color: transparent;
}

.search-form {
    width: 80%;
    margin: 16px auto;
}

.header-search-form {
    width: 100%;
    margin: 16px auto;
}

.search-txt {
    padding-left: 5px;
}

.feed-lang {
    margin: 16px auto;
    float: right;
}

a.feedback-icon, a.profile-icon {
    color: #fff;
    /*margin-left: 10px;*/
    margin-right: 8px;
    font-size: 1.5em;
    cursor: pointer;
    white-space: nowrap;
}

.lang-drop {
    display: inline-block;
}

a.lang-icon {
    color: #fff;
    /*margin-left: 8px;*/
    margin-right: 8px;
    font-size: 1.5em;
    cursor: pointer;
    white-space: nowrap;
}

.feedback_popup .modal-header h3 {
    margin-top: 0;
}

.lang-table {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.lang-fluid {
    display: table-cell;
    width: 100%;
}

.lang-drop ul.dropdown-menu {
    height: auto;
    /*overflow-x: hidden;*/
    max-height: 400px;
    width: 100%;
}

.lang-drop ul #languages_panel {
    overflow-x: auto;
}

.jumbotron.welcome-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1px;
    /*background: #e9f0ff;*/
    background: #c5d7ff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.31);
}

.welcome-content ul {
    padding-left: 20px;
}

    .welcome-content ul li {
        font-size: 17px;
    }

        .welcome-content ul li:before {
            content: "\f101";
            font: normal normal normal 14px/1 FontAwesome;
            padding-right: 10px;
            color: #d2272d;
        }

.jumbotron p {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
}

.welcome-content h3 {
    font-family: 'Poppins', sans-serif;
}

.welcome_content_link {
    color: #e62027;
}

    .welcome_content_link:hover, .welcome_content_link:focus {
        color: #a71318;
        text-decoration: underline;
    }


select.chooser {
    width: 100%;
}

.chosen-container .chosen-results li {
    padding: 2px 3px;
}



.chosen-select {
    width: 100%;
}

.chosen-select-deselect {
    width: 100%;
}

.chosen-container {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
}

    .chosen-container .chosen-drop {
        background: #ffffff;
        border: 1px solid #cccccc;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
        box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
        margin-top: -1px;
        position: absolute;
        top: 100%;
        left: -9000px;
        z-index: 1060;
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
        right: 0;
    }

    .chosen-container .chosen-results {
        color: #555555;
        margin: 0 4px 4px 0;
        max-height: 240px;
        padding: 0 0 0 4px;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

        .chosen-container .chosen-results li {
            display: none;
            line-height: 1.42857143;
            list-style: none;
            margin: 0;
            padding: 5px 6px;
        }

            .chosen-container .chosen-results li em {
                background: #feffde;
                font-style: normal;
            }

            .chosen-container .chosen-results li.group-result {
                display: list-item;
                cursor: default;
                color: #999;
                font-weight: bold;
            }

            .chosen-container .chosen-results li.group-option {
                padding-left: 15px;
            }

            .chosen-container .chosen-results li.active-result {
                cursor: pointer;
                display: list-item;
            }

            .chosen-container .chosen-results li.highlighted {
                background-color: #006ba4;
                background-image: none;
                color: white;
            }

                .chosen-container .chosen-results li.highlighted em {
                    background: transparent;
                }

            .chosen-container .chosen-results li.disabled-result {
                display: list-item;
                color: #777777;
            }

        .chosen-container .chosen-results .no-results {
            background: #eeeeee;
            display: list-item;
        }

    .chosen-container .chosen-results-scroll {
        background: white;
        margin: 0 4px;
        position: absolute;
        text-align: center;
        width: 321px;
        z-index: 1;
    }

        .chosen-container .chosen-results-scroll span {
            display: inline-block;
            height: 1.42857143;
            text-indent: -5000px;
            width: 9px;
        }

    .chosen-container .chosen-results-scroll-down {
        bottom: 0;
    }

        .chosen-container .chosen-results-scroll-down span {
            background: url("../images/chosen-sprite.png") no-repeat -4px -3px;
        }

    .chosen-container .chosen-results-scroll-up span {
        background: url("../images/chosen-sprite.png") no-repeat -22px -3px;
    }

.chosen-container-single .chosen-single {
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    color: #555555;
    display: block;
    height: 34px;
    overflow: hidden;
    line-height: 34px;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

    .chosen-container-single .chosen-single span {
        display: block;
        margin-right: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .chosen-container-single .chosen-single abbr {
        background: url("../images/chosen-sprite.png") right top no-repeat;
        display: block;
        font-size: 1px;
        height: 10px;
        position: absolute;
        right: 26px;
        top: 12px;
        width: 12px;
    }

        .chosen-container-single .chosen-single abbr:hover {
            background-position: right -11px;
        }

    .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
        background-position: right 2px;
    }

    .chosen-container-single .chosen-single div {
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 18px;
    }

        .chosen-container-single .chosen-single div b {
            background: url("../images/chosen-sprite.png") no-repeat 0 7px;
            display: block;
            height: 100%;
            width: 100%;
        }

.chosen-container-single .chosen-default {
    color: #777777;
}

.chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1000;
}

    .chosen-container-single .chosen-search input[type="text"] {
        background: url("../images/chosen-sprite.png") no-repeat 100% -20px, #ffffff;
        border: 1px solid #cccccc;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        margin: 1px 0;
        padding: 4px 20px 4px 4px;
        width: 100%;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.chosen-container-single-nosearch .chosen-search input {
    position: absolute;
    left: -9000px;
}

.chosen-container-multi .chosen-choices {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    cursor: text;
    height: auto !important;
    height: 1%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

    .chosen-container-multi .chosen-choices .search-field {
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

        .chosen-container-multi .chosen-choices .search-field input[type="text"] {
            background: transparent !important;
            border: 0 !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #555555;
            height: 32px;
            margin: 0;
            padding: 4px;
            outline: 0;
        }

        .chosen-container-multi .chosen-choices .search-field .default {
            color: #999;
        }

    .chosen-container-multi .chosen-choices .search-choice {
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        background-color: #eeeeee;
        border: 1px solid #cccccc;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        color: #333333;
        cursor: default;
        line-height: 13px;
        margin: 6px 0 3px 5px;
        padding: 3px 20px 3px 5px;
        position: relative;
    }

        .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
            background: url("chosen-sprite.png") right top no-repeat;
            display: block;
            font-size: 1px;
            height: 10px;
            position: absolute;
            right: 4px;
            top: 5px;
            width: 12px;
            cursor: pointer;
        }

            .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
                background-position: right -11px;
            }

    .chosen-container-multi .chosen-choices .search-choice-focus {
        background: #d4d4d4;
    }

        .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
            background-position: right -11px;
        }

.chosen-container-multi .chosen-results {
    margin: 0 0 0 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none;
}

.chosen-container-active .chosen-single {
    border: 1px solid #66afe9;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #ffffff;
    border: 1px solid #66afe9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        background: transparent;
        border-left: none;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 7px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #66afe9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

    .chosen-container-active .chosen-choices .search-field input[type="text"] {
        color: #111 !important;
    }

.chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.chosen-disabled {
    cursor: default;
    opacity: 0.5 !important;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        padding: 0 8px 0 0;
        overflow: visible;
    }

        .chosen-rtl .chosen-single span {
            margin-left: 26px;
            margin-right: 0;
            direction: rtl;
        }

        .chosen-rtl .chosen-single div {
            left: 7px;
            right: auto;
        }

        .chosen-rtl .chosen-single abbr {
            left: 26px;
            right: auto;
        }

    .chosen-rtl .chosen-choices .search-field input[type="text"] {
        direction: rtl;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

    .chosen-rtl .chosen-choices .search-choice {
        margin: 6px 5px 3px 0;
        padding: 3px 5px 3px 19px;
    }

        .chosen-rtl .chosen-choices .search-choice .search-choice-close {
            background-position: right top;
            left: 4px;
            right: auto;
        }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results .group-option {
        padding-left: 0;
        padding-right: 15px;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        background: url("chosen-sprite.png") no-repeat -28px -20px, #ffffff;
        direction: rtl;
        padding: 4px 5px 4px 20px;
    }


.chosen-drop {
    overflow: visible;
}

[class*=" col-"] .chosen-container,
[class^="col-"] .chosen-container {
    width: 100% !important;
}

.filter-chosen-select {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    color: #777;
}


.ad_slot {
    padding: 10px 0;
}

    .ad_slot img {
        max-width: 100%;
        width: 100%;
    }





#asse-group, #asse-group ul {
    list-style-type: none;
    margin-left: 0px;
    margin-bottom: 5px;
    /*padding-left:20px;*/
    padding-left: 0;
    cursor: pointer;
}


.bull {
    padding-right: 5px;
}

#asse-group li {
    display: block;
}

#asse-group-sub ul {
    margin: 2px 0 0 15px;
}

.assc-icon {
    padding-right: 5px;
}

    .assc-icon.plus:after {
        content: '\f196';
        font-size: 16px;
        font-family: "FontAwesome";
    }


    .assc-icon.minus:after {
        content: '\f147';
        font-size: 16px;
        font-family: "FontAwesome";
    }

.asse-group-sub {
    display: block !important;
}

#asse-group-sub {
    margin-left: 10px !important;
}


.mdb-color.darken-3 {
    background-color: #929291; /*!important*/
}


.part-details-section{
    background-color: white;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 15px 10px;
}


.table tr td p {
    margin: 0PX;
}

.product-table table tbody tr td {
    vertical-align: middle !important;
}
  .product-table table tbody tr td.custom-class_hide:hover {
        background-color:#f5f5f5;
        color:#f5f5f5;
    }
    /*.product-table table thead tr th.custom-class_hide_th:hover {
         background-color:none;
        color:white;
    }*/
.product-table tr th {
    white-space: nowrap;
}

.part-illus img {
    /*width: 100px;
  height: 100px;*/
    /*min-width: 100px;*/
    /*min-height: 100px;*/
    /*max-width: 102px;*/
    max-height: 62px;
    /*width: 102px;
    height: 102px;*/
    border: 1px solid #ccc;
    vertical-align: middle;
    margin: 0 auto;
    display: block;
}

.vehicle_brand {
    vertical-align: middle;
}

.product-table td .vehicle_brand:before {
    content: attr(data-title) " : " !important;
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    color: #232530;
    font-size: 12px;
}

.vehicle_brand img {
    max-height: 62px;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin: 0 !important;
    display: block;
    text-align: right !important;
}

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

td.part-number {
    vertical-align: middle !important;
    white-space: nowrap;
}

    td.part-number a {
        display: inline-block;
    }

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

    td.part-status .green i {
        color: #008000;
        font-size: 18px;
    }

    td.part-status .red i {
        color: #ff0000;
        font-size: 18px;
    }

.red {
    color: #ff0000;
    font-size: 18px;
}

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


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

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

td.part-qty {
    vertical-align: middle !important;
    text-align: center;
}

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

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

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

td.part-number .green i {
    color: #008000;
    font-size: 18px;
}

td.part-number .red i {
    color: #ff0000;
    font-size: 18px;
}

.part-posti span {
    display: block;
    width: 100%;
}

    .part-posti span.up {
        /*display: inline-block;*/
        padding: 8px;
        border-bottom: 1px solid #ccc;
    }

    .part-posti span.down {
        /*display: inline-block;*/
        padding: 8px;
    }

.status-tooltip {
    padding-right: 5px;
    vertical-align: middle;
}

.product-table {
    width: 100%;
    /*overflow: auto;*/
}

@media (max-width: 991px) {

    .product-table thead {
        display: none;
    }

    .vehicle_brand img {
        text-align: right !important;
        float: right;
    }

    .product-table td:before {
        content: attr(data-title) " : ";
        font-weight: 700;
        float: left;
        text-transform: uppercase;
        color: #232530;
        font-size: 12px;
    }

    .product-table td.part-illus:before {
        content: " ";
        font-weight: 700;
        text-transform: uppercase;
        color: #232530;
        font-size: 14px;
    }

    .product-table td.vehicle_brand:before {
        content: attr(data-title) " : " !important;
        font-weight: 700;
        float: left;
        text-transform: uppercase;
        color: #232530;
        font-size: 12px;
    }

    .product-table td {
        width: 100%;
        display: inline-block;
        text-align: right;
        padding: 10px;
        float: right;
    }

    .part-posti span.up {
        border-bottom: 0px solid transparent;
        padding: 0px 8px;
    }

    .part-posti span.down {
        padding: 0px 8px;
    }

    .part-posti span.up:after {
        content: "/";
        padding-left: 10px;
    }

    .part-posti span {
        width: auto;
        display: inline-block;
    }

    .part-illus img {
        display: block;
    }

    td.part-status .green {
        position: relative;
        display: inline-block;
    }

    .search-txt {
        display: none;
    }

    td.part-desc h4 {
        margin: 0;
        font-size: 16px;
    }

    .header-search-form {
        width: 100%;
        margin: 16px auto;
    }

    .logo img {
        height: 50px;
    }

    .header-search-form > input {
        height: 45px;
    }

    .header-search-form > .input-group-btn > button {
        height: 45px;
        width: 55px;
    }

    .header-search-form {
        margin: 2px auto;
    }
}


.modal {
    z-index: 99999999;
}

@media (max-width: 768px) {
    .search-form .input-group .form-control {
        font-size: 11px;
    }

    .header-search-form.input-group .form-control {
        font-size: 11px;
    }

    .ad_slot img {
        width: auto;
    }
}




.tooltip {
    opacity: 1;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #5e82d2;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #5e82d2;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #5e82d2;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #5e82d2;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #5e82d2;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #5e82d2;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #5e82d2;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #5e82d2;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #5e82d2;
}















/******************************************************************************************************************/

.bigImage {
    display: inline-block;
    position: relative;
    padding: 0;
}

.img_popover {
    padding: 10px;
    transform: translate(5%, -50%);
    background-color: #fff;
    position: absolute;
    z-index: 9999;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(156, 156, 156, 0.5);
}

.bigImage::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: -10px;
    left: 32px;
    /*box-shadow: 0 1px 2px rgba(156, 156, 156, 0.5);
    border:1px solid #ccc;*/
    z-index: 9999;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.header_search {
    background-color: #38476a;
    width: 100%;
    z-index: 500;
}

.part_image {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border: 1px solid #cbcbcb;
    background-color: white;
    color: #777777;
    min-width: 200px;
    min-height: 200px;
    max-width: 202px;
    max-height: 202px;
    width: 202px;
    height: 202px;
}

.part_details {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px;
    padding-bottom: 15px;
}

    .part_details h1 {
        font-size: 28px;
        font-weight: 400;
    }

    .part_details a:hover {
        text-decoration: underline;
    }


.div_parts_image {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 15px;
}

.parts_head {
    display: table-row;
}

.know_your_parts {
    display: table-cell;
    padding-right: 15px;
}

.table_cell {
    display: table-cell;
}

.table_cell_warning {
    padding-left: 20px;
    display: table-cell;
    /*border:1px solid #ec1b23;*/
    border-radius: 10px;
    padding: 0px 10px;
}

    .table_cell_warning img {
        /*height: 60px;*/
        width: 60px;
    }

    .table_cell_warning span {
        font-size: 36px;
        /*margin-left: 0.5em;*/
        text-transform: uppercase;
    }

    .table_cell_warning .disease_content {
        font-size: 14px;
        text-transform: lowercase;
    }

    .table_cell_warning a {
        /*margin-left: 6em;*/
        /*display: block;*/
        /*margin-left: 0.5em;*/
        /*text-align: center;*/
    }

.warning_content {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.lists li span {
    cursor: pointer;
}

    .lists li span:before {
        content: "\00BB";
        display: inline-block;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 20px;
        padding: 0px 10px;
        color: #0094ff;
        transition: 0.5s;
    }

    .lists li span.active:before {
        content: "\00BB";
        display: inline-block;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        padding: 0px 10px;
        color: #0094ff;
        transition: 0.5s;
    }


.part-details-box h2 {
    font-size: 24px;
}


    .part-details-box h2 > .fa, .part-details-box .ta-icon {
        color: #006ba4;
    }

.part-status.green {
    color: #008000;
    font-size: 18px;
}





.detail-gallery {
    display: inline-table;
}

.gallery-control {
    margin: auto;
    position: relative;
    text-align: center;
    /*width: 90px;*/
    width: 60px;
    display: inline-block;
    float: left;
}

.mid {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border: 1px solid #cbcbcb;
    background-color: white;
    color: #777777;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    width: 50px;
    height: 50px;
    font-weight: bold;
}
/*.mid img {
    width:100%;
    height:auto;
}*/

.gallery-control .prev {
    left: 0;
}


    .gallery-control .prev i {
        left: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 20px;
    }

.gallery-control .next i {
    left: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 20px;
}

.gallery-control .carousel {
    margin: auto;
    /*padding-top: 10px;*/
}

.gallery-control .next {
    right: 0;
}

.detail-gallery .carousel ul li a.active {
    border-color: #333;
    /*border-color: #e47911;
  position: absolute;*/
}

.detail-gallery .carousel ul li a {
    display: block;
    width: 70px;
    border: 1px solid #e5e5e5;
    margin: 3px 5px;
}

    .detail-gallery .carousel ul li a img {
        /*max-width: 100%;*/
        max-width: 50px;
        max-height: 50px;
    }

.carousel ul li {
    max-height: 60px;
    height: 60px !important;
}



@media (max-width: 769px) {
    .div_parts_image {
        display: block;
        text-align: center;
    }

    .part_details {
        display: block;
    }

    .product-table td .vehicle_brand:before {
        content: attr(data-title) " : " !important;
        font-weight: 700;
        float: left;
        text-transform: uppercase;
        color: #232530;
        font-size: 12px;
    }

    .vehicle_brand img {
        text-align: right !important;
        float: right;
    }
}

@media (min-width: 1700px) {
    .col-lgg-2 {
        width: 16.66666667% !important;
    }

    .col-lgg-10 {
        width: 83.33333333% !important;
    }
}

.login-name-details {
    display: inline-block;
    border-left: 1px solid #ccc;
    vertical-align: middle;
    position: relative;
}

    .login-name-details span {
        color: #fff;
        font-size: 15px;
        vertical-align: top;
        padding-left: 10px;
    }

    .login-name-details .dropdown-menu {
        min-width: 110px;
        right: 0;
        left: auto;
    }

.dropdown-logout {
    padding: 5px 0;
    margin: 0;
    text-align: center;
}

.logout-icons i {
    color: #fff;
    font-size: 1.5em;
}


.login-page-body {
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 22px;
    margin: 0;
    font-size: 13px;
    background: #d7d8dc;
}

.login-box {
    display: table;
    /*height: 100vh;*/
    height: 100%;
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
    width: 500px;
}

.center-sign {
    display: table-cell;
    /* padding-top: 20px; */
    vertical-align: middle;
}

.login-logo {
    margin: 10px 0px;
    position: absolute;
    max-width: 280px;
}

    .login-logo img {
        max-width: 100%;
        max-height: 50px;
    }

.login-box .login-body {
    background: #FFF;
    /* border-top: 5px solid #CCC; */
    border-radius: 5px 0 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 33px 33px 15px;
    /* margin-top: 20px; */
}

.login-box .center-sign .login-title-sign .title {
    background-color: #0088CC;
    border-radius: 5px 5px 0 0;
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    padding: 20px 15px;
    vertical-align: bottom;
}

    .login-box .center-sign .login-title-sign .title i {
        padding-right: 5px;
    }

.login-body label {
    font-weight: 300;
}

.login-body .form-control-lg, .input-group-lg > .form-control, .login-body .input-group-lg > .input-group-addon, .login-body .input-group-lg > .input-group-btn > .btn {
    /*padding: 22px 5px;*/
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.login-body .input-group-addon {
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: 0px solid transparent;
}

.checkbox-custom {
    position: relative;
    /*padding: 0 0 0 25px;*/
    margin-bottom: 7px;
    margin-top: 0;
}

    .checkbox-custom input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 3px;
        margin: -6px 0 0 0;
        z-index: 2;
        cursor: pointer;
        border: 1px solid #ccc;
    }

    .checkbox-custom label {
        cursor: pointer;
        margin-bottom: 0;
        text-align: left;
        line-height: 1.5;
    }

.login-copy-right {
    color: #2d2d2d;
    font-size: 15px;
}

.float-right {
    float: right;
}

/*Added byMuruga*/
.article-sep {
    margin: 10px 0;
    border: 0;
    border-top: 1px solid transparent;
}
/*.displayStyle{
  display: none;
}*/


/****************** Shopping Cart Icon*****************/
.shopping-cart {
    background: #1c2a48;
    background: #0f4361;
    right: 1%;
    position: absolute;
    /* width: 25px; 
     height: 25px; */
    border-radius: 45px;
    padding: 30px;
    z-index: 499;
    top: 89px;
    /* border: 1px solid #104361; */
}

    .shopping-cart a {
        color: #fff !important;
    }

.cart-icon {
    color: #fff;
    display: inline-block;
    margin-right: 15px;
    float: right;
    position: absolute;
    right: 4px;
    z-index: 499;
    top: 16px;
}

    .cart-icon > i {
        font-size: 2em;
    }



.cart-total {
    background: #104361;
    /* border: 1px solid #0a0c0b; */
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 18px;
    top: -13px;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0px 0px 5px #ccc;
}


/*.purchase_table*/
.purchase_options {
    margin: 0 0 60px 0;
    text-align: center;
}

@media (max-width:980px) {
    .shopping-cart {
        top: 175px;
        z-index: 501;
    }

    .warning_content {
        width: 75%;
        float: right;
        margin-left: 0px;
    }

    .table_cell_warning img {
        float: left;
        margin-top: 15px;
    }
}

@media (min-width:991px) and (max-width:1250px) {
    .col-mdd-8 {
        width: 65.3333%;
    }
}

@media (max-width: 400px) {

    .total-amount input {
        /*margin-left: 15px;*/
        width: 100%;
        margin-top:6px;
    }

    .total-amount textarea {
        /*margin-left: 15px;*/
        width: 100%;
        margin-top:6px;
    }

    .cart-icon > i {
        font-size: 1.5em;
    }

    .warning_content {
        margin-left: 0px;
    }

    .table_cell_warning {
        padding: 0;
    }

        .table_cell_warning span {
            font-size: 28px;
        }

    .shopping-cart {
        right: 2%;
        position: absolute;
        width: 25px;
        height: 25px;
        border-radius: 45px;
        padding: 25px;
        top: 170px;
        z-index: 999;
        /*border: 1px solid #104361;*/
    }

    .cart-total {
        border-radius: 50%;
        position: absolute;
        left: 12px;
        top: 12px;
        width: 18px;
        height: 18px;
        line-height: 19px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
    }

    .login-box {
        width: 100%;
    }
}

.add_to_cart_btn, .update_to_cart_btn {
    width: auto !important;
    line-height: normal;
    margin: 5px;
}

.highlight {
    background-color: yellow;
}

.pad_lf_rg10 {
    padding: 0 10px;
}

@media (max-width: 990px) {
    .cart-total {
        /*top: 16px;*/
        top: -11px;
        width: 27px;
        height: 27px;
        line-height: 29px;
    }

    .shopping-cart {
        /* background: #1c2a48; */
        right: 37px;
        width: 15px;
        height: 15px;
        border-radius: 50px;
        padding: 21px;
        top: 5px;
        box-shadow: 0px 0px 5px #ccc;
        position: fixed;
        z-index: 9999;
    }


    .cart-icon > i {
        font-size: 23px;
    }

    .cart-icon {
        margin-right: 8px;
        top: 9px;
    }
}

@media (max-width: 576px) {
    .language_drop .row {
        margin: 0;
    }
}

@media (max-width: 480px) {

    .login-logo {
        margin: 20px 0 0 0;
        max-width: 180px;
    }
}

@media (max-width: 576px) {
    .toggle-password {
        /*width: 10% !important;*/
        padding-right: 18px !important;
    }

    .language_drop {
        /*min-width: 260px !important;
        margin-right: -100px;*/
    }
}





/*Shopping Cart*/


.cart_title .nav-tabs {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 7px;
    color: #de4644;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 20px;
}

.cart-info {
    margin-top: 20px;
}

.total-amount ul li {
    border-bottom: 1px solid #d1d1d1;
    padding: 12px 10px;
    margin: 0;
}

.cart-price {
    vertical-align: middle !important;
    text-align: center;
}

.handle-counter input {
    width: 40px;
    /*width: 55px;*/
    border-width: 1px;
    border-left: none;
    height: 30px;
    border-right: none;
    border: 1px solid #c1c1c1;
    text-align: center;
}

.quantity {
    vertical-align: middle;
    text-align: center;
}

#tbl_shopping_cart p {
    margin: 0 0 10px;
}

.total-amount ul {
    padding: 0;
}

.total-amount {
    border: 1px solid #d1d1d1;
    border-bottom: none;
    margin-top: 20px;
}

    .total-amount h4 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
        font-weight: bold;
    }

    .total-amount .form-group {
        margin-right: 0px;
    }

.proceed .back {
    background: #5e82d2;
    color: #fff;
    border: 1px solid #5e82d2;
    float: left;
}

.proceed a {
    background: #de4644;
    color: #fff;
    border: 1px solid #de4644;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 16px;
    text-transform: capitalize;
    transition: all linear .3s;
}

/*#tbl_shopping_cart thead tr {
    background-color: #f9f9f9;
}*/

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}


.cart_ref_number {
    width: 100%;
}

.text_area {
    width: 100%;
}


.proceed {
    display: inline-block;
    width: 100%;
}

.toggle-password {
    border: 1px solid #bbb;
    padding: 5px;
    width: 5% !important;
    background-color: #eee;
    display: initial;
}
.autologue-toggle-password {
    border: 1px solid #bbb;
    padding: 7px 5px 6px 5px;
    width: 5% !important;
    background-color: #eee;
    display: initial;
}

#leftside_panel {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 21;
    width: 320px;
    /* text-align: center; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;
    font-family: "open sans", sans-serif;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 21;
    transform: translateX(-110%);
    background: rgb(255, 255, 255);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.ss-fliter-icon {
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    color: rgb(255, 255, 255);
    font-size: 25px;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 22;
    /*box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 7px;*/
    background: #c5d7ff;
    border-radius: 0px 10px 10px 0px;
}

    .ss-fliter-icon.on {
        left: 320px;
        transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    }
    .ss-fliter-icon i{
        font-size: 40px;
        vertical-align: middle;
    }
    .ss-fliter-icon.on i.fa-caret-left:before {
    content: "\f0da";
}
    .ss-fliter-icon:hover{
        color:#fff;
    }


.show_left_panel {
    transform: translateX(0px) !important;
}

.search-result {
    padding: 0 50px;
}

.bgm .search-result{
    background : #fff;
    padding-top: 5px !important;
}
.bgm .shopping-cart-panel-cls {
    background : #fff;
    padding : 0 20px;
}
.bgm .shopping-cart-panel-cls table thead {
    white-space: nowrap;
} 
.bgm .po-section {
    background: #fff;
    padding: 20px;
}
.bgm .purchase-order-panel-cls {
    padding: 20px;
}
.bgm .purchase_options {
    margin: 0 0 10px 0;
}
.bgm .order-history-panel {
    background: #fff;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.bgm .breadcrumb-item.current {
    background: #fff;
    padding: 0px 5px;
    margin-top: 5px;
}

@media (max-width:991px){
    .table.cls_search_result_tbl tbody tr{
        border-bottom:3px solid #337ab7;
    }

    .table.cls_search_result_tbl tbody tr:nth-child(even){
         background: #f4f4f4;
    }
    .part-illus img{
        max-height:100%;
        max-width:100px;
        
    }
    .div_avail_tbl {
        overflow : auto;
    }
    .part-details-box .table {
        border-bottom: 2px solid #4c4c4c;
        border-collapse: separate;
    }
}


@media (max-width:440px) {
    .proceed a {
        float: none;
        display: block;
        margin-bottom: 10px;
    }

    .proceed .back {
        float: none;
    }
}





.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.fixed-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 100;
    background: #fff;
}

.push_footer {
    height: 100px;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item.current a:hover {
    text-decoration: underline;
}


.height-xx {
    height: 350px;
}


@media (max-width:1300px) {
    .height-xx {
        height: 300px;
    }

    .bigimg_responsive {
        width: 400px;
    }
}

.shopping_cart_instructions {
    width: 100%;
}

.search-fliter-switcher {
    width: 100%;
    /*text-align: center;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px;
    font-family: "open sans", sans-serif;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 21;
    transform: translateX(0);
    background: transparent;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}


    .search-fliter-switcher.show {
        transform: translateX(-110%);
        transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    }

.ss-fliter-icon {
    /*color: rgb(255, 255, 255);*/
    color: #104361;
    font-size: 25px;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 22;
    /*box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 7px;*/
    background: #c5d7ff;
    border-radius: 0px 10px 10px 0px;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

    .ss-fliter-icon.on {
        left: 0;
        transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    }



.ss-close-icon {
    color: rgb(255, 255, 255);
    font-size: 25px;
    width: 55px;
    height: 55px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    right: -55px;
    z-index: 22;
    box-shadow: rgba(0, 0, 0, 0.2) -2px 0px 7px;
    background: #0f4361;
    border-radius: 0px 10px 10px 0px;
}

.language_drop {
    min-width: 300px;
}

@media (max-width:991px) {
    .table_cell_warning {
        display: inline-block;
        margin-top: 10px;
        padding: 0;
    }
}

@media (max-width:768px) {
    .search-fliter-switcher {
        width: 100%;
        transform: translateX(0);
        position: relative;
    }

    .ss-fliter-icon {
        display: none;
    }
}

.navbar {
    border-radius: 0px 0px 4px 0px;
    min-height: auto;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 5px 7px;
    margin-top: 0px;
    margin-right: 15px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-brand {
    float: left;
    height: 0px;
    padding: 12px 15px;
    font-size: 18px;
    line-height: 0px;
}


.remove-width-0 {
    display: none;
}

@media (min-width: 1200px) {
    .col-lgg-3 {
        width: 22%;
    }

    .col-lgg-9 {
        width: 78%;
    }
}

@media (max-width:720px) {
    .purchase_table {
        /*margin: 0 0 60px 0;*/
        display: block;
        overflow-x: auto;
    }

    .purchase_options {
        margin: 0 0 60px 0;
    }

    .cart-info table.table-responsive {
        display: block;
    }
}

@media (max-width:1300px) {
    .bigImage::after {
        width: 15px !important;
        height: 15px !important;
        top: -10px !important;
        left: 14px !important;
    }
}

#TopImage {
    max-width: 720px;
    margin: 0 auto;
}

.footer_fixed {
    position: fixed;
    bottom: 0;
}

#opticat_large_img_panel img {
    padding: 5px;
    max-width: 200px;
    max-height: 200px;
}

@media (max-width:1180px) and (min-width:991px) {
    .shopping-cart {
        top: 110px;
    }
}

.serverError {
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #ca0000;
}


@media (max-width:991px) {
    .serverError {
        font-size: 23px;
    }
}

#version_number {
    float: right;
    color: black;
}






.recent_search .breadcrumb {
    margin-bottom: 0;
    background: none;
    /*width: 450px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.chooser-modal .modal-footer {
    padding: 3px 15px 15px 15px;
}

.chooser-modal .recent_search h4 {
    margin-bottom: 5px;
}

.chooser-modal .recent_search .breadcrumb {
    padding: 4px 15px;
}

.recent_search .breadcrumb > i {
    padding: 0 5px;
    font-size: 8px;
}
/*.light-blue-crumb a {
  color:#fff !important;
}*/
.custom-breadcrumb {
    list-style: none;
    overflow: hidden;
}

    .custom-breadcrumb li {
        text-decoration: none;
        padding: 0px 0 0px 50px;
        position: relative;
        display: block;
        float: left;
    }

        .custom-breadcrumb li:after {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 50px solid transparent;
            border-bottom: 50px solid transparent;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            left: 100%;
            z-index: 2;
        }

        .custom-breadcrumb li:before {
            content: " ";
            display: block;
            width: 0;
            height: 0;
            border-top: 50px solid transparent;
            border-bottom: 50px solid transparent;
            border-left: 30px solid white;
            position: absolute;
            top: 50%;
            margin-top: -50px;
            margin-left: 1px;
            left: 100%;
            z-index: 1;
        }

.blue-crumb {
    background-color: #2980b9;
    color: white;
}

    .blue-crumb:after {
        border-left: 30px solid #2980b9;
    }

.gray-crumb {
    background-color: #bdc3c7;
}

    .gray-crumb:after {
        border-left: 30px solid #bdc3c7;
    }

.light-blue-crumb:after {
    border-left: 30px solid #c5d7ff;
}

.light-blue-crumb {
    background: #c5d7ff;
    color: white;
}

.faded-crumb:after {
    border-left: 30px solid #ecf0f1;
}

.faded-crumb {
    background: #ecf0f1;
    color: #95a5a6;
}



@media (min-width: 768px) {
    .vin-group .form-control {
        display: inline-block;
        width: 250px;
        vertical-align: middle;
    }
}

#chooser_modal h4 {
    font-weight: bold;
}

.recent_search a:hover, .recent_search a:hover i {
    text-decoration: underline;
}

@media (max-width:660px) {
    .recent_search .breadcrumb {
        width: auto;
        text-overflow: unset;
        white-space: inherit;
        /*display: inline-flex;*/
    }

        .recent_search .breadcrumb > i {
            padding: 6px 7px;
        }
}

.cont_banner {
    border: 1px solid #e0e0e0;
    /*padding: 5px;*/
    /*margin-top: -12px;*/
    word-break: break-word;
    background: #fff;
}

.cont_header {
    font-size: 15px;
    font-weight: 600;
}

.cont_banner ul {
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
}

    .cont_banner ul li {
        margin: 5px 0;
        font-size: 13px;
    }

.cont_footer {
    color: #000;
}

    .cont_footer span {
        display: inline-block;
    }

.cont_header:after {
    content: '';
    width: 60px;
    height: 2px;
    display: block;
    margin: 2px auto;
    background: #104361;
}

.cont_footer i {
    padding: 0 6px;
}

.cont_header_highlight {
    background: #eee;
}

@media (max-width: 768px) {
    /*.wd_organization_details {
        display: none;
    }*/

    #divWdInfo .cont_header {
        cursor: pointer;
    }

    #LeftImage, .ad_slot {
        display: none;
    }

    #LeftMobImage, #filter-collapse .ad_slot {
        display: block;
        margin: 0px auto;
    }
}

@media (min-width: 768px) {
    #LeftMobImage, #filter-collapse .ad_slot {
        display: none;
    }
}

ul.vehicle_linkage_list li {
    list-style-type: disc;
}

ul.vehicle_linkage_list ul li {
    list-style-type: circle;
}

ul.vehicle_linkage_list ul ul li {
    list-style-type: none;
    word-break: break-word;
}

#wd_organization_name {
    word-wrap: break-word;
}

.purchase_logo_section {
    font-weight: bold !important;
    text-decoration: underline;
    font-size: 18px;
}

    .purchase_logo_section .heading {
        vertical-align: sub;
        padding-left: 20%;
    }

    .purchase_logo_section .po_logo {
        float: right;
        margin-right: 10px;
    }

        .purchase_logo_section .po_logo img {
            height: 42px;
            padding: 5px;
            max-width: 100%;
        }

.guide {
    font-size: 12px;
    /*margin: 10px 0;*/
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 2;
    /*background: #fbfbb2;
    border: 1px solid #000;*/
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .guide li:before {
        content: "\f111";
        font-size: 8px;
        padding: 10px;
        color: #000;
        font-family: FontAwesome;
    }

#recentVehicleSearch li {
    cursor: pointer;
}

.mobile-menu-icons {
    display: none;
}

.wd-adderss {
    display: none;
}

@media (max-width:991px) {

    .mobile-menu-icons {
        display: block;
    }

    .header-mobile {
    }

    .mobile-menu {
        position: inherit;
    }

    .mobile-dropdown {
        width: 90%;
        top: 100%;
        left: 0;
        display: none;
        position: absolute;
        background: #fff;
        z-index: 99999;
        right: 0;
        margin: 0 auto;
        box-shadow: 0 0 8px #636262;
        transition: all .5s;
    }

        .mobile-dropdown.open {
            display: block;
        }

    .mobile-menu > button {
        padding: 0;
        margin-top: 5px;
        /*float: left;*/
        background: transparent;
        border: 0px solid transparent;
        margin: 5px auto;
        outline: 0px;
    }

        .mobile-menu > button span {
            width: 8px;
            height: 8px;
            background: #fff;
            display: block;
            margin-bottom: 4px;
            border-radius: 50%;
        }

    .collapse-profile {
        display: none;
    }

    .wd-adderss {
        display: inline-block;
        width: 77%;
    }

    .feed-lang {
        background: none repeat scroll 0% 0% #FFF;
        position: relative;
        /*top: 50%;
        right: 5%;
        border: 1px solid #5E82D2;*/
        color: #CCC;
        margin: 0;
        display: inline-block;
        float: none;
        width: 22%;
        vertical-align: top;
    }

    .feed-lang-50 {
        /* width: 35%; */
        float: right;
        list-style-type: none;
        /* display: flex; */
        /* flex-wrap: wrap; */
        border-left: 1px solid;
    }

    .header .navbar-collapse {
        padding: 0;
    }

        .header .navbar-collapse.in {
            overflow-y: unset;
        }

    .feedback-icon {
        font-size: 12px;
        color: #737272;
    }

        .feedback-icon i {
            color: #737272;
        }

    .dsply_uname {
        display: none;
    }
    /*.profile-icon {
        display:none !important;
    }*/
    .logout-icons i {
        color: #737272 !important;
        font-size: 15px;
        padding-right: 9px;
    }

    .after-text {
        color: #737272 !important;
        font-size: 15px !important;
        display: block !important;
        padding: 5px 10px;
        margin-right: 0 !important;
        text-align: left !important;
        border-bottom: 1px solid #ccc;
    }

    a.after-text:after {
        content: attr(title);
        padding: 10px;
        color: #656565;
        padding: .5em;
        font-size: 15px;
    }

    .login-name-details {
        border-left: 0px solid transparent;
        display: block;
    }

        .login-name-details span {
            padding-left: 0px;
        }

    .wd-adderss .cont_banner {
        border: 0px solid transparent;
        text-align: center;
    }

    .wd-adderss .wd_organization_details {
        text-align: center;
    }

    #divWdInfo {
        display: none;
    }
}


@media (max-width:780px) {
    .mobile-dropdown {
        width: 80%;
    }

    .bigImage::after {
        width: 10px !important;
        height: 10px !important;
        top: -5px !important;
        left: 4px !important;
    }

    .bigimg_responsive {
        width: 150px;
    }
}

#purchaseorder_Panel .btn {
    margin: 10px 25px 0px;
    width: 100px;
}

@media (max-width:769px) {
    .mobile-menu > button {
        margin: 5px 13px;
        outline: 0px;
    }

    .mobile-dropdown {
        width: 95%;
    }

    .logo img {
        height: auto;
        /*margin-top: 12px;*/
        margin-top: 4px;
    }

    .header-search-form > input {
        height: 40px;
    }

    .header-search-form > .input-group-btn > button {
        height: 40px;
    }

    .welcome-content h3, h3 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .welcome-content p, .welcome-content ul li {
        font-size: 12px;
    }

    .welcome-content ul, .welcome-content p {
        margin-bottom: 10px;
    }

  

    hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    body, .chosen-container {
        font-size: 12px;
    }

    h4 {
        font-size: 14px;
    }

    .navbar-header, .pagination {
        padding: 5px 0px;
    }

    h2, .part-details-box h2 {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .search-result {
        padding: 0 5px;
    }

    .bgm .search-result {
        padding:0 30px    
    }

    h1, .part_details h1 {
        font-size: 18px;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    #purchaseorder_Panel .btn {
        margin: 5px 0px 0px;
        width: 70px;
    }

    .header-mobile {
        position: relative;
    }

    .product-table td:before {
        content: attr(data-title) " : ";
        font-weight: 700;
        float: left;
        text-transform: uppercase;
        color: #232530;
        font-size: 12px;
    }

    

    .filter-wrapper {
        padding-bottom: 5px;
    }

    .cont_banner ul li {
        margin: 0px;
        font-size: 12px;
    }

    .cont_header {
        font-size: 14px;
    }

    .after-text {
        font-size: 12px !important;
    }

    a.after-text:after {
        font-size: 12px;
    }

    .jconfirm-box-container {
        padding: 0px;
    }

    .cart_title .nav-tabs {
        margin-top: 0px;
    }

    #shoppingcartresult_Panel .table {
        margin-bottom: 0px;
    }

    #shoppingcartresult_Panel .row {
        margin-bottom: 0px !important;
    }
}


@media (max-width:640px) {
    .header-mobile .container-fluid {
        padding: 0;
        padding-left: 5px;
    }

    .mobile-logo {
        padding: 0;
    }
}


@media (max-width:580px) {
    .wd-adderss {
        width: 69%;
    }

    .feed-lang {
        width: 30%;
    }

    .mobile-menu > button {
        margin: 5px 0px;
        outline: 0px;
    }

    .bigImage {
        display: none !important;
    }

    .bigimg_responsive {
        width: 100px;
    }
}

@media (max-width:515px) {
    .mobile-dropdown {
        width: 95%;
    }

    .shopping-cart {
        right: 19px;
    }

    .bigImage {
        display: none !important;
    }
}


@media (max-width:455px) {
    .wd-adderss {
        width: 59%;
    }

    .feed-lang {
        width: 40%;
    }

    .product-table .nav-tabs > li a {
        padding: 10px 8px;
    }
}


@media (max-width:410px) {
    .wd-adderss {
        width: 100%;
    }

    .feed-lang {
        width: 100%;
        border-top: 1px solid #ccc;
    }

    .feed-lang-50 {
        width: 100%;
        float: none;
    }

    .lang-drop {
        width: 100%;
    }

    .mobile-menu > button {
        margin: 5px -11px;
    }
}



.jumbotron {
    padding-top: 12px;
    padding-bottom: 1px;
    margin-bottom: 5px;
}

.vehicle_linkage_list, .vehicle_linkage_list ul {
    padding: 0px 20px;
}

    .vehicle_linkage_list ul ul {
        padding: 0px;
    }

    .vehicle_linkage_list h3 {
        margin-bottom: 5px;
    }

ul.guide li {
    margin-left: 27px;
    text-indent: -27px;
}


.jconfirm-box-container {
    margin: 0px auto;
    float: none;
    width: 100%;
}

.alert {
    margin-bottom: 0px;
}

.banner_top {
    position: relative;
}

span.top_banner_close {
    position: absolute;
    top: 0px;
    right: 8px;
    /* display: inline-block; */
    padding: 0;
    color: #ffffff;
    font-size: 10px;
    cursor: pointer;
    display: none;
}

    span.top_banner_close i {
        border: 1px solid #ccc;
        padding: 2px;
        background: #141414;
    }

.banner_top a {
    width: 720px;
    margin: 0 auto;
    display: block;
}


#video_iframe {
    width: 100%;
}

#thumb_slider {
    overflow-y: auto;
    height: 400px !important;
}

.thumb_td {
    padding-right: 10px;
    vertical-align: initial;
}

.iframe_td {
    width: 100%;
}

.error_notes {
    float: left;
}

.purchaseorder_notes_heading {
    margin-right: 10px;
    float: left;
}

@media (max-width:769px) {
    .jconfirm-box-container {
        width: 88%;
    }

    .jconfirm-content input {
        line-height: normal;
    }

    span.top_banner_close {
        display: block;
    }

    .banner_top {
        display: block;
    }

    .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
        max-width: 90% !important;
    }

    .logo img {
        max-height: 42px;
    }

    .filter-items a {
        font-size: 12px;
    }

    .banner_top a {
        width: auto;
    }

    #TopImage {
        /*width: auto;*/
        max-width: 100%;
    }

    #video_iframe {
        width: 100%;
        height: 100%;
    }

    #thumb_slider {
        width: 60px;
    }

    .error_notes, .purchaseorder_notes_heading {
        float: none;
    }
}

p.vehiclelookup_cust-cls {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    float: right;
    margin: 0;
}

li.vehicle-li {
    display: flex !important;
}

i.vehicle-i {
    float: left;
    margin-right: 6px;
    font-size: 8px;
    position: relative;
    top: 7px;
}

@media (max-width: 768px) {
    p.vehiclelookup_cust-cls {
        text-overflow: ellipsis;
        white-space: normal;
    }
}
 p.vehiclelookup_cust-cls a {
        text-decoration: underline;
    }

        p.vehiclelookup_cust-cls a:hover {
            text-decoration: none;
        }
.vehicle-asset img {
    vertical-align: middle;
    margin: 0 auto;
    display: block;
}

.v_align_m {
    vertical-align: middle !important;
}
/*.vehicle_table {
    width:100%;
    overflow:unset;
}*/
/*.vehicle_details img{
    width:100%;
}*/
.catalog_tabmenu {
    width: 98%;
    overflow: unset;
}

.profile_hover_dropdown {
    position: relative;
    display: inline-block;
}

.profile_hover_content {
    display: none;
    position: absolute;
    right: 25%;
    background-color: #fff;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}

    .profile_hover_content a {
        color: #333;
        padding: 12px 15px;
        text-decoration: none;
        display: block;
    }

        .profile_hover_content a:not(:last-child) {/*.profile_hover_content a:nth-child(1) {*/
            margin-bottom: 0;
            border-bottom: 2px solid #104361;
        }

        .profile_hover_content a:hover {
            background-color: #ddd;
        }

.profile_hover_dropdown:hover .profile_hover_content {
    display: block;
}



@media (max-width:991px){
    .lang-drop{
        width:100%;
    }

    .profile-icon{
        display:none!important;
    }
    .profile_hover_content{
        position:relative;
        right:0;
        left:0;
        display:block;
        box-shadow:0 0 0;
        width:100%;
        min-width:100%;
    }
    .profile_hover_content a{
       padding: 5px 10px;
       border-bottom: 1px solid #ccc;
       white-space:nowrap;
    }
    .profile_hover_content a:not(:last-child){
        border-bottom: 1px solid #ccc;
    }
}


@media (max-width:630px) {
    .wd-adderss{
            width: 70%;
    }
    .feed-lang{
       width: 29%;
    }
}


@media (max-width:430px) {
    .wd-adderss{
            width: 54%;
    }
    .feed-lang{
       width: 45%;
    }
    .profile_hover_dropdown{
        display:block;
    }
}




.autologue_buttons {
    min-height: 50px;
}

    .autologue_buttons input {
        float: right;
    }

    .autologue_buttons .btn-dark, btn_save_changes {
        background-color: #34495e;
        color: #FFF;
        margin-right: 10px;
        text-shadow: none;
        -webkit-transition: background .2s;
        transition: background .2s;
    }

        .autologue_buttons .btn-dark:hover {
            background-color: #2c3e50;
            color: #FFF;
            float: right;
        }

    .autologue_buttons .btn-default {
        background-color: #ecf0f1;
        text-shadow: none;
        -webkit-transition: background .2s;
        transition: background .2s;
    }

.mail_settings {
    margin-top: 5px;
    border-top: 1px solid #cccccc;
    padding-top: 10px;
    display: block;
}

    .mail_settings i, h3 {
        padding-right: 5px;
        font-size: 22px;
        display: inline-block;
    }

.autolog_yesnobtn .btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}

.autolog_yesnobtn .btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 12px 30px;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    margin-top: 5%;
    background: #b9b9b9;
}

.autolog_yesnobtn .btn-toggle.active {
    background-color: #29b5a8;
}

.autolog_yesnobtn .btn-toggle {
    top: 50%;
    transform: translateY(-50%);
}

    .autolog_yesnobtn .btn-toggle.btn-sm.btn-sm.active:before {
        opacity: 0;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm.btn-sm:before {
        text-align: right;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm.btn-sm:before, .autolog_yesnobtn .btn-toggle.btn-sm.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: 0.75px;
        left: 1.4125rem;
        width: 2.325rem;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm:before {
        content: 'NO';
        left: -0.5rem;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm:before, .autolog_yesnobtn .btn-toggle.btn-sm:after {
        line-height: 1.5rem;
        width: 0.5rem;
        text-align: center;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 4px;
        transition: opacity 0.25s;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm.active > .handle {
        left: 3.6875rem;
        transition: left 0.25s;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm > .handle {
        position: absolute;
        top: .75rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left 0.25s;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm.btn-sm.active:after {
        opacity: 1;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .autolog_yesnobtn .btn-toggle.btn-sm:after {
        content: 'Yes';
        right: -0.5rem;
        opacity: 0.5;
    }
/*asset hidden*/
.assetBrandCode, .assetName, .assetBrandName {
    display: none;
}

.tab_icons {
    font-size: 18px;
    vertical-align: middle !important;
    margin-right: 10px;
}

.link_underline:hover, .link_underline:focus {
    color: #337ab7;
    text-decoration: underline;
}

.avilQty,.avilLoc{
    display:none;
}


.header-line{
    text-decoration:underline;
}
.header-line:hover{
    text-decoration:underline;
}


.availqty tr th, .availqty tr td{
    padding:8px;

}
/*.availqty tr th{
    color:#1c425b;
}*/
.availqty{
    margin:0 auto;
}

.availqty tbody tr:nth-child(even){
    background-color:#f7f7f7;
}

.show_price_popup{
    padding:3px;
    cursor:pointer;
}

/*loader*/
.loader:after{
    content:'';
    background:#fff;
    position:fixed;
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    opacity: .3;
    z-index: -1;
}
.loader_content {
    font-weight : bold;
    font-size: 18px;
    margin-top: 10px;
}
/**/





@media (max-width:991px){

.product-table td.mobile-part-illus{
 width:40%;
 float:left;
 margin: 2%;
}
.mobile-part-illus img{
    border:0;
}

.product-table td.mobile-part-brand{
    float:right;
    width:55%;
    border:0;
}

.product-table td.mobile-part-number{
    float:right;
    width:55%;
    border:0;
    border-top:1px solid #ccc;
}

.product-table td.mobile-part-status{
    float:right;
    width:55%;
    border:0;
    border-top:1px solid #ccc;
}
}


.custom-class_show {
    background-color: none;
     color:#333;
}

.custom-class_hide {
 *background-color:none;
    color:white;
}
.custom-class_show_th {
  background-color: none;
     color:white;
}

.custom-class_hide_th {
  /*background-color: white;*/
    color:#929291;
}


.location-drop-container {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
    padding: 3px;
    padding-right: 5px;
    vertical-align: middle;
}
.location-drop {
    font-size: 26px!important;
    /* margin-left: 10px; */
    cursor: pointer;
    /* vertical-align: middle; */
    /* margin-top: 0px; */
    line-height: 15px!important;
}
.part-location .locvalue{
    border: 1px solid #ccc;
    padding: 4px;
    border-right: 0;
    /*display: inline-block;*/
    vertical-align: middle;
}
.location-dropdown{
    position:absolute;
    top:120%;
    right:0px;
    background:#fff;
    box-shadow:0 0 5px #403f3f;
    padding:10px;
    display:none;
    z-index:999;
}
.location-dropdown p{
    margin-bottom:10px!important;
}
td.part-location {
    white-space: nowrap;
}