@media only screen and (min-width: 992px) {
    .sticky-nav ul {
        margin-bottom: 0;
        overflow: hidden;
    }

    .sticky-nav li {
        position: relative;
        float: left;
        width: 20%;
        min-width: 160px;
        text-align: center;
        border-top: 1px solid #e5e5e5;
        background-color: #f7f7f7;
        -webkit-transition: background-color 0.5s;
        -o-transition: background-color 0.5s;
        transition: background-color 0.5s;
    }

    .sticky-nav li:first-child:before {
        display: none;
    }

    .sticky-nav li:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        z-index: 1;
        background-color: #e5e5e5;
    }

    .sticky-nav li.active,
    .sticky-nav li:hover,
    .sticky-nav li:focus {
        background-color: var(--white);
    }

    .sticky-nav li.active:before,
    .sticky-nav li:hover:before,
    .sticky-nav li:focus:before {
        display: none;
    }

    .sticky-nav li.active a,
    .sticky-nav li:hover a,
    .sticky-nav li:focus a {
        color: var(--primary) !important;
        background-color: transparent !important;
    }

    .sticky-nav li.active a:after,
    .sticky-nav li:hover a:after,
    .sticky-nav li:focus a:after {
        background-color: #06377b;
    }

    .sticky-nav li.active+li:before,
    .sticky-nav li:hover+li:before,
    .sticky-nav li:focus+li:before {
        display: none;
    }

    .sticky-nav li.active {
        pointer-events: none;
        cursor: default;
    }

    .sticky-nav li.active a {
        pointer-events: none;
        cursor: default;
    }

    .sticky-nav li a:after {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        right: 0;
        height: 4px;
        -webkit-transition: background-color 0.7s 0.2s;
        -o-transition: background-color 0.7s 0.2s;
        transition: background-color 0.7s 0.2s;
        background-color: transparent;
    }

  

    .sticky-nav li a.active:after {
        background-color: #06377b;
    }

    .sticky-nav+section[class*='-block'] .heading2 {
        padding-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .sticky-nav.col-2 li {
        width: 50%;
    }

    .sticky-nav.col-3 li {
        width: 40%;
    }

    .sticky-nav.col-4 li {
        width: 25%;
    }

    .sticky-nav.col-5 li {
        width: 20%;
    }

    .sticky-nav.col-6 li {
        width: 16.6667%;
    }

     .sticky-nav li a {
        display: block;
        padding: 20px 8px !important;
        font-size: 18px;
        color: var(--primary) !important;
        min-height: 25px;
    }
   
    .nav-tabs .nav-link{
        border:none;
    }

    .sticky-nav li a:after {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        right: 0;
        height: 4px;
        -webkit-transition: background-color 0.7s 0.2s;
        -o-transition: background-color 0.7s 0.2s;
        transition: background-color 0.7s 0.2s;
        background-color: transparent;
    }

    .sticky-nav li a.active:after {
        background-color: var(--primary-dark);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sticky-nav li a {
        display: block;
        padding: 20px 8px !important;
        font-size: 18px;
        color: #333;
        min-height: 25px;
        background: none !important;
    }

    .sticky-nav li a:after {
        content: "";
        position: absolute;
        left: 0;
        top: -1px;
        right: 0;
        height: 4px;
        -webkit-transition: background-color 0.7s 0.2s;
        -o-transition: background-color 0.7s 0.2s;
        transition: background-color 0.7s 0.2s;
        background-color: transparent;
    }

    .sticky-nav li a.active {
        color: #06377b !important;
        background-color: transparent !important;
    }

    .sticky-nav li a.active:after {
        background-color: #06377b;
    }

}


.tab-pane {
    padding: 20px 50px 0;
    position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tab-content.funds-group .tab-pane {
        padding: 20px 10px 0;
    }
}

.funds-selects {
    display: none;
}

.funds-selects .dropdown-filter-group .btn-dropdown {
    background: transparent;
    border: 1px solid #e5e5e5;
    max-width: 100%;
}



.funds-selects .dropdown-filter-group .btn-dropdown,
.funds-selects .dropdown-filter-group .dropdown-menu {
    max-width: 100%;
}

.funds-selects strong {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .funds-selects {
        display: block;
    }
}

.group-heading--select .funds-selects {
    display: block;
    float: left;
    margin: 20px 0 30px 35px;
}

.group-heading--select .funds-selects strong {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.group-heading--select .funds-selects .dropdown-filter-group {
    display: inline-block;
    background: #f7f7f7;
    vertical-align: middle;
}

.group-heading--select .funds-selects .dropdown-filter-group .btn-dropdown {
    padding: 5px 10px;
}

.group-heading--select .funds-selects .dropdown-filter-group .btn-dropdown span {
    padding-right: 1rem;
    font-weight: 700;
    white-space: nowrap;
}

.group-heading--select .funds-selects .dropdown-menu ul li {
    white-space: nowrap;
    padding: 5px 10px;
    font-weight: 700;
    background-color: #f7f7f7;
    font-size: 14px;
}

.group-heading--select .funds-selects .dropdown-menu ul li:hover {
    background-color: #f1efec;
}

.group-heading.group-heading--select .right-heading {
    margin: 20px 35px 0 35px;
}

@media screen and (max-width: 767px) {
    .group-heading--select .funds-selects {
        float: none;
        margin: 15px 10px;
    }

    .group-heading--select .funds-selects .dropdown-filter-group {
        display: block;
        margin: 10px 0 0;
    }

    .funds-selects .dropdown-filter-group .dropdown {
        width: 100%;
    }

    .funds-selects .dropdown-filter-group .btn-dropdown {
        position: relative;
        width: 100%;
        padding: 12px 52px 12px 12px;
        background: #fff;
        text-align: left;
    }

    .funds-selects .dropdown-filter-group .btn-dropdown span:first-of-type {
        width: 100%;
    }

    .funds-selects .dropdown-filter-group .btn-dropdown:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 18px;
        width: 10px;
        height: 10px;
        margin-top: -6px;
        border-right: 1px solid #222;
        border-bottom: 1px solid #222;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center;
        transition: transform .2s;
        pointer-events: none;
    }
    .funds-selects .dropdown-filter-group .dropdown.show .btn-dropdown::after {
        position: relative;
        top: 5px;
        transform: rotate(-135deg);
    }
}
.panel-group .panel {
    border: none;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-group .panel .panel-title {
    font-size: 16px;
    font-weight: normal;
}

.panel-group .panel .panel-body {
    padding: 16px;
    font-size: 14px;
    border: none !important;
}


.panel-default>.panel-heading {
    position: relative;
    padding: 24px 16px;
    margin-bottom: 10px;
    border-radius: 0;
    background-clip: padding-box;
    background-color: #e5e5e5;
}



.panel-default>.panel-heading a {
    display: block;
    position: relative;
    color: #333;
}


.panel-default>.panel-heading a:before,
.panel-default>.panel-heading a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 17px;
    height: 2px;
    background-color: #999;
    color: #999;
}

.panel-default>.panel-heading a:before {
    display: none;
    right: 12px;
    height: 16px;
    width: 2px;
    margin-top: -7px;
}

.panel-default>.panel-heading a.collapsed {
    border-bottom: none;
}

.panel-default>.panel-heading a.collapsed:before {
    display: block;
}

.panel-default>.panel-heading:last-child {
    margin-bottom: 0;
}



/*funds*/
.group-heading {
    position: relative;
    width: 100%;
}

.group-heading .heading1 {
    float: left;
    margin: 30px 35px;
}

.group-heading .right-heading {
    float: right;
    margin: 30px 0 0 0;
}

.group-heading .right-heading .tooltip.bottom {
    padding-top: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.group-heading .right-heading .tooltip.bottom .tooltip-arrow {
    border-width: 0 10px 8px;
    border-bottom-color: #b3b5b9;
    margin-left: 0;
    top: 0 !important;
}

.group-heading .right-heading .tooltip.bottom .tooltip-inner {
    max-width: 135px;
    padding: 15px 10px;
    text-align: left;
    font-size: 14px;
    background: url("/web-resources/uobam/images/funds/tooltip-bg.png") 0 0;
}

.group-heading .right-heading .share-group {
    display: none;
}

.group-heading .filter-btn {
    display: none;
}

.group-heading img {
    display: inline-block;
    margin-right: 10px;
}

.group-heading a {
    color: #06377b;
    font-size: 14px;
}

.group-heading.article-heading {
    margin-top: -54px;
    padding-bottom: 40px;
}

.group-heading.article-heading .right-heading {
    margin: 0 35px;
}

.group-heading .dropdown-menu li a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .group-heading .right-heading {
        font-size: 14px;
    }
}

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

    .group-heading .share-btn,
    .group-heading .filter-btn {
        display: inline-block;
        width: 17px;
        margin-right: 10px;
    }

    .group-heading .share-btn+a img,
    .group-heading .filter-btn+a img {
        width: 13px;
    }

    .group-heading .right-heading {
        display: block;
        float: right;
        clear: both;
        margin: 0 0 0 !important;
    }

    .group-heading .right-heading .text {
        display: none;
    }

    .group-heading .right-heading .share-group {
        display: inline-block;
    }

    .group-heading .heading1 {
        margin: 15px 10px;
    }

    .group-heading.article-heading {
        top: 0;
        margin-top: 0;
        padding-bottom: 0;
    }

    .group-heading.article-heading .right-heading {
        margin: 20px 10px;
    }
}

/*! Tablesaw - v3.0.3 - 2017-07-13
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2017 Filament Group; Licensed MIT */
.tablesaw {
    width: 100%;
    max-width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    border: 0;
    padding: 0;
}

.tablesaw * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tablesaw-btn {
    border: 1px solid #ccc;
    border-radius: .25em;
    background: none;
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    color: #4a4a4a;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: .5em .85em .4em .85em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a.tablesaw-btn {
    color: #1c95d4;
}

.tablesaw-btn:hover {
    text-decoration: none;
}

.tablesaw-btn:active {
    background-color: #ddd;
}

/* Default radio/checkbox styling horizonal controlgroups. */
@supports (box-shadow: none) {
    .tablesaw-btn:focus {
        background-color: var(--white);
        outline: none;
        -webkit-box-shadow: 0 0 .35em #4faeef !important;
        box-shadow: 0 0 .35em #4faeef !important;
    }
}

.tablesaw-btn-select select {
    background: none;
    border: none;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    min-height: 1em;
    opacity: 0;
    color: transparent;
}

.tablesaw-btn {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    top: 0;
}

.tablesaw-btn select option {
    background: #fff;
    color: #000;
}

.tablesaw-btn.btn-small {
    font-size: 1.0625em;
    line-height: 19px;
    padding: .3em 1em .3em 1em;
}

.tablesaw-btn.btn-micro {
    font-size: .8125em;
    padding: .4em .7em .25em .7em;
}

.tablesaw-btn-select {
    padding-right: 1.5em;
    display: inline-block;
    color: #4d4d4d;
    padding-right: 2.5em;
    min-width: 7.25em;
    text-align: left;
}

.tablesaw-btn-select:after {
    content: " ";
    position: absolute;
    background: none;
    background-repeat: no-repeat;
    background-position: .25em .45em;
    content: "\25bc";
    font-size: .55em;
    padding-top: 1.2em;
    padding-left: 1em;
    left: auto;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    width: 1.8em;
}

.tablesaw-btn-select.btn-small:after,
.tablesaw-btn-select.btn-micro:after {
    width: 1.2em;
    font-size: .5em;
    padding-top: 1em;
    padding-right: .5em;
    line-height: 1.65;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-left-width: 0;
}

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .tablesaw-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 0 #fff;
    border-radius: .25em;
}

.tablesaw-advance .tablesaw-btn.btn-micro {
    font-size: .8125em;
    padding: .3em .7em .25em .7em;
}

.tablesaw-advance a.tablesaw-nav-btn {
    display: inline-block;
    overflow: hidden;
    width: 1.8em;
    height: 1.8em;
    background-position: 50% 50%;
    margin-left: .25em;
    margin-right: .25em;
    position: relative;
}

.tablesaw-advance a.tablesaw-nav-btn:first-child {
    margin-left: 0;
}

.tablesaw-advance a.tablesaw-nav-btn:last-child {
    margin-right: 0;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-advance a.tablesaw-nav-btn.up:before {
    content: "\0020";
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
}

.tablesaw-advance a.tablesaw-nav-btn.down:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.up:before {
    left: .5em;
    top: .65em;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-advance a.tablesaw-nav-btn.right:before {
    top: .45em;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.tablesaw-advance a.tablesaw-nav-btn.left:before {
    left: .6em;
    border-right: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.right:before {
    left: .7em;
    border-left: 5px solid #808080;
}

.tablesaw-advance a.tablesaw-nav-btn.disabled {
    opacity: .25;
    cursor: default;
    pointer-events: none;
}

/* Table Toolbar */
.tablesaw-bar {
    clear: both;
}

.tablesaw-bar * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tablesaw-bar-section {
    float: left;
}

.tablesaw-bar-section label {
    font-size: .875em;
    padding: .5em 0;
    clear: both;
    display: block;
    color: #888;
    margin-right: .5em;
    text-transform: uppercase;
}

.tablesaw-btn,
.tablesaw-enhanced .tablesaw-btn {
    margin-top: .5em;
    margin-bottom: .5em;
}

.tablesaw-btn-select,
.tablesaw-enhanced .tablesaw-btn-select {
    margin-bottom: 0;
}

/* TODO */
.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
    margin-left: .4em;
    margin-top: 0;
    text-transform: uppercase;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    font-size: 1em;
    padding-left: .3em;
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
    min-width: 0;
}

.tablesaw-bar .tablesaw-bar-section .btn-select:after {
    padding-top: .9em;
}

.tablesaw-bar .tablesaw-bar-section select {
    color: #888;
    text-transform: none;
    background: transparent;
}

.tablesaw-bar-section~table {
    clear: both;
}

.tablesaw-bar-section .abbreviated {
    display: inline;
}

.tablesaw-bar-section .longform {
    display: none;
}

@media (min-width: 24em) {
    .tablesaw-bar-section .abbreviated {
        display: none;
    }

    .tablesaw-bar-section .longform {
        display: inline;
    }
}

.tablesaw th,
.tablesaw td {
    padding: .5em .7em;
    text-align: left;
    vertical-align: middle;
}

.tablesaw-sortable-btn {
    /* same as cell padding above */
    padding: .5em .7em;
}

.tablesaw thead th {
    text-align: left;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-row-border tr {
    border-bottom: 1px solid #dfdfdf;
}

/* Zebra striping */
.tablesaw-row-zebra tr:nth-child(2n) {
    background-color: #f8f8f8;
}

.tablesaw caption {
    text-align: left;
    margin: .59375em 0;
}

.tablesaw-swipe .tablesaw-swipe-cellpersist {
    border-right: 2px solid #e4e1de;
}

.tablesaw-swipe-shadow .tablesaw-swipe-cellpersist {
    border-right-width: 1px;
    -webkit-box-shadow: 3px 0 4px -1px #e4e1de;
    box-shadow: 3px 0 4px -1px #e4e1de;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Support note IE9+: @media only all */
@media only all {

    /* Show the table cells as a block level element */
    .tablesaw-stack {
        clear: both;
    }

    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row;
    }

    .tablesaw-stack td .tablesaw-cell-label {
        display: inline-block;
        padding: 0 .6em 0 0;
        width: 30%;
    }

    .tablesaw-stack th .tablesaw-cell-label {
        display: inline-block;
        padding: 0 .6em 0 0;
        width: 30%;
    }

    .tablesaw-stack th .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }

    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }

    /* Make the label elements a percentage width */
    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
    .tablesaw-cell-label {
        display: block;
    }

    /* Avoid double strokes when stacked */
    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }

    /* Avoid double strokes when stacked */
}

@media (max-width: 39.9375em) {

    /* Table rows have a gray bottom stroke by default */
    .tablesaw-stack tbody tr {
        display: block;
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }

    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        display: block;
        float: left;
        clear: left;
        width: 100%;
    }

    .tablesaw-cell-label {
        vertical-align: top;
    }

    .tablesaw-cell-content {
        display: inline-block;
        max-width: 67%;
    }

    .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
    .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row;
    }

    .tablesaw-stack td,
    .tablesaw-stack th {
        display: table-cell;
        margin: 0;
    }

    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none !important;
    }

    /* Show the table header rows */
    /* Hide the labels in each cell */
}

.tablesaw-fix-persist {
    table-layout: fixed;
}

@media only all {

    /* Unchecked manually: Always hide */
    .tablesaw-swipe th.tablesaw-swipe-cellhidden,
    .tablesaw-swipe td.tablesaw-swipe-cellhidden {
        display: none;
    }
}

.tablesaw-overflow {
    position: relative;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* More in skin.css */
}

.tablesaw-overflow>.tablesaw {
    margin-top: 2px;
    /* sortable focus rings are clipped */
}

/* Used for a11y text on button: "Columns" */
.tablesaw-columntoggle-btn span {
    text-indent: -9999px;
    display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
    position: relative;
    /* for dialog positioning */
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    padding: .5em;
}

.tablesaw-columntoggle tbody td {
    line-height: 1.5;
}

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
    display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
    display: block;
    position: absolute;
    top: 2em;
    right: 0;
    background-color: var(--white);
    padding: .5em .8em;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    border-radius: .2em;
    z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
    margin: 0;
}

/* Hide all prioritized columns by default */
@media only all {

    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6,
    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5,
    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4,
    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3,
    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2,
    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1,
    .tablesaw-columntoggle th.tablesaw-priority-0,
    .tablesaw-columntoggle td.tablesaw-priority-0 {
        display: none;
    }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
    top: 0 !important;
    right: 1em;
    left: auto !important;
    width: 12em;
    max-width: 18em;
    margin: -0.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
    outline-style: none;
}

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) {

    .tablesaw-columntoggle th.tablesaw-priority-1,
    .tablesaw-columntoggle td.tablesaw-priority-1 {
        display: table-cell;
    }
}

/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) {

    .tablesaw-columntoggle th.tablesaw-priority-2,
    .tablesaw-columntoggle td.tablesaw-priority-2 {
        display: table-cell;
    }
}

/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) {

    .tablesaw-columntoggle th.tablesaw-priority-3,
    .tablesaw-columntoggle td.tablesaw-priority-3 {
        display: table-cell;
    }

    .tablesaw-columntoggle tbody td {
        line-height: 2;
    }
}

/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) {

    .tablesaw-columntoggle th.tablesaw-priority-4,
    .tablesaw-columntoggle td.tablesaw-priority-4 {
        display: table-cell;
    }
}

/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) {

    .tablesaw-columntoggle th.tablesaw-priority-5,
    .tablesaw-columntoggle td.tablesaw-priority-5 {
        display: table-cell;
    }
}

/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) {

    .tablesaw-columntoggle th.tablesaw-priority-6,
    .tablesaw-columntoggle td.tablesaw-priority-6 {
        display: table-cell;
    }
}

@media only all {

    /* Unchecked manually: Always hide */
    .tablesaw-columntoggle th.tablesaw-toggle-cellhidden,
    .tablesaw-columntoggle td.tablesaw-toggle-cellhidden {
        display: none;
    }

    .tablesaw-columntoggle th.tablesaw-toggle-cellvisible,
    .tablesaw-columntoggle td.tablesaw-toggle-cellvisible {
        display: table-cell;
    }

    /* Checked manually: Always show */
}

.tablesaw-columntoggle-popup .btn-group>label {
    display: block;
    padding: .2em 0;
    white-space: nowrap;
    cursor: default;
}

.tablesaw-columntoggle-popup .btn-group>label input {
    margin-right: .8em;
}

.tablesaw-sortable-head {
    position: relative;
    vertical-align: top;
}

/* Override */
.tablesaw .tablesaw-sortable-head {
    padding: 0;
}

.tablesaw-sortable-btn {
    min-width: 100%;
    color: inherit;
    background: transparent;
    border: 0;
    text-align: inherit;
    font: inherit;
    text-transform: inherit;
}

.tablesaw-sortable-arrow:after {
    display: inline-block;
    width: 10px;
    height: 14px;
    content: " ";
    margin-left: .3125em;
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
    content: "\0020";
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
    content: "\2191";
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
    content: "\2193";
}

.tablesaw-advance {
    float: right;
}

.tablesaw-advance.minimap {
    margin-right: .4em;
}

.tablesaw-advance-dots {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tablesaw-advance-dots li {
    display: table-cell;
    margin: 0;
    padding: .4em .2em;
}

.tablesaw-advance-dots li i {
    width: .25em;
    height: .25em;
    background: #555;
    border-radius: 100%;
    display: inline-block;
}

.tablesaw-advance-dots-hide {
    opacity: .25;
    cursor: default;
    pointer-events: none;
}

.tab-pane {
    padding: 20px 0 0;
    position: relative;
}

.search-no-result {
    position: relative;
    background: #e9e9e9;
    width: 100%;
    min-height: 350px;
    font-size: 30px;
    margin-top: 40px;
    padding: 15px;
    text-align: center;
}

.search-no-result:before {
    content: '';
    position: absolute;
    top: 40px;
    width: 100%;
    height: 1px;
    left: 0;
    right: 0;
    background: #e9e9e9;
}

.search-no-result span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tab-content.funds-group .tab-pane {
        padding: 20px 10px 0;
    }
}

@media screen and (max-width: 767px) {
    .search-no-result {
        min-height: 150px;
        font-size: 15px;
    }

    .search-no-result:before {
        top: 100px;
    }
}

.sort-table {
    position: relative;
}

.sort-table table {
    width: 100%;
}

.sort-table table th,
.sort-table table td {
    padding: 15px;
    outline: none;
}

.sort-table table th {
    cursor: pointer;
}

.sort-table table th.tablesorter-headerAsc .sort-icon {
    background: url("/assets/web-resources/uobam/funds/icons/icons/sort-icon.png") 0 0;
}

.sort-table table th.tablesorter-headerDesc .sort-icon {
    background: url("/assets/web-resources/uobam/funds/icons/icons/sort-icon.png") no-repeat 0 -23px;
}

.sort-table table th.tablesorter-headerUnSorted .sort-icon {
    background: url("/assets/web-resources/uobam/funds/icons/icons/sort-icon.png") 0 -46px;
}

.sort-table table th.disable-sort {
    cursor: default;
}

.sort-table table th.disable-sort .sort-icon {
    opacity: 0;
}

.sort-table table th .no-wrap {
    white-space: nowrap;
}

.sort-table table thead {
    background-color: #f1efec;
}

.sort-table table thead span:first-child {
    display: block;
    margin-bottom: 20px;
}

.sort-table table thead span:first-child .break {
    display: block;
}

.sort-table table thead span:first-child .percent {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 5px;
}

.sort-table table thead span.sort-group-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.sort-table table thead span.sort-group-item+.sort-icon {
    display: inline-block;
    vertical-align: middle;
}

.sort-table table tbody td {
    padding-top: 30px;
    padding-bottom: 30px;
}

.sort-table table tbody td:first-child .sort-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 70%;
}

.sort-table table tbody td[data-title="Currency"] {
    text-transform: uppercase;
}

.sort-table table tbody td.swap {
    vertical-align: middle;
    text-align: center;
}

.sort-table table tbody td .sort-text {
    display: inline-block;
    min-width: 30px;
}

.sort-table table tbody td .sort-text.down {
    position: relative;
    left: -4px;
}

.sort-table table tbody td .sort-text.down:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 15px;
    background-color: var(--white);
}

.sort-table table tbody td .sort-text a {
    color: #333;
}

.sort-table table tbody td .sort-text a:hover {
    color: #0044a0;
}

.sort-table table tbody td .sort-text.ex-date {
    color: var(--white);
    visibility: hidden;
}

.sort-table table tbody td .sort-text.ex-date:before {
    content: " – ";
    color: #333;
    visibility: visible;
}

.sort-table table tr {
    border-bottom: 1px solid #e9e9e9;
}

.sort-table table tr.active span {
    font-weight: 700;
}

.funds-watchlist .sort-table table tr.active span {
    font-weight: 500;
}

.funds-watchlist .sort-table table tr.active span.date-price {
    display: block;
    margin-left: 0;
}

.sort-table table tr.active .funds-watch-btn {
    background: url("/assets/web-resources/uobam/funds/icons/remove-icon.png") 0 0;
    background-size: contain;
}

.sort-table table.type-2 thead tr {
    border-bottom: none;
}

.sort-table table.type-2 thead th {
    vertical-align: bottom;
}

.sort-table table.type-2 thead th[colspan="3"] {
    padding-bottom: 0;
    vertical-align: top;
}

.sort-table table.type-2 thead th[colspan="3"] span {
    margin-bottom: 0;
    height: auto !important;
}

.sort-table table.type-2 thead th[colspan="3"]+th[rowspan="2"] {
    padding-left: 45px;
}

.sort-table table.type-2 thead span:first-child {
    margin-bottom: 5px;
}

.sort-table table.type-2 tbody tr:first-child {
    border-top: 1px solid #e9e9e9;
}

.sort-table table.type-2 tbody tr td:nth-last-of-type(1) {
    padding-left: 45px;
}

.sort-table table.table-download .collapse-tab-download {
    display: none;
}

.sort-table table.table-download thead span:first-child {
    margin-bottom: 0;
}

.sort-table table.table-download thead .tablesorter-header .tablesorter-header-inner {
    text-align: center;
}

.sort-table table.table-download thead .tablesorter-header:first-child .tablesorter-header-inner {
    text-align: left;
}

.sort-table table.table-download tr td a {
    color: #333;
}

.sort-table table.table-download tr td a:hover {
    color: #0044a0;
}

.sort-table table.table-fundfacts thead tr {
    border-bottom: none;
}

.sort-table table.table-fundfacts thead tr th {
    vertical-align: top;
    padding-bottom: 0;
}

.sort-table table.table-fundfacts thead tr th[colspan="2"] {
    padding-bottom: 0;
    vertical-align: top;
}

.sort-table table.table-fundfacts thead tr th[colspan="2"] span {
    margin-bottom: 0;
    height: auto !important;
}

.sort-table table.table-fundfacts thead tr th.normal-text {
    font-weight: 500;
}

.sort-table table.table-fundfacts thead tr th .sort-icon {
    margin-top: 20px;
}

.sort-table table.table-fundfacts thead tr+tr th {
    padding: 10px 15px;
}

.sort-table table.table-fundfacts thead span:first-child {
    margin-bottom: 15px;
}

.sort-table .sort-icon {
    width: 13px;
    height: 19px;
    background: url("/assets/web-resources/uobam/funds/icons/sort-icon.png") 0 -46px;
    display: block;
}

.sort-table .tooltip.bottom {
    padding-top: 8px;
    left: 0 !important;
}

.sort-table .tooltip.bottom .tooltip-arrow {
    border-width: 0 10px 8px;
    border-bottom-color: #b3b5b9;
    left: 24px !important;
}

.sort-table .tooltip.bottom .tooltip-inner {
    max-width: 110px;
    width: auto;
    min-width: 110px;
    padding: 15px 10px;
    text-align: left;
    font-size: 14px;
    background: url("/web-resources/uobam/images/funds/tooltip-bg.png") 0 0;
}

.sort-table .added+.tooltip.bottom .tooltip-inner {
    max-width: 130px;
    min-width: 130px;
}

.star-rate {
    width: 19px;
    height: 18px;
    background: url("/assets/web-resources/uobam/funds/icons/star.png") 0 0;
    background-size: cover;
    display: inline-block;
}

.star-rate.opacity {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.funds-watch-btn {
    background: url("/assets/web-resources/uobam/funds/icons/add-icon.png") 0 0;
    background-size: contain;
    width: 27px;
    height: 27px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.funds-watch-btn+span {
    display: inline-block;
    vertical-align: middle;
}

.funds-watch-rate {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.funds-watch-rate+span {
    display: inline-block;
    vertical-align: middle;
}

.funds-watch-rate.up {
    border-bottom: 8px dashed #46c035;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.funds-watch-rate.down {
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 8px dashed #e00000;
}

.sort-text+span {
    margin-left: 10px;
}

.sort-text.sort-no-wrap {
    white-space: nowrap;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .sort-table table th.tablesorter-headerAsc .sort-icon {
        background: url("/assets/web-resources/uobam/funds/sort-icon.png") no-repeat -11px 0;
        background-size: 25px 65px;
    }

    .sort-table table th.tablesorter-headerDesc .sort-icon {
        background: url("/assets/web-resources/uobam/funds/icons/sort-icon.png") no-repeat -11px -21px;
        background-size: 25px 65px;
    }

    .sort-table table th.tablesorter-headerUnSorted .sort-icon {
        background: url("/assets/web-resources/uobam/funds/icons/sort-icon.png") no-repeat -11px -43px;
        background-size: 25px 65px;
    }

    .sort-table table td {
        font-size: 12px;
        padding: 30px 10px;
    }

    .sort-table table.type-2 thead th[colspan="3"]+th[rowspan="2"] {
        padding-left: 25px;
    }

    .sort-table table.type-2 thead .text-left,
    .sort-table table.type-2 thead .text-center,
    .sort-table table.type-2 thead .text-right {
        padding: 15px 8px;
        text-align: center;
    }

    .sort-table table.type-2 tbody tr td:nth-last-of-type(1) {
        padding-left: 25px;
    }
}

@media screen and (max-width: 767px) {
    .sort-table table thead {
        display: none;
    }

    .sort-table table tbody td.break:before {
        width: auto;
    }

    .sort-table table thead th:first-child,
    .sort-table table tbody th:first-child,
    .sort-table table thead td:first-child,
    .sort-table table tbody td:first-child {
        display: block;
        width: 100%;
        padding: 20px 0 0 12px;
    }

    .sort-table table tbody td:last-child {
        margin-left: 39px !important;
    }

    .sort-table table thead td,
    .sort-table table tbody td {
        position: relative;
        display: inline-block;
        width: calc(33.3333% - 13px);
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 13px;
        vertical-align: top;
    }

    .sort-table table thead td:first-child+[data-title-inline],
    .sort-table table tbody td:first-child+[data-title-inline] {
        padding-top: 10px;
    }

    .sort-table table thead td:first-child .sort-text,
    .sort-table table tbody td:first-child .sort-text {
        max-width: calc(100% - 70px);
    }

    .sort-table table thead td:nth-of-type(3),
    .sort-table table tbody td:nth-of-type(3) {
        margin-left: 39px;
    }

    .sort-table table thead td:nth-of-type(n+2),
    .sort-table table tbody td:nth-of-type(n+2) {
        padding: 6px 0 20px;
    }

    .sort-table table thead td:before,
    .sort-table table tbody td:before {
        content: attr(data-title);
        position: relative;
        display: block;
        color: #988072;
        font-size: 13px;
        font-weight: normal;
        text-transform: none;
    }

    .sort-table table thead td[data-title-inline],
    .sort-table table tbody td[data-title-inline] {
        display: block;
        width: calc(100% - 39px);
        margin-left: 39px;
        text-align: left !important;
    }

    .sort-table table thead td[data-title-inline] .sort-text,
    .sort-table table tbody td[data-title-inline] .sort-text {
        display: inline-block;
        vertical-align: top;
    }

    .sort-table table thead td[data-title-inline]:before,
    .sort-table table tbody td[data-title-inline]:before {
        content: attr(data-title-inline);
        display: inline-block;
        width: 70%;
        vertical-align: top;
        text-transform: none;
    }

    .sort-table table thead td[data-title-inline]:last-child,
    .sort-table table tbody td[data-title-inline]:last-child {
        width: calc(100% - 39px);
    }

    .sort-table table thead td.swap .ico,
    .sort-table table tbody td.swap .ico {
        float: left;
        background-size: 27px;
    }

    .sort-table table thead td.swap:before,
    .sort-table table tbody td.swap:before {
        padding: 5px 20px;
        color: #333;
    }

    .sort-table table.type-2 thead th:first-child,
    .sort-table table.type-2 tbody th:first-child,
    .sort-table table.type-2 thead td:first-child,
    .sort-table table.type-2 tbody td:first-child {
        display: block;
        width: 100%;
        padding: 20px 0 0 12px;
    }

    .sort-table table.type-2 thead tr td:nth-last-of-type(1),
    .sort-table table.type-2 tbody tr td:nth-last-of-type(1) {
        padding-left: 0;
        padding-bottom: 20px;
    }

    .sort-table table.type-2 thead td,
    .sort-table table.type-2 tbody td {
        display: block;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
        text-align: left;
    }

    .sort-table table.type-2 thead td .td-content,
    .sort-table table.type-2 tbody td .td-content {
        float: right;
        width: calc(100% - 135px);
    }

    .sort-table table.type-2 thead td:nth-of-type(n+2),
    .sort-table table.type-2 tbody td:nth-of-type(n+2) {
        margin-left: 39px;
        width: calc(100% - 39px);
    }

    .sort-table table.type-2 thead td:before,
    .sort-table table.type-2 tbody td:before {
        display: inline-block;
    }

    .sort-table table.type-2 thead td[data-title-group],
    .sort-table table.type-2 tbody td[data-title-group] {
        display: inline-block;
        width: 15%;
        margin-left: 165px;
    }

    .sort-table table.type-2 thead td[data-title-group] .sort-text,
    .sort-table table.type-2 tbody td[data-title-group] .sort-text {
        display: block;
        text-align: center;
    }

    .sort-table table.type-2 thead td[data-title-group]~td.sort-group,
    .sort-table table.type-2 tbody td[data-title-group]~td.sort-group {
        display: inline-block;
        width: 15%;
        margin-left: 0;
    }

    .sort-table table.type-2 thead td[data-title-group]~td.sort-group .sort-text,
    .sort-table table.type-2 tbody td[data-title-group]~td.sort-group .sort-text {
        display: block;
        text-align: center;
    }

    .sort-table table.type-2 thead td[data-title-group]~td.sort-group:before,
    .sort-table table.type-2 tbody td[data-title-group]~td.sort-group:before {
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .sort-table table.type-2 thead td[data-title-group]~td.sort-group:after,
    .sort-table table.type-2 tbody td[data-title-group]~td.sort-group:after {
        content: none;
    }

    .sort-table table.type-2 thead td[data-title-group]:before,
    .sort-table table.type-2 tbody td[data-title-group]:before {
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .sort-table table.type-2 thead td[data-title-group]:after,
    .sort-table table.type-2 tbody td[data-title-group]:after {
        content: attr(data-title-group);
        position: absolute;
        display: inline-block;
        color: #988072;
        font-size: 13px;
        font-weight: normal;
        left: -126px;
        top: 10px;
        width: auto;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group],
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group] {
        display: inline-block;
        width: 15%;
        margin-left: 165px;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group] .sort-text,
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group] .sort-text {
        display: block;
        text-align: center;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group]~td.sort-group,
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group]~td.sort-group {
        display: inline-block;
        width: 15%;
        margin-left: 0;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group]~td.sort-group .sort-text,
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group]~td.sort-group .sort-text {
        display: block;
        text-align: center;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group]~td.sort-group:before,
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group]~td.sort-group:before {
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group]~td.sort-group:after,
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group]~td.sort-group:after {
        content: none;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group]:before,
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group]:before {
        display: block;
        text-align: center;
        margin-right: 0;
    }

    .sort-table table.type-2 thead td[data-title-group]~td[data-title-group]:after,
    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group]:after {
        content: attr(data-title-group);
        position: absolute;
        display: inline-block;
        color: #988072;
        font-size: 13px;
        font-weight: normal;
        left: -126px;
        top: 10px;
        width: auto;
    }

    .sort-table table.table-download {
        margin-top: 25px;
        border-top: 1px solid #e9e9e9;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download {
        position: relative;
        display: block;
        border-bottom: none;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download:before,
    .sort-table table.table-download tbody tr.collapse-tab-download:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 5px;
        width: 17px;
        height: 2px;
        background-color: #00205b;
        color: #00205b;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download:before {
        display: block;
        right: 12px;
        height: 16px;
        width: 2px;
        margin-top: -7px;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download+tr {
        display: block;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download+tr>td {
        padding: 0;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download+tr .collapse-table tr {
        border-bottom: none;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download.open:before {
        display: none;
    }

    .sort-table table.table-download tbody tr.collapse-tab-download.active:before,
    .sort-table table.table-download tbody tr.collapse-tab-download.active:after {
        background-color: #00205b;
        color: #00205b;
    }

    .sort-table table.table-download tbody tr:not(.open-default)+tr .collapse-table {
        display: none;
    }

    .sort-table table.table-download tbody tr td:first-child {
        padding: 20px 0;
    }

    .sort-table table.table-download tbody tr td:first-child+[data-title-inline] {
        padding-top: 0;
    }

    .sort-table table.table-fundfacts tbody tr td {
        padding-top: 10px;
    }

    .sort-table table.table-fundfacts tbody tr td:nth-child(n+2) {
        display: inline-block;
        width: calc(50% - 39px);
        vertical-align: top;
    }

    .sort-table table.table-fundfacts tbody tr td[data-title-group]:after {
        content: attr(data-title-group);
        position: absolute;
        color: #333;
        font-size: 13px;
        font-weight: normal;
        left: 0;
        top: -10px;
        width: 100%;
    }

    .sort-table table.table-fundfacts tbody tr td.group-td {
        margin-top: 20px;
        padding-bottom: 5px;
    }

    .sort-table table.table-fundfacts tbody tr td[data-title-inline]:nth-child(odd) {
        margin-left: 30px;
    }

    .sort-table table.table-fundfacts tbody tr td[data-title-inline]:nth-child(odd):before {
        width: auto;
    }

    .sort-table table.table-fundfacts tbody tr td[data-title-inline] .sort-text {
        display: block;
    }

    .sort-table table.table-fundfacts tbody tr.active[data-title-group]:after {
        font-weight: 600;
    }

    .sort-table table.no-heading tbody tr td:first-child {
        float: left;
        width: auto;
    }

    .sort-table table.no-heading tbody tr td:first-child+td {
        padding-top: 25px;
    }

    .sort-table .date-price {
        display: block;
        margin-left: 0;
    }

    .sort-table .hidden-xs {
        display: none !important;
    }

    .star-rate {
        width: 15px;
        height: 14px;
        margin-left: 5px;
        margin-top: 2px;
    }

    .sort-text-align {
        width: 20%;
        text-align: center;
    }

    .td-content .no-star-rate {
        display: block;
        width: 19%;
        text-align: center;
    }
}

@media screen and (max-width: 375px) {
    .sort-table .sort-text-align {
        width: 19%;
    }
}

@media screen and (max-width: 350px) {
    .sort-table table tbody td {
        width: calc(33.3333% - 20px);
    }

    .sort-table table tbody td:last-child {
        width: calc(33.3333% - 5px);
    }

    .sort-table table.table-download tbody td {
        width: 100%;
    }

    .sort-table table.table-download tbody td:last-child {
        width: 100%;
    }
}

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

    .sort-table table.type-2 thead td .td-content,
    .sort-table table.type-2 tbody td .td-content {
        width: calc(100% - 133px);
    }

    .td-content .no-star-rate {
        width: 22%;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .sort-table table.type-2 tbody td[data-title-group] {
        margin-left: 173px;
    }

    .sort-table table.type-2 tbody td[data-title-group]:after {
        left: -135px;
    }

    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group] {
        margin-left: 173px;
    }

    .sort-table table.type-2 tbody td[data-title-group]~td[data-title-group]:after {
        left: -135px;
    }

    .star-rate:first-child {
        margin-left: 0;
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .sort-table .tooltip.bottom {
        padding-top: 7px;
    }
}

.search-funds-box {
    display: inline-block;
    vertical-align: middle;
    width: 480px;
    position: relative;
    text-align: right;
}

.search-funds-box input[type='text'] {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: var(--text-primary);
    width: 0;
    padding: 9px;
    height: auto;
    max-height: 40px;
    border-radius: 0;
    outline: none;
    background-color: #f3f3f3;
    border: none;
    margin-right: -4px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-image: none;
}

.search-funds-box input[type='text']::placeholder {
    color: var(--gray-600);
}

.search-funds-box input[type='button'] {
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    outline: none;
    width: 40px;
    height: 40px;
    background: url("/assets/web-resources/uobam/funds/icons/icons-search.svg") no-repeat;
    background-position: center;
    background-size: 70%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.search-funds-box.open input[type='button'] {
    background-color: #cccccc;
    
}

@media screen and (min-width: 768px) {
    .search-funds-box input[type='button'] {
        background-size: 90%;
    }
}

.watch-list-btn {
    cursor: pointer;
    position: relative;
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

.watch-list-btn:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
    top: 0;
    left: -20px;
}

.add-watch-list-icon {
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
    background: url("/assets/web-resources/uobam/funds/icons/add-icon-active.png");
    background-size: 27px 27px;
    vertical-align: middle;
}

@-webkit-keyframes slideOut {
    0% {
        width: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }

    1% {
        width: 0;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        width: 420px;
    }
}

@keyframes slideOut {
    0% {
        width: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }

    1% {
        width: 0;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        width: 420px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    @-webkit-keyframes slideOut {
        0% {
            width: 0;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

        1% {
            width: 0;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        100% {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            width: calc(100% - 60px);
        }
    }

    @keyframes slideOut {
        0% {
            width: 0;
            -webkit-opacity: 0;
            -moz-opacity: 0;
            opacity: 0;
        }

        1% {
            width: 0;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        100% {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            width: calc(100% - 60px);
        }
    }

    .search-funds-box {
        width: 300px;
    }
}

@media screen and (min-width: 767px) {
    .search-funds-box.open input[type='text'] {
        -webkit-animation: slideOut 600ms forwards ease;
        animation: slideOut 600ms forwards ease;
    }
}

@media screen and (max-width: 767px) {
    .search-funds-box {
        width: 100%;
        height: 40px;
        max-width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        overflow: hidden;
        text-align: left;
    }

    .watch-list-btn {
        margin-left: 20px;
    }

    .watch-list-btn:before {
        content: none;
    }

    .add-watch-list-icon {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }

    .search-funds-box {
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .search-funds-box.open input[type='text'] {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 11px 48px 11px 15px;
        box-sizing: border-box;
        opacity: 1;
    }

    .search-funds-box.open input[type='button'],
    .search-funds-box.open input[type='text'] {
        background-color: #cccccc;
    }

    .search-funds-box input[type='text'] {
        background: transparent;
        width: 0;
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 0;
        -ms-flex: 0 1 0;
        flex: 0 1 0;
        opacity: 1;
        font-size: 13px;
        padding: 11px 0px 11px 9px;
        overflow: hidden;
    }

    .search-funds-box input[type='button'] {
        width: 40px;
        height: 40px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 40px;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        background-size: 70%;
        background-position: center;
        position: relative;
    }
}

.btn-dropdown {
    background: #fff;
    border: none;
    font-size: 15px;
    text-align: left;
    outline: none;
    padding: 10px;
    width: 100%;
}

.dropdown-menu ul {
    margin: 0;
}

.dropdown-menu ul li {
    display: block;
    padding: 8px 14px;
    text-align: left;
    border-top: 1px solid #fff;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    background-color: #e3e3e3;
    cursor: pointer;
}

.dropdown-menu ul li:hover {
    background-color: #eaeaea;
}

.dropdown-menu ul li:last-child {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    background-clip: padding-box;
}



.funds-selects {
    display: none;
}

.funds-selects .dropdown-filter-group .btn-dropdown {
    background: transparent;
    border: 1px solid #e5e5e5;
    max-width: 100%;
}

.funds-selects .dropdown-filter-group .btn-dropdown span:first-of-type {
    width: calc(100% - -35px);
    display: inline-block;  
}

.funds-selects .dropdown-filter-group .btn-dropdown,
.funds-selects .dropdown-filter-group .dropdown-menu {
    max-width: 100%;
}

.funds-selects strong {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .funds-selects {
        display: block;
    }
}

.group-heading--select .heading1 {
    float: none;
    width: calc(100% - 70px);
}

.group-heading--select .funds-selects {
    display: block;
    float: left;
    margin: 20px 0 30px 35px;
}

.group-heading--select .funds-selects strong {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.group-heading--select .funds-selects .dropdown-filter-group {
    display: inline-block;
    background: #f7f7f7;
    vertical-align: middle;
}

.group-heading--select .funds-selects .dropdown-filter-group .btn-dropdown {
    padding: 5px 10px;
}

.group-heading--select .funds-selects .dropdown-filter-group .btn-dropdown span {
    padding-right: 1rem;
    font-weight: 700;
    white-space: nowrap;
}

.group-heading--select .funds-selects .dropdown-menu ul li {
    white-space: nowrap;
    padding: 5px 10px;
    font-weight: 700;
    background-color: #f7f7f7;
    font-size: 14px;
}

.group-heading--select .funds-selects .dropdown-menu ul li:hover {
    background-color: #f1efec;
}

.group-heading.group-heading--select .right-heading {
    margin: 20px 35px 0 35px;
}

@media screen and (max-width: 767px) {
    .group-heading--select .funds-selects {
        float: none;
        margin: 15px 10px;
    }

    .group-heading--select .funds-selects .dropdown-filter-group {
        display: block;
        margin: 10px 0 0;
    }

    .funds-selects .dropdown-filter-group .dropdown,
    .funds-selects .dropdown-filter-group .dropdown-menu,
    .funds-selects .dropdown-filter-group .dropdown-menu ul,
    .funds-selects .dropdown-filter-group .dropdown-menu ul li {
        width: 100%;
        font-size: 15px;
    }

    .funds-selects .dropdown-filter-group .dropdown-menu {
        min-width: 100%;
        left: 0;
        right: 0;
    }
}

.button-dropdown {
    display: inline-block;
    vertical-align: middle;
    outline: none;
}

.button-dropdown button {
    background: none;
    border: none;
    padding: 12px 14px;
}

.button-dropdown button:hover,
.button-dropdown button:focus {
    outline: none;
}



.button-dropdown .dropdown-menu {
    left: auto;
    right: 0;
}

.button-dropdown .dropdown-menu .ico {
    width: 23px;
    height: 23px;
    background-size: 23px 23px;
    vertical-align: middle;
    margin-right: 10px;
}

.button-dropdown .dropdown-menu .ico.ico-facts {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-facts-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-pros {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-pros-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-prod {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-prod-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-semi {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-semi-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-annual {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-annual-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-documents {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-documents-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-interim {
    background-image: url(/assets/web-resources/uobam/funds/icons/ir_icon-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-si {
    background-image: url(/assets/web-resources/uobam/funds/icons/icon-si-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-ri {
    background-image: url(/assets/web-resources/uobam/funds/icons/icon-ri-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-quarterly {
    background-image: url(/assets/web-resources/uobam/funds/icons/qr_icon-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-market {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-market-white.png);
}

.button-dropdown .dropdown-menu li a {
    padding: 13px 15px;
    font-size: 16px;
    color: var(--white);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.button-dropdown:hover .ico-download,
.button-dropdown.show .ico-download {
    background: url(/assets/web-resources/uobam/funds/icons/ico-download-activ.png) 0 0;
    background-size: contain;
}

@media screen and (max-width: 767px) {
    
.button-dropdown:hover .ico-download,
.button-dropdown.show .ico-download {
    margin-left:12px;
}

}
.button-dropdown:hover button,
.button-dropdown.open button {
    background: #858585;
}

.button-dropdown:hover button~.dropdown-menu,
.button-dropdown.open button~.dropdown-menu {
    background: #858585;
    margin-top: 0;
    border-radius: 0;
    border: none;
    padding: 0;
    top: 47px;
    width: auto;
    max-width: initial;
}

.button-dropdown:hover button~.dropdown-menu .divider,
.button-dropdown.open button~.dropdown-menu .divider {
    margin: 0;
}

.button-dropdown:hover span,
.button-dropdown.open span {
    color: var(--white);
}

.button-dropdown:hover .dropdown-menu,
.button-dropdown.open .dropdown-menu {
    display: block;
}

@media screen and (min-width: 768px) {
    .button-dropdown .dropdown-menu li a:hover {
        color: #333;
        -webkit-box-shadow: inset 0px 0 5px -1px #858585;
        box-shadow: inset 0px 0 5px -1px #858585;
    }

    .button-dropdown .dropdown-menu li a:hover .ico-facts {
        background-image: url(/assets/web-resources/uobam/funds/icons/ico-facts.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-pros {
        background-image: url(/assets/web-resources/uobam/funds/icons/ico-pros.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-prod {
        background-image: url(/assets/web-resources/uobam/funds/icons/ico-prod.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-semi {
        background-image: url(/assets/web-resources/uobam/funds/icons/ico-semi.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-annual {
        background-image: url(/assets/web-resources/uobam/funds/icons/ico-annual.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-documents {
        background-image: url(/assets/web-resources/uobam/funds/icons/ico-documents.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-quarterly {
        background-image: url(/assets/web-resources/uobam/funds/icons/qr_icon.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-interim {
        background-image: url(/assets/web-resources/uobam/funds/icons/ir_icon.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-si {
        background-image: url(/assets/web-resources/uobam/funds/icons/icon-si.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-ri {
        background-image: url(/assets/web-resources/uobam/funds/icons/icon-ri.png);
    }

    .button-dropdown .dropdown-menu li a:hover .ico-market {
        background-image: url(/assets/web-resources/uobam/funds/icons/ico-market.png);
    }
}

@media screen and (max-width: 767px) {
    .button-dropdown .dropdown-menu li a:hover {
        color: var(--white);
        background: #858585;
    }
}

.ico {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: 35px;
    background-repeat: no-repeat;
}

.ico.ico-facts {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-facts.png);
}

.ico.ico-pros {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-pros.png);
}

.ico.ico-prod {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-prod.png);
}

.ico.ico-semi {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-semi.png);
}

.ico.ico-annual {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-annual.png);
}

.ico.ico-documents {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-documents.png);
}

.ico.ico-quarterly {
    background-image: url(/assets/web-resources/uobam/funds/icons/qr_icon.png);
}

.ico.ico-interim {
    background-image: url(/assets/web-resources/uobam/funds/icons/ir_icon.png);
}

.ico.ico-si {
    background-image: url(/assets/web-resources/uobam/funds/icons/icon-si.png);
}

.ico.ico-ri {
    background-image: url(/assets/web-resources/uobam/funds/icons/icon-ri.png);
}

.ico.ico-market {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-market.png);
}

.fund-details-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f3f1f0;
    padding: 30px 20px;
    margin-top: 20px;
}

.fund-details-header .star-rate {
    width: 22px;
    height: 21px;
}

.fund-details-header .morning-star .star-rate.opacity {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.fund-details-header .title {
    margin-bottom: 10px;
}

.fund-details-header .nav-amount {
    padding: 5px 0;
    font-size: 22px;
}

.fund-details-header .daily-change {
    padding: 5px 0;
    font-size: 22px;
}

.fund-details-header .daily-change .funds-watch-rate,
.fund-details-header .daily-change .rate-change {
    display: inline-block;
    vertical-align: middle;
}

.fund-details-header .daily-change .funds-watch-rate.up,
.fund-details-header .daily-change .rate-change.up {
    margin-top: 2px;
}

.fund-details-header .morning-star {
    padding: 12px 0;
}

.fund-details-header .dropdown {
    display: inline;
}

.fund-details-header .btn-dropdown {
    background: #fff;
    border: none;
    font-size: 16px;
    outline: none;
    padding: 10px;
    text-align: left;
    width: 100%;
    max-width: 200px;
    margin-bottom: 20px;
    line-height: normal;
}

.fund-details-header .btn-dropdown .caret {
    float: right;
    margin-top: 7px;
    border-top: 8px dashed;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.fund-details-header:after {
    display: table;
    content: '';
    clear: both;
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .fund-details-header .data-nav-date {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .fund-details-header {
        padding: 15px 0;
        margin-top: 0px;
    }

    .fund-details-header .nav-amount,
    .fund-details-header .daily-change {
        margin-bottom: 10px;
        font-size: 21px;
    }

    .fund-details-header .dropdown {
        margin-bottom: 20px;
    }

    .fund-details-header .data-nav-date {
        font-size: 10px;
    }

    .fund-details-header .btn-dropdown span:first-of-type {
        width: calc(100% - 15px);
        display: inline-block;
    }

    .fund-details-header .btn-dropdown,
    .fund-details-header .dropdown-menu {
        max-width: 100%;
    }
}

.funds-watchlist-empty {
    position: relative;
    background-color: #fafafa;
    min-height: 500px;
    margin-top: 20px;
}

.funds-watchlist-empty .content {
    position: absolute;
    width: 565px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.funds-watchlist-empty .content p {
    font-size: 22px;
    margin: 0;
}

.funds-watchlist-empty .content .link {
    display: block;
    margin-top: 20px;
}

.funds-watchlist .sort-table {
    font-size: 14px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .funds-watchlist-empty {
        min-height: auto;
    }

    .funds-watchlist-empty .content {
        position: relative;
        width: 100%;
        padding: 25px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .funds-watchlist-empty .content p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .funds-watchlist .sort-table {
        margin-bottom: 0;
        margin-top: -15px;
    }

    .funds-watchlist .sort-table table tbody tr:first-child {
        border-top: none;
    }

    .funds-watchlist .sort-table table tbody tr td:first-child {
        padding-top: 20px;
    }
}

.tab-template li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.tab-template li a {
    display: block;
    position: relative;
    padding: 40px 10px;
    line-height: 1em;
    font-size: 18px;
   color: var(--primary) !important;
    font-weight: bold;
    text-align: center;
    border: none !important;
    background-color: #f7f7f7;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
}

@media screen and (max-width: 767px) {
    html,
    body.funds-detail-temp,
    body.funds-detail-temp .iw_viewport-wrapper,
    body.funds-detail-temp .iw_section,
    body.funds-detail-temp .iw_row,
    body.funds-detail-temp .iw_columns,
    body.funds-detail-temp #watch_list_main,
    body.funds-detail-temp #watch_list_main > .container,
    body.funds-detail-temp #watch_list_main > .container > .row,
    body.funds-detail-temp #watch_list_main .sticky-wrapper,
    body.funds-detail-temp #watch_list_main .section-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.funds-detail-temp,
    body.funds-detail-temp .iw_viewport-wrapper,
    body.funds-detail-temp #watch_list_main,
    body.funds-detail-temp #watch_list_main .section-content,
    body.funds-detail-temp #watch_list_main .content-block,
    body.funds-detail-temp #watch_list_main .tab-content,
    body.funds-detail-temp #watch_list_main .tab-pane {
        overflow-x: hidden;
    }

    body.funds-detail-temp .iw_container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.funds-detail-temp #watch_list_main > .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    body.funds-detail-temp #watch_list_main > .container > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .funds-detail-temp .content-block {
        padding: 0 15px;
        overflow: hidden;
    }

    .content-block.tab-content {
        padding: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .funds-detail-temp .content-block > .tab-content,
    .funds-detail-temp .tab-content .tab-pane,
    .funds-detail-temp .sort-table-wrapper,
    .funds-detail-temp .sort-table {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .funds-detail-temp .chart-wrapper {
        padding: 15px 0;
        overflow: hidden;
    }

    .funds-detail-temp #svgchart-container-NAV,
    .funds-detail-temp #svgchart-container-PER,
    .funds-detail-temp .mainChart-body,
    .funds-detail-temp .mkts-cmpt-svgcht,
    .funds-detail-temp .highcharts-container,
    .funds-detail-temp .highcharts-root,
    .funds-detail-temp .highcharts-root svg {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .funds-detail-temp .mkts-cmpt-svgcht-menubar-top,
    .funds-detail-temp .mkts-cmpt-svgcht-menubar-bottom {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden;
    }

    .funds-detail-temp .mkts-cmpt-svgcht-menubar-top > *,
    .funds-detail-temp .mkts-cmpt-svgcht-menubar-bottom > * {
        max-width: 100%;
        min-width: 0;
    }

    .funds-detail-temp .mkts-cmpt-svgcht-menuicn,
    .funds-detail-temp .mkts-cmpt-svgcht-menuTextIcon,
    .funds-detail-temp .mkts-cmpt-svgcht-menubtn {
        font-size: 11px !important;
    }

    .funds-detail-temp .downloadchart {
        float: none;
        display: inline-flex;
        align-items: center;
        max-width: 100%;
    }

    .funds-detail-temp .legend-chart {
        padding: 0 15px;
    }

    .funds-detail-temp .fund-returns-table,
    .funds-detail-temp .sort-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tab-template+.tab-content .sort-table table tr:last-child {
        border-bottom: none;
    }

    .tab-template+.tab-content .sort-table-wrapper {
        border-bottom: 1px solid #e9e9e9;
    }
}

.tablesaw {
    margin-top: 10px;
    border-bottom: 1px solid #e7e6e6;
    border-right: 1px solid #e7e6e6;
}

.tablesaw thead th {
    text-align: center;
    width: 130px;
    vertical-align: top;
}

.tablesaw thead th:nth-child(n+2) {
    background-color: #dddcdd;
}

.tablesaw thead th span {
    font-weight: 500;
}

.tablesaw thead th span.line-break {
    display: block;
}

.tablesaw tbody tr {
    border-bottom: 1px solid #e7e6e6;
}

.tablesaw tbody tr:last-child {
    border-bottom: none;
}

.tablesaw tbody tr td {
    text-align: center;
    background-color: #fafafa;
    padding: 14px 0;
}

.tablesaw tbody tr td:first-child {
    background-color: #b9b8b9;
    color: var(--white);
    border-right: none;
    padding: 0 20px;
    text-align: left;
}

.fund-returns-table {
    padding: 20px 15px 0;
}

.fund-returns-table .content {
    margin-top: 40px;
}

.fund-returns-table .content p {
    font-size: 16px;
    margin-bottom: 0;
}

.fund-returns-table .content p small {
    font-size: 14px;
}

.fund-returns-table .content .desc {
    margin-top: 25px;
}

.fund-returns-table .content .desc p {
    font-size: 14px;
}

.fund-returns-table.panel-group .panel-body.table {
    padding-bottom: 0;
    padding-top: 0;
}

.fund-returns-table .panel-default>.panel-heading {
    margin-top: 0;
}

.fund-returns-table sup {
    top: -0.25em;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .fund-returns-table sup {
        /* IE10+ specific styles go here */
        position: relative;
        vertical-align: super;
        top: 4px;
        line-height: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .fund-returns-table {
        padding: 20px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .tablesaw {
        width: calc(100% - 30px);
        margin: 5px auto;
        font-size: 13px;
    }

    .tablesaw thead th {
       
        white-space: normal;
    }

    .tablesaw thead th.line-header {
        white-space: normal;
    }

    .tablesaw thead th:nth-child(n+2) {
        padding: .9em 1.5em;
    }

    .tablesaw thead th.line-header {
        padding: 14px 5px;
    }

    .tablesaw tbody tr td {
        padding: 14px 15px;
    }

    .tablesaw-bar.tablesaw-mode-swipe {
        padding-right: 20px;
        padding-top: 10px;
    }

    .tablesaw-bar.tablesaw-mode-swipe:after {
        content: '';
        display: table;
        clear: both;
    }

    .tablesaw-advance-dots li i {
        width: 10px;
        height: 10px;
        background: #001f67;
    }

    .tablesaw-advance-dots li.tablesaw-advance-dots-hide {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .tablesaw-advance-dots li.tablesaw-advance-dots-hide i {
        background: #dddcdd;
    }

    .tablesaw-advance a.tablesaw-nav-btn.right:before,
    .tablesaw-advance a.tablesaw-nav-btn.left:before {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .tablesaw-advance a.tablesaw-nav-btn.right:before {
        border-left: 10px solid #001f67;
    }

    .tablesaw-advance a.tablesaw-nav-btn.left:before {
        border-right: 10px solid #001f67;
    }

    .tablesaw-advance a.tablesaw-nav-btn.disabled {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .tablesaw-advance a.tablesaw-nav-btn.disabled:before {
        -webkit-opacity: 0.25;
        -moz-opacity: 0.25;
        opacity: 0.25;
    }

    .tablesaw-advance a.tablesaw-nav-btn:first-child {
        position: relative;
    }

    .tablesaw-advance a.tablesaw-nav-btn:first-child:after {
        content: "";
        position: absolute;
        border-right: 1px solid #001f67;
        right: -6px;
        top: 0;
        bottom: -7px;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .tablesaw-advance .tablesaw-btn {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .tablesaw-advance .tablesaw-btn.btn-micro {
        overflow: inherit;
        border: none;
        top: -8px;
        outline: none;
        text-indent: -9999px;
    }

    .tablesaw-advance .tablesaw-btn:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .tablesaw-swipe .tablesaw-swipe-cellpersist {
        border-right: none;
    }

    .fund-returns-table {
        padding: 0;
    }

    .fund-returns-table.panel-group {
        margin-bottom: 0;
        margin-top: 0;
    }

    .fund-returns-table .panel-body.table {
        padding: 15px 0;
    }

    .fund-returns-table .content {
        padding: 0 15px 20px;
        margin-top: 20px;
    }

    .fund-returns-table .content p {
        font-size: 15px;
    }

    .fund-returns-table .content .desc p {
        font-size: 11px;
    }

    .fund-returns-table.panel-group .panel-body.table {
        padding: 0;
    }
}

@media screen and (max-width: 414px) {
    .tablesaw tbody tr td {
        padding: 14px 25px;
    }
}

@media screen and (max-width: 375px) {
    .tablesaw thead th:nth-child(n+2) {
        padding: .9em 2em;
    }
}

@media screen and (max-width: 320px) {
    .tablesaw tbody tr td {
        padding: 14px 20px;
    }

    .tablesaw tbody tr td:first-child {
        padding: 0 10px;
    }
}

.fund-facts .desc {
    padding: 20px 20px 0;
}

.fund-facts .desc p {
    font-size: 14px;
}

.table-fund-facts {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    overflow: hidden;
    font-size: 0;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background-color: #d5c2b7;
}

.table-fund-facts .item {
    display: inline-block;
    width: calc(100% * (1/5));
    float: left;
    padding: 30px 20px;
    border-bottom: 1px solid #c3aa9c;
}

.table-fund-facts .item:before {
    content: "";
    border-bottom: 1px solid red;
}

.table-fund-facts .item:last-child {
    width: calc(100% - (20% * 2));
}

.table-fund-facts .item span {
    display: block;
    font-size: 14px;
}

.table-fund-facts .item span.star-rate {
    display: inline-block;
    margin-top: 5px;
    margin-right: 2px;
}

.table-fund-facts .item span.star-rate.opacity {
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
}

.table-fund-facts .item .star {
    white-space: nowrap;
}

.table-fund-facts:before {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d5c2b7;
}

.fund-facts .content {
    margin-top: 10px;
}

.fund-facts .content p {
    font-size: 16px;
    margin-bottom: 0;
}

.fund-facts .content p small {
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    .fund-facts .desc {
        padding: 20px 15px;
    }

    .fund-facts .desc span {
        display: block;
    }

    .fund-facts .desc span[data-current-year] {
        display: inline;
    }

    .fund-facts .desc p {
        font-size: 11px;
    }

    .fund-facts .content {
        padding: 0 20px 20px;
    }

    .table-fund-facts {
        padding: 0 15px;
    }

    .table-fund-facts .item {
        width: calc(100% * (1/2));
        padding: 20px 0;
    }

    .table-fund-facts .item span {
        display: block;
        font-size: 14px;
    }

    .table-fund-facts .item span.star-rate {
        margin-left: 0;
    }

    .table-fund-facts .item:last-child {
        width: 100%;
    }
}

.hidding {
    display: none;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #cccccc;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #cccccc;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #cccccc;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #cccccc;
}

.where-to-buy .link .btn-1 {
    margin-right: 10px;
}

.funds-detail-temp #disclaimer p,
.funds-temp #disclaimer p {
    font-size: 14px;
}

.funds-detail-temp #disclaimer a,
.funds-temp #disclaimer a {
    color: #001f67;
}

.funds-detail-temp [data-disclaimer] p,
.funds-temp [data-disclaimer] p {
    font-size: 14px;
}

.logo-morningstar {
    margin-bottom: 50px;
}

.logo-morningstar p {
    font-size: 12px;
}

.loading-fund {
    background: url(/assets/web-resources/uobam/funds/icons/loadingFund.gif);
    width: 47px;
    height: 23px;
    margin: 30px auto;
}

.funds-detail-temp .added+.tooltip.bottom .tooltip-inner {
    padding: 10px 5px;
}

.error-message-api {
    padding: 20% 0;
    text-align: center;
}

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

    .funds-detail-temp #footer,
    .funds-temp #footer {
        padding: 30px 35px;
    }
}

@media screen and (max-width: 767px) {
    .where-to-buy {
        padding-bottom: 20px;
    }

    .where-to-buy p {
        font-size: 15px;
    }

    .where-to-buy .link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        margin-top: 15px;
    }

    .where-to-buy .link .btn-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 50%;
        float: left;
        margin-right: 0;
        font-size: 15px;
    }

    .where-to-buy .link .btn-1:first-child {
        margin-right: 5px;
    }

    .where-to-buy .link .btn-1:last-child {
        margin-left: 5px;
    }

    .funds-detail-temp #footer,
    .funds-temp #footer {
        padding: 0;
    }

    .funds-detail-temp #footer .container,
    .funds-temp #footer .container {
        padding: 0 10px !important;
    }

    .content-block .funds-awards ul li {
        font-size: 15px;
    }

    .logo-morningstar {
        margin-top: 20px;
        text-align: center;
    }

    #footer .container .block-term p {
        white-space: normal;
    }
}

.hide {
    display: none;
}

@media screen and (min-width: 1024px) {

    .funds-detail-temp #footer .container,
    .funds-temp #footer .container {
        padding: 30px 35px !important;
    }
}

.historical-popup {
    margin-top: 25px;
}

.historical-popup p {
    font-size: 14px;
    margin: 0;
}

.historical-popup p span {
    color: var(--primary-light);
    cursor: pointer;
}

.historical-popup p span:hover {
    text-decoration: underline;
}

.historical-popup div.detail-popup-fade {
    padding-right: 0 !important;
}

.historical-popup .detail-popup-fade .detail-popup-dialog {
    max-width: none;
    margin: 5vh 50px;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content {
    border-radius: 0;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-header {
    border: 0;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-header h5 {
    font-size: 24px;
    font-weight: bold;
    margin: auto;
    text-align: center;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-header .detail-popup-close {
    margin: 0;
    position: absolute;
    right: 0;
    top: -8px;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-header .detail-popup-close span {
    font-size: 2.3rem;
    font-weight: 400;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body {
    padding-top: 0;
    padding-bottom: 0;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table {
    font-size: 14px;
    border: 0;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table th {
    background-color: #0d2b63;
    color: var(--white);
    width: 22%;
    padding: 15px 10px;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table th:first-child {
    width: 34%;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table td:first-child {
    width: 34%;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table th,
.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table td {
    vertical-align: middle;
    font-size: 14px;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tbody .title-des-hide {
    display: none;
    font-weight: bold;
}

.historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-footer {
    border: 0;
}

body {
    padding-right: 0px !important;
}

@media screen and (max-width: 767px) {
    .historical-popup {
        margin-bottom: 45px;
        margin-top: 25px;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog {
        margin: 15px 14px;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table {
        border: 0;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tr {
        margin-bottom: 20px;
        position: relative;
        overflow: visible;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tr::after {
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 1px;
        bottom: -10px;
        left: 0;
        background-color: #7070705c;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tr:nth-child(7n)::after {
        display: none;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tr:last-child::after {
        display: none;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table th,
    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table td {
        border: 0;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table td {
        padding: 5px 0;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table td:first-child {
        width: 100%;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tbody {
        padding: 0 20px;
        padding-top: 10px;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tbody .txt-center {
        text-align: left;
    }

    .historical-popup .detail-popup-fade .detail-popup-dialog .detail-popup-content .detail-popup-body table.detail-popup-table tbody .title-des-hide {
        display: inline;
    }
}

.pagination ul {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination ul li a.page-link {
    border: 0;
    font-size: 14px;
    color: var(--primary-light);
}

.pagination ul li a.next,
.pagination ul li a.prev {
    font-size: 25px;
    line-height: 13px;
    height: 33px;
}

.pagination ul li.active {
    font-size: 14px;
    line-height: 33px;
}

.pagination ul li.disabled {
    display: none;
}

.pagination ul li span.current {
    font-weight: bold;
    padding: .5rem .75rem;
    color: var(--primary-dark);
    position: relative;
}

.pagination ul li span.current::after {
    content: '';
    background-color: #06377b;
    position: absolute;
    left: 50%;
    top: 30px;
    width: 14px;
    height: 2px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pagination ul li span.clickable {
    line-height: 33px;
}

@media screen and (max-width: 767px) {
    .pagination ul li a.page-link {
        padding: .5rem .55rem;
    }

    .pagination ul li span.current {
        padding: .5rem .55rem;
    }
}

.group-heading--performance .funds-selects .dropdown-menu ul li:hover {
    background-color: #707070;
}

.sticky-wrapper--performance {
    margin-bottom: 30px;
    padding:0 15px;
}

.sticky-wrapper--performance .sticky-nav {
    padding: 0;
    box-sizing: border-box;
}

.sticky-wrapper--performance .nav-scroll-wrapper {
    width: 100%;
}

.sticky-wrapper--performance #performanceTabs {
    display: flex;
    width: 100%;
}

.sticky-wrapper--performance #performanceTabs .nav-item {
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
}

.sticky-wrapper--performance li.nav-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sticky-wrapper--performance #performanceTabs .nav-link {
    width: 100%;
    align-self: stretch;
}

.sticky-wrapper--performance #performanceTabs .nav-link.active {
    background-color: #fff !important;
}

.sticky-wrapper--performance .tab-content {
    padding: 20px 0 0;
}

.sticky-wrapper--performance .tab-content table {
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
}

.sticky-wrapper--performance .tab-content table a {
    color: var(--text-primary);
}
.sticky-wrapper--performance .tab-content table a:hover {
    color: #0044a0;
}

.sticky-wrapper--performance .tab-content table thead {
    background-color: #f1efec;
}

.sticky-wrapper--performance .tab-content table thead th {
    padding: 15px;
    border: 0;
}

.sticky-wrapper--performance .tab-content table tbody tr {
    border-bottom: 1px solid #e9e9e9;
}

@media screen and (max-width: 767px) {
    .sticky-wrapper--performance .tab-content table tbody tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.sticky-wrapper--performance .tab-content table tbody tr td {
    padding: 30px 15px;
}

@media screen and (max-width: 767px) {
    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50px;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        padding: 8px 0px 30px 8px;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(1).rankPCY::before {
        color: #333;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 5px;
        display: block;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
}

.sticky-wrapper--performance .tab-content table tbody tr td span.column-rank {
    display: none;
}

@media screen and (max-width: 767px) {
    .sticky-wrapper--performance .tab-content table tbody tr td span.column-rank {
        display: block;
        margin-bottom: 5px;
    }
}

.sticky-wrapper--performance .tab-content table tbody tr td:nth-child(4) span.unValidValue::before {
    content: "−";
    color: #333;
}

.sticky-wrapper--performance .tab-content table tbody tr:last-child {
    border: 0;
}

.sticky-wrapper--performance .tab-content .fade {
    display: none;
    overflow: hidden;
}

.sticky-wrapper--performance .tab-content .show {
    display: block;
}

@media screen and (max-width: 767px) {
    .sticky-wrapper--performance li.nav-item {
        display: inline-block;
    }

    .sticky-wrapper--performance .sticky-nav {
        padding: 0;
    }

    .sticky-wrapper--performance #performanceTabs {
        display: flex;
        width: max-content;
    }

    .sticky-wrapper--performance #performanceTabs .nav-item {
        flex: 0 0 auto;
    }

    .sticky-wrapper--performance li.nav-item a.nav-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .sticky-wrapper--performance .tab-content {
        padding: 0 10px;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td {
        padding: 30px 0;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(2) {
        padding: 20px 0 0 12px;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(3) span,
    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(4) span {
        position: relative;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(3) span::after {
        position: absolute;
        content: "NAV date";
        color: #988072;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: 100%;
        top: -23px;
        left: -2%;
    }

    .sticky-wrapper--performance .tab-content table tbody tr td:nth-child(4) span::after {
        position: absolute;
        content: "Year-to-Date (%)";
        color: #988072;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: 100%;
        top: -23px;
        left: -2%;
    }

    .sticky-wrapper--performance .tab-content #six-months table tbody tr td:nth-child(4) span::after {
        content: "6 Months (%)";
    }

    .sticky-wrapper--performance .tab-content #one-year table tbody tr td:nth-child(4) span::after {
        content: "1 Year (%)";
    }

    .sticky-wrapper--performance .tab-content #three-years table tbody tr td:nth-child(4) span::after {
        content: "3 Years (%)";
    }

    .sticky-wrapper--performance .tab-content #five-years table tbody tr td:nth-child(4) span::after {
        content: "5 Years (%)";
    }

    .sticky-wrapper--performance .tab-content #pre-calendar-year table tbody tr td:nth-child(4) span::after {
        content: "Previous Calendar Year (%)";
    }

    .sticky-wrapper--performance .tab-content #pre-calendar-year table tbody tr td:last-child {
        margin-left: 0 !important;
    }
}

#popup-video {
    position: fixed;
    z-index: 999;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 30vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#popup-video .popup-video--rela {
    position: relative;
}

#popup-video .popup-video--rela .btn-exit {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    z-index: 9999;
    right: 2px;
    top: 2px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0;
    overflow: hidden;
    background-color: var(--white);
    border-radius: 4px;
}

#popup-video .popup-video--rela .btn-exit p {
    position: relative;
    top: -1px;
    left: 2px;
    line-height: 30px;
    font-size: 45px;
    color: #666;
    margin: 0;
}

#popup-video .popup-video--rela .btn-exit:hover p {
    color: #ded8d8;
}

#popup-video .popup-video--rela iframe {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 1px solid #ded8d8;
}

#popup-video.in-delay {
    opacity: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

@media screen and (max-width: 767px) {
    .tab-content a.nav-item {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.nav-tabs a {
    white-space: normal;
}

.nav-tabs a:after {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    height: 4px;
    -webkit-transition: background-color 0.7s 0.2s;
    -o-transition: background-color 0.7s 0.2s;
    transition: background-color 0.7s 0.2s;
    background-color: transparent;
}

.nav-tabs a.active:after {
    background-color: #06377b;
}

@media only screen and (min-width: 992px) {
    .nav-tabs.nav-justified.scrolltabs {
        white-space: nowrap;
    }

    .affix .nav-tabs {
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .touchevents .nav-tabs.nav-justified>li>a {
        border-bottom: none;
        border-radius: 0;
    }

    .touchevents .nav-tabs.nav-justified>.active>a {
        border: none;
        border-bottom: 1px solid #fff;
    }

    .touchevents .nav-tabs.nav-justified>.active>a:hover,
    .touchevents .nav-tabs.nav-justified>.active>a:focus {
        border: none;
        border-bottom: 1px solid #fff;
    }

    .sticky-nav .nav-tabs.nav-justified.scrolltabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sticky-nav .nav-tabs.nav-justified a {
        white-space: normal;
        width: 100%;
        border: none;
    }

    .sticky-nav .nav-tabs.nav-justified>li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1;
        -ms-flex: 1 1;
        flex: 1 1;
    }

    .sticky-nav .nav-tabs.nav-justified>li:last-child {
        border-right: none;
    }

    /* iPad Portrait */
    .affix .nav-tabs {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .nav-tabs.nav-justified.scrolltabs {
        display: block;
        margin-top: 0;
        white-space: nowrap;
        min-width: 100%;
        text-align: right;
        overflow: visible;
        -webkit-transition: transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        -webkit-transition: -webkit-transform 0.3s linear;
        transition: -webkit-transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: transform 0.3s linear, -webkit-transform 0.3s linear;
    }

    .nav-tabs.nav-justified.scrolltabs li {
        float: none;
        width: 33.33%;
    }

    .nav-tabs.nav-justified.scrolltabs li a {
        background: transparent;
        margin: 0;
    }
}


.breadcrumb {
    margin: 40px 0 50px 0;
    padding: 0;
    font-size: 13px;
    background-color: inherit;
    display:flex !important;
}

.breadcrumb li.active {
    font-weight: bold;
}

.breadcrumb li+li:before {
    padding: 0 8px;
    content: "/";
}

.add-watch-list-icon {
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
    background: url("/assets/web-resources/uobam/funds/icons/add-icon-active.png");
    background-size: 27px 27px;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .add-watch-list-icon {
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
    }   
}



.section-title+.section-content .content-block .free-text {
    padding-top: 0;
}

.section-content {
    width: 100%;
    padding-bottom:20px;
}

/* funds desktop style css*/

.text-bold{
    font-weight: bold;
}
.heading1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: inherit !important;
}
.dropdown-menu ul li a {
    display: block;
    white-space: nowrap;
    color: #333;
    text-transform: uppercase;
    margin-left: 5px;
    font-size:1.5rem;
}

.funds-detail-temp .add-watch-list-icon {
  margin-right: 0;
  margin-left: 20px;
  cursor: pointer; }
  .funds-detail-temp .add-watch-list-icon.added {
    background: url(/images/funds/icon/remove-icon.png) 0 0;
    background-size: contain; }

.funds-temp .main-banner {
  position: relative; }
  .funds-temp .main-banner .description {
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    padding: 48px 80px 0px 30px;
    color: var(--white); }
  .funds-temp .main-banner ul {
    margin-bottom: 20px; }
    .funds-temp .main-banner ul li {
      font-size: 16px; }
  .funds-temp .main-banner .btn-1 {
    font-size: 14px;
    width: 164px; }
  .funds-temp .main-banner .btn-red {
    background: #dc1f2d;
    color: var(--white); }
  .funds-temp .main-banner .light-banner .description {
    color: #333; }
  .funds-temp .main-banner h1, .funds-temp .main-banner h2, .funds-temp .main-banner h3, .funds-temp .main-banner h4, .funds-temp .main-banner h5, .funds-temp .main-banner h6 {
    margin-bottom: 20px; }
  .funds-temp .main-banner h3 {
    font-size: 22px; }
  .funds-temp .main-banner h5 {
    font-weight: normal; }

.panel-default > .panel-heading {
  background-color: #e9e9e9;
  cursor: pointer; }
  .panel-default > .panel-heading.active, .panel-default > .panel-heading:hover {
    color: var(--white);
    background-color: var(--primary-darker);}
  .panel-default > .panel-heading.active a, .panel-default > .panel-heading:hover a {
    color: var(--white);
    font-weight: 700; }
  .panel-default > .panel-heading.active a:before, .panel-default > .panel-heading:hover a:before, .panel-default > .panel-heading.active a:after, .panel-default > .panel-heading:hover a:after {
    background-color: var(--white); }

.panel-group .panel .panel-body {
  padding: 15px 0; }

.other-infor .panel-group .panel .panel-body {
  padding: 15px; }

.sticky-nav {
  margin: 20px 0 0; }

.content-block {
  padding: 0 35px; }

.funds-temp .content-block, .funds-detail-temp .content-block {
  padding: 0 0; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  padding: 0;
  display: none;
  background: #fff; }
  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    left: 0;
    margin-left: -8px;
    margin-left: 0;
    top: 50%;
    top: 0;
    margin-top: -8px;
    margin-top: 0; }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    width: 35%;
    border: none; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: none;
    background: #69747c;
    color: var(--white);
    border-radius: 0; }
  .ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    left: 2px; }
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
    right: 2px; }
  .ui-datepicker .ui-datepicker-prev-hover {
    top: 1px;
    left: 1px; }
  .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
    right: 1px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    color: #333;
    color: var(--white); }
    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none !important;
      appearance: none;
      background: url("/images/funds/icon/caret-3.png") 95% no-repeat #69747c; }
    .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
      margin-left: 25px; }
    .ui-datepicker .ui-datepicker-title option {
      background: #69747c;
      border-top: 1px solid #dde1e4; }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
    margin: 0; }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }
  .ui-datepicker td {
    border: 0;
    border: none;
    padding: 1px;
    width: 42px;
    height: 42px; }
    .ui-datepicker td span, .ui-datepicker td a {
      display: block;
      padding: .2em;
      text-align: right;
      text-align: center;
      text-decoration: none; }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em .6em;
      width: auto;
      overflow: visible; }
      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left; }
  .ui-datepicker .ui-state-hover {
    background: none;
    border: none; }
  .ui-datepicker .ui-state-disabled {
    opacity: 0.6; }
  .ui-datepicker.ui-datepicker-multi {
    width: auto; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right; }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }
  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }
  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }
  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto; }
  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto; }
  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left; }

g.highcharts-navigator, g.highcharts-navigator-handle-left, g.highcharts-navigator-handle-right {
  display: none; }

.highcharts-series.highcharts-series-1 {
  display: none; }

.highcharts-axis-labels text {
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600; }

.highcharts-xaxis-grid .highcharts-grid-line, .highcharts-xaxis .highcharts-tick {
  stroke-width: 2px;
  stroke: #d8d8d8; }

.highcharts-minor-grid-line {
  stroke-dasharray: 2, 2; }

.datepicker input {
  background: #f3f3f3 url(/images/funds/icon/caret-2.png) 95% 12px no-repeat;
  padding: 5px 25px 5px 10px;
  display: inline-block;
  max-width: 180px;
  border: none;
  color: #333;
  font-weight: 700;
  cursor: pointer; }

.datepicker span {
  display: inline-block;
  color: #6a747a;
  padding-right: 5px; }

.ui-icon-circle-triangle-w {
  background-image: url("/images/funds/icon/caret-w.png") !important;
  background-position: 0 0;
  width: 31px;
  height: 31px;
  margin-left: -16px; }

.ui-icon-circle-triangle-e {
  background-image: url("/images/funds/icon/caret-e.png") !important;
  background-position: 0 0;
  width: 31px;
  height: 31px; }

.ui-datepicker-calendar {
  background: #fff; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #333;
  border: solid 1px #fff;
  background: #e3e3e3;
  padding: 9px 0; }

.ui-state-default.ui-state-active {
  background: #f7f7f7;
  border: solid 1px #e3e3e3;
  -webkit-box-shadow: inset 0 0 5px 0px black;
  box-shadow: inset 0 0 5px 0px black; }

#chartJS {
  min-height: 300px;
  display: block;
  width: 100%;
  overflow: hidden; }
  #chartJS .highcharts-container {
    height: 300px !important; }

.list-time {
  display: inline-block;
  padding-top: 5px; }
  .list-time span {
    display: inline-block;
    vertical-align: top; }
  .list-time ul {
    display: inline-block;
    vertical-align: top; }
    .list-time ul li {
      padding-right: 10px; }
      .list-time ul li a {
        font-size: 16px;
        padding: 0;
        color: #002265;
        text-transform: capitalize;
        position: relative; }
        .list-time ul li a.active {
          font-weight: 700;
          background: none;
          border: none;
          opacity: 1;
          vertical-align: top; }
          .list-time ul li a.active:before {
            position: absolute;
            content: '';
            bottom: -5px;
            width: 100%;
            height: 2px;
            background: #002265; }

.downloadchart {
  float: right;
  font-size: 14px;
  color: #333; }
  .downloadchart table td {
    padding: 0 5px; }

.tool-chart .datepicker {
  margin-bottom: 30px;
  display: block;
  width: 100%; }
  .tool-chart .datepicker .dateFrom, .tool-chart .datepicker .dateTo {
    display: inline-block;
    vertical-align: middle; }

.highcharts-range-selector-buttons, .highcharts-input-group {
  visibility: hidden; }

.chart-wrapper {
  padding: 20px; }

#datepickerFrom {
  margin-right: 20px; }

.legend-chart {
  font-size: 14px; }
  .legend-chart [class*="legend-title"] {
    font-weight: 700;
    border-left: 20px solid #fff;
    padding-left: 10px;
    display: block;
    margin-bottom: 10px; }
  .legend-chart p {
    margin-bottom: 0;
    font-size: 14px; }

.highcharts-tooltip span table tr:nth-of-type(n+2) td:nth-of-type(2) {
  padding-left: 15px; }

.funds-detail-temp .nav-tabs.nav-justified > li > a {
  font-size: 18px; }

.sort-table-wrapper {
  padding: 0;
  margin-top: 2px; }
  .sort-table-wrapper .sort-table table {
    font-size: 14px; }

.filtering {
  display: none; }
  .filtering.result {
    display: block; }

.sort-table table.table-download thead span:first-child {
  height: 63px !important; }

.cssButtons {
  display: inline-block;
  margin: 0px;
  padding: 10px 30px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: var(--white);
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
  background: #AAA;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.cssButtons:hover {
  background-color: #00528d; }

.declaration input[type="checkbox"] {
  margin-right: 15px; }
@-webkit-keyframes showHideDot {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes showHideDot {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fund-item {
  padding: 15px 0;
  border-bottom: 1px solid #e9e9e9; }
  .fund-item a {
    font-size: 14px;
    line-height: 21px;
    color:var(--text-primary);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .fund-item a:hover {
      color: #0044A0; }
  .fund-item .wholesale-tag {
    font-size: 12px;
    line-height: 18px;
    color: var(--white);
    padding: 2px 6px;
    margin-left: 5px;
    background: var(--primary); }

.panel-download {
  text-align: right; }
  .panel-download a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #001f67; }

.sort-table--rv table thead span:first-child {
  margin-bottom: 5px; }

.loading-dots {
  z-index: 5;
  margin-bottom: 0; }
  .loading-dots .dot {
    display: inline-block;
    margin-right: 3px;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    background-color: #333;
    position: relative;
    opacity: 0;
    -webkit-animation: showHideDot 2.5s ease-in-out infinite;
            animation: showHideDot 2.5s ease-in-out infinite; }
    .loading-dots .dot.one {
      -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s; }
    .loading-dots .dot.two {
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s; }
    .loading-dots .dot.three {
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s; }

.sort-table--revamp table a {
  color: #333;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .sort-table--revamp table a:hover {
    color: #0044A0; }

.sort-table--revamp table .td-content {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 21px;
  color: #333; }
  .sort-table--revamp table .td-content span + span {
    margin-left: 0; }

.sort-table--revamp table thead th {
  text-align: left; }

.sort-table--revamp table thead span:first-child {
  margin-bottom: 5px;
  height: 42px; }

.sort-table--revamp table tbody td {
  text-align: left; }
  .sort-table--revamp table tbody td:last-child {
    margin-left: 0 !important; }

.sort-table--revamp table .funds-watch-rate {
  width: 12px; }

.sort-table--revamp .simple-pagination {
  margin-top: 20px; }

.sort-table--revamp .tr-hidden,
.sort-table--revamp .tr-hidden th,
.sort-table--revamp .tr-hidden th div {
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0; }

.table--fake {
  display: none; }

.loading-data .panel {
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important; }

.is-loading .panel-download,
.is-loading .panel-group {
  display: none; }

@media screen and (min-width: 768px) {
  .fund-item {
    padding: 29px 16px; }
    .fund-item:first-child {
      margin-top: -10px; }
    .fund-item .wholesale-tag {
      padding: 6px 12px;
      margin-left: 10px; }
  .panel-download {
    margin-bottom: 20px; } }

@media screen and (min-width: 992px) {
  .panel-download {
    margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .group-heading--rv .search-funds-box {
    width: calc(100% + 0px); }
    .group-heading--rv .search-funds-box input[type='button'] {
      background-position: 20px center; }
    .group-heading--rv .search-funds-box.open input[type='button'] {
      background-position: 5px center; }
  .sticky-wrapper--rv .nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .sort-table .simple-pagination {
    margin-bottom: 20px; }
  .sort-table.sort-table--revamp table tbody td {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .sort-table.sort-table--revamp table tbody td::before {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 50%;
          -ms-flex: 1 0 50%;
              flex: 1 0 50%; }
    .sort-table.sort-table--revamp table tbody td .td-content {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 50%;
          -ms-flex: 1 0 50%;
              flex: 1 0 50%; }
      .sort-table.sort-table--revamp table tbody td .td-content br {
        display: none; }
        .sort-table.sort-table--revamp table tbody td .td-content br + span {
          margin-left: 5px; }
    .sort-table.sort-table--revamp table tbody td:first-child {
      margin-top: 20px;
      margin-bottom: 20px; }
      .sort-table.sort-table--revamp table tbody td:first-child::before {
        display: none; }
      .sort-table.sort-table--revamp table tbody td:first-child .td-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
            -ms-flex: 1 0 100%;
                flex: 1 0 100%; }
    .sort-table.sort-table--revamp table tbody td:last-child {
      margin-bottom: 20px; }
    .sort-table.sort-table--revamp table tbody td + td {
      margin-top: 10px; } }

/*# sourceMappingURL=funds-desktop-style.css.map */



.button-dropdown {
  display: inline-block;
  vertical-align: middle;
  outline: none;
}

.button-dropdown button {
  background: none;
  border: none;
  padding: 12px 14px;
}

.button-dropdown button:hover,
.button-dropdown button:focus {
  outline: none;
}

.button-dropdown button span {
  color: #001f67;
  font-size: 16px;
  font-weight: 700;
  display: block;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.button-dropdown .dropdown-menu {
  left: auto;
  right: 0;
}

.button-dropdown .dropdown-menu .ico {
  width: 23px;
  height: 23px;
  background-size: 23px 23px;
  vertical-align: middle;
  margin-right: 10px;
}

.button-dropdown .dropdown-menu .ico.ico-facts {
  background-image: url(/assets/web-resources/uobam/funds/icons/ico-facts-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-pros {
  background-image: url(/assets/web-resources/uobam/funds/icons/ico-pros-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-prod {
  background-image: url(/assets/web-resources/uobam/funds/icons/ico-prod-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-semi {
  background-image: url(/assets/web-resources/uobam/funds/icons/ico-semi-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-annual {
  background-image: url(/assets/web-resources/uobam/funds/icons/ico-annual-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-documents {
  background-image: url(/assets/web-resources/uobam/funds/icons/ico-documents-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-interim {
  background-image: url(/assets/web-resources/uobam/funds/icons/ir_icon-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-si {
  background-image: url(/assets/web-resources/uobam/funds/icons/icon-si-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-ri {
  background-image: url(/assets/web-resources/uobam/funds/icons/icon-ri-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-quarterly {
  background-image: url(/assets/web-resources/uobam/funds/icons/qr_icon-white.png);
}

.button-dropdown .dropdown-menu .ico.ico-market {
  background-image: url(/assets/web-resources/uobam/funds/icons/ico-market-white.png);
}

.button-dropdown .dropdown-menu li a {
  padding: 13px 15px;
  font-size: 16px;
  color: var(--white);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


.button-dropdown:hover button,
.button-dropdown.open button {
  background: #858585;
}

.button-dropdown:hover button~.dropdown-menu,
.button-dropdown.open button~.dropdown-menu {
  background: #858585;
  margin-top: 0;
  border-radius: 0;
  border: none;
  padding: 0;
  top: 47px;
  width: auto;
  max-width: initial;
}

.button-dropdown:hover button~.dropdown-menu .divider,
.button-dropdown.open button~.dropdown-menu .divider {
  margin: 0;
}

.button-dropdown:hover span,
.button-dropdown.open span {
  color: var(--white);
}

.button-dropdown:hover .dropdown-menu,
.button-dropdown.open .dropdown-menu {
  display: block;
}

@media screen and (min-width: 768px) {
  .button-dropdown .dropdown-menu li a:hover {
    color: #333;
    -webkit-box-shadow: inset 0px 0 5px -1px #858585;
    box-shadow: inset 0px 0 5px -1px #858585;
  }

  .button-dropdown .dropdown-menu li a:hover .ico-facts {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-facts.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-pros {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-pros.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-prod {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-prod.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-semi {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-semi.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-annual {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-annual.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-documents {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-documents.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-quarterly {
    background-image: url(/assets/web-resources/uobam/funds/icons/qr_icon.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-interim {
    background-image: url(/assets/web-resources/uobam/funds/icons/ir_icon.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-si {
    background-image: url(/assets/web-resources/uobam/funds/icons/icon-si.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-ri {
    background-image: url(/assets/web-resources/uobam/funds/icons/icon-ri.png);
  }

  .button-dropdown .dropdown-menu li a:hover .ico-market {
    background-image: url(/assets/web-resources/uobam/funds/icons/ico-market.png);
  }
}

@media screen and (max-width: 767px) {
  .button-dropdown .dropdown-menu li a:hover {
    color: var(--white);
    background: #858585;
  }
}

.section-title {
    padding: 30px 0 0 0;
    margin-bottom: 0;
}
.btn-1 {
    display: inline-block;
    padding: 12px 25px;
    -webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    color: var(--white) !important;
    font-size: 16px;
    text-align: center;
    text-decoration: initial;
    background: var(--primary-light);
    border-radius: 5px;
    background-clip: padding-box;
}
.btn-1:hover, .btn-1:focus, .btn-1:active {
    color: var(--white);
    text-decoration: none !important;
    background: var(--primary-dark);; }

.responsive-table td, .responsive-table th{
    padding: 20px;
    font-size: 16px;
    vertical-align: top;
    text-align: center;
    border: solid 1px #e5e5e5;
    border-left-color: transparent;
}
/* Use the parent class to trigger the state change */
.button-dropdown:hover .dropdown-menu {
    display: block !important;
    overflow: visible !important; /* Prevents content from being clipped */
    transform: scale(1, 1) !important; /* Overwrites the 0 scale */
    opacity: 1 !important; /* Ensure it is not transparent */
    visibility: visible !important; /* Safety overwrite */
}

 .button-dropdown .ico-download{
        background: url(/assets/web-resources/uobam/funds/icons/ico-download.png) 0 0;
        background-size: contain;
        width: 22px;
        height: 25px;
        display: block;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;       
     }
@media screen and (max-width: 767px) {
     .button-dropdown .ico-download{
         margin-left: 12px;
     }
    .group-heading .button-dropdown {
        display: block;
        position: relative;
        width: 100%;
        min-height: 48px;
    }

    .group-heading .button-dropdown > button {
        position: absolute;
        top: 0;
        right: 0;
        width: 48px;
        height: 48px;
        padding: 0;
        background: none;
        border-radius: 0;
        z-index: 1002;
        transition: background-color 0.22s ease, transform 0.22s ease;
        
    }

    .group-heading .button-dropdown > button.dropdown-toggle:after {
        display: none;
    }
    
    .group-heading .button-dropdown > button:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 9px;
        width: 3px;
        height: 17px;
        margin-left: -1.5px;
        background: #fff;
        transition: opacity 0.18s ease, transform 0.22s ease;
    }

    .group-heading .button-dropdown.open > button,
    .group-heading .button-dropdown > button[aria-expanded="true"] {
        background: #8f8f8f;
        transform: translateY(1px);
    }
     .group-heading .button-dropdown.open > button-dropdown.show > button,
    .group-heading .button-dropdown > button[aria-expanded="true"] {
        background: #8f8f8f;
        transform: translateY(1px);
    }
  .group-heading .button-dropdown.open > button-dropdown > button,
    .group-heading .button-dropdown > button[aria-expanded="false"] .ico-download {
        background:red;
        transform: translateY(1px);
        background: url(/assets/web-resources/uobam/funds/icons/ico-download.png) 0 0;
        background-size: contain;
    }
    .group-heading .button-dropdown.open > button:before,
    .group-heading .button-dropdown > button[aria-expanded="true"]:before {
        top: 15px;
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }

    .group-heading .button-dropdown.open > button:after,
    .group-heading .button-dropdown > button[aria-expanded="true"]:after {
        opacity: 0.9;
    }

    .group-heading .button-dropdown .dropdown-menu,
    .group-heading .button-dropdown.open > button ~ .dropdown-menu,
    .group-heading .button-dropdown .dropdown-menu.show {
        top: 47px !important;
        right: 0;
        left: auto !important;
        width: 70%;
        min-width: 222px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #969696;
        box-shadow: none;
        overflow: hidden;
        z-index: 1001;
        display: block !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transform-origin: top right;
        -ms-transform-origin: top right;
        transform-origin: top right;
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    }

    .group-heading .button-dropdown .dropdown-menu li.divider,
    .group-heading .button-dropdown.open > button ~ .dropdown-menu .divider,
    .group-heading .button-dropdown .dropdown-menu.show .divider {
        display: none;
    }

    .group-heading .button-dropdown:hover .dropdown-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        -webkit-transform: translateY(-8px) !important;
        -ms-transform: translateY(-8px) !important;
        transform: translateY(-8px) !important;
        width: 70%;
    }

    .group-heading .button-dropdown.open .dropdown-menu,
    .group-heading .button-dropdown .dropdown-menu.show {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

    .group-heading .button-dropdown .dropdown-menu li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.45);
    }

    .group-heading .button-dropdown .dropdown-menu li:last-child {
        border-bottom: 0;
    }

    .group-heading .button-dropdown .dropdown-menu li a {
        display: flex;
        align-items: center;
        min-height: 46px;
        padding: 10px 12px 10px 14px;
        color: #fff;
        font-size: 15px;
        line-height: 1.2;
        white-space: normal;
        background: transparent;
    }

    .group-heading .button-dropdown .dropdown-menu li:first-child a {
        min-height: 48px;
        padding-right: 72px;
    }

    .group-heading .button-dropdown .dropdown-menu .ico {
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        margin-right: 10px;
        background-size: 22px 22px;
    }
}

/* Ensure the navbar is sticky to the top */
.sticky-nav {
    position: relative;
    top: 0;
    z-index: 0; /* Higher than other content to ensure it's above */
    background-color: white; /* Ensures the background is set */
    box-shadow: none;
}

/* Optional: Add a shadow when the navbar sticks */
.sticky-nav.sticky-top {
    position: sticky;
    top: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.sticky-nav.sticky-top-detail-fixed {
    position: fixed;
    top: 0;
    margin-top: 0 !important;
    z-index: 1050;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px){
    .sticky-wrapper--performance {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .sticky-nav{
        position: relative;
        margin: 12px 0;
        overflow-y: hidden;
        background: #fff;
        box-shadow: none;
        z-index: 0;
    }

    .sticky-nav.sticky-top{
        position: sticky;
        top: 0;
        z-index: 1050;
    }

    .sticky-nav.sticky-top-detail-fixed{
        position: fixed;
        top: 0;
        margin-top: 0 !important;
        z-index: 1050;
    }

    .sticky-nav .nav-scroll-wrapper{
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    .sticky-wrapper--performance .sticky-nav {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .sticky-wrapper--performance .nav-scroll-wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .sticky-nav #fundTabs,
    .sticky-nav #fundDetailsTabs,
    .sticky-nav #performanceTabs{
        display: flex;
        flex-wrap: nowrap;
        width: max-content;
        min-width: 100%;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .sticky-nav #fundTabs .nav-item,
    .sticky-nav #fundDetailsTabs .nav-item,
    .sticky-nav #performanceTabs .nav-item{
        flex: 0 0 auto;
        float: none;
        width: calc(100% / 3) !important;
        min-width: calc(100% / 3);
        text-align: center;
        background: #f7f7f7;
        border-right: 1px solid #e5e5e5;
        border-top: 0;
        margin-bottom: 0;
        position: relative;
    }

    .sticky-nav #performanceTabs .nav-item{
        width: 120px !important;
        min-width: 120px;
    }

    .sticky-nav #fundTabs .nav-item:last-child,
    .sticky-nav #fundDetailsTabs .nav-item:last-child,
    .sticky-nav #performanceTabs .nav-item:last-child{
        border-right: 0;
    }

    .sticky-nav #fundTabs .nav-link,
    .sticky-nav #fundDetailsTabs .nav-link,
    .sticky-nav #performanceTabs .nav-link{
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 68px;
        color:var(--primary) ;
        font-size: 14px;
        line-height: 1.2;
        text-align: center;
        background: transparent !important;
        border: 0;
        border-radius: 0;
    }

    .sticky-nav #fundTabs .nav-link.active,
    .sticky-nav #fundDetailsTabs .nav-link.active,
    .sticky-nav #performanceTabs .nav-link.active{
        color: var(--primary) !important;
        font-weight: 600;
        background: #fff !important;
    }

    .sticky-nav #fundTabs .nav-link:after,
    .sticky-nav #fundDetailsTabs .nav-link:after,
    .sticky-nav #performanceTabs .nav-link:after{
        top: 0;
        height: 3px;
    }
}

/* Container styles */
.scrollable-tab {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #dee2e6;
}

/* Base Mobile Behavior: Scrollable */
.scrollable-tab .nav-tabs {
    display: flex;
    flex-wrap: nowrap; /* Prevents wrapping to next line */
    white-space: nowrap; /* Keeps labels on one line */
    border-bottom: none;
}

.scrollable-tab .nav-item {
    flex: 0 0 auto; /* Items take only needed space on mobile */
    min-width: 100%;
    
}

/* Desktop Behavior: Full Width / Justified */
@media (min-width: 992px) {
    .scrollable-tab {
        overflow-x: hidden; /* No scrolling needed on large screens */
    }
    
    .scrollable-tab .nav-tabs {
        width: 100%;
    }
    
    .scrollable-tab .nav-item {
        flex: 1 1 0; /* Forces all items to be equal width and fill 100% */
        text-align: center;
    }
}

/* Optional: Hide scrollbar for a cleaner look */
.scrollable-tab::-webkit-scrollbar {
    display: none;
}
.scrollable-tab {
    -ms-overflow-style: none;
    scrollbar-width: none;
}




.sticky-nav #fundTabs .nav-item {
    width: 25% !important;
    min-width: 25%;
}

.sticky-nav #fundDetailsTabs .nav-item {
    width: 20% !important;
    min-width: 20%;
}

#fundDetailsSecondTabs {
    width: 100%;
}

#fundDetailsSecondTabs .nav-item {
    text-align: center;
}


@media (min-width: 768px) {
   
    #fundDetailsSecondTabs .nav-item {
        flex: 1 1 0;
        min-width: 100%;
        border-right: 1px solid #e5e5e5;
    }

    #fundDetailsSecondTabs .nav-item:last-child {
        border-right: 0;
    }
}



@media (min-width: 768px) {
    .funds-wrapper > .sticky-wrapper {
        width: 100%;
    }
}
.funds-wrapper{
    padding: 0px 10px;
}
@media (min-width: 1200px) {
    .funds-wrapper {
        padding: 0 150px;
    }
}


.where-to-buy .link{
    margin:25px 0;
}

.list-source-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.funds-detail-wrapper{
    width: 100%;
}
@media (min-width: 768px) {
    .list-source-logos {
        justify-content: start;
    }
    .right-heading .dropdown-toggle::after{
    content:"";
    display: none;
}

.funds-detail-wrapper .group-heading{
    display: flex;
        flex-direction: row;
        width: 100%;
        align-items: end;
        justify-content: space-between;
}
}
.funds-wrapper .breadcrumb li a {
    font-size: 12px;
}
@media (max-width: 768px) {
    .funds-detail-wrapper .group-heading .right-heading{
        width:100%;
    }
    .funds-wrapper .breadcrumb{
        margin:10px 0 30px 0;
        }
}

@media screen and (min-width: 992px) {
    .fund-details-header {
        margin-bottom: 20px;
    }
}