@import "theme.css";

* {
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    text-decoration: none;
    box-sizing: border-box;
    list-style-type: none;
    letter-spacing: normal;
}

body {
    font-size: .9em;
    background: var(--white);
    font-family: var(--lato);
    line-height: 150%;
}

a {
    text-decoration: none;
    color: var(--scp-cobalt);
}

ul {
    padding-left: 0;
}

.hide {
    display: none;
}

/* common class start */
.wrapper-div {
    background: var(--white);
    padding: 1rem;
}

.boxDiv {
    border: 1px solid var(--lightGrey);
    border-radius: var(--qs-border-radius);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.46);
}

.borderBoxDiv {
    border: 1px solid var(--lightGrey);
    border-radius: var(--qs-border-radius);
}

.overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    bottom: 0;
    z-index: 2;
    display: none;
}

.divSec {
    box-shadow: rgba(33, 35, 38, 0.3) 0px 10px 10px -10px;
    border-top: 1px solid var(--lightGrey);
    border-bottom: 1px solid var(--lightGrey);
    margin-bottom: 1rem;
}
.divSec-payment{box-shadow: rgba(33, 35, 38, 0.3) 0px 10px 10px -10px;border-top: 1px solid var(--lightGrey);border-bottom: 1px solid var(--lightGrey);margin-bottom: 0.6rem;}
.noteDiv {
    color: var(--darkBlue);
}
/* overflow start */
.overflow {
    overflow: auto;
}

.overflow-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.overflow-y {
    overflow-x: hidden;
    overflow-y: auto;
}
/* overflow end */

/* modal start */
.modal {
    background: rgba(0, 0, 0, 0.8);
}

.modal-title {
    font-family: var(--lato);
    font-size:1.25rem;
}
/* modal end */

.instaRedTable .insta-redeem {
    background: rgba(0, 0, 0, 0) url(images/invest-icon.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 30px;
    margin: 0 10px;
    width: 31px;
}

/* border start */
.border-top-grey {
    border-top: 1px solid var(--lightGrey);
}
/* border end */


/* radius start */
.round-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.round-top-left-0 {
    border-top-left-radius: 0;
}

.round-top-right-0 {
    border-top-right-radius: 0;
}

.round-bottom-left-0 {
    border-bottom-left-radius: 0;
}

.round-bottom-right-0 {
    border-bottom-right-radius: 0;
}
/* radius end */

/* color start */
.red {
    color: var(--pcp-alizarin);
    font-size:20px;
}
/* color end */

/* width start */
.wid-100 {
    width: 100px;
}

.min-h-auto {
    min-height: auto !important;
}
/* width end */

/* validationDiv start */
.validationDiv {
    font-size: .8em;
    font-weight: bold;
    color: var(--pcp-alizarin);
    display: none;
    line-height: normal;
    width:100%; flex-basis:100%;
    /*text-transform: lowercase;*/
}
/* validationDiv end */

/* ul start */
.bulletUl, .alphaOl {
    padding-left: 15px;
}

    .bulletUl li {
        list-style-type: disc;
    }

    .alphaOl li {
        list-style-type: lower-alpha;
    }
/* ul end */

/* input, button start */
.form-control {
    font-size: 14px;
    box-sizing: border-box;
    line-height: normal;
}

    .form-control::placeholder {
        color: var(--ncp-dark-grey);
    }

button.btn {
    font-family: var(--lato);
    line-height: normal;
    font-weight: bold;
}

.btn-group ul {
    top: 100%;
    background: var(--white);
    border-bottom-left-radius: var(--qs-border-radius);
    border-bottom-right-radius: var(--qs-border-radius);
    border: 1px solid var(--scp-cobalt);
    font-size: 14px;
    padding: 0;
}
/* input end */

/* multi checkbox select start */
.dropdownDiv {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: var(--white);
    min-width: 200px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
}

    .dropdown-content label {
        padding: .5rem 1rem;
        display: block;
        cursor: pointer;
    }

        .dropdown-content label:hover {
            background: var(--lightGrey);
        }

.dropdown.active .dropdown-content {
    display: block;
}

.dropdown-content input[type="checkbox"] {
    margin-right: 10px;
}
/* multi select checkbox end */

/* start */
.infoTooltip {
    color: var(--lightGrey);
}

.tooltipDiv {
    position: absolute;
    background-color: var(--white);
    color: var(--scp-cobalt);
    border: 1px solid var(--lightGrey);
    padding: 5px;
    border-radius: var(--qs-border-radius);
    display: none;
    pointer-events: none;
    z-index: 9999;
    max-width: 300px;
    word-wrap: break-word;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
}

.tooltipDiv-left {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tooltipDiv-right {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tooltipDiv-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.tooltipDiv-bottom {
    bottom: inherit;
    left: 50%;
    transform: translateX(-50%);
}

.tooltipImgSec {
    position: relative;
}

    .tooltipImgSec .tooltipImgDiv {
        display: none;
        position: absolute;
        bottom: 100%;
        right: 0;
        margin: auto;
        background: var(--white);
        width: 200px;
        padding: .5rem;
        border: 1px solid var(--lightGrey);
        border-radius: 6px;
    }

table:not(.card-table) tbody tr:first-child .tooltipImgSec .tooltipImgDiv {
    bottom: inherit;
}

.tooltipImgSec span:hover + .tooltipImgDiv {
    display: block;
}

    .tooltipImgSec span:hover + .tooltipImgDiv p {
        margin: 0;
        text-align: center;
        color: var(--black);
    }
/* end */

/* txtBgDiv start */
.txtBgDiv {
    background: var(--lightGrey);
    border-radius: var(--qs-border-radius);
}
/* txtBgDiv end */

/* heading start */
h1, .headingText {
    font-size: 24px;
}

    h1 span, .headingText span {
        font-family: inherit;
        color: var(--scp-cobalt);
    }

.smHeading {
    color: var(--darkBlue);
    font-size: 16px;
    font-family: var(--lato);
    font-weight: bold;
}
/* heading end */

/* topHeadSec start */
.topHeadSec {
/*    background: var(--blue1);*/
    box-shadow: 0 2px 8px var(--ncp-light-grey);
}

    .topHeadSec .logo {
        display: inline-block;
    }

        .topHeadSec .logo img {
            width: 140px;
            height: auto;
        }

    .topHeadSec a {
        color: var(--white);
    /*    font-size: 1.3em;*/
    }

/*.logoDesk {
    display: none;
}*/

.logoMob {
    display: block;
}
/* topHeadSec end */

/* topMenuSec start */
.topMenuSec {
/*background: var(--blue1);*/
padding: .7rem 0;
/*display: none;*/
/*min-height: 44px;*/
}

.topMenuSec ul {
margin: 0;
}

.topMenuSec ul li a {
color: var(--black);
font-weight: bold;
}
.topMenuSec ul li ul {
margin-top: 20px;
border: 1px solid var(--darkBlue);
}

.topMenuSec ul li ul a {
font-size: var(--buttonFontSize);
}
.menuIconDiv a {
color: var(--black);
padding: .5rem;
border: 1px solid transparent;
}
/* topMenuSec end */

/* leftPanelSec start */
.leftPanelSec {
    background: var(--white);
    position: fixed;
    right: -280px;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 280px;
    z-index: 1;
    overflow: auto;
    transition: all 1s;
    visibility:hidden;
    border-left:1px solid var(--ncp-light-grey);
}

.toggleLeftPanel {
    right: 0;
    visibility:visible;
}

.closeBtnDiv a {
    color: var(--white);
    font-size: 1.5em;
}

.leftPanelSec .submenu {
    display: none;
}

.leftPanelSec ul li {
    border-bottom: 1px solid var(--ncp-light-grey);
    position: relative;
}

.leftPanelSec ul li a {
padding: .7rem 2rem .7rem 1rem;
display: flex;
justify-content: space-between;
gap: 1rem;
color: var(--black);
line-height: normal;
position: relative;
font-size:var(--textSize);
font-weight:bold;
}
.leftPanelSec ul li a:hover{color:var(--bcp-equity);}

.leftPanelSec ul li .toggleIco {
position: absolute;
top: 0;
bottom: 0;
right: 15px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}

.leftPanelSec ul li.active {
background: var(--white);
color: var(--black);
border-bottom: 1px solid var(--skyBlue1);
}

.leftPanelSec ul li.active a, .leftPanelSec ul li.active .toggleMenu {
color: var(--black);
}

.leftPanelSec ul li.active a {
font-weight: bold;
}

.leftPanelSec ul li ul {
    background: #FCFAFA;
}
.leftPanelSec ul li ul li {
border-bottom:none;
}

.closeBtnDiv {
    position: sticky;
    top: 0;
    /*background: var(--skyBlue1);*/
    z-index: 1;
}
.leftPanelSec .closeBtnDiv{border-bottom:1px solid var(--ncp-light-grey);}
.leftPanelSec .closeBtnDiv a{color:var(--black);}
/* leftPanelSec end */

/* folioHeadDiv start */
.folioHeadDiv ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .folioHeadDiv ul li {
        border: 1px solid var(--lightGrey);
        border-radius: var(--qs-border-radius);
        display: flex;
        flex: 1;
    }

        .folioHeadDiv ul li span {
            padding: .5rem 1rem;
            display: inline-block;
            font-weight: bold;
            color: var(--scp-cobalt);
            align-content: center;
        }

            .folioHeadDiv ul li span:first-child {
                min-width: 130px;
                background: var(--scp-cobalt);
                color: var(--white);
                border-top-left-radius: var(--qs-border-radius);
                border-bottom-left-radius: var(--qs-border-radius);
            }
/* folioHeadDiv end */

/* mainBodySec start */
.mainBodySec .form-control {
    border-color: var(--lightGrey);
    appearance: auto;
    background: var(--white);
}
/* mainBodySec end */

/* bannerCardSec start */
.bannerCardSec .discTxt {
    font-size: 8px;
    line-height: normal;
}

.bannerCardSec .card-footer .btn {
    align-content: center;
}
/* bannerCardSec end */

/* loginSec start */
/* .cardDesignSec1 .loginForm.card h3{background: none;padding-left: 0; padding-bottom: 0;color: var(--black);
margin-bottom: 10px;} */

.loginForm .form-group {
    color: var(--ncp-dark-grey);
}

.loginForm .posIcon i {
    position: absolute;
    left: 10px;
    top: 10px;
}

.loginForm .posIcon .form-control {
    padding-left: 30px;
    color: var(--ncp-dark-grey);
}

.loginInfoSec ol li {
    border-color: var(--lightGrey);
}
/* loginSec end */

/* investmentDetailCardSec start */
.folioCardDiv {
    border-color: var(--bcp-equity);
    background: var(--bcp-equity);
    color: var(--white);
}

.investmentDetailCardSec .card p {
    flex: 1 1 100%;
}

.investmentDetailCardSec .card-body h5 {
    font-family: var(--lato);
    font-weight: bold;
    font-size: 16px;
}
/* investmentDetailCardSec end */

/* otherAssetAlloSec start */
.otherAssetAlloSec .card h3 {
    flex: 1 1 100%;
}

.otherAssetAlloSec .col:not(:first-child) table tbody td {
    width: 33.33%;
}

.otherAssetAlloSec .card-body table {
    margin-bottom: 0;
}

    .otherAssetAlloSec .card-body table td {
        text-align: center;
        padding: .5rem .3rem;
        line-height: normal;
    }

    .otherAssetAlloSec .card-body table label {
        display: block;
        font-weight: bold;
        font-size: 12px;
    }

    .otherAssetAlloSec .card-body table tr span {
        font-weight: bold;
        font-size: 16px;
    }

    .otherAssetAlloSec .card-body table tr.equityTr {
        background: #C5C6ED;
        border-bottom: 1px solid var(--darkBlue);
    }

        .otherAssetAlloSec .card-body table tr.equityTr span {
            color: var(--darkBlue);
        }

    .otherAssetAlloSec .card-body table tr.goldTr {
        background: #fcf6dd;
        border-bottom: 1px solid var(--bcp-gold);
    }

        .otherAssetAlloSec .card-body table tr.goldTr span {
            color: var(--bcp-gold);
        }

    .otherAssetAlloSec .card-body table tr.debtTr {
        background: #fce2f6;
        border-bottom: 1px solid var(--bcp-debt);
    }

        .otherAssetAlloSec .card-body table tr.debtTr span {
            color: var(--bcp-debt);
        }

.otherAssetAlloSec .card-footer .btn {
    background: var(--bcp-multi-asset);
    color: var(--white);
}

.indicateDiv label {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .indicateDiv label .circle {
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 25px;
    }

.indicateDiv .equityLbl .circle {
    background: var(--darkBlue);
}

.indicateDiv .goldLbl .circle {
    background: var(--bcp-gold);
}

.indicateDiv .debtLbl .circle {
    background: var(--bcp-debt);
}
/* otherAssetAlloSec end */

/* myPortfolioSec start */
.myPortfolioSec .card h3 {
    flex: 1 1 100%
}
/* theme start */
.myPortfolioSec .cardDesignSec1 .equityDiv h3 {
    background: var(--bcp-equity);
    color: var(--white);
}

.myPortfolioSec .cardDesignSec1 .goldDiv h3 {
    background: var(--bcp-gold);
    color: var(--white);
}

.myPortfolioSec .cardDesignSec1 .debtDiv h3 {
    background: var(--bcp-debt);
    color: var(--white);
}
/* theme end */
/* myPortfolioSec end */

/* cardDesignSec1 start */
.cardDesignSec1 .card h2,
.cardDesignSec1 .card h3 {
    font-size: var(--headTxtSize);
    text-align: center;
    background: #eee;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; /*color: var(--tc-deep-blue);*/
    font-family: var(--lato);
    padding: .5rem;
    font-weight: bold;
    margin: 0;
    align-content: center;
}

.cardDesignSec1 .card .imgDiv {
    border: 1px solid var(--lightGrey);
    border-radius: 8px;
    display: flex;
    justify-content: center;
}

    .cardDesignSec1 .card .imgDiv img {
        height: 180px;
        width: auto;
        max-width: 100%;
    }

.cardDesignSec1 .card .min-h {
    min-height: inherit;
}

.cardDesignSec1 .card-body {
    flex: 1 1 100%;
}

.cardDesignSec1 ul li {
    padding: .3rem .5rem;
    border-top: 1px solid var(--lightGrey);
}

.cardDesignSec1 .card-footer a {
    flex: 1;
    background: #f3f3f3;
    border-radius: 0;
    color: var(--infoColor2);
    font-weight: bold;
}

    .cardDesignSec1 .card-footer a:first-child {
        border-bottom-left-radius: 6px;
    }

    .cardDesignSec1 .card-footer a:last-child {
        border-bottom-right-radius: 6px;
    }

    .cardDesignSec1 .card-footer a:nth-child(even) {
        background: #e5edf7;
    }

    .cardDesignSec1 .card-footer a:hover {
        background: var(--infoColor2);
        color: #fff;
    }

.otpScreen {
    display: none;
}
/* cardDesignSec1 end */


/* tabDiv start */
.tabDiv ul li a {
    padding: .5rem .2rem;
    border-bottom: 3px solid var(--black);
    display: inline-block;
    background: var(--white);
    border-top-left-radius: var(--qs-border-radius);
    border-top-right-radius: var(--qs-border-radius);
    font-weight: bold;
    color: var(--black);
    height: 100%;
    font-size: 16px;
    place-content: center;
}

    .tabDiv ul li a.active, .tabDiv ul li a:hover {
        border-color: var(--scp-cobalt);
        color: var(--scp-cobalt);
    }

.tab-content .tab-pane {
    display: none;
}

    .tab-content .tab-pane.active {
        display: block;
    }

.tab-content {
    border: 1px solid var(--lightGrey);
    border-radius: 0 var(--qs-border-radius) var(--qs-border-radius) var(--qs-border-radius);
}

    .tab-content label span, label span {
        font-weight: bold;
    }
/* tabDiv end */

/* start */
.formBtnDiv {
    border-top: 1px solid var(--lightGrey);
}
/* end */

/* table-design-div start */
.table-design-div table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--tableTxtSize);
}

.table-design-div thead {
    color: var(--black);
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
}

.table-design-div tbody, .table-design-div tfoot {
    border-bottom: 1px solid var(--black);
}

    .table-design-div tbody tr:not(:last-child) {
        border-bottom: 1px solid var(--lightGrey);
    }

.table-design-div table tr th {
    text-align: left;
}

.table-design-div table tr th, .table-design-div table tr td {
    padding: 0.3rem 0.5rem;
}

table.myInvestmentTable tr th, table.myInvestmentTable:not(.card-table) tr td,
table.transactTable tr th, table.transactTable:not(.card-table) tr td,
table.inProTransactTable tr th, table.inProTransactTable:not(.card-table) tr td,
table.estiExiLoadTable tr th, table.estiExiLoadTable:not(.card-table) tr td,
table.noWrapTable tr th, table.noWrapTable:not(.card-table) tr td {
    white-space: nowrap;
}

.table-design-div table tbody tr.highlight {
    background: var(--lightGrey);
}
/* .table-design-div table tbody tr:nth-child(even),.table-design-div table tbody tr:hover{background: var(--lightGrey);} */
.card-table thead {
    display: none;
}

.card-table tbody, .card-table tfoot {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    border: none;
}

.table-design-div table.card-table tr {
    border: 1px solid var(--lightGrey);
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: var(--qs-border-radius);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.46);
}

.card-table td {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.table-design-div table.card-table td {
    padding: 0;
}

    .table-design-div table.card-table td[data-th]:before {
        content: attr(data-th);
        display: block;
        font-weight: bold;
        padding-bottom: 0.2rem;
        text-align: left;
    }

.table-design-div table.card-table .td-btn-align {
    text-align: left;
}

.table-design-div table.card-table .td-span2-1, .table-design-div table.card-table .td-span3-1 {
    grid-column: auto;
}

.table-one th {
    text-align: left;
}

.table-design-div table .colBtnDiv a {
    flex: 1;
    min-height: auto;
}

.table-design-div table .colBtnDiv .dropdown-menu a {
    padding: .1rem .5rem;
}
/* table-design-div end */

/* start */
/* .tableOne thead th{white-space: nowrap;}
.tableOne thead th:nth-child(2){min-width:300px;}
.tableOne thead th:nth-child(3){min-width:100px;} */
/* end */

/* dashboardTable start */
.table-design-div table.card-table.dashboardTable {
    display: flex;
    flex-direction: column;
}

    .table-design-div table.card-table.dashboardTable tr {
        display: grid;
        grid-template-columns: 1fr;
        padding: 0;
        gap: 0;
        text-align: center;
    }
        /* .table-design-div table.card-table.dashboardTable tbody td:first-child{border-bottom-right-radius: var(--qs-border-radius);} */
        .table-design-div table.card-table.dashboardTable tr td {
            padding: .3rem .5rem;
            justify-content: space-between;
            gap: 1rem;
            border-bottom: 1px solid var(--lightGrey);
            text-align: right;
            align-items: center;
            white-space: normal;
        }

            .table-design-div table.card-table.dashboardTable tr td[data-th]:before {
                padding-bottom: 0;
            }

    .table-design-div table.card-table.dashboardTable tbody tr:nth-child(even), .table-design-div table.card-table.dashboardTable tbody tr:hover {
        background: none;
    }

    .table-design-div table.card-table.dashboardTable tbody, .table-design-div table.card-table.dashboardTable tfoot {
        padding: 0 .3rem 1rem;
    }

    .table-design-div table.card-table.dashboardTable tfoot {
        border: none;
    }

        .table-design-div table.card-table.dashboardTable tfoot tr {
            padding: 0;
            display: grid;
            grid-template-columns: 1fr;
            border: none;
            gap: 1rem;
            box-shadow: none;
        }

            .table-design-div table.card-table.dashboardTable tfoot tr td {
                flex-direction: row;
                justify-content: space-between;
                flex-direction: column;
                border: 1px solid var(--lightGrey);
                border-radius: var(--qs-border-radius);
                box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.46);
                line-height: normal;
                gap: 5px;
                font-weight: 900;
            }

                .table-design-div table.card-table.dashboardTable tfoot tr td::before {
                    font-size: 14px;
                    font-weight: 300;
                }
    /* .table-design-div table.card-table.dashboardTable .colBtnDiv{width: 100%; position: relative;left: 0; right: 0;}
.table-design-div table.card-table.dashboardTable .colBtnDiv a{border: 1px solid var(--scp-cobalt);flex: 1;background: var(--white); padding: .5rem;} */
    .table-design-div table.card-table.dashboardTable .colBtnDiv {
        width: 100%;
    }

        .table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group {
            flex: 1;
        }

            .table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group button {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                background: #f3f3f3;
                color: var(--scp-cobalt);
                border: none;
                font-weight: bold;
            }

        .table-design-div table.card-table.dashboardTable .colBtnDiv .btnDetail {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-left: none;
            flex: 1;
            background: #e5edf7;
            font-weight: bold;
            color: var(--scp-cobalt);
            padding-left: 0;
            padding-right: 0;
        }
            /* .table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group button,.table-design-div table.card-table.dashboardTable .colBtnDiv .btnDetail{padding: .5rem 0;} */
            .table-design-div table.card-table.dashboardTable .colBtnDiv .btn-group button:hover, .table-design-div table.card-table.dashboardTable .colBtnDiv .btnDetail:hover {
                background: var(--scp-cobalt);
                color: var(--white);
            }

.table-design-div table.dashboardTable tbody .btnDetail {
    display: none;
}

.table-design-div table.card-table.dashboardTable tbody .btnDetail {
    display: block;
}

.table-design-div table.card-table.dashboardTable tbody .form-control {
    min-height: inherit;
}

.table-design-div table.dashboardTable tbody .equityTr {
    border-left: 5px solid var(--bcp-equity);
    border-bottom: 1px solid var(--bcp-equity);
}

.table-design-div table.dashboardTable tbody .debtTr {
    border-left: 5px solid var(--bcp-debt);
    border-bottom: 1px solid var(--bcp-debt);
}

.table-design-div table.dashboardTable tbody .multiAsTr {
    border-left: 5px solid var(--bcp-multi-asset);
    border-bottom: 1px solid var(--bcp-multi-asset);
}

.table-design-div table.dashboardTable tbody .goldTr {
    border-left: 5px solid var(--bcp-gold);
    border-bottom: 1px solid var(--bcp-gold);
}

.table-design-div table.dashboardTable tbody .esgTr {
    border-left: 5px solid var(--bcp-esg);
    border-bottom: 1px solid var(--bcp-esg);
}

.table-design-div table.dashboardTable tbody .edgTr {
    border-left: 5px solid var(--bcp-edg);
    border-bottom: 1px solid var(--bcp-edg);
}

.table-design-div table.dashboardTable tbody tr {
    border-bottom: 1px solid var(--lightGrey);
}
/* hover effect start */
/* .table-design-div table.dashboardTable:not(.card-table) tbody .equityTr{background: linear-gradient(to right, transparent 50%, var(--bcp-equity) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .debtTr{background: linear-gradient(to right, transparent 50%, var(--bcp-debt) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .goldTr{background: linear-gradient(to right, transparent 50%, var(--bcp-gold) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .multiAsTr{background: linear-gradient(to right, transparent 50%, var(--bcp-multi-asset) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .esgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-esg) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .edgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-edg) 50%);background-size: 200% 100%; transition: background-position 0.6s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody tr:hover{background-position: -100% 0;color: var(--white);} */
/* .table-design-div table.dashboardTable tbody tr{position: relative;}
.table-design-div table.dashboardTable tbody tr::before{content: '';position: absolute;
top: 0;left: 0;width: 0;height: 100%;background: var(--bcp-equity);transition: width 0.3s ease;}
.table-design-div table.dashboardTable tbody tr:hover::before {width: 100%;} */
/* .table-design-div table.dashboardTable:not(.card-table) tbody .equityTr{background: linear-gradient(to right, transparent 50%, var(--bcp-equity-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .debtTr{background: linear-gradient(to right, transparent 50%, var(--bcp-debt-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .goldTr{background: linear-gradient(to right, transparent 50%, var(--bcp-gold-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .multiAsTr{background: linear-gradient(to right, transparent 50%, var(--bcp-multi-asset-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .esgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-esg-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody .edgTr{background: linear-gradient(to right, transparent 50%, var(--bcp-edg-shade-6) 50%);background-size: 200% 100%; transition: background-position 0.8s ease;}
.table-design-div table.dashboardTable:not(.card-table) tbody tr:hover{background-position: -100% 0;} */

/* .table-design-div table.tableTransition:not(.card-table) tbody tr{position: relative;}
.table-design-div table.tableTransition:not(.card-table) tbody tr td::before{content: '';position: absolute;
    top: 0; bottom:1px;left: 0;width: 0; transition: width 0.9s ease;z-index: -1;border-bottom:1px solid;}
.table-design-div table.tableTransition:not(.card-table) tbody .equityTr td::before{background: var(--bcp-equity-shade-6);border-color: var(--bcp-equity);}
.table-design-div table.tableTransition:not(.card-table) tbody .debtTr td::before{background: var(--bcp-debt-shade-6);border-color: var(--bcp-debt);}
.table-design-div table.tableTransition:not(.card-table) tbody .goldTr td::before{background: var(--bcp-gold-shade-6);border-color: var(--bcp-gold);}
.table-design-div table.tableTransition:not(.card-table) tbody .multiAsTr td::before{background: var(--bcp-multi-asset-shade-6);border-color: var(--bcp-multi-asset);}
.table-design-div table.tableTransition:not(.card-table) tbody .esgTr td::before{background: var(--bcp-esg-shade-6);border-color: var(--bcp-esg);}
.table-design-div table.tableTransition:not(.card-table) tbody .edgTr td::before{background: var(--bcp-edg-shade-6);
    border-color: var(--bcp-edg);}
.table-design-div table.tableTransition:not(.card-table) tbody tr:hover td::before{width: 100%;} */
/* hover effect  end */


.table-design-div table.card-table.dashboardTable tbody tr {
    border-bottom: none;
}

.table-design-div table.card-table.dashboardTable tbody tr {
    border: 1px solid var(--lightGrey);
    display: flex;
    flex-direction: column;
}

    .table-design-div table.card-table.dashboardTable tbody tr td.schemeNameTd {
        flex: 1 1 auto;
        text-align: center;
        line-height: normal;
    }

.table-design-div table.card-table.dashboardTable tbody .equityTd,
.table-design-div table.card-table.dashboardTable tbody .debtTd,
.table-design-div table.card-table.dashboardTable tbody .multiAsTd,
.table-design-div table.card-table.dashboardTable tbody .goldTd,
.table-design-div table.card-table.dashboardTable tbody .esgTd,
.table-design-div table.card-table.dashboardTable tbody .edgTd {
    background: var(--bcp-equity);
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
}

.table-design-div table.card-table.dashboardTable tbody .debtTd {
    background: var(--bcp-debt);
}

.table-design-div table.card-table.dashboardTable tbody .multiAsTd {
    background: var(--bcp-multi-asset);
}

.table-design-div table.card-table.dashboardTable tbody .goldTd {
    background: var(--bcp-gold);
}

.table-design-div table.card-table.dashboardTable tbody .esgTd {
    background: var(--bcp-esg);
}

.table-design-div table.card-table.dashboardTable tbody .edgTd {
    background: var(--bcp-edg);
}

.table-design-div table.card-table.dashboardTable tbody .schemeNameTd {
    border-top-left-radius: var(--qs-border-radius);
    border-top-right-radius: var(--qs-border-radius);
}

.table-design-div table.card-table.dashboardTable .dataThNone::before {
    content: none;
}

.table-design-div table.card-table.dashboardTable .tdDisNone {
    display: none !important;
}

.table-design-div table.card-table.dashboardTable .td-flex {
    display: flex !important;
}

.table-design-div table.card-table.dashboardTable tbody .btn-group ul {
    top: inherit;
    bottom: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .table-design-div table.card-table.dashboardTable tbody .btn-group ul li a {
        border: none;
    }

.table-design-div table.card-table.dashboardTable tbody .btn-group .dropdown-toggle::after {
    transform: rotate(180deg)
}

.table-design-div table.card-table.dashboardTable tbody .pad-0 {
    padding: 0;
}

.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(9),
.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(10),
.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(11),
.table-design-div table.card-table.myInvestmentTable tbody td:nth-child(12) {
    display: none;
}

.table-design-div table.dashboardTable:not(.card-table) tbody tr:last-child {
    border-bottom: 1px solid var(--black);
}

table tbody td .form-control {
    display: inline-block !important;
}

/*table tbody td a.btn {
    border: none;
}*/


table.myInvestmentTable:not(.card-table) thead th, table.myInvestmentTable:not(.card-table) tbody td, .myInvestmentTable:not(.card-table) tfoot td, table.transactTable:not(.card-table) thead th, table.transactTable:not(.card-table) tbody td, table.inProTransactTable:not(.card-table) thead th, table.inProTransactTable:not(.card-table) tbody td, table.inProTransactTable:not(.card-table) tfoot td {
    text-align: center;
}

    table.myInvestmentTable:not(.card-table) thead th:nth-child(1), table.myInvestmentTable:not(.card-table) thead th:nth-child(2), .myInvestmentTable:not(.card-table) tbody td:nth-child(1), .myInvestmentTable:not(.card-table) tbody td:nth-child(2), .myInvestmentTable:not(.card-table) tfoot td:nth-child(1),
    table.transactTable:not(.card-table) thead th:nth-child(1), table.transactTable:not(.card-table) tbody td:nth-child(1),
    table.inProTransactTable:not(.card-table) thead th:nth-child(1), table.inProTransactTable:not(.card-table) thead th:nth-child(3), table.inProTransactTable:not(.card-table) tbody td:nth-child(1), table.inProTransactTable:not(.card-table) tbody td:nth-child(3) {
        text-align: left;
    }

table.noWrapTable:not(.card-table) {
    white-space: nowrap;
}
/* dashboardTable end */

/* actionBtnDiv start */
.actionBtnDiv {
    gap: .5rem;
}

    .actionBtnDiv a {
        display: inline-block;
        border-radius: var(--qs-border-radius);
    }

        .actionBtnDiv a span.info-tooltip {
            padding: .2rem .8rem;
        }
/* .actionBtnDiv a span.info-tooltip i{color: var(--scp-cobalt);} */
/* actionBtnDiv end */

/* otherFundSec start */
.otherFundSec .ofTrHead {
    cursor: pointer;
    border-bottom: 1px solid var(--white);
}

.regularTableDiv {
    display: none;
}

.otherFundCardSec {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.otherFundCard {
    border: 1px solid var(--lightGrey);
    border-radius: var(--qs-border-radius);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.46);
    display: flex;
    flex-direction: column;
}

    .otherFundCard h3 {
        color: var(--scp-cobalt);
        font-size: 14px;
        padding: .5rem;
        line-height: 150%;
        flex: 1 1 auto;
        margin: 0;
        font-family: var(--lato);
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        color: var(--white);
        align-content: center;
        text-align: center;
    }

/*    #infoModal .modal-dialog {
        position: relative;
        margin: 10% auto;
        max-width: 500px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3);
        padding: 15px;}*/
.otherFundSec .dirEquityFundCard h3, .otherFundSec .regEquityFundCard h3 {
    background: var(--bcp-equity);
    }
.otherFundSec .dirMultiAssFundCard h3, .otherFundSec .regMultiAssFundCard h3,
.otherFundSec .dirQNiftyEtfCard h3, .otherFundSec .dirQNiftyEtfCard h3,
.otherFundSec .dirHybridFundCard h3, .otherFundSec .dirHybridFundCard h3,
.otherFundSec .regQNiftyEtfCard h3, .otherFundSec .regHybridFundCard h3 {
    background: var(--bcp-multi-asset);
}

.otherFundSec .dirDebtFundCard h3, .otherFundSec .regDebtFundCard h3 {
    background: var(--bcp-debt);
}

.otherFundSec .dirGoldFundCard h3, .otherFundSec .regGoldFundCard h3 {
    background: var(--bcp-gold);
}

.otherFundSec .otherFundCardBody {
    flex: 1 1 100%;
}

.otherFundCard .rowDiv {
    padding: .3rem .5rem;
    border-top: 1px solid var(--lightGrey);
}

    .otherFundCard .rowDiv select {
        padding: 0;
        min-height: auto;
    }

.otherFundCard .currentNavDiv span {
    line-height: normal;
}

    .otherFundCard .currentNavDiv span small {
        color: var(--ncp-dark-grey);
        font-size: 12px;
    }

.otherFundCard .btnDiv {
    display: flex;
}

    .otherFundCard .btnDiv button {
        flex: 1;
        padding: .5rem;
    }

        .otherFundCard .btnDiv button:first-child {
            border-bottom-right-radius: 0;
            background: #f3f3f3;
        }

        .otherFundCard .btnDiv button:last-child {
            border-bottom-left-radius: 0;
        }

    .otherFundCard .btnDiv .btn-primary {
        background: #e5edf7;
        color: var(--scp-cobalt);
        border: none;
        font-weight: bold;
    }

        .otherFundCard .btnDiv .btn-primary:hover {
            color: var(--white);
            background: var(--scp-cobalt);
        }
/* otherFundSec end */


/* new purchase sec start */
.newPurSec .headingText span {
    font-family: var(--lato);
    font-weight: bold;
}

.tab-pane h2 {
    text-align: left;
    font-size: 16px;
}
/* .tab-pane h2{background: #fff;padding: .5rem 1rem;border: 1px solid var(--lightGrey);
border-radius: 6px;font-size: 18px !important;width: fit-content} */
.tab-pane h6 {
    font-family: var(--lato);
    font-weight: bold;
}
/* .tab-pane .divSec{margin-bottom: 2rem;} */
/* jointHolderDetailSec,branchDetailSec start */
/* .jointHolderDetailSec,.branchDetailSec,.rtgsDivToggle,.impsDivToggle,.inaDivToggle,.depoPartDivToggle,
.dipIdDivToggle,.clientIdDivToggle,.taxResiDivToggle,.curNavDetDivToggle,.addNomineeDivToggle{display: none;} */
/* jointHolderDetailSec,branchDetailSec end */

/* confirmSec start */
.confirmSec label {
    display: block;
    font-weight: bold;
}

.confirmSec .txtLbl {
    text-align: right;
}

.confirmSec .col {
    border-bottom: 1px solid var(--lightGrey);
}
/* confirmSec end */

/* new purchase sec end */

/* pagiSec start */
.pagiSec {
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
    position: sticky;
    left: 0;
    right: 0;
}
.pagiSec .pagiBtnDiv li:first-child a, .pagiSec .pagiBtnDiv li:last-child a {
font-weight: bold; background:var(--white); opacity:1; 
}
/* pagiSec end */

/* mapFolio start */
/* .mapFolioToggleDiv{display: none;} */
/* mapFolio end */

/* .soaReqContSec start */
.soaReqContSec .soaReqDiv:not(:first-child) {
    display: none;
}
/* .soaReqContSec end */

/* footerSec start */
.footerSec {
    color: var(--white);
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
    text-align: center;
}

.footerMenu {
    background: var(--footerBg);
}

.footerSec h6, .footerSec h3, .footerSec .txtHeading {
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: .5rem;
    font-size: 16px;
    font-family: var(--oswald);
    font-weight:bold;
}

.footerSec ul {
    padding-left: 0;
}

    .footerSec ul li {
        margin-bottom: .2rem;
        list-style: none;
    }

        .footerSec ul li a {
            color: var(--white); text-decoration:none;
        }

            .footerSec ul li a:hover {
                color: #00adef;
            }

.footerSec a {
    color: var(--white);
    text-decoration: underline;
}

.footerSec .socialLinkSec div {
    display: flex;
}

.footerSec .socialLinkSec a {
    padding: .3rem;
    border: 1px solid var(--white);
    min-width: 35px;
    display: inline-block;
    text-align: center;
}

    .footerSec .socialLinkSec a:not(:first-child) {
        margin-left: -1px;
    }

.footerSec .discTxt {
    border-top: 1px solid var(--white);
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    color: var(--white);
}

    .footerSec .discTxt p {
        margin: 0;
    }

.footerSec .copyrightSec {
    color: var(--black);
}

.footerInfoSec {
    background: var(--infoColor2);
}

    .footerInfoSec h6 {
        color: var(--white);
    }
/* footerSec end */

/*Loader Start*/
.loaderDiv{position:fixed; top:0; right:0;bottom:0;left:0;z-index:1; background:rgba(255,255,255, 0.6); display:none;}
.loader {width: 35px;aspect-ratio: 1;display: grid;-webkit-mask: conic-gradient(from 15deg,#0000,#000);animation: l26 1s infinite steps(12);
position:absolute;top:0; right:0;bottom:0;left:0;margin:auto;}
.loader,.loader:before,.loader:after {background: radial-gradient(closest-side at 50% 12.5%, #33379a 96%,#0000) 50% 0/20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, #33379a 96%,#0000) 0 50%/80% 20% repeat-x;}
.loader:before,.loader:after {content: "";grid-area: 1/1;transform: rotate(30deg);}
.loader:after {transform: rotate(60deg);}
@keyframes l26 {100% {transform: rotate(1turn)}}
/*Loader End*/

/*Dashboard CSS start*/
/*#dvComparision #dvStackComparision {
    width: 100% !important;
}*/
.Comparision-Heading {
    padding: 20px 10px 10px 0px;
    overflow: hidden;
}

#dvComparision #dvStackComparision {
    width: 60%;
    height: 400px;
    margin: auto;
}

#dvComparision .dvStackLegends {
    display: flex;
    gap: 1.5rem;
    flex-direction: row;
    justify-content: center;
}

    #dvComparision .dvStackLegends span {
        padding: 5px 10px;
        text-align: center;
        border-radius: 5px;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        min-width: 70px;
    }

        #dvComparision .dvStackLegends span.equity {
            background-color: #0750b0;
        }

        #dvComparision .dvStackLegends span.gold {
            background-color: #9e6900;
        }

        #dvComparision .dvStackLegends span.debt {
            background-color: #cc02cf;
        }

/*#dvComparision button.comparision-button {
    background: #00ADEE;
    padding: 9px 14px;
    border-radius: 21px;
    box-shadow: 0px 2px 7px #00adeeb0;
    border: 1px solid #00adeeb0;
    font-size: 14px;
    color: #fff;
    width: 200px;
    display: flex;
    margin: 3rem auto 1rem;
    justify-content: center;
}*/

    #dvComparision button.comparision-button:hover {
        background-color: #0750b0;
        color: #fff !important;
        border: 1px solid #00ADEE !important;
    }

.doc-upload-bank-proof .UplFileInfo {
    display: none;
}

.sub-heading {
    padding: 10px 0 !important;
}

.sub-heading {
    font-size: 1.6em !important;
    font-weight: bold;
    padding: 11px 10px 10px 10px; /*DS-4036*/
    text-align: center;
    line-height: 1.2;
}
.tabcontent{display:none;transition:all 0.3s;}
.active{display:block !important;transition:all 0.3s;}
.active-payment{display:flex !important;transition:all 0.3s;}
.upper-text{text-transform:uppercase}
.amount-addition button{width:100%;padding:0.375rem 0.75rem;background:none;border:1px solid var(--scp-cobalt);border-radius:1rem;color:var(--scp-cobalt);}
/* responsive start */
@media (min-width:576px) {
    /* tabDiv start */
    .tabDiv ul li a {
        padding: .5rem 1rem;
    }
    /* tabDiv end */

    /* table-design-div start */
    /* .table-design-div table.card-table.dashboardTable tr{grid-template-columns: 1fr 1fr;} */
    .table-design-div table.card-table .td-span2-1 {
        grid-column: 1 / span 2;
    }

    .table-design-div table.card-table .td-span3-1 {
        grid-column: 1 / span 3;
    }
    /* table-design-div end */


}

@media (min-width:768px) {
    /* loginSec start */
    .cardDesignSec1 .loginForm.card h3 {
        margin-bottom: 0;
    }
    /* loginSec end */

    /* table-design-div start */
    .table-design-div table.card-table.dashboardTable tfoot tr {
        grid-template-columns: 1fr 1fr;
    }
    /* table-design-div end */

    /* .otherFundCardSec start */
    .otherFundCardSec {
        grid-template-columns: 1fr 1fr;
    }
    /* .otherFundCardSec end */

    /* folioHeadDiv start */
    .folioHeadDiv ul {
        flex-direction: row;
    }
    /* folioHeadDiv end */
    .confirmSec .txtLbl {
        text-align: left;
    }

    .confirmSec .col {
        border-bottom: none;
    }
    /* footerSec start */
    .footerSec {
        text-align: left;
    }
    /* footerSec end */
}

@media (min-width:992px) {
    /* topHeadSec start */
    .topHeadSec {
        background: var(--white);
    }

        .topHeadSec a {
            color: var(--blue1);
        }

    .logoDesk {
        display: block;
    }

    /*.logoMob {
        display: none;
    }*/
    /* topHeadSec end */

    /* topMenuSec start */
    .topMenuSec {
        display: block;
    }
    /* topMenuSec end */
    /* table start */
    .card-table tbody {
        grid-template-columns: 1fr 1fr;
    }

    .table-design-div table.card-table.dashboardTable tfoot tr {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .table-design-div table.card-table.assetWiseTable tfoot tr {
        grid-template-columns: 1fr 1fr;
    }
    /* table end */
    /* .otherFundCardSec start */
    .otherFundCardSec {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /* .otherFundCardSec end */
    .cardDesignSec1 .card .imgDiv img {
        height: 180px;
        width: auto;
        max-width: 100%;
    }

    .cardDesignSec1 .card .min-h {
        min-height: 100px;
    }
}

@media (min-width:1024px) {
}

@media (min-width:1200px) {
    /* table start */
    .card-table tbody {
        grid-template-columns: 1fr 1fr 1fr;
    }
    /* table end */
}


/* NACH / OTM Confirmation Popup */
.redem-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
    z-index: 99999;
}

    .redem-popup.show {
        display: block;
    }

    .redem-popup .popup-content {
        background: #fff;
        width: 420px;
        margin: 15% auto;
        padding: 20px;
        border-radius: 6px;
    }

    .redem-options img{border:1px solid #0066cc;border-radius:5px;}
/*.redem-options .box-selected{background:#0066cc;color:#fff;}*/
.redem-options button{background:#fff;}
/*.redem-options .cancel-redemption{background:#008000;;color:#fff;}
.redem-options .go-for-switch{background:#00CF00;color:#fff;}
.redem-options .proceed-swp{background:#FFA500;color:#fff;}
.redem-options .continue-redeem{background:#E90000;color:#fff;}*/
/*.redem-options .cancel-redemption{background:#065a2c;color:#fff;}
.redem-options .go-for-switch{background:#3bb33f;color:#fff;}
.redem-options .proceed-swp{background:#fea012;color:#fff;}
.redem-options .continue-redeem{background:#d90f07;color:#fff;}*/
.redem-options .cancel-redemption{background-image:linear-gradient(to bottom, #075d2f,#066031);color:#fff;}
.redem-options .go-for-switch{background-image:linear-gradient(to bottom, #37b543,#4ab93a);color:#fff;}
.redem-options .proceed-swp{background-image:linear-gradient(to bottom, #fea114,#fe9f0e);color:#fff;}
.redem-options .continue-redeem{background-image:linear-gradient(to bottom, #d30b09,#fc3607);color:#fff;}
.redem-options span{padding:1rem 1.2rem;font-size:1em;}
/*accessibility code start*/
:focus-visible {
    outline: 2px solid #005fcc !important;
    outline-offset: 2px;
}
.footerInfoSec :focus-visible{outline-color:var(--white)!important;}
/*accessibility code end*/

/*errorSummary start*/
.errorSummary li a{color:var(--ccp-orange-red); font-weight:bold; text-decoration:underline;}
/*errorSummary end*/

/*start*/
.skip-button {position: absolute;top: -100%;left: 0;border: 1px solid #0d6efd;background: #fff;color: #0d6efd;
    padding: .1rem .3rem;z-index: 1000;text-decoration: none;transition: top 0.2s;font-size: 12px;}
.skip-button:focus {top: 0;}
/*end*/

.upload-link {
    color: #007bff;
    text-decoration: underline;
    cursor: pointer;
}