/* --== Table ==-- */
.wfg_container.table {
    padding-top: 0px;
    display: inline-block;
}
.wfg_container.news {
    padding-bottom: 0px;
}
.wfg_container.news strong {
    white-space: normal;
}
.wfg_container.table h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    margin-left: 15px;
    margin-bottom: 20px;
}
.wfg_container table tr.group th {
    font-size: 20px;
}
.wfg_container.table table tr th,
.wfg_container.table table tr td {
    line-height: 20px;
    white-space: normal;
    height: 60px;
    vertical-align: middle;
}
.wfg_container.table table tr td.nested > div > span {
    font-family: LatoWebBold;
}
.wfg_container.table table tr td.nested > div.nested > span.subfield {
    font-family: LatoWeb;
}
.wfg_container.table table tr td a {
    font-family: LatoWebBold;
}
.wfg_container table {
    margin-bottom: 0px;
    margin-left: -15px;
    width: calc(100% + 30px);
    max-width: calc(100% + 30px);
    border-bottom: 1px solid rgb(221, 221, 221);
    display: table;
}
.wfg_container table.table {
    margin-left: 0px;
    width: 100%;
    max-width: initial;
    border-bottom: medium none transparent;
}
.wfg_container .rates table {
    margin-left: 0;
}
.wfg_container table.table.withDocIcon td {
    text-align: right;
}
/* --== pagination ==-- */
.wfg_container .wfg_pagination .pagination > li:first-child > a,
.wfg_container .wfg_pagination .pagination > li:first-child > span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    padding: 10px 17px;
}
.wfg_container .wfg_pagination .pagination > li:last-child > a,
.wfg_container .wfg_pagination .pagination > li:last-child > span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 10px 17px;
}
.wfg_container .wfg_pagination .pagination > li > a,
.wfg_container .wfg_pagination .pagination > li > span {
    padding: 10px 16px;
    color: rgb(45, 45, 45);
    margin-right: 4px;
    margin-left: 4px;
    border-color: rgb(90, 90, 90);
    border-radius: 4px;
}
.wfg_container .wfg_pagination .pagination > li > a > i {
    position: relative;
    top: 0px;
    font-size: 10px;
}
.wfg_container .wfg_pagination .pagination > li > a:hover,
.wfg_container .wfg_pagination .pagination > li > span:hover,
.wfg_container .wfg_pagination .pagination > li.active > a,
.wfg_container .wfg_pagination .pagination > li.active > span {
    background-color: rgb(255, 255, 255);
    border-color: rgb(85, 124, 154);
    color: rgb(85, 124, 154);
}
/*To merge with the upper directive once dynamic*/
.wfg_container .wfg_pagination .pagination > li > a:focus,
.wfg_container .wfg_pagination .pagination > li > span:focus {
    background-color: rgb(255, 255, 255);
}
.wfg_container.selectbox .pagingItemsAmount > .form-group {
    width: 185px;
    float: right;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .wfg_container .wfg_pagination .pagination > li:first-child > a,
    .wfg_container .wfg_pagination .pagination > li:first-child > span {
        padding: 6px 13px;
    }
    .wfg_container .wfg_pagination .pagination > li:last-child > a,
    .wfg_container .wfg_pagination .pagination > li:last-child > span {
        padding: 6px 13px;
    }
    .wfg_container .wfg_pagination .pagination > li > a,
    .wfg_container .wfg_pagination .pagination > li > span {
        padding: 6px 12px;
    }
}
/* --== /pagination ==-- */
.wfg_container .wfg_pagination {
    float: right;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: medium none transparent;
}
.wfg_container table tbody tr {
    border-top: medium none transparent;
    border-bottom: 1px solid #B8BAC0;
}
.wfg_container table tbody th.m_name,
.wfg_container table tbody th.M_NAME,
.wfg_container table tbody th.m_market,
.wfg_container table tbody th.name {
    font-weight: bold;
}
.wfg_container table tbody th .nested {
    font-weight: 300;
}
.wfg_container table tbody tr:last-of-type {
}
.wfg_container table.noTrigger tr {
    cursor: auto;
}
.wfg_container table.noTrigger tr.selected {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
}
.wfg_container table:not(.noTrigger) tr:hover {
}
.wfg_container table tr th {
    font-weight: 400;
}
.wfg_container table tr th.ellipsed { /* fallback */
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}
.wfg_container table thead tr {
    font-size: 14px;
    border-top: medium none transparent;
}
.wfg_container table thead tr > th:first-of-type {
    border-top-left-radius: 10px;
}
.wfg_container table thead tr > th:last-of-type {
    border-top-right-radius: 10px;
    border-left: medium none transparent;
}
.wfg_container table.withBarMarker thead tr > th {
    border-right: 1px solid #FFF;
    border-bottom: medium none transparent;
    white-space: nowrap;
    height: 50px;
    padding-bottom: 4px;
    font-family: 'LatoWebBold';
}
#m-global-indices-data-table thead tr > th > .nested {
    white-space: normal;
}
.wfg_container table.withBarMarker  thead tr > th > div {
    font-family: 'LatoWeb';
}
.wfg_container table.withBarMarker thead tr > th.m_trend {
}
.wfg_container table > thead > tr > th {
    vertical-align: top!important;
    font-family: LatoWebBold;
}
.solid-fastsearch-result table.table > thead > tr > th {
    vertical-align: middle!important;
    padding-bottom: 0px;
    padding-top: 20px;
}
.wfg_container table > thead > tr > th > .nested {
    font-family: LatoWeb;
}
.table.singleLine > thead > tr > th {
    vertical-align: middle!important;
}
/* version */
.wfg_container .table td.neutral > div {
    display: inline-block;
}
.wfg_container .table td.positive > div {
    display: inline-block;
}
.wfg_container .table td.negative > div {
    display: inline-block;
}
/* /version */

/* -- new version for safari -- */
.wfg_container table .fadeOutText .fader {
    height: 100%;
    width: 32px;
    position: absolute;
    top: 0;
    right: 0px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.wfg_container table .clickableRow:hover .fadeOutText .fader {
    background: -moz-linear-gradient(left, rgba(247, 247, 247,0) 0%, rgba(247, 247, 247,1) 100%);
    background: -webkit-linear-gradient(left, rgba(247, 247, 247,0) 0%,rgba(247, 247, 247,1) 100%);
    background: linear-gradient(to right, rgba(247, 247, 247,0) 0%,rgba(247, 247, 247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=1 );
}
.wfg_container table .fadeOutText {
    padding-top: 0px;
    padding-bottom: 0px;
}
.wfg_container table .fadeOutText .fadeWrapper {
    overflow-x: auto;
    width: 50%;
    display: block;
    white-space: nowrap;
    padding: 8px;
}
.wfg_container table tr th:first-child .fadeWrapper,
.wfg_container table tr td:first-child .fadeWrapper{
    padding-left: 0;
}
/* -- /new version for safari -- */
/* responsive tricks */

/* specials */
.wfg_container .table.marketOverview thead small {
    font-size: 75%;
}
/* /specials */

.wfg_container table tr th,
.wfg_container table tr td {
    line-height: 40px;
    color: rgb(23, 56, 81);
    white-space: nowrap;
    position: relative;
}
.solid-fastsearch-result table tr th,
.solid-fastsearch-result table tr td {
    line-height: 20px!important;
}
.wfg_container table thead + thead tr > th:last-of-type,
.wfg_container table tbody + thead tr > th:last-of-type {
    border-top-right-radius: 0;
    border-left: medium none transparent;
}
.wfg_container table tr.selected th,
.wfg_container table tr.selected td {
    color: rgb(255, 255, 255);
}
.wfg_container table tr th:first-child,
.wfg_container table tr td:first-child {
   padding-left: 20px;
}
.wfg_container table tr th:last-child,
.wfg_container table tr td:last-child {
    padding-right: 20px;
}
.wfg_container table tr th.toolbar,
.wfg_container table tr td.toolbar {
    padding-right: 8px;
}
.wfg_container .bootstrap-datetimepicker-widget table tr th:last-child,
.wfg_container .bootstrap-datetimepicker-widget table tr td:last-child {
    padding-right: 0px;
}
.wfg_container table .trendArrow .far {
    font-size: 22px;
    vertical-align: middle;
}
.wfg_container table .trendArrow.neutral .far {
    color: rgb(0, 111, 209);
}
.wfg_container table .trendArrow.positive .far {
    color: rgb(92, 184, 92);
}
.wfg_container table .trendArrow.negative .far {
    color: rgb(217, 83, 79);
}
.wfg_container table .detailArrow,
.wfg_container table .detailArrowPlaceholder {
    width: 40px;
}
.wfg_container table .detailArrow:after {
    position: absolute;
    right: 15px;
    top: 50%;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: '';
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg) translateY(-50%);
    vertical-align: middle;
    color: rgb(45, 45, 45);
}
/* -= sortable =- */
.wfg_container table thead tr.sortable i {
    font-size: 22px;
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
/* -= /sortable =- */
/* fastsearch */
.solid-fastsearch-result .infoHeader {
    padding: 15px 20px 15px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

a.extendedSearch.emptySearch {
 margin-left: auto;
}
.solid-fastsearch-result .infoHeader .hits {
    font-family: LatoWebBold;
}
.solid-fastsearch-result .infoHeader .hits > span{
    font-family: LatoWeb;
}
.solid-fastsearch-result .infoHeader .gotoExtended {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.solid-fastsearch-result .infoHeader .gotoExtended > span {
    font-weight: 300;
    margin-right: 5px;;
}
@media screen and (max-width: 768px){

    .solid-fastsearch-result .infoHeader .gotoExtended {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .solid-fastsearch-result .infoHeader .gotoExtended img{
        display: none;
    }
}
.solid-fastsearch-result .infoHeader .gotoExtended > a {
    font-weight: 300;
}
.solid-fastsearch-result .infoHeader .gotoExtended > a > img {
    margin-left: 10px;
}

.solid-fastsearch-result table {
    margin-bottom: 0;
    background-color: #E7E8EA;
}
.solid-fastsearch-result table > thead > tr > th {
    border-bottom: 1px solid #B8BAC0;
}
.solid-fastsearch-result table thead:first-of-type > tr {
    border: medium none transparent;
}
.solid-fastsearch-result table thead:first-of-type > tr > th {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #E7E8EA;
    padding: 0;
    font-size: 14px;
    height: 50px;
    border-bottom: medium none transparent;
}
.solid-fastsearch-result table.empty-table thead:first-of-type > tr > th {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.solid-fastsearch-result table tbody tr.entry {
    cursor: pointer;
}
.solid-fastsearch-result table tbody tr.entry > td {
    height: 40px;
    vertical-align: middle;
    border-color: #e7e8ea;
    color: #333;
}
.solid-fastsearch-result table tbody tr.entry > .m_market {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-right: 12px; /* +8px padding of default table */
    white-space: nowrap;
    font-size: 11px;
}
.solid-fastsearch-result table tbody tr.entry > td:first-child {
    font-family: LatoWebBold;
    color: #4E86B5;
    align-content: center;
    padding-left: 20px;
    border-color: #e7e8ea;
}
.solid-fastsearch-result table tbody tr.entry > td.name{
    font-family: LatoWebBold;
    color: #4E86B5;
    padding-left: 20px;
    border-color: #e7e8ea;
}
.solid-fastsearch-result table thead .moreAsset {
    float: right;
    font-size: 11px;
    position: relative;
    top: 9px;
    color: #4E86B5;
}
.solid-fastsearch-result table tfoot td {
    height: 20px;
    background-color: #FFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.solid-fastsearch-result {
    position: absolute;
    top: 45px;
    right: 0px;
    width: 100%;
    z-index: 100;
    box-shadow: -3px 5px 8px -5px rgba(0,0,0,0.3);
    display: none;
    font-size: 14px;
    border-radius: 10px;
}
.desktop-mainnavigation .solid-fastsearch-result {
    width: 630px!important;
    left: auto!important;
    margin-top: 5px;
}
@media (min-width: 767px){
    .desktop-mainnavigation .solid-fastsearch-result {
        width: auto;
    }
}

.solid-fastsearch-result table {
    width: 100%;
    margin-left: 0;
    max-width: initial;
}
.solid-fastsearch-result table td.m_market {
    text-overflow: ellipsis;
    overflow: hidden;
}
.solid-fastsearch-result table tr.entry.highlight {
    background-color: #F6F6F7;
}

.solid-fastsearch-result table thead > tr > th,
.solid-fastsearch-result table thead > tr > td,
.solid-fastsearch-result table tfoot > tr > th,
.solid-fastsearch-result table tfoot > tr > td,
.solid-fastsearch-result table tbody > tr > th,
.solid-fastsearch-result table tbody > tr > td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.solid-fastsearch-result table tfoot tr,
.solid-fastsearch-result table tbody tr {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}
.solid-fastsearch-result table tr {
    border-top: 1px solid #E7E8EA!important;
    border-bottom: medium none transparent !important;
}
.solid-fastsearch-result table thead:first-of-type tr {
    border-top: medium none transparent !important;
}
.solid-fastsearch-result table tbody tr:hover {
    background-color: rgb(245, 245, 245);
}
/* /fastsearch */
/* datetimepicker table inside */
.bootstrap-datetimepicker-widget ul li {
    margin-bottom: inherit;
    padding-left: inherit;
}
.bootstrap-datetimepicker-widget table {
    max-width: 100%;
    border-bottom: medium none transparent;
}
.bootstrap-datetimepicker-widget table  thead tr {
    background-color: inherit;
    font-size: inherit;
}
.bootstrap-datetimepicker-widget table tr th,
.bootstrap-datetimepicker-widget table tr td {
    line-height: inherit;
}
.bootstrap-datetimepicker-widget table tr th:first-child,
.bootstrap-datetimepicker-widget table tr td:first-child {
    padding-left: inherit;
}
.bootstrap-datetimepicker-widget table tr {
    border-top: inherit;
}
/* /datetimepicker table inside */
/* trendicons */
.value-pos.icon-trend-up,
.value-neg.icon-trend-down,
.value-equal.icon-trend-equal {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: 7px;
    margin-right: 12px;
}
.value-pos.icon-trend-up {
    background: transparent url("../../../../static/themes/easy/img/yourmoney/ARROW high.svg") no-repeat center center;
}
.value-neg.icon-trend-down {
    background: transparent url("../../../../static/themes/easy/img/yourmoney/ARROW low.svg") no-repeat center center;
}
.value-equal.icon-trend-equal {
    background: transparent url("../../../../static/themes/easy/img/yourmoney/ARROW med.svg") no-repeat center center;
}

.portfolioIcon.value-pos.icon-trend-up {
    background: transparent url("../../../../static/themes/easy/img/yourmoney/ARROW high.svg") no-repeat center center;
    background-size: contain;
}
.portfolioIcon.value-neg.icon-trend-down {
    background: transparent url("../../../../static/themes/easy/img/yourmoney/ARROW low.svg") no-repeat center center;
    background-size: contain;
}
.portfolioIcon.value-equal.icon-trend-equal {
    background: transparent url("../../../../static/themes/easy/img/yourmoney/ARROW med.svg") no-repeat center center;
    background-size: contain;
}

.value-pos.icon-trend-up.trend-portfolio,
.value-neg.icon-trend-down.trend-portfolio {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    vertical-align: middle;
    float: left;
    display: none;
    margin-right: -45px;
    padding-left: 0;
}
.price-trend-portfolio-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5rem;
}
.price-trend-portfolio-inner .left20 {
    margin-left:-4rem !important;
}
.price-trend-portfolio .left20 {
    margin-left:20px;
}
.green-tooltip + .tooltip > .tooltip-inner {color: #5cb85c;}
.red-tooltip + .tooltip > .tooltip-inner {color: #d9544f;}
.trend-portfolio + .tooltip.fade.bottom {
    opacity: 1;
    top: 30px !important;
    padding: 0px;
    border-radius: 4px;
}
.trend-portfolio + .tooltip > .tooltip-inner {
    border-radius: 4px;
    background-color: #ffffff;
    line-height: normal;
    width:auto;
    box-shadow: 0px 2px 12px 1px rgb(0 0 0 / 30%);
}
.trend-portfolio + .tooltip > .tooltip-inner::before {
    background-color: #fff;
    content: "\00a0";
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    transform: rotate( 45deg);
    -moz-transform: rotate( 45deg);
    -ms-transform: rotate( 45deg);
    -o-transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
    bottom: 1px;
}
.trend-portfolio + .tooltip > .tooltip-inner {
    font-size: 14px;
}
.trend-portfolio + .tooltip > .tooltip-inner > .tooltip-text > i {
    color: #cecece;
    font-size: smaller;
}
.trend-portfolio + .tooltip > .tooltip-inner > span.tooltip-text {
    color: #7d6363 !important;
    font-size: 10px;
    font-weight: 100;
}
.trend-portfolio + .tooltip.top  > .tooltip-arrow {opacity: 0;}
@media screen and (max-width: 768px) {
    .value-pos.icon-trend-up.trend-portfolio,
    .value-neg.icon-trend-down.trend-portfolio {
        margin-inline-end: auto;
        float: right;
    }
    .trend-portfolio + .tooltip > .tooltip-inner > .tooltip-text > i {
        margin-right: 2px;
        margin-top: 2px;
    }
    .trend-portfolio + .tooltip > .tooltip-inner > span.tooltip-text {
        display: inline-flex;
    }
}
/* /trendicons */

/* barcharts table */
table .ytd_perf_pr.barchart {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
table .barChartNeg {
    background-color: rgb(217, 83, 79);
    height: 20px;
}

table .barChartPos {
    background-color: rgb(92, 184, 92);
    height: 20px;
}
/* /barcharts table */

/* solid table fastsearch aligments */
.solid-fastsearch-result table .m_trend {
    text-align: left;
    width: 1rem;
}

.solid-fastsearch-result table .name {
    align-content: center;
    padding-left: 5px!important;
}

/* solid table-cell alignements */
table .m_trend {
    text-align: center;
}
table .lval_norm {
    text-align: right;
}
table .nc2_pr_norm {
    text-align: right;
}
table .pmturnover {
    text-align: right;
}
table .ytd_perf_pr {
    text-align: center;
}
table .high {
    text-align: right;
}
table .low {
    text-align: right;
}
#m-libor-data-table tr > th,
#m-libor-data-table tr > td {
    text-align: right;
}
#m-libor-data-table tr > th:first-child,
#m-libor-data-table tr > td:first-child {
    text-align: left;
}
table .close_adj_norm {
    text-align: right;
}
table .bid {
    text-align: right;
}
table .ask {
    text-align: right;
}
table .vol {
    text-align: right;
}
table .ytd_perf_pr {
    text-align: center;
}
table .customer_document {
    text-align: center;
}
table .yldeq {
    text-align: right;
}
table .\31 w_perf_pr {
    text-align: right;
}
table .\34 w_perf_pr {
    text-align: right;
}
table .\35 \32 w_perf_pr {
     text-align: right;
}
table .\33 y_perf_pr {
    text-align: right;
}
table .\35 y_perf_pr {
    text-align: right;
}
table .open {
    text-align: right;
}

.open > .dropdown-menu {
    margin-top: 0.625rem;
    display: block;
}
table .py_close {
    text-align: right;
}
table .y_hi {
    text-align: right;
}
table .y_lo {
    text-align: right;
}
table .previous_open {
    text-align: right;
}
table .previous_low {
    text-align: right;
}
table .previous_high {
    text-align: right;
}
table .\31 w_hi {
    text-align: right;
}
table .\31 w_lo {
    text-align: right;
}
table .\34 w_hi {
    text-align: right;
}
table .\34 w_lo {
    text-align: right;
}
table .\31 \32 w_hi {
    text-align: right;
}
table .\31 \32 w_lo {
    text-align: right;
}
table .\32 \36 w_hi {
    text-align: right;
}
table .\32 \36 w_lo {
    text-align: right;
}
table .\35 \32 w_hi {
    text-align: right;
}
table .\35 \32 w_lo {
    text-align: right;
}
table .stars_scre {
    text-align: right;
}
#performance-data-table > tbody td:nth-of-type(3) {
    text-align: right;
}
#performance-data-table > tbody td:nth-of-type(2) {
    text-align: right;
}
#m-currencies-table > thead th {
    text-align: right;
}
table th.r,
table td.r {
    text-align: right;
}
#fundamental-data-table > tbody > tr > td {
    text-align: right;
}
/* /solid table-cell alignements */
.m-morenews {
    margin-top: 25px;
}
.m-morenews.narrow {
    margin-top: 5px;
}
.m-morenews.narrow > a {
    position: relative;
    top: 10px;
}
#master-data-table tbody tr td {
    text-align: right;
}
#m-detail-other-markets.table > thead > tr > th,
#m-global-indices-data-table > thead > tr > th,
.topDerivativeTable.table > thead > tr > th {
    vertical-align: top;
}
.m-eusipa-container h2,
.m-eusipa-container h3 {
    margin-bottom: 0;
    padding: 10px;
    padding-left: 15px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.m-eusipa-container table > thead > tr > th:last-child ,
.m-eusipa-container table > tbody > tr > td:last-child {
    text-align: right;
}
table .nc2_norm {
    text-align: right;
}
table .py_lo {
    text-align: right;
}
table .py_hi {
    text-align: right;
}
table .tur {
    text-align: right;
}
table .ytd_perf_pr {
    text-align: right;
}
table .mcap_tk {
    text-align: right;
}
#market-overview-table .market {
    text-align: right;
}
table.newsTable a,
#m-sector-news-list a {
    white-space: normal;
}
#m-sector-news-list thead tr th:last-child,
#m-sector-news-list tbody tr td:last-child {
    text-align: left;
}
#m-sector-news-list tbody tr,
#m-sector-news-list tbody td {
    border: medium none transparent;
    color: #0F182C;
    font-size: 14px;
}
#m-sector-news-list tbody tr {
    height: auto;
}
#m-sector-news-list tbody td {
    line-height: 25px;
}
#m-sector-news-list tbody tr:nth-child(odd) {
    background-color: #F6F6F7;
}
table tr.grouped {
    border-top: medium none transparent;
}
table tr.grouped > th {
    padding-bottom: 5px;
    padding-top: 30px;
    font-size: 14px;
    font-weight: 600;
}
table tr.grouped:first-child > th {
    padding-top: 0;
}
table .sprmbperma_pr {
    text-align: right;
}
table#interest-charges-table td {
    text-align: right;
}
table#miscellaneous-data-table td {
    text-align: right;
}
/* detailpages */
h2.asLabel {
    margin-bottom: 10px;
}
h2.withPills {
    margin-bottom: -25px;
}
.tableGroup {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (min-width: 470px) {
    .tableGroup {
        flex-direction: row;
    }
}
.tableGroup > .tableWrapper {
    flex-basis: calc(50% - 10px);
}
.news-headline {
    text-align: left!important;
}
.screenerBox .table.striped tbody tr:nth-child(odd),
#limits .table.striped tbody tr:nth-child(odd),
#l-detail-content .table.striped tbody tr:nth-child(odd),
.newsTable.table-striped tbody tr:nth-child(odd) {
    background-color: #F6F6F7;
}
.newsTable tbody tr > td:first-of-type {
    font-family: LatoWebBold!important;
}
#limits .table.dataTable tbody tr,
#l-detail-content .table.dataTable tbody tr {
    border-bottom: medium none transparent;
}
#l-detail-content .table tr th,
#l-detail-content .table tr td {
    height: 50px;
}
#l-detail-content .table.striped tbody tr:nth-child(odd) > td > span {
    background-color: #F6F6F7;
}
#l-detail-content .table.detailTable {
    table-layout: fixed;/* YM-295 */
}
#l-detail-content .table.detailTable tr th,
#l-detail-content .table.detailTable tr td {
    line-height: 14px!important;
    height: 30px!important;
}
#l-detail-content .table.detailTable tr th:first-child,
#l-detail-content .table.detailTable tr td:first-child {
    padding-left: 10px;
}
#l-detail-content .table.detailTable tr th:last-child,
#l-detail-content .table.detailTable tr td:last-child {
    padding-right: 10px;
}
#l-detail-content .table.dataTable tr td {
    font-family: LatoWebBold;
}
.newsTable.table tr,
#l-detail-content .table.news-table tr {
    border-bottom: medium none transparent;
}
#l-detail-content .table.news-table td,
#l-detail-content .table.news-table th {
    font-family: LatoWebBold;
    padding-right: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#l-detail-content .table.news-table td a,
#l-detail-content .table.news-table th a {
    font-family: LatoWeb;
}
#l-detail-content .table.news-table td .newsArrow,
#l-detail-content .table.news-table th .newsArrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
#l-detail-content .table.rightAligned tr td {
    text-align: right;
}
/* /detailpages */
.transaction-table td.m_name {
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*Derivative special within a modal */
table#derivative thead tr > th:first-of-type {
    border-top-left-radius: 10px;
}
table#derivative thead tr > th:last-of-type {
    border-top-right-radius: 10px;
}
table#derivative tr th:first-child,
table#derivative tr td:first-child {
    padding-left: 20px;
}
table#derivative tr th {
    vertical-align: top!important;
}
table#derivative tr th,
table#derivative tr td {
    line-height: 20px;
    white-space: normal;
    height: 60px;
}
table#derivative thead tr {
    background-color: #E7E8EA;
    font-size: 14px;
    border-top: medium none transparent;
}
table#derivative tr th,
table#derivative tr td {
    color: rgb(23, 56, 81);
}
table#derivative {
    width: 100%!important;
}
/* News tab within details */
#newsContainer .moreNews {
    margin-top: 25px;
    margin-bottom: 15px;
    display: inline-block;
}
/* --== /Table ==-- */

table.instrument-list-table .ytd_pr_norm {
    text-align: right;
}
@media screen and (max-width: 768px) {
    .hikuTableWrapper .tableWrapper {
        overflow-x: auto !important;
    }
}
@media screen and (min-width: 768px) {
    .hikuTableWrapper .tableWrapper {
        overflow-x: hidden !important;
    }
}
.showMobile {
    display: none;
}
@media screen and (max-width: 600px) {
    .hideMobile {
        display: none;
    }
    .showMobile {
        display: inline !important;
    }

    .wfg_containerMobile{
        padding: 0;
    }
    .padding20{
        padding: 20px;
    }
    .instrument-list-table thead > tr > th {
        white-space: normal!important;
    }
    .marginLeft20 {
        margin-left: 20px;
    }

    .bootstrap-select > .dropdown-toggle,
    select {
        font-size: 14px;
        padding-left:5px;
    }

    .wfg_container table tr th:first-child {
        padding-left: 1.5rem;
    }

    .wfg_container table tr td:first-child {
        padding-left: 3px;
    }

    .wfg_container table tr th:last-child,
    .wfg_container table tr td:last-child {
        padding-right: 5px;
    }
}

.heightNullCash td {
    height: 0!important;
}

.backBekb{
    background-color: #A7A7A7;
}
.backBekb2{
    background-color: #E8E8E8;
}

/* bootstrap 5 modification */
.wfg_container table thead tr {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table thead tr{
    background-color: #EEEEEE;
}
ul.nav-tabs {
    height: 30px;
}

.screener-table .left_symbol {
    float: left;
    margin-left: 10px;
    margin-right: 60px;
}

.screener-table .right_symbol {
     float: none;
}

.screener-table .left_symbol {
    float: left;
    margin-left: 10px;
    margin-right: 60px;
}

.screener-table .right_symbol {
     float: none;
}

.screener-table .left_symbol {
    float: left;
    margin-left: 10px;
    margin-right: 60px;
}

.screener-table .right_symbol {
     float: none;
}
.wfg_container table tbody .tr-topnews {
    border-top: medium none transparent;
    border-bottom: 0;
}
.no-img-topnews{
    padding-top: 288px;
    padding-right: 384px;
    height: fit-content;
    width: fit-content;
}

@media screen and (max-width: 992px) {

    .h2-topnews {
        color: rgb(255,255,255)!important;
        font-family: LatoWebBold;
    }
    .img-topnews[title="news"] {
        height: 100%!important;
        width: 100%!important;
        object-fit: contain;
    }
    .no-img-topnews[title="No news"] {
        height: fit-content;
        width: fit-content;
        padding-top: 0px;
        padding-right: 0px;
    }
    .desktop-topnews {
        background: linear-gradient(135deg, #7DDAFE 0%, #528FC2 100%);
        border: none;
    }
    .table-topnews{
        display: none!important;
    }
    .next-prev-buttons{
        color: white!important;
        font-size: 25px!important;
        margin-top: -50px;
        margin-left: 34%!important;
        margin-bottom: 20px;
    }
    .date-topnews{
        color:white!important;
        font-size: 15px!important;
        margin-top: 10px;
    }
    .more-topnews{
        margin-top: 0.375rem!important;
    }
    .more-topnews .moreNews{
        color:white!important;
        text-decoration:underline white!important;
    }
    .more-topnews .moreNews:hover{
        color: rgba(255, 255, 255, 0.35)!important;
        text-decoration:none!important;
    }
    .hr-topnews{
        margin-left: 20px;
        margin-right: 20px;
        border-right: 1px solid white;
    }
    .button-desktop-topnews{
        display: none;
    }
    .tr-notopnews{
        border-bottom: none!important;
        font-family: LatoWebBold;
        color: #0F182C!important;
    }
    .scroll-topnews{
        scroll-behavior: smooth;
    }

    .portfolioItem .headline > a{
        color: white;
        font-size: 20px;
        font-family: LatoWebBold;
        cursor: pointer;
    }
    .portfolioItem .headline > a:hover{
        color: rgba(255, 255, 255, 0.35)!important;
    }

    .portfolioCarousel .portfolioWrapperMobile {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .portfolioCarousel .portfolioItem {
        height: 100%;
        width: 100%;
        min-width: 222px;
        border-radius: 10px;
        position: relative;
    }
    .portfolioCarousel .portfolioItem.active:before {
        content: '';
        background-color: #0F182C;
        height: 10px;
        width: 10px;
        transform: rotate(45deg) translateX(-50%);
        position: absolute;
        bottom: -30px;
        left: 50%;
    }
    .portfolioCarousel .portfolioItem.active:after {
        content: '';
        background-color: #0F182C;
        height: 10px;
        width: 100%;
        position: absolute;
        bottom: -21px;
        left: 0;
    }
    .portfolioCarousel .portfolioItem h3 {
        margin: -15px -15px 0 -15px;
        height: 40px;
        padding: 15px 45px 10px 15px;
        font-family: LatoWebBold;
        font-size: 16px;
        color: #0F182C;
        background-color: rgba(255, 255, 255, 0.35);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
    }

    .portfolioCarousel .portfolioItem + .portfolioItem {
        margin-left: 20px;
    }
    #portfolio .portfolioCarousel .portfolioItem.empty h2 {
        border-bottom: 1px solid #B8BAC0;
        color: #B8BAC0;
    }
    .portfolioCarousel .portfolioItem .dataContent {
        margin-top: 10px;
        color: #0F182C;
        font-size: 16px;
        line-height: 21px;
        position: relative;
    }
    .portfolioCarousel .portfolioItem .dataContent .small {
        font-size: 11px;
        line-height: 15px;
    }
    .portfolioCarousel .portfolioItem .dataContent .strong {
        font-size: 25px;
        line-height: 32px;
        font-family: LatoWebBold;
    }


    .portfolioCarousel .portfolioItem.empty {
        border: 1px solid #B8BAC0;
        background-color: #fff;
    }
    .portfolioCarousel .portfolioItem.empty .dataContent > img {
        transform: translateX(-50%) translateY(25%);
        left: 50%;
        position: absolute;
        top: 50%;
    }
    .portfolioCarousel .portfolioItem.noCalc {
        background-color: #DFDFDF;
    }

    .portfolioCarousel .portfolioItem .dataContent .small.disablePtf{
        margin-bottom: 5px;
        background-color: #a9A9A9;
        width:25%
    }
    .portfolioCarousel .portfolioItem .dataContent .strong.disablePtf{
        background-color: #a9A9A9;
        margin-bottom: 5px;
        margin-top: 10px;
        line-height: 20px;
        width:50%;
    }

}
@media screen and (min-width: 992px) {
    .carousel-topnews{
        display:none;
    }
    .prev .fas > :not(.slick-arrow){
        display:none;
    }
    .h2-topnews {
        margin-left: 10px!important;
        margin-top: 1.5rem!important;
    }
    .button-mobile-topnews{
        display:none;
    }
    .table-topnews{
        padding: 0!important;
    }
    .button-desktop-topnews{
        margin-top: -25px!important;
        margin-bottom: -15px!important;
        margin-right: 10px!important;
    }
    .desktop-topnews{
        padding:0!important;
        height: 372px;
    }
    .button-topnews{
        margin-bottom: -8px;
    }
    .next-prev-buttons{
        display: none;
    }
    .tr-notopnews{
        background-color: #F6F6F7!important;
        border-bottom: none!important;
        font-family: LatoWebBold;
        color: #0F182C!important;
        padding: 20px!important;
        margin-top: 10px;
    }
}
.charts-overview{
    width: 100%;
    height: 372px;
}
.wfg_container table tr td a {
    color: #4E86B5!important;
}
.wfg_container table tr td a:hover {
    color: rgb(45, 45, 45)!important;
}
#newsTopNews table tr td.alignment-none{
    vertical-align: inherit!important;
}
.font-time-topnews{
    font-size: 12px;
}
.font-news-topnews{
    font-size: 17px;
    position: relative;
}
.headline-text-topnews{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pointer-newsbox-a {
    cursor: pointer;
}
@media screen and (max-width: 768px){
    .wfg_container #m-global-indices-data-table-crypto tr td:first-child {
        padding-left: 0;
        padding-right: 0;
    }
    div.tableWrapper #m-global-indices-data-table-crypto.table > :not(caption) > * > *{
        padding: 0.5rem 0;
    }
    #m-global-indices-data-table-crypto .sorting, #m-global-indices-data-table-crypto .sorting_asc, #m-global-indices-data-table-crypto .sorting_desc, #m-global-indices-data-table-crypto .sorting_asc_disabled, #m-global-indices-data-table-crypto .sorting_desc_disabled{
        padding-right: 0;
        padding-left: 20px!important;
    }
}
.portfolioDownload,
.watchlistDownload{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 768px){
    .portfolioTitleH2,
    .watchlistTitleH2{
        max-width: 350px;
    }
    #l-detail-content #table0.table > :not(caption) > * > *{
        padding: 0.5rem 0.2rem;
    }
    #l-detail-content .tableWrapper{
        overflow-x: auto;
    }
    #listNavigation #table0.table.interests-column-ytd > :not(caption) > * > *{
        padding: 0.5rem 0.2rem;
    }
}
#extendedSearch_results .table > :not(caption) > * > *{
    padding: 0.5rem 0;
}
@media (max-width: 1200px) {
    .solid-fastsearch-result td.name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .solid-fastsearch-result td.name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        display: flex;
        align-items: center;
    }
}
#complexPortfolioOverview h3,
#complexWatchlistOverview h3{
    font-size: 20px;
    line-height: 21px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
}
.resize-img-table {
    padding-top: 0!important;
    padding-right: 0!important;
}