.flex-table {
    min-width: 900px;
}
@media (max-width: 991px) {
    .flex-table {
        overflow-x: scroll;
    }
}
.headbar {
    font-weight: bold;
    color: white;
    background-color: #90949C;
    word-break: break-word;
}
.filter {
    padding: 20px 0;
    border-bottom: 1px solid #BBB7B0;
    position: relative;
}
.footbar {
    padding: 20px 12px;
    border-bottom: 1px solid #BBB7B0;
}
.table-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 15px;
}

.footbar {
    word-break: keep-all !important;
}
/* .table-row--content:nth-of-type(odd) {
    background-color: #F1F3F5;
} */
.table-row div:nth-child(1),
.table-row div:nth-child(2) {
    width: 11%;
}
.table-row div:nth-child(3) {
    width: 20%;
}
.table-row div:nth-child(4) {
    width: 34%;
}
.table-row div:nth-child(5),
.table-row div:nth-child(6),
.table-row div:nth-child(7) {
    width: 8%;
}
.page {
    display: none;
}
.page.active {
    display: block;
}
.flt-listing__pages,
.flt-listing__pages-nav {
    display: flex;
    align-items: center;
}
.flt-listing__sortbar {
    justify-content: space-between;
    padding: 12px 0;
    margin-left: 50px;
    border-top: 1px solid #10218B;
    border-bottom: 1px solid #90949C;
}
.flt-listing__pages-nav {
    margin-left: 24px;
    border-left: 1px solid #90949C;
}
.flt-listing__pages-nav button {
    margin: 0 24px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px center;
    border: none;
}
.flt-listing__pages-nav button.flt-listing__page-prev {
    background-image: url(https://i8.amplience.net/i/epsonemear/utilities_0821_prev-inactive);
}
.flt-listing__pages-nav button.flt-listing__page-next {
    background-image: url(https://i8.amplience.net/i/epsonemear/utilities_0821_next--inactive);
}
.flt-listing__pages-nav button.flt-listing__page-prev.active {
    background-image: url(https://i8.amplience.net/i/epsonemear/utilities_0821_back);
}
.flt-listing__pages-nav button.flt-listing__page-next.active {
    background-image: url(https://i8.amplience.net/i/epsonemear/utilities_0821_next);
}
.flt-listing__pages span {
    margin: 0 5px;
}
.star {
    display: inline-block;
    background-image: url(https://i8.amplience.net/i/epsonemear/utility_1021_star);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px center;
    width: 6px;
    height: 6px;
    margin-right: 2px;
}
.custom-popup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000000000;
    justify-content: center; 
    padding-top: 50px;
    width: 100%;
    /* height: 100vh; */
    display: none;
}
.custom-popup.active {
    display: flex;
}
.custom-popup .content {
    width: 100%;
    max-width: 750px;
    padding: 20px 25px 50px 0;
    background: white;
    position: relative;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.cols {
    display: flex;
}
.cols>nav {
    width: 200px;
}
.cols>nav a {
    display: block;
    padding: 8px 25px;
    cursor: pointer;
    position: relative;
    z-index: 0;
    color: #353535;
    text-decoration: none;
}
.cols>nav a .remove-filters {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url(https://epsonemear.a.bigcontent.io/v1/static/close);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px center;
    pointer-events: none;
    opacity: .75;
}
.cols>nav a.active {
    background: #F5F6F7;
}
.cols>nav a.active .remove-filters {
    pointer-events: all;
    opacity: 1;
}
.heading {
    padding: 0 25px;
}
.lists {
    border-left: 1px solid lightgrey;
    position: relative;
}
.lists ul {
    display: none;
    list-style: none;
    margin: 0;
}
.lists ul.active {
    display: block;
}
.lists li {
    margin-bottom: 8px;
    cursor: pointer;
    padding-left: 20px;
}
.lists li.selected {
    font-weight: bold;
    position: relative;
}
.lists li.selected::before {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url(https://epsonemear.a.bigcontent.io/v1/static/tick);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 10px center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.foot {
    padding: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.popup-close {
    font-size: 10px;
    position: absolute;
    top: 25px;
    right: 25px;
}
.popup-close img {
    width: 14px;
}
.btn,
.close {
    cursor: pointer;
}
.tick::before {
    content: '';
    background-image: url(https://epsonemear.a.bigcontent.io/v1/static/tick);

}
.stars_P,
.stars_0 {
    position: relative;
}
.stars_P::after,
.stars_0::after {
    content: 'P';
    color:#10218B;
    position: absolute;
    top: 0;
    left: 0;
}
.stars_1 {
    background: url(https://i8.amplience.net/i/epsonemear/tested-by-epson_0122_stars_1) no-repeat;
    background-position: 10px center;
}
.stars_2 {
    background: url(https://i8.amplience.net/i/epsonemear/tested-by-epson_0122_stars_2) no-repeat;
    background-position: 10px center;
}
.stars_3 {
    background: url(https://i8.amplience.net/i/epsonemear/tested-by-epson_0122_stars_3) no-repeat;
    background-position: 10px center;
}
.page>div {
    border-bottom: 1px solid #b0b2b1;
}

.page>div:nth-of-type(even) {
    background: #f6f6f6;
}
.table-row {
    cursor: pointer;
}
.table-row-details {
    display: none;
}
.table-row-wrap.active .table-row-details {
    display: block;
}
.col1,
.col2,
.col3 {
    display: flex;
    padding: 15px;
}
.col1>div,
.col2>div,
.col3>div {
    width: 100%;
}

.providers-popup {
    position: fixed;
    z-index: 2000; 
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.3);
    display: none;
    justify-content: center;
    align-items: center;
}

.providers-popup.active {
    display: flex;
}

.ppopup-container {
    background: white;
    width: 1000px;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 60px);;
    padding: 60px;
}

.ppopup_innercontent {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.oh {
    overflow: hidden;
}

.ppopup-img {
    max-width: 140px;
    margin: 20px 0;
}

.m20 {
    margin-bottom: 20px;
}

.xtable-wrap,
.xtable {

    display: block !important;
    width: calc(100vw - 40px);
    height: calc(100vh - 40px);
    max-width: 1200px;
    max-height: 660px;
}

@media (max-width: 1023px) {
    
    .xtable-wrap,
    .xtable {
        max-width: calc(100vw - 40px);
        max-height: calc(100vh - 60px);
    }
}

.xtable-wrap {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

.xtable {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    background: white;
}

.xtable table {
    min-width: 740px;
}

.xtable th {
    font-weight: bold;
}

.xtable th,
.xtable td {
    background: none;
    color: #353535;
    text-align: center !important;
    padding: 12px;
}

.xtable tbody tr:nth-of-type(odd) {
    background: rgba(0,0,0,.05);
}

.ppopup-container {
    position: relative;
}

.ppopup-open {
    cursor: pointer;
}

.ppopup-close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 100;
}

.cpsection {
    margin-top: -200px;
    overflow-x: auto;
}

@media (max-width: 1023px) {
    .cpsection {
        margin-top: 0;
    }
}

.table-row > div {
    padding: 10px;
    min-width: 82px;
}

.amp-content--card-list {
    padding-left: 10px;
    padding-right: 10px;
}

.oxauto {
    overflow-x: auto;
}