.table-scroll {
    position: relative; }
.table-scroll .triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 2; }
.table-scroll .triangle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: white; }
.table-scroll .triangle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #c60030;
    -webkit-border-radius: 20px 0 0 0;
    border-radius: 20px 0 0 0;
    z-index: 1; }
.table-scroll .table-scroll-cnt {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 10px;
    position: relative; }
.table-scroll .table-scroll-cnt table.general {
    border-collapse: separate; }
.table-scroll .table-scroll-cnt table.general table {
    margin: 0; }
.table-scroll .table-scroll-cnt table.general thead {
    align-items: center;
    font: normal 12px/1.5 'UntitledSans-Light', Arial, Helvetica, sans-serif;
    color: white;
    text-transform: uppercase;
    position: relative; }
.table-scroll .table-scroll-cnt table.general thead tr th {
    min-width: 150px;
    height: 100px;
    background-color: #c60030;
    padding-left: 10px;
    border-left: solid 1px #950024; }
.table-scroll .table-scroll-cnt table.general thead tr th.cellHover {
    cursor: pointer;}
@media (max-width: 767.98px) {
    .table-scroll .table-scroll-cnt table.general thead tr th {
        min-width: 90px; } }
.table-scroll .table-scroll-cnt table.general thead tr th.double-title hr {
    margin: 5px 0 5px -10px; }
.table-scroll .table-scroll-cnt table.general > tbody {
    align-items: center;
    font: normal 12px/1.5 'UntitledSans-Light', Arial, Helvetica, sans-serif;
    color: rgba(0, 0, 0, 0.8); }
.table-scroll .table-scroll-cnt table.general > tbody strong {
    font-family: 'UntitledSans-Medium', Arial, Helvetica, sans-serif; }
.table-scroll .table-scroll-cnt table.general > tbody > tr:hover > td {
    background-color: #F2D4DC !important; }
.table-scroll .table-scroll-cnt table.general > tbody > tr > td {
    background-color: #fff;
    height: 60px;
    padding: 0 12px 0 10px;
    border-left: solid 1px rgba(0, 0, 0, 0.15);
    position: relative; }
.table-scroll .table-scroll-cnt table.general>tbody>tr>td.cellHover {
  cursor: pointer;
}
.table-scroll .table-scroll-cnt td > table.internal.double-row{
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 22px);}
/*
.table-scroll .table-scroll-cnt table.general > tbody > tr > td:last-child, .table-scroll .table-scroll-cnt table.general > tbody > tr > td:first-child {
    background-color: #ebebeb; }

 */
.table-scroll .table-scroll-cnt table.general > tbody > tr > td.internal-cnt {
    padding: 4px 0;
    height: auto; }
.table-scroll .table-scroll-cnt table.general > tbody > tr:nth-child(odd) > td {
    background-color: #fafafa; }
/*
.table-scroll .table-scroll-cnt table.general > tbody > tr:nth-child(odd) > td:first-child, .table-scroll .table-scroll-cnt table.general:not(.custom-bg) > tbody > tr:nth-child(odd) > td:last-child {
    background-color: #e6e6e6; }
*/

.table-scroll .table-scroll-cnt table.general .bg-gray{
    background-color: #e6e6e6;
}
.table-scroll .table-scroll-cnt table.internal {
    margin: 0; }
.table-scroll .table-scroll-cnt table.internal tbody tr td {
    padding: 4px 12px;
    line-height: 12px; }
.table-scroll .table-scroll-cnt table.internal tfoot {
    border-top: solid 1px rgba(0, 0, 0, 0.15); }
.table-scroll .table-scroll-cnt table.internal tfoot tr td {
    padding: 4px 12px 2px; }
.table-scroll .table-scroll-cnt[data-type="sticky-first"] table.general thead tr th:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0; }
.table-scroll .table-scroll-cnt[data-type="sticky-first"] table.general thead tr th:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #c60030, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-first"] table.general > tbody > tr > td:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0;
    z-index: 1; }
.table-scroll .table-scroll-cnt[data-type="sticky-first"] table.general > tbody > tr > td:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none; }
.table-scroll .table-scroll-cnt[data-type="sticky-last"] table.general thead tr th:last-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    right: 0;
    z-index: 1; }
.table-scroll .table-scroll-cnt[data-type="sticky-last"] table.general thead tr th:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0), #c60030);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-last"] table.general > tbody > tr > td:last-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    right: 0; }
.table-scroll .table-scroll-cnt[data-type="sticky-last"] table.general > tbody > tr > td:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general thead tr th:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0; }
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general thead tr th:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #c60030, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general thead tr th:last-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    right: 0;
    z-index: 1; }
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general thead tr th:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0), #c60030);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general > tbody > tr > td:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0;
    z-index: 1; }
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general > tbody > tr > td:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general > tbody > tr > td:last-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    right: 0; }
.table-scroll .table-scroll-cnt[data-type="sticky-first-last"] table.general > tbody > tr > td:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle"] table.general thead tr th.stickyElem {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky; }
.table-scroll .table-scroll-cnt[data-type="sticky-middle"] table.general > tbody > tr > td.stickyElem {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    z-index: 1; }
.table-scroll .table-scroll-cnt[data-type="sticky-middle"][data-stickydir="left"] table.general thead tr th.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #c60030, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle"][data-stickydir="left"] table.general > tbody > tr > td.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle"][data-stickydir="right"] table.general thead tr th.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0), #c60030);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle"][data-stickydir="right"] table.general > tbody > tr > td.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0));
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"] table.general thead tr th:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0; }
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"] table.general thead tr th:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #c60030, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"] table.general thead tr th.stickyElem {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky; }
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"] table.general > tbody > tr > td:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    left: 0;
    z-index: 1; }
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"] table.general > tbody > tr > td:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"] table.general > tbody > tr > td.stickyElem {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    z-index: 1; }
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="left"] table.general thead tr th:last-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    right: 0;
}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="left"] table.general thead tr th:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0), #c60030);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="left"] table.general>tbody>tr>td:last-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    right: 0;
    z-index: 1;
}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="left"] table.general>tbody>tr>td:last-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;
}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="left"] table.general thead tr th.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #c60030, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="left"] table.general > tbody > tr > td.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 60%);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="right"] table.general thead tr th.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0), #c60030);
    pointer-events: none;}
.table-scroll .table-scroll-cnt[data-type="sticky-middle-special"][data-stickydir="right"] table.general > tbody > tr > td.stickyElem.bordered:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    top: 0;
    width: 50px;
    height: 100%;
    opacity: 0.1;
    background-image: linear-gradient(to left, #000, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0));
    pointer-events: none;}

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: block;
    opacity: 1;
    background-color: #fff;
    background-image: linear-gradient(white,#f2f2f2,white);
    height: 6px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0;
    /* please don't change 'position' */
    position: absolute;
    cursor: pointer;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #c60030;
    border-radius: 6px;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    border-radius: 6px;
    background-color: #c60030;
}


/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}
.borderLeft{
    border-left: solid 1px rgba(0, 0, 0, 0.15);
    width: 50%;
}
.table-scroll .table-scroll-cnt table.general > tbody > tr > td.bg-gray{
    background-color: #e6e6e6;
}
.table-scroll .table-scroll-cnt table.general > tbody > tr:nth-child(odd) > td.bg-gray{
    background-color: #ebebeb; }