.timeline-container .timeline li.bonus {
    border-color: #72b104 !important;
}

    .timeline-container .timeline li.bonus span:first-child {
        color: #72b104;
    }

.timeline-container .timeline li.split {
    border-color: #ce682a !important;
}

    .timeline-container .timeline li.split span:first-child {
        color: #ce682a;
    }

.field-validation-error {
    color: red;
}

.validation-summary-errors li {
    list-style: none;
    margin: 0;
}

.statementtitle {
    font-family: "Roboto Slab", serif;
    font-size: 14px;
    line-height: 14px;
    color: #034ea2;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
}

ul.ui-widget-content .ui-menu-item {
    padding: 2px 0;
}

.rt-popup {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    z-index: 11;
    max-width: 200px;
}

    .rt-popup:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

.rt-heading {
    color: rgb(128, 128, 128);
    font-family: "Roboto Slab", serif;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    white-space: normal;
    padding-left: 2px;
}

.rt-company {
    color: #034ea2;
    font-family: "Roboto Slab", serif;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 5px;
}

.rt-details {
    font-family: "Roboto Slab", serif;
    font-size: 12px;
    line-height: 14px;
    /*color: #034ea2;*/
    color: #03002F;
    /*display:flex;*/
    flex-direction: row;
    padding: 4px 2px;
    white-space: nowrap;
    vertical-align: top;
}

    .rt-details#divquantity, .rt-details#divprice {
        white-space: normal;
    }

.overlay-loader {
    background-color: white;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

section {
    position: relative;
}

    section.market-ticker {
        min-height: 80px;
    }

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    width: 50px;
    height: 50px;
}

/*header.header .navbar .navbar-nav > li.active > a {
    color:#145aa8;
}*/
/*SG 04-06 */
.fa-inr {
    margin-right: 2px;
}

.content-header .fa-inr {
    margin-right: 7px;
    font-size: 90%;
    margin-top: 5px;
}

.content-header.two-headers.mobile-headers .fa-inr {
    margin-right: 0;
}

.lyt-filters .bootstrap-select .dropdown-menu li a {
    padding: 3px 20px;
}
/*temp solution*/
.lyt-filters .dropdown-menu > .active > a:hover, .lyt-filters .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
    font-family: Montserrat, sans-serif;
}

.lyt-filters .bootstrap-select .dropdown-menu li a, .filter-option-inner-inner {
    font-family: Montserrat, sans-serif;
}
/*temp solution ends*/


.card-slider .card-item .card-content .content-list {
    margin-bottom: 20px;
}

    .card-slider .card-item .card-content .content-list:last-child {
        margin-bottom: 0;
    }

.cm-equal-banner {
    min-height: 296px;
}

body ul.ui-widget-content {
    border: 1px solid #d4d4d4;
}

ul.ui-widget-content .ui-menu-item {
    padding: 6px 10px;
    cursor: pointer;
    border-bottom: 1px solid #d4d4d4;
}

.ui-menu-item.ui-state-focus {
    background-color: #e9e9e9;
}

.lyt-filters .bootstrap-select .dropdown-menu li a:hover,
.lyt-filters .bootstrap-select .dropdown-menu li a:focus,
.lyt-filters .bootstrap-select .dropdown-menu li a:active {
    color: #262626;
    background-color: #f5f5f5;
}

.lyt-filters .bootstrap-select .dropdown-menu > li > a.active:hover,
.lyt-filters .bootstrap-select .dropdown-menu > li > a.active:focus,
.lyt-filters .bootstrap-select .dropdown-menu > li > a.active:active {
    background-color: #03002F;
    color: #fff;
}

.content-table {
    min-height: 136px;
}

.details-container.cm-dispTbl .cm-dispTblCell {
    vertical-align: top;
    text-align: right;
}

.table-theme .table-card tbody tr {
    border-radius: 5px;
}

header.header .navbar .navbar-right .dropdown-menu:before {
    border-bottom-color: initial;
}

section.inverse .form-group .bootstrap-select.select-caret #drptrnasaction + .dropdown-toggle {
    border-radius: 20px;
    border: solid 1px white;
}

.cm-big-text {
    letter-spacing: -1px;
    font-size: 18px;
}

.balancesheet {
    /*max-width: 1000px;*/
    border-radius: 8px;
    background-color: #fff;
    /* box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3); */
    margin: 0 0 10px 0;
    overflow: hidden;
}

    .balancesheet table {
        width: 100%;
    }


.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

    .tg td {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 8px 15px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
        border-color: #dddddd;
    }

    .tg th, .closing td {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        padding: 8px 15px;
        border-style: solid;
        border-width: 1px;
        overflow: hidden;
        word-break: normal;
        border-color: #dddddd;
        background-color: #03002F;
        color: white;
        font-weight: bold;
    }

    .tg .tg-0lax {
        text-align: left;
        vertical-align: top;
    }

    .tg tr td[colspan] {
        background-color: #cbd7e8;
    }

    .tg tr td + td {
        width: 150px;
    }

.lyt-whiteBox .data-row .header {
    font-family: "Montserrat", sans-serif;
    line-height: 150%;
    font-size: 13px;
}

.lyt-whiteBox .data-row .details {
    font-size: 13px;
}

#divMembersList .lyt-whiteBox {
    padding: 30px;
    margin-top: 0;
}

.dropdown-menu > li > a.active {
    background-color: #03002F;
}

#navbarCollapse .dropdown-menu > li > a.active {
    color: white;
}

.lyt-whiteBands .whiteBands-element {
    border-radius: 5px;
}

.card-slider .card-item .card-img img {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}


#divcapitalgain .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header, #divcapitalgain .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .header {
    min-width: 200px;
}

#divcapitalgain .nine-column > li {
    width: 10%;
}


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

    .details-container.width-20 > li {
        width: 35%;
        float: left;
        display: block;
    }

    #div_LoadProfile .details-container.width-20 > li {
        width: 100%;
        margin-bottom: 10px;
    }

    .lyt-whiteBox .title {
        height: 34px;
    }

    
    .six-column > li, .five-column > li, .seven-column > li, .nine-column > li {
        /*width: 38%;*/
        width: 33.333%;
        /*padding-right: 56px;*/
    }

    #divcapitalgain .nine-column > li {
        width: 33.33%;
    }
    .mob-two-column > li {
        width: 50%;
        float: left;
    }

    .lyt-whiteBands .whiteBands-element.mobile-tax-slot .main-details.with-border .header {
        width: 33.33%;
    }

    .divGetPerformanceData .lyt-whiteBands .whiteBands-element .main-details .details .details-container,
    .mobile-table .lyt-whiteBands .whiteBands-element .main-details .details .details-container {
        display: table;
    }

    .cm-dispTblCell.hidden-sm {
        display: none !important;
    }
    /*.reports-table .cm-dispTblCell.hidden-sm {display:table-cell!important;}*/
    .reports-table .mod-plus-minus .bigPlus {
        top: 15px;
    }

    #div_LoadProfile .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details {
        padding-left: 0;
    }

    .lyt-whiteBox.type-small {
        margin: 50px auto 0;
    }

    #divMembersList .lyt-whiteBox {
        padding: 15px;
    }

    .lyt-whiteBox.type-2 .lyt-whiteBoxContent {
        padding: 15px;
    }

    .cm-equal-banner {
        min-height: 255px;
    }

    .card-slider .card-item .card-img {
        max-height: 380px;
    }

    .table-theme .table-card {
        margin-bottom: 20px;
    }

    #div_LoadProfile .lyt-whiteBox .blue-heading {
        margin-bottom: 10px;
    }

    #divgainloss .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details {
        padding-left: 0px;
    }

    header.header.login-container .navbar .navbar-header .navbar-toggle {
        /*display: none;*/
    }

    section.card-slider .card-item .card-content .content-header.mobile-headers .banner-text {
        display: block;
    }
}

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

    .contentBox {
        min-height: 480px;
    }

    section.inverse .list-group-theme.list-items-bordered .list-group-item {
        min-height: 43px;
    }

    .card-slider .card-item .card-content .content-expand {
        min-height: 26px;
    }

    .sec-with-banner .bg-banner.big-header {
        max-height: 295px;
    }


        .sec-with-banner .bg-banner.big-header .banner-text {
            top: 28%;
        }

    .endDate {
        margin-left: -15px;
    }

    .lyt-filters .btn-withoutHeader {
        margin-left: -15px;
    }

    .lyt-whiteBox.fixed-height {
        min-height: 324px;
    }

    .lyt-filters .capital-gain-filter .btn-withoutHeader {
        margin-left: 0;
    }
}

@media screen and (max-width:992px) {
    /*.lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details, .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name-details{
        padding-left:0;Swapnil
    }*/

    .lyt-whiteBands .whiteBands-element .main-details.small-header .details {
        padding-right: 10px;
    }

    .lyt-whiteBands.small-band .whiteBands-element .separator-header.main-details .details .val,
    .lyt-whiteBands.small-band .whiteBands-element .separator-header.main-details .details .val .fa-inr {
        font-size: 10px;
    }

    .separator-header .fund-name-details {
        padding-left: 15px;
    }
}

@media screen and (max-width:767px) {
    /*.cm-quickpop.filter-popup {
    width: 300px;
    }*/

    .sec-with-banner.full-width.big-header.top-header .bg-banner .banner-text {
        top: 15%;
    }

    .sec-with-banner.full-width.big-header.top-header {
        padding-top: 70px;
    }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .header {
        padding: 15px 10px 0 15px;
    }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details {
        padding: 15px 25px 15px 15px;
    }

    .main-details .fund-name-details {
        height: 20px;
        position: relative;
    }

    .mod-plus-minus .bigPlus {
        top: -40px;
        padding: 5px;
        font-size: 14px;
    }

    #divcapitalgain .nine-column > li:first-child {
        width: 85px;
    }

    #divcapitalgain .nine-column > li {
        width: 100px;
    }

    .transaction-parent .lyt-whiteBands .whiteBands-element .val,
    .transaction-parent .lyt-whiteBands .whiteBands-element .fa-inr,
    .tax-lots-parent .lyt-whiteBands .whiteBands-element .val,
    .tax-lots-parent .lyt-whiteBands .whiteBands-element .fa-inr {
        font-size: 12px;
    }

    .divGetPerformanceData .six-column > li, .mobile-table .six-column > li {
        width: 36%;
    }

    .mobile-table .seven-column > li {
        width: 36%;
    }

    .divGetPerformanceData .lyt-whiteBands .title, .mobile-table .lyt-whiteBands .title {
        /*font-size: 10px;*/
        font-size: 11px;
    }

    .lyt-whiteBands.small-band .whiteBands-element .separator-header.main-details .header {
        padding-bottom: 30px;
    }

    .lyt-whiteBands .whiteBands-element .separator-header.main-details .header .fund-name-details {
        padding-left: 15px;
        padding-top: 10px;
        vertical-align: top;
    }

    .lyt-whiteBands.small-band .whiteBands-element .separator-header.main-details .details {
        margin-top: -60px;
        margin-left: 75px;
        float: left;
        /*width: 255px;*/
        width: calc(100% - 91px);
        padding: 5px 16px;
    }

    .tran-type {
        padding-right: 15px;
        position: relative;
        padding-top: 10px;
    }

        .tran-type:after {
            position: absolute;
            top: 5px;
            right: 0;
            content: "";
            height: 60px;
            width: 1px;
            background: #d2d6de;
        }

    .reports-table .mod-plus-minus .bigPlus {
        top: -25px;
    }

    .lyt-whiteBox .account-settings .btn-grey {
        margin-top: 15px;
    }

    section.card-slider .card-item .card-img {
        max-height: 355px;
    }

    body .login-sec {
        margin: 0 auto 15px;
    }

    .onboard-container.sec-with-banner.full-width {
        min-height: 435px;
    }

        .onboard-container.sec-with-banner.full-width .bs-btn.btn-outline.btn-blue {
            margin: 10px 0 5px;
            min-width: 200px;
        }

    .lyt-whiteBands .whiteBands-element .main-details .header .fund-icon,
    .lyt-whiteBands .whiteBands-element .sub-details .header .fund-icon {
        height: 26px;
        width: 26px;
        min-width: 26px;
        font-size: 18px;
    }

    .lyt-filters .col-md-6.assets-row {
        margin-top: 75px;
    }

    .lyt-filters .col-md-6.date-row {
        position: relative;
        top: -230px;
    }

    .lyt-filters .col-md-6.assets-details {
        position: relative;
        top: -230px;
    }

    .lyt-filters .col-md-6.transaction-type {
        position: relative;
        top: 35px;
    }

    .lyt-filters .search-filter .btn-container {
        margin-top: -55px;
    }

    #divgainloss .mod-plus-minus .bigPlus {
        top: -15px;
    }

    .lyt-filters .heading {
        font-size: 13px;
        line-height: 13px;
    }

    .sec-with-banner.mobile-device .bg-banner {
        max-height: 125px;
    }

    .sec-with-banner.full-width.mobile-device {
        min-height: auto;
    }

    .card-slider .card-item .card-content .border-box.content-list {
        /*padding: 0 15px;*/
    }

        .card-slider .card-item .card-content .border-box.content-list .list-group-theme {
            padding: 0 15px;
        }

        .card-slider .card-item .card-content .border-box.content-list.border-box .list-group-theme {
            padding: 0;
        }

    section.inverse .list-group-theme.list-items-bordered .list-group-item:first-child {
        width: 118px;
    }

    section.inverse .list-group-theme.list-items-bordered .list-group-item:nth-child(2) {
        width: 112px;
    }

    section.inverse .list-group-theme.list-items-bordered .list-group-item:last-child {
        width: 114px;
    }

    .lyt-filters .autocomplete .form-control {
        font-size: 11px;
        line-height: 11px;
    }


    .card-slider .card-item .card-content .content-header.two-headers.mobile-headers {
        padding-top: 20px;
    }

        .card-slider .card-item .card-content .content-header.two-headers.mobile-headers .banner-text {
            text-transform: uppercase;
            font-size: 18px;
        }

    .card-slider .card-item .card-content .content-header .heading {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 0;
        padding-top: 5px;
    }

    .card-slider .card-item .card-content .content-header.two-headers.mobile-headers .val-icon {
        font-size: 32px;
        height: 42px;
        line-height: 40px;
        width: 42px;
    }

    .reports-table .lyt-whiteBands .whiteBands-element .main-details .details .details-container,
    .mobile-table-full .lyt-whiteBands .whiteBands-element .main-details .details .details-container {
        display: table;
    }

    .content-header .val-icon {
        font-size: 18px;
        height: 25px;
        line-height: 25px;
        width: 25px;
    }

    .responsive-accordion .mod-plus-minus .bigPlus {
        top: -28px;
    }

    .responsive-accordion .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details,
    .responsive-accordion .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details {
        padding-left: 50px;
    }

    .table-01 thead > tr > th:first-child {
        width: 100px;
        white-space: normal;
    }

    .table-01 tbody > tr > td:first-child {
        width: 100px;
        white-space: normal;
    }

    #divPromoterHoldings .table-01 thead > tr > th,
    #divPromoterHoldings .table-01 tbody > tr > td {
        padding: 10px;
    }

        #divPromoterHoldings .table-01 thead > tr > th:nth-child(4),
        #divPromoterHoldings .table-01 tbody > tr > td:nth-child(4) {
            display: none;
        }

    .table-01 tbody > tr > td .bs-btn.btn-blue,
    .table-01 tbody > tr > td .bs-btn.btn-blue:hover,
    .table-01 tbody > tr > td .bs-btn.btn-blue:focus,
    .table-01 tbody > tr > td .bs-btn.btn-blue:active {
        font-size: 12px;
        line-height: 12px;
        padding: 10px;
    }
}

.inceptiondate {
    padding: 0 0 0 30px;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500;
}

/*.color-type-5 {
    color: #125459 !important;
}

.color-type-6 {
    color: #25426c !important;
}*/

.labelanchor {
    padding: 0 5px;
}

.bs-btn.btn-blue, .bs-btn.btn-blue:hover, .bs-btn.btn-blue:focus, .bs-btn.btn-blue:active {
    font-weight: 400;
    padding: 10px 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    /*background-color: #034ea2 !important;*/
    background-color: #03002F !important;
    color: #fff;
    border: none;
    outline: none;
}

.contentBox .content {
    padding: 0;
    margin: 0;
    min-height: initial;
}

.tran-type {
    display: table-cell;
}

.lyt-whiteBands .whiteBands-element .val {
    font-weight: bold;
}


#divcapitalgain .lyt-whiteBands .val,
#divcapitalgain .lyt-whiteBands .val .fa-inr {
    font-size: 13px;
}

    #divcapitalgain .lyt-whiteBands .val.date {
        font-size: 12px;
    }

.stopScroll {
    overflow-y: hidden;
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .transaction-parent .five-column > li {
        width: 42%;
    }

    /*#divGetPerformanceData .six-column > li {
        width: 40%;
    }*/

    #div_LoadProfile .lyt-whiteBands .whiteBands-element .main-details .header, #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header,
    #div_LoadProfile .lyt-whiteBands .whiteBands-element .main-details .details, #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        padding-left: 30px;
        padding-right: 30px;
    }

    div.reports-table .mod-plus-minus .bigPlus {
        top: 15px;
    }
}


@media screen and (min-width:768px) and (max-width:1199px) {
    #div_LoadProfile .details-container.cm-dispTbl .cm-dispTblCell {
        width: 50%;
    }

    #div_LoadProfile .lyt-whiteBands .whiteBands-element .val {
        font-size: 14px;
    }

    .reports-table .lyt-whiteBands .whiteBands-element .main-details .details .details-container {
        display: table;
        width: 100%;
    }

    .reports-table .lyt-whiteBands .whiteBands-element .main-details .header {
        width: 30%;
        display: table-cell;
        padding: 20px 10px 20px 20px;
        vertical-align: middle;
    }

    .reports-table .lyt-whiteBands .whiteBands-element .main-details .details {
        width: 70%;
        display: table-cell;
        padding: 25px 25px 25px 10px;
        vertical-align: middle;
    }

    .reports-table .six-column > li {
        width: 33.333%;
    }

    .lyt-whiteBox .account-settings .btn-grey {
        margin-top: 15px;
    }

    .address-row .details {
        margin-top: 10px;
    }

    .card-slider .card-item .card-content .content-header.two-headers.mobile-headers {
        padding-top: 20px;
    }

        .card-slider .card-item .card-content .content-header.two-headers.mobile-headers .banner-text {
            text-transform: uppercase;
            font-size: 18px;
        }

    .card-slider .card-item .card-content .content-header .heading {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 0;
        padding-top: 5px;
    }

    .card-slider .card-item .card-content .content-header.two-headers.mobile-headers .val-icon {
        font-size: 32px;
        height: 42px;
        line-height: 40px;
        width: 42px;
    }

    section.card-slider .card-item .card-content .content-header.mobile-headers .banner-text {
        display: block;
    }

    .responsive-accordion .mod-plus-minus .bigPlus {
        /*top:-35px;*/
    }

    .responsive-accordion .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details,
    .responsive-accordion .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details {
        padding-left: 50px;
    }

    #divPromoterHoldings .table-01 thead > tr > th:nth-child(4),
    #divPromoterHoldings .table-01 tbody > tr > td:nth-child(4) {
        display: none;
    }
}



.lyt-whiteBox.type-small .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc;
}

.register-manager-box .tooltip-inner {
    width: 200px;
    max-width: 200px;
}


.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #ccc;
}

.lyt-filters .filter-action {
    padding-left: 15px;
    padding-right: 15px;
}

.capital-gain-filter .bootstrap-select > select {
    left: 0;
}


footer.footer {
    position: absolute;
    bottom: 0;
    left: 0;
}

label.mandatory:after {
    content: " *";
    color: red;
}

div.mandatory:after {
    content: " *";
    color: red;
}

.card-slider .card-item .card-content .content-header.mobile-headers .banner-text {
    display: block;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    padding: 10px;
    text-transform: uppercase;
}

.small-values.lyt-whiteBands .val {
    font-size: 12px;
}

.RMtable {
    margin-top: 10px;
}

/*==========09/07/2019==========*/

body {
    min-height: 100vh;
}

    body.login_page {
        min-height: auto;
    }

.table-theme .table-card tbody tr {
    background-color: #ffffff;
}

#divgainloss .sub-details .details-container.cm-dispTbl .cm-dispTblCell {
    padding-right: 5px;
    width: auto;
}

.sec-with-banner .bg-banner .banner-text {
    display: block;
    max-width: 1200px;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    padding: 15px;
    transform: none;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    text-transform: uppercase;
}

.card-slider .highcharts-legend {
    position: relative;
    top: -20px;
}

.card-slider .highcharts-series-group {
    margin-top: 20px;
}

.lyt-whiteBands .val {
    font-size: 14px;
}

.sec-with-banner.full-width.big-header .bg-banner .banner-text {
    top: 0%;
}

.table-theme .table tbody tr td .val {
    font-size: 14px;
    font-weight: 500;
}

.bs-modal-popup.round.small .element a:hover .btn-circle,
.bs-modal-popup.round.small .element a:hover .btn-circle {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}

.bs-modal-popup.round.small {
    z-index: 100;
}

.container {
    max-width: 100%;
}

.lyt-whiteBands .whiteBands-element .val {
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    word-break: break-word;
}

#div_LoadProfile .lyt-whiteBands .title {
    font-size: 14px;
}

#div_LoadProfile .lyt-whiteBands .whiteBands-element .val {
    font-weight: 600;
}

/*header.header .navbar .navbar-header .navbar-brand img {
    padding: 3px;
}*/

.footer-logo img {
    /*max-width: 378px;*/
    max-width: 250px;
}

body.login_page header.login-container + form .sec-with-banner.show-pagename {
    padding: 0;
    display: table;
}

/*.sec-with-banner.show-pagename {
    padding: 0;
    display: table;
}*/

body.login_page .sec-with-banner.show-pagename .container {
    display: table-cell;
    width: auto;
    vertical-align: middle;
}

body .login-sec {
    margin: 0 auto;
}

header.login-container .navbar {
    padding: 10px 0;
}

#div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header {
    width: 18%;
}

#div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
    width: 82%;
}

#div_LoadProfile .details-container.width-20 > li {
    margin: 0;
    padding: 0 10px;
}

    #div_LoadProfile .details-container.width-20 > li.name_column {
        width: 35%;
    }

    #div_LoadProfile .details-container.width-20 > li.email_column {
        width: 35%;
    }

    #div_LoadProfile .details-container.width-20 > li.mob_column {
        width: 15%;
    }

    #div_LoadProfile .details-container.width-20 > li.landline_column {
        width: 15%;
    }

.lyt-filters .search-container.cm-input-with-icon .form-control {
    background: url(../Images/search-icon.png) no-repeat;
    background-position: right center;
}


.lyt-filters .datetimepicker.date {
    border: 1px solid #5a5a5a;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.lyt-filters .datetimepicker .form-control,
.lyt-filters .datetimepicker .input-group-addon {
    border: 0;
    background-color: transparent;
}

/*.card-slider .slick-list{ height: auto !important; }*/

header.header .navbar .navbar-nav > li.open > a .caret {
    transform: rotate(180deg);
}

#div_LoadProfile .lyt-whiteBox .blue-heading {
    font-weight: 600;
}

.cm-small-container {
    padding: 0 15px;
}

.personalised-form .bs-input .form-control {
    border-radius: 10px;
}

.clr-blue {
    color: #034ea2;
}

header.header .navbar .navbar-right .dropdown-menu .scrollingBox {
    height: 150px;
    max-height: 220px;
}

.bootstrap-datetimepicker-widget table td.disabled {
    background-color: #f0f0f0 !important;
}

#div_LoadProfile .lyt-whiteBands .title {
    font-family: "Montserrat", sans-serif;
    color: #272727;
    opacity: 1;
    font-size: 13px;
}

.lyt-whiteBox .register-manager-box .grey-heading {
    margin-bottom: 15px;
}

.lyt-whiteBands .whiteBands-element .main-details .header .fund-icon.char,
.lyt-whiteBands .whiteBands-element .sub-details .header .fund-icon.char {
    min-width: 46px;
}

.bootstrap-datetimepicker-widget table td span.active {
    color: #000;
    text-shadow: none;
}

.bootstrap-datetimepicker-widget .datepicker-decades table td span {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 34px;
    margin: 0;
    cursor: pointer;
    border-radius: 4px;
    padding: 0 5px;
    width: 50%;
}

.highcharts-legend-item text {
    font-weight: 400 !important;
}

.transaction-perfomance-page .lyt-whiteBands .title,
.tax_lots_section .lyt-whiteBands .title {
    font-size: 14px;
}

body .divGetPerformanceData .lyt-whiteBands .whiteBands-element .header .fund-name {
    max-width: 200px;
}

.lyt-whiteBands .whiteBands-element .main-details .header .fund-name, .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

body .lyt-whiteBands .whiteBands-element .header .fund-name {
    max-width: 200px;
}

.choose-image-sec .avatar-image img {
    width: 100%;
}

div.timeline-container .timeline li span:first-child {
    font-size: 14px;
}

.card-slider .card-item .card-content .content-header .val > div {
    display: inline-block;
    vertical-align: middle;
}

.card-slider .card-item .card-content .content-header .val .left {
    width: 45%;
}

.card-slider .card-item .card-content .content-header .val .center {
    width: 6%;
    max-width: 50px;
}

.card-slider .card-item .card-content .content-header .val .right {
    width: 45%;
}

.card-slider .card-item .card-content .content-header .val .left .fa-inr {
    margin-right: 0;
}

.lyt-whiteBands .val .fa-inr,
.lyt-whiteBands .whiteBands-element .val {
    font-size: 13px;
}

.reports-table {
    min-height: 100px;
    position: relative;
}

    .reports-table .loader img {
        opacity: 0;
    }

    .reports-table .loader {
        background: url(../Images/ajax-loader.gif) no-repeat;
        background-position: center;
        background-size: 32px 32px;
        background-position: center;
    }

    .reports-table .lyt-whiteBands {
        background-color: #ddd;
    }

#divMembersList .tooltip.in {
    z-index: 999;
    min-width: 200px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tooltip.right .tooltip-arrow {
    top: 50% !important;
}

span.multiselect-native-select {
    display: block;
}

    span.multiselect-native-select .btn-group {
        display: block;
    }

        span.multiselect-native-select .btn-group .btn {
            border: 1px solid #5a5a5a;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            border-radius: 20px;
            width: 100%;
            text-align: left;
            color: #333;
            background-color: #fff;
            float: none;
        }

    span.multiselect-native-select .btn-default .caret {
        float: right;
        margin: 8px 0 0 0;
        display: inline-block;
        border-top: 7px dashed;
        border-top: 7px solid \9;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        color: #666;
    }

    span.multiselect-native-select .btn-default span {
        float: left;
        display: inline-block;
        width: 90%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #a7a7a7;
        font-family: "Roboto Slab", serif;
    }

.multiselect-native-select .multiselect-container {
    min-width: 100%;
    top: 33px;
    padding: 15px;
    z-index: 1000;
    border-radius: 15px;
    border-color: #5a5a5a;
}

    .multiselect-native-select .multiselect-container li a {
        border-bottom: 1px solid #dddddd;
        padding: 5px;
        background-color: transparent;
    }

        .multiselect-native-select .multiselect-container li a label {
            padding: 3px 5px 3px 20px;
        }

    .multiselect-native-select .multiselect-container.dropdown-menu > .active > a,
    .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:hover,
    .multiselect-native-select .multiselect-container.dropdown-menu > .active > a:focus {
        background-color: transparent;
    }

    .multiselect-native-select .multiselect-container .active .checkbox::before {
        background-color: #000;
        border-color: #000;
    }

    .multiselect-native-select .multiselect-container .checkbox::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 1px;
        margin-left: -5px;
        border: 2px solid #dddddd;
        border-radius: 3px;
        background-color: #fff;
    }

    .multiselect-native-select .multiselect-container .active .checkbox::after {
        font-family: "FontAwesome";
        content: "\f00c";
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 1px;
        margin-left: -5px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #fff;
        line-height: 1.4;
    }

    .multiselect-native-select .multiselect-container .checkbox input[type="checkbox"] {
        opacity: 0;
    }

.table-theme#tblClientList .table tbody tr td {
    border-radius: 0;
}

    .table-theme#tblClientList .table tbody tr td:first-child {
        left: 0;
    }

.slick-slide .table-theme {
    min-height: 200px;
    position: relative;
}

div.timeline-container {
    min-height: 100px;
}

.all_value_text {
    position: relative;
    color: #fff;
    z-index: 0;
    margin-bottom: 25px;
}

/*.lyt-whiteBox.type-2 .lyt-whiteBoxContent.top-border{ display: block !important; }*/

.info-circle {
    position: relative;
}

    .info-circle:hover .title_info {
        display: block;
    }

    .info-circle .title_info {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 100%;
        min-width: 200px;
        font-size: 10px;
        line-height: 15px;
        background: #000;
        padding: 10px;
        border-radius: 10px;
        z-index: 1000;
        margin-left: 10px;
        font-style: normal;
        display: none;
    }

        .info-circle .title_info:before {
            font-family: "Glyphicons Halflings";
            content: "\e252";
            color: #000;
            position: absolute;
            top: 50%;
            left: -8px;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            transform: rotate(90deg);
            margin-top: -8px;
        }

.navbar-header .back_btn {
    background-color: transparent;
    border: 0;
    outline: none;
    float: left;
    padding: 16px 5px 16px 13px;
    text-decoration: none;
    display: inline-block;
    margin-top: 8px;
}

.navbar.compressed .back_btn i {
    color: #034ea2;
}

.back_btn i {
    color: #fff;
    font-size: 15px;
}

.lyt-whiteBands .title {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.form-group .field-validation-error {
    display: block;
    text-align: right;
}

.text-danger {
    color: red;
    font-weight: 500;
    font-size: 12px;
}

body div.tab-wrap .gray-content {
    line-height: 20px;
}

.field-validation-error {
    font-weight: 500;
    font-size: 12px;
}

.validation-summary-errors ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

    .validation-summary-errors ul li {
        color: red;
        font-weight: 500;
        font-size: 12px;
    }

body .lyt-whiteBands .whiteBands-element .sub-details .details {
    padding: 15px 30px 15px 10px;
}

.lyt-whiteBands .whiteBands-element .main-details .details {
    padding: 25px 30px 25px 10px;
}

body ul.ui-widget-content {
    max-height: 330px;
    overflow: auto;
}

.table-theme .table tbody tr td .title {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.table-theme .table tbody tr td .val {
    font-size: 13px;
}

.responsive-accordion {
    min-height: 300px;
}

/*=======ERROR PAGE=========*/

.error_page {
    width: 100%;
    height: calc(100vh - 190px);
    margin-top: 90px;
    display: table;
    max-width: 1000px;
    margin: 90px auto 0;
    position: relative;
}

    .error_page .container {
        display: table-cell;
        vertical-align: middle;
        padding: 0;
    }

.error_img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.back_link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    text-align: center;
}

    .back_link a {
        font-weight: 600;
        font-size: 14px;
    }

.responsive-accordion {
    min-height: 300px;
}

.lyt-whiteBands.first-row {
    margin-bottom: -5px;
}

    .lyt-whiteBands.first-row .whiteBands-element {
        margin-bottom: -4px;
        background: #fff;
        border-bottom: 1px solid #ddd;
        position: relative;
        z-index: 10;
        box-shadow: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

section.inverse .form-group .bs-select.auto-width .btn-default.dropdown-toggle {
    padding-right: 30px;
}

    section.inverse .form-group .bs-select.auto-width .btn-default.dropdown-toggle .filter-option-inner-inner {
        text-transform: none;
    }

.lyt-whiteBands.first-row .whiteBands-element .main-details .header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.lyt-whiteBands.first-row .whiteBands-element .main-details .details {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.form-group .bootstrap-select .dropdown-menu {
    border-radius: 15px;
    border-color: #5a5a5a;
}

/*=========DISCLAIMER PAGE==========*/

.disclaimer_page {
    padding-top: 90px;
}

    .disclaimer_page .container {
        padding: 0 15px;
        max-width: 900px;
    }

    .disclaimer_page ul {
        padding-left: 20px;
        font-size: 13px;
        line-height: 20px;
    }

    .disclaimer_page h3 {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 40px 0 10px;
    }

    .disclaimer_page h4 {
        font-size: 14px;
        font-weight: 600;
        border-top: 1px solid #dcdcdc;
        padding-top: 15px;
        margin-top: 20px;
    }

        .disclaimer_page h4:first-child {
            border-top: 0;
            padding-top: 0;
        }

    .disclaimer_page p {
        font-size: 13px;
        line-height: 20px;
    }

    .disclaimer_page .point {
        border-radius: 5px;
        box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        padding: 15px;
        margin-bottom: 20px;
    }

        .disclaimer_page .point h3 {
            margin-top: 15px;
            text-transform: none;
        }

.transaction-perfomance-slider.card-slider .card-item .card-img.expand_img {
    min-height: 545px;
}

    .transaction-perfomance-slider.card-slider .card-item .card-img.expand_img img {
        height: 545px;
        object-fit: cover;
    }

body .lyt-whiteBands .whiteBands-element .fund-value {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.portfolio-analytic-page .left-box-dropdown {
    min-width: auto;
}

.bs-btn.btn-blue-text:hover {
    background-color: #03002F;
    color: #fff;
}

.form-group .field-validation-valid {
    display: block;
    text-align: right;
}

section.portfolio_analytic_slider .list-group-theme.list-items-md .list-group-item {
    padding: 0 10px;
}

section.inverse .form-group .bs-select.auto-width .btn-default.dropdown-toggle {
    padding-right: 30px;
}

    section.inverse .form-group .bs-select.auto-width .btn-default.dropdown-toggle .filter-option-inner-inner {
        text-transform: none;
    }

.lyt-whiteBands.first-row .whiteBands-element .main-details .header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.lyt-whiteBands.first-row .whiteBands-element .main-details .details {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.allocation_based_analytics .first-row .details .cm-medium-text {
    margin-left: 2px;
}

.allocation_based_analytics .first-row .header .form-group {
    padding: 0 10px;
}

.bootstrap-select > select {
    min-width: auto;
}

.allocation_based_analytics .first-row .details .fa-inr {
    font-size: 13px;
    margin-right: 0;
}

.ledger_lyt-filters, .z-inherit {
    z-index: inherit;
}

    .ledger_lyt-filters .form-group .form-control {
        min-width: auto;
    }

    .ledger_lyt-filters .row {
        margin: 0 -5px;
    }

        .ledger_lyt-filters .row > div {
            padding: 0 5px;
        }

.capital-gain-filter .btn2 {
    display: none;
}

.capital-gain-filter.adjust-row .btn2 {
    display: block;
}

.capital-gain-filter.adjust-row .btn1 {
    display: none;
}

.lyt-filters.balancesheet td.tg-0lax a:hover {
    cursor: pointer;
    color: #034ea2;
    text-decoration: underline;
}

.divstatement {
    overflow: auto;
}

    .divstatement table {
        background-color: #fff;
        min-width: 600px;
    }

        .divstatement table thead tr {
            background-color: #03002F;
        }

        .divstatement table thead th {
            color: #fff;
            border-right: 1px solid #fff;
            text-align: center;
        }

        .divstatement table tbody tr th:last-child {
            border-right: 0;
        }

        .divstatement table tbody tr {
            border-bottom: 1px solid #ccc;
        }

            .divstatement table tbody tr td {
                border-right: 1px solid #ccc;
                text-align: center;
            }

                .divstatement table tbody tr td:first-child {
                    border-left: 1px solid #ccc;
                }

    .divstatement .view:before {
        content: "\f06e";
        font-family: FontAwesome;
        margin-right: 5px;
    }

    .divstatement .print:before {
        content: "\f02f";
        font-family: FontAwesome;
        margin-right: 5px;
    }

    .divstatement .download:before {
        content: "\f019";
        font-family: FontAwesome;
        margin-right: 5px;
    }

.download-btn {
    margin-left: 15px;
}

.statement-report-table {
    background-color: #fff;
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
    margin: 0 0 10px 0;
    padding: 20px;
    position: relative;
    border-radius: 5px;
    z-index: 11;
}

.loading_btn .dvloading {
    cursor: default;
}

.cssload-loading i {
    width: 13px;
    height: 13px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
}

    .cssload-loading i:first-child {
        opacity: 0;
        animation: cssload-loading-ani2 0.58s linear infinite;
        -o-animation: cssload-loading-ani2 0.58s linear infinite;
        -ms-animation: cssload-loading-ani2 0.58s linear infinite;
        -webkit-animation: cssload-loading-ani2 0.58s linear infinite;
        -moz-animation: cssload-loading-ani2 0.58s linear infinite;
        transform: translate(-19px);
        -o-transform: translate(-19px);
        -ms-transform: translate(-19px);
        -webkit-transform: translate(-19px);
        -moz-transform: translate(-19px);
    }

    .cssload-loading i:nth-child(2),
    .cssload-loading i:nth-child(3) {
        animation: cssload-loading-ani3 0.58s linear infinite;
        -o-animation: cssload-loading-ani3 0.58s linear infinite;
        -ms-animation: cssload-loading-ani3 0.58s linear infinite;
        -webkit-animation: cssload-loading-ani3 0.58s linear infinite;
        -moz-animation: cssload-loading-ani3 0.58s linear infinite;
    }

    .cssload-loading i:last-child {
        animation: cssload-loading-ani1 0.58s linear infinite;
        -o-animation: cssload-loading-ani1 0.58s linear infinite;
        -ms-animation: cssload-loading-ani1 0.58s linear infinite;
        -webkit-animation: cssload-loading-ani1 0.58s linear infinite;
        -moz-animation: cssload-loading-ani1 0.58s linear infinite;
    }




@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(39px);
        opacity: 0;
    }
}

@-o-keyframes cssload-loading-ani1 {
    100% {
        -o-transform: translate(39px);
        opacity: 0;
    }
}

@-ms-keyframes cssload-loading-ani1 {
    100% {
        -ms-transform: translate(39px);
        opacity: 0;
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    100% {
        -webkit-transform: translate(39px);
        opacity: 0;
    }
}

@-moz-keyframes cssload-loading-ani1 {
    100% {
        -moz-transform: translate(39px);
        opacity: 0;
    }
}

@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(19px);
        opacity: 1;
    }
}

@-o-keyframes cssload-loading-ani2 {
    100% {
        -o-transform: translate(19px);
        opacity: 1;
    }
}

@-ms-keyframes cssload-loading-ani2 {
    100% {
        -ms-transform: translate(19px);
        opacity: 1;
    }
}

@-webkit-keyframes cssload-loading-ani2 {
    100% {
        -webkit-transform: translate(19px);
        opacity: 1;
    }
}

@-moz-keyframes cssload-loading-ani2 {
    100% {
        -moz-transform: translate(19px);
        opacity: 1;
    }
}

@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(19px);
    }
}

@-o-keyframes cssload-loading-ani3 {
    100% {
        -o-transform: translate(19px);
    }
}

@-ms-keyframes cssload-loading-ani3 {
    100% {
        -ms-transform: translate(19px);
    }
}

@-webkit-keyframes cssload-loading-ani3 {
    100% {
        -webkit-transform: translate(19px);
    }
}

@-moz-keyframes cssload-loading-ani3 {
    100% {
        -moz-transform: translate(19px);
    }
}

.allocation_based_analytics .val span {
    vertical-align: unset;
}

.portfolio-analytic-page .heading-drop, .portfolio_analytic_detail_page .heading-drop {
    margin: 0;
}

.heading-drop .left-box-dropdown.bootstrap-select.fit-width {
    margin-left: 10px;
}

section.inverse.portfolio_analytic_detail_page .btn-circle {
    color: #272727;
}

body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .header .fund-name {
    max-width: 280px;
}

.minHeight350 {
    min-height: 350px;
}

.heading-drop .left-box-dropdown.bootstrap-select.fit-width {
    width: auto !important;
}

.user_login_dropdown .badge {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0px;
    right: 20px;
    background-color: #ce682a;
    font-size: 9px;
    padding: 4px 0;
}

    .user_login_dropdown .badge:hover {
        background-color: #034ea2;
    }

    .user_login_dropdown .badge a {
        color: #fff;
    }

/*========11-08-19========*/

.modal_j h3 {
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #034ea2;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.modal_j .modal-content {
    padding: 0 40px;
}

.modal_j h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.modal_j .modal-header {
    border: 0;
}

    .modal_j .modal-header .close {
        margin-top: -2px;
        position: absolute;
        top: 15px;
        right: 15px;
        opacity: 1;
        font-size: 27px;
        font-weight: 500;
    }

.modal_j .modal-footer {
    text-align: center;
}

    .modal_j .modal-footer button {
        background-color: #034ea2;
    }

.modal_j textarea {
    width: 100%;
    height: 150px;
    resize: none;
    padding: 10px;
    border: 2px solid #034ea2;
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

    .rating-stars ul > li.star {
        display: inline-block;
        position: relative;
    }

        /* Idle State of the stars */
        .rating-stars ul > li.star > i.fa {
            font-size: 30px; /* Change the size of the stars */
            color: #ccc; /* Color on idle state */
            transition: all .3s;
        }

        /* Hover state of the stars */
        .rating-stars ul > li.star.hover > i.fa {
            color: #FFCC36;
        }

        /* Selected state of the stars */
        .rating-stars ul > li.star.selected > i.fa {
            color: #FF912C;
        }

.rating-stars .face {
    background: #034ea2;
    padding: 4px;
    height: 32px;
    width: 32px;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    top: -40px;
    left: 4px;
    z-index: -1;
    opacity: 0;
    transition: all .3s;
}

.rating-stars ul > li.star:hover > .face {
    opacity: 1;
    z-index: 10;
}

.face:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    color: #034ea2;
    position: absolute;
    bottom: -10px;
    left: 12px;
}

.face img {
    width: 20px;
}

.page_heading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    z-index: 10;
}

.notification_list {
    position: relative;
    z-index: 10;
    word-break: break-word;
}

    .notification_list ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .notification_list li {
        background-color: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        list-style: none;
        margin-bottom: 20px;
        position: relative;
    }

    .notification_list .title {
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    /*.notification_list.unread li:before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background-color: #00c10f;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    left: 15px;
}*/

    .notification_list.unread h5 {
        color: #034ea2;
        font-weight: 700;
    }

    .notification_list h5 {
        text-transform: uppercase;
        display: inline-block;
        max-width: 80%;
    }

    .notification_list.unread h5 a {
        color: #034ea2;
        font-weight: 700;
    }

        .notification_list.unread h5 a:hover {
            text-decoration: none;
        }

    .notification_list.unread .date {
        color: #034ea2;
    }

    .notification_list .date {
        float: right;
        font-size: 12px;
        font-weight: 600;
        padding-top: 5px;
    }


.enjoy_hint_label {
    text-align: left;
}

.walkthrough header.header .navbar {
    z-index: 10;
}

.enjoyhint_close_btn {
    background: rgba(33,224,163,1);
    display: none !important;
}

.notify.info {
    background: #78C5E7;
    color: #000;
    border-color: #3BADD6;
}

.notification_window {
    position: fixed;
    right: 20px;
    bottom: 2px;
    min-width: 350px;
    max-width: 450px;
    background-color: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    border-radius: 4px;
    border: 1px solid #dedede;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px;
    z-index: 999;
    -webkit-transform: translateY(200%) scale(0);
    -moz-transform: translateY(200%) scale(0);
    transform: translateY(200%) scale(0);
    -webkit-transition: 0.8s ease;
    -moz-transition: 0.8s ease;
    transition: 0.8s ease;
}

    .notification_window.open {
        -webkit-transform: translateY(0%) scale(1);
        -moz-transform: translateY(0%) scale(1);
        transform: translateY(0%) scale(1);
    }

    .notification_window h3 {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 4px;
    }

.notify.dark-theme {
    color: #000;
    border-color: #333;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px;
}

.notify .notify-icon {
    float: left;
    position: absolute;
    width: 50px;
    height: 100%;
    padding: 17px 0;
    border-right: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
}

.notify.info .notify-icon, .notify.info .notify-close-btn {
    border-color: #3BADD6;
}

.notify .notify-close-btn {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: -10px;
    top: -10px;
    cursor: pointer;
    background: url(../Images/close-icon.png) no-repeat center;
    background-size: 10px 10px;
    background-color: rgba(44,46,47,.9);
    border: 1px solid #333;
    padding: 5px;
    border-radius: 50%;
    z-index: 10;
}

.notify-icon img {
    width: 23px;
    height: 23px;
}

.notify .notify-text {
    float: left;
    padding: 15px;
    margin-left: 50px;
}

    .notify .notify-text .item {
        margin-bottom: 20px;
    }

        .notify .notify-text .item:last-child {
            margin-bottom: 0px;
        }

    .notify .notify-text p {
        font-family: "Montserrat", sans-serif;
        text-align: left !important;
        margin: 0;
    }

section.inverse .form-group .bs-select .btn-default.dropdown-toggle {
    padding-right: 30px;
}

.cm-quickpop.filter-popup .bootstrap-select.fit-width {
    max-width: 100%;
}

.cm-quickpop.filter-popup .bootstrap-select .filter-option .filter-option-inner-inner {
    display: inline-block;
    max-width: 100%;
    text-overflow: ellipsis;
}

.nav-tabs.no-margin > li {
    margin: 0;
}

.blueModel .modal-dialog {
    max-width: 550px;
}

#tablesummary tbody tr td:first-child {
    text-align: center;
}

#tablesummary tbody tr td {
    text-align: right;
}

.blueModel .pop-tbl-scroll {
    height: auto;
}

.info-circle {
    position: relative;
    line-height: 7px;
    vertical-align: middle;
    display: inline-block;
}

    .info-circle em {
        font-size: 10px;
        font-style: normal;
        background-color: #000;
        color: #fff;
        padding: 5px;
        text-align: left;
        position: absolute;
        top: 24px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        min-width: 130px;
        font-family: "Montserrat", sans-serif;
        border-radius: 5px;
        text-transform: none;
        display: none;
    }

        .info-circle em:before {
            content: "\f0de";
            font-size: 10px;
            line-height: 10px;
            font-family: "FontAwesome";
            color: #000;
            position: absolute;
            top: -5px;
            left: 50%;
            margin-left: -2px;
        }

.header .bs-toggle {
    margin-top: 6px;
    margin-left: -5px;
    font-size: 11px;
    font-weight: 600;
}

    .header .bs-toggle .toggle {
        background-color: #03002F;
    }

        .header .bs-toggle .toggle:before {
            background-color: #fff;
        }

.lyt-whiteBands .title.with_info {
    opacity: 1;
}

.title.with_info span.info-circle {
    opacity: 1 !important;
}

.lyt-whiteBands .title.with_info span, .lyt-whiteBands .title.with_info .fa-info-circle {
    opacity: 0.5;
}

#divLiabitiesAllocation .details-container.cm-dispTbl .cm-dispTblCell {
    padding-right: 5px;
}

.info-circle + .tooltip {
    z-index: 1000;
}

.tooltip .tooltip-inner {
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
}

.content-header .val .info-circle {
    font-size: 22px;
    vertical-align: middle;
    line-height: 22px;
    margin: 0 2px;
}

.balancesheet table tr th:last-child,
.balancesheet table tr td:last-child {
    text-align: right;
}

    .balancesheet table tr th:last-child .fa-inr {
        vertical-align: middle;
        margin-left: 2px;
    }

.balancesheet table tr td.full-td {
    text-align: left;
}

.lyt-whiteBands.first-row .val b {
    font-size: 15px;
}

.lyt-whiteBands.first-row .val .cm-medium-text {
    font-size: 13px;
}

.lyt-whiteBands .whiteBands-element .val .icon-rupee {
    font-size: 10px;
}

.form-group.heading-drop .graph-heading {
    padding-left: 15px;
}

.portfolio_analytic_detail_page .bootstrap-select > select {
    display: none !important;
}

.navtab-base {
    position: relative;
}

.back-page {
    position: absolute;
    top: -30px;
    left: 0;
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    display: none;
}

.lyt-whiteBox label,
.table thead > tr > th,
.table tbody > tr > td,
.paragraph-details,
.lyt-whiteBox .title {
    font-family: Montserrat, sans-serif;
}


/*.liability-slide .lyt-whiteBands.width25-75 .whiteBands-element .header{ width: 22%; }
.liability-slide .lyt-whiteBands.width25-75 .whiteBands-element .details{ width: 78%; }*/

.four-column > li {
    padding-right: 10px;
}

section.inverse .middle-header {
    box-shadow: none;
    padding: 10px;
    background: transparent;
    margin: 0px;
}

section.inverse .blue-heading {
    color: #03002F;
    margin-bottom: 0;
}

ul.footer_links {
    padding-left: 0;
    margin: 0;
    line-height: 15px;
}

    ul.footer_links li {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 11px;
        border-right: 1px solid #fff;
        padding-right: 10px;
        margin-right: 7px;
        text-transform: uppercase;
    }

        ul.footer_links li:last-child {
            border-right: 0;
            padding-right: 0;
            margin: 0;
        }

        ul.footer_links li a {
            color: #fff;
        }

.portfolio-analytic-page div.chart-container[class*='col-'] {
    position: relative;
    padding: 15px;
}

div[class*='col-'].border-bottom:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #b4d2f5;
    position: absolute;
    bottom: 0;
    left: 0;
}

.info-circle .fa {
    opacity: 0.6;
    font-size: 12px;
}

.chart-container .graph-heading .heading {
    padding-top: 0;
}

.lyt-whiteBox .info-circle {
    color: #000;
    padding: 0;
    border: 0;
    margin-left: 6px;
}

/*.enjoyhint-step-13 .enjoyhint_svg_wrapper{ opacity: 0; }*/

.lyt-filters .heading {
    line-height: normal;
}

.portfolio-analytic-page .heading-drop.col-xs-inline {
    display: inline-block;
    margin: 0;
    clear: none;
}

.portfolio_analytic_detail_page .heading-drop.col-xs-inline {
    display: inline-block;
    margin: 0;
    clear: none;
}

    .portfolio_analytic_detail_page .heading-drop.col-xs-inline .heading {
        max-width: none;
        margin: 0;
    }

.col-xs-inline.heading-drop .left-box-dropdown.bootstrap-select.fit-width {
    margin: 0;
}

.list-group-theme .list-group-item {
    align-self: unset;
}
/*.list-group-theme .list-group-item span{ display: inline; }*/

/*.enjoyhint.tour_transaction_recent_sec .enjoy_hint_label {
    margin-top: 120px;
}

.tour_transaction_recent_sec .enjoyhint_next_btn,
.tour_transaction_recent_sec .enjoyhint_skip_btn {
    margin-top: 120px;
}*/

.tour_transaction_recent_sec .enjoyhint_svg_wrapper {
    opacity: 0;
}

.slick-arrow.slick-prev:before, .slick-arrow.slick-next:before {
    opacity: 0.8;
}

.cursor-pointer {
    cursor: pointer;
}

.note_tile {
    background-color: #fff;
    padding: 15px 0;
}

    .note_tile ul {
        margin: 0;
        font-size: 13px;
        padding-left: 16px;
    }

        .note_tile ul li {
            margin-bottom: 4px;
            color: #000;
        }

.list-group-theme .list-group-item .name {
    opacity: 1;
}

/*.main-details-accordion > div {
    transition: 0.2s;
}*/

.main-details-accordion:active .header,
.main-details-accordion:active .details {
    background-color: #e2e2e2 !important;
}

.main-details-accordion {
    cursor: pointer;
}

.trasset:active td,
.sub-details.divassetportfolio:active .header,
.sub-details.divassetportfolio:active .details,
.sub-details.divassetperfomance:active .header,
.sub-details.divassetperfomance:active .details,
.sub-details.divClickableTile:active .header,
.sub-details.divClickableTile:active .details {
    background-color: #e2e2e2 !important;
}

.trasset td,
.sub-details.divassetportfolio,
.sub-details.divassetperfomance,
.sub-details.divClickableTile {
    cursor: pointer;
}

/*.a_callLoader:active a {
    background-color: #e2e2e2 !important;
}*/

/*======MEDIA QURIES======*/

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

    body .divGetPerformanceData .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 130px;
    }
}

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

    .divGetPerformanceData .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header {
        width: 35%;
    }

    .divGetPerformanceData .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        width: 65%;
        padding-left: 30px;
    }

    .divGetPerformanceData .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details {
        padding-left: 30px;
    }

    .divGetPerformanceData .lyt-whiteBands .whiteBands-element .main-details .header .fund-name {
        max-width: 200px;
    }

    #div_DetailsTopPerf .lyt-whiteBands .whiteBands-element .main-details .header, #div_DetailsTopPerf .lyt-whiteBands .whiteBands-element .main-details .details,
    #div_DetailsWorstPerf .lyt-whiteBands .whiteBands-element .main-details .header, #div_DetailsWorstPerf .lyt-whiteBands .whiteBands-element .main-details .details {
        width: 100%;
        display: table;
        padding: 10px 15px;
    }

    body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 240px;
    }

    .navbar-header .back_btn {
        padding: 17px 5px 17px 14px;
        margin: 0;
    }
}

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

    .navbar-header .back_btn {
        display: none !important;
    }

    .back-page {
        display: block;
    }

    header.header .navbar .navbar-right .dropdown-menu:after, header.header .navbar .navbar-right .dropdown-menu:before {
        left: auto;
        right: 30px;
    }

    .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header,
    .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .header {
        border-right: 0;
        position: relative;
        left: 1px;
        background: #fff;
    }

    .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details,
    .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details {
        border-left: 0;
    }

    header.login-container ~ form .sec-with-banner.show-pagename {
        margin-top: 70px;
    }

    .content-table {
        min-height: 300px;
    }

    /*.table-theme .table-card tbody tr td{ float: left; }*/
    /*#divGetPerformanceData_0 .seven-column > li {
     width: 12%;
    }*/

    .divGetPerformanceData .seven-column > li:last-of-type {
        min-width: 100px;
    }

    .personalised-form .form-group.bs-input.text-center {
        text-align: left;
    }


    .tax_lots_section .lyt-whiteBands .whiteBands-element .main-details.small-header .header {
        width: 20%;
        background: #fff;
        position: relative;
        left: 1px;
    }

    .tax_lots_section .lyt-whiteBands .whiteBands-element .main-details.small-header .details {
        width: 80%;
    }

    .divGetPerformanceData .sub-details .bigPlus {
        visibility: hidden;
        opacity: 1;
        display: block !important;
    }

    .val-icon {
        background-color: #eeeeee;
        font-size: 30px;
        height: 40px;
        line-height: 40px;
        width: 40px;
    }


    #divgainloss .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .header {
        width: 20%;
    }

    #divgainloss .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details {
        width: 80%;
    }

    /*#divassetdata .mod-plus-minus{ padding-right: 10px; }*/

    .table-theme .table tbody tr td:first-child {
        position: relative;
        left: 1px;
    }

    #divassetdata .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header,
    #divassetdata .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .header {
        width: 35%;
    }

    #divassetdata .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details,
    #divassetdata .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details {
        width: 65%;
    }

    #divassetdata .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 350px;
    }

    #divassetdata .details-container.cm-dispTbl .cm-dispTblCell:last-of-type {
        width: auto;
        min-width: 100px;
    }

    #divassetdata .five-column > li {
        width: 22%;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .main-details .details {
        padding: 25px 35px 25px 0px;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details {
        padding: 30px 35px 30px 5px;
    }

    #divassetdata.table-theme .table tbody tr td {
        padding: 25px 15px;
    }

    .cm-big-text {
        font-size: 24px;
    }

    .table-theme .table tbody tr td .scrip_name {
        padding-left: 5px;
    }

    .lyt-whiteBands .family_view_data .mod-plus-minus {
        padding-right: 0;
    }

    .lyt-whiteBands .family_view_data .details-container li {
        width: 18%;
    }

    .lyt-whiteBands .family_view_data .mod-plus-minus {
        padding-right: 0;
    }

    .lyt-whiteBands .family_view_data .details-container li {
        width: 18%;
    }

    header.header .navbar .navbar-right .user_details .user_name {
        max-width: 150px;
    }

    #divLiabitiesAllocation .seven-column > li {
        width: 14%;
    }

    #div_DetailsTopPerf .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 140px;
    }

    #div_DetailsWorstPerf .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 140px;
    }

    div[class*='col-'].border-right {
        /*content: "";
        display: block;
        width: 1px;
        height: 100%;
        
        position: absolute;
        right: 0;
        top:  0;*/
        border-right: 1px solid #b4d2f5;
    }

    /*.enjoyhint-step-13 .enjoy_hint_label {
        margin-top: 170px;
    }*/

    .chart-container .graph-heading .heading {
        float: none;
        display: inline-block;
    }

    #divstatement .details-container.cm-dispTbl .cm-dispTblCell {
        padding-right: 10px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 991px) {
    .portfolio-analytic-page .bs-btn.btn-outline {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {

    #divcapitalgain .lyt-whiteBands .whiteBands-element.active .sub-details, #divcapitalgain .lyt-whiteBands.width25-75 .whiteBands-element.active .sub-details {
        display: table !important;
        border-bottom: 1px solid #999;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .sub-details .header, #divcapitalgain .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .header {
        width: 30%;
        display: table-cell;
        padding: 20px 10px 20px 20px;
        vertical-align: middle;
        border: 0;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .main-details, #divcapitalgain .lyt-whiteBands.width25-75 .whiteBands-element .main-details {
        display: table;
        width: 100%;
    }

    body #divcapitalgain .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details {
        padding: 20px 25px 20px 10px;
    }

    body .divGetPerformanceData .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 80%;
        width: auto;
    }

    .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .main-details .details .details-container {
        display: table;
    }

    .chart-container .graph-heading .heading {
        display: inline-block;
        float: none;
    }

    .portfolio-analytic-page .heading-drop, .portfolio_analytic_detail_page .heading-drop {
        display: inline-block;
    }
}

@media (max-width: 1199px) {

    header.header .navbar .navbar-right {
        margin: 10px 0;
    }

    header.header .navbar.compressed .navbar-header .navbar-brand img {
        max-width: 100%;
        height: auto;
        padding: 10px 0;
    }

    header.header .navbar .navbar-right .user_details {
        padding: 0 10px;
    }

    header.header .navbar.compressed .navbar-header .navbar-toggle {
        margin: 0;
        padding: 11px 10px;
    }

    .lyt-filters .capital-gain-filter > .row > div, .lyt-filters .portfolio-report-filter > .row > div {
        width: 100%;
    }

    .lyt-filters .capital-gain-filter, .lyt-filters .portfolio-report-filter {
        display: block;
    }

    header.header.login-container .navbar {
        padding: 10px 0;
        background-color: #fff;
        position: static;
    }

        header.header.login-container .navbar .navbar-header .navbar-brand {
            display: inline-block;
            max-width: 80%;
            margin: 0;
        }

    .endDate {
        margin-left: 0;
    }

    #divgainloss .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name {
        max-width: 200px;
    }

    .desk-show {
        display: none !important;
    }

    #divMembersList .lyt-whiteBox .btn-container {
        clear: both;
    }

    .nav-mobile-icon {
        min-width: 24px;
        display: inline-block;
    }

    #div_LoadProfile .address-row .profile-address {
        margin-top: 0;
    }

    .slick-slide .table-theme, .card-slider .table-theme {
        margin-top: 15px;
    }

    .lyt-filters .periodic-details {
        width: 100%;
    }

    .all_value_text {
        margin-bottom: -25px;
    }

    .disclaimer_page {
        padding-top: 30px;
    }

    .card-slider .card-item .card-img.expand_img {
        min-height: 450px;
    }

    header.header .navbar .navbar-header .navbar-toggle {
        margin: 3px 0;
    }

    .portfolio-analytic-page .bootstrap-select .bootstrap-select {
        display: none;
    }

    #divgainloss .sub-details .details-container.cm-dispTbl .cm-dispTblCell {
        width: 33.33%;
    }

    header.header .navbar .navbar-collapse.collapse.toggle {
        display: block !important;
    }

    .nav-overlay {
        pointer-events: none;
        display: none !important;
    }

    .contentBox.disabled:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #000;
        opacity: 0.5;
        z-index: 100;
    }

    .walkthrough .contentBox.disabled:before {
        z-index: 9;
    }

    .portfolio-analytic-page.card-slider .container {
        width: 100%;
    }

    .portfolio-analytic-page .chart-container .graph-heading .heading {
        float: none;
        display: inline-block;
    }

    header.header .navbar, header.header .navbar .container {
        min-height: auto;
        height: 0;
    }

        header.header .navbar, header.header .navbar .container > .navbar-header {
            height: 0;
        }

    header.header.login-container .navbar {
        min-height: 55px;
        height: auto;
    }

    header.header.login-container .navbar {
        height: auto;
    }

    header.header .navbar.compressed, header.header .navbar.compressed .container {
        min-height: 55px;
        height: auto;
    }

        header.header .navbar.compressed, header.header .navbar.compressed .container > .navbar-header {
            height: auto;
        }
}

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

    #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header,
    #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        width: 100%;
    }

    #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        padding: 15px 20px;
    }

    #div_LoadProfile .details-container.width-20 > li.name_column,
    #div_LoadProfile .details-container.width-20 > li.email_column,
    #div_LoadProfile .details-container.width-20 > li.mob_column,
    #div_LoadProfile .details-container.width-20 > li.landline_column {
        padding: 5px 10px;
        width: 50%;
    }

    .transaction-perfomance-page .lyt-whiteBands .whiteBands-element {
        display: table;
        width: 100%;
        overflow: hidden;
    }

        .transaction-perfomance-page .lyt-whiteBands .whiteBands-element .main-details {
            display: table-row;
        }

            .transaction-perfomance-page .lyt-whiteBands .whiteBands-element .main-details.small-header .header {
                display: table-cell;
                width: 60%;
                vertical-align: middle;
            }

            .transaction-perfomance-page .lyt-whiteBands .whiteBands-element .main-details.small-header .details {
                display: table-cell;
                width: 80%;
                vertical-align: middle;
            }

    .lyt-whiteBands .whiteBands-element .main-details .header, .lyt-whiteBands.width25-75 .whiteBands-element .main-details .header {
        display: table;
    }

    .lyt-whiteBands .whiteBands-element .sub-details .header, .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .header {
        display: table;
    }

    .lyt-filters .capital-gain-filter, .lyt-filters .portfolio-report-filter {
        clear: both;
    }

    #divgainloss .lyt-whiteBands .whiteBands-element .main-details .header .fund-name {
        max-width: 600px;
        width: 100%;
    }

    #divassetdata .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name-details {
        display: block;
    }

    #divassetdata .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name {
        max-width: 600px;
        width: 100%;
    }

    div.lyt-filters .header-box:before, div.lyt-filters .header-box:after {
        content: "";
        display: table;
    }

    div.lyt-filters .header-box:after {
        clear: both;
    }

    #divgainloss .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name {
        max-width: 600px;
        width: 100%;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .main-details .header {
        display: table-cell;
    }


    #divcapitalgain .lyt-whiteBands .whiteBands-element.active .main-details .header {
        border-bottom: 5px solid #f4902e;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 170px;
        width: auto;
    }

    .error_page {
        margin-top: 0;
    }

    .lyt-filters .datetimepicker .form-control, .lyt-filters .datetimepicker .input-group-addon {
        position: relative;
        z-index: 100;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details .cm-dispTbl .btn {
        position: absolute;
    }

    #divcapitalgain .main-details .details .details-container .btn {
        position: absolute;
    }

    #divcapitalgain .four-column > li {
        width: 33.33%;
    }

    .family_view_content .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details {
        padding-left: 0;
    }

    .family_view_content .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        padding-left: 15px;
    }

    body .lyt-whiteBands .whiteBands-element .sub-details .details {
        padding: 15px;
    }

    .divGetPerformanceData .lyt-whiteBands.no_child.family_view_data .whiteBands-element .main-details .header .fund-name-details {
        padding: 0;
    }

    .divGetPerformanceData.responsive-accordion .lyt-whiteBands.family_view_data.no_child .whiteBands-element .main-details .details {
        padding: 15px;
    }

    .responsive-accordion .lyt-whiteBands.width25-75 .whiteBands-element .main-details.family_view_data .details {
        padding-left: 15px;
    }

    .lyt-whiteBands .whiteBands-element .main-details.family_view_data .header .fund-name-details {
        padding-left: 0;
    }

    .divRealestate .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details .details-container {
        padding-left: 45px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        justify-content: space-around;
    }

        .divRealestate .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details .details-container li {
            width: auto;
        }


    .table-theme .table-card tbody tr td.col-xs-half {
        width: 50%;
    }

    .details-container.cm-dispTbl .cm-dispTblCell.col-xs-three {
        width: 33.33%;
        float: left;
    }

    ul.cm-dispTbl:before, ul.cm-dispTbl:after {
        content: "";
        display: table;
    }

    ul.cm-dispTbl:after {
        clear: both;
    }

    /*header.header .navbar, header.header .navbar .container{ min-height: auto; height: 0; }
    header.header .navbar, header.header .navbar .container > .navbar-header{ height: 0; }

    header.header .navbar.compressed, header.header .navbar.compressed .container{ min-height: 55px; height: auto; }
    header.header .navbar.compressed, header.header .navbar.compressed .container > .navbar-header{ height: auto; }*/

    .info-circle em {
        min-width: 220px;
        line-height: 16px;
    }

    .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details,
    .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name-details { /*padding-left: 0;*/
    }

    .details-container.cm-dispTbl .cm-dispTblCell.col-xs-three {
        width: 33.33%;
        float: left;
    }

    .details-container.cm-dispTbl .cm-dispTblCell.col-xs-half {
        width: 50%;
    }

    /*header.header.login-container .navbar, header.header .navbar .container{ min-height: 55px; height: auto; }
    header.header.login-container .navbar, header.header .navbar .container > .navbar-header{ height: auto; }*/

    .divRealestate .col-sm-flex:before,
    .divRealestate .col-sm-flex:after {
        display: none;
    }

    .divRealestate .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details .details-container.col-sm-flex li {
        width: 33.33%;
    }

    .divRealestate .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details {
        padding-left: 5px;
    }

    .divGetPerformanceData ul.cm-dispTbl {
        padding-left: 10px;
    }

    .divGetPerformanceData .family_view_data ul.cm-dispTbl {
        padding-left: 0;
    }
}

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

    .list-group-theme .list-group-item .val {
        font-size: 15px;
    }

    .lyt-filters .capital-gain-filter, .lyt-filters .portfolio-report-filter {
        display: none;
    }

    .for-or:after {
        opacity: 0;
    }

    .personalised-form {
        position: relative;
    }

    .for-or .personalised-form:after {
        content: 'OR';
        display: inline-block;
        position: absolute;
        top: auto;
        margin-top: -18px;
        bottom: -70px;
        right: 0;
        left: 0;
        height: 36px;
        width: 36px;
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
        background-color: #939797;
        padding-top: 9px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details {
        padding: 0px 25px 20px 20px;
    }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .header {
        padding: 30px 10px 15px 20px;
    }

    #div_LoadProfile .details-container.width-20 > li.name_column,
    #div_LoadProfile .details-container.width-20 > li.email_column,
    #div_LoadProfile .details-container.width-20 > li.mob_column,
    #div_LoadProfile .details-container.width-20 > li.landline_column {
        padding: 5px 0px;
        width: 100%;
    }

    #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        padding: 0px 30px 15px;
    }

    .lyt-whiteBox .data-row .header, #div_LoadProfile .lyt-whiteBands .title {
        width: 35%;
        float: left;
        font-size: 13px;
    }

    .lyt-whiteBox .data-row .details, #div_LoadProfile .lyt-whiteBands .whiteBands-element .val {
        width: 65%;
        float: left;
        font-size: 13px;
    }

    #div_LoadProfile .lyt-whiteBox .address-row {
        margin-top: 15px;
    }

        #div_LoadProfile .lyt-whiteBox .address-row .details {
            margin-top: 0;
        }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details .cm-dispTbl {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

        body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details .cm-dispTbl:before,
        body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details .cm-dispTbl:after {
            display: none;
        }

    #div_LoadProfile .details-container.width-20 > li {
        position: relative;
    }

        #div_LoadProfile .details-container.width-20 > li:before, #div_LoadProfile .details-container.width-20 > li:after {
            content: "";
            display: table;
        }

        #div_LoadProfile .details-container.width-20 > li:after {
            clear: both;
        }

    .val-icon {
        background-color: #eeeeee;
        font-size: 30px;
        height: 36px;
        line-height: 36px;
        width: 36px;
    }

    body .divGetPerformanceData .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 600px;
        width: 80%;
    }

    .divGetPerformanceData .main-details .fund-name-details {
        height: 36px;
    }

    .lyt-whiteBands .whiteBands-element .main-details .header .fund-icon, .lyt-whiteBands .whiteBands-element .sub-details .header .fund-icon {
        height: 36px;
        width: 36px;
        min-width: 36px;
        font-size: 22px;
    }

    .divGetPerformanceData .mod-plus-minus .bigPlus {
        top: -29px;
    }

    .portfolio-analytic-page .details-container.cm-dispTbl .cm-dispTblCell {
        padding: 5px 15px;
        border-right: 1px solid rgba(39, 39, 39, 0.2);
    }

        .portfolio-analytic-page .details-container.cm-dispTbl .cm-dispTblCell:nth-child(2n+2) {
            border-right: 0;
        }

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

    .info-circle + .tooltip {
        opacity: 0 !important;
    }

    .info-circle:hover em {
        display: block;
        z-index: 100;
    }

    .enjoy_hint_label {
        font-size: 16px;
        line-height: 18px;
    }

    .enjoyhint_next_btn, .enjoyhint_skip_btn {
        /*width: 80px;*/
        height: 30px;
        font-size: 13px;
        line-height: 30px;
    }

    body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 400px;
        width: 100%;
    }

    #div_DetailsTopPerf .lyt-whiteBands .whiteBands-element .main-details .details .details-container,
    #div_DetailsTopPerf .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details .details-container,
    #div_DetailsWorstPerf .lyt-whiteBands .whiteBands-element .main-details .details .details-container,
    #div_DetailsWorstPerf .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details .details-container {
        display: table;
    }

    /*.enjoyhint.enjoyhint-step-11 .enjoy_hint_label{ top: 100px !important; }
    .enjoyhint.enjoyhint-step-11 .enjoyhint_next_btn, 
    .enjoyhint.enjoyhint-step-11 .enjoyhint_skip_btn{ top: 50px !important; }*/

}

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

    .list-group-theme .list-group-item .val {
        font-size: 16px;
    }

    section.inverse .list-group-theme.list-items-bordered .list-group-item {
        width: 33.33%;
        padding: 0 10px;
    }

    .card-slider .card-item .card-content .content-list {
        width: 100%;
    }

    .content-list .list-group-theme,
    .content-expand .list-group-theme {
        max-width: 600px;
        margin: 0 auto;
    }

    .bs-btn.go_btn {
        min-width: 120px;
    }
}

@media screen and (max-width: 767px) {
    .sec-with-banner .bg-banner .banner-text {
        font-size: 16px;
    }

    .lyt-whiteBands.small-band .whiteBands-element .separator-header.main-details .details {
        margin-left: 90px;
        width: calc(100% - 100px);
        padding: 5px 0;
    }

    .card-slider .card-item .card-content .content-header .val {
        margin: 10px 0;
    }

    .family_member_filter .btn_col .bs-btn.btn-outline {
        margin: 5px 0;
    }

    .family_member_filter .btn_col {
        text-align: center;
    }

    body .lyt-whiteBands .whiteBands-element .main-details .header .fund-name {
        max-width: 90%;
    }



    .mod-plus-minus .bigPlus {
        top: -17px;
    }

    .sec-with-banner.full-width.big-header.top-header .bg-banner .banner-text {
        top: 0%;
    }

    .lyt-whiteBands .whiteBands-element .main-details .details, .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        padding-top: 5px;
    }

    .reports-table .mod-plus-minus .bigPlus {
        top: -16px;
    }

    header.header.login-container .navbar {
        padding: 0;
    }

        header.header.login-container .navbar .navbar-header .navbar-brand {
            padding: 4px 0;
        }

    .responsive-accordion .mod-plus-minus .bigPlus {
        top: -26px;
    }

    #tblClientList {
        margin-top: 20px;
    }

    .lyt-filters .datetimepicker#end-date .dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }

    .card-slider .card-item .card-img img {
        position: static;
        transform: none;
        width: 100%;
        min-height: 400px;
        object-fit: cover;
    }

    .table-theme .table tbody tr .cm-big-text, .cm-big-text {
        font-size: 18px;
    }

    .table-theme .table-card tbody tr td .scrip_name {
        font-size: 18px;
    }

    .lyt-whiteBands .whiteBands-element .sub-details .header .fund-icon {
        padding: 6px 0 5px;
        display: inline-block;
    }

    .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name-details {
        padding-left: 7px;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        max-width: calc(100% - 45px);
    }


    header.header .navbar.compressed .navbar-header .navbar-brand {
        display: none !important;
    }

    div.lyt-filters .checkbox.checkbox-inline {
        width: auto;
        margin-right: 15px;
    }

    div.lyt-filters .clearfix {
        /*display: none;*/
    }

    .lyt-filters .col-md-6.assets-row {
        margin-top: 0;
    }

    .lyt-filters .col-md-6.date-row {
        position: relative;
        top: 0;
    }

    .lyt-filters .col-md-6.transaction-type {
        top: 0;
        width: 100%;
    }

    .lyt-filters .col-md-6.assets-details {
        top: 0;
    }

    .lyt-filters .search-filter .btn-container {
        margin-top: 0;
        width: 100%;
    }

    .lyt-filters .periodic-details {
        display: block !important;
        clear: both;
        padding-top: 15px;
    }

    .search-filter > .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap-reverse;
        -moz-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .lyt-filters .checkbox-container label {
        font-size: 11px;
    }

    .personalised-form {
        max-width: 100%;
    }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .header {
        padding: 20px 15px 15px 15px;
    }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details {
        padding: 0px 15px 20px 15px;
    }

    .card-slider .card-item .card-content .content-header.mobile-headers .banner-text {
        padding: 0;
    }

    .user_registration_form .btn_row {
        padding-top: 15px;
        text-align: center;
    }

        .user_registration_form .btn_row .bs-btn.btn-outline {
            padding: 10px 15px;
        }

    #divgainloss .lyt-whiteBands .whiteBands-element .main-details .header .fund-name {
        max-width: 300px;
    }

    #divgainloss .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name {
        max-width: 300px;
    }

    .fund-name-details {
        position: relative;
    }

        .fund-name-details .tooltip.top {
            bottom: 100% !important;
            top: auto !important;
        }

    .all_value_text {
        margin-bottom: 0px;
    }

    .navbar-header .back_btn {
        margin-top: 0;
    }

    .cm-quickpop .dark-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 6px;
        padding: 0;
    }

    .cm-quickpop.export-popup .dark-icon {
        display: inline-block;
        margin: 0;
        padding: 3px 0;
        vertical-align: middle;
    }

    .cm-quickpop.export-popup .iconSec p {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
    }

    .transaction-perfomance-slider.card-slider .card-item .card-img img {
        min-height: 450px !important;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .main-details .details .details-container li,
    #divcapitalgain .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details .cm-dispTbl li {
        width: 33.33%;
        padding-right: 5px;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .main-details .details .details-container .btn {
        position: absolute;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element.active .main-details .header {
        border-bottom: 0;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .main-details .header {
        display: block;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .header .fund-name {
        /*max-width: 270px;*/
        max-width: 228px;
    }

    .iconSec:focus .dark-icon {
        background-color: #272727;
    }

    .transaction-perfomance-slider.card-slider .card-item .card-img.expand_img {
        min-height: 525px;
    }

    /*.divAllocation .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details ul.cm-dispTbl{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }

    .divAllocation .lyt-whiteBands.width25-75 .whiteBands-element .sub-details .details ul.cm-dispTbl li{ width: auto; }*/

    #divLiabitiesAllocation .details-container.cm-dispTbl .cm-dispTblCell {
        float: left;
    }

    #divLiabitiesAllocation .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 300px;
        width: 100%;
    }

    .allocation_based_analytics .first-row .header .form-group {
        padding: 0;
    }

    .portfolio-analytic-page .lyt-whiteBands .whiteBands-element .val b {
        font-weight: 700;
    }

    .chart-container .graph-heading .heading {
        padding: 0;
        max-width: 65%;
        margin-top: 10px;
    }

        .chart-container .graph-heading .heading + .info-circle {
            margin-top: 12px;
        }

    .portfolio-analytic-page .heading-drop {
        clear: both;
        margin: 10px 0 0; /*float: left;*/
    }

        .portfolio-analytic-page .heading-drop .graph-heading {
            padding: 0;
        }

    .portfolio-analytic-page .chart-container .graph-heading .button-parent {
        margin-top: 8px;
    }

    .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name-details,
    .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details {
        padding-left: 0;
    }

    body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 380px;
        width: 100%;
    }

    body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .details ul.cm-dispTbl {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }

        body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .details ul.cm-dispTbl:before,
        body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .details ul.cm-dispTbl:after {
            display: none;
        }

    /*body .portfolio_analytic_detail_page .lyt-whiteBands .whiteBands-element .sub-details .details ul.cm-dispTbl li{ width: auto; }*/

    .heading-drop .left-box-dropdown.bootstrap-select.fit-width {
        margin: 10px 0 0;
    }

    .table-theme .table-card tbody tr td.col-xs-half {
        width: 50%;
    }

    ul.cm-dispTbl:before, ul.cm-dispTbl:after {
        content: "";
        display: table;
    }

    ul.cm-dispTbl:after {
        clear: both;
    }

    .details-container.cm-dispTbl .cm-dispTblCell.col-xs-three {
        width: 33.33%;
        float: left;
    }

    .details-container.cm-dispTbl .cm-dispTblCell.col-xs-half {
        width: 50%;
    }

    .portfolio_analytic_detail_page .lyt-whiteBands .details-container.cm-dispTbl .cm-dispTblCell.col-xs-three {
        width: 33.33%;
        float: none;
    }

    ul.cm-dispTbl.three-column:before, ul.cm-dispTbl.three-column:after {
        display: none;
    }

    ul.cm-dispTbl.three-column {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
    }

    .heading .info-circle em {
        min-width: 120px;
    }

    .info-circle em {
        min-width: 80px;
        line-height: 16px;
        letter-spacing: 0px;
    }

    .content-header .val .info-circle {
        font-size: 14px;
        margin: 0 3px;
    }

    .transaction-perfomance-slider.card-slider .card-item .card-img.expand_img img {
        height: 535px;
    }

    .bg-banner .info-circle em {
        min-width: 200px;
    }

    .divRealestate .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details .details-container.col-sm-flex {
        padding-left: 35px;
    }

        .divRealestate .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details .details-container.col-sm-flex li {
            width: auto;
        }

    .portfolio-analytic-page .chart-container .graph-heading .heading {
        float: left;
    }

    .enjoyhint.enjoyhint-step-1 .enjoyhint_skip_btn {
        top: 135px !important;
    }

    .enjoyhint.enjoyhint-step-1 .enjoy_hint_label {
        top: 95px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .reports-table .lyt-whiteBands .whiteBands-element .main-details .details .details-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .reports-table .lyt-whiteBands .whiteBands-element .val {
        font-size: 13px;
    }

        .reports-table .lyt-whiteBands .whiteBands-element .val .fa-inr {
            font-size: 13px;
        }

    .lyt-whiteBands.small-band .whiteBands-element .main-details .header .fund-name {
        white-space: normal;
    }

    .family_member_filter .search_col {
        width: 45%;
    }

    .family_member_filter .btn_col {
        width: 55%;
    }

    header.header .navbar.compressed .navbar-header .navbar-brand {
        display: none !important;
    }

    #divcapitalgain .lyt-whiteBands.width25-75 .whiteBands-element.active .main-details .header {
        border-bottom: 5px solid #f4902e;
    }

    .transaction-perfomance-slider.card-slider .card-item .card-img.expand_img {
        min-height: 485px;
    }

    .divGetPerformanceData .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details,
    .divGetPerformanceData .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name-details {
        padding-left: 10px;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    header.header .navbar .navbar-collapse .navbar-nav {
        max-height: calc(100vh - 98px);
        overflow: auto;
    }

    header.header .navbar.compressed .navbar-header .navbar-brand {
        width: 72%;
        max-width: 255px;
    }
}

.show-pagename img {
    max-width: 100%;
}

@media screen and (max-width: 639px) {
    .for-or .personalised-form {
        max-width: 100%;
    }

    .list-group-theme .slick-list .slick-slide, .list-group-theme .slick-track .slick-slide {
        padding: 0 5px;
    }

    .lyt-filters {
        padding: 20px 15px;
    }

    .search-filter .date-row .row {
        margin: 0 -5px;
    }

        .search-filter .date-row .row > div {
            padding: 0 5px;
        }

    .search-filter .date-row .form-group .form-control {
        font-size: 13px;
    }

    #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details {
        padding: 0px 0 15px;
    }

        #div_LoadProfile .lyt-whiteBands.width25-75 .whiteBands-element .main-details .details li > div {
            padding: 0 15px;
        }

    .card-slider .slick-list {
        min-height: calc(100vh - 170px) !important;
    }

    .details-container.width-20 > li {
        width: 100%;
        padding-right: 50px;
        float: none;
    }

    #divMembersList .lyt-whiteBox .edit-icon {
        top: 30px;
        right: 0;
    }

    #divMembersList .lyt-whiteBox .delete-icon {
        right: 0;
        top: 30px;
    }

    #divMembersList .lyt-whiteBox .relink-icon {
        right: 0;
        top: 80px;
    }

    #divMembersList .lyt-whiteBox.type-2 .lyt-whiteBoxContent {
        padding-left: 0;
        padding-right: 0;
    }

    .change_pw_form .tooltip {
        right: 100%;
        left: auto !important;
        min-width: 200px;
    }

        .change_pw_form .tooltip .tooltip-arrow {
            left: auto;
            right: 0;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    body .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details .cm-dispTbl {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .main-details .details .details-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    #divcapitalgain .lyt-whiteBands .whiteBands-element .sub-details.without-circle .details .btn {
        position: absolute;
    }

    #end-date .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
    #end-date .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
        left: auto !important;
        right: 10px !important;
    }

    .transaction-perfomance-page .lyt-whiteBands .whiteBands-element .main-details.small-header .header {
        width: 100%;
    }

    .transaction-perfomance-page .lyt-whiteBands .whiteBands-element .main-details.small-header .details {
        width: 100%;
    }

    .footer-logo {
        display: none;
    }

    .personalised-right .personalised-form {
        text-align: center;
    }

    .content-header .fa-inr {
        margin-top: 2px;
    }

    .tax_lots_section .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details {
        padding-left: 0;
    }

    .tax_lots_section .lyt-whiteBands .whiteBands-element.mobile-tax-slot .main-details.with-border .header {
        width: 25%;
    }

    .reports-table .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name-details .fund-name {
        max-width: 100%;
        width: 100%;
    }

    .portfolio-report-filter .bs-btn.btn-blue {
        display: block;
        margin: 0 auto;
    }

    #divassetdata .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name {
        max-width: 310px;
        width: 100%;
    }

    body .divGetPerformanceData .lyt-whiteBands .whiteBands-element .header .fund-name {
        max-width: 300px;
    }

    body .divGetPerformanceData .lyt-whiteBands .whiteBands-element .sub-details .header .fund-name {
        max-width: 350px;
    }

    .multiselect-native-select .multiselect-container li a label {
        white-space: normal;
    }

    .transaction-perfomance-page .lyt-whiteBands .title, .tax_lots_section .lyt-whiteBands .title {
        font-size: 12px;
    }

    section.inverse .list-group-theme.list-items-bordered .list-group-item {
        width: 33.33% !important;
    }

    .transaction-perfomance-slider.card-slider .card-item .card-content .content-expand .container {
        padding: 0;
    }

    .divGetPerformanceData .six-column > li, .mobile-table .six-column > li, .mobile-table .seven-column > li {
        width: 33.33%;
    }

    .pop-tbl-scroll {
        height: auto;
    }

        .pop-tbl-scroll table tr td {
            font-size: 10px !important;
        }

    .notification_window {
        min-width: auto;
        max-width: 80%;
        right: 15px;
    }

    .notify .notify-text {
        float: left;
        padding: 8px;
        margin-left: 40px;
    }

    .notify .notify-icon {
        width: 40px;
    }

    .notify-icon img {
        width: 19px;
        height: 19px;
    }

    .header .bs-toggle .toggle {
        height: 13px;
    }

        .header .bs-toggle .toggle:before {
            height: 9px;
        }

    .info-circle .fa {
        font-size: 10px;
    }

    .tour_graph_sec .enjoy_hint_label {
        top: 100px !important;
    }

    .tour_graph_sec .enjoyhint_next_btn,
    .tour_graph_sec .enjoyhint_skip_btn {
        top: 170px !important;
    }

    #div_Details .details-container.cm-dispTbl .cm-dispTblCell {
        padding-right: 10px;
    }

    .bs-btn.go_btn {
        min-width: 120px;
    }
}

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

    .lyt-filters .search-container.cm-input-with-icon .form-control {
        background-size: 20px;
    }

    .personalised-form {
        max-width: 100%;
    }

    .list-group-theme .list-group-item .change, .list-group-theme .list-group-item .val {
        font-size: 13px;
        padding: 0 10px;
    }

    .card-slider .card-item .card-content .content-header.two-headers.mobile-headers .val-icon {
        font-size: 16px;
        height: 22px;
        line-height: 22px;
        width: 22px;
    }



    .card-slider .card-item .card-content .content-header .val {
        font-size: 18px;
    }

    .content-header .val-icon {
        font-size: 15px;
        height: 20px;
        line-height: 20px;
        width: 20px;
    }

        .content-header .val-icon:before {
            content: "\e90d";
            position: relative;
            right: 1px;
        }

    header.header .navbar .navbar-header .navbar-toggle {
        margin-top: 2px;
    }

    header.header .navbar .navbar-right .user_details .user_photo img {
        width: 28px;
        height: 28px;
    }

    header.header .navbar .navbar-right .dropdown-menu:before {
        opacity: 0;
    }

    header.header .navbar .navbar-right .dropdown-menu:after {
        border-width: 11px;
    }

    header.header .navbar .navbar-right .dropdown-menu {
        max-width: 75%;
        min-width: auto;
        float: right;
        width: auto;
    }

        header.header .navbar .navbar-right .dropdown-menu .scrollingBox {
            width: auto;
        }

    #divtransaction .tran-type {
        padding-right: 5px;
    }

    body .lyt-whiteBands .whiteBands-element .main-details .header .fund-name {
        max-width: 220px;
    }

    .info-circle .title_info {
        min-width: 150px;
    }

    .table-theme .table tbody tr td .val {
        font-size: 12px;
    }

    .card-slider .card-item .card-content .content-list .list-group-item .info-circle em {
        min-width: 120px;
    }

    .card-slider .card-item .card-content .content-list .list-group-item:first-child .info-circle em:before {
        left: 10%;
    }

    .card-slider .card-item .card-content .content-list .list-group-item:last-child .info-circle em:before {
        left: 90%;
    }

    .card-slider .card-item .card-content .content-list .list-group-item:first-child .info-circle em {
        -webkit-transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        transform: translateX(-10%);
        left: 0;
    }

    .card-slider .card-item .card-content .content-list .list-group-item:last-child .info-circle em {
        -webkit-transform: translateX(-90%);
        -moz-transform: translateX(-90%);
        transform: translateX(-90%);
    }

    .portfolio_analytic_detail_page .heading-drop {
        clear: both;
    }

    .card-slider .card-item .card-content .content-expand .content-list {
        margin: 0 -15px;
    }
}

@media screen and (max-width: 414px) {
    div.lyt-filters .checkbox.checkbox-inline {
        margin-right: 4px;
    }

    .lyt-filters .checkbox-container label {
        font-size: 11px;
        padding-left: 0;
    }

    #divgainloss .lyt-whiteBands .whiteBands-element .main-details .header .fund-name {
        max-width: 220px;
    }
}

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

    .lyt-whiteBands.small-band .whiteBands-element .separator-header.main-details .details {
        margin-left: 70px;
        width: calc(100% - 80px);
    }

    header.header .navbar.compressed .navbar-header .navbar-brand img {
        max-width: 90%;
        padding: 12px 0;
    }

    .list-group-theme .list-group-item {
        padding: 5px;
    }

    .card-slider .card-item .card-content .content-header .val {
        font-size: 20px;
    }

    .transaction-perfomance-page .lyt-whiteBands .whiteBands-element .main-details.small-header .header {
        padding: 15px 5px;
    }

        .transaction-perfomance-page .lyt-whiteBands .whiteBands-element .main-details.small-header .header .fund-icon.char {
            min-width: 30px;
            width: 30px;
            height: 30px;
            font-size: 20px;
        }

    .divGetPerformanceData .lyt-whiteBands .title, .mobile-table .lyt-whiteBands .title {
        font-size: 9px;
    }
}


/* risk-profile-section css */


@media (min-width: 1200px) {
    .risk-profile-section .container {
        max-width: 1000px;
        width: 100%;
    }
}

.risk-profile-section .radio label:after {
    background-color: #034ea2;
}

.risk-profile-section .radio label::before {
    border: 1px solid #024ea1;
}

.radio input[type="radio"]:focus + label::before {
    outline: none;
}

.risk-profile-section label {
    color: #6f6f6f;
}

.risk-profile-section .details {
    font-family: "Roboto Slab", serif;
    color: #6f6f6f;
}


/*.risk-profile-section .title {
    font-family: "Roboto Slab", serif;
    color: #6f6f6f;
}


.risk-profile-section .val {
    font-family: "Roboto Slab", serif;
    color: #6f6f6f;
}*/
.risk-profile-section .lyt-filters .datetimepicker .form-control {
    color: #6f6f6f;
}

.risk-profile-section .bg-banner > img {
    height: 330px;
    max-height: 330px;
}

.sec-with-banner.risk-profile-section .bg-banner .banner-text {
    top: 60px;
}

.contentBox .risk-profile-section .content {
    margin-top: 120px;
}

.risk-profile-section .lyt-filters {
    padding: 20px 0;
}

.risk-profile-table .table > thead > tr > th {
    color: #034ea2;
    border-color: #f7941e;
    padding: 10px 45px 15px;
    border-top: 1px solid #ddd;
}

    .risk-profile-table .table > thead > tr > th.client-name {
        width: 40%
    }

    .risk-profile-table .table > thead > tr > th.risk-profile, .risk-profile-table .table > thead > tr > th.status {
        width: 30%
    }

.risk-profile-table .table > tbody > tr > td {
    padding: 10px 45px;
    vertical-align: middle;
}

    .risk-profile-table .table > tbody > tr > td .title {
        display: block;
    }

    .risk-profile-table .table > tbody > tr > td .btn {
        padding: 10px 18px;
    }

.risk-profile-table .table > tbody > tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.risk-profile-container .risk-profile-header {
    border-bottom: 2px solid #f7941e;
    padding: 0px 20px 20px;
}

    .risk-profile-container .risk-profile-header .title {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #034ea2;
        display: inline-block;
        padding-right: 10px;
        margin-left: -15px;
    }

    .risk-profile-container .risk-profile-header .title-them {
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        color: #6f6f6f;
        margin-bottom: 15px;
    }

    .risk-profile-container .risk-profile-header .header {
        color: #6f6f6f;
        font-weight: 600;
    }

    .risk-profile-container .risk-profile-header .details {
        color: #6f6f6f;
        font-weight: 500;
    }

.risk-profile-container .risk-profile-body {
    padding: 20px;
}

    .risk-profile-container .risk-profile-body .risk-profile-content {
        text-align: center;
    }

        .risk-profile-container .risk-profile-body .risk-profile-content p {
            color: #6f6f6f;
            font-weight: 600;
        }

        .risk-profile-container .risk-profile-body .risk-profile-content .text {
            font-size: 18px;
            margin-top: 0;
            color: #034ea2;
        }

        .risk-profile-container .risk-profile-body .risk-profile-content .button-section {
            padding-top: 50px;
        }

            .risk-profile-container .risk-profile-body .risk-profile-content .button-section .btn {
                min-width: 200px;
            }

        .risk-profile-container .risk-profile-body .risk-profile-content .declaration-section {
            text-align: left;
            position: relative;
            margin-top: 30px;
            padding-top: 30px;
        }

            .risk-profile-container .risk-profile-body .risk-profile-content .declaration-section:after {
                content: " ";
                position: absolute;
                left: -28%;
                right: -28%;
                top: 0;
                height: 1px;
                background-color: #eeeeee;
            }

            .risk-profile-container .risk-profile-body .risk-profile-content .declaration-section .checkbox-container {
                margin-top: 25px;
            }

            .risk-profile-container .risk-profile-body .risk-profile-content .declaration-section .radio.radio-inline label {
                line-height: 18px;
            }

            .risk-profile-container .risk-profile-body .risk-profile-content .declaration-section .header {
                font-size: 18px;
                margin-top: 0;
                color: #034ea2;
            }


    .risk-profile-container .risk-profile-body .header {
        color: #034ea2;
        font-weight: 600;
    }

.risk-profile-container .risk-profile-footer {
    text-align: center;
    margin-top: 30px;
}

    .risk-profile-container .risk-profile-footer .btn {
        min-width: 110px;
    }

.basic-information-section {
}

.risk-profile-section .radio.radio-inline {
    min-width: 100px;
}

.radio.radio-inline + .radio.radio-inline {
    margin-left: 0;
}

.radio.radio-inline label {
    line-height: 16px;
}

.form-section {
    list-style: none;
    list-style-position: outside;
    margin: 0px;
    padding: 0px;
    position: relative;
    zoom: 1;
    clear: both;
}

    .form-section .form-label {
    }

    .form-section .form-line {
        width: 100%;
        position: relative;
        margin-bottom: 25px;
    }

        .form-section .form-line:after {
            content: " ";
            position: absolute;
            /*left: -26%;
    right: -26%;*/
            left: -17%;
            right: -17%;
            bottom: 0;
            height: 1px;
            background-color: #eeeeee;
        }

        .form-section .form-line .form-label {
            position: relative;
            padding-left: 20px;
            line-height: 18px;
        }

            .form-section .form-line .form-label .number {
                position: absolute;
                left: 0;
            }

    .form-section .form-label .number {
        /*padding-right: 10px;*/
    }

    .form-section .form-input-wide {
        padding: 10px 10px;
    }

        .form-section .form-input-wide .radio.radio-inline {
            min-width: 150px;
            margin: 0 10px;
        }

.txt-Ans-id14 {
    margin-bottom: 5px;
}

    .txt-Ans-id14 .form-control {
        margin-left: 10px;
        width: 80px;
        display: inline-block;
        height: 25px;
    }

@media screen and (max-width: 414px) {
    .txt-Ans-id14 label {
        min-width: 130px;
    }
}

.questionnaire-section .risk-profile-container .risk-profile-body {
    padding: 20px 0;
}

.button-section .button-content {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

    .button-section .button-content .dots-item {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
        border-radius: 100px;
    }

        .button-section .button-content .dots-item.active button {
            background: #6698cf;
        }

        .button-section .button-content .dots-item button {
            display: block;
            width: 10px;
            height: 10px;
            padding: 5px;
            cursor: default;
            color: transparent;
            border: 0;
            outline: none;
            background: #dddddd;
            border-radius: 100px;
        }

.btnStartQuest {
    position: relative;
}

    .btnStartQuest .icon-arrow-right {
        font-size: 22px;
        position: absolute;
        top: 6px;
        display: block;
        right: 8px;
    }

.validity-lbl {
    padding-top: 15px;
}

/*.validity-lbl label {
    line-height: 20px;
}*/

.risk-profile-section .data-row {
    margin: 10px 0 0 -29px;
}

@media (max-width: 991px) {
}

@media screen and (max-width: 991px) {
    .risk-profile-section .bs-btn.btn-blue {
        padding: 10px 15px;
    }

    .bs-btn.btn-blue.btnStartQuest {
        padding: 10px 25px;
    }

    .risk-profile-table .table-responsive {
        border: 0;
        margin-bottom: 0;
    }

    .risk-profile-table .table > thead > tr > th {
        padding: 10px 15px 15px;
    }

    .risk-profile-table .table > tbody > tr > td {
        padding: 10px 15px;
    }

    .questionnaire-section .risk-profile-container .risk-profile-body {
        padding: 20px;
    }

    .form-section .form-line:after {
        left: -20px;
        right: -20px;
    }

    .risk-profile-container .risk-profile-body .risk-profile-content .declaration-section:after {
        left: -20px;
        right: -20px;
    }
}

@media screen and (max-width: 767px) {
    .text-center-xs {
        text-align: center;
    }

    .risk-profile-container .risk-profile-header .title {
        margin-left: 0px;
    }

    .contentBox .risk-profile-section .content {
        margin-top: 30px;
    }

    .risk-profile-table .table > thead > tr > th.client-name, .risk-profile-table .table > thead > tr > th.risk-profile, .risk-profile-table .table > thead > tr > th.status {
        width: 33.33333%;
        padding: 10px 10px;
        font-size: 12px;
    }
    /*.risk-profile-table .table > thead > tr > th {
        padding: 10px 10px;
    }*/
    .risk-profile-table .table > tbody > tr > td {
        padding: 10px 5px;
        font-size: 12px;
    }

    .risk-profile-container .risk-profile-body .risk-profile-content .button-section .btn {
        min-width: 125px;
    }

    #divBtnsConfirm .btn {
        min-width: 115px;
    }

    .bs-btn.btn-blue + .bs-btn.btn-blue.btnRetain {
        margin: 5px 0 0 0;
    }

    .bs-btn.btn-blue + #btnConfirm.bs-btn.btn-blue {
        margin: 0px 0 0 0;
    }

    .risk-profile-section .datetimepicker .form-control {
        font-size: 11px;
    }
}

@media screen and (max-width: 414px) {
    /*.risk-profile-section .bs-btn.btn-blue{padding: 5px 6px !important; font-size: 10px; min-width: 112px;}*/
    .risk-profile-table .table > tbody > tr > td .btn {
        padding: 5px 6px !important;
        font-size: 10px;
        min-width: 112px;
    }
    /*.bs-btn.btn-blue{padding: 5px 10px;font-size: 10px; min-width: 130px;}*/


    .form-section .form-input-wide .radio.radio-inline {
        width: 100%
    }
}

.download-text {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

    .download-text a {
        color: #034ea2;
        font-weight: bold;
    }

/* risk-profile-section end */



/* css 20201221 start */


/* .qrc-page {} */

@media (min-width: 1200px) {
    .qrc-page .container {
        max-width: 960px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .qrc-page .container {
        padding-left: 8px;
        padding-right: 8px;
    }

    .row.row-sm {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

        .row.row-sm > [class*="col-"] {
            padding: 5px !important;
        }
}

.sec-with-banner.sec-with-banner-theme .bg-banner > img {
    width: 100%;
    max-height: 430px;
}

.sec-with-banner.sec-with-banner-theme .bg-banner .banner-text {
    top: 50px;
    text-transform: inherit;
}

@media screen and (max-width: 767px) {
    .sec-with-banner.sec-with-banner-theme .bg-banner .banner-text {
        top: 0px;
    }
}

.qrc-page .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 180px;
}

@media screen and (max-width: 767px) {
    .qrc-page .content {
        top: 50px;
    }
}

.sec-with-banner.sec-with-banner-theme .lyt-filters {
    /* top: 130px; */
}

@media screen and (max-width: 767px) {
    .sec-with-banner.sec-with-banner-theme .lyt-filters {
        padding: 15px;
    }
}

.field_bg {
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.7);
    /* min-height: 135px; */
}

@media screen and (max-width: 767px) {
    .field_bg {
        min-height: 95px;
    }
}

.icon-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .icon-wrapper {
        margin-bottom: 10px;
    }
}

.icon-wrapper .product-img {
    width: 50px;
    height: auto;
}

@media screen and (max-width: 767px) {
    .icon-wrapper .product-img {
        width: 40px;
    }
}

.field_bg .product-title {
    font-size: 14px;
    line-height: 14px;
    color: #03002F;
    margin: 0;
    text-align: center;
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .field_bg .product-title {
        padding-bottom: 0px;
    }
}

.details.field_bg {
    padding: 12px 15px;
}

    .details.field_bg + .details.field_bg {
        margin-top: 10px;
    }

.touch-wrapper {
    padding-top: 50px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .touch-wrapper {
        padding-top: 25px;
    }
}

.touch-wrapper .header {
    font-size: 20px;
    /*color: #034ea2;*/
    color: #03002F;
    text-align: center;
    margin-bottom: 15px;
    font-style: italic;
}

.touch-wrapper .details .cm-dispTbl {
    min-height: 50px;
}

@media screen and (max-width: 767px) {
    .touch-wrapper .details .cm-dispTbl {
        display: flex;
        flex-wrap: wrap;
    }
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell:first-child {
    padding-left: 0px;
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell {
    border-right: 1px solid #e1e1e1;
    padding-left: 35px;
}

    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell:last-child {
        border-right: 0px;
    }

@media screen and (max-width: 767px) {
    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell:first-child {
        padding-left: 0px;
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 10px;
        padding-bottom: 6px;
    }

    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell {
        border-right: 0px solid #e1e1e1;
        padding-left: 0px;
    }
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell.name-disp {
    width: 35%;
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell.cont-disp {
    width: 25%;
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell.mail-disp {
    width: 40%;
}

@media screen and (max-width: 767px) {
    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell.name-disp {
        width: 100%;
        height: 56px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell.cont-disp {
        width: 100%;
    }

    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell.mail-disp {
        width: 100%;
    }

    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell.grievance-disp {
        width: 100%;
        height: 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell span {
    display: inline-block;
    vertical-align: middle;
    color: #848484;
}

@media screen and (max-width: 480px) {
    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell span {
        font-size: 12px;
    }
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell .circle-wrapper {
    margin-right: 20px;
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell .po-name {
    display: block;
    color: #848484;
    /*font-weight: 500;*/
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell .name {
    display: block;
    color: #a1a1a1;
}

.touch-wrapper .details .cm-dispTbl .cm-dispTblCell .fund-icon {
    font-size: 20px;
    padding-right: 10px;
}

.circle-wrapper {
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background-color: #e1e1e1;
    color: #fff;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell .fund-icon {
        width: 30px;
        text-align: center;
        margin-right: 2px;
        font-size: 16px;
        padding-right: 2px;
    }

    .touch-wrapper .details .cm-dispTbl .cm-dispTblCell .circle-wrapper {
        margin-right: 6px;
    }

    .circle-wrapper {
        height: 31px;
        width: 31px;
    }

    .touch-wrapper .header {
        font-size: 16px;
    }
}

.faq-container {
    padding: 10px;
}

    .faq-container .search-box {
        max-width: 610px;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0;
        top: -15px;
    }

        .faq-container .search-box .search-container.cm-input-with-icon .form-control {
            background: url(../Images/search-icon-white.png) no-repeat;
            background-position: right center;
            /*background-color: #034ea2;*/
            background-color: #03002F;
            color: #fff;
            height: 40px;
        }


    .faq-container .faq-header {
        padding-top: 26px;
        text-align: center;
    }

        .faq-container .faq-header .text {
            display: inline-block;
            font-weight: bold;
            color: #03002F;
            text-transform: uppercase;
            vertical-align: middle;
        }

.category-list {
    padding: 20px 0 30px 0;
    text-align: center;
}

    .category-list .btn {
        padding: 10px 15px;
        border-color: #03002F;
        min-width: max-content;
    }

        .category-list .btn.active {
            background-color: #03002F;
            color: #fff;
            text-align: center;
            min-width: max-content;
        }

        .category-list .btn .close-icon {
            display: none;
        }

        .category-list .btn.active .close-icon {
            display: inline-block;
            float: right;
            text-align: center;
            padding: 0px 0px 0px 10px;
        }

.faq-container .category-list .btn {
    width: 125px;
}

.faq-accordion {
}

    .faq-accordion .panel-group {
    }

        .faq-accordion .panel-group .panel {
            background-color: #f8f8f8;
            box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
        }

            .faq-accordion .panel-group .panel .panel-heading .panel-title .bigPlus {
                font-size: 15px;
                padding: 1px;
                font-weight: bold;
                border-color: #03002F;
                color: #03002F;
                margin-right: 35px;
            }

            .faq-accordion .panel-group .panel .panel-collapse .panel-body {
                border-top: 0;
                padding-left: 72px;
            }

                .faq-accordion .panel-group .panel .panel-collapse .panel-body p {
                    margin: 0 0 2px;
                }

@media screen and (max-width: 767px) {
    .faq-container .search-box {
        max-width: 580px;
    }

        .faq-container .search-box .search-container {
            width: 100%;
        }

    /*.faq-container .category-list {
        text-align: left;
    }*/

    .faq-container .category-list .btn {
        margin-bottom: 10px;
        margin-left: 5px;
    }

    .faq-accordion {
    }

        .faq-accordion .panel-group {
        }

            .faq-accordion .panel-group .panel {
                background-color: #f8f8f8;
                box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3);
            }

                .faq-accordion .panel-group .panel .panel-heading .panel-title .bigPlus {
                    margin-right: 10px;
                }

                .faq-accordion .panel-group .panel .panel-collapse .panel-body {
                    padding-left: 50px;
                }

                    .faq-accordion .panel-group .panel .panel-collapse .panel-body p {
                        margin: 0 0 2px;
                    }
}

@media screen and (max-width: 480px) {
    .faq-container .search-box {
        max-width: 310px;
    }
}

.RaiseRequest-container {
}

    .RaiseRequest-container .category-list {
        padding-top: 10px;
    }

        .RaiseRequest-container .category-list .btn {
            width: 48%;
            margin-bottom: 10px;
            text-align: left;
        }

.comments-box .btn-section {
    text-align: right;
}

    .comments-box .btn-section .text {
        display: block;
        padding-top: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #6b6b6b;
    }

.history-container {
    padding-top: 20px;
}

    .history-container .history-header {
        padding-bottom: 10px;
    }

        .history-container .history-header .img-span {
            width: 35px;
            display: inline-block;
            vertical-align: middle;
        }

        .history-container .history-header .text {
            display: inline-block;
            font-weight: bold;
            color: #03002F;
            text-transform: uppercase;
            vertical-align: middle;
        }

    .history-container.top-query-container {
        padding: 11px 0px 5px 24px
    }

.text-blue {
    color: #034ea2;
}

.history-container .table > thead > tr > th {
    color: #034ea2;
}

.history-container .table > tbody > tr > td {
    color: #6b6b6b;
}

@media screen and (max-width: 480px) {
    .RaiseRequest-container .category-list .btn {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .history-container .table > thead > tr > th {
        font-size: 12px;
        padding: 8px 5px;
    }

    .history-container .table > tbody > tr > td {
        font-size: 12px;
        padding: 8px 5px;
    }

    .history-container.top-query-container {
        padding: 9px 2px 0px 2px;
    }
}

.search-placeholder::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #f1ebeb;
    opacity: 1; /* Firefox */
    padding-left: 1px;
    font-size: 14px;
}

.field_bg h3 {
    font-weight: 700;
}

.divLandingPage div {
    font-weight: 700;
}

#divPreviousHistory table tr td:nth-child(2) {
    padding-right: 90px;
    word-break: break-all;
}

/*.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 60vw;
    overflow: hidden;
    padding-right: 150px;
}*/

@media screen and (max-width: 767px) {
    #divPreviousHistory table tr td:nth-child(2) {
        padding-right: 5px;
    }

    #divLandingPage .row.row-sm {
        margin-top: -17px;
    }

    /*.ellipsis {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        max-width: 120px;
        overflow: hidden;
        padding-right: 50px;
    }*/
}

.clearfix-mobile {
    display: none;
    margin-top: 8px;
}

#srch-term {
    font-size: 14px;
    padding-left: 20px;
}

@media screen and (max-width: 639px) {
    .lyt-filters.qrcPage {
        padding: 20px 7px;
    }

    .container.qrcPage {
        padding-left: 10px;
        padding-right: 10px;
    }

    .clearfix-mobile {
        display: block;
    }
}

.faqTable td {
    vertical-align: text-top;
    font-size: 14px;
}


.panel-body mark, .faqTable mark {
    background: #fbfb70;
    /*color: #f90303;*/
    font-weight: 400;
    margin-right: -3px;
}
/* css 20201221 end */

#divtransaction .lyt-whiteBands .whiteBands-element .main-details .header {
    width: 23%;
}

    #divtransaction .lyt-whiteBands .whiteBands-element .main-details .header .fund-name-details {
        z-index: 20;
    }

#divtransaction .lyt-whiteBands .whiteBands-element .main-details .details {
    padding: 25px 3px 25px 1px;
}

    #divtransaction .lyt-whiteBands .whiteBands-element .main-details .details .trans-Status {
        width: 20%;
        padding-right: 6px;
    }

@media screen and (max-width: 767px) {
    #divtransaction .lyt-whiteBands.small-band .whiteBands-element .separator-header.main-details .details {
        margin-top: -79px;
        margin-left: 79px;
        width: calc(100% - 91px);
    }
}

@media screen and (max-width: 1024px) {
    #divtransaction .lyt-whiteBands .whiteBands-element .main-details .details .trans-Status {
        width: 41%;
    }

}

.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
    outline: none;
}

#divtransaction .lyt-whiteBands .whiteBands-element .main-details .details .trans-Status .val {    
    display: block; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divassetdata .table tbody td {
    text-align: right;
}

#divassetdata .table tbody tr td:first-child, #div_LoadProfile .details-container.cm-dispTbl .cm-dispTblCell {
    text-align: left;
}

.tax_lots_section .lyt-whiteBands .whiteBands-element .val.acc_name {
    padding-left: 8px;
}