:root {
    --blue: #5e72e4;
    --indigo: #5603ad;
    --purple: #8965e0;
    --pink: #f3a4b5;
    --red: #f5365c;
    --orange: #fb6340;
    --yellow: #ffd600;
    --green: #2dce89;
    --teal: #11cdef;
    --cyan: #2bffc6;
    --white: #ffffff;
    --gray: #6c757d;
    --gray-dark: #32325d;
    --light: #ced4da;
    --lighter: #e9ecef;
    --primary: #e14eca;
    --secondary: #f4f5f7;
    --success: #00f2c3;
    --info: #1d8cf8;
    --warning: #ff8d72;
    --danger: #fd5d93;
    /*--caution: #FFEFCA;*/
    --caution: #FFF75C;
    --light: #adb5bd;
    --dark: #212529;
    --default: #344675;
    --white: #ffffff;
    --neutral: #ffffff;
    --darker: black;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --themeColor: #27293D;
    --themeColorOpacity: rgba(225, 78, 202,.5);
    --scrollColor: #27293D;
    --lightDarkTheme: #1E1E2E;
    --box-shadow: 2px 2px 5px #181717, -2px -2px 5px #181717;
    /*--switch-button: #1E1E2E;*/
    --switch-button: #1d1d26;
    --box-shadow-switchBttn: inset 1px 1px 5px #151521, inset 1px 1px 5px #151521;
    --mySkinSelectorBackgroundColor: rgba(30, 30, 46, 0.25);
    --mySkinSelectorBackgroundColorFireFox: rgba(30, 30, 46, 0.9);
    /*--mySkinSelectorBackgroundColor: rgba(211, 215, 233, 0.15);*/
    --modalBG: #1d1d26;
    --myGridPagination: #ffffff;
    --btnBG: #F5F6FA;
    --icon-simple-remove-caution: #ffffff;
    --textColorProductDetails: rgba(255,255,255,.8);
    --textColorTable: rgba(255, 255, 255, 0.4);
    --dateTimePicker: #ffffff;
    --divSummaryAmounts: rgba(181, 182, 189, 0.02);
}
/*MyQuestionnaire*/
/*.questionnaire .header {
    margin: 15px 0 30px 0;
}

.progressBar {
    margin: 15px 0;
    outline: 1px solid #9a9a9a;
}

.modalsSection .questionnaire {
    padding: 10px;
}

.questionnaire .nav-pills-2, .modal-content .nav-pills-2 {
    justify-content: flex-start !important;
    gap: 10px;
    margin: 5px 0;
    cursor: pointer;
}
.questionnaire #question5 .nav-pills-2, .questionnaire #question5 .nav-link.active.show {
    padding: 10px;
}

@media only screen and (min-device-width: 1200px) and (min-device-width: 1300px) and (orientation: landscape) {
    .questionnaire #question5 .nav-pills-2, .questionnaire #question5 .nav-link.active.show {
        padding: 5px;
    }

    .row.questionnaire {
        margin: 15px;
    }

    .questionnaire .modal-footer {
        margin-top: 5px;
    }
}
    .questionnaire .nav-pills-2:hover, .modal-content .nav-pills-2:hover {
        box-shadow: var(--navItemsBoxShadow);
        border: 1px solid var(--themeColor);
    }

    .questionnaire .modal-footer {
        justify-content: space-between;
        margin-top: 10px;
        border: none;
    }

    .modal-footer-Countries {
        margin-top: 10px !important;
    }

    .questionnaire p {
        margin-bottom: 0;
        width: 100%;
    }

    .questionnaire .show p, .questionnaire .nav-pills-2:hover p,
    .modal-content .show p, .modal-content .nav-pills-2:hover p {
        color: var(--themeColor);
    }

    .fa-duotone {
        color: var(--themeColor);
    }

    .questionnaire .card-category {
        color: #9a9a9a;
    }

    .questionnaire .fa-solid .fa-ellipsis {
        width: 18px;
        height: 18px;
        background: var(--divSummaryAmounts);
        border-radius: 50%;
        background-color: red;
    }

    .questionnaire .fa-solid, .fa-brands, .fa-regular {
        color: var(--themeColor);
    }

    .row.questionnaire {
        margin: 20px;
    }

    .questionnaire button[disabled] {
        cursor: not-allowed !important;
    }

    .questionnaire .inputAnswer {
        background: transparent;
        border: none;
        outline: none;
        color: var(--lightDarkTheme);
        text-transform: capitalize;
        width: 100%;
    }

    .questionnaire .bgImage {
        display: none;
    }

    .questionnaire .watermarkDark {
        width: 100%;
        opacity: .5;*/
        /* box-shadow: var(--box-shadow); */
    /*}

    .questionnaire .form-control {
        border: none;
        border-bottom: 1px solid var(--themeColor);
    }

    .questionnaire .modal-header {
        padding: 1.7rem .7rem 0 0;
    }

        .questionnaire .modal-header .close {
            padding-top: 12px;
            padding-right: 12px;
        }

    .questionnaire .iconSearch {
        padding-right: 0px;
    }

    .questionnaire .card-title {
        font-size: 14px;
        margin-bottom: o;
    }

    .questionnaire .searchQuery {
        text-transform: capitalize;
    }

        .questionnaire .searchQuery::placeholder {
            text-transform: none;
        }

    .questionnaire .countriesDiv {
        overflow-y: scroll;
        max-height: 200px;
    }

    .surveyBox {
        background: var(--modalBG);*/
        /*background: var(--divSummaryAmounts);*/
        /*box-shadow: var(--box-shadow);
    }*/
    /* progressBar  */
    /*.progress {
        display: flex;
        height: .2rem !important;
        overflow: hidden;
        font-size: .65625rem;
        background-color: var(--divSummaryAmounts) !important;
        border-radius: .875rem;
        box-shadow: none !important;
    }

    .progress-bar {
        background-color: var(--themeColor);
        width: 0%;
        transition: width 0.6s ease;
    }*/
    /* END progressBar  */


    /*@media screen and (min-height: 700px) {
        .questionnaire .countriesDiv {
            overflow-y: scroll;
            max-height: 300px;
        }
    }

    @media screen and (min-height: 1000px) {
        .questionnaire .countriesDiv {
            overflow-y: scroll;
            max-height: 400px;
        }
    }

    @media screen and (min-width: 700px) {
        .questionnaire .bgImage {
            display: block;
            width: 80%;
            margin: auto;
        }

        .questionnaire .watermarkDark {
            width: 100%;
            opacity: .5;*/
            /* box-shadow: var(--box-shadow); */
        /*}
    }*/

    /*END MyQuestionnaire*/


    .form-control-reportsPage {
        border: 1px solid var(--navPills3Border);
    }

    .nav-link-focus:focus {
        background-color: rgba(181, 182, 189, 0.08);
        color: var(--themeColor);
        box-shadow: var(--navItemsBoxShadow);
        border: 1px solid var(--themeColor);
        width: fit-content;
        padding: 0.5rem 0.8rem;
        font-weight: 400;
    }

    .row-center-mobOnly {
        justify-content: center;
    }

    .filterReports {
        display: flex;
        align-items: flex-end;
        flex-direction: column-reverse;
    }

    .text-center-mobOnly {
        text-align: center;
        margin-bottom: 20px;
    }

    .newCard {
        box-shadow: var(--box-shadow) !important;
        background: var(--divSummaryAmounts) !important;
    }

    .liNavPills {
        flex: 1 1 0;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 50%;
        text-wrap: nowrap;
    }
    /*.displayGrid {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(2, 49%);
    grid-template-rows: repeat(2, 500px);
    grid-template-areas: 'pie1 pie2' 'bar1 bar2';
    gap: 2%;
    column-gap: 20px;
    grid-auto-rows: 1fr;
    align-items: end;
}*/
    .divChartAllProductsDistribution {
        grid-area: pie1;
    }

    .divCCYDistributionGraph {
        grid-area: pie2;
    }

    .divChartAllProducts {
        grid-area: bar1;
    }

    .divChartAllCurrencies {
        grid-area: bar2;
    }

    .icon-zoom-split {
        color: #878787;
    }

    .icon-video-66 {
        font-size: 20px !important;
        color: var(--themeColor);
        cursor: pointer;
        padding: 5px;
    }

    .dropdown-menu-useful {
        width: 280px !important;
        background: var(--mySkinSelectorBackgroundColorFireFox) !important;
        right: 60px !important;
    }

    .myDashboardPage .fixed-plugin-usefulMenu {
        top: 200px !important;
    }

    .fixed-plugin .dropdown-menu-useful li.adjustments-line {
        height: auto;
    }

    .svgMyUsefulMenuIcon {
        width: 30px;
        height: 30px;
    }

        .svgMyUsefulMenuIcon:focus {
            outline: none;
        }

    .iconVideoControlBtn {
        font-size: 18px !important;
        opacity: 1 !important;
    }

    .controlVideoText {
        font-style: italic;
        font-size: 12px;
        color: var(--textColorTable);
    }

    .dropdown-menu-useful .iconVideoControlBtn {
        padding-bottom: 15px;
    }

    .myBodyTermsAndConditions {
        overflow: hidden;
    }

    .the-canvas {
        margin-top: 10px;
    }

    .btnTC {
        outline: none;
        border: none;
        padding: 8px 16px;
        font-size: 14px;
    }

        .btnTC:focus {
            outline: none !important;
        }

    .wrapperTC {
        z-index: 0;
        overflow: hidden;
    }

    .boxTC {
        width: 100%;
        height: 100%;
        background-color: var(--mySkinSelectorBackgroundColor);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-clip: padding-box;
        position: fixed;
        /*position: absolute;*/
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        transition: all 0.4s ease;
        overflow: hidden;
    }

    .paginationBttns {
        background-color: var(--mySkinSelectorBackgroundColorFireFox);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-clip: padding-box;
        position: sticky;
        top: -1px;
        border-radius: 5px;
    }
    /*    .boxTC object {
        display: block;
        margin: auto;
        height: 85%; 
        width: 100%;
        box-shadow: var(--box-shadow);
        border-radius: 5px;
        margin-bottom: 5px;
    }*/
    .boxTC h4 {
        width: 100%;
    }

    .objectBoxTC span {
        font-size: 18px;
        color: var(--lightDarkTheme);
        vertical-align: middle;
        margin: 5px;
    }

    .objectBoxTC {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 90%;
        height: 80%;
        margin-bottom: 10px;
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease;
        z-index: 10000;
        /*overflow-x: hidden;*/
        overflow: scroll;
    }

    .rowBtnTC {
        flex-direction: column;
        z-index: 10001;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        margin: auto;
    }

        .rowBtnTC .row {
            column-gap: 10px;
        }

    .assetCategoryRow .lblIcon {
        display: block;
        width: 22px;
    }

    .logoSidebar {
        display: inline-block;
        float: left;
        margin-right: 12px;
        line-height: 30px;
        width: 18px;
        text-align: center;
        position: relative;
        max-width: 18px;
        margin: 5px 10px;
    }

    .myMenuFontSize {
        font-size: 0.7rem !important;
    }

    .btnGoToPageDashboard:hover {
        color: var(--themeColor) !important;
    }

    .partnersLogo {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        /*padding-top: 10px;*/
    }

    .pageFilterOptions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        /*padding-top: 10px;*/
    }

    .overflowHidden {
        overflow: hidden;
    }

    .demoBox {
        background-color: var(--mySkinSelectorBackgroundColor);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-clip: padding-box;
        /*width: 100%;*/
        width: 100vw !important;
        height: 100%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1111111111111111111111111111111;
        transition: all 0.4s ease;
    }
    /*.demoBoxModal {
    width: 100vw !important;
}*/
    .demoVideo {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.4s ease;
    }

        .demoVideo video {
            /*    object-fit: contain;*/
            width: 100%;
            display: block;
            margin: auto;
            box-shadow: var(--box-shadow);
            border-radius: 5px;
            background: url('Images/FINOR-Online_Blue-Theme_Wealth-Management-App.jpg') no-repeat;
            background-size: contain;
        }

        .demoVideo .icon-simple-remove {
            padding: 15px;
            font-size: 1.4em;
            width: 24px;
            color: #fd5d93;
            cursor: pointer;
        }

    .displayNone {
        display: none;
        z-index: -1111111111111111111111111;
        transition: all 0.4s ease;
    }

    .icon-simple-remove-caution {
        color: var(--icon-simple-remove-caution);
    }

    .updatePanel6 {
        margin-bottom: 20px;
    }

    .headingOne {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 0 !important;
    }

    .divSummaryAmounts {
        background: var(--divSummaryAmounts);
        border-radius: 8px;
        align-items: center;
        align-content: center;
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

        .divSummaryAmounts .card-body {
            padding-top: 0 !important;
        }

    .alert-caution {
        color: #1e1e2f;
        background-color: var(--caution);
        border-color: var(--caution);
    }

    .searchDiv {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        border: 1px solid var(--searchDivBorder) !important;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .form-control-BorderRight::placeholder {
        color: var(--textColorTable) !important;
    }

    .card-body-Details {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0 !important;
    }

    .dlNordigenCountries {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 8px;
        column-gap: 12px;
    }

    .dlNordigenCountriesItems {
        width: 22%;
        gap: 0px;
        display: flex;
        flex-direction: row;
    }

        .dlNordigenCountriesItems a {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
    /*.searchDiv {
    padding-bottom: 30px;
    padding-top: 30px;
}*/
    .form-control-BorderRight {
        border-right: 1px solid var(--searchDivBorder) !important;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .alert-caution hr {
        border-top-color: var(--caution);
    }

    .alert-caution .alert-link {
        color: #1e1e2f;
    }

    .icon-simple-remove-caution[data="caution"] {
        /*color: var(--dateTimePicker);*/
        color: #1e1e2f;
    }

    .boldWhite {
        color: var(--lightDarkTheme) !important;
        font-weight: 600;
    }

    .boldRed {
        color: #fd5d93 !important;
        font-weight: 600;
    }

    .gvInvestitiiHistory {
        width: 40px;
    }

    .rowUpdatePanelREImages {
        display: flex;
        justify-content: center;
    }

    .imgSmallProductImageBar {
        background-color: rgba(181, 182, 189, 0.08);
        border: 1px solid rgba(181, 182, 189, 0.3);
        border-radius: 5px;
        /*    background-color: transparent;
    background: transparent;*/
        vertical-align: middle;
        object-fit: cover;
        width: fit-content;
        display: block;
        margin: auto;
        /*    display: flex;
    justify-content: center;*/
        padding: 10px;
    }

    .imgSmallProductImage2 {
        object-fit: cover;
        border-radius: 5px;
        margin: 5px 10px;
        vertical-align: middle;
        object-fit: cover;
    }

    .imgSmallProductImageSelected {
        box-shadow: var(--navItemsBoxShadow);
        border: 1px solid var(--themeColor);
        transition: box-shadow 0.4s ease;
    }

    .imgSmallProductImage2:active, .imgSmallProductImage2:target, .imgSmallProductImage2:visited,
    .imgSmallProductImage2:focus-visible, .imgSmallProductImage2:focus {
        box-shadow: var(--navItemsBoxShadow);
        border: 1px solid var(--themeColor);
        transition: box-shadow 0.4s ease;
    }
    /*.imgSmallProductImage2BAR {
    background-color: var(--themeColor);
    height: 3px;
    border-radius: 5px;
    opacity: .5;
}*/
    .btnHover:hover {
        box-shadow: var(--navItemsBoxShadow) !important;
        transition: 0.4s ease;
        cursor: pointer;
    }

    .datePickerColor {
        color: var(--dateTimePicker) !important;
    }

    .btnColor {
        color: var(--modalBG) !important;
        font-weight: 600;
    }

    .nav-item-2 {
        width: fit-content !important;
        max-width: 50% !important;
    }

    .spanFilter {
        width: 70%;
        text-align: left;
        display: inline-flex;
        align-items: flex-start;
    }

        .spanFilter span {
            font-size: .85rem;
            font-weight: 600;
        }

    .icon-chart-bar-32 {
        padding-bottom: 3px;
        padding-right: 1px;
    }
    /*.icon-chart-bar-32::before {
    vertical-align: top !important;
}*/

    .tim-icons::before {
        /*    vertical-align: middle;*/
    }

    .verticalAlignMiddle::before {
        vertical-align: middle;
    }

    .text-caution {
        color: var(--caution);
        /*color: var(--themeColor) !important;*/
    }
    /*.widthFitContent{
    width: fit-content !important;
}*/
    a.text-caution:hover,
    a.text-caution:focus {
        /*color: var(--themeColor);*/
        font-weight: bold;
    }

    .rowOverflowX {
        overflow-x: scroll;
    }

    .card-category {
        min-width: 90px;
    }

    .GvNoBorderTh {
        border-top: 0px solid transparent !important;
        border-bottom: 2px solid rgba(181, 182, 189, 0.3) !important;
    }

        .GvNoBorderTh .card-category:nth-of-type(2) {
            min-width: 170px;
        }

    .GvNoBorder .text-center {
        /*border-left: 2px solid rgba(181, 182, 189, 0.3);*/
    }

    .gvListOfInstruments .tim-icons {
        padding: 10px;
    }

    .gvListOfInstruments .icon-tap-02 {
        padding: 0;
        padding-bottom: 7px;
    }
    /*.gvInvestitiiHistory .nav-pills-3 th:nth-of-type(5),
.gvInvestitiiHistory .nav-pills-3 td:nth-of-type(5),
.gvInvestitiiHistory .nav-pills-3 th:nth-of-type(6),
.gvInvestitiiHistory .nav-pills-3 td:nth-of-type(6),
.gvInvestitiiHistory .nav-pills-3 th:nth-of-type(7),
.gvInvestitiiHistory .nav-pills-3 td:nth-of-type(7),
.gvInvestitiiHistory .nav-pills-3 th:nth-of-type(8),
.gvInvestitiiHistory .nav-pills-3 td:nth-of-type(8) {
    text-align: right;
}*/
    /*.grdProductDetails .nav-pills-3:nth-of-type(8) td:nth-of-type(2) span{
    color: var(--lightDarkTheme) !important;
    font-weight: 900; 
}
.grdProductDetails .nav-pills-3:nth-of-type(9) td:nth-of-type(2) span {
    color: #fd5d93 !important;
    font-weight: 900; 
}*/
    .card-header-2 {
        display: flex;
        padding: 0px !important;
        width: 100%;
        align-items: center;
        margin-bottom: 5px;
    }

    .GvNoBorder-2 .nav-pills-2 td {
        width: 100%;
    }

    .tableRE tr td:first-child {
        width: 35%;
    }

    .nav-link-2 {
        margin: 15px 0 0px !important;
    }

    .sidebar[data="yellow"], .off-canvas-sidebar[data="yellow"] {
        /*    background: #F9F871;
    background: -webkit-linear-gradient(0deg, #ffd600 0%, #FFFD70 100%);
    background: -o-linear-gradient(0deg, #ffd600 0%, #FFFD70 100%);
    background: -moz-linear-gradient(0deg, #ffd600 0%, #FFFD70 100%);
    background: linear-gradient(0deg, #ffd600 0%, #FFFD70 100%);*/
        background: #FFF75C;
    }

        .sidebar[data="yellow"]:before, .off-canvas-sidebar[data="yellow"]:before {
            border-bottom-color: #FFFC5C;
        }

    .main-panel[data="yellow"] {
        border-top: 2px solid var(--caution);
    }

    .table-caution,
    .table-caution > th,
    .table-caution > td {
        background-color: var(--caution);
    }

    .table-hover .table-caution:hover {
        background-color: var(--caution);
    }

        .table-hover .table-caution:hover > td,
        .table-hover .table-caution:hover > th {
            background-color: var(--caution);
        }

    .btn-caution {
        color: var(--myGridPagination) !important;
        background: var(--caution) !important;
        border-color: var(--caution) !important;
        box-shadow: 0 4px 6px rgba(249, 248, 113, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    }

        .btn-caution:hover {
            color: var(--myGridPagination) !important;
            background-color: var(--caution) !important;
            background-image: linear-gradient(to bottom left, #ffd600, #FFFD70, #ffd600 ) !important;
            border-color: var(--caution) !important;
        }

        .btn-caution:focus,
        .btn-caution.focus {
            box-shadow: 0 4px 6px rgba(249, 248, 113, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(249, 248, 113, 0.5);
        }

        .btn-caution.disabled,
        .btn-caution:disabled {
            color: #ffffff;
            background-color: var(--caution);
            border-color: var(--caution);
        }

        .btn-caution:not(:disabled):not(.disabled):active,
        .btn-caution:not(:disabled):not(.disabled).active,
        .show > .btn-danger.dropdown-toggle {
            color: #ffffff;
            background-color: var(--caution);
            border-color: var(--caution);
        }

            .btn-caution:not(:disabled):not(.disabled):active:focus,
            .btn-caution:not(:disabled):not(.disabled).active:focus,
            .show > .btn-caution.dropdown-toggle:focus {
                box-shadow: none, 0 0 0 0 rgba(249, 248, 113 0.5);
            }

    .btn-outline-caution {
        color: var(--caution);
        background-color: transparent;
        background-image: none;
        border-color: var(--caution);
    }

        .btn-outline-caution:hover {
            color: #ffffff !important;
            background-color: var(--caution) !important;
            border-color: var(--caution) !important;
        }

        .btn-outline-caution:focus,
        .btn-outline-caution.focus {
            box-shadow: 0 0 0 0 rgba(249, 248, 113, 0.5);
        }

        .btn-outline-caution.disabled,
        .btn-outline-caution:disabled {
            color: var(--caution);
            background-color: transparent;
        }

        .btn-outline-caution:not(:disabled):not(.disabled):active,
        .btn-outline-caution:not(:disabled):not(.disabled).active,
        .show > .btn-outline-caution.dropdown-toggle {
            color: #ffffff;
            background-color: var(--caution);
            border-color: var(--caution);
        }

            .btn-outline-caution:not(:disabled):not(.disabled):active:focus,
            .btn-outline-caution:not(:disabled):not(.disabled).active:focus,
            .show > .btn-outline-caution.dropdown-toggle:focus {
                box-shadow: 0 0 0 0 rgba(249, 248, 113, 0.5);
            }

    .btn-caution:hover, .btn-caution:focus, .btn-caution:active, .btn-caution.active, .btn-caution:active:focus, .btn-caution:active:hover,
    .btn-caution.active:focus, .btn-caution.active:hover, .navbar .navbar-nav > a.btn-caution:hover,
    .navbar .navbar-nav > a.btn-caution:focus, .navbar .navbar-nav > a.btn-caution:active,
    .navbar .navbar-nav > a.btn-caution.active, .navbar .navbar-nav > a.btn-caution:active:focus,
    .navbar .navbar-nav > a.btn-caution:active:hover, .navbar .navbar-nav > a.btn-caution.active:focus,
    .navbar .navbar-nav > a.btn-caution.active:hover {
        background-color: var(--caution) !important;
        background: var(--caution) !important;
        /*background-image: linear-gradient(to bottom left, #ffd600, #FFFD70, #ffd600 ) !important;*/
        color: #1e1e2f;
    }

    .badge-caution {
        color: #ffffff;
        background-color: var(--caution);
    }

        .badge-caution[href]:hover,
        .badge-caution[href]:focus {
            color: #ffffff;
            text-decoration: none;
            background-color: var(--caution);
        }


    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 22px;
    }

        .switch input {
            opacity: 0;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--switch-button);
        box-shadow: var(--box-shadow-switchBttn);
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 14px;
            width: 14px;
            left: 5px;
            bottom: 4px;
            /*background-color: var(--themeColor);*/
            -webkit-transition: .4s;
            transition: .4s;
        }


    /*******************************************/

    input:checked + .slider {
        background-color: var(--switch-button);
        /*box-shadow: inset 1px 1px 5px #151521, inset 1px 1px 5px #151521;*/
        box-shadow: var(--box-shadow-switchBttn);
    }

        input:checked + .slider.primary:before, .slider.primary:before {
            background-color: #e14eca;
            box-shadow: 1px 1px 8px #bf42ac, -1px -1px 8px #bf42ac;
            border: 1px solid #bf42ac;
        }

        input:checked + .slider.danger:before, .slider.danger:before {
            background-color: #fd5d93;
            box-shadow: 1px 1px 8px #a12750, -1px -1px 8px #a12750;
            border: 1px solid #fd5d93;
        }

        input:checked + .slider.info:before, .slider.info:before {
            background-color: #1d8cf8;
            box-shadow: 1px 1px 8px #1977d3, -1px -1px 8px #1977d3;
            border: 1px solid #21a1ff;
        }

        input:checked + .slider.warning:before, .slider.warning:before {
            background-color: #ff8d72;
            box-shadow: 1px 1px 8px #d97861, -1px -1px 8px #d97861;
            border: 1px solid #ffa283;
        }

        input:checked + .slider.success:before, .slider.success:before {
            background-color: #00AEB8;
            box-shadow: 1px 1px 8px #00cea6, -1px -1px 8px #00cea6;
            border: 1px solid #00AEB8;
        }

        input:checked + .slider.caution:before, .slider.caution:before {
            background-color: var(--caution);
            box-shadow: 1px 1px 8px #d2c8b1, -1px -1px 8px #d2c8b1;
            border: 1px solid #d2c8b1;
        }

    .btnSavePrefferences {
        background-image: linear-gradient(to bottom left, var(--switch-button), var(--themeColor), white) !important;
        background-color: white !important;
        /*background: var(--btnBG) !important;*/
        background: var(--modalBG) !important;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 6px 10px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        color: var(--themeColor);
        /*color: var(--lightDarkTheme);*/
    }

        .btnSavePrefferences:hover, .btnSavePrefferences:focus, .btnSavePrefferences:active,
        .btnSavePrefferences.active, .btnSavePrefferences.active:focus,
        .btnSavePrefferences:active:focus, .btnSavePrefferences:active:hover {
            /*background-image: linear-gradient(to bottom left, var(--btnBG), var(--themeColor)) !important;*/
            background-image: linear-gradient(to bottom left, var(--modalBG), var(--modalBG)) !important;
            background-color: var(--modalBG) !important;
            color: var(--themeColor);
            /*color: var(--lightDarkTheme);*/
        }

        .btnSavePrefferences a.active:hover, .btnSavePrefferences a.active:focus, .btnSavePrefferences a:active:hover,
        .btnSavePrefferences a:active:focus, .btnSavePrefferences a.active, .btnSavePrefferences a:active,
        .btnSavePrefferences a:focus, .btnSavePrefferences a:hover {
            color: var(--themeColor);
        }



    .btnAdd_Rectangle {
        background-image: linear-gradient(to bottom, var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor),var(--themeColor), var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor)) !important;
        background-color: var(--themeColor) !important;
        /*background: var(--themeColor) !important;*/
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 6px 10px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        /*color: white;*/
        cursor: pointer;
        color: var(--modalBG);
    }

        .btnAdd_Rectangle:hover, .btnAdd_Rectangle:focus, .btnAdd_Rectangle:active,
        .btnAdd_Rectangle.active, .btnAdd_Rectangle.active:focus,
        .btnAdd_Rectangle:active:focus, .btnAdd_Rectangle:active:hover {
            background-image: linear-gradient(to bottom, var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor),var(--themeColor), var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor)) !important;
            background-color: var(--themeColor) !important;
            cursor: pointer;
            color: var(--modalBG);
        }

        .btnAdd_Rectangle a.active:hover, .btnAdd_Rectangle a.active:focus, .btnAdd_Rectangle a:active:hover,
        .btnAdd_Rectangle a:active:focus, .btnAdd_Rectangle a.active, .btnAdd_Rectangle a:active,
        .btnAdd_Rectangle a:focus, .btnAdd_Rectangle a:hover {
            color: var(--themeColor);
        }

    .textColorProductDetails {
        color: var(--textColorProductDetails);
    }

    .card-body-Investments {
        padding: 0 !important;
        display: flex;
        justify-content: flex-end;
    }

    .btnAdd {
        /*    background-image: linear-gradient(to bottom, var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor),var(--themeColor), var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor)) !important;
    background-color: var(--themeColor) !important;   */
        /*    background-image: linear-gradient(to top, var(--themeColor),var(--themeColor), rgb(255 255 255 / 15%), var(--themeColor)) !important;
    background-color: var(--themeColor) !important;*/
        background: var(--themeColor) !important;
        /*background: #a44aa1;*/
        /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 6px 10px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
        /*color: white;*/
        cursor: pointer;
        /*color: var(--modalBG) !important;*/
        color: var(--dateTimePicker) !important;
        font-weight: 500;
        /*color: #1e1e2e;*/
        border-radius: 5px;
    }

        .btnAdd:active, .btnAdd:focus, .btnAdd.active, .btnAdd.active:focus, .btnAdd:hover,
        .btnAdd:focus, .btnAdd:active, .btnAdd.active, .btnAdd:active:focus, .btnAdd:active:hover, .btnAdd.active:focus,
        .btnAdd.active:hover, .navbar .navbar-nav > a.btnAdd:hover, .navbar .navbar-nav > a.btnAdd:focus,
        .navbar .navbar-nav > a.btnAdd:active, .navbar .navbar-nav > a.btnAdd.active, .navbar .navbar-nav > a.btnAdd:active:focus,
        .navbar .navbar-nav > a.btnAdd:active:hover,
        .navbar .navbar-nav > a.btnAdd.active:focus, .navbar .navbar-nav > a.btnAdd.active:hover {
            /*background-image: linear-gradient(to bottom, var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor),var(--themeColor), var(--themeColor), rgb(255 255 255 / 45%), var(--themeColor)) !important;*/
            background-color: var(--themeColor) !important;
            cursor: pointer;
            background-image: linear-gradient(to top, var(--themeColor),var(--themeColor), rgb(255 255 255 / 15%), var(--themeColor)) !important;
        }

    .customBtnBoxShadow {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 6px 10px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        cursor: pointer;
    }
}

/*******************************************/
/*        input:checked + .slider{
            background-color: #e14eca;
        }*/
/*        input:checked + .slider.primary {
            background-color: #e14eca;
        }*/
/*
        input:checked + .slider.danger {
                background-color: #fd5d93;
        }*/
/*
            input:checked + .slider.info {
                background-color: #1d8cf8;
            }

            input:checked + .slider.warning {
                background-color: #ff8d72;
            }


            input:checked + .slider.success {
                background-color: #00f2c3;
            }*/
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
         
        input:checked + .slider:before
        {
            -webkit-transform: translateX(36px);
            -ms-transform: translateX(36px);
            transform: translateX(36px);
        }


        /* Rounded sliders */
        .slider.round
        {
            border-radius: 34px;
        }
         
        .slider.round:before
        {
            border-radius: 50%;
        }



.btn-theme-icon {
    height: 1.375rem;
    min-width: 1.375rem;
    width: 1.375rem;
    padding: 0;
    font-size: 0.9375rem;
    overflow: hidden;
    position: relative;
    line-height: normal;

}

    .btn-theme-icon.round {
        border-width: 1px;
        border-radius: 30px;
    }


    
    /*
        .slider danger {
    background-color: #fd5d93;
}

.slider success {
    background-color: #00f2c3;
}

.slider info {
    background-color: #1d8cf8;
}

.slider warning {
    background-color: #ff8d72;
}*/


investmentGrid_row
{

    border-bottom:double;
    border-bottom-color: var(--themeColor);
}




.investmentGrid_row.active.show {
    background-color: rgba(181, 182, 189, 0.08);
    color: var(--themeColor);
    box-shadow: var(--navItemsBoxShadow);
    /*            box-shadow: var(--btnHoverBoxShadow);
    color: var(--modalBG);
    background-color: var(--themeColor);*/

    border: 1px solid var(--themeColor);
    width: fit-content;
    border-radius: 5px;
    transition: box-shadow 0.4s ease;
}

.investmentGrid_row:hover {
    /*color: #e14eca;*/
    background-color: rgba(181, 182,189, 0.08);
    color: var(--themeColor);
    border-radius: 5px;
    transition: 0.4s ease;
}

datalist {
    position: sticky;
    max-height: 15em;
    /*border: 0 none;*/
    overflow-x: hidden;
    overflow-y: hidden;
    left: 0px;
    border: 1px;
}

    datalist option {
        display: inline;
        color: #9A9A9A;
        font-size: 1.1em;
        padding: 0.4em 1em;
        /*background-color: #1e1e2f;*/
        cursor: pointer;
        border: 1px;
    }

        datalist option:hover, datalist option:focus {
            color: var(--themeColor);
            /*#e14eca;*/
            /*lightgray;*/
            /*#e14eca;*/
            /*background-color: #27293d;*/
            /*#036;*/
            /*#191f31;*/
            outline: 0 none;
            text-decoration: none;
        }

        .text-toogle[aria-expanded=false] .text-expanded {
            display: none;
        }

        .text-toogle[aria-expanded=true] .text-collapsed {
            display: none;
        }




.myGridPagination {
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--lightDarkTheme);
}

    .myGridPagination td {
        border: none;
        width: 25px;
        height: 25px;
    }

    .myGridPagination table tbody, .myGridPagination table, .myGridPagination table tbody tr {
        width: 100%;
        display: inline-flex;
        margin: auto;
        align-items: center;
        /*justify-content: center;*/
        justify-content: flex-start;
        border: none;
    }

    .myGridPagination table tbody tr td {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 3px;
    }

.myGridPagination a {
    color: var(--lightDarkTheme);
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

    .myGridPagination span {
        /*background: var(--themeColor);*/
        /* background-image: -webkit-linear-gradient(to bottom left, var(--themeColor), #ba54f5, var(--themeColor));
background-image: -o-linear-gradient(to bottom left, var(--themeColor), #ba54f5, var(--themeColor));
background-image: -moz-linear-gradient(to bottom left, var(--themeColor), #ba54f5, var(--themeColor));
background-image: linear-gradient(to bottom left, var(--themeColor), #ba54f5, var(--themeColor));*/
        /*padding: 6px 12px;*/
        /*border-radius: 50%;*/
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        /*        background: rgba(164,74,161,.5);
        border: 1px solid #a44aa1;*/
        background: var(--themeColorOpacity);
        border: 1px solid var(--themeColor);
        /*box-shadow: var(--navItemsBoxShadow);*/
        background-size: 210% 210%;
        background-position: top right;
        /*color: var(--myGridPagination);*/
        color: var(--lightDarkTheme);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.myGridPagination a:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.1);
    /*color: var(--lightDarkTheme);*/
    /*border-radius: 50%;*/
    /* box-shadow: var(--navItemsBoxShadow);*/
    color: var(--themeColor);
    background-size: 210% 210%;
    background-position: top right;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.GvNoBorder {
    border: none;
    box-sizing: border-box; 
    margin-bottom: 20px;
}
.myGridPagination td table{
    margin: 5px 0;
}
.btnWidth{
    width: 65%;
}
.card-chart-Tablet{
    margin-top: 0px;

}

.areaProductDetails .card .card-body {
    padding: 0;
    margin-bottom: 30px;
}
.card-header-divChartsDropdownPeriods {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 0 !important;
    margin-bottom: 5px;
    row-gap: 10px;
}
.divChartsDropdownPeriods{
    flex: 0 100% !important; 
}
@media (min-width: 375px) {
    .bg-gradient-byTheme_New td:nth-of-type(3),
    .productsList td:nth-of-type(3) {
        padding-left: 10px; 
    }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 768px) and (orientation: landscape) {
    .objectBoxTC {
        top: 65%;
    }
}

@media (min-width: 768px) {
    .row-center-mobOnly {
        justify-content: left;
    }
    .filterReports { 
        align-items: flex-start; 
    }
    .text-center-mobOnly {
        text-align: left;
    }
    .liNavPills {
        flex: 1 1 0;
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0%;
    }

    .rowDemoBtn {
        padding: 20px;
        margin-top: -60px;
    }
    .objectBoxTC{
        top:70%;
    }
    .divSummaryAmounts {
        padding-bottom: 0px;
    }
    .divSummaryAmounts .card-body {
        padding: 10px 20px !important;
    }
    .chartLineEvolutionOfInstrument {
        margin-top: 55px;
    }
    .card-header-divChartsDropdownPeriods {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-top: 0 !important;
        margin-bottom: 5px;
    }
    .rowOverflowX {
        overflow-x: hidden;
    }

    .marginTop2 {
        margin-top: -60px;
    }
    .card-plain-2 {
        width: fit-content;
    }
    .paddingTop{
        padding-top:0 !important;
    }
 
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .objectBoxTC {
        top: 57%;
    }
    .rowDemoBtn {
        padding: 20px;
        margin-top: -40px;
    }
    .rowBtnTC {
        top: 10%;
    }

    .card-plain-2 {
        width: fit-content;
    }

    .marginTop {
        margin-top: -23px;
    }

    .marginTop2 {
        margin-top: -26px;
    }

    .marginTopStocks {
        margin-top: -8px;
    }

    .marginTopRE {
        margin-top: -18px;
    }

    .marginTopBP {
        margin-top: -18px;
    }

    .nav-link-graph {
        display: block;
        padding: 0.25rem 0.25rem;
    }

    .card-header-divChartsDropdownPeriods {
        padding: 0 !important;
        margin-left: 10px !important;
    }

    .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(3) {
        min-width: 100px;
        max-width: 100px;
        padding-left: 0;
    }

    .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(2) {
        min-width: 115px;
        max-width: 115px;
        padding-right: 0;
    }

    .gvMyInvestments .productsList_Old td:nth-of-type(2) {
        min-width: 115px;
        max-width: 115px;
    }

    .updatePanelREImages {
        margin-top: 20px;
    }

    .card-chart-Tablet {
        margin-left: 25%;
        width: 78% !important;
    }

    .spanAlignSelfTop {
        align-self: flex-start;
    }

    .divAddManuallyAccounts .nav-pills-2 {
        width: 100%;
    }

    .divAddManuallyAccounts .nav-item {
        width: 25%;
        max-width: 25%;
    }

    .dlNordigenCountriesItems {
        width: 15%;
    }

    .gvMyRealEstates .bg-gradient-byTheme_New {
        grid-template-columns: 35% 45% 20%;
    }

    .gvMyRealEstates .productsList {
        grid-template-columns: 35% 45% 20%;
    }
}

@media only screen and (max-device-width: 500px) {

    .btnGoToBondsPage, .btnGoToFundsPage {
        padding: 10px 9px!important;
    }
    .btnGoToStocksPage {
        padding: 10px 8px;
    }
    .btnGoToRetailPage, .btnGoToDiscretionaryPage, .btnGoToRealEstatesPage, .btnGoToCompaniesShares {
        padding: 10px 30px 10px 10px;
    }
}

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        .rowDemoBtn {
            padding: 20px;
            margin-top: -60px;
        }

        .objectBoxTC {
            top: 65%;
        }

        .rowBtnTC {
            top: 12%;
        }

        .card-header-divChartsDropdownPeriods {
            flex-direction: row;
        }

        .main-panel > .contentCustomerProfile {
            /*padding: 65px 30px 30px 280px;*/
            padding: 70px 30px 30px 280px;
        }

        .nav-link-graph {
            display: block;
            padding: 0.25rem 0.25rem;
        }

        .marginTopStocks {
            margin-top: -38px;
        }

        .marginTopRE {
            margin-top: -5px;
        }

        .marginTopBP {
            margin-top: -17px;
        }

        .card-header-divChartsDropdownPeriods .spanFilter {
            width: 40%;
        }

        .divChartsDropdownPeriods {
            padding-right: 0;
        }

        .card-chart-Tablet {
            margin-left: 50px !important;
            width: 95% !important;
        }

        .card-chart-Tablet-Funds {
            width: 80% !important;
            margin-left: 110px !important;
        }

        .card .card-header {
            padding: 15px 15px 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(3) {
            min-width: 100px;
            max-width: 100px;
            padding-left: 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(2) {
            min-width: 120px;
            max-width: 120px;
            padding-right: 0;
        }

        .gvMyInvestments .productsList_Old td:nth-of-type(2) {
            min-width: 120px;
            max-width: 120px;
        }

        .updatePanelREImages {
            display: flex;
            flex-direction: row;
        }

        .updatePanel6 {
            display: flex;
            flex-direction: column;
            width: 10%;
            margin-left: 20px;
        }

        .marginTop {
            margin-top: -38px;
        }

        .marginTop2 {
            margin-top: -65px !important;
        }

        .divAddManuallyAccounts .nav-pills-2 {
            width: 100%;
        }

        .divAddManuallyAccounts .nav-item {
            width: 25%;
            max-width: 25%;
        }

        .dlNordigenCountriesItems {
            width: 15%;
        }

        .bg-gradient-byTheme_New {
            display: grid;
            grid-template-columns: 28% 44% 28%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .productsList {
            display: grid;
            grid-template-columns: 28% 44% 28%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }
    }

    @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {

        .card-chart-Tablet {
            margin-left: 95px;
        }

        .marginTop2 {
            margin-top: -48px;
        }

        .dlNordigenCountriesItems {
            width: 15%;
        }
    }

    @media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
        .objectBoxTC {
            top: 65%;
        }

        .main-panel > .contentCustomerProfile {
            /*padding: 65px 30px 30px 280px;*/
            padding: 70px 30px 30px 280px;
        }

        .card-chart-Tablet {
            margin-left: 30px;
        }

        .card .card-header {
            padding: 15px 15px 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(3) {
            min-width: 100px;
            max-width: 100px;
            padding-left: 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(2) {
            min-width: 120px;
            max-width: 120px;
            padding-right: 0;
        }

        .gvMyInvestments .productsList_Old td:nth-of-type(2) {
            min-width: 120px;
            max-width: 120px;
        }

        .updatePanelREImages {
            display: flex;
            flex-direction: row;
        }

        .updatePanel6 {
            display: flex;
            flex-direction: column;
            width: 10%;
            margin-left: 20px;
        }

        .marginTop {
            margin-top: -38px;
        }

        .marginTopStocks {
            margin-top: -38px;
        }

        .marginTop2 {
            margin-top: -48px !important;
        }

        .nav-link-graph {
            display: block;
            padding: 0.25rem 0.25rem;
        }

        .marginTopBP {
            margin-top: -17px;
        }

        .divAddManuallyAccounts .nav-pills-2 {
            width: 100%;
        }

        .divAddManuallyAccounts .nav-item {
            width: 25%;
            max-width: 25%;
        }

        .dlNordigenCountriesItems {
            width: 15%;
        }

        .gvMyRealEstates .bg-gradient-byTheme_New {
            grid-template-columns: 35% 50% 15%;
        }

        .gvMyRealEstates .productsList {
            grid-template-columns: 35% 50% 15%;
        }
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
        .card-chart-Tablet {
            margin-left: 65px;
        }

        .main-panel > .contentCustomerProfile {
            /*padding: 65px 30px 30px 280px;*/
            padding: 70px 30px 30px 280px;
        }

        .card-header-divChartsDropdownPeriods {
            align-items: flex-start;
        }

        .divChartsDropdownPeriods .card-body {
            justify-content: flex-start !important;
        }

        .marginTop {
            margin-top: -10px;
        }

        .marginTopRE {
            margin-top: -5px;
        }

        .card-chart-Tablet {
            margin-left: 70px;
            width: 90% !important;
        }

        .card-chart-Tablet-Funds {
            margin-left: 120px;
            width: 80% !important;
        }

        .updatePanelREImages {
            display: flex;
            flex-direction: row;
        }

        .updatePanel6 {
            display: flex;
            flex-direction: column;
            width: 10%;
            margin-left: 20px;
        }

        .bg-gradient-byTheme_New {
            display: grid;
            grid-template-columns: 27% 45% 28%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .productsList {
            display: grid;
            grid-template-columns: 27% 45% 28%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .gvMyRealEstates .bg-gradient-byTheme_New {
            grid-template-columns: 36% 47% 18%;
        }

        .gvMyRealEstates .productsList {
            grid-template-columns: 36% 47% 18%;
        }
    }


    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
        .card-header-divChartsDropdownPeriods {
            flex-direction: row;
        }

        .marginTop, .marginTopStocks {
            margin-top: -38px;
        }

        .marginTop2 {
            margin-top: -48px;
        }

        .marginTopRE {
            margin-top: -5px;
        }

        .marginTopBP {
            margin-top: -17px;
        }

        .divAddManuallyAccounts .nav-pills-2 {
            width: 100%;
        }

        .divAddManuallyAccounts .nav-item {
            width: 25%;
            max-width: 25%;
        }

        .dlNordigenCountriesItems {
            width: 15%;
        }
    }

@media (min-width: 1020px) {
    .filterReports {
        flex-direction: row;
        align-items: flex-end;
        width: 100%;
        justify-content: space-between;
    }

    .text-center-mobOnly {
        margin-bottom: 0;
    }
}


    @media (min-width: 1025px) {


        .objectBoxTC {
            width: 80%;
        }

        .boxTC object {
            margin-bottom: 10px;
        }

        .card-plain-2 {
            width: fit-content;
        }
        /*
    .marginTop2 {
        margin-top: -60px;
    }*/

        .card-chart-Tablet {
            margin-left: 20px;
            /*        width: 90%;
        margin-left: 15%;*/
        }

        .card-chart-Tablet-Funds {
            width: 90%;
            margin-left: 14%;
        }

        .card .card-header {
            padding: 15px 15px 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(3) {
            min-width: 110px;
            max-width: 110px;
            padding-left: 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(2) {
            min-width: 170px;
            max-width: 170px;
            padding-right: 0;
        }

        .gvMyInvestments .productsList_Old td:nth-of-type(2) {
            min-width: 170px;
            max-width: 170px;
        }
    }

    @media (max-width: 1000px) {

        .divChartsDropdownPeriods {
            padding: 0 !important;
            margin: 0 !important;
        }

            .divChartsDropdownPeriods .nav-pills-2, .divChartsDropdownPeriods .nav-pills-3 {
                padding: 5px 0 !important;
                width: 100%;
                min-width: 100%;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
    }

    @media (min-width: 1000px) {
        .areaProductDetails .card .card-header {
            padding: 0;
        }

        .demoVideo {
            width: 65%;
        }

            .demoVideo .icon-simple-remove {
                font-size: 1.8em;
            }

        .tableRE tr td:first-child {
            width: 30%;
        }

        .btnWidth {
            width: fit-content;
        }


        .paddingTop2 {
            padding-top: 15px !important;
        }

        /*    .card-chart-Tablet-Funds { 
        width: 90%;
        margin-left: 15%;
    }*/

        .card .card-header {
            padding: 15px 15px 0;
        }

        .headingOneRE {
            padding: 3px 0px 0 !important;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(3) {
            min-width: 110px;
            max-width: 110px;
            padding-left: 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(2) {
            min-width: 170px;
            max-width: 170px;
            padding-right: 0;
        }

        .gvMyInvestments .productsList_Old td:nth-of-type(2) {
            min-width: 170px;
            max-width: 170px;
        }
    }


    @media (min-width: 1180px) {
        .paddingTop2 {
            padding-top: 10px !important;
        }

        .myMenuFontSize {
            font-size: 1rem !important;
        }
        /*    .marginTop2 {
        margin-top: -35px;
    }*/
        .updatePanelREImages {
            display: flex;
            flex-direction: row;
        }

        .updatePanel6 {
            display: flex;
            flex-direction: column;
            width: 10%;
            margin-left: 20px;
        }

        .nav-link-graph {
            display: block;
            padding: 0.25rem 0.25rem;
        }

        .dlNordigenCountriesItems {
            width: 10%;
        }

        .dlNordigenCountries {
            row-gap: 15px;
        }

        .divAddManuallyAccounts .nav-pills-2 {
            width: fit-content;
        }

        .divAddManuallyAccounts .nav-item {
            width: fit-content;
            max-width: 35%;
        }


        .bg-gradient-byTheme_New {
            display: grid;
            grid-template-columns: 30% 40% 30%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .productsList {
            display: grid;
            grid-template-columns: 30% 40% 30%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .divSummaryAmounts {
            margin-bottom: 40px;
        }

        .videoModal {
            width: 80% !important;
        }

        .videoModalOpenBanking {
            width: 55% !important;
        }

        .dropdown-menu-useful {
            width: max-content !important;
        }
        /*    .cellWidth{
        width: 70px !important;
    }*/
    }

    @media (min-width: 1300px) {
        .rowBtnTC {
            top: 13%
        }

        .objectBoxTC {
            top: 63%;
        }

        .bg-gradient-byTheme_New {
            display: grid;
            grid-template-columns: 33% 34% 33%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .productsList {
            display: grid;
            grid-template-columns: 33% 34% 33%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .card-chart-Tablet {
            margin-left: 25px;
        }

        .card-chart-Tablet-Funds {
            /*margin-left: 30px;*/
            width: 95%;
            margin-left: 10%;
        }

        .card .card-header {
            padding: 15px 15px 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(3) {
            min-width: 110px;
            max-width: 110px;
            padding-left: 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(2) {
            min-width: 170px;
            max-width: 170px;
            padding-right: 0;
        }

        .gvMyInvestments .productsList_Old td:nth-of-type(2) {
            min-width: 170px;
            max-width: 170px;
        }

        .dlNordigenCountriesItems {
            width: 10%;
        }

        .videoModal {
            width: 100% !important;
        }
    }

    @media (min-width: 1400px) {
        .card-chart-Tablet {
            margin-left: 20px;
        }

        .card-chart-Tablet-Funds {
            margin-left: 65px;
        }

        .card-header-divChartsDropdownPeriods {
            flex-direction: row;
        }

        .marginTop, .marginTopStocks {
            margin-top: -38px;
        }

        .marginTop2 {
            margin-top: -48px;
        }

        .marginTopRE {
            margin-top: -5px;
        }

        .marginTopBP {
            margin-top: -16px;
        }

        .videoModalOpenBanking {
            width: 65% !important;
        }
    }

    @media (min-width: 1700px) {

        .marginTop2 {
            margin-top: -48px;
        }

        .card-chart-Tablet {
            margin-left: 10px;
        }

        .card-plain-2 {
            width: 100%;
        }

        .card-plain-Funds {
            width: fit-content;
        }

        .card-chart-Tablet-Funds {
            /*margin-left: 30px;*/
            width: 95%;
            margin-left: 8%;
        }

        .card .card-header {
            padding: 15px 15px 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(3) {
            min-width: 120px;
            max-width: 120px;
            padding-left: 0;
        }

        .gvMyInvestments .bg-gradient-byTheme_Old td:nth-of-type(2) {
            min-width: 220px;
            max-width: 220px;
            padding-right: 0;
        }

        .gvMyInvestments .productsList_Old td:nth-of-type(2) {
            min-width: 220px;
            max-width: 220px;
        }

        .dlNordigenCountriesItems {
            width: 8%;
        }

        .bg-gradient-byTheme_New {
            display: grid;
            grid-template-columns: 40% 27% 33%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .productsList {
            display: grid;
            grid-template-columns: 40% 27% 33%;
            grid-template-areas: 'logo' 'acc' 'amount';
        }

        .gvMyRealEstates .bg-gradient-byTheme_New {
            grid-template-columns: 36% 47% 18%;
        }

        .gvMyRealEstates .productsList {
            grid-template-columns: 36% 47% 18%;
        }
    }

    @media (min-width: 1900px) {
        .card-chart-Tablet {
            margin-left: 10px;
            width: 100%;
        }

        .card-chart-Tablet-Funds {
            margin-left: 40px;
            width: 100%;
        }
    }

    @media (min-width: 2000px) {
        .card-chart-Tablet {
            margin-left: 20px;
            width: 100%;
        }
    }