.pretty-table {
    width: 100%;
    border: 0px;
    border-collapse:collapse;
    text-align: center; /* temporary: to avoid layout changes when bootstrap is updated */
}
.pretty-table thead {
    background: #FFF;
    color: #000;
    font-weight: normal;
}
.pretty-table thead th {
    padding: 6px 3px;
    font-weight: normal;
}
.pretty-table tbody {
    color: #000;
}
.pretty-table th, .pretty-table td {
    border-bottom: 1px solid #D9D9D9;
    padding: 0px 3px;
    line-height: 20px;
}
.pretty-table.td-pad td {
    padding: 5px 3px;
}

/*
 * Coloring styles and coloring on hover
 */
.pretty-table tbody tr {
    /* no special colors */
}
.pretty-table tbody tr:hover {
    background-color: #fafafa;
}
.white-box .pretty-table tbody tr:hover {
    background-color: #f2f2f2;
}

.pretty-table td.positive,
.pretty-table td.available {
    background-color: #66CC33;
}
.pretty-table tbody tr:hover td.positive,
.pretty-table tbody tr:hover td.available {
    background-color: #94DB70;
}

.pretty-table td.less-positive {
    background-color: #8AC26E;
}
.pretty-table tbody tr:hover td.less-positive {
    background-color: #9CC487;
}

.pretty-table td.outofstock,
.pretty-table td.alert {
    background-color: #FF9900;
}
.pretty-table tbody tr:hover td.outofstock,
.pretty-table tbody tr:hover td.alert {
    background-color: #FFB74C;
}

.pretty-table td.yellow {
    background-color: #FFCC00;
}
.pretty-table tr:hover td.yellow {
    background-color: #FFDB4C;
}

.pretty-table td.negative {
    background-color: #DE5959;
    color: #FFF;
}
.pretty-table tr:hover td.negative {
    background-color: #E88A8A;
    color: #FFF;
}

.pretty-table td.neutral,
.pretty-table td.notlisted {
    background-color: #E0E0E0;
}
.pretty-table tr:hover td.neutral,
.pretty-table tr:hover td.notlisted {
    background-color: #E9E9E9;
}

.pretty-table td.notapplicable {
    background-color: #F5F5F5;
    color: #98a6ad;
}
.pretty-table tr:hover td.notapplicable {
    background-color: #F8F8F8;
    color: #98a6ad;
}

/*
 * Column sizes
 */
.pretty-table td.col-size-micro,
.pretty-table th.col-size-micro {
    width: 50px;
}

.pretty-table td.col-size-default,
.pretty-table th.col-size-default {
    width: 80px;
}

.pretty-table td.col-size-small,
.pretty-table th.col-size-small {
    width: 100px;
}

.pretty-table td.col-size-medium,
.pretty-table th.col-size-medium {
    width: 140px;
}

.pretty-table td.col-size-large,
.pretty-table th.col-size-large {
    width: 200px;
}

.pretty-table td.col-size-xlarge,
.pretty-table th.col-size-xlarge {
    width: 260px;
}

.pretty-table td.col-size-xxlarge,
.pretty-table th.col-size-xxlarge {
    width: 300px;
}

.pretty-table td.col-size-xxxlarge,
.pretty-table th.col-size-xxxlarge {
    width: 340px;
}

/*
 * Paddings
 */
.pretty-table th.col-padding-small,
.pretty-table td.col-padding-small {
    padding: 2px 4px;
}
.pretty-table th.col-padding-medium,
.pretty-table td.col-padding-medium {
    padding: 3px 8px;
}
.pretty-table th.col-padding-large,
.pretty-table td.col-padding-large {
    padding: 6px 12px;
}

/*
 * Dedicated & misc styles
 */
.pretty-table td.store, 
.pretty-table th.store {
    background-color: #FFF;
    height: 30px;
    width: 80px;
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.pretty-table td.store.col-size-micro, 
.pretty-table th.store.col-size-micro {
    width: 50px;
    max-width: 50px;
}
.pretty-table td.store.col-size-small, 
.pretty-table th.store.col-size-small {
    width: 100px;
    max-width: 100px;
}
.pretty-table td.store.col-size-medium, 
.pretty-table th.store.col-size-medium {
    width: 140px;
    max-width: 140px;
}
.pretty-table td.store.col-size-large, 
.pretty-table th.store.col-size-large {
    width: 200px;
    max-width: 200px;
}
.pretty-table td.store.col-size-large-xl,
.pretty-table th.store.col-size-large-xl {
    width: 300px;
    max-width: 300px;
}
.pretty-table td.store.col-text-wrap,
.pretty-table th.store.col-text-wrap {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}
.pretty-table td.store > img,
.pretty-table td.store > a > img,
.pretty-table th.store > img,
.pretty-table th.store > a > img {
    max-width: 60px;
    max-height: 18px;
    vertical-align: bottom;
}
.pretty-table td.hide-value {
    text-indent: -9999px;
    overflow: hidden;
}
.pretty-table span.hide-value {
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    line-height: 16px;
}
.pretty-table th.b-r,
.pretty-table td.b-r {
    border-right: 1px solid #D9D9D9;
}
.pretty-table th.b-l,
.pretty-table td.b-l {
    border-left: 1px solid #D9D9D9;
}
.pretty-table td.relative, 
.pretty-table th.relative {
    position: relative;
}

/*
 * Happy table paginator
 */
div.ht-paginator {
    position: relative;
}
div.ht-paginator > .ht-paginator {
    position: relative;
}
.ht-paginator-info {
    line-height: 30px;
    color: #76787C;
    font-size: 12px;
}

/* Redesign overrides */
.ht-paginator .button {
    height: 30px;
    width: 30px;
    border-radius: 4px !important;
    font-size: 16px;
    background: #fff;
    border: none;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ht-paginator .button:not(.disabled) {
    color: #c8c9cb !important;
}
.ht-paginator .button.disabled {
    color: #c8c9cb !important;
}
.ht-paginator .button:not(.disabled):hover {
    background: #f4f4f4;
    color: #76787c !important;
}

.ht-search input {
    border-radius: 6px 0px 0px 6px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    background: #FFF;
    color: var(--Gray-4, #76787C);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 300px;
}
.ht-search input:focus {
    outline: none;
}
.ht-search input + a {
    border-radius: 0px 6px 6px 0px !important;
    border: 1px solid #E0E0E0;
    background: #fff;
    color: #1B1E24 !important;
    font-size: 16px;
    box-shadow: none;
}
.ht-search input + a:hover {
    background: #f4f4f4;
}
.ht-search input + a.ht-active-filter {
    border-radius: 0px 6px 6px 0px !important;
    border-color: #22BB69;
    background: #22BB69;
    color: #FFF !important;
}
.ht-search input + a i {
    font-weight: 400;
}
/*
 * Cell stylings
 */
.pretty-table td.pt-scale-10 {
    background-color: #FF6640;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-10 {
    background-color: #FF8566;
}

.pretty-table td.pt-scale-9 {
    background-color: #FF7E50;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-9 {
    background-color: #FF9873;
}

.pretty-table td.pt-scale-8 {
    background-color: #FF9A62;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-8 {
    background-color: #FFAE81;
}

.pretty-table td.pt-scale-7 {
    background-color: #FFB373;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-7 {
    background-color: #FFC28F;
}

.pretty-table td.pt-scale-6 {
    background-color: #FFCD85;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-6 {
    background-color: #FFD79D;
}

.pretty-table td.pt-scale-5 {
    background-color: #EDD789;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-5 {
    background-color: #F1DFA1;
}

.pretty-table td.pt-scale-4 {
    background-color: #CED482;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-4 {
    background-color: #D8DD9B;
}

.pretty-table td.pt-scale-3 {
    background-color: #AFD07B;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-3 {
    background-color: #BFD995;
}

.pretty-table td.pt-scale-2 {
    background-color: #8ECC74;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-2 {
    background-color: #A5D690;
}

.pretty-table td.pt-scale-1 {
    background-color: #6EC86E;
    color: #FFF;
}
.pretty-table tbody tr:hover td.pt-scale-1 {
    background-color: #8BD38B;
}