body {

}

.content-box.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.navigation-bar {
    margin-top: 1rem;
    padding-left: 4rem;
}

.navigation-bar ul {
    display: flex;
    gap: 0.4rem;
}

.navigation-bar li ~ li::before {
    content: ">  ";
    font-size: 1rem;
}

.navigation-bar button {
    background: transparent;
    border: none;
    outline: none;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-15-rem {
    margin-bottom: 0.938rem !important;
}

.mb-10-rem {
    margin-bottom: 0.625rem !important;
}

.mlr-5-rem {
    margin-left: 0.3125em !important;
    margin-right: 0.3125em !important;
}

.no-padding {
    padding: 0px 0px 0px 0px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-15 {
    padding-left: 15px;
}

.plr-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pl-10-rem {
    padding-left: 0.625rem;
}

.pt-15-rem {
    padding-top: 0.938rem;
}

.pr-15-rem {
    padding-right: 0.938rem;
}

.pb-15-rem {
    padding-bottom: 0.938rem;
}

.pr-10-rem {
    padding-right: 0.625rem;
}

.p-15Bg-W {
    padding: 0.938rem !important;
    background-color: white;
}

.p-25Bg-W {
    padding: 1.5625em !important;
    background-color: white;
}

.shadowBox {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.product-type__picture_bond {
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    background-color: var(--color-primary-secondary);
    color: var(--legacy-navy-fund-text);
}

.img-responsive-rounded {
    border-radius: 50%;
    object-fit: cover;
    width: 5.8rem;
    height: 5.8rem;
    display: block;
}

.product-type__picture_bond > img {
    height: 100%;
}

.stockTitleEM24Bold {
    font-size: 1.5em;
    font-weight: bold;
    color: var(--legacy-text-dark);
}

.subTitleEM18Bold {
    font-size: 1.125em;
    font-weight: bold;
    color: var(--legacy-text-dark);
    display: inline;
}

.subTitleEM16GreyInline {
    font-size: 1em;
    color: #9E9E9E;
    display: inline;
}

.stockTitleEM22Bold {
    font-size: 1.5em;
    font-weight: bold;
    color: var(--legacy-text-dark);
}

.subTitleEM14 {
    font-size: 0.875em;
    color: #666666;
    display: inline;
}

.subTitleEM14Bold {
    font-size: 0.875em;
    color: #666666;
    font-weight: bold;
    display: inline;
}

.subTitleEM16Bold {
    font-size: 1em;
    color: #666666;
    font-weight: bold;
    display: inline;
}

.stockTitleEMBold {
    font-size: 1.375em;
    color: var(--legacy-text-dark);
    font-weight: bold;
    display: inline;
}

.font12em {
    font-size: 0.75em !important;
}

.font14em {
    font-size: 0.875em !important;
}

.font16em {
    font-size: 1em !important;
}


.border-light-bot {
    border-bottom: 1px solid #e7e7e7;
}

.border-light-left {
    border-left: 1px solid #e7e7e7;
}

.displayBlock {
    display: block !important;
}

.height880Rem {
    height: 55rem;
}

@media (width < 768px) {
/*    .borderRowLeft {
        border-left: 0;
    }*/

    .shortView {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .plr-10-rem {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (width < 992px) {
/*    .border-grey-right {
        border-right: 0px;
    }
*/
    .plr-0-rem-mobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .hidden-narrow {
        display: none;
    }

    /*.display-narrow {
        display: block !important;
    }*/
}

@media (width > 991px) {
    .pr-0-rem {
        padding-right: 0rem;
    }

    /*.pl-0-rem {
        padding-left: 0rem;
    }*/
}

@media (width < 650px) {
    /*.plr-0-rem {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }*/

    .pr-15-rem {
        padding-right: 0px !important;
    }
}

@media (min-width: 768px) {
    .content-box {
        margin: 0px;
    }
}

.stock-info-label {
    color: var(--color-medium);
}

:root[data-theme="dark"] .funds-container .stockTitleEM {
    color: var(--color-normal);
}

:root[data-theme="dark"] .p-15Bg-W,
:root[data-theme="dark"] .p-25Bg-W {
    background-color: var(--color-white-container);
}

:root[data-theme="dark"] .stockTitleEM24Bold,
:root[data-theme="dark"] .subTitleEM18Bold,
:root[data-theme="dark"] .stockTitleEM22Bold,
:root[data-theme="dark"] .stockTitleEMBold {
    color: var(--color-normal);
}

:root[data-theme="dark"] .subTitleEM16GreyInline,
:root[data-theme="dark"] .subTitleEM14,
:root[data-theme="dark"] .subTitleEM14Bold,
:root[data-theme="dark"] .subTitleEM16Bold {
    color: var(--color-medium);
}

:root[data-theme="dark"] .border-light-bot,
:root[data-theme="dark"] .border-light-left {
    border-color: var(--color-outline);
}

:root[data-theme="dark"] .funds-container {
    --color-skeleton-background: var(--color-gray-container);
    --skeleton-pulse-highlight: var(--skeleton-pulse-highlight-accent);
}

.txt-fund-neutral {
    color: var(--legacy-brand-purple);
}

.txt-fund-positive {
    color: var(--status-success-legacy-txt);
}

.txt-fund-negative {
    color: var(--status-error-legacy-txt-fund);
}

:root[data-theme="dark"] .txt-fund-neutral {
    color: var(--color-brand);
}

:root[data-theme="dark"] .txt-fund-positive {
    color: var(--color-success);
}

:root[data-theme="dark"] .txt-fund-negative {
    color: var(--color-error);
}

.navigation-bar__list {
    list-style-type: none;
    padding-left: 15px;
}

.fund-variation-lg {
    font-size: 20px !important;
}

.fund-regulation-icon {
    padding-bottom: 4px;
}

.fund-composition-chart {
    padding-left: 1.5rem;
}