.sal--wrapper--nav {
    max-width: 1376px;
    min-width: 120px;
}

.layout_left_col {
    width: 20%;
    overflow: hidden;
}

.sal--wrapper--nav a {
    font-size: 18px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: center;
    font-weight: 300;
    font-family: Univers;
    outline: none;
    position: relative;
    opacity: 0.8;
}

    .sal--wrapper--nav a:first-child {
        padding-left: 0;
    }

        .sal--wrapper--nav a:first-child::after,
        .sal--wrapper--nav a:first-child::before {
            left: 0;
        }

    .sal--wrapper--nav a::after, .sal--wrapper--nav a::before {
        content: '';
        max-width: 200px;
        width: 5px;
        height: 25px;
        background: transparent;
        display: block;
        position: absolute;
        left: 15px;
        top: 0%;
        transition: all 0.2s ease;
        margin-left: -10px;
        white-space: nowrap;
    }

.sal--wrapper--nav ul li {
    margin: 10px;
    list-style-type: none;
}

.sal--wrapper--nav a:hover {
    opacity: 1;
}

    .sal--wrapper--nav a:hover::before {
        background: rgba(0,0,0, 0.2);
    }

.sal--wrapper--nav a.active {
    opacity: 1;
    font-weight: 600;
}

    .sal--wrapper--nav a.active::after {
        background: red;
    }

.layout_content {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 10px;
    max-width: 650px;
}

#mainContentDiv {
    margin-left: 0px;
    margin-right: 0px;
}

#snapshotTitleDiv {
    margin: 8px 0 18px 0;
}

.uk-wrapper {
    width: 100% !important;
}

.layout_right_col {
    padding: 28px 0 0 0;
}

#overviewQuickstatsBenchmarkDiv {
    width: 52%;
}

@media screen and (max-width:1200px) {
    .layout_content {
        max-width: 590px;
        margin: 10px 0px 0px 0px;
    }
}

@media screen and (max-width:1080px) {
    .sal--wrapper--nav ul li {
        margin: 10px 12px 0px 0px;
        display: inline-flex;
    }

    .layout_left_col {
        width: 100%;
        border-top: 1px solid #cacaca;
    }

    .sal--wrapper--nav a::after, .sal--wrapper--nav a::before {
        width: 100%;
        height: 5px;
        margin-top: -2px;
        margin-left: 0px;
    }

    body, ul, div, li {
        margin: unset;
    }

    .sal--wrapper--nav {
        margin-top: 5px;
    }

    #mainContentDiv {
        margin-left: 0px;
        margin-right: 0px;
    }

    .layout_content {
        max-width: 800px;
    }

    #overviewQuickstatsBenchmarkDiv {
        float: left;
        width: 50%;
        margin-left: 5px;
    }

    /* OVERVIEW */
    #overviewRoleInPortfolioDiv {
        width: 100%;
    }

    #overviewPrimaryObjectiveDiv {
        width: 100%;
    }

    #overviewPerformanceDiv {
        width: 100%;
    }

    /* EQUITY */
    #overviewPortfolioEquityStyleDiv {
        width: 100% !important;
    }

    #overviewPortfolioTopRegionsDiv {
        width: 100% !important;
    }

    #overviewPortfolioTopSectorsDiv {
        width: 100% !important;
    }

    #overviewPortfolioTopHoldingsDiv {
        width: 100% !important;
    }
    /* BONDS OR MONEY MARKET */
    #overviewPortfolioBondTopHoldingsDiv {
        width: 100%;
    }

    #overviewPortfolioFixedIncomeStatsDiv {
        width: 100% !important;
    }

    #Morningstar5PillarsDiv {
        width: 100%;
    }

    #TrailingReturnsOverview {
        width: 100%;
    }

    #FundManagersOverview {
        width: 100%;
    }

    #overviewPerformanceTrailingReturnsDiv {
        width: 100%;
    }

    #overviewPerformanceBenchmarkDiv {
        width: 100%;
    }

    #overviewPortfolioBondStyleDiv {
        width: 100% !important;
    }

    #overviewPortfolioAssetAllocationDiv {
        width: 100% !important;
    }

    /* RATING */
    #ratingRatingLeftDiv {
        width: 100%;
    }

    #ratingRatingRightDiv {
        width: 100%;
    }

    #ratingRiskLeftDiv {
        width: 100%;
    }

    #ratingRiskRightDiv {
        width: 100%;
    }

    /* PORTFOLIO */
    /* BONDS */
    #portfolioBondSummaryInstrumentsDiv {
        width: 100%;
    }

    #portfolioBondSummaryCurrencyDiv {
        width: 100%;
    }

    /* FEES -- PURCHASE INFO */
    #managementFeesSalesFeesDiv {
        width: 100%;
    }

    #managementFeesAnnualChargesDiv {
        width: 100%;
    }

    #managementPurchaseInformationMinInvestDiv {
        width: 100%;
    }

    /* MANAGEMENT */
    #managementManagementFundCompanyDiv {
        width: 100%;
    }

    /* PURCHASE INFORMATION */
    #PurchaseInformationMinimunInvestmentsDiv {
        width: 100%;
    }

    #PurchaseInformationAdministratorDiv {
        width: 100%;
    }
}

@media screen and (max-width:950px) {
    #overviewQuickstatsBenchmarkDiv {
        width: 40%;
    }
}

@media screen and (max-width:850px) {
    #overviewQuickstatsBenchmarkDiv {
        width: 30%;
    }
}

@media screen and (max-width:680px) {
    #overviewQuickstatsBenchmarkDiv {
        width: 100%;
    }
}

.chiclet {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjlweCIgdmlld0JveD0iMCAwIDExIDkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExIDkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjNTA1MENDIiBwb2ludHM9IjYuNSw5IDAsOSAwLDAgNi41LDAgMTEsNC41ICIvPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNSwydjJoMnYxSDV2Mkg0VjVIMlY0aDJWMkg1eiIvPgo8L3N2Zz4K);
    background-size: 1.1em 0.9em;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0.2em;
    padding-right: 1.2em;
    margin-left: 0px;
}