.m-0 {
    margin: 0px !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mr-0 {
    margin-right: 0px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.p-0 {
    padding: 0px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pr-0 {
    padding-right: 0px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pl-0 {
    padding-left: 0px !important;
}
.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.m-8 {
    margin: 8px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mr-8 {
    margin-right: 8px !important;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.ml-8 {
    margin-left: 8px !important;
}
.mx-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
.my-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.p-8 {
    padding: 8px !important;
}
.pt-8 {
    padding-top: 8px !important;
}
.pr-8 {
    padding-right: 8px !important;
}
.pb-8 {
    padding-bottom: 8px !important;
}
.pl-8 {
    padding-left: 8px !important;
}
.px-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.py-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.m-12 {
    margin: 12px !important;
}
.mt-12 {
    margin-top: 12px !important;
}
.mr-12 {
    margin-right: 12px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.ml-12 {
    margin-left: 12px !important;
}
.mx-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}
.my-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.p-12 {
    padding: 12px !important;
}
.pt-12 {
    padding-top: 12px !important;
}
.pr-12 {
    padding-right: 12px !important;
}
.pb-12 {
    padding-bottom: 12px !important;
}
.pl-12 {
    padding-left: 12px !important;
}
.px-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.py-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.m-16 {
    margin: 16px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mr-16 {
    margin-right: 16px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.ml-16 {
    margin-left: 16px !important;
}
.mx-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
.my-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.p-16 {
    padding: 16px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pr-16 {
    padding-right: 16px !important;
}
.pb-16 {
    padding-bottom: 16px !important;
}
.pl-16 {
    padding-left: 16px !important;
}
.px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.py-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.m-24 {
    margin: 24px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mr-24 {
    margin-right: 24px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.ml-24 {
    margin-left: 24px !important;
}
.mx-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}
.my-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.p-24 {
    padding: 24px !important;
}
.pt-24 {
    padding-top: 24px !important;
}
.pr-24 {
    padding-right: 24px !important;
}
.pb-24 {
    padding-bottom: 24px !important;
}
.pl-24 {
    padding-left: 24px !important;
}
.px-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.m-28 {
    margin: 28px !important;
}
.mt-28 {
    margin-top: 28px !important;
}
.mr-28 {
    margin-right: 28px !important;
}
.mb-28 {
    margin-bottom: 28px !important;
}
.ml-28 {
    margin-left: 28px !important;
}
.mx-28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
}
.my-28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

.p-28 {
    padding: 28px !important;
}
.pt-28 {
    padding-top: 28px !important;
}
.pr-28 {
    padding-right: 28px !important;
}
.pb-28 {
    padding-bottom: 28px !important;
}
.pl-28 {
    padding-left: 28px !important;
}
.px-28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
}
.py-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.m-32 {
    margin: 32px !important;
}
.mt-32 {
    margin-top: 32px !important;
}
.mr-32 {
    margin-right: 32px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.ml-32 {
    margin-left: 32px !important;
}
.mx-32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}
.my-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.p-32 {
    padding: 32px !important;
}
.pt-32 {
    padding-top: 32px !important;
}
.pr-32 {
    padding-right: 32px !important;
}
.pb-32 {
    padding-bottom: 32px !important;
}
.pl-32 {
    padding-left: 32px !important;
}
.px-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}
.py-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

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

.mu-section {
    display: inline;
    float: left;
    width: 100%;
}

.sales-link, .sales-link:hover, .sales-link:focus {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .sales-link {
        float: right;
    }
}

.sales-title {
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
}

.sales-table {
    width: 100%;
}
.sales-table th, .sales-table td {
    padding: 6px;
}
.sales-table tr > td:first-child {
    width: 180px;
}
.sales-table.sales-product tr > td:first-child {
    width: 100px;
}

.sales-rank-table > thead > tr > th, .sales-rank-table > tbody > tr > td {
    padding: 6px;
}
.sales-rank-icon {
    font-size: 24px;
}
.sales-rank-icon.fa-chevron-circle-up {
    color: #33a937;
}
.sales-rank-icon.fa-chevron-circle-down {
    color: #e20611;
}
.sales-rank-icon.fa-minus {
    color: gray;
}

.sales-slider {
    pointer-events: none;
    margin: 86px 0 50px;
    background: #ddd;
}
.sales-slider.ui-slider .ui-slider-handle {
    width: 94px;
    height: 64px;
    top: -40px;
    margin-left: -47px;
    border: none;
}
.sales-slider.ui-slider .ui-slider-range {
    background: linear-gradient(to right, rgb(1, 69, 184), rgb(0, 229, 224), rgb(0, 242, 94));
}
.sales-slider label {
    position: absolute;
    width: 50px;
    margin-left: -25px;
    text-align: center;
    margin-top: 18px;
}

.sales-blue-highlight {
    color: blue;
    font-weight: bold;
}

.sales-medal {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 192px;
}