/**************** Root Theme Variables *********************/
:root {
    /* Colors */
    --clr-title: #3A4A99;
    --clr-subtitle: #333333;
    --clr-body: #7e7e7d;
    /*--clr-bg: #fefbee;*/
    --clr-bg: #f0f6ff;
    --clr-boxbg: #fafdff;
    --clr-blue-bg: #60A3D9;
    --clr-link: #0064A2;
    --clr-white: #fff;
    /*button */
    --btn-primary: #60a3d9;
    --btn-secondary: #60A3D9;
    /*Icon Color*/
    /*Radio and Check box color */

    --radio-select: #0064A2;
    /* ✍️ Title Font (Montserrat) */
    --font-title-regular: 'Montserrat-Regular', sans-serif;
    --font-title-medium: var(--font-body-medium), sans-serif;
    --font-title-semibold: 'Montserrat-SemiBold', sans-serif;
    --font-title-bold: var(--font-title-bold), sans-serif;
    /* ✍️ Body Font (Open Sans) */
    --font-body-regular: 'OpenSans-Regular', sans-serif;
    --font-body-medium: 'OpenSans-Medium', sans-serif;
    --font-body-semibold: 'opensans-semibold', sans-serif;
    --font-body-bold: 'OpenSans-Bold', sans-serif;
}



body {
    color: var(--clr-body);
    background: #FFF;
    font-family: var(--font-body-regular);
    transition: all 0.5s ease-in-out;
    scroll-behavior: smooth;
    height: calc(100vh - 111px);
}
.bottom-space {
    padding-bottom: 35px !important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
}

body.modal-open { overflow: hidden !important; padding-right: 0 !important;  prevent extra right padding }

ul{padding:0;}
ul li { list-style:none; }
select{font-family:revert; cursor:pointer;}

.height32 {
    height: 32px;
}
.height-calc {
    padding-bottom: 30px;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1440px;
    }
}

/* Fonts face */

@font-face {
    font-family: var(--font-body-regular);
    src: url('../fonts/montserrat/montserrat-regular.ttf') format('truetype');
}
@font-face {
    font-family: var(--font-body-medium);
    src: url('../fonts/montserrat/montserrat-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'montserrat-semibold';
    src: url('../fonts/montserrat/montserrat-semibold.ttf') format('truetype');
}
@font-face {
    font-family: var(--font-title-bold);
    src: url('../fonts/montserrat/montserrat-bold.ttf') format('truetype');
}

/*Open Sans*/

@font-face {
    font-family: 'opensans-light';
    src: url('../fonts/opensans/opensans-light.ttf') format('truetype');
}
@font-face {
    font-family: 'opensans-regular';
    src: url('../fonts/opensans/opensans-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'opensans-medium';
    src: url('../fonts/opensans/opensans-medium.ttf') format('truetype');
}
@font-face {
    font-family: 'opensans-semibold';
    src: url('../fonts/opensans/opensans-semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'opensans-bold';
    src: url('../fonts/opensans/opensans-bold.ttf') format('truetype');
}

/*Switch to old website*/
.redirect-old { background: #f0f6ff; }
.gotoold { background: #f0f6ff; text-align: end; padding-right: 25px;    cursor: pointer; }
.gotoold a { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: #333; text-decoration: none; transition: color 0.3s ease; }
.gotoold a .old-text{color: #333; transition: all 0.4s ease;}
.gotoold a span i { transition: transform 0.4s ease, color 0.4s ease; color: #0064A2; font-size: 20px; transform: translateX(-5px);}
.gotoold a .old-text { font-family:'montserrat-semibold'; background: linear-gradient(90deg, #0064A2, #3A4A99); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% auto; animation: text-gradient 1.5s linear infinite; }
@keyframes text-gradient {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

/*Comman Css*/
.fs10 {
    font-size: 10px;
}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}

.color-red { color: red !important; }
.color-green { color: green !important; }
.color-blue { color: var(--clr-blue-bg); }
.color-edit { color: #f79300;}

.label-highrisk { border: 1px solid #ffdddd; background: #ffdddd; padding: 2px 8px; border-radius: 5px; color: #ff0000; font-family: var(--font-body-semibold); text-transform: capitalize; margin-right:5px; }
.label-mediumrisk { border: 1px solid var(--clr-blue-bg); background: var(--clr-bg); padding: 2px 8px; border-radius: 5px; color: var(--clr-blue-bg); font-family: var(--font-body-semibold); text-transform: capitalize; margin-right:5px; }
.label-lowrisk { border: 1px solid #dfffdf; background: #dfffdf; padding: 2px 8px; border-radius: 5px; color: #008000; font-family: var(--font-body-semibold); text-transform: capitalize; margin-right:5px; }

.label-sector{ border: 1px solid #dce5fb; background: #dce5fb; padding: 2px 8px; border-radius: 5px; color: var(--clr-blue-bg); font-family: var(--font-body-semibold); text-transform: capitalize; margin-right:5px; }

.fa-info-circle{color:#3A4A99;}
.dt-left   { text-align: left !important; }
.dt-center { text-align: center !important; }
.dt-right  { text-align: right !important; }
table.dataTable thead th.dt-left {
    text-align: left !important;
}

table.dataTable thead th.dt-center {
    text-align: center !important;
}

table.dataTable thead th.dt-right {
    text-align: right !important;
}
.nicescroll-cursors {
    background-color: #66abf5 !important;
}
.pdd1020 {
    padding: 10px 20px;
}

a {
    color: #073F88;
    font-family: var(--font-title-bold);
    text-decoration: none; letter-spacing:0.5px;
}

select.form-control.form-select {
    font-size: 13px;
}
.fa.fa-trash{color:red;}
/*Panel */
.card {
    margin-bottom: 15px;
}

/*===================================
# Table Section
=====================================================*/
.tbl-dashboard tr { border-bottom: 1px solid #ddd; align-items: center; }

a.tbl-viewmore { font-size: 14px; letter-spacing: 1.5px; cursor:pointer; }
table.table-bordered th:last-child, 
table.table-bordered td:last-child { 
    border-right-width: 1px; border-left-width: 1px;
}

table th, .table th {
    background: var(--clr-bg);
    color: var(--clr-subtitle);
    font-family: var(--font-body-semibold);
    font-size: 13px;
    padding: 0.5rem 17px 0.5rem 0.5rem !important;
    white-space: nowrap;
    position: sticky;
    top: -1px;
    font-weight: initial;
}

.tbl-allocation tr td {
    white-space: normal;
    padding: 0.5rem 0.5rem !important;
}

table td {
    white-space: nowrap;
    font-size: 13px;
}
table.table th{z-index:99;}
table {
    border-color: #dee2e6;
}
table.table{margin:0px;}
table.table thead tr { position: sticky; top: -1px; }
table.table tr.tbl-total { font-family: var(--font-title-bold); background-color: #ededed; }

.tbl-overflow-hidden { overflow:hidden;}

tr.tbl-grandtotal { background: aliceblue; font-family: var(--font-body-semibold); color: #2C2958; }
tr.tbl-sub-grandtotal{background: #f5deb3; font-family: var(--font-body-semibold);}
tr.tbl-grittlname { background: #f9f9f9; color:#2C2958; font-family: var(--font-body-semibold); text-align:left; cursor:pointer; }
tr.bg-light-pink { background: #f8dbe0; }
tr.table-total td { background: var(--clr-bg); font-family: var(--font-body-semibold); }

tr.report-ret { font-family: var(--font-body-semibold); }
/*thead, tbody, tfoot, tr, td, th { border-color: inherit; border-width: inherit; padding:0.5rem 0.5rem;} */

/* Data-table */

table.table-bordered.dataTable{margin:0px !important; }
.dataTables_filter, 
.dataTables_paginate { padding-right: 10px; }

.dataTables_length, 
.dataTables_info { padding-left: 10px; }





.small,
small {
    font-size: 65%;
}
/*Form-control*/
.form-control:focus { box-shadow: none; border-color: #0d6efd; }
select.form-control{height:40px;}

.lr-view .col-md-8,
.lr-view .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}

.hei450px { height: 100%; max-height: 450px; overflow-y: auto; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #2C2958 #ffffff; }
.subtaskheight450 { height: 450px; overflow-y: scroll; overflow-x: hidden; }
/*.manage-box:last-child {
    margin-bottom: 60px;
}*/

.bdr-top {
    border-top: 1px solid #ddd;
}

.bdr-bottom {
    border-bottom: 1px solid #ddd;
}


.modal-header {
    /*background: var(--clr-bg);*/
    padding: 10px 20px;
}

    .modal-header h4.modal-title {
        font-size: 18px;
        font-family: var(--font-body-semibold);
        color: #2C2958;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        width: 100%;
    }

.mandate-drop p { font-size: 13px; margin: 15px 0 0 0; text-align: center; font-family: var(--font-body-medium); color: #2C2958; }
.mandate-box h6 { font-size: 12px; font-family: var(--font-body-semibold); color:var(--clr-body); background: #f5f5f5; padding: 6px 8px; border-radius: 5px; }
.mandate-box label, .mandate-drop .form-group label { font-size: 12px; font-weight: 400; color:var(--clr-body); }

.wid100pr { width: 100%; }



/*Loader css*/
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background: url('../Images/Loader.gif') 50% 50% no-repeat rgb(0,0,0); background-size:100px; opacity: 0.7; }
#loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background: url('../Images/Loader.gif') 50% 50% no-repeat rgb(0,0,0); background-size: 100px; opacity: 0.7; }


.ttl-dash h4 { font-size: 15px; font-family: var(--font-title-bold); text-transform: capitalize; margin: 0px; color: var(--clr-title); }
.ttl-dash{padding:10px;}

/*End Button*/

/*=============================
# Common CSS 
=======================================================*/

.manage-box { border: 1px solid #ddd; background: #fff; border-radius: 8px; padding: 10px; margin-bottom: 20px; box-shadow: 1px 1px 13px -2px #ddd; position: relative; transition: all 0.5s ease-in-out; }
.manage-tbl-box { border: 1px solid #ddd; background: #fff; border-radius: 8px; padding: 0px; margin-bottom: 20px; box-shadow: 1px 1px 13px -2px #ddd; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; }

.dash-family-info { display: flex; flex-wrap: wrap; align-items: center; grid-gap: 10px; margin: 20px 0; justify-content: space-between; }
.dash-family-info h2 { color: var(--clr-title); font-size: 20px; margin-bottom: 0px; font-family: var(--font-title-bold); }
.dash-family-info h2 label { font-size: 18px; color: var(--clr-body); margin-bottom:0px; }
.dash-family-info h2 span { font-size: 12px; font-family: var(--font-body-regular); color:var(--clr-body); }
.dash-family-info select { width: 200px; float: left; margin-right: 15px; height: 34px; }


.purchase-ttl { margin: 20px 0px; }
.purchase-ttl h2 { font-size: 18px; font-family: var(--font-title-bold); text-transform: capitalize; margin: 0px; color:var(--clr-title); }
.purchase-ttl p span { display: block; }
.purchase-ttl p { font-size: 13px; margin-top: 10px; }



.amt-right-only tr td {text-align: end;}
.amt-right-only tr td:first-child { text-align: left;}

.ttl-with-back { display: flex; gap: 10px; align-items: center; }
.btn-back-arrow { cursor:pointer; width: 30px; height: 30px; margin: 0px; background: var(--clr-blue-bg); border-radius: 100px; text-align: center; line-height: 30px; color: var(--clr-white); transition: background 0.3s ease, transform 0.3s ease;}
.btn-back-arrow i{ transition: transform 0.3s ease;}
.btn-back-arrow:hover i { animation: moveArrow 1s infinite ease-in-out; }
@keyframes moveArrow {
    0% { transform: translateX(0); }
    50% { transform: translateX(-8px); }
    100% { transform: translateX(0); }
    
}
input[type="file"] {
    autocomplete: off; /* Not always respected */
}
.dash-divider {
    border-bottom: 1px solid #ddd;
    margin: 5px 0 10px 0;
    width: 100%;
}
.divider-mtb10{border-bottom: 1px solid #ddd; margin: 10px 0; width: 100%;}


/*===================================
# New Investment Design  Section
=====================================================*/
.new-invest-box {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 15px;
}
.mfinvest-info { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.mfinvest-info img { width: 180px;}
.mfinvest-info p { font-size: 25px; font-family: var(--font-title-bold); color: #2C2958; }
a.btn.btn-investmf { border: 1px solid var(--clr-blue-bg); border-radius: 100px; font-family: var(--font-body-semibold); background: var(--clr-blue-bg); color: #fff; padding-right: 15px; padding-left: 15px; transition:all 0.5s ease-in-out;}
a.btn.btn-investmf:hover{background: #FFF; color: var(--clr-blue-bg);}


.no-data-found { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; }
.no-data-found img { width: 150px; margin-bottom: 15px; }
.no-data-found h6{font-size:16px; font-family:var(--font-body-semibold); color:#2C2958;}

/*===================================
# Note Section
=====================================================*/
.report-note { background-color: #eef4ff; padding: 10px 15px; border-radius: 6px; color: #1f2d3d; margin-bottom:10px; }
.report-note ul{padding-left: 15px; }
.report-note ul li{line-height: 25px; font-size: 12px; color: var(--clr-subtitle); list-style: disc; font-family: var(--font-body-medium);}
.report-note h3 { font-size: 13px; font-family: var(--font-body-semibold); }
.note h6, .report-note h6 { color: var(--clr-title); font-family: var(--font-title-bold); font-size:15px; }
.note p, .report-note p { color:var(--clr-body); font-size: 12px; font-family: var(--font-body-medium); margin-bottom: 0px; line-height:25px; }

.note ul li { line-height: 25px; font-size: 13px; color: var(--clr-subtitle); list-style: disc; font-family: var(--font-body-medium); }
.note ul { padding-left: 15px; }
.note { background: #eee; padding: 10px; border-radius: 8px; margin-bottom: 15px; }

.disclaimer-box h6 { color: red; font-family: 'montserrat-semibold'; }
.disclaimer-box p { color:var(--clr-body); font-size: 12px; font-family: var(--font-body-medium); margin-bottom: 0px; }

.new-invest-funds-top { padding: 20px; background: var(--clr-bg); border-radius: 10px; margin-top: 15px; }
.new-invest-funds-top h2 { color: #2C2958; font-size: 20px; font-family: var(--font-title-bold); margin-bottom: 0px; }
.new-invest-funds-top h6 { padding: 10px 5px 5px 0px; font-size: 14px; font-family: var(--font-body-medium); border-radius: 5px; margin-bottom: 15px; }
.new-invest-funds-top ul { padding-left: 17px; margin: 0; }
.new-invest-funds-top ul li { color: #666666; font-size: 13px; line-height: 17px; position: relative; list-style: disc; padding-left: 0; margin-bottom: 10px; }
.cutoff-time { margin-top: 20px; margin-left: 10px; }
.cutoff-time h4 { color: var(--clr-title); font-size: 16px; font-family: var(--font-title-bold); }
.cutoff-time ul { padding-left: 20px; margin: 0; }
.cutoff-time ul li { font-size: 13px; font-family: var(--font-body-regular); list-style: disc; position: relative; padding-left: 0px; line-height: 25px; color: #333; }

.date-note{padding:10px; background:#FEFBEE; border-radius:10px;}
.date-note h5{font-size:14px; font-family:var(--font-body-bold);}
.date-note p{margin-bottom:0px; font-size:13px;}
/*End Note Section*/
/*Title*/
.desk-sub-ttl {
    background: var(--clr-bg);
    color: #2C2958;
    padding: 10px 15px;
    font-family: var(--font-title-bold);
    font-size: 16px;
    border-radius: 6px;
    margin-bottom: 15px;
}

/*Margin and Padding*/

.pd-0 {
    padding-bottom: 0px !important;
}
.padding-0 {
    padding: 0px !important;
}

/*===================================
# maintenance  Section
=====================================================*/
.maintenance-header { text-align: center; width: 100%; }
.maintenance-box img { width: 120px; margin: auto auto 15px auto; text-align: center; }
.maintenance-box p { color:var(--clr-body); line-height: 25px; text-align: justify; margin-bottom: 10px; }
.maintenance-box p:last-child { margin: 0px; color:var(--clr-title); }
.maintenance-box { padding: 0px 20px; text-align: center; }
.maintenance-box p { font-size: 14px; color: var(--clr-subtitle); }
.maintenance-box p strong{ font-family:var(--font-body-semibold); color:var(--clr-title);}
.maintenance-box h3{color:var(--clr-title); font-family:var(--font-body-bold); font-size:22px; margin-bottom:15px;}
.maintenance-header h3 { font-family: var(--font-title-bold); font-size: 18px; color: var(--clr-title); padding: 15px 0;}
.modal-header.maintenance-header { text-align: center; justify-content: center; }
.close.mainten-close { content: ''; position: absolute; top: -9px; right: -9px; background: red; color: #fff; border-radius: 100px; width: 30px; height: 30px; opacity: 1; padding: 0 9px; font-size: 20px; border: none; }
.maintenance-box ul { padding-left: 15px; margin-bottom: 15px; }
.maintenance-box ul li { text-align: left; line-height: 20px; font-family: 'montserrat-semibold'; list-style: disc; font-size: 13px; }
.maintenance-box p span { font-family: var(--font-body-semibold); color: var(--clr-title); padding-top: 6px; display: block; }
button.close.close-active { position: absolute; top: -12px; right: -11px; background: red; opacity: 1; width: 30px; height: 30px; border-radius: 100px; color: #fff; }
button.close.close-active:hover { box-shadow: none; }
.ActiveList-ttle p { font-size: 13px; line-height: 25px; font-weight: 100; margin-bottom: 0px; color: #555; letter-spacing: 0.5px; }
.ActiveList-ttle p:nth-child(3) { margin-top: 10px; }
.ActiveList-ttle h6 { margin-top: 0px; font-size: 14px; font-family: 'montserrat-semibold'; }

/*=======================================
# Radio Button
==============================================================*/
.custom-radio label{color:#666;}
.custom-radio input[type='radio']{/*vertical-align: sub;*/ appearance: none; width: 20px; height: 20px; border: 2px solid var(--radio-select); border-radius: 100px; outline: none; box-shadow: none; transition: box-shadow 0.3s ease; background: #fff; position: relative; }
.custom-radio input[type='radio']:before { content: ''; display: block; width: 10px; height: 10px; border-radius: 100px; text-align: center; line-height: 11px; position: absolute; top: 3px; left: 3px; right: 0; transform: scale(0); transition: 120ms transform ease-in-out; }
.custom-radio input[type='radio']:checked:before { background: #FFF; transform: scale(1); }
.custom-radio input[type='radio']:checked { background: var(--radio-select); }
.custom-radio input[type='radio']:after { top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 100px; background: white; }

.custom-radio.radio-label input { vertical-align: bottom; }
.custom-radio.radio-label label { vertical-align: middle; margin-right: 14px; font-family: var(--font-body-medium); }

.custom-radio.payinout-radio input[type='radio']{ margin-right: 4px; }
.custom-radio.payinout-radio label {
    margin-bottom: 9px;
    margin-right: 10px;
}


label.radiobutton {
    padding-right: 14px;
}
label.radiobutton input { vertical-align: middle; margin-right: 10px; }

.custom-radio.radio-clientpay table tr td label { vertical-align: bottom; padding-left: 10px; }

.AMCradioChecklist label{color:#666; display:inline-flex; margin-bottom:0px;}
.AMCradioChecklist input[type='radio']{ appearance: none; width: 18px; height: 18px; margin-right:8px; border: 1px solid #ccc; border-radius: 3px; outline: none; box-shadow: none; transition: box-shadow 0.3s ease; background: #ccc; position: relative; }
.AMCradioChecklist input[type='radio']:before { content: '\f00c'; font-family:fontawesome; color:var(--clr-white); display: block; width: 10px; height: 10px; border-radius: 100px; text-align: center; line-height: 11px; position: absolute; top: 3px; left: 2px; right: 0; transform: scale(0); transition: 120ms transform ease-in-out; }
.AMCradioChecklist input[type='radio']:checked:before {/* background: #FFF; */transform: scale(1); }
.AMCradioChecklist input[type='radio']:checked { background: var(--radio-select); }
.AMCradioChecklist input[type='radio']:after { top: 4px; left: 4px; width: 10px; height: 10px; border-radius: 100px; background: white; }

.custom-radio.mode-radio-inline table tr { display: inline-block; }

/*Select checkbox*/
.select-checkbox label { display: inline-block; margin-right: 10px; font-family: var(--font-body-regular); }
.select-checkbox label.control { position: relative; padding-left: 22px; margin-bottom: 15px; cursor: pointer; font-size: 12px; font-weight: normal; font-family: var(--font-body-medium); color:var(--clr-body); }
.select-checkbox label.control input { position: absolute; z-index: -1; opacity: 0; }
.select-checkbox label.control input:checked ~ .control__indicator { background: var(--radio-select); }
.select-checkbox label span.control__indicator { position: absolute; top: 2px; left: 0; border-radius: 2px; height: 15px; width: 15px; background: #ccc; }
.select-checkbox label.control input:checked ~ .control__indicator:after { display: block; }
.select-checkbox label.control--checkbox .control__indicator:after { left: 5px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; }
.select-checkbox label span.control__indicator:after { content: ''; position: absolute; display: none; }

/*checkbox*/
.report-check label { display: inline-block; margin-right: 10px; font-family: var(--font-body-regular); }
.report-check label.control { position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 12px; font-weight: normal; font-family:var(--font-body-medium); color:var(--clr-body); }
.report-check label.control input { position: absolute; z-index: -1; opacity: 0; }
.report-check label.control input:checked ~ .control__indicator { background: var(--radio-select); }
.control__indicator { position: absolute; top: 2px; left: 0; border-radius: 2px; height: 17px; width: 18px; background: #ccc; }
.report-check label.control input:checked ~ .control__indicator:after { display: block; }
.report-check label.control--checkbox .control__indicator:after { left: 7px; top: 4px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; }
.report-check label span.control__indicator:after { content: ''; position: absolute; display: none; }

/*checkbox list*/
.chkbox-list-custom { display: flex; flex-direction: column; gap: 10px; padding:0 10px; /*border: 1px solid #ccc; background-color: #F9F9F9;*/ border-radius: 5px; }
.chkbox-list-custom input[type="checkbox"] { display: none; }
.chkbox-list-custom label { display: flex; align-items: center; cursor: pointer; position: relative; padding-left: 30px; font-size: 12px; user-select: none; color:var(--clr-body); }
.chkbox-list-custom label:before { content: ""; display: inline-block; width: 18px; height: 17px; background-color: #ccc; /*border: 2px solid #ccc;*/ border-radius: 3px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.chkbox-list-custom input[type="checkbox"]:checked + label:before { background-color: var(--radio-select); /*border-color: var(--clr-blue-bg);*/ /*  content: "\2713";*/ color: white; display: flex; align-items: center; justify-content: center; font-size: 14px; }
.chkbox-list-custom input[type="checkbox"]:checked + label:after { content: ""; width: 5px; height: 10px; position: absolute; left: 6px; border: solid #fff; border-width: 0 2px 2px 0; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; }

.nach-radio label.radiobutton { display: inline-block; margin-right: 15px; color:var(--clr-body); font-family: var(--font-body-semibold); }


.custom-radio table tr td, .custom-radio table tr td { border: none; }

/*=======================================
# Error Message
==============================================================*/
.error-msg { font-size: 12px; color: #dc3545; text-align: right; display: inherit; font-family: var(--font-body-medium);}
.error-msg-new { font-size: 12px; color: #dc3545; text-align: right; display: inherit; font-family: var(--font-body-medium);}

.error-value { color: #0d6efd; font-size: 13px; font-family: var(--font-body-medium); }
.sip-error-msg p{ font-size: 13px; color: #0d6efd; font-family: var(--font-body-semibold); padding: 0 50px; line-height: 23px; }

/*Form Section*/
.form-group label { font-size: 13px; color:var(--clr-body); font-family: var(--font-body-medium); vertical-align: middle; }
.ws-logo { margin-bottom: 0px; max-width: 150px; }
label {
    color: var(--clr-body);
    font-size: 13px;
    font-family: var(--font-body-medium);
    margin-bottom: 5px;
}

a.link-1 { color: #073F88; font-size: 14px; font-family: var(--font-title-bold); position: absolute; top: 3px; right: 0; text-decoration: none; }
.form-group { position: relative; margin-bottom: 10px; }
input.form-control { height: 40px; font-size: 12px; padding-left: 7px; }
.form-control { font-size: 12px; padding-left: 5px; }
.form-check-label { font-weight: 400; }
input[type="checkbox"],
input[type="radio"] { border: 1px solid #B7B7B7; }
a.small-link1 { font-size: 12px; color: #073F88; font-weight: 500; }


/*************Login Page ****************************
 ********************************************************************/
.captch-img-modal img { width: 145px; height: 40px; max-width: 100%; margin-right: 7px; }
.pass-eye{position:relative;}
.pass-eye span { position: absolute; top: 0; right: 0; padding: 0.4rem .75rem; cursor: pointer; }
/*
.forgt-login {font-size: 13px; font-family: 'montserrat-semibold'; }
.login-instr { display: flex; justify-content: space-between; }
.login-instr a i{color:var(--clr-blue-bg);}
.popover-body ul { padding: 0; }
.login-box { box-shadow: 4px 4px 17px #2C2958000; background-color: #fff; border: 1px solid #ddd; padding: 30px 30px; z-index: 10; position: sticky; top: 40px; width:440px; }
.login-logo img { width: 200px; }

.login-btn { display: flex; justify-content: space-between; }

.sign-img { width: 450px; text-align: center; margin: auto auto 5rem auto; }
.bg-login::after { content: ''; background: url(../Images/bg-login-right.png) no-repeat top right; width: 100%; height: 100%; position: fixed; top: 0; right: 0px; z-index: -1; }
.bg-login::before { content: ''; background: url(../Images/signin-path.png) no-repeat 0 103px; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; }
.login-box h5 { font-size: 16px; text-transform: capitalize; font-family: 'montserrat-semibold'; color: #2C2958; line-height: 36px; padding-bottom: 10px; margin-bottom: 15px; }
.login-box h6 { font-size: 22px; font-family: var(--font-title-bold); color: #2C2958; line-height: 27px; margin-bottom: 15px; }
.login-box p { font-size: 12px; color: #666666; line-height: 32px;}

.login-input { position: relative; }
.login-input input { border-radius: 5px; border: 1px solid #ddd; }
.login-input input.form-control { height: 35px; font-size: 14px;  font-family: var(--font-body-medium);}
.login-input .form-group { margin-bottom: 10px; }
.forgt-txt { margin-bottom: 5px; }
.forgt-txt span { display: block; font-size: 13px; font-family: var(--font-body-semibold); line-height: 16px; color: #00233F; cursor: pointer; }

.input-pass, .input-otp, .input-mob { position: relative; }
.captch-img{ display: flex; justify-content: space-between;}
.captch-img-modal { display: flex; }


.icon-refresh { line-height: 48px; font-size: 12px;}
.form-group.input-otp input.form-control.input-text { border-right-width: 0; }
.input-pass input { margin-bottom: 15px; }

.input-pass::before { content: '\f070 '; position: absolute; top: 23%; right: 16px; font-size: 17px; color:var(--clr-body); font-family: FontAwesome; }
.btn-sign { margin-bottom: 15px; }
.btn-sign .btn-primary { background-color: var(--clr-blue-bg); height: 45px; font-size: 16px; }
.signup-txt p { margin: 0; font-size: 13px; color: #666666; line-height: 32px; text-transform: inherit; }
.signup-txt p span { font-size: 16px; color: var(--clr-blue-bg); font-family: 'montserrat-semibold'; line-height: 32px; }
.signup-txt a { color: var(--clr-blue-bg); }
.btn-sign a { color: #fff; }
.popover-body ul li { font-size: 12px; margin-left: 15px; margin-bottom: 5px; list-style: disc; }
.login-ttl h5 { font-size: 25px; text-align: center; font-family: var(--font-body-semibold); color: var(--clr-blue-bg); line-height: 30px; }
.login-ttl { margin: 40px 0; }
.login-info span { font-size: 22px; color: #2C2958; line-height: 34px; }
.login-info { text-align: center; padding-top: 40px; }
.login-info ul { margin: auto auto 40px auto; width: 400px; display: flex; justify-content: space-between; }
.login-info ul li span { margin-right: 10px; }
.login-info ul li { display: inline-block; padding-right: 10px; font-size: 18px; color: #281662; font-family: 'montserrat-semibold'; }
.btn-login { background: var(--clr-blue-bg); border-color: var(--clr-blue-bg); font-size: 13px; margin-right: 10px; }
.forgt-login a { font-size: 12px; color: #2C2958; font-family: 'montserrat-semibold'; margin-bottom: 7px; display: inherit; }
.signup-box { text-align: center; margin-bottom: 15px; }
.signup-box p { margin: 0; font-size: 14px; padding: 10px 0; line-height: 25px; font-family: 'montserrat-semibold'; }
.signup-box img { width: 80px; }
h5.sign-fin-txt { font-size: 18px; color: var(--clr-blue-bg); font-family: var(--font-title-bold); padding: 50px 0; }
.info-track ul li { display: inline-block; font-size: 13px; color: var(--clr-blue-bg); padding-right: 10px; }
.info-track ul li a { color: var(--clr-blue-bg); }
.info-track ul li span { padding-right: 5px; }
.sing-invet-txt { text-align: center; margin-bottom: 15px; }
.sing-invet-txt ul li { display: inline-block; text-align: center; font-size: 14px; position: relative; padding-right: 20px; color: #281662; line-height: 35px; }
.sing-invet-txt ul li:after { content: ''; position: absolute; top: 10px; right: 6px; background: var(--clr-blue-bg); height: 15px; width: 2px; }
.info-track { text-align: center; margin-bottom: 30px; }
.forgt-txt label { margin: 0; font-size: 11px;}
.forgt-txt label a { color: var(--clr-blue-bg); }
*/
/*New Login Page Design */
/*************MenuBar Section ****************************
 ********************************************************************/
.main-logo a img {
    height: 100%;
    padding: 4px 0;
}
.top-hedr{display:flex;flex-direction:row;justify-content:space-between}
.menu-nav{padding:0;position:sticky;top:-1px;z-index:999; background: var(--clr-bg);}
.bg-light{background-color:var(--clr-bg) !important;box-shadow:0 4px 6px rgba(0,0,0,0.10)}
.navbar{padding:0 30px;position:sticky;top:-1px;z-index:999}
.navbar-brand{max-width:153px;padding-top:0;padding-bottom:0}
.navbar-light .navbar-nav .nav-link{color:#2c2958;font-size:13px;text-transform:uppercase;padding:26px 10px;border-bottom:3px solid transparent;font-family:'montserrat-semibold';}
.navbar-light .navbar-nav .nav-link:hover{color:var(--clr-blue-bg)}
.menubar-section{display:flex;flex-direction:row-reverse;width:100%}
.not-pro-icon{display:flex;flex-direction:row;align-items:center;height:64px}
.menu{background:var(--clr-bg);height:88px; /*box-shadow:0 4px 24px 0 rgba(34,41,47,0.1)*/ }
.dropdown.user-profile{margin:0 5px}
.dropdown.user-profile .dropdown-menu{min-width:20rem !important;border-radius:7px}
.ws-logo{height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: var(--clr-blue-bg);
    border-bottom: 3px solid var(--clr-blue-bg);
    font-weight: 600;
}

.navbar-icon {
    margin-right: 5px;
    max-width: 20px;
}

.navbar .dropdown-toggle,
.navbar .dropdown-menu a {
    cursor: pointer;
}
ul.sub-menu.submenu-height {
    max-height: 300px;
    overflow-y: auto;
}
.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--clr-blue-bg);
}

a.nav-sub-link {
    text-decoration: none;
    padding: 8px 16px;
    color: #2C2958;
    font-size: 13px;
    display: block;
    font-family: var(--font-body-medium);
}

.custom-search {
    background-color: #F1F9FF;
    color: #C8D7E9;
    height: 42px;
    position: relative;
    padding-left: 30px;
}

.search-area { position: relative; margin-right: 5px; }
.search-area span { position: absolute; top: 8px; left: 10px; z-index: 1; }

.form-control.custom-search::-webkit-input-placeholder {
    color: #C8D7E9;
}
/* WebKit, Blink, Edge */
.form-control.custom-search:-moz-placeholder {
    color: #C8D7E9;
}
/* Mozilla Firefox 4 to 18 */
.form-control.custom-search::-moz-placeholder {
    color: #C8D7E9;
}
/* Mozilla Firefox 19+ */
.form-control.custom-search:-ms-input-placeholder {
    color: #C8D7E9;
}
/* Internet Explorer 10-11 */
.form-control.custom-search::-ms-input-placeholder {
    color: #C8D7E9;
}
/* Microsoft Edge */
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: var(--clr-bg);
}

.navbar .dropdown-item:focus,
.navbar .dropdown-item.active {
    background-color: #358BC7;
}

.navbar .dropdown-item:hover a { color: #fff; }
.dd-menu .dropdown-toggle::after { background-image: url(../img/dd-arrow-white.png); }
.dropdown-menu { padding: 0; border-radius: 0; }
.dropdown-item { border-bottom: 1px solid rgba(255, 255, 255, 0.27); padding: 0; transition: all ease-in 0.1s; }
.nav-item { margin: 0 10px; }
.dropdown-toggle::after { content: ''; background-image: url(../img/dd-arrow.png); width: 10px; height: 6px; border: none; background-repeat: no-repeat; position: relative; top: 2px; margin-left: 10px; }
ul.notification .dropdown-toggle::after { display: none; }
.navbar-light .navbar-nav.notification .active > .nav-link,
.navbar-light .navbar-nav.notification .nav-link.active,
.navbar-light .navbar-nav.notification .nav-link.show,
.navbar-light .navbar-nav.notification .show > .nav-link {
    border-bottom: 3px solid transparent;
}

.bell-icon { background-color: #fff; border: 1px solid var(--clr-blue-bg); border-radius: 5px; width: 35px; height: 35px; text-align: center; line-height: 35px; transition: all 0.5s ease-in-out; }
.bell-icon i { font-size: 18px; color: var(--clr-blue-bg); }
.bell-icon:hover i { color: #fff; }
.bell-icon:hover { background: var(--clr-blue-bg); color: #fff; }

ul.notification .nav-link img { width: 17px; display: inline-block; }
.setting-menu img { width: 23px; }
.noti-badge { background-color: #2C2958; border-radius: 50px; color: #ffffff; font-size: 14px; font-weight: 900; width: 20px; height: 20px; display: inline-block; position: absolute; text-align: center; right: -6px; top: -11px; }
ul.notification .nav-item { margin: 0; }

.navbar-light .navbar-nav.user-profile .active > .nav-link,
.navbar-light .navbar-nav.user-profile .nav-link.active,
.navbar-light .navbar-nav.user-profile .nav-link.show,
.navbar-light .navbar-nav.user-profile .show > .nav-link {
    border-bottom: 3px solid transparent;
}

ul.user-profile .nav-link .insitals{background-color:#fff;border:1px solid var(--clr-blue-bg);padding:6px 0;border-radius:5px;width:35px;height:35px;display:inline-block;color:var(--clr-blue-bg);font-size:16px;font-weight:500;text-align:center;margin-right:8px;position:relative;transition:all .5s ease-in-out}
ul.user-profile .nav-link .insitals:hover{background-color:var(--clr-blue-bg);border:1px solid var(--clr-blue-bg);color:#fff}
.star-badge{background-color:transparent;border-radius:50px;color:#fff;font-size:18px;font-weight:900;width:20px;height:20px;display:inline-block;position:absolute;text-align:center;right:-10px;bottom:-4px}
.user-name{color:#2C2958;font-size:17px;font-weight:500;text-transform:capitalize}
.setting-menu{border:2px solid #358bc7;padding:6px 0;border-radius:5px;width:42px;height:42px;text-align:center;cursor:pointer}
.alert-menu{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,0.1);padding:10px;margin-top:15px;display:none;position:absolute;width:300px;right:0}
.alert-menu.open{display:block}
.alert-menu::before{content:'';position:absolute;background-image:url(../img/dropdown-arrow.png);width:29px;height:19px;top:-13px;right:10px;display:inline-block}
.am-title{background-color:#3b95cf;border-radius:2px;padding:4px;color:#fff;font-size:10px;font-family:var(--font-title-bold);display:inline-block;text-transform:uppercase;margin-bottom:10px}
a.am-block{display:flex;align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:3px;padding:10px;margin-bottom:10px;text-decoration:none}
.am-block img{margin-right:10px}
.am-block-inner{border-right:1px solid #dcdcdc;padding-right:8px;flex:1}
.am-block-top{font-size:10px;font-family:var(--font-title-bold);color:#2C2958;display:flex;align-items:center}
.am-block-top span{font-size:8px;margin-left:8px;font-weight:400}
.am-block-top span img{margin-right:2px}
.am-block-inner p{color:#2C2958;font-size:12px;margin-bottom:0;font-weight:400}
.am-block-right{margin-left:8px}
.am-block-right span{color:#073f88;font-size:16px;font-family:var(--font-title-bold)}
.am-block-right span.red-txt{color:red}
.alert-banner img{max-width:280px}
.view-all{padding:10px 0 0 0;text-align:center}
.view-all a{color:#2C2958;font-size:12px;font-weight:500;text-align:center;text-decoration:none}
.user-profile-menu{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,0.1);padding:15px;margin-top:15px;display:none;position:absolute;width:300px;right:0}
.user-profile-menu.open{display:block}

/*User Profile*/

.user-profile .nav-link .insitals { background-color: #fff; padding: 2px 0; border-radius: 5px; width: 35px; height: 35px; display: inline-block; color: var(--clr-blue-bg); font-size: 18px; text-align: center; margin-right: 8px; position: relative; font-family: 'montserrat-semibold'; cursor: pointer; }
.star-badge { background-color: transparent; border-radius: 50px; color: #ffffff; font-size: 18px; font-weight: 900; width: 20px; height: 20px; display: inline-block; position: absolute; text-align: center; right: -10px; bottom: -4px; }
.nav-item.dropdown.user-profile .dropdown-menu { min-width: 20rem; border-radius: 7px; }
ul.up-contact { padding: 0; }
.user-profile-details { padding: .9rem 1rem; }
/*ul.user-info li a span { padding-left: 10px; }*/
ul.user-info li { list-style: none; padding:4px 0; }
.user-profile-name h4 { font-size: 19px; font-family: var(--font-body-medium); color:var(--clr-body); margin-bottom: 5px; }
.user-profile-name span { font-size: 13px; color:var(--clr-body); }
.user-profile-details ul.up-contact li { list-style: none; border-bottom: 1px solid #eee; padding: 10px 0; }
.user-profile-details ul.up-contact li i { margin-right: 10px; }
.user-profile-details ul li span { font-size: 13px; font-family: var(--font-body-medium); }
ul.adv-contact{background-color:#f1f9ff;border-radius:6px;padding:18px 10px 4px 10px;margin:10px 0;position:relative}
ul.adv-contact li{list-style:none;padding:10px 0;border-bottom:1px solid #eee}
/*ul.adv-contact li i{margin-right:10px}*/
ul.adv-contact li.adv-title{padding:5px;background-color:#fff;color:#2C2958;font-size:10px;font-family:var(--font-title-bold);text-align:center;display:inline-block;position:absolute;top:-10px;left:10px;border:0;text-transform:uppercase}
ul.adv-contact li:last-child,ul.up-contact li:last-child{border:0}
a.cp-link{padding:15px 0;display:block;text-decoration:none;border-bottom:1px solid #cfcfcf}
a.cp-link span{color:#2C2958;font-size:14px;font-weight:400;margin-left:10px}
.login-time{font-size:14px;font-family:var(--font-body-medium);color:#2C2958;text-transform:uppercase;padding:15px 0}
.login-time span{font-size:13px}
.nav-item.dropdown.user-profile{justify-content:flex-end;align-items:center;align-content:center;display:flex;height:100%}
.user-profile-link.dropdown-toggle::after{display:none}
.user-profile-link{padding:0 !important;position:relative}

/*Notification*/
.notifcation-details{padding:10px;overflow:auto;max-height:400px}
.notification-link.dropdown-toggle::after{display:none}
.notification-link{padding:0 !important;position:relative; cursor:pointer;}
.dropdown.user-profile .dropdown-menu .notifcation-details{min-width:25rem !important;border-radius:7px}
.sip-due-card{background:var(--clr-bg);padding:5px;border-radius:5px}
.sip-due-info{display:flex;justify-content:space-between;align-items:center;column-gap:5px;border-bottom:1px solid #ddd;padding:7px 0}
.sip-due-info .due-sip-ttl,.sip-due-info .due-sip-ttl a{font-size:12px;font-family:var(--font-body-medium);color:#2c2958}
.due-box{border:1px solid #fddddd;white-space:nowrap;background:#fddddd;padding:1px 10px;border-radius:100px;font-size:13px;font-family:var(--font-body-medium)}
.due-sip-ttl a{margin-bottom:0;font-family: var(--font-body-regular);font-size:13px}
.sip-due-info:last-child,.up-ipo-info:last-child,.corporate-action:last-child{border:0}
.sip-due-info .due-sip-ttl span{color:#f52222}
.noti-card h6{font-size:14px;font-family:'montserrat-semibold';color:var(--clr-blue-bg);margin-bottom:6px}
.up-ipo-card{background:var(--clr-bg);padding:0 7px;border-radius:5px}
.up-ipo-info{border-bottom:1px solid #ddd;padding:7px 0}
.up-ipo-info p{font-size:12px;font-family:var(--font-body-medium);color:#2c2958;margin-bottom:0}
.up-ipo-info span{font-size:12px;font-family:'montserrat-semibold';color:#666}
.corporate-action-card{background:var(--clr-bg);padding:0 7px;border-radius:5px}
.corporate-action-info{font-size:13px;display:flex;justify-content:space-between;align-items:center;column-gap:5px;border-bottom:1px solid #ddd;padding:7px 0;color:#2c2958}
.corporate-action-info p{font-size:12px;font-family:var(--font-body-medium);color:#2c2958;margin-bottom:0}
.corporate-action-info span{font-size:12px;font-family:'montserrat-semibold';color:#666;margin-right:10px}
.action-icon span i{padding:0 5px}
.corporate-action-info img{width:20px}

.due-sip-ttl a { color: #2C2958; }
.due-sip-ttl label { margin-left: 34px; }
/*Search Menu*/
.searh-menu { background-color: #fff; padding: 2px 0; border-radius: 5px; width: 35px; height: 35px; display: inline-block; color: var(--clr-blue-bg); font-size: 18px; text-align: center; margin-right: 8px; position: relative; border: 1px solid var(--clr-blue-bg); font-family: 'montserrat-semibold'; cursor: pointer; }
.search-list ul li { list-style: none; display: flex; justify-content: space-between; font-size: 13px; font-family: var(--font-body-medium); padding: 10px; border-bottom: 1px solid #ddd; }
.search-list { background: var(--clr-bg); width: 100%; border-radius: 0px 0px 5px 5px; }
.search-list ul li:hover { background: var(--clr-blue-bg); color: #fff; cursor: pointer; }

/*changes password*/
.password-icon { text-align: center; }
.password-icon img { width: 90px; margin: 15px auto 15px auto; text-align: center;}
.modal-password { max-width: 350px; }
.password-icon h5 { font-family:var(--font-title-bold); color: var(--clr-title); margin-bottom:15px; }
.close-pass { position: absolute; top: 10px; right: 10px; opacity: 1; width: 5px; }
.user-profile-details .fa { padding-right: 10px; }
/*End MenuBar*/


/**************** Main Dashboard Page *********************
******************************************************************/
/*04Feb25*/

.tran-tab-box { display: flex; align-items: center; justify-content: space-between; }
.tranmode-tabs .nav-link.active { background: transparent !important; border: none; border-bottom: 1px solid var(--clr-title) !important; color: var(--clr-title) !important; box-shadow:none; }
.nav-tabs.tranmode-tabs .nav-item a { color:var(--clr-body); padding:8px 10px; cursor:pointer; transition:all 0.5s ease-in-out; font-size:14px;}
.tranmode-tabs .nav-item { margin: 0 15px; }
.nav-tabs.tranmode-tabs .nav-link:hover, .nav-tabs.tranmode-tabs .nav-link:focus {
    border-color: transparent; border-bottom:1px solid var(--clr-title); 
}
ul.nav.nav-tabs.tranmode-tabs{border-bottom-color:transparent;}


.allocation-wise {
    /*max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;*/
    margin-bottom: 30px;
    padding: 0px 10px 0 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.allocation-wise h2 { font-size: 15px; text-transform:capitalize; font-family: var(--font-title-bold); color: var(--clr-title); margin: 0; padding: 15px 0; border-bottom: 1px solid #ddd; margin-bottom: 5px; }

.Sector-tab-link { display: flex; justify-content: space-between; }
.Sector-tab-link label span img { width: 13px; margin-left:7px;}
.Sector-tab-link label { font-size: 14px; font-family: 'montserrat-semibold'; color: var(--clr-title); cursor:pointer;}

.bg-pink { background: #FA6D92; }
.bg-darkyellow { background: #F9B72F; }
.bg-lightyellow { background: #FEE666; }
.bg-skyblue { background: #98DFEA; }
.bg-deepskyblue { background: #00BFFF; }
.bg-darkblue { background: #61A1E7; }
.bg-teal { background: #008080; }
.bg-black { background: #333333; }
.bg-green { background: #90ed7d; }
.bg-purlpar { background: #8085e9; }
.bg-orange { background: #FF4500; }
.bg-magenta { background: #FF00FF; }
.bg-lime { background: #00FF00; }
.bg-olive { background: #808000; }
.bg-maroon { background: #800000; }
.bg-brown { background: #A52A2A; }
.bluebell { background: #a2a2d0; }
.Charcoal { background: #36454f; }
.darkkhaki { background: #bdb76b; }
.darkmidnightblue { background: #003366; }
.gold { background: #FFD700; }

.mfcenter-holding ul li { display: flex; justify-content: space-between; padding:10px 0; border-bottom:1px solid #ddd; }
.mfcenter-holding ul li p { margin-bottom: 0px; align-items: center; justify-content: center; display: flex; font-size: 13px; font-family: var(--font-body-medium); color: var(--clr-subtitle);}
.mfcenter-holding ul li p span { width: 7px; height: 27px; display: inline-block; margin-right: 10px; border-radius:10px; }
.mfcenter-holding ul li label { font-family: var(--font-body-bold); font-size: 14px; color:var(--clr-link); cursor:pointer;}

.custom-progressbar { height: 20px; margin: 15px 0; border-radius:100px; }
.custom-progressbar .progress-bar { background: #ddd; }





/*.inv-info-box{display:flex; flex-wrap: wrap;}
.inv-info-box .inv-info-equity, .inv-info-box .inv-info-mf, .inv-info-box .inv-info-bond {
    width: 33.33%; padding:10px;
}*/
/*.inv-info-equity, .inv-info-mf{ border-right: 1px solid #ddd; }*/


.dash-chart .highcharts-container .highcharts-root { width: 100%; }
.dash-chart .highcharts-container { width: 100% !important; }




ul.nav.nav-tabs.invest-tabs { border-bottom: 1px solid transparent; transition:all 0.5s ease-in-out; }
.invest-tabs .nav-link.active { background: transparent !important; border: none; border-bottom: 2px solid var(--clr-title) !important; color:var(--clr-title) !important; }
.invest-tabs .nav-link:hover { border-color: transparent; border-bottom: 1px solid var(--clr-title); }
.nav-tabs.invest-tabs .nav-item a { color:var(--clr-body); transition:all 0.5s ease-in-out; font-size:13px;}

.gainerlooser-dtl { font-size: 12px; font-family: var(--font-body-medium); align-items: center; height: 100%; display: flex; flex-direction: row; }
.gainerlooser-dtl { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding:7px 0; color:#2C2958; }
.gainerlooser-dtl p { margin: 0; font-size: 12px; font-family: var(--font-body-medium); }
.gainerlooser-dtl h6 { margin-bottom: 0; font-size: 14px; font-family: 'montserrat-semibold'; text-align: right; padding-bottom: 7px; }
.upcomgin-box { border: 1px solid #ddd; border-radius: 5px; padding: 5px; display: flex; margin-bottom:5px; }
.upcomgin-box .upcomgin-scheme { width: 76%; }
.upcomgin-box .upcomgin-type { width: 12%; }
.upcomgin-box .upcomgin-date { width: 12%; }
.upcomgin-box .upcomgin-scheme h6, .upcomgin-box .upcomgin-date h6, .upcomgin-box .upcomgin-type h6{
    margin: 0px; font-size: 13px; font-family: var(--font-body-medium); color: #2C2958;
}
.upcomgin-box .upcomgin-scheme label, .upcomgin-box .upcomgin-date label, .upcomgin-box .upcomgin-type label {
    font-size:13px;
}
.tab-content.Volume-box { height: 283px; overflow: auto; scrollbar-width: thin; scrollbar-color: var(--clr-blue-bg) #ffffff; }


/**/
.dash-cagr-info { display: flex; align-items: center; justify-content: center; }
.dash-cagr-info span{ font-size: 14px; color:#2C2958; font-family: 'montserrat-semibold'; cursor:pointer;}
.dash-cagr-info h6 { margin-right: 10px !important; }
.dash-cagr-info label { font-size: 11px !important; }
.inv-value-gainloss label i { font-size: 12px; }

.dash-box { background: #fff; padding: 30px; border-radius: 16px; box-shadow: 0px 3px 9px #eee; margin-bottom: 15px; }
.dash-family-type { display: flex; align-items: center; grid-gap: 15px; margin-bottom: 30px; }
.dash-family-type h2 { color:var(--clr-body); font-size: 15px; text-transform: capitalize; margin-bottom: 2px; font-family: var(--font-title-bold); }
.dash-family-type h2 span { font-size: 12px; font-family: var(--font-body-regular); display: block; }
.dash-family-type select { width: 200px; }
.dash-moneybg { float: left; margin-right: 20px; }
.current-amt, .current-amt span:nth-child(2) { font-size: 25px; line-height: 40px; color: #2C2958; font-family: 'montserrat-semibold'; }
.invest-amt { font-size: 14px; font-family: 'montserrat-semibold'; }
span.invest-span { font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body); text-transform: capitalize; padding-right: 5px; }
.current-amt span { font-size: 15px; }


.dash-over-info { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; text-align: center; margin-bottom: 20px; }
.dash-over-dtl { position: relative; width: 33.33%; }
.dash-over-dtl h6 { color:var(--clr-body); font-size: 13px; text-transform: capitalize; font-family: 'montserrat-semibold'; }
.dash-over-dtl h4 { font-size: 18px; letter-spacing: 0.5px; font-size: 16px; font-family: 'montserrat-semibold'; letter-spacing: 0.5px; margin-bottom: 5px; }
.dash-over-dtl h5 { font-size: 14px; font-family: 'montserrat-semibold'; }
.dash-over-dtl:after { content: ''; position: absolute; top: 0; left: 100%; margin: auto; background: #ddd; width: 2px; height: 70px; }
.dash-over-dtl:last-child:after { background: none; }
.info-strip { background-color: #073F88; margin-left: -15px; margin-right: -15px; border-radius: 0 0 18px 18px; padding: 5px 10px; display: flex; align-items: center; }
.info-strip p { margin-bottom: 0; color: #FFFFFF; font-size: 10px; font-weight: 400; }

.d-funds { background-color: #ffffff; border: 1px solid #DFE2E5; padding: 10px 15px; border-radius: 15px; margin-bottom: 20px; position: relative; }
.d-funds-title { display: flex; align-items: center; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.d-funds-title h2 a { font-size: 16px; font-family: var(--font-title-bold); color: #333; margin-bottom: 0; margin-right: 10px; text-decoration: none; }
.d-funds-title .option-icon { /* width: 27px; */ cursor: pointer; }
.d-funds-title .dropdown { position: absolute; right: 12px; top: 12px; }
.overview-btm { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
.ob-block:first-child { padding-left: 0; }
.overview-btm .ob-block { width: 33%; justify-content: center; align-items: center; margin: 10px 0; }
.ob-b-title { font-size: 12px; color:var(--clr-body); text-transform: capitalize; margin-bottom: 5px; }
.ob-rupee { font-size: 14px; font-family: 'montserrat-semibold'; }
.drop-checkbox ul { padding-left: 0px; margin-bottom: 0px; }
.drop-checkbox ul li { list-style: none; border-bottom: 1px solid #ddd; padding: 4px 10px; }
.drop-checkbox ul li .report-check label.control.control--checkbox { margin: 0; }
.dash-port-table h6 { font-size: 16px; font-family: var(--font-title-bold); color: #333; margin-bottom: 10px; margin-right: 10px; text-decoration: none; }
.dash-ttl.mf-asondate{padding-top:20px;}

/*Secorwise modal popup*/
.tbl-secorwise table tr th{text-align:center;}
.tbl-secorwise table tr td{white-space:normal; padding: 5px 5px;}
.tbl-secorwise table{margin-bottom:15px !important}
.modal-secorwise{max-width:900px; margin:auto;}
.sector-sub-ttl h5 { font-size: 16px; text-align: center; color: var(--clr-blue-bg); margin-top: 0; font-family: 'montserrat-semibold'; }
.tbl-secorwise table tbody td:nth-child(1) {
    white-space: nowrap;
}
.tbl-secorwise table tbody td:nth-child(2) {
    width: 800px;
}
/*End Main Dashboard*/
/****************MutualFund Dahsboard Page *********************
******************************************************************/
.mfdash-view-member {
    display: flex;
    justify-content: space-between;
}
.mfdash-member-holding label { font-size: 12px; font-family: var(--font-body-medium); color:var(--clr-body); margin-bottom: 10px; }

.mutualfund-scheme-box { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; cursor:pointer; margin-bottom:20px; gap:19px;}
.mutualfund-scheme-box .mf-scheme-cap { width: 13.1%; padding: 15px; background: #fff; border: 1px solid #ddd; border-radius: 10px; transition:all 0.5s ease-in-out;}
.mutualfund-scheme-box .mf-scheme-cap h5 { font-size: 13px; text-transform: capitalize; color: var(--clr-title); margin-bottom:0px; font-family: var(--font-title-bold); text-align: center; }
.mf-scheme-cap img { padding-bottom: 20px; height: 65px; width:65px; }
.mf-scheme-cap:hover { background: var(--clr-bg); border-color: var(--clr-bg); transform: scale(1.1); }

.dash-modul-info{ background:#fff; border:1px solid #ddd; padding:10px; margin-bottom:20px; border-radius:10px; transition:all 0.5s ease-in-out; cursor:pointer;}

.dash-modul-box .dash-modul-info .dash-modul-content{display: flex; align-items: center; gap:10px; /*padding-bottom:15px;*/ min-height:85px;}
.dash-modul-box .dash-modul-info .dash-modul-img img { width: 60px; }
.dash-modul-info:hover { box-shadow: 2px 2px 10px #ddd; }
.dash-modul-txt p { margin-bottom: 6px; font-family: var(--font-title-bold); font-size: 16px; color: var(--clr-title);}
.dash-modul-txt span{ font-size: 13px; display: inline-block; font-family: var(--font-body-medium); }

.dash-chart-box h5 { font-size: 14px; font-weight: normal; font-family: 'montserrat-semibold'; text-transform: capitalize; }
.dash-chart-box { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.dash-chart{width:100%; height:215px; margin:auto;}





.dashboard-title h2 { font-size: 18px; font-family: var(--font-title-bold); text-transform: capitalize; margin: 0px; color:var(--clr-body); }
.mf-asondate h2 span { font-size: 13px; font-family: var(--font-body-medium); }
select.btn-client { width: 200px; display: inline-block; margin-left: 13px; }
.mf-invtallo-box { display: flex; justify-content: space-between; align-items: center; border-bottom:2px solid #ddd;}
    .mf-invtallo-box h5 {
        font-size: 15px;
        font-family: var(--font-title-bold);
        text-transform: capitalize;
        margin: 0px;
        color: var(--clr-title);
    }
.invest-tabs .nav-tabs { background-color: #ffffff; margin: 0 0 7px 0; border-bottom: 1px solid #ddd; z-index: 10; white-space: nowrap; display: inline-flex; flex-wrap: nowrap; overflow-y: hidden; width: 100%; }
.invest-tabs .nav-tabs .nav-link.active { color: #2C2958;  font-weight: 700; background: transparent; border:none; border-bottom:1px solid var(--clr-blue-bg); }
.invest-tabs .nav-tabs .nav-link { color: #525252; padding: 10px 8px; background-color: transparent; border-color: transparent; border-bottom-color: transparent; font-size: 13px; font-weight: 400; text-transform: capitalize; font-family: var(--font-title-bold); }

/*End MutualFunds Dashboard*/

/****************Equity Dahsboard Page *********************
******************************************************************/


.sectorwise-ttl { border-bottom: 2px solid #ddd; margin-bottom: 5px; }
.sectorwise-ttl h4 { font-size: 18px; font-family: 'montserrat-semibold'; color: #1956EF; margin-bottom: 10px; }





/**/
.ob-block-divider { width: 1px; min-height: 60px; background-color: #D9D9D9; }
.ob-block{text-align:center;}
.eq-overview-btm { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; grid-gap: 20px 0; }
.eq-overview-btm .ob-block{width:33%; position:relative;}
.eq-overview-btm .ob-block:after { content: ''; position: absolute; top: 0; right: 1px; background: #D9D9D9; width: 1px; height: 41px; }
.dash-ttl-button select { width: 200px; }
.dash-ttl-button { display: flex; align-items: center; gap: 0 5px; }

/*End Equity Dashboard*/

/****************MutualFund Dahsboard online section*********************
******************************************************************/

/*.nav-tabs.mf-dashboard-tab .nav-link.active { color: #fff; background-color: var(--clr-blue-bg); border-color: var(--clr-blue-bg); border-radius: 5px; }
.nav-tabs.mf-dashboard-tab .nav-link { border: 1px solid var(--clr-blue-bg); border-radius: 5px; transition: all 0.5s ease-in-out; padding: 7px 20px; font-size: 13px; font-family: 'montserrat-semibold'; }
.nav-item { margin: 0 10px; }
ul.nav.nav-tabs.mf-dashboard-tab { border: none; margin: 15px 0; }
.mf-asondate h2 span { font-size: 13px; font-family: var(--font-body-medium); }
.dash-ttl.mf-asondate { display: flex; justify-content: space-between; align-items: center; }
.mf-invet-dtl { display: flex; align-items: center; background: #FFF; border-radius: 10px 10px 0 0px; padding: 5px 10px; justify-content: space-between; }
.mutualfund-details { display: grid; grid-template-columns: auto auto; grid-gap: 15px; }
.mf-summary-card ul li { list-style: none; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 5px; font-family: 'montserrat-semibold'; font-size: 12px; }
.mf-summary-card ul li:last-child { border: none; }
.mf-summary-card ul li span { font-family: var(--font-body-medium); font-size: 13px; }
.mf-summary-card { border: 1px solid #ddd; border-radius: 10px; }
.mf-invet-dtl span { font-size: 13px; font-family: var(--font-body-medium); }
.nav-tabs { border: none; }
.nav-tabs .nav-item a { font-size: 13px; }*/


/****************Scheme AMC INFO section*********************
******************************************************************/

/*
.scheme-amc-logo { float: left; margin-right: 20px; display: flex; justify-content: center; align-items: center; height: 100%; }
.scheme-amc-logo img { width: 70px; padding: 10px; }
.scheme-amc-info { overflow: hidden; }
.scheme-amc-name { border-bottom: none; display: flex; justify-content: space-between; align-items: center; padding: 5px 0 10px 0px; }
.scheme-amc-name label { margin: 0; padding-top: 2px; font-family: 'montserrat-semibold'; font-size: 13px; text-align: left; }
.scheme-amc-name h5 { margin-bottom: 0px; }
.scheme-amc-name a { text-align: left; margin: 0px; color:var(--clr-body); font-size: 13px; font-family: 'montserrat-semibold'; padding: 0 0 5px 0; text-transform: capitalize; cursor: pointer; }
.scheme-amc-name a label { font-family: 'montserrat-semibold'; color:var(--clr-body); font-size: 13px; display: initial; text-align: left; margin: 0px; text-transform: capitalize; }

.scheme-amc-dtl { display: grid; grid-template-columns: auto auto auto auto auto auto; padding-top: 15px; border-top: 1px solid #ddd; }
.scheme-amc-dtl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.scheme-amc-dtl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body); }
.scheme-nature-info span { font-size: 12px; font-weight: 500; color:var(--clr-body); padding-right: 6px; }
.scheme-nature-info span:nth-child(1) { color: var(--clr-blue-bg); }

.add-cart a i { padding-right: 8px; }
.add-cart a { padding: 5px 10px 2px 0; text-decoration: underline; color:var(--clr-body); font-size: 14px; font-family: var(--font-body-regular); }
.activecart a { text-decoration: none; color: var(--clr-blue-bg); }
.add-cart { display: flex; justify-content: flex-end; align-items: flex-end; height: 100%; }

.select-schem-cout { justify-content: center; align-items: center; display: flex; position: relative; }
.select-schem-cout:hover { cursor: pointer; }
.select-schem-cout a { font-size: 14px; margin: 0px; font-family: var(--font-body-regular); }
.select-schem-cout a span:last-child { width: 25px; height: 25px; margin-left: 10px; background: var(--clr-blue-bg); display: inline-block; text-align: center; line-height: 25px; color: #fff; font-family: var(--font-title-bold); border-radius: 100px; position: absolute; top: -6px; right: 6px; }
.select-schem-cout a span img { width: 35px; }
.select-schem-cout .dropdown-menu { min-width: 25rem !important; border-radius: 7px; }
.added-scheme-list { padding: .9rem; }
.select-schem-cout .dropdown-toggle::after { content: none; }
.scheme-filter-check label { margin: 0; font-size: 12px; font-family: var(--font-body-medium); }
.scheme-filter-check .control--checkbox .control__indicator:after { left: 6px; top: 2px; }
.added-scheme label { position: relative; font-size: 13px; border: 1px solid #eee; border-radius: 5px; padding: 4px 10px; background: var(--clr-bg); color:var(--clr-body); opacity: 1; font-family: var(--font-body-regular); font-weight: normal; margin-bottom: 5px; display: flex; justify-content: space-between; }
.added-scheme label .btn-close-scheme { color: red; font-family: 'montserrat-semibold'; font-size: 16px; }
.added-scheme label:last-child { margin: 0; }
.added-scheme{margin-top:10px; height: 80px; overflow: scroll;}*/


.btn-close-scheme { font-size: 16px; color:var(--clr-body); cursor: pointer; margin-left: 4px; }
.btn-close-scheme:hover { color: red; text-decoration: none; }
.select-filter-title { font-size: 13px; color:var(--clr-body); font-family: var(--font-body-medium); margin-bottom: 5px; }

/*==========================================
# Partner Dashboard  15/09/2025
===============================================================*/
.partner-bg{padding-bottom:20px;}
.chart-box-data {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
/*.partner-ttl { display: flex; justify-content: space-between; padding:15px; }*/
.partner-ttl {
    display: grid;
    grid-template-columns: 60% 40%;
    padding: 15px 10px;
    align-items: center;
    flex-direction: row;
}
.partner-ttl h2 { font-family: var(--font-title-bold); font-size: 18px; margin: 0; color: var(--clr-title); }
.partner-ttl-equity { display: grid; grid-template-columns: 60% 40%; padding: 15px; align-items: center; }
.partner-ttl-equity h2 { font-family: var(--font-title-bold); font-size: 18px; margin: 0; color: var(--clr-title); }

.total-aum-box {
    background-image: url(../Images/totalaum.svg);
    background-position: 100% 100%;
    width: 100%;
    height: 100%;
    color: #fff;
    background-repeat: no-repeat;
    max-width: 100%;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
}
.add-cart-box-bottom { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(6px); box-shadow: 0 -2px 10px rgba(0,0,0,0.1); z-index: 9999; }

.total-aum-box h5 { font-size: 28px; font-family: var(--font-body-semibold); margin: 0; }
.total-aum-box p { margin-bottom: 10px; font-family: var(--font-title-semibold); font-size: 12px; }
.partner-dash-box { border: 1px solid #ddd; border-radius: 10px; }


.quick-action-box { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 15px 15px 15px; }
.quick-action-box .quick-action-info { width: 20%; border-right: 1px solid #707070; text-align: center; cursor:pointer; transition:all 0.5s ease-in-out; }
.quick-action-box .quick-action-info:last-child { border: none; position:relative;}
.quick-action-box .quick-action-info:hover img { transform: scale(1.3); }
/*.quick-action-box .quick-action-info:last-child:before { content: 'coming soon'; position: absolute; background: rgb(255 255 255 / 70%); width: 100%; height: 100%; left: 0; font-family: var(--font-title-bold); z-index: 1; color: #3A4A99; top: 0; display: flex; justify-content: center; align-items: center; }*/
.quick-action-box .quick-action-info i.fi, .quick-action-box .quick-action-info img { font-size: 35px; /*width: 35px; */height:35px; transition:all 0.5s ease-in-out;}
.quick-action-info h4 { font-size: 13px; font-family: var(--font-title-semibold); color: #3A4A99; margin-bottom:0px; margin-top: 15px; }

.BrokerageReport-box { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #ddd; }
.BrokerageReport-ttl h2{font-size:18px; font-family:var(--font-title-bold); margin-bottom:15px; color:var(--clr-title);}
.BrokerageReport-box p { margin-bottom: 0px; color:var(--clr-subtitle); font-family:var(--font-body-medium); }
.BrokerageReport-box a i { font-size: 20px; }

.newClient-copylink { display: flex; position: relative; max-width: 500px; margin-bottom:15px; }
.copy-btn { position: relative; background: var(--btn-primary); color: var(--clr-white); border: none; padding: 0 15px; border-radius: 4px; cursor: pointer; font-size: 14px; }
.tooltip-text { visibility: hidden; opacity: 0; position: absolute; top: -35px; left: 50%; transform: translateX(-50%); background: #198754; color: #fff; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; transition: opacity 0.3s ease; }
.copy-btn.show-tooltip .tooltip-text { visibility: visible; opacity: 1; }
.client-copylink-send-box ul.nav.nav-tabs li a { font-size: 13px; }
.share-link-ttl { border-top: 1px solid #ddd; padding-top: 15px; }
.share-link-ttl h4 { font-size: 16px; margin-bottom: 15px; color: #3A4A99; font-family: var(--font-body-semibold); text-align: center; }
.share-client-option { text-align: center; }

.selling-product-box { padding: 15px; color: #fff; border-radius: 10px; background: linear-gradient(to bottom, #5CA9DD, #35489D); }
.selling-ttl h2{font-size:18px; margin-bottom:10px; font-family: var(--font-title-bold); color:#fff;}
.selling-ttl p { font-size: 16px; font-family: var(--font-body-medium); color: #fff; }

.selling-ttl { margin-bottom: 30px; }
.selling-product-info { display: flex; flex-wrap: wrap; gap: 20px; }
.selling-product-dtl { width: 48%; padding: 20px 0; }
.selling-product-content { display: flex; justify-content: space-between; }
.selling-product-content h4 { font-size: 18px; font-family: 'montserrat-semibold'; }
.selling-product-content p { font-size: 16px; font-family: var(--font-body-medium); margin-bottom: 0; }
.sell-perce { display: inline-grid; background:#A4BEFB; color:#333333; height: 25px; padding: 1px 15px; border-radius: 100px; font-family: var(--font-body-medium); }
.selling-product-dtl:nth-child(2) .selling-product-content .sell-perce {
    background: #A3F5EF;
}
.selling-product-dtl:nth-child(3) .selling-product-content .sell-perce {
    background: #F6EFA7;
}
.selling-product-dtl:nth-child(4) .selling-product-content .sell-perce {
    background: #FCAFAF;
}

.selling-product-bar .progress { height: 8px; margin-top:10px; }
.selling-product-dtl:nth-child(2) .selling-product-bar .progress-bar {
    background-color: #00DFCE;
}
.selling-product-dtl:nth-child(3) .selling-product-bar .progress-bar {
    background-color: #FFE700;
}
.selling-product-dtl:nth-child(4) .selling-product-bar .progress-bar {
    background-color: #FFA1A1;
}

.invest-now-box-ttl h4 { font-size: 18px; font-family: 'montserrat-semibold'; min-height:31px; }
.invest-now-box-ttl a { position: relative; color: var(--clr-white); display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-size: 16px; transition: color 0.3s ease; }
.invest-now-box-ttl a:after { content: ""; position: absolute; bottom: -6px; width: 100%; border: 0.5px dashed; left: 0; }

@keyframes moveArrow {
    0% { transform: translateX(0); }
    50% { transform: translateX(6px); }
    100% { transform: translateX(0); }
}
.invest-now-box-ttl a i { animation: moveArrow 1s infinite ease-in-out; }
.invest-now-box-ttl a i { transition: transform 0.3s ease; }
.invest-now-box-ttl a:hover i { transform: translateX(6px); }

/*.btn-sell-product { background: linear-gradient(to bottom, #5CA9DD, #35489D); padding: 4px 14px; border-radius: 100px; color: #fff; box-shadow: 0px 0px 12px #000000dd; border: transparent; font-family: var(--font-body-medium); transition: transform 0.3s ease; }
.btn-sell-product:hover { transform: scale(1.1); }
*/
.net-equity-sels-box{display: flex; flex-wrap: wrap;}
.net-equity-sels-dtl {width: 19%; background: #eee; color: #2C2958; margin: 10px 5px; border-radius: 7px; text-align: center; padding: 17px 10px; }
.net-equity-sels-dtl.not-this-month { background: transparent; align-items: center; height: 100%; font-size: 13px; }

.btn-sell-product { position: relative; color: #fff; font-family: 'opensans-semibold'; letter-spacing: 1.5px; animation-name: explorebtn; }
.btn-sell-product:after { content: ""; position: absolute; bottom: -7px; width: 100%; height: 2px; left: 0; border: 1px dashed #fff; }
.product-pie-chart-dtl { border: 1px solid #ddd; border-radius: 10px; padding: 10px; }
.pie-chart-dtl-info:last-child { border: none; }

.pie-chart-dtl-info { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; border-bottom: 1px solid #ddd; }
.pie-chart-dtl-info h5 { margin: 0; font-size: 13px; font-family: var(--font-body-semibold); }
.pie-chart-dtl-info h5 span { width: 15px; height: 15px; background: #826BF8; display: inline-block; margin-bottom:0px; border-radius: 100px; margin-right:10px; vertical-align: sub;}
.pie-chart-dtl-info:nth-child(2) h5 span { background: #00D4BD; }
.pie-chart-dtl-info:nth-child(3) h5 span { background: #FFE700; }
.pie-chart-dtl-info:nth-child(4) h5 span { background: #FFA1A1; }
.pie-chart-dtl-info p { margin-bottom: 0px; font-size:14px; color: var(--clr-subtitle); font-family: var(--font-body-bold); }

.highcharts-credits, .highcharts-title, g.highcharts-exporting-group { display: none; }

.partner-transaction-box { border: 1px solid #ddd; border-radius: 10px; }
.partner-transaction-info { padding: 10px; border-top:1px solid #ddd; }
.partner-trx-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 9px; }
.partner-trx-label label{margin:0px; font-size:13px; font-family:var(--font-title-semibold); color:var(--clr-subtitle);} 
.partner-trx-label h5{font-size:15px; font-family:var(--font-title-semibold); color:var(--clr-subtitle); margin:0px;}
.partner-scheme-name p { margin-bottom: 5px; color:var(--clr-title);font-family:var(--font-title-bold); font-size:12px; }
.partner-scheme-name h6 { margin-bottom: 5px; font-size:13px; font-family:var(--font-body-semibold); }
.partner-scheme-date span:after { content: ""; position: absolute; top: 2px; width: 2px; height: 14px; background: var(--clr-title); right: 6px; }
.partner-scheme-date span:last-child:after { background: transparent; }
.partner-scheme-date span { position: relative; padding-right: 15px; font-family:var(--font-body-medium); font-size: 13px; }

.partner-tran-box{margin-top:15px;}
.partner-tran-name { padding-top:5px;
    font-size: 12px;
    font-family: 'montserrat-semibold';
    color: var(--clr-body);
}
.partner-tran-name label {
    font-size: 12px; padding:0 10px; 
    margin-bottom: 0px;
    font-family: 'montserrat-semibold';
    color: var(--clr-subtitle);
}
.partner-tran-list label {
    font-size: 12px;
    margin-bottom: 0px;
    font-family: 'montserrat-semibold';
    color: var(--clr-subtitle);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;padding:0px;
}
.partner-tran-list {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.partner-tran-list h5 {
    font-size: 13px;
    font-family: var(--font-body-medium);
    color: #2C2958;
}
.partner-tran-list h6 {
    font-size: 14px;
    font-family: 'montserrat-semibold';
    text-align: right;
    color: var(--clr-subtitle);
}
.partner-tran-list h6 span.e-qty {
    padding-right: 5px;
    font-size: 12px;
    font-family: var(--font-body-medium);
    color: var(--clr-body);
}
.partner-tran-list span {
    padding-right: 15px;
    position: relative;
    font-size: 12px;
    font-family: var(--font-body-medium);
    color: var(--clr-body);
}
.partner-tran-list span:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 4px;
    background: var(--clr-title);
    height: 13px;
    width: 2px;
}
.partner-tran-list span:last-child:after {
    background: transparent;
}
.partner-tran-list label p.color-buy {
    width: 8px;
    height: 8px;
    background: green;
    border-radius: 100px;
    margin-right: 10px;
    margin-bottom: 0px;
}
.partner-tran-list label p {
    margin-bottom: 0;
}



.upcoming-birth-list {
    border: 1px solid #ddd;
    border-radius: 10px;
}
.birth-dtl span img { width: 16px; margin-right:10px; }
.birth-name-share { display: flex; justify-content: space-between; margin-bottom: 9px; align-items: center; }
.birth-name-share a{color:#068402; font-size:24px;}
.birth-name-share h5 { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; color:var(--clr-subtitle); }
.birth-dtl { display: flex; gap: 15px; align-items: center; align-content: center; }
.birth-dtl span{font-family:var(--font-body-medium); font-size:13px; font-weight:500;}
.birth-dtl-box { border-bottom: 1px solid #ddd; padding: 10px; }
.birth-scroll { max-height: 398px; overflow-y: auto; }
.sales-overview-dtl { max-height: 340px; overflow-y: auto; }
.sales-overview-info { display: flex; justify-content: space-between; padding: 15px 10px; border-top:1px solid #ddd; }
.birth-dtl-box:last-child { border: none; }
.sales-overview-content { display: flex; align-items:center; }
.sales-overview-content img{margin-right:10px; width:25px;}
.sales-overview-info p { margin: 0; font-size:14px; font-family:var(--font-body-bold); color:var(--clr-subtitle);}
.sales-overview-content h6 { margin: 0; font-size: 13px; font-family: var(--font-body-semibold); color:var(--clr-subtitle);}
.sales-overview-box { border: 1px solid #ddd; border-radius: 10px; }

.ranking-box { border: 1px solid #ddd; border-radius: 10px; }
.ranking-box table tr td{color:var(--clr-subtitle); font-family:var(--font-body-semibold);}
.ranking-box table tr td a{font-size: 14px; font-family: var(--font-body-bold); color: var(--clr-subtitle);}
.popuplar-fund-type label { margin: 0; border: 1px solid #ddd; padding: 4px 12px; border-radius: 100px; margin: 0 2px; cursor:pointer; }
.popuplar-fund-type label:hover { background: linear-gradient(to bottom, #5CA9DD, #35489D); color: var(--clr-white); }
.popuplar-fund-type label.active { background: linear-gradient(to bottom, #5CA9DD, #35489D); color: var(--clr-white); font-family: var(--font-body-medium); }
.btn-popular-invest{padding:4px 14px; background: linear-gradient(to bottom, #5CA9DD, #35489D); border-radius:100px; color:var(--clr-white); font-family: var(--font-body-medium);}

.popular-fund-box { border-radius: 0px; max-height: 555px; overflow-y: auto;}
.popuplar-logo { display: flex; }
.popuplar-logo img { width: 50px; height: 50px; margin-right: 10px; }
.popuplar-scheme-sector label { margin: 0; font-size: 12px; font-family: var(--font-body-medium); }
.popuplar-scheme-sector h6 { margin: 0; font-size: 13px; font-family: var(--font-body-semibold); color:var(--clr-subtitle);}

.popular-fund-header { display: flex; background: var(--clr-bg); color:#2C2958; margin-bottom:10px; text-align: center; font-family: var(--font-title-bold); font-size: 13px; padding: 5px 0; position:sticky; top:0px; }
.popular-fund-header .popular-header-logo{width: 61%;}
.popular-fund-header .popular-header-perce{width: 13%;}

.popular-fund-scheme { display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 10px 0; }
.popular-fund-scheme .popuplar-logo { width: 61%; padding-left:5px;}
.popular-fund-scheme .popular-fund-perce { width: 13%; font-size: 13px; font-family: var(--font-body-medium); text-align: center; }
.popular-fund-scheme .popular-fund-perce h5 { font-size: 13px; }
.popular-fund-scheme .popular-fund-perce label { display: none; }

.suggestion-item { padding: 10px !important; }
.suggestion-item span.client-name{font-family:var(--font-body-semibold); color:var(--clr-subtitle);}

.eq-popular-box { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; }
.eq-popular-info { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 15px; }
.eq-popular-box { border: 1px solid #ddd; padding: 10px; width: 30%; border-radius: 10px; text-align: center; cursor:pointer; }
.eq-popular-box a img { width: 30px; margin-bottom: 0px; }
.eq-popular-box h5 { font-size: 16px; font-family: 'montserrat-semibold'; color: var(--clr-title); margin-top: 10px; margin-bottom:0px; }

.eq-popular-box img { margin-bottom: 10px; height: 56px; }
.partner-script-holding { margin: 10px; }
.partner-script-holding table.table tr td { white-space: normal; }
.BrokerageReport-box { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 10px; align-items: center; }
.BrokerageReport-box p { margin-bottom: 0; font-family: 'montserrat-semibold'; color: var(--clr-body); font-size: 14px; }
.BrokerageReport-box a i { color: var(--clr-link); font-size: 27px; }
.BrokerageReport-ttl h2 { font-size: 18px; font-family: var(--font-title-bold); text-align: center; color: var(--clr-title); border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.scriptName-ttl h2 { font-size: 18px; font-family: var(--font-title-bold); text-align: center; color: var(--clr-title); border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.partner-script-holding h2 { font-size: 18px; font-family: var(--font-title-bold); color: var(--clr-title); border-bottom: 1px solid #ddd; padding-bottom: 15px; }

.partner-link-send-box p { text-align: center; line-height: 27px; font-size: 14px; padding: 10px 20px; font-family: 'opensans-medium'; }
.partner-link-send-box p span { color: green; }
.partner-link-send-box { margin: auto; text-align: center; }
.partner-link-send-box img { width: 70px; margin-bottom: 15px; text-align: center; }

.client-search-pattern { display: flex; justify-content: space-between; align-items: center; }
.client-sugg-pattern { max-height: 300px; overflow-y: auto; z-index: 1000; scroll-behavior: smooth; }
.client-search-ttl h4 {
    font-size: 18px;
    font-family: var(--font-title-bold);
    text-align: center;
    margin-bottom: 20px;
    color: #3A4A99;
}
.client-search-info h5 {
    margin: 0;
    font-size: 16px;
    font-family: 'montserrat-semibold';
}

.client-search-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.client-search-dtl {
    padding-top: 15px;
}
.contact-rm-img {
    background-image: url(../images/contact-rm.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    max-width: 100%;
    height: 204px;
    position: relative; margin-top:20px;
}
.contact-rm-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding-left: 20px;
    height: 92%;
}
.contact-rm-box p {
    margin: 0;
    font-family: var(--font-body-medium);
}
.contact-rm-box h4 {
    font-size: 18px;
    font-family: var(--font-title-bold);
    padding: 15px 0;
    margin: 0;
}
.contact-rm-box h6 {
    font-size: 18px;
    font-family: var(--font-title-bold); margin-bottom:0px;
}
.contact-rm-box h6 a {
    margin-left: 10px;
}
.contact-rm-box h6 a {
    color: #fff;
}
.btn-share-box { display: flex; justify-content: space-between; }
.cart-btn-box { justify-content: center; position: sticky; bottom: 31px; background: #f0f6ff; width: 100%; padding: 9px 5px; left: 0; right: 0; text-align: center; border-radius: 5px; box-shadow: 0 -2px 8px #ddd; }
.ws-socialmedia {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.ws-socialmedia h5 { color: #3A4A99; font-size: 18px; font-family: var(--font-title-bold); margin-bottom: 30px; }

.social-link a img { width: 30px; height:30px; }
.social-link a {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0 8px;
    transition: transform 0.3s ease;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-8px);
    }

    100% {
        transform: translateY(0px);
    }
}
.social-link a:hover {
    transform: scale(1.2) rotate(10deg);
}

/*View Cart Partner*/
.cart-body { padding: 10px; }
.viewcart-purchase-logo { display: flex; align-items: center; gap:15px; }
.viewcart-purchase { display: grid; grid-template-columns: 70% 30%; border: 1px solid #ddd; padding: 10px; border-radius: 10px; margin-bottom:10px; }
.viewcart-purchase-dtl { display: flex; justify-content: space-between; align-items: center; text-align:center; }
.viewcart-purchase-img { width: 50px; height: 50px; }

.viewcart-purchase-img img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 4px; }
a.viewcart-delete img { width: 25px; }
.viewcart-purchase-name h5 { font-size: 12px; font-family: var(--font-title-semibold); margin: 0; }
.viewcart-purchase-dtl p {margin: 0; font-size: 14px; font-family: var(--font-body-semibold); color: var(--clr-body); }
.viewcart-purchase-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--clr-body); }
/*partner SIP cart */
.viewcart-sip-logo { display: flex; align-items: center; gap:15px; }
.viewcart-sip { display: grid; grid-template-columns: 55% 45%; border: 1px solid #ddd; padding: 10px; border-radius: 10px; margin-bottom:10px; }
.viewcart-sip-dtl { display: flex; justify-content: space-between; align-items: center; text-align:center; }
.viewcart-sip-img { width: 50px; height: 50px; }

.viewcart-sip-img img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 4px; }
a.viewcart-delete img { width: 20px; }
.viewcart-sip-name h5 { font-size: 12px; font-family: var(--font-title-semibold); margin: 0; }
.viewcart-sip-dtl p { margin: 0; font-size: 14px; font-family: var(--font-body-semibold); color: var(--clr-body); }
.viewcart-sip-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--clr-body); }

.stp-trans-schem-inline {
    display: flex;
    justify-content: space-between; align-items:center;
}
/*Switch view Cart*/
.viewcart-switch-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
}
.viewcart-switch {
    display: grid;
    grid-template-columns: 40% 60%;
    padding: 10px;
}
.viewcart-switch-logo {
    display: flex;
    align-items: center;
    gap: 15px;
}
.viewcart-switch-img img {
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 4px;
}
.viewcart-switch-name h5 {
    margin-bottom: 0px;
    font-size: 12px;
    font-family: var(--font-title-semibold);
    margin: 0;
}
.viewcart-switch-dtl {
    display: flex;
    justify-content: space-between;
    align-items: center; text-align:center;
}
    .viewcart-switch-dtl div {
        width: 16.66%;
    }
.viewcart-switch-dtl .form-group {
    margin: 0;
}
.viewcart-switch-dtl h6 {
    margin-bottom: 0px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    color: var(--clr-body);
}
.viewcart-switch-dtl p{margin: 0; font-size: 14px; font-family: var(--font-body-semibold); color: var(--clr-body);}


.viewcart-to-ttl {
    font-size: 13px;
    color: var(--clr-title);
    font-family: var(--font-title-bold);
    padding-bottom: 5px;
}
.viewcart-switch-to h5 { font-size: 13px; font-family: var(--font-title-semibold); margin: 0;}
.viewcart-switch-to { border-top: 1px solid #ddd; padding:7px 10px 10px 10px; background:var(--clr-bg); display: flex; justify-content: space-between; border-radius:0 0 7px 7px; align-items:center;}
.viewcart-switch-to-dtl { display: flex; gap: 15px; }
.viewcart-switch-to-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--clr-body); }
.viewcart-switch-to-dtl .form-group { margin: 0; }

/**/
.cart-footer { text-align: right; background: var(--clr-bg); border-radius: 0px 0px 5px 5px; padding: 10px; }
.cart-footer span { font-size: 13px; font-family: var(--font-body-medium); margin-right: 10px; }
.cart-footer label { font-size: 18px; font-family:var(--font-body-semibold); color: green; padding-left: 5px; margin: 0; }

/*Partner Cart Switch */
.partner-cart-box{border: 1px solid #ddd; background: var(--clr-white); border-radius: 8px; margin-bottom: 15px; box-shadow: 1px 1px 13px -2px #ddd; transition: all 0.5s ease-in-out;}
.partner-cart-info { display: grid; grid-template-columns: 35% 65%; align-items: center; }
.partner-cart-log-ttl{display:flex;gap:15px; align-items:center; padding:10px;}
.partner-cart-log-ttl img{width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 4px;}
.partner-cart-log-ttl h5 { font-size: 12px; font-family: var(--font-title-semibold); margin: 0 0 8px 0; }

.partner-cart-switch-info { display: flex; justify-content: space-between; text-align:center; padding:10px;}
.partner-cart-switch-info h6{ margin-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--clr-body);}
.partner-cart-switch-info p{margin: 0; font-size: 13px; font-family: var(--font-body-semibold); color: var(--clr-body); min-height: 34px;}
.partner-cart-switch-info p span{font-size: 12px; display: block; padding-top: 4px;}

.switch-to-ttl { font-size: 13px; color: var(--clr-title); font-family: var(--font-title-bold); padding-bottom: 5px; }
.partner-switch-to h5 { font-size: 13px; font-family: var(--font-title-semibold); margin: 0;}
.partner-switch-to { width:100%; border-top: 1px solid #ddd; padding:7px 10px 10px 10px; background:var(--clr-bg); display: grid; grid-template-columns: 40% 60%; justify-content: space-between; border-radius:0 0 7px 7px; /*align-items:center;*/}
.partner-switch-to-dtl { display: flex; gap: 15px; justify-content:flex-end; }
.partner-switch-to-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--clr-body); }
.partner-switch-to-dtl .form-group { margin: 0; }

.partner-switch-to.partner-redeem-to { align-items: center; }

/*Partner Cart SWP */
.partner-swp-to{ border-top: 1px solid #ddd; padding:7px 10px 10px 10px; background:var(--clr-bg); border-radius:0 0 7px 7px;}
.partner-swp-to-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--clr-body); }
.partner-swp-to-dtl { display: flex; gap: 15px; }
.partner-swp-to-dtl div.form-group {
    width: 20%; margin:0px;
}
p.folio-no { margin: 0; font-size: 13px; }

.partner-chk-select {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.modal-linksend {
    max-width: 350px;
}
.partner-sendlink-box img {
    margin-bottom: 20px;
}

.partner-sendlink-box {
    text-align: center;
}
.partner-sendlink-txt p span {
    color: green;
}
.partner-sendlink-txt p{font-size:14px; font-family:var(--font-body-medium);}
.mode-select{font-family:var(--font-body-semibold); color:var(--clr-title);}

/*Cart First Order Today*/
.tran-first-tody-box { display: flex; justify-content: space-between; align-items: center; }
.transtp-cart-partner-order { text-align: end; padding-right: 20px; }

/*==========================================
# Online Invest section 22/07/24
===============================================================*/
.p-0 {
    padding: 0px !important;
}



.purchase-ttl h5 { margin-bottom: 0px; font-size: 14px; font-family: var(--font-body-regular); color:var(--clr-body); letter-spacing: 0.5px; padding-top: 10px; text-align: left; }
.purchase-box { border: 1px solid #ddd; border-radius: 10px; margin-bottom: 15px; background: #fff; }
.purchase-box .holder-sort-name { min-height:110px; padding: 15px 15px 10px 15px; display: grid; align-items: center; grid-template-columns: 25% 75%; }
.holder-sort-name h6 { border-radius: 100px; border: 1px solid var(--clr-bg); background: var(--clr-bg); color: #2C2958; width: 60px; height: 60px; margin-right: 10px; text-align: center; line-height: 60px; font-size: 25px; font-family: var(--font-title-bold); }

.purchase-holder span { color: #2C2958; font-family: var(--font-body-medium); font-size: 13px; margin-bottom: 5px; display: inline-block; }
.purchase-holder-view { font-size: 13px; color:var(--clr-body); cursor: pointer; text-decoration: underline; margin-bottom: 1rem; font-family: var(--font-body-medium); }
.more-holder { background: #eee; padding: 10px; border-radius: 15px 15px 0px 0px; }
.more-holder .purchase-holder { border-bottom: 1px solid #ddd; padding: 5px 0; }
.acc-holder-label { font-size: 12px; font-weight: 500; color: #555; padding-bottom: 2px; }
.acc-holder-name { font-size: 14px; font-family: var(--font-title-bold); color: #2C2958; }
.purchase-footer { background: var(--clr-bg); display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px; border-radius: 0 0 10px 10px; }
.switch-grp { border: 1px solid #0062cc; z-index: 0; border-radius: 50px; padding: 2px;}
.switch-grp .btn-primary:not(:disabled):not(.disabled).active, .switch-grp .btn-primary:not(:disabled):not(.disabled):active, .show > .switch-grp .btn-primary.dropdown-toggle 
{ background-color: var(--clr-blue-bg); border-radius: 50px; text-transform: capitalize; font-size: 12px; padding: 0px 20px; box-shadow: none; border-color: var(--clr-blue-bg); }

.switch-grp .btn { font-size: 14px; padding: 6px 15px; transition: none; box-shadow: none; line-height: 14px; }
.switch-grp .btn:active{border:1px solid transparent;}

/*Select scheme section*/

.scheme-filterbar .scheme-ttl h4 { margin: 0; font-size: 16px; font-family: var(--font-title-bold); }
.cart-box { display: inline-flex; gap: 0 10px; align-items: center; border: 1px solid #ddd; border-radius: 5px; padding: 6px 10px;}
.filter-box { display: flex; gap: 15px 25px; align-items: center; flex-wrap: wrap; }
.filter-box .fliter-detail { width: 47%; }
.filter-search-box input { height: 40px; }
.cart-box span:nth-child(2) { font-size: 18px; font-family: 'montserrat-semibold'; }
.filter-search-box { display: flex; gap: 15px; align-items: center; padding:15px 0;}
.btn-filter-icon { display: inline-flex; gap: 0 10px; align-items: center; border: 1px solid #ddd; border-radius: 5px; padding: 6px 10px; transition:all 0.5s ease-in-out;}
.btn-filter-icon:hover{background:var(--clr-blue-bg); color:#fff;}
.btn-filter-icon:hover svg path{fill:#fff; transition:all 0.5s ease-in-out;}
.btn-filter-icon span { font-size: 14px; font-family: 'montserrat-semibold'; }

.no-data-found-box { display: flex; flex-direction: column; justify-content: center; align-items: center; background:var(--clr-bg); padding:30px; }
.no-data-found-box img { width: 150px; margin-bottom: 15px; }

.fliter-detail label { font-size: 12px; color:var(--clr-body); }
.scheme-filterbar { display: flex; justify-content: space-between; align-items:center; }

span.riskometer-low, span.riskometer-medium, span.riskometer-high {   
    padding: 3px 10px 3px 10px !important;
    border-radius: 5px;
    font-family: var(--font-body-medium);
}

span.riskometer-low { background: #b8ffb8; color: green !important; }
span.riskometer-medium { background: #ffb6b6; color: #ffe500;}
span.riskometer-high{background: #ffb6b6; color: red;}

.scheme-box{background:#fff; margin-bottom:10px; padding:10px; display:grid; grid-template-columns:40% 60%; grid-column-gap:10px; align-items: center; border-radius:10px; border:1px solid #ddd;}
.scheme-amc-logo { float: left; margin-right: 10px; display: flex; align-items: center; height: 100%; }
.scheme-amc-logo .scheme-amc-img { float: left; margin-right: 10px; }
.scheme-amc-logo img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 4px; }
.select-scheme-amc-name {
    flex-direction: column;
    display: flex;
}

.select-scheme-amc-name a.amc-ttl { font-size: 12px; font-family: var(--font-body-medium);}
.scheme-nature-info span { font-size: 12px; font-weight: 500; color:var(--clr-body); padding-right: 6px; }
.s-nature { color: var(--clr-blue-bg) !important; }
.scheme-amc-dtl { display: grid; grid-template-columns: 14% 16% 14% 14% 14% 24%; text-align:center; }
.scheme-amc-dtl h6 {margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); }
.scheme-amc-dtl p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
.add-cart { display: flex; justify-content: space-around; align-items: center; }
.add-cart a { text-transform: capitalize; font-size: 13px; }

.invest-page-ttl { display: flex; align-items: center; flex-direction: row; flex-wrap:wrap; justify-content: space-between; width: 100%; margin:20px 0; gap:10px;}
.purchase-h4 { font-size: 16px; padding: 0 10px; color: var(--clr-blue-bg); }
h4.purchase-h4 span.breadcrumb-ttl { color:var(--clr-body); font-family: var(--font-title-bold); font-size: 14px; }
.select-filter-btn { text-align: center; }
.add-cart a img { width: 32px; }
.select-schem-cout { position: relative; }
.select-count { position: absolute; top: -10px; right: 15px; background: var(--clr-blue-bg); width: 20px; height: 20px; border-radius: 100px; text-align: center; line-height: 21px; color: #fff; font-size: 13px; }

.invest-footer-btn { display: flex; justify-content: space-between; align-items: center; padding: 10px; background: var(--clr-bg); margin-top: 10px; position:sticky; bottom:0px;}


/*Purchase cart review (OLD)*/
.scheme-box-review { border: 1px solid #ddd; background: #fff; border-radius: 8px; padding: 7px 10px; margin: 5px; box-shadow: 1px 1px 13px -2px #ddd; position: relative; transition: all 0.5s ease-in-out; }
.scheme-box-review.sip-review { position: inherit; }
.scheme-purchase-dtl { display: grid; grid-template-columns: auto auto auto; padding-top: 10px; grid-gap: 10px; }
.scheme-purchase-dtl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.scheme-amc-name { border-bottom: none; display: flex; align-items: center; height: 100%; }
.scheme-amc-name a { text-align: left; margin: 0px; color:var(--clr-body); font-size: 13px; font-family: var(--font-body-medium); padding: 0 0 5px 0; text-transform: capitalize; cursor: pointer; }

.btn-delete.btn-scheme-delete { position: absolute; top: 0; right: 10px; }
.btn-delete { border: 1px solid transparent; background: transparent; padding: 1px 5px; font-family: 'montserrat-semibold'; border-radius: 0px 5px 0px 0px; color: red; transition: all 0.5s ease-in-out; font-size: 17px; }
.amnt-btn-box span { font-size: 13px; font-family: 'montserrat-semibold'; margin-right: 15px; }
.amnt-btn-box span span { font-size: 15px; font-family: var(--font-title-bold); color: green; margin-left: 10px; }

/*SIP section (OLD)*/
.scheme-amc-sip { border-bottom: none; display: flex; justify-content: space-between; align-items: center; align-items: center; height: 100%; }
.scheme-amc-sip a { text-align: left; margin: 0px; color:var(--clr-body); font-size: 13px; font-family: var(--font-body-medium); padding: 0 0 5px 0; text-transform: capitalize; cursor: pointer; }
.search-box-selct a { width: 100%; }
.search-box-selct { display: flex; grid-gap: 0px 10px; }
.search-box-selct input.form-control { height: 34px; }
.sip-invest-page-ttl{display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 100%; margin: 30px 0 20px 0; gap: 10px;}
.sip-invest-page-ttl .sip-scheme-content { display: flex; align-items: center; justify-content: space-between; width: 100%; }



/*Additional Purchase section (OLD)*/
.invest-addi-page-ttl{display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 100%; margin: 30px 0 20px 0; gap: 10px;}
.invest-addi-page-ttl .addi-scheme-content { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.addi-search-box { display: flex; gap: 0 10px; width:40%;}

.cart-count-label { position: relative; }

.addi-amcsub-ttl { display: grid; grid-template-columns: 20% 20% 20% 40%; padding-top: 10px; grid-gap: 10px; text-align: center; }
.addi-amcsub-ttl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.addi-amcsub-ttl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body); }

.scheme-addtional-dtl{display: grid; grid-template-columns: repeat(4, 1fr); padding-top: 10px; grid-gap: 10px;}
.scheme-addtional-dtl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.scheme-addtional-dtl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body); }
.scheme-addtiamc-name { border-bottom: none; display: flex; align-items: center; height: 100%; }
.scheme-addtiamc-name h5 { text-align: left; margin: 0px; color:var(--clr-body); font-size: 13px; font-family: var(--font-body-medium); padding: 0 0 5px 0; text-transform: capitalize; cursor: pointer; }

/*STP (OLD) */
.scheme-stp-dtl { display: grid; grid-template-columns: auto auto auto auto auto; padding-top: 10px; grid-gap: 10px; align-items: center; }
.scheme-stp-dtl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.scheme-stp-dtl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body); }
.scheme-stpamc-name { border-bottom: none; display: flex; justify-content: space-between; align-items: center; padding: 5px 0 10px 0px; height: 100%; }
.scheme-stpamc-name h5 { text-align: left; margin: 0px; color:var(--clr-body); font-size: 13px; font-family: var(--font-body-medium); padding: 0 0 5px 0; text-transform: capitalize; cursor: pointer; }

.switch-to { font-size: 13px; color: var(--clr-blue-bg); font-family: 'montserrat-semibold'; padding-bottom: 5px; }
.scheme-switch-dtl p{margin: 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body);}

.stp-change-schem h5 { font-size: 13px; margin-bottom: 5px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
.stp-change-schem-info { display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 10px; }
.scheme-stp-change { padding: 10px 20px; grid-gap: 10px; background: var(--clr-bg); border-radius: 0 0 10px 10px; border-top: 1px solid var(--clr-blue-bg); }
.scheme-stp-change h6, .scheme-swp-change h6, .scheme-switch-change h6, .scheme-redem-change h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }

.rta-box { display: grid; grid-template-columns: 25% 25% 25% 25%; margin-top:10px;}
.rta-box .rta-info p { font-size: 13px; font-family: var(--font-body-medium); color: #2C2958; background:var(--clr-bg); margin: 0px; padding:5px 0;}
.rta-box .rta-info h5 { font-size: 13px; font-family: 'montserrat-semibold'; color:var(--clr-body); margin-bottom:0px; padding:4px 3px;}
.rta-box .rta-info { border: 1px solid #ddd; }
.rta-info label { word-break: break-word; overflow-wrap: anywhere; }
.scheme-rta{font-family: var(--font-body-medium);}
.scheme-swp-dtl p{margin: 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body);}
.switch-change-schem h5 { font-size: 13px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
/*Redeemption*/
.scheme-redem-change { display: grid; grid-template-columns: auto auto auto; padding: 10px 20px; grid-gap: 10px 20px; align-content: flex-end; justify-content: flex-end; background: var(--clr-bg); border-radius: 0px 0px 10px 10px; border-top: 1px solid var(--clr-blue-bg); align-items: center; }
.bg-invalid .danger-box { padding: 10px 10px; grid-gap: 10px; border-radius: 0 0 10px 10px; border-top: 1px solid red; }
.scheme-box-review.bg-invalid, .scheme-box-review.bg-invalid:hover{ background: #ffdcdc; border-color: red; }
.scheme-box-pdding { padding: 7px 10px; }

/*End Online Invest section 22/07/24*/






.mandate-selection .form-inline .form-control {
    width: 290px;
}

.btn-back {
    font-size: 12px;
    font-family: var(--font-title-bold);
    color: #fff;
    background-color: var(--clr-blue-bg);
    border-color: var(--clr-blue-bg);
    text-transform: capitalize;
    padding: 10px 30px;
    transition: all 0.5s ease-in-out;
}

.pfh-btn-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: var(--clr-bg);
    margin-top: 10px;
}

    .pfh-btn-cta .amnt-btn-box span {
        font-size: 13px;
        font-family: 'montserrat-semibold';
        margin-right: 15px;
    }

        .pfh-btn-cta .amnt-btn-box span label {
            font-size: 15px;
            font-family: var(--font-title-bold);
            color: green;
        }

.btn-outline-secondary {
    font-size: 13px;
    font-family: var(--font-body-medium);
    color: var(--clr-blue-bg);
    border-color: var(--clr-blue-bg);
    text-transform: capitalize;
    padding: 10px;
}

.pay-now-btn {
    background-color: #21D9A1;
    color: #fff;
    border-color: #21D9A1;
    z-index: 99;
    font-family: 'montserrat-semibold';
    font-size: 12px; border-radius:0.25rem;
    text-transform: capitalize;
}

    .pay-now-btn:not(:disabled):not(.disabled).active, .pay-now-btn:not(:disabled):not(.disabled):active, .show > .pay-now-btn.dropdown-toggle, .pay-now-btn:focus, .pay-now-btn:active:focus, .pay-now-btn:active {
        background-color: #21D9A1;
        border-color: #21D9A1;
        box-shadow: 0 0px 6px rgb(0 0 0 / 30%) !important;
    }

    .pay-now-btn:hover {
        background-color: #37dfac;
        border-color: #21D9A1;
        box-shadow: 0 0px 6px rgb(0 0 0 / 30%);
    }

.footer-cta-btn {
    width: 115px;
}

.mandate-selection {
    padding: 10px 0;
    border-top: none;
    border-bottom: none;
}

    .mandate-selection .form-inline {
        justify-content: flex-end;
    }

        .mandate-selection .form-inline label {
            margin-right: 10px;
        }

.form-control.total-amt[readonly], .form-control.total-amt[readonly]:focus {
    background-color: #E5F4FF;
    box-shadow: none;
    border: 1px solid #E0E0E0;
}

.h-steps .p-scheme-table {
    height: calc(100vh - 382px);
}

.p-scheme-table {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: calc(100vh - 365px);
    overflow-y: hidden;
    padding: 0px 0px 10px 0px;
}

.customeScroll {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: calc(100vh - 365px);
    overflow-y: hidden;
    padding: 0px 0px 8px 0px;
}

.sch-after-selection .af-top {
    align-items: center;
}

.af-top {
    display: flex;
    justify-content: space-between;
}

.ss-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 20px;
}

h4.purchase-h4 {
    font-weight: normal;
}

.purchase-h4 {
    font-size: 14px;
    font-family: var(--font-body-regular);
    margin-bottom: 0px;
}

h4.purchase-h4 span:nth-child(1), h4.purchase-h4 span:nth-child(3) {
    padding: 0 10px;
    color: var(--clr-blue-bg);
}

h4.purchase-h4 span.breadcrumb-ttl {
    color:var(--clr-body);
    font-family: var(--font-title-bold);
    font-size: 16px;
}


.tbl-mandate table td.fa-icon {
    padding: 5px;
    text-align: center;
    vertical-align: inherit;
}

    .tbl-mandate table td.fa-icon a {
        padding: 5px 10px;
    }



.UPI-box > *, .netbank-input > * {
    margin: 0.25rem
}

.btn-pay-mode .btn {
    margin: 0 0.2rem;
}

.upi-input input, .netbank-input select {
    /*width: 60%;*/
    height: 42px;
}

.upi-input, .netbanking-box {
    /*width: 80%;*/
}

.upi-note p {
    font-size: 12px;
    text-align: center;
    margin: 0px;
}

.UPI-box{
    display: flex;
    justify-content: center;
    padding: 0.75rem;
}
.netbank-input {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.modal-select-bank select, .modal-select-bank input { height: 42px; }
.modal-select-bank{ width: 80%; margin: auto; text-align:center;}
.modal-select-bank .pay-now-btn{margin-top:10px;}

.modal-neft-ref input { height: 42px; }
.modal-neft-ref { display: flex; gap: 10px; }



/**/
/*Filter Option On Purchase*/
.scheme-filter-check ul { padding-left: 0; display: grid; grid-template-columns: auto; margin-bottom: 0px; margin-top: 10px; }
.scheme-filter-check ul li { list-style: none; margin-bottom: 8px; }


/**************** Addtional Purchase *********************/
/*
.scheme-addtiamc-name{border-bottom: none;display: flex;justify-content: space-between;align-items: center;padding: 5px 0 10px 0px;height: 100%}.scheme-addtiamc-name h5, .scheme-addtiamc-name label{margin-bottom: 0px;padding-top: 2px;font-family: var(--font-body-medium);font-size: 13px;text-align: left}.scheme-addtional-dtl h5{text-align: left;margin: 0;line-height: 30px;font-size: 13px;font-family: 'montserrat-semibold'}.scheme-addtional-dtl h6{font-size: 12px;font-weight: 400;color: #666}.scheme-addtional-dtl{display: grid;grid-template-columns: auto auto auto auto;padding-top: 10px;grid-gap: 10px}.pre-scheme-container{min-height: calc(100vh - 144px);padding: 0px;display: flex;flex-direction: column}.scheme-puradd-dtl{display: grid;grid-template-columns: auto auto auto;padding-top: 10px;grid-gap: 10px;align-items: center}.scheme-puradd-dtl h6{font-size: 12px;font-weight: 400;color: #666}.scheme-puradd-name{border-bottom: none;display: flex;justify-content: space-between;align-items: center;padding: 5px 0 10px 0px;height: 100%}.scheme-puradd-name a{text-align: left;margin: 0px;color:var(--clr-body);font-size: 13px;font-family: 'montserrat-semibold';padding: 0 0 5px 0;text-transform: capitalize;cursor: pointer}.scheme-puradd-dtl .btn-delete{position: absolute;top: -7px;right: 10px}
*/

/**************** SIP (OLD) *********************/

.scheme-sip-dtl { display: grid; grid-template-columns: auto auto auto auto auto auto auto; padding-top: 10px; grid-gap: 10px; }
.scheme-sip-dtl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.sip-order { display: inherit; }
.sip-order label { font-size: 12px; margin-right: 8px; }

.day-calendar { display: none; width:270px; position: absolute; background: white; border: 1px solid #ccc; padding: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index:9999; }
.day-calendar table { width: 100%; border-collapse: inherit; z-index:999; }
.day-calendar th, .day-calendar td { width: 14.28%; text-align: center; padding: 5px; }
.day-calendar th { background: #F0F0F0; }
.day-calendar td { cursor: pointer; }
.day-calendar td.disabled { color: #ccc; cursor: not-allowed; }
p.sip-install-date { margin-bottom: 8px; font-size: 13px; text-align: center; padding: 0; }
 button.close.first-order-close { position: absolute; top: -10px; right: -10px; background: red; opacity: 1; color: #fff; width: 25px; height: 25px; border-radius: 100px; font-size: 17px; line-height: 25px; }
.first-order-text p { font-size: 13px; text-align: center; line-height: 25px; }
p.sip-install-date span { font-family: 'montserrat-semibold'; color: var(--clr-blue-bg); }
.day-calendar td.active { background: var(--clr-blue-bg); color: #fff; }
.day-calendar td:hover.active{color: #fff; border:none;}
.day-calendar td{border:1px solid #FFF; font-family: 'montserrat-semibold';  transition: background-color 0.3s, color 0.3s;}
.day-calendar td:hover { border: 1px solid var(--clr-blue-bg);}


/**************** Switch (OLD)  *********************/

.scheme-switchamc-name { border-bottom: none; display: flex; justify-content: space-between; align-items: center; padding: 5px 0 10px 0px; height: 100%; }
.scheme-switchamc-name h5, .scheme-switchamc-name label { margin-bottom: 0px; padding-top: 2px; font-family: 'montserrat-semibold'; font-size: 13px; text-align: left; }
.scheme-switch-dtl { display: grid; grid-template-columns: auto auto auto auto auto; padding-top: 10px; grid-gap: 10px; align-items: center; }
.scheme-switch-dtl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.scheme-switch-dtl h5 { text-align: left; }
.scheme-switch-change { position: relative; padding: 10px 20px; background: var(--clr-bg); border-radius: 0px 0px 10px 10px; border-top: 1px solid var(--clr-blue-bg); display: flex; justify-content: space-between; }
.switch-change-schem-info { display: grid; grid-template-columns: auto auto auto auto auto auto; grid-gap: 10px; }
switch-change-schem h5 { margin-bottom: 0px; }
.switch-to { font-size: 13px; color: var(--clr-blue-bg); font-family: 'montserrat-semibold'; padding-bottom: 5px; }

/**************** SWP (OLD)  *********************/

.scheme-swpamc-name { border-bottom: none; display: flex; justify-content: space-between; align-items: center; padding: 5px 0 10px 0px; height: 100%; }
.scheme-swpamc-name h5, .scheme-swpamc-name label { margin-bottom: 0px; padding-top: 2px; font-family: 'montserrat-semibold'; font-size: 13px; text-align: left; }
.scheme-swp-dtl { display: grid; grid-template-columns: auto auto auto auto auto; padding-top: 10px; grid-gap: 10px; }
.scheme-swp-dtl h6 { font-size: 12px; font-weight: 400; color:var(--clr-body); }
.scheme-swp-dtl h5 { text-align: left; }
.scheme-swp-change { border-radius: 0 0 10px 10px; display: grid; grid-template-columns: auto auto auto auto auto auto; padding: 10px 20px; grid-gap: 10px; background: var(--clr-bg); margin-top: 10px; border-top: 1px solid var(--clr-blue-bg); }


/**************** Apply IPO  *********************/
.ipo-not-popup img{display:none;}
.ipo-card { background: #fff; border-radius: 10px; box-shadow: 0px 2px 5px #44444f; margin-bottom: 30px; }
.ipo-card-hdr { padding: 20px 15px; background: #F4F4FF; border-radius: 10px 10px 0 0; }
.ipo-ttl h4 { font-size: 18px; font-weight: 600; color: #281662; margin: 0px; }
.ipo-card-body { padding: 10px 15px; }
.no-data { text-align: center; }
.no-data h6 { font-size: 16px; font-weight: 600; }

.btn-toltip { background: transparent; border: none; box-shadow: none; font-size: 18px; color: var(--clr-blue-bg); }

.ipo-hdr { margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }
.ipo-hdr h5 { margin: 0px; text-transform: capitalize; font-size: 16px; }
.ipo-hdr ul li { display: inline-block; margin-left: 15px; font-size: 13px; }
.ipo-hdr ul li i { margin-right: 10px; }
td.ipo-action span { font-size: 15px; padding: 0 6px; cursor: pointer; }
td.ipo-action span:hover { color: var(--clr-blue-bg); }
.warning { background: var(--clr-bg); padding: 20px; border-radius: 10px; margin-top: 15px; }
.warning p { margin-bottom: 10px; font-family: var(--font-title-bold); }
.warning ul { padding-left: 30px; }
.warning ul li { line-height: 30px; font-size: 14px; }
.warning ul li a { text-decoration: none; display: inline-block; padding: 0px 10px; border-radius: 25px; background-color: var(--clr-blue-bg); color: #fff; }
.warning ul li:last-child { color: red; }
.bg-ipo-dis { background: #f5f5f5 !important; }
h6.ipo-subtxt { font-size: 13px; font-family: 'montserrat-semibold'; }
.IPObdr-left { border-left: 1px solid #ddd; }
.ipo-summ-box { background: #fff; border:1px solid #ddd; padding: 20px; border-radius: 5px; display: flex; flex-direction: column; align-items: center; margin-bottom:30px;}
.ipo-summ-box h4 label, .ipo-summ-box h4 span { font-weight: 900; margin: 0px; font-size: 35px;  }
.ipo-summ-box p { margin: 0px; font-size: 14px; font-family: var(--font-body-regular); padding-top: 10px; color:var(--clr-body); }
.ipo-summ-box h4 { margin: 0px 15px 0px 0px; }
.ipo-summ-box h4 span.last-year { font-size: 13px; color:var(--clr-body); font-family: var(--font-body-regular); }
.btn-bid { padding: 2px 10px; font-size: 12px; border: 1px solid var(--clr-blue-bg); background: var(--clr-blue-bg); transition: all 0.5s ease-in-out; color: #fff; font-family: var(--font-body-regular); }
p.ipo-time { font-size: 12px; color:var(--clr-body); font-weight: 500; text-align: right; }

.ipo-ttl-box { display: flex; align-items: center; justify-content: space-between; }


.ipo-multi-lot, .ipo-datetoend { display: flex; grid-gap: 10px; }
.amt-word{font-size:12px;}
.ipolabelfield span { background: #eee; padding: 10px 8px; width: 100%; max-width: 100%; display: inline-block; border-radius: 5px; font-family: var(--font-body-medium); font-size: 12px; color: #2C2958; }
.ipo-client-name, .ipo-name-ttl { background: var(--clr-bg); padding:8px 10px; margin-bottom:15px;}
.ipo-client-name h5, .ipo-name-ttl h6{margin:0px;  font-family: 'montserrat-semibold'; font-size:14px; }

.ipo-not-popup ul li { list-style: disc; }
.ipoinactive-text strong { color: #333; }

.ipoinactive-text { font-size: 14px; line-height: 27px; color: #7e7e7d; }

.ipo-total-amt { background: #eee; padding: 5px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items:center; }
.ipo-total-amt h6 { font-size: 13px; font-family: var(--font-body-semibold); margin: 0; color: var(--clr-body); width:20%; }
.ipo-total-amt span{font-size:18px; font-family:var(--font-body-bold); color:var(--clr-subtitle);}

.ipo-total-amt-word { text-align: end; font-size: 12px; letter-spacing: 0.5px; margin: 10px 0;}

.ipo-issue-dtl-box { background: #f0f6ff; padding: 10px; border-radius: 10px; }
.ipo-issue-dtl h6, .ipo-issue-dtl label { margin: 0; }
.ipo-issue-dtl { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #ddd; }
.ipo-issue-dtl h6 span, .ipo-issue-dtl h6 label { font-size: 13px; font-family: 'opensans-semibold'; color: #000; }
.ipo-info-icon { display: flex; justify-content: space-between; align-items: center; }
.ipo-lot-price-box { display: grid; grid-template-columns: 31% 31% 31%; gap: 19px; }
.apply-ipo-box { border-left: 1px solid #ddd; padding: 20px; border-radius: 0; }
.moreless-button{ font-size: 14px; text-decoration:underline; font-family: 'opensans-semibold'; color: var(--clr-title); cursor: pointer; text-align: end; padding-top: 10px; }

/*************My Account Menu Section ****************************
 ********************************************************************/
.tbl-mandate {
    max-height: 300px;
}

.tbl-mandate { max-height: 300px; }
.tbl-mandate table td a { font-size: 13px; font-family: 'montserrat-semibold'; }
.tbl-mandate table td.fa-icon a { padding: 5px 10px; }
.tbl-mandate table td.fa-icon { padding: 5px; text-align: center; vertical-align: inherit; }


table td { vertical-align: middle; }


.btn-box a { margin: 0 2px; }

.join-info { display: flex; flex-direction: row; justify-content: space-between; font-size: 13px; font-family: var(--font-body-medium); padding-top: 8px; }
.join-info p:first-child span { color: green; display: grid; }
.join-info p:last-child span { color: var(--clr-blue-bg); display: grid; }
.joi-acc label { font-size: 12px; color:var(--clr-body); }
.join-info p { margin-bottom: 0; }


.family-holder-icon h6 { border-radius: 100px; border: 1px solid var(--clr-bg); background: var(--clr-bg); color: #2C2958; width: 70px; height: 70px; text-align: center; line-height: 70px; font-size: 30px; font-family: var(--font-title-bold); }
a.family-edit { position: absolute; top: 15px; right: 18px; font-size: 22px; color: #726f6f; }
a.family-edit:hover { color: #2C2958; }

.invest-report { display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 15px; }

.online-tran { display: grid; grid-template-columns: auto auto auto auto; grid-gap: 30px; }
.online-tran .form-group label, 
.invest-report .form-group label, 
.folio-convert .form-group label, 
.pay-report .form-group label { font-size: 12px; color:var(--clr-body); }

.online-tran .tran-radio .radiobutton { display: inline-block; font-family: var(--font-body-medium); margin-right: 15px; color:var(--clr-body); }

label.radio-KRA span { padding-left: 3px; }
label.radio-KRA { display: inline-flex; align-items: center; }


/*************Pay in and Pay Out Page ****************************
 ********************************************************************/

h3.pay-ttl { font-size: 18px; font-family:'montserrat-semibold'; margin-bottom: 15px; }
.pay-rm-name-ttl { background: var(--clr-bg); padding: 5px 10px; margin-bottom:10px;}
.pay-rm-name-ttl .form-group, .pay-rm-name-ttl .form-group label{ margin: 0;}
.gain-radio label, .gain-radio span { margin-right: 7px; vertical-align: bottom;}
.payment-mode { display: flex; justify-content:center; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px;}
.payment-mode .net-bank span img { width: 30px; margin-right: 15px; }
.payment-mode .net-bank span:nth-child(2) { color:var(--clr-body); font-family: var(--font-title-bold); font-size: 16px; letter-spacing: 1px; }
.payment-mode .net-bank, .payment-mode .upi-bank { border: 1px solid #ddd; padding: 10px 20px; margin-right: 30px; border-radius: 10px; display: flex; justify-content: center; align-items: center; }
.payment-mode .upi-bank { margin-right: 0; }
.payment-mode .net-bank .checkmark, .payment-mode .upi-bank .checkmark { top: 21px; left: -9px; }
.payment-mode .upi-bank span img { width: 80px; height:30px;}
.payment-mode label.radiobutton { position: relative; }
.payment-mode label.radiobutton input { position: absolute; top: 30%; left: -9px; }

.payrecnttxt { display: flex; justify-content: space-between; margin-bottom: 5px; color: var(--clr-blue-bg); align-items:center;}
.payrecnttxt span { font-family: 'montserrat-semibold'; }
.payrecnttxt a{font-size:13px;}
.payin-hdr { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 20px; background: var(--clr-bg); padding: 10px 10px; border-radius: 5px; }
.payin-hdr h5 { margin: 0px; text-transform: capitalize; font-size: 20px; }
.payin-hdr ul li span { font-family: 'montserrat-semibold'; font-size: 13px; }
.payin-hdr ul li { display: inline-block; padding: 0 10px; font-size: 14px; }
.tbl-transaction{overflow:hidden;}
.upi-option { margin-top: 10px; }

/*DP of Market*/
.add-benefi-ttl {
    background: #ecf0f5;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.add-benefi-ttl h6 { margin: 0px; font-size: 15px; font-weight: 600; color: #444444; }
.add-benefi-card { border: 1px solid #ddd; margin-bottom: 10px; }
.add-benefi-box { border-bottom: 1px solid #ddd; padding: 5px 10px; }
.add-benefi-dtl { display: grid; grid-template-columns: auto auto auto auto; grid-gap: 20px; }
.add-benefi-dtl .form-group { margin: 0; }
.add-benefi-dtl .form-group input.form-control { height: 28px; }

/*ARN Partner Manage Family*/
.arn-multiselect-height select.form-control{height:260px;}
.arn-partner-btn { display: flex; height: 260px; justify-content: center; align-items: center; justify-content: center; text-align: center; }

/*************Insurance Report ****************************
 ********************************************************************/
.date-note { background: #FEFBEE; padding: 10px; border-radius: 10px; }
.date-note p { margin: 0; font-size: 13px; }
.date-note h5{font-family:var(--font-title-bold); color:#333; font-size:14px;}

/*************Report Section ****************************
 ********************************************************************/
span.expand-icon img {
    width: 40px;
    cursor: pointer;
}
.get-report {
    font-size: 13px;
    margin-top: 2px;
}
input[type="file"] { font-size: 12px; height: 33px; }
.rep-ttl h4 { font-size: 14px; font-family: 'montserrat-semibold'; padding: 10px 0 8px; margin-bottom: 0px; color: #2C2958; }
.gain-radio label.radiobutton{ display: inline-block; margin-right: 10px; font-family: 'montserrat-semibold'; }

.gain-radio label.radiobutton:last-child, .report-check label:last-child {
    margin-right: 0px;
}

.select-type { display: flex; flex-direction: row; justify-content: space-between; font-size: 12px; font-family: 'montserrat-semibold'; margin-top:7px; }
.select-type input[type="checkbox"], .select-type input[type="radio"] { margin-right: 7px; vertical-align: middle; }
.select-type a { font-size: 12px; color: #2C2958; font-family: 'montserrat-semibold'; }

.tbl-tran-sumry { margin: 20px 0 0 0; }
.tbl-tran-sumry h6 { font-size: 13px; font-family: 'montserrat-semibold'; color: #FFF; text-align: center; background: var(--clr-blue-bg); padding: 5px; margin: 0 0px; }
.tbl-tran-sumry table tr th { text-align: center; }

.tbl-report tr th, 
.tbl-report tr td, 
table tr td { padding: 7px 5px; font-size: 13px; }

.tbl-report tr th { text-align: center; vertical-align: middle; }
.tbl-report tr td { vertical-align: inherit; }

.hei350px { /*height: 100%;*/ max-height: 350px; overflow-y: auto; overflow-x: auto; }
.term-text{padding:0 10px;}
.term-text p {
    font-size: 13px;
    margin-bottom: 7px;
}
.term-text p span { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; color: #2C2958; }

.por-fudttl h3 { font-size: 16px; font-family: 'montserrat-semibold'; color:var(--clr-body); border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px; }

.card-header.report-cardhedr { background: #f9f9f9; padding: 10px 10px; font-weight: normal; border-bottom: 0; }
.card-header.report-cardhedr a { font-family: var(--font-body-medium); color: #2C2958; font-size: 13px; }
.report-cardhedr { background: #f9f9f9; padding: 5px 10px; font-weight: normal; border-bottom: 0; font-family: var(--font-body-medium); color: #2C2958; font-size: 13px; cursor: pointer; }
.report-cardhedr a { font-family: var(--font-body-medium); color: #2C2958; font-size: 13px; }
.card-body.report-cardbdy { padding: 5px; }
.report-card .card { margin-bottom: 5px; }
.remisier-txt img { width: 100px; }
.remisier-txt h3 { font-size: 16px; margin-top: 15px; }

h3#Select\ Option {
    font-size: 18px;
    font-family: 'montserrat-semibold';
    padding: 7px 20px;
}
/*Holding Report*/

.h-sendmail a { font-size: 16px; }
.tbl-report table tr th p, table tr th h6 { margin: 0; }
.tbl-report table thead { position: sticky; top: -1px; z-index:1;}
.tbl-heading-ttl { font-family: var(--font-body-medium); color: #2C2958; font-size: 13px; background: #f9f9f9; padding: 4px; }

/*.report-btn {display:flex; align-items:center; }*/
.report-btn { display: flex; align-items: center; border: 1px solid #dddd; border-radius: 8px; }

/*.report-btn a.expand-coll { width: auto; height: initial; border: none; }*/
.report-btn a.expand-coll span { display: flex; align-items: center; justify-content: center; gap: 0 7px; font-size: 13px; user-select: none; color: var(--clr-blue-bg); height: 38px; }
.report-btn a.expand-coll span i { color: var(--clr-blue-bg); }

/*.col-chart #piechart_3d { height: 450px; height: 400px; margin: auto; }
.col-chart #columnchart_values { height: 600px; height: 400px; margin: auto; }*/

/*.hold-summy { margin: 30px 0 20px 0; }
.hold-summy h6 { padding: 5px 0; margin: 0px; font-size: 13px; font-family: 'montserrat-semibold'; }*/

.holding-hdr { display: flex; flex-direction: row; justify-content: space-between; align-items: center; /*margin-bottom: 10px;*/ height: 100%; padding:10px;}
.holding-hdr h5 { margin: 0px; text-transform: capitalize; font-size: 20px; }
.holding-hdr h5 span { font-size: 12px; font-family: var(--font-body-medium); margin-left: 4px; }
.holding-hdr h5 { margin: 0px; text-transform: capitalize; font-size: 18px; font-family: 'montserrat-semibold'; }
.holding-hdr h5 span { margin: 0px; text-transform: capitalize; font-size: 18px; font-family: 'montserrat-semibold'; }

.h-sendmail a { color: var(--clr-blue-bg); font-family: var(--font-body-medium); }
.h-sendmail a i { margin-right: 8px; }

/*span.bg-dot-pink { background: #f8dbe0; width: 13px; height: 13px; display: inline-block; border-radius: 100px; }*/

/*p.stock-rate { margin: 0; font-size: 13px; font-family: var(--font-body-medium); text-transform: capitalize; }
p.stock-rate span { display: inline-block; margin-left: 15px; }*/


/*Gainloss Report*/
.no-record-wrapper {
    text-align: center;
}

/*************Portfolio Report ****************************
 ********************************************************************/
.tab-fund-type { background: var(--clr-bg); padding: 5px; border-radius: 0px; }
.tab-fund-type .nav-link.active { padding: 5px 20px; }
.tab-fund-type .nav-link{padding:5px 20px; transition:all 0.5s ease-in-out; color:#2C2958; font-size:14px; font-family:'montserrat-semibold';}

/*Research Report*/
/*.re-report-box { border: 1px solid #ddd; padding: 10px; border-radius: 10px; }
.re-report-box h6 { font-family: 'montserrat-semibold'; padding: 10px; text-align: center; background: var(--clr-bg); }*/


/*.tran-box { margin-bottom: 30px; }
.tran-box h5 { font-size: 16px; color:var(--clr-body); font-family: var(--font-title-bold); }
.tran-box p { margin-bottom: 0px; padding: 5px 0 10px 0; font-size: 13px; font-family: 'montserrat-semibold'; }
.tran-box h6 { font-size: 18px; font-family: 'montserrat-semibold'; }
.tran-box h6 span:nth-child(3) { font-family: var(--font-body-regular); font-size: 16px; padding-left: 5px; }
*/

/*.eqscript-ttl { text-align: center; }
.eqscript-ttl h6 { font-size: 14px; font-family: 'montserrat-semibold'; }*/

.scrip-mar-txt p{ font-size: 13px; font-family: 'montserrat-semibold'; }
.ptxt-script { font-size: 13px; font-family: 'montserrat-semibold'; margin:0px; }
.scrip-mar-txt p:nth-child(2) { font-family: var(--font-body-medium); }

.bg-sky-blue { background: #ABD3F5; }
.bg-oryellow { background: #f5deb3; }

/*Corporate Action*/
/*.corporate-group h5 { font-size: 13px; }*/

/*Margin  Pledge Report */
.pledge-radio table tr td { margin-right: 10px; display: inline-block; }
.pledge-radio input { margin-right: 10px; vertical-align: middle; }
.pledge-radio label { margin: 0; }
.tran-trpe-checkbox table tr { display: inline-block; }
.tran-trpe-checkbox table tr td { padding-right: 15px; }
.tran-trpe-checkbox table tr td input { margin-right: 4px; vertical-align: middle; }
.tran-trpe-checkbox table tr td label { vertical-align: baseline; }

/*Ledger Report */
iframe#if1 { border: none !important; margin-top:15px;}
.bill-summry-box { display: flex; justify-content: space-between; background: var(--clr-bg); padding: 5px 10px; }
.bill-summry-box .bill-summry-box-date span:nth-child(2), .bill-summry-box .bill-summry-box-number span:nth-child(2) { font-size: 13px; font-family: var(--font-title-bold); color: #2C2958; }
.bill-summry-box .bill-summry-box-date span:nth-child(1), .bill-summry-box .bill-summry-box-number span:nth-child(1) { font-size: 14px; font-family: var(--font-body-medium); }
.break-space{white-space:break-spaces;}
.action-expand-box { display: flex; justify-content: center; align-items: center; gap: 10px; }
.action-expand-box .report-btn { margin: 0; }

/*Smart Report */
.report-check.smart-check label.control{margin-bottom:0px;}
.smartreport-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
    padding: 5px 10px;
}
.report-check.smart-check label { display: inline-block !important; }
.smartreport-box label {
    margin: 0;
}
.smartreport-icon a { border: 1px solid #ddd; width: 28px; height: 28px; border-radius: 3px; text-align: center; line-height: 25px; cursor: pointer; font-size: 19px; }
.smartreport-icon { display: flex; gap: 7px; }
.smartreport-icon a i.fa-file-code-o{color: var(--clr-link); cursor: pointer;}
    
    /*.smartreport-icon a {border: 1px solid #ddd; width: 28px; height: 28px; display: inline-block; border-radius: 6px; text-align: center; line-height: 28px; cursor: pointer; }    */
    .smartreport-icon a i.fa-file-excel-o {
        color: #008000;
    }
    .smartreport-icon a i.fa-file-pdf-o {
        color: red;
    }
.tbl-smartreport { height: 350px; overflow-y: auto; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #bfbebe #ffffff; }
.smartreport-client-box span { font-size: 13px; }
.smartreport-client-box { display: grid; grid-template-columns: 23% 11% 16% 16% 16% 13% 5%; background: var(--clr-bg); border-radius:10px; padding: 5px 10px; margin-bottom: 10px; }
.smartreport-client-box .form-group label { display: block; margin: 0; }
.smartreport-client-box .form-group {margin:0px;}


/*************sauda summary Trade Details Report ****************************
 ********************************************************************/
.sauda-box-summary { border: 1px solid #ddd; padding: 10px; border-radius: 10px; margin-top: 10px; margin-bottom:30px; }
.sauda-summary-logo { text-align: center; margin: 20px 0; }
.sauda-summary-logo img { width: 100px; }
.trade-summary-info-detail { display: flex; justify-content: space-between; margin-bottom:10px; }
.trad-detal-ttl{font-size:30px; text-align:center; font-family:var(--font-body-bold);color:var(--clr-title); margin-bottom:15px;}
.trade-summary-info-detail .trade-summary-dtl-box { width: 49%; gap: 5px; }
.trade-summary-info-detail .trade-summary-dtl-box:nth-child(2) { text-align: right; }
.trade-summary-info-detail .trade-summary-dtl-box div { display: flex; align-items: center; }
.trade-summary-info-detail .trade-summary-dtl-box div label{margin:0px;}
.trade-summary-info-detail .trade-summary-dtl-box div p{margin:0px; font-size:14px; font-family:var(--font-body-semibold); padding-left:10px;}
.trade-summary-dtl-box .trad-ledger-info { justify-content: end; }

.sadasummaty-label span { font-weight: 600; }
.sadasummaty-label { margin-bottom: 15px; }
.tbl-sauda th { background: #61a4da; color: #fff; text-align: center; }
.saudasummary-note { background: #f5f5f5dd; width: 100%; padding: 10px; border-radius: 10px; margin:15px 0;}
.saudasummary-note h6 { font-size: 18px; font-family:var(--font-body-bold); margin: 0 0px 15px 0; }  
.saudasummary-note p { font-size: 14px; margin-bottom: 10px; font-family: var(--font-body-medium); }

.saudasummary-footer p { font-size: 14px; margin-bottom:9px; }
.saudasummary-footer p span { font-size: 14px; font-family: var(--font-body-bold); }

@media (min-width: 1200px) {
    .container.sauda-box-summary { max-width: 1140px; }
}

/*************Bond Report ****************************
 ********************************************************************/
h3.bondrep-ttl {
    margin: 0;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    font-family: 'montserrat-semibold';
    color: var(--clr-body);
}
.bondrep-pdf { text-align: right; padding: 5px 0 10px 0; }
.bondrep-pdf a i { margin-right: 10px; }
.bondrep-pdf a { color: #2C2958; }

.bondrep-txt p { font-size: 13px; color: red; margin-bottom:0px;}
.bondrep-txt { display: flex; justify-content: space-between; align-items: center; padding: 10px; }
.bondrep-date { text-align: right; padding: 10px;}
.bondrep-date span { font-size: 13px; }
.bondrep-date h6 { font-size: 16px; font-family: 'montserrat-semibold'; color: #2C2958; }
.bond-dwn-pdf { border: 1px solid #ddd; width: 35px; height: 35px; text-align: center; line-height: 33px; border-radius: 5px; }
.bond-dwn-pdf i{color:red;}
/************* Call Recording and Order Tracking ****************************
 ********************************************************************/
.order-trac-dtl span {
    font-size: 14px;
    font-family: var(--font-body-semibold);
    color: var(--clr-title);
}
.order-trac-dtl label { font-size: 13px; font-weight: normal; }

/*************Equity Report Section ****************************
 ********************************************************************/
.reco-nu-ttl {
    text-align: center;
}
.reco-nu-ttl span { font-size: 13px; text-align: center; font-family: var(--font-body-medium); margin-right: 10px; }
.reco-nu-ttl span label { color: var(--clr-blue-bg); font-family: var(--font-title-bold); font-size: 16px; margin-left: 5px; }

/*Script Wise Valution Report*/

/*td.eq-gridmiddle { font-family: 'montserrat-semibold'; font-size: 13px; padding-left:10px; text-align:left; }*/

/*Corporate Action Report*/
.corporate-action-box { padding: 10px; }
.corporate-info { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; background: var(--clr-bg); padding: 10px; border-radius: 8px; }
.corporate-detl { flex-grow: 1; }
.corporate-detl:nth-child(1) { width: 40%; }
.corporate-detl label { font-size: 12px; color:var(--clr-body); }
.corporate-detl h6 { font-size: 13px; font-family: var(--font-body-medium); color:#2C2958; margin-bottom:0px;}
.down-excel
/*--------------------
Corporate Action Report
-----------------------------------------*/
.btn-edit-delete a { font-size: 20px; }
.btn-edit-delete a i.fa-pencil{color: #2C2958;  font-size: 20px; padding-right:8px;}
.btn-edit-delete a i.fa-trash{color:red;  font-size: 20px;}
.btn-edit-delete { text-align: center;}

/*************SIP Calculator Section ****************************
 ********************************************************************/
.result-box-calander {
    background: var(--clr-bg);
    padding: 5px 10px;
    font-family: 'montserrat-semibold';
}
.coract-info span { font-family: 'montserrat-semibold'; font-size: 13px; padding: 0 5px; }
.coract-info { padding-top: 10px; }
.sip-calc-tbas { border: none; }
ul.sip-calc-tbas li a { font-size: 14px; font-family:var(--font-title-bold);}
.sip-calc-tbas li.nav-item:first-child { margin-left: 0; }
.cal-result-box { position: relative; border: 1px solid #ddd; padding: 50px 20px; border-radius: 10px; width: 400px; margin: auto; background: #FFF; }
.cal-result-info { display: flex; justify-content: space-around; align-items: center; align-content: center; text-align: center; margin-bottom: 30px; }

.cal-txt-info p { margin: 0 0 10px 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body); }
.cal-txt-info span{font-family:var(--font-body-semibold); color:var(--clr-subtitle);}
.cal-txt-info label { font-size: 20px; font-family: var(--font-title-bold); color: #2c2958; }
.cal-result-final { text-align: center; }
.cal-result-final p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); color:var(--clr-body);}
.cal-result-final span{font-family:var(--font-body-semibold); color:var(--clr-title);}

.rng-slider-box p { display: inline-block; font-family: var(--font-body-semibold); font-size:15px; color:var(--clr-subtitle); }
.rng-slider-box span { font-size: 12px; font-family: var(--font-body-medium); color:var(--clr-body); }

.cal-result-final label { font-size: 25px; font-family: var(--font-title-bold); color: #2c2958; }
.cal-invest { position: absolute; bottom: -15px; left: 0; right: 0; margin: auto; text-align: center; }
.calsip-tab-content { padding: 10px 20px; color: var(--clr-title); background: var(--clr-bg); }

.range-button { background: var(--clr-white); padding: 15px 0; border-radius: 10px; margin-top: 10px; }
.goalcal-result-box { position: relative; border: 1px solid #ddd; padding: 40px 10px 20px 10px; border-radius: 10px; background: var(--clr-white); }
.cal-result-details { background: var(--clr-white); padding: 10px; border-radius: 10px; }

.to-achieve-box { display: flex; justify-content: space-between; align-items: center; padding: 10px; }
.to-achieve-box h6 { font-size: 13px; font-family: var(--font-body-medium); margin-bottom: 0px; }
.to-achieve-box p { margin-bottom: 0px; font-size: 18px; font-family: var(--font-title-bold); white-space: nowrap; }
.to-achieve-box span{font-family:var(--font-body-semibold); color:var(--clr-title);}
.every-mth-box { text-align: center; padding: 15px 0; font-size: 14px; font-family: var(--font-body-bold); background: var(--clr-bg) }
.every-mth-box h6{font-family: var(--font-body-bold);}
.every-mth-box span { background: var(--clr-blue-bg); padding: 5px 5px; border-radius: 5px; color: var(--clr-white) !important; font-family: var(--font-body-bold); }
.calmarr-scroll { height: 100%; max-height: 450px; overflow-y: auto; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs a.nav-link{color:var(--clr-body);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs a.nav-link.active { color: var(--clr-title); border:none; border-bottom:1px solid var(--clr-title) !important; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{border-color:var(--clr-white); border-bottom:1px solid var(--clr-title);}
.mf-dashboard-tab{margin-bottom:15px;}
.gol-tomeet { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 10px; border-top: 1px solid #ddd; margin-top: 10px; }
.gol-tomeet span{font-family:var(--font-body-semibold); color:var(--clr-title);}
/*.cal-txt-info:after {content: ''; position: absolute; top: 25px; right: 0px; background: #ddd; width: 2px; height: 50px; }
.cal-txt-info:after:last-child{background:none;}
.cal-txt-info { padding: 10px 15px; position: relative; }*/

.sipSteup-box { border-bottom: 1px solid #ddd; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
.sipSteup-box span { font-size: 14px; font-family: var(--font-body-medium); color:var(--clr-subtitle); white-space: break-spaces; }

/*************Sales Kit Page Section ****************************
 ********************************************************************/
ul.nav.nav-tabs.sales-navtab li {border:1px solid #eee; margin: 0 5px; border-radius:7px; padding:7px 15px;}
ul.nav.nav-tabs.sales-navtab li a {font-family:var(--font-body-semibold); font-size:13px;}
ul.nav.nav-tabs.sales-navtab { border: none; }
ul.nav.nav-tabs.sales-navtab li.active{ background: #034ea2; color: #fff; border: none; }
ul.nav.nav-tabs.sales-navtab li.active a{color:#fff;}


.panel-default > .panel-heading {background-color: #eee; border-color: #ddd; padding: 10px; border-radius: 10px 10px 0 0; }
h4.panel-title.sales-arrow a { display: flex; justify-content: space-between; align-items: center; font-size:14px; }
h4.panel-title.sales-arrow { margin: 0; font-size: 14px; cursor: pointer; }
h4.panel-title.sales-arrow a span i { font-size: 20px; }
.panel-saleskit-box{border: 1px solid #ddd; margin-bottom: 15px; }
.panel-body-saleskit{padding: 5px 10px;}


.salekit-item ul li { display: flex; align-items: center; color:#555; padding: 6px 20px; border-radius: 10px; border: 1px solid #ddd; transition: all 0.5s; gap: 10px; font-size: 14px; font-family: 'opensans-semibold'; }
.salekit-item ul.list-group { margin-bottom: 10px; }
.salekit-item ul li:hover { background: #ddd; }
.salekit-item ul li span:nth-child(2), .salekit-item ul li span:nth-child(4) { text-align: end; }
.salekit-item ul li span.btn-dwn { background: #034ea2; width: 30px; height: 30px; border-radius: 100px; text-align: center; margin: auto 0 auto auto; line-height: 30px; color: #fff; }
.salekit-item ul li span a { color: #fff; }
.salekit-item ul { padding: 0px; margin: 0px; }
.tab-content { margin-top: 15px; }
span.share-btn a i { font-size: 20px; color: #034ea2; }
.share-btn .popover-content { padding: 0px; }
.share-btn .popover { background: #eee; border-radius: 5px; padding: 0; border: none; }
.share-btn .popover.right > .arrow:after { border-right-color: #eee; }
span.share-btn .popover-content ul li { font-size: 20px; padding: 5px 10px; }
span.share-btn .popover-content ul li { border: none; padding: 5px 8px; }

span.share-btn{position:relative;}
.pophovercls ul { position: absolute; top: 0px; right: -40px; background: #ddd; padding: 6px; }
.pophovercls ul li { padding-bottom: 3px; }
.pophovercls ul li:last-child { padding: 0; }
.pophovercls ul li { padding-bottom: 4px; }

.salekit-box { box-shadow: 0px 3px 6px rgb(0 0 0 / 30%); border-radius: 6px; margin-bottom: 15px; padding: 20px; }
.salekit-dwn .btn-dwn a { color: #fff; }
.salekit-dwn .btn-dwn { background: #034ea2; width: 30px; height: 30px; border-radius: 100px; text-align: center; line-height: 30px; color: #fff; display: inline-block; float: right; font-size: 15px; }
.salekit-ttl h6 { margin: 0 0 20px 0; font-size: 13px; font-weight: 700; line-height: 22px; }
.salekit-dwn label { color: #1552F0; font-weight: 600; }
.salekit-dwn { display: flex; flex-direction: row; justify-content: space-between; align-items: end; }
.sales-fun-info h5 { margin: 0; font-size: 14px; font-weight: 600; background: rgb(51 122 183 / 40%); width: 100%; padding: 7px 15px; border-radius: 2px; }
.sales-fun-info { margin-bottom: 10px; }
.sales-box { margin-bottom: 20px; }
button.close.salse-close { position: absolute; top: -14px; right: -12px; background: red; opacity: 1; color: #fff; border-radius: 100px; width: 30px; height: 30px; }
.sale-ttl-click { background: red; }
.sales-panel .sales-hdr h5 { margin: 0; background: #337ab7; color: #fff; padding: 5px 10px; cursor: pointer; }
.sales-panel { border: 1px solid #ddd; margin-bottom: 10px; }
.sales-panel .sales-body { padding: 10px; }
.sub-sale-hdr h6 { margin: 0; background: #adcae2; padding: 5px 10px; font-weight: 600; cursor: pointer; }
.sub-sale-body { padding: 10px; border: 1px solid #ddd; }
.subbox { padding: 0 10px; margin-top: 5px; }


/*************Brokerage Section ****************************
 ********************************************************************/
/*.wid50pr { width: 48%; float: left; margin: 0 3px; }*/


/*************Modal Popup Section ****************************
 ********************************************************************/
.modal-dialog.modal-sip-oneime.modal-dialog-centered {
    user-select: none;
}

.close.btn-popup-close { position: absolute; top: 10px; right: 16px; border: 1px solid #ddd; width: 25px; height: 25px; border-radius: 100px; color: #555; opacity: 1; transition: all 0.5s; z-index: 999; }
.close.btn-popup-close:hover { box-shadow: 0px 1px 8px #b5b5b5; color: red; background: #ffdada; border-color: #ffdada; }
.close.btn-popup-close:focus { outline: none; }

.modal-popup-hdr { display: flex; justify-content: space-between; align-items:center; margin-bottom:20px;}
.modal-popup-hdr .modal-popup-ttl { font-size: 18px; font-family: 'montserrat-semibold'; margin:0px;}

.captch-img-modal {
    display: flex;
    align-items: center;
}
button.close.btn-popup-close.clientClose { right: 0; top: -13px; background: #fff; }
.popup-ttl { padding: 10px 0 20px 0; text-align: center; }
.popup-ttl h5 { margin: 0; font-family: var(--font-title-bold); color: #2C2958; }

.modal-dialog.wb-modal { max-width: 700px; }
.wb-modal .modal-content { align-items: center; padding: 25px; box-shadow: 0 3px 11px rgb(0 0 0 / 16%); border: none; position: relative; }
.wb-modal .modal-content::before { content: ''; position: absolute; background-image: url(../img/welcome-back-left-bg.png); background-position: left bottom; background-repeat: no-repeat; background-size: cover; width: 114px; height: 112px; bottom: 0; left: 0; }
.wb-modal .modal-content::after { content: ''; position: absolute; background-image: url(../img/welcome-back-right-bg.png); background-position: left bottom; background-repeat: no-repeat; background-size: cover; width: 166px; height: 163px; bottom: 0; right: 0; }
.wb-modal .modal-content .modal-body { width: 100%; text-align: center; padding: 0; }
.wb-modal .modal-content .wb-img { max-width: 150px; margin-bottom: 20px; }
.wb-modal .modal-content .modal-title { color: #2C2958; font-size: 25px; font-weight: 900; margin-bottom: 5px; }
.wb-modal .modal-content .modal-user-name { font-size: 24px; font-weight: 500; color: #525252; }
.wb-modal .modal-content .modal-user-name span { color: #073F88; }
.wb-modal .modal-content p { font-weight: 400; color: #525252; position: relative; z-index: 1; }
.wb-modal .modal-content p small { color: #A1A1A1; }
.wb-modal .modal-content .modal-footer { border: none; width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; }
.wb-modal .modal-content .modal-footer .btn-primary { width: auto; min-width: 160px; }
.wb-modal .modal-content .kyc-img { max-width: 111px; margin-bottom: 20px; }

.modal-header { position: relative; width: 100%; border: none; }

/*Modal error*/
.popup-error-txt { font-size: 14px; color: #2C2958; font-family: var(--font-body-medium); line-height:25px; margin-bottom:0px;   }
.nominee_update-icon { margin: auto; text-align: center; font-size: 50px; color: red; padding-bottom:10px; }
/*.modal-backdrop {
    background: rgb(7, 63, 136);
    background: radial-gradient(circle, rgba(7, 63, 136, 1) 0%, rgba(59, 149, 207, 1) 100%);
}*/



   
    
/*Risk Profile Modal*/
/*.tbl-risk tr th { display: block; white-space: inherit; border: none; margin-top: 5px; }
.tbl-risk tr td { display: block; width: 100%; padding: 10px; }
.tbl-risk tr td .radiobutton { margin: 0px; }*/

/*Risk Disclosures*/
.riskdicl-popup ul {
    margin-left: 30px;
    margin-bottom: 20px;
}
.riskdicl-popup ul li {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
    list-style: disc;
}
/*Inactive Client*/
.inactiveclient-txt p { font-size:14px; font-family:var(--font-body-medium); color: var(--clr-body); line-height: 25px; }
.btn-inactive-label { background: var(--clr-blue-bg); color: var(--clr-white); padding: 3px 16px; border-radius: 100px; font-family: var(--font-body-medium); line-height: 25px;}
.inactive-client-box { max-height: 350px; overflow: auto; }

/*Generate Link*/
.generate-link-btn{text-align:center;margin:5px;}
.generate-link-copy p {font-size:13px; margin:0px; color:var(--clr-subtitle); font-family:var(--font-body-medium);}
.generate-link-copy label {margin:0px;}
.generate-link-copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FEFBEE;
    padding: 10px;
    border-radius: 5px;
    margin: 15px 0;
}

.modal-OTP-popup {
    max-width: 400px;
}
/*.modal-complet{ max-width: 500px; }*/
.popup-otp-img{ text-align: center; padding: 20px 0; }
.popup-otp-img img { width: 100px; text-align: center; margin: auto; }
.OTP-popup-box { padding: 0 50px 20px; }
.OTP-popup-box h6 { text-align: center; font-size: 14px; font-family: 'montserrat-semibold'; }
.OTP-popup-box p { font-size: 13px; font-family: var(--font-body-medium); text-align: center; word-break: break-word; }
.OTP-popup-box p span{color:green; font-family:'montserrat-semibold';}
.OTP-popup-box p span.otp-mobile-edit { color: var(--clr-blue-bg); font-size: 17px; padding-left: 10px; }
.OTP-popup-box span.error-msg { text-align: right; display: inherit; }
.popup-send-otp { text-align: right; display: inherit; font-size: 14px; margin-top: 5px; }
.popup-send-otp { text-align: right; display: inherit; font-size: 13px; margin-top: 5px; }
.popup-send-otp a { font-family: 'montserrat-semibold'; padding-left:5px; color:var(--clr-blue-bg); }
.popup-send-otp i { margin-right: 3px; }

/*OTP Modal*/
.btn-modal-close { position: absolute; top: 10px; right: 10px; border: 1px solid transparent; background:transparent; opacity: 1; color:red; transition: all 0.5s; z-index: 999; font-size: 20px; }
.btn-modal-close:hover {color: red;}
.btn-modal-close:focus { outline: none; }
.modal-otp-img { text-align: center; padding-top:30px;}
.modal-otp-img img { width: 100px; }
.otp-modal-body{text-align:center;}
.otp-modal-body h5 { font-size: 22px; font-family: 'montserrat-semibold'; padding: 20px 0 0; }
.otp-modal-body p { font-size: 13px; line-height: 25px; font-family: var(--font-body-medium); }
.otp-inputbox input.form-control { height: 45px; text-indent: 10px;}
.otp-inputbox { text-align: center; width: 70%; margin: auto auto 15px auto; }
.confirm-button-info { margin-bottom: 30px; }


h5.modal-txt-paymentmode { font-size: 20px; font-family: 'montserrat-semibold'; }


/*Transacion Complet*/
/*.trans-complete-img { text-align: center; }
.trans-complete-img img { width: 150px; }
.trans-compl-body h5 { font-size: 25px; font-size: 22px; font-family: 'montserrat-semibold'; padding: 20px 0 0 0; }
.trans-compl-body p { font-size: 14px; padding-top: 10px; }*/

/*IPO modal popup*/
.modal-bidpopup { max-width: 400px; }
.bid-submit-body h4, .ipo-not-popup h4 { text-align:center; font-size: 22px; font-family: 'montserrat-semibold'; padding: 20px 0; margin:0px;}
.bid-submit-body{text-align:center; margin:20px 0; padding-top: 30px;}
.bid-submit-body img, .ipo-not-popup img { width: 70px; }
.bid-submit-body p { font-size: 13px; line-height: 25px; color:var(--clr-body); margin:0px;}

/*.modal-importnote { max-width: 650px; }*/
.ipo-not-popup ul { padding: 0 20px; }
.ipo-not-popup li { font-size: 13px; text-align: left; line-height: 25px; }
.ipo-not-popup li:last-child{font-family:'montserrat-semibold';}
.ipo-not-popup{text-align:center; margin:20px 0;}



/*managemandate */

.tbl-mandate-dtl { margin-bottom: 10px; }
.tbl-mandate-info { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; align-content: center; border-bottom: 1px solid #ddd; padding: 4px 0; }
.tbl-mandate-info h6 { font-family: var(--font-body-medium); font-size: 12px; margin-bottom: 0px; }
.tbl-mandate-info span { font-size: 13px; color: #007bff; }
.mandate-pdf-iframe iframe { width: 100%; height: 500px; }

/*End Modal Popups*/



/*Risk Disclosures*/

/*.riskdicl-popup ul li { font-size: 13px; font-weight: 400; line-height: 25px; margin-bottom: 5px; list-style: disc; }
.riskdicl-popup ul { padding-left: 25px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }*/

/*Client status Details*/
/*.infostyle { color: #2C2958; font-family: 'montserrat-semibold'; font-size: 12px; }*/
/*.modal-fullscreen { max-width: 100%; } */
/*.fundcard_boxshadow { padding: 7px; width: 100%; border-radius: 4px; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2); margin: 0 0 10px; }
.fundcard_boxshadow table tr td { padding: 0px 5px; }
.fundcard_boxshadow table { margin-bottom: 0px; }
.fundcard_boxshadow table tr:last-child { border: none; }
.fundcard_boxshadow table tr { border-bottom: 1px solid #dee2e6; }
.fundcard_boxshadow table tr td label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-family: var(--font-body-medium); font-size: 12px; }
.fundcard_boxshadow h5 { background: var(--clr-bg); margin: 0; padding: 10px; font-size: 15px; font-family: var(--font-title-bold); color: #2C2958; }
.fundcard_boxshadow h6 { margin: 0; padding: 10px; font-size: 15px; font-family: var(--font-title-bold); color: #2C2958; }
.fundcard_boxshadow .kyc_list { border: 1px solid #ddd; margin-top: 10px; border-top: 0px; }
*/
.kyc-list-html { border: 1px solid #ddd; margin:0 10px 10px 10px}
.kyc-list-html table tr td label { margin: 0; }

/*table.clienttblDetails th { padding: 7px 5px; background: var(--clr-bg); color: #2C2958; font-family: 'montserrat-semibold'; font-size: 13px; white-space: nowrap; text-align: center; vertical-align: middle; }
table.clienttblDetails tr td { padding: 7px 5px; font-size: 12px; }*/

.kyc-otp-icon { text-align: center; padding: 20px 0; }
.kyc-otp-icon img { width: 100px; text-align: center; margin: auto; }

.kyc-video-otp { padding: 0 40px 20px; text-align: center; }
.kyc-video-otp h6 span { color: green; font-family: 'montserrat-semibold'; }

.kyc-video-otp h6 { font-size: 14px; color:var(--clr-body); padding-bottom:6px; line-height:25px; }
.kyc-video-otp p { font-size: 13px; font-family: 'montserrat-semibold'; text-align: center; word-break: break-word; }
.kyc-video-otp input { margin-bottom: 7px; }
.send-otp a{padding-left:7px;}
.send-otp a span{padding-right:4px;}
.send-otp { text-align: right; display: inherit; font-size: 14px; font-family: 'montserrat-semibold'; }

/*.confirm-otp { display: inline-flex; margin-bottom: 10px; }
.confirm-otp input { width: 41px; padding: 0; height: 40px; text-align: center; background: #F4F5FC; border-color: #C3D1F6; }*/
/*.otp-edit { font-size: 20px; padding: 0 5px; color:var(--clr-body); }*/

.modal-dialog.modal-kycipv-otp { max-width: 400px; }
.modal-dialog.modal-kycipv-otp .modal-content { border-radius: 20px; }

/*Account Closser poup*/
.acco-note p { font-size: 13px; line-height: 25px; text-align: center; color: #ff6363; font-family: var(--font-body-medium); font-weight: normal; letter-spacing: 0.5px; }

/*End Modal Popup*/


/*************Start Nominee Section ****************************
 ********************************************************************/

.Nominee-guardian { background: var(--clr-bg); padding: 4px 10px; margin-bottom: 15px; border-radius: 7px; }
.Nominee-guardian h5 { font-size: 16px; text-transform: capitalize; font-family: var(--font-title-bold); color: #2C2958; padding-bottom: 0px; margin-bottom: 0px; line-height: 25px; }
.nominee-ttl { display: flex; flex-direction: row; justify-content: space-between; }
.nominee-ttl h5 { margin: 0; font-size: 14px; font-family: var(--font-title-bold); vertical-align: middle; line-height: 26px; }
.card-header { padding: 5px 1.25rem; background: var(--clr-bg); }
.nominee-ttl h6 { margin: 0; font-family: 'montserrat-semibold'; font-size: 14px; background: #006eff; color: #fff; padding: 5px 7px; border-radius: 4px; }

.add-nominee-btn { display: flex; justify-content: space-between; }

.why-nominee ul li { list-style: none; margin-bottom: 15px; line-height: 24px; font-size: 13px; color:var(--clr-body); }
.panel-heading.nomine-hrdr { padding: 10px; background: var(--clr-bg); margin: 0; border-radius:5px 5px 0px 0px;}
.panel-heading.nomine-hrdr h4{margin:0px; font-size:18px;}
.custom-radio.radio-nominee table tr td input { vertical-align: middle; margin-right: 10px; }
.Addbank-info h5 { font-size: 16px; margin: 0; }


/*************End Nominee Section ****************************
 ********************************************************************/

/*************Start Manage Account Section ****************************
 ********************************************************************/

.PDF-box-ttl h5 { background-color: var(--clr-bg); color: #2C2958; margin-bottom: 0px; padding: 10px 15px; font-size: 18px; }
.MTFActi span { background: #eee; padding: 5px 8px; width: 100%; max-width: 100%; display: inline-block; border-radius: 5px; font-family: var(--font-body-medium); font-size: 13px; color: #2C2958; }
.seg-modi-auth span { background: #eee; padding: 5px 8px; width: 100%; max-width: 100%; display: inline-block; border-radius: 5px; font-family: var(--font-body-medium); font-size: 13px; color: #2C2958; }
.addbank-ttl { background: var(--clr-bg); color: #2C2958; display: flex; justify-content: space-between; align-items: center; padding: 0px 0px 10px 0px; margin-bottom: 15px; border-bottom: 1px solid #2C2958; }
.set-default-bank label { margin: 0 8px 0 5px; }
.addbank-ttl h6, .addbank-ttl label.radiobutton { margin: 0px; }
.addbank-ttl h6 { font-size: 16px; font-family: var(--font-title-bold); }
.bank-mange { background: var(--clr-bg); border-radius: 10px; padding: 10px; margin-bottom: 15px; }
.bank-default span { margin-right: 10px; font-size: 14px; font-family: 'montserrat-semibold'; }
.bank-default { display: flex; gap: 0 15px; align-items:center; }
.set-default-bank { display: flex; align-items:center;}
.set-default-bank a i { font-size: 20px; vertical-align: middle; }
.modify-box { display: grid; grid-template-columns: auto auto auto; grid-gap: 5px; }
.addclient-otpbox .send-otp { padding: 10px 0; font-size: 13px; font-family: 'montserrat-semibold'; }

.bnk-ttl { background: var(--clr-bg); padding: 7px 10px; border-radius: 5px; margin-bottom: 10px; }
.bnk-ttl h4 { margin: 0px; font-size: 17px; color: #2C2958; font-family: 'montserrat-semibold'; }



/*SIP / STP / SWP*/
.sip-cancel-txt p { font-size: 12px; }
.sip-cancel-box { display: flex; grid-gap: 40px; }
.sip-cancel-box .form-group { width: 50%; margin: auto; }
.popup-code { width: 44%; margin: 15px auto 5px auto; position: relative; z-index: 1; }
.sip-cancel-box .form-group label { text-align: left; float: left; }
/*p.sip-cancel-otpmsg { color: green !important; font-size: 14px; font-family: 'montserrat-semibold'; }*/

/*Manage AOF*/
.fatca-hdr { background: var(--clr-bg); padding: 8px 10px; }
.fatca-hdr a { font-size: 14px; font-family: 'montserrat-semibold'; background: transparent; margin: 0; color: #2C2958; }
.fatca-body { padding: 10px; border: 1px solid var(--clr-bg); border-top: none; }
.fatca-card { margin-bottom: 10px; }
.uplo-ttl h5 { font-size: 17px; }
.uplo-ttl { padding: 10px 0; }
.aof-download i { margin-right: 10px; }
.aof-download { color: #2C2958; }

.pattern-holder p { margin-bottom: 2px; }
.pattern-holder { padding: 0 10px; }
.holder-sort-name.holder-pattern { min-height: auto; padding: 15px 15px 10px 10px; }
.holder-sort-name.holder-pattern h6 { margin-bottom: 0; }

.request-note { background: #eee; padding: 10px; border-radius: 10px; margin-top: 20px; }
.request-note p { margin: 0; font-size: 13px; }
.aof-height600 {height: 600px; overflow: auto; }

/*Manage Account */
.nominee-body{padding:10px;}
.mange-first-hold-ttl h6 { background: var(--clr-bg); color:var(--clr-title); padding: 6px 10px; border-radius: 5px; font-family:var(--font-title-semibold); font-size: 15px; }
.mange-first-hold-ttl { background: #FAFDFF; padding: 0px 10px 0px 10px; border-radius: 10px; margin-bottom: 15px; }

.bankDtl { background: var(--clr-bg); color: var(--clr-title); padding: 6px 10px; margin-bottom: 0px; border-radius: 5px 5px 0 0; font-family: var(--font-title-semibold); font-size: 15px; display: flex; justify-content: space-between; align-items: center; }
.bankDtl h5 { margin-bottom: 0px; background: var(--clr-bg); color: var(--clr-title); border-radius: 5px; font-family: var(--font-title-semibold); font-size: 15px; }
.bank-body { border: 1px solid #ddd; border-top: none; border-radius: 0 0 10px 10px; padding: 10px; margin-bottom:10px; }

.join-account-box { border: 1px solid #ddd; border-radius: 5px; background:var(--clr-white); margin-bottom:10px;}
.join-branch-dtl { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 5px;}
.join-branch-dtl:last-child{border:none;}
.join-branch-dtl span { font-size: 12px; font-family: 'montserrat-semibold'; color: var(--clr-title); }

.join-account-dtl{display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 5px;}
.join-account-dtl:last-child{border:none;}
.join-account-dtl span {text-align:end; font-size: 12px; font-family: 'montserrat-semibold'; color: var(--clr-title); }
.join-account-dtl label { white-space: nowrap; }

.join-holding-box{border: 1px solid #ddd; border-radius: 5px; background:var(--clr-white); margin-bottom:10px;}
.join-holding-bdy .join-holding-dtl { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding: 5px; }
.join-holding-bdy .join-holding-dtl label { margin: 0; }
.join-holding-hdr { background: var(--clr-bg); }
.join-holding-dtl span{text-align:end; font-size: 12px; font-family: 'montserrat-semibold'; color: var(--clr-title);}
.join-holding-hdr h5 { font-size: 15px; font-family: 'montserrat-semibold'; text-transform: capitalize; margin: 0px; color: var(--clr-title); padding: 6px 5px; }

/* Mf Services Request */
.mfservices-icons span { padding: 0 6px; font-size: 15px; }



/*************End Manage Account Section ****************************
 ********************************************************************/
/*Bill Contract*/
.report-check.bill-dwl label {
    color: #212529;
    font-size: 12px;
    font-family: 'montserrat-semibold';
}
.report-check.bill-dwl label.control.control--checkbox.ripple { margin: 0; }



/*#ymDivCircle { bottom: 36px !important; }*/


/*End Footer*/

/*Margin Pledge Holding Switch button*/
/*.form-group.MPA-txt, .form-group.MPA-txt label { text-align: center; margin: auto; }*/

/*End*/

/*
a.btn-iwealth { cursor: pointer; font-size: 13px; font-family: 'montserrat-semibold'; border: 1px solid var(--clr-blue-bg); background: #fff; color: var(--clr-blue-bg); text-decoration: none; border-radius: 100px; padding: 10px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
a.btn-iwealth:hover { background: var(--clr-blue-bg); color: #fff; }
a.btn-iwealth img { width: 22px; margin-right: 4px; }
*/

/*.Trade-btn { display: flex; width: 100%; justify-content: space-between; align-items: center; margin: 10px 0; }
ul.stock-ticker li { display: inline-block; color: #fff; }
ul.stock-ticker li:after { content: ''; position: absolute; top: 0; right: 0; background: #2C2958; width: 3px; height: 20px; }
ul.stock-ticker li:last-child:after { background: none; }
ul.stock-ticker li { display: inline-block; color: #2C2958; position: relative; padding: 0 15px; font-size: 13px; font-family: 'montserrat-semibold'; }
*/


.showreport-details {
    padding: 10px;
    min-width: 25rem !important;
    border-radius: 7px;
}

/*.icon-whatsapp {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 25px;
    background: #44c554;
    color: #fff;
    font-size: 30px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin: auto;
    line-height: 50px;
    border-radius: 100px;
    z-index: 9999;
}*/
/*=============================
# Data table Css
=======================================================*/

div.dataTables_paginate ul.pagination { justify-content: flex-end; align-items:center; flex-wrap:wrap; margin-bottom:13px;}
ul.pagination { margin-top: 5px !important; }
ul.pagination li.paginate_button.page-item { text-align: center; border: 1px solid var(--clr-blue-bg); margin: 0 5px; border-radius: 100px; /*width: 35px; height: 35px;*/ padding:5px 6px; font-family: var(--font-title-bold); display: flex; line-height: normal; justify-content: center; align-items: center; }

ul.pagination li:hover, ul.pagination li:hover a { background: var(--clr-blue-bg); color: var(--clr-white) !important; }
ul.pagination li.paginate_button.page-item:hover { background: var(--clr-blue-bg); }
li.paginate_button.page-item.previous.disabled:hover { background: var(--clr-blue-bg); }
ul.pagination li a:first-child, ul.pagination li:last-child { font-weight: normal; font-family: var(--font-body-medium); font-size: 13px; }
ul.pagination li.paginate_button.page-item.active, ul.pagination li.paginate_button.page-item.active a { background: var(--clr-blue-bg); color: var(--clr-white); }
ul.pagination li.paginate_button.page-item a { color:var(--clr-body); }
ul.pagination li.paginate_button.page-item.next, ul.pagination li.paginate_button.page-item.previous { width: auto; border: 1px solid #ddd; padding: 4px 13px; align-items: center; justify-content: center; display: inline-flex; height: 100%; }

/*table.dataTable thead .sorting{position:inherit;}*/
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after{opacity:1;}

div.dataTables_info { font-size: 13px; font-family: 'montserrat-semibold'; }
td.dataTables_empty { text-align: center; padding: 14px; font-size: 15px; font-family: var(--font-body-medium); letter-spacing: 0.5px; }
div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; height: 35px; }
div.dataTables_length select{height: 35px;}


/*End Data table css */
.fun-card-modal-ifram iframe {
    max-width: 100%;
    width: 100%;
    height: 525px;
}

/*accordion*/
.accordion-button:focus{box-shadow:none;}
.accordion-button:not(.collapsed){background:var(--clr-bg);}
button.accordion-button { font-size: 15px; font-family: 'montserrat-semibold'; padding:13px 10px;}

/*=============================
# Session Expire
=======================================================*/

.seesion-box { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; text-align:center;}
.session-box-logo img { width: 200px; margin-bottom: 60px; }
.session-box-ttl h1 { font-size: 20px; font-family: var(--font-title-bold); text-align: center; color: var(--clr-blue-bg); margin-top:40px; }
.session-box-ttl p { font-size: 18px; font-family: var(--font-body-medium); }
.session-box-ttl h3 { font-size: 18px; }
.session-box-ttl h3 a { color: #fff; text-underline-position:from-font; }
.session-box-ttl h3 a:focus-visible { outline: none; }
.session-box-ttl img { width: 250px; }

/*=============================
# Employee Task 
=======================================================*/

.task-page-ttl { padding: 20px 0; }
.task-page-ttl h2 { font-size: 25px; font-family: var(--font-title-bold); text-transform: capitalize; }


.task-box { background-color: #FFF; padding: 1.5rem; border-radius: .428rem; box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1); margin-bottom: 30px; position:relative; }

.task-del-name h6 { margin: 0; font-family: var(--font-title-bold); font-size: 13px; color:var(--clr-blue-bg);}
.task-del-name { display: flex; align-items: center; flex-wrap: wrap; margin-bottom:15px; background: #ddd; padding: 5px 10px; border-radius: 4px;}
.task-del-name span { font-size: 14px; padding-left: 10px; color:#2C2958;}
.subtask-hdr { display: flex; justify-content: space-between; margin-bottom: 15px; align-items:center;}
.subtask-hdr h5 { font-size: 18px; font-family: var(--font-title-bold); text-transform: capitalize; margin:0px;}

.task-card { background: #fff; border-radius: 10px; box-shadow: 0px 2px 5px #44444f; margin-bottom: 30px; }
.task-card-hdr { padding: 10px 20px; background: #F4F4FF; border-radius: 10px 10px 0 0; }
.task-card-ttl { display: flex; justify-content: space-between; align-items: center; }
.task-card-ttl h4 { font-size: 18px; font-weight: 600; color: #281662; margin: 0px; }
.task-card-body { padding: 10px 15px; }

.task-summ-box { background: #fff; border: 1px solid #ddd; padding: 20px; border-radius: 5px; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; }
.task-summ-box h4 { margin: 0px 15px 0px 0px; }
.task-summ-box h4 span { font-weight: 900; margin: 0px; font-size: 35px; }
.task-summ-box p { margin: 0px; font-size: 14px; font-family: var(--font-body-regular); padding-top: 10px; color:var(--clr-body); }



/*Task Button */
.btn-addtask { border: 1px solid var(--clr-blue-bg); padding: 6px 12px; border-radius: 0.25rem; background: var(--clr-blue-bg); color: #fff; transition: all 0.5s ease-in-out; font-family: var(--font-body-medium); }
.btn-addtask:hover {background: transparent; color: var(--clr-blue-bg); border: 1px solid var(--clr-blue-bg); }

.btn-submit { border: 1px solid var(--clr-blue-bg); padding: 6px 12px; border-radius: 0.25rem; color: var(--clr-blue-bg); font-family: var(--font-body-medium); transition: all 0.5s ease-in-out; }
.btn-submit:hover { background: var(--clr-blue-bg); color: #fff; border: 1px solid var(--clr-blue-bg);}

.btn-showtask { border: 1px solid #ff8f00; padding: 6px 12px; border-radius: 0.25rem; background: #ff8f00; color: #fff; font-family: var(--font-body-medium); transition: all 0.5s ease-in-out; }
.btn-showtask:hover { background: transparent; color: #ff8f00; border: 1px solid #ff8f00;}

.btn-edit-icon { width: 30px; height: 30px; line-height: 30px; border: 1px solid #e57e00; color: #e57e00; margin: 0 4px; text-align: center; border-radius: 100px; white-space: nowrap; display: inline-block; transition: all 0.5s ease-in-out; }
.btn-edit-icon:hover { background: #e57e00; color: #fff; cursor: pointer; }

.btn-delete-icon { width: 30px; height: 30px; line-height: 30px; border: 1px solid red; color: red; margin: 0 4px; text-align: center; border-radius: 100px; white-space: nowrap; display: inline-block; transition: all 0.5s ease-in-out; }
.btn-delete-icon:hover { background: red; color: #fff; cursor: pointer; border: 1px solid red;}

.btn-addsub-icon { width: 30px; height: 30px; line-height: 30px; border: 1px solid var(--clr-blue-bg); color: var(--clr-blue-bg); margin: 0 4px; text-align: center; border-radius: 100px; white-space: nowrap; display: inline-block; transition: all 0.5s ease-in-out; }
.btn-addsub-icon:hover { background: var(--clr-blue-bg); color: #fff; cursor: pointer; border: 1px solid var(--clr-blue-bg);}


.btn-stoptimer { /*width: 30px; height: 30px; line-height: 30px; border: 1px solid #ff0000; */color: red; margin: 0 4px; text-align: center; border-radius: 100px; white-space: nowrap; display: inline-block; transition: all 0.5s ease-in-out; }
/*.btn-stoptimer:hover { background: red; color: #fff; cursor: pointer; border: 1px solid #ff0000; }*/
.btn-stoptimer .fa-stop-circle:hover{color:#e57e00;}
.modal-hed-ttl { margin-bottom: 30px; }
.modal-hed-ttl h4.modal-title { font-size: 25px; font-family: var(--font-title-bold); text-align: center; }

.close.task-close { background: #fff; width: 30px; height: 30px; opacity: 1; color: red; border: 1px solid red; border-radius: 100px; position: absolute; top: 18px; right: 12px; font-size:25px; line-height:25px; transition: all 0.5s ease-in-out; }
.close.task-close:hover { background: red; color: #fff; border: 1px solid red; opacity: 1; }

.task-box-close { background: #fff; width: 30px; height: 30px; opacity: 1; color: red; border: 1px solid red; border-radius: 100px; transition: all 0.5s ease-in-out; }
.task-box-close:hover { background: red; color: #fff; border: 1px solid red; opacity: 1; }

.button-action .btn { margin-right: 7px; }
.button-action .btn:last-child { margin: 0px; }

.action-button{display: flex; justify-content: center; align-items: center;}
.btn-stoptimer .fa-stop-circle {
    font-size: 28px;
}
/*Task Table */
table.tbl-task tr th { text-align: center; white-space: nowrap; background: #f8f8f8; font-family: var(--font-body-medium); color: var(--clr-blue-bg); text-transform: capitalize; font-size: 11px; letter-spacing: .5px;}
table.tbl-task tr td { padding: 7px; white-space: nowrap; }


/*=============================
# Authorization 
=======================================================*/

.penydrop-ttl h6, .bankmodifi-pdf h6, .autho-page-ttl h6 { margin: 0; font-size: 16px; font-family: 'montserrat-semibold'; text-transform: capitalize; letter-spacing: 0.5px; }
.penydrop-ttl, .bankmodifi-pdf, .autho-page-ttl { background: var(--clr-bg); padding: 10px; border-radius: 7px; margin-bottom:15px;}

/*=============================
# Address modification
=======================================================*/
.add-modi-box { border: 1px solid #ddd; border-radius: 5px; padding: 10px; margin-bottom:15px; }
.add-modi-box h4 { background: var(--clr-bg); margin: 0 0 10px 0; padding: 7px 10px; border-radius: 8px; font-size: 16px; font-family: 'montserrat-semibold'; }
.download-doc-file h6 { font-size: 16px; font-family: 'montserrat-semibold'; }
.download-doc-file { display: flex; }
.download-doc-file a { width: 30px; height: 30px; border: 1px solid #2C2958; border-radius: 100px; text-align: center; line-height: 30px; background: #2C2958; color: #fff; transition: all 0.5s ease-in-out; }
.download-doc-file a:hover { box-shadow: 0 0px 10px #666; transform: scale(1.1); }
.download-docu-info { display: grid; grid-template-columns: 24% 24% 24% 24%; gap: 15px; }
.download-doc-file { display: flex; border: 1px solid #ddd; justify-content: space-between; align-items: center; padding: 10px; border-radius: 8px; }
.download-doc-file h6 { margin: 0; }
.download-docu-box h5 { font-size: 15px; text-transform: capitalize; font-family: var(--font-title-bold); color: #2C2958; }
.download-docu-box { margin-bottom: 20px; }
/*=============================
# SWAL Sweet alert
=======================================================*/
.swal-md { max-width: 400px !important; padding: 20px !important; }
.swal2-styled.swal2-confirm { background-color: var(--btn-primary) !important; padding: 6px 20px; }
.swal2-styled.swal2-cancel{padding: 6px 20px;}
.swal2-title { font-size: 16px !important; }
.swal2-html-container{font-size:14px !important; line-height:25px !important;}
.swal2-html-container a { font-size: 16px; font-family: var(--font-body-bold); display: block; margin-top: 10px; }


/*=============================
# Technical Error 
=======================================================*/
.technical-box {
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.technical-info { border: 1px solid #fff; padding: 50px; border-radius: 10px; text-align: center; margin: auto; }
.technical-logo img { width: 150px; }
.technical-logo {
    padding-bottom: 10px;
}
.technical-info h1 {
    font-size: 20px; font-family:var(--font-body-medium); font-weight:normal;
    color: #3b4c97; margin-bottom:30px;
}
.technical-info a { border: 1px solid var(--clr-blue-bg); background: var(--clr-blue-bg); color:#fff; padding: 10px 15px; border-radius: 100px; font-family: var(--font-body-medium); font-size: 14px;
}
/*  New Design CSS March 10, 2025  */

/*===================================
# All Button CTA ( Call to Action )
===========================================================*/
.btn-search { cursor: pointer !important; font-size: 12px; font-family: var(--font-body-semibold); border: 1px solid var(--btn-primary); background: var(--btn-primary); color: var(--clr-white); text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; position: relative; }
.btn-search:hover, .btn-search:focus-visible, .btn-search:active { background: var(--clr-white) !important; color: var(--btn-primary) !important; border: 1px solid var(--btn-primary); text-decoration: none; }

.btn-outline { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid var(--btn-primary); background: var(--clr-white); color: var(--btn-primary); text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-outline:hover, .btn-outline:focus-visible, .btn-outline:active { background: var(--btn-secondary) !important; color: var(--clr-white) !important; text-decoration: none; }

.btn-fiel, .btn-sendmail { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid var(--btn-primary); background: var(--btn-primary); color: var(--clr-white); text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; display: inline-flex; justify-content: center; align-items: center; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }

.btn-fiel:hover, .btn-fiel:focus-visible, .btn-fiel:active { background: var(--btn-secondary) !important; color: var(--clr-white) !important; text-decoration: none; border-color: var(--btn-secondary) !important; box-shadow: 0px 7px 8px #7e7e7d; }
.btn-fiel span{margin-left:10px;}

.btn-login { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid var(--btn-primary); background: var(--btn-primary); color: var(--clr-white); text-decoration: none; border-radius: 0.25rem; padding: 7px 20px; display: inline-flex; justify-content: center; align-items: center; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-login:hover { background: var(--btn-secondary); color: var(--clr-white); text-decoration: none; border-color: var(--btn-secondary) !important; box-shadow: 0px 7px 8px #7e7e7d; }
.btn-login:focus-visible, .btn-login:active {color: var(--btn-secondary);}
.btn-login span { margin-left: 10px; }

.btn-logout { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid var(--btn-primary); background: var(--btn-primary); color: var(--clr-white); text-decoration: none; border-radius: 0.25rem; padding: 6px 20px; display: inline-flex; justify-content: center; align-items: center; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; width:100%;}
.btn-logout:hover, .btn-logout:active { background: var(--btn-secondary); color: var(--clr-white) !important; text-decoration: none; border-color: var(--btn-secondary) !important; box-shadow: 0px 7px 8px #7e7e7d; }
.btn-logout:focus-visible {color: var(--clr-white) !important;}
.btn-logout span { margin-left: 10px; }

.btn-reject { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid #e3382d; background: #fff; color: #e3382d; text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-reject:hover, .btn-reject:focus-visible { background: #e3382d; color: #fff; text-decoration: none; }

.btn-approve { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid #1fbe26; background: #1fbe26; color: #fff; text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-approve:hover, .btn-approve:focus-visible { background: #fff; color: #1fbe26; text-decoration: none; border-color: #1fbe26; }

.btn-update { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid #ffb400; background: #ffb400; color: #fff; text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-update:hover, .btn-update:focus-visible { background: #fff; color: #ffb400; text-decoration: none; border-color: #ffb400; }

.btn-transfer-now { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid #21D9A1; background: #21D9A1; color: #fff; text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-transfer-now:hover, .btn-transfer-now:focus-visible { background: #21D9A1; color: #fff; text-decoration: none; }
.btn-transfer-now:hover { background: transparent; color: #21D9A1; border-color: #21D9A1; transform: scale(1.1);}

.btn-cancelsip { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid #FF5D5D; background: #FF5D5D; color: #fff; text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-cancelsip:hover, .btn-cancelsip:focus-visible { background: #fff; color: #FF5D5D; border-color: #FF5D5D; text-decoration: none; }

/*.report-btn a { border: 1px solid #ddd; width: 38px; height: 38px; display: inline-block; border-radius: 6px; text-align: center; line-height: 40px; cursor: pointer; margin:0 4px; }*/
.report-btn a { width: 50px; margin: auto; text-align: center; border-left: 1px solid #ddd; padding: 10px; line-height: 16px; cursor: pointer; display: inline-table;}
.report-btn a:hover { box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1); }

.report-btn a i.fa-file-excel-o { color: #008000; cursor: pointer;}
.report-btn a i.fa-file-pdf-o { color: #ff0000; cursor: pointer;}
.report-btn a i.fa-file-code-o { color:  var(--clr-link); cursor: pointer;}

.report-btn span a img, .report-btn a input { width: 32px; margin-top:3px; }
.report-btn a i{ font-size:20px; }
.report-btn .icon-disable, .report-btn .icon-disable a { filter: grayscale(1); cursor: no-drop; }

.btn-dash-outline {cursor: pointer !important; background-color: #ffffff; border: 1px solid  var(--clr-link); color:  var(--clr-link); font-size: 13px; font-family: var(--font-body-regular); padding: 2px 10px; transition:all 0.5s ease-in-out; }
.btn-dash-outline:hover{background-color:  var(--clr-link); color:#fff;}

.h-controlshow {cursor: pointer !important; width: 30px; height: 30px; margin: auto 0 0 auto; background:  var(--clr-link); text-align: center; border-radius: 5px; font-size: 20px; font-family: var(--font-title-bold); color: #fff; }
.h-controlshow:hover { cursor: pointer; }

/*.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
}*/
.btn-pdf {cursor: pointer !important; font-family: 'montserrat-semibold'; border: 1px solid  var(--btn-primary); background: #fff; color:  var(--btn-primary); font-size: 16px; width: 32px; text-decoration: none; border-radius: 0.25rem; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; display: inline-flex; height: 33px; top: 0; text-align: center; justify-content: center; line-height: 30px; }
.btn-pdf:hover, .btn-pdf:focus-visible, .btn-pdf:active { background:  var(--btn-primary) !important; color: var(--clr-white) !important; text-decoration: none; }

.btn-refresh { cursor: pointer !important; font-family: 'montserrat-semibold'; border: 1px solid  var(--btn-primary); background: #fff; color:  var(--btn-primary); font-size: 16px; width: 32px; text-decoration: none; border-radius: 0.25rem; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; display: inline-flex; height: 33px; top: 0; text-align: center; justify-content: center; line-height: 30px; }
.btn-refresh:hover, .btn-refresh:focus-visible, .btn-refresh:active { background:  var(--btn-primary) !important; color: var(--clr-white) !important; text-decoration: none; }

.btn-adv-filter { cursor: pointer; font-size: 13px; font-family: 'montserrat-semibold'; border: 1px solid #2C2958; background: #2C2958; color: #FFF; text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; text-transform: capitalize; letter-spacing: 0.5px; transition: all 0.5s ease-in-out; }
.btn-adv-filter:hover { background: #FFF; color: #2C2958; text-decoration: none; border-color: #2C2958; }

.btn-bank-close { padding: 0; color: red; width: 20px; height: 20px; line-height: 20px; opacity: 0.7; transition: all 0.5s ease-in-out;outline: none;
    border: none;}
.btn-bank-close:hover { transform: scale(1.5); color: red; opacity: 1; }
.btn-expand {
/*    margin: 0 0 15px 15px;*/
}

/*.btn-pdf { border: 1px solid var(--clr-blue-bg); padding: 6px 7px; border-radius: 4px; color: #fff; background: var(--clr-blue-bg); overflow: hidden; transition:all 0.5s ease-in-out; }
.btn-pdf:hover { border: 1px solid var(--clr-blue-bg); color: var(--clr-blue-bg); background: #fff; }
.btn-refresh { border: 1px solid var(--clr-blue-bg); border-radius: 4px; font-size: 16px; color: #fff; background: var(--clr-blue-bg); overflow: hidden; transition: all 0.5s ease-in-out; width: 30px; height: 33px; display: inline-flex; padding: 3px 7px; line-height: 26px; }
.btn-refresh:hover { border: 1px solid var(--clr-blue-bg); color: var(--clr-blue-bg); background: #fff; }*/


/*=============================
# Common Dahsboard
=======================================================*/

.common-dash-box { /*padding: 15px;*/ border:1px solid #ddd; /*background-image: linear-gradient(to right, #B4E9DE, #7096F1);*/ border-radius:10px; margin-bottom:30px;}
.networth-ttl h4 { font-size: 15px; font-family: var(--font-title-bold); color: var(--clr-title); text-transform: capitalize; display: inline-block;}
.networth-ttl span{font-size:12px; color:var(--clr-body);}
.inv-info-box { padding: 0 10px; }
.networth-ttl { padding: 10px 10px 0 10px; }
.portfolio-chart-box { border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin-bottom:20px;}

.main-dash-invest-box { padding: 7px 0 0 0; }
.invest-value { display: flex; justify-content: space-between; flex-wrap:wrap; padding:0px 10px 10px 10px;}
.invest-value label { font-size: 12px; color: var(--clr-body); font-family: var(--font-body-medium);}
.invest-value h6 span, .invest-value h6 { font-size: 20px; font-family: var(--font-title-bold); color:var(--clr-subtitle); margin-bottom:0px;}
.invest-value h6 span:last-child { font-size: 16px; }
.inv-value-gainloss { background: var(--clr-bg); padding: 10px; border-radius: 0px; display: flex; justify-content: space-between; margin-bottom:10px; }

.inv-value-gainloss h6 { margin: 0px; font-size: 18px; font-family: 'montserrat-semibold'; }
.inv-value-gainloss label { font-size: 13px; font-family: var(--font-body-medium); color: var(--clr-body); margin:0px;}

.inv-info-box .inv-info-equity h5 { font-size: 13px; font-family: 'montserrat-semibold';color:#2C2958; margin-bottom:6px;  }
.inv-info-box .inv-info-mf h5 { font-size: 13px; font-family: 'montserrat-semibold';color:var(--clr-body); margin-bottom:6px; }
.inv-info-box .inv-info-bond h5 { font-size: 13px; font-family: 'montserrat-semibold';color:#2C2958; margin-bottom:6px; }
.inv-info-amt { display: flex; justify-content: space-between; padding-bottom:10px; line-height:25px;}
.inv-info-amt label { font-size: 12px; color: var(--clr-body); font-family: var(--font-body-medium); }
.abs-cagr-box { text-align: end; }
.abs-cagr-box label span { color: var(--clr-subtitle); font-family: var(--font-title-bold); font-size:13px;}
.inv-info-amt h6 { font-size: 16px; font-family: var(--font-title-bold); margin:0px; color: var(--clr-subtitle);  }
.invt-right{text-align:right;}
.inv-info-curr { border-top: 1px solid #ddd; padding-top: 7px; line-height:25px;}
.inv-info-curr label{font-size: 12px; color: #2C2958; font-family: var(--font-body-medium);}
.inv-info-curr h6 span { font-size: 15px; font-family: 'montserrat-semibold'; margin:0px; color: #2C2958; }
.inv-info-curr h6 span:last-child{font-size: 12px; font-family: 'montserrat-semibold'; margin:0px 0px 0px 5px; color: #2C2958;}
.inv-info-chart{display:flex; justify-content:center; align-items:center;}

.inv-info-equity, .inv-info-mf { border-bottom: 1px solid #ddd; margin-bottom: 7px; }
.inv-info-more a { font-size: 12px; color:#0d6efd; text-decoration:underline;}
.inv-info-more { display: flex; justify-content: space-between; }

/*.Upcoming-trx-body{max-height: 263px; overflow-y: auto; overflow-x: hidden; padding-right: 6px;}*/
.Upcoming-trx{max-height: 300px; overflow-y: auto; overflow-x: hidden; padding-right: 6px;}
.Upcomingsip-box { margin-bottom: 20px; padding: 0px 10px 0 10px; border: 1px solid #ddd; border-radius: 10px; }
.Upcomingsip-box h2, .topTran-box h2 { font-size: 15px; text-transform: capitalize; font-family: var(--font-title-bold); color: var(--clr-title); margin: 0; padding: 15px 0; }
.Upcoming-trx-hdr { display: flex; background:var(--clr-bg); /*background-image: linear-gradient(to right, #B4E9DE, #7096F1);*/ color:var(--clr-subtitle); padding: 10px; border-radius: 5px; position:sticky; top:0px; }
.Upcoming-trx-hdr h5:nth-child(1){width:30%; text-align:left;}
.Upcoming-trx-hdr h5:nth-child(2) { width: 50%; text-align: left; }
.Upcoming-trx-hdr h5{font-size:13px; font-family: 'montserrat-semibold'; width:20%; margin-bottom:0px; text-align:center;}

.Upcoming-trx-info .Upcoming-trx-dtl:nth-child(1) { width: 30%; text-align:left;}
.Upcoming-trx-info .Upcoming-trx-dtl:nth-child(2) { width: 50%; text-align:left;}
.Upcoming-trx-info .Upcoming-trx-dtl { width: 20%; text-align:center;}

.Upcoming-trx-info { display: flex; align-items: center; padding: 10px 5px; border-bottom: 1px solid #ddd; }
.Upcoming-trx-info:last-child { border: none; }
.Upcoming-trx-dtl h5 { font-size: 13px; font-family: var(--font-body-medium); display: none;  }
.Upcoming-trx-dtl p { margin: 0; font-size: 12px; font-family: var(--font-body-medium); color:#2C2958;}
.Upcoming-trx-dtl p.Upcoming-trx-scheme { color: #2C2958; }
.topTran-box { border: 1px solid #ddd; border-radius: 10px; padding: 0 10px; margin-bottom:20px;}
.top-tran-list { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding:10px 0; }
.top-tran-list:last-child { /*border: none; */}
.top-tran-list h5 { font-size: 13px; font-family: var(--font-body-medium); color:#2C2958;}
.top-tran-list h6 { font-size: 14px; font-family: 'montserrat-semibold'; text-align:right; color:var(--clr-subtitle); }
.top-tran-list label { margin-bottom: 0px; font-family: var(--font-body-medium); font-size: 13px; color:var(--clr-body); display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
.top-tran-list span:after { content: ''; position: absolute; top: 2px; right: 4px; background: #666; height: 13px; width: 2px; }
.top-tran-list span:last-child:after { background: transparent; }
.top-tran-list span { padding-right: 15px; position: relative; font-size: 12px; font-family: var(--font-body-medium); color: var(--clr-body); }

.latest-tran-name label { font-size: 12px; margin-bottom:0px; font-family: 'montserrat-semibold'; color: var(--clr-subtitle); }
.latest-tran-name label p { margin-bottom: 0; }
.latest-tran-name{ padding-top:5px; font-size: 12px; font-family: 'montserrat-semibold'; color: var(--clr-body); }
.tab-tran-height { max-height: 300px; overflow-y: auto; overflow-x: hidden; padding-right:6px; scroll-behavior:smooth; }
.tab-dashmf-height { max-height: 433px; overflow-y: auto; overflow-x: hidden; padding-right:6px; scroll-behavior:smooth; }

a.redirect-icon img { width: 30px; transform: rotate(45deg); transition:all 0.5s ease-in-out;}
.dash-modul-info:hover img, a.redirect-icon:hover img {
    transform: rotate(0deg);
}
.top-tran-list label p.color-buy { width: 8px; height: 8px; background: green; border-radius: 100px; margin-right: 10px; margin-bottom: 0px; }
.top-tran-list label p.color-sell { width: 8px; height: 8px; background: red; border-radius: 100px; margin-right: 10px; margin-bottom: 0px; }

/*=============================
# Equity Dahsboard Page
=======================================================*/

.dashboard-box { background: #fff; padding: 0px; border-radius: 10px; border:1px solid #ddd; margin-bottom: 20px; overflow:hidden;}
.equity-overview-box { display: flex; flex-wrap: wrap; }
.equity-detl {
    width: 15%;
    background: var(--clr-boxbg);
    color: #2C2958;
    margin: 10px 9px;
    border-radius: 7px;
    text-align: center;
    padding: 17px 10px;
}
    .equity-detl label {
        font-size: 12px;
        font-family: var(--font-title-semibold);
        color: var(--clr-subtitle);
    }
.equity-detl h5 { margin: 0; font-size: 16px; font-family: var(--font-body-medium); padding-top:15px;}

.dash-startsip-box { border: 1px solid #ddd; border-radius: 10px; background: #fff; padding: 10px; margin-bottom:20px; overflow:hidden; }
.dash-startsip-img{float:left; margin-right:15px;}
.dash-startsip-img img { height: 50px; width:60px; }
.dash-startsip-content { display: flex; align-items: center; justify-content: space-between; align-content: center; min-height:70px; gap:10px; }
.dash-startsip-ttl h5 {
    color: var(--clr-title);
    font-size: 18px;
    font-family: var(--font-title-bold);
    margin-bottom: 5px;
}
.dash-startsip-ttl p { margin: 0; font-size:13px; font-family: var(--font-body-medium); }

/*=============================
# MutualFunds Dahsboard Page
=======================================================*/
.mfdash-member-box { border: 1px solid #ddd; padding: 15px; border-radius: 10px; margin-bottom: 15px; display: flex; flex-direction:column; justify-content: space-around; }
/*.dash-view-member-dtl { display: flex; justify-content: space-between; align-items: center; padding-bottom: 7px; }*/
.dash-view-member-dtl {display: grid; grid-template-columns: 35% 60% 5%; }
.dash-view-member-name { display: flex; align-items: center; }
    .dash-view-member-name h5 {
        font-size: 15px;
        font-family: var(--font-body-semibold);
        margin: 0;
        color: var(--clr-body);
    }
.dash-view-member-name span { border-radius: 100px; border: 1px solid var(--clr-blue-bg); background: var(--clr-blue-bg); color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-family: 'montserrat-semibold'; margin-right: 10px; }
.view-member-redirect a { font-size: 30px; color: var(--clr-blue-bg); }
.view-member-redirect { text-align: end; }

.tbl-subnat table tr th{position:sticky; top:0px;}
.tbl-subnat table tr td { padding: 9px 10px !important;}
.tbl-subnat {max-height:462px; overflow-y:auto; overflow-x:hidden;}
tr.tabl-subnat-footer td { background: var(--clr-bg); position: sticky; bottom: 0; font-weight: 600; }


/*=============================
# Member Holding Dahsboard Page
=======================================================*/
/*.member-holding-scheme h6 { color: #2C2958; font-family: 'montserrat-semibold'; margin: 0; font-size: 14px }*/
.success-cart { position: fixed; z-index: 999; top: 0; display: flex; justify-content: center; align-items: center; height: 100vh; text-align: center; left: 45%; }
.delete-tostar-cart { position: fixed; z-index: 999; top: 0; display: flex; justify-content: center; align-items: center; height: 100vh;  text-align: center; left: 45%; }

.viewmember-box { padding: 10px; border: 1px solid #ddd; /*max-height:450px; overflow-y:auto;*/ border-radius: 10px; margin-bottom: 20px; }
.member-scroll{max-height:450px; overflow-y:auto;}
.signle-member-box { border: 1px solid #ddd; padding: 0; border-radius: 10px; margin-bottom: 15px; }
.view-member-dtl { display: flex; justify-content: space-between; align-items: center; border-radius: 10px 10px 0 0; background: #f8f8f8; padding:7px 10px;}
.view-member-name span { border-radius: 100px; border: 1px solid var(--clr-blue-bg); background: var(--clr-blue-bg); color: #fff; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-family: 'montserrat-semibold'; margin-left: 13px; margin-right: 10px; }
.view-member-name { display: flex; align-items: center }
.view-member-name h5 { font-size: 14px; font-family: 'montserrat-semibold'; margin: 0; color: #2C2958; }

.view-member-box {display: flex; justify-content: space-around; padding: 7px 0;}
.view-member-wise-box { padding: 10px 0; border-right: 1px solid #ddd; width: 40%; }
.mfdash-member-holding h6 {
    color: var(--clr-subtitle);
    font-family: var(--font-body-semibold);
    margin: 0;
    font-size: 15px;
    text-align: center;
}
.member-currentvalue { justify-content: center; display: flex; flex-direction: column; align-items: center; height: 100%; }
.member-currentvalue h6{color: #2C2958; font-family: 'montserrat-semibold'; margin: 0; font-size: 25px;}
.member-currentvalue label { font-size: 12px; font-family: var(--font-body-medium); color:var(--clr-body); margin-bottom: 10px; }

.view-member-holding { width: 60%; }

.member-holding-info { display: flex; justify-content: space-between; padding: 10px 20px; }
.member-holding-info label { font-size: 12px; font-family: var(--font-body-medium); color:var(--clr-body); margin:0px; }
.member-holding-info h6 { color: #2C2958; font-family: 'montserrat-semibold'; margin: 0; font-size: 13px }

.view-member-ttl { display: flex; justify-content: space-between; margin-bottom:15px; align-items: center;}
.view-member-ttl h3 { margin: 0; font-size: 16px; color:#2C2958; font-family: 'montserrat-semibold'; float: left; margin-right: 20px; }
.view-member-ttl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); }
.view-member-ttl p strong{color:var(--clr-blue-bg);}
.view-member-ttl h3 span { background: var(--clr-blue-bg); color:#fff; border-radius: 100px; margin-left:10px; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; font-size: 15px; }

.member-holding-box{padding: 12px 8px; border: 1px solid #ddd; border-radius:10px; margin-bottom:10px; position:relative;}
.member-holding-total { background: var(--clr-bg); padding: 10px; border-radius: 10px; }
.mfdash-member-holding { width: 16%; text-align: center; }

.member-holding-dtl { display: flex; justify-content: space-between; }
.holding-scheme-name { display: flex; justify-content: flex-start; align-items: center; width: 40%; }
.holding-scheme-name h5 { font-family: var(--font-body-medium); color:#2C2958; font-size: 13px; margin:0px;}
.holding-scheme-name img { width: 45px; height: 45px; border: 1px solid #ddd; border-radius: 10%; padding: 2px; line-height: 45px; margin-right: 10px; }
.dtl-member-holding-info {
    display: grid; gap: 10px; width: 60%; justify-content: space-between; text-align: center; align-items: center; grid-template-columns: 20% 19% 19% 16% 14% 4%; }
.dtl-member-holding-info label { font-size: 12px; color:#666; font-family: var(--font-body-medium); margin-bottom:10px;}
.dtl-member-holding-info h6 { font-size: 13px; color:#2C2958; font-family: 'montserrat-semibold'; margin:0px; min-height: 34px;}
.dtl-member-holding-info h6 span { font-size: 12px; display:block; padding-top:4px; }
.dtl-member-holding-info h6 strong { color: var(--clr-blue-bg); }
.dtl-member-holding-info div img { transform: rotate(90deg); cursor:pointer; }
.dtl-member-holding-info h6 span.holder-info { margin: 0; font-size: 13px; font-family: var(--font-body-medium); color: #7e7e7d; text-align: center; }
.investmenu-list ul li { padding: 8px 10px; margin-bottom: 0; border-bottom: 1px solid #ddd; }
.investmenu-list ul li:last-child{margin-bottom:0px;}
.investmenu-list ul li:hover { background: var(--clr-bg); cursor:pointer;}
.investmenu-list ul li:hover:first-child{ border-radius: 10px 10px 0 0; }
.investmenu-list ul li:hover:last-child { border-radius: 0 0 10px 10px; }
.investmenu-list ul li a{font-family:var(--font-body-medium); font-size:13px; display:block;}
.dropdown-menu.show{border-radius:10px;}

.invest-sort-icon { display:none; position: absolute; width: 50%; background: #ddd; margin: auto; text-align: center; left: 0; right: 0; bottom: 0; border-radius: 20px 20px 0 0; }
li.purchase-icon { width: 25px; height: 25px; border-radius: 100px; background: green; font-size: 15px; font-family: 'montserrat-semibold'; line-height: 13px; color: #fff; }
li.sip-icon{width: 25px; height: 25px; border-radius: 100px; background: blue; font-size: 15px; font-family: 'montserrat-semibold'; line-height: 13px; color: #fff;}
li.redeem-icon{width: 25px; height: 25px; border-radius: 100px; background: red; font-size: 15px; font-family: 'montserrat-semibold'; line-height: 13px; color: #fff;}
li.swp-icon{width: 25px; height: 25px; border-radius: 100px; background: darkblue; font-size: 15px; font-family: 'montserrat-semibold'; line-height: 13px; color: #fff;}


.invest-sort-icon ul li {
    margin: 0 14px;
    padding: 5px 0;
}
.invest-sort-icon ul { display: flex; justify-content: center; align-items: center; }

/********
Scheme Transaction Details *****/
.invest-more-box .invest-more-info h5 {
    margin: 15px 0 0 0;
    font-size: 16px;
    font-family: var(--font-body-semibold);
}

.transaction-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 15px;
}

.transaction-header { display: flex; justify-content: space-between; align-items: center; background: #f0f6ff; padding: 10px; border-radius: 10px 10px 0 0;}
.tran-scheme-name { display: flex; align-items: center;}
.tran-scheme-name h5 { font-size: 14px; font-family: var(--font-title-semibold); margin: 0; color: #2C2958; }
.tran-scheme-name img { width: 50px; height: 50px; border: 1px solid #ddd; margin-right: 10px; }
.tran-folio p { margin: 0px; font-size: 12px; font-family: var(--font-body-medium); color: var(--clr-body); margin-bottom: 0px; }
.tran-folio p label { font-size: 14px; font-family: var(--font-title-semibold); margin: 0; color: #2C2958; }
.transaction-body { display: flex; padding:10px; }
.tran-current-value:after { content: ""; position: absolute; top: 8px; right: 10px; width: 1px; height: 95px; background: #7e7e7d; }
.tran-current-value { width: 30%; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.tran-current-value label, .tran-value-info label, .tran-value-info label { font-size: 12px; font-family: var(--font-body-medium); color: var(--clr-body); margin-bottom: 0px; }
.tran-current-value h6 { color: #2C2958; font-family: var(--font-body-semibold); margin: 0; font-size: 25px; }
.tran-invest-value { display: flex; flex-wrap: wrap; gap: 15px 20px; width: 70%; }
.tran-invest-value .tran-value-info { width: 48%; flex-grow: 1; display: flex; justify-content: space-between; align-items: center; padding: 5px; }
.tran-invest-value .tran-value-info h6 { color: #2C2958; font-family: var(--font-title-semibold); margin: 0; font-size: 13px; }

.transaction-footer { display: flex; justify-content: space-between; align-items: center; border-top:1px solid #ddd; padding: 10px; border-radius: 0 0 10px 10px; }
.tran-bank { display: flex; gap: 10px; flex-wrap: wrap; }
.tran-value-info { display: flex; flex-wrap: wrap; gap: 10px; }
.tran-value-info label{margin:0px;}
.tran-value-info h6 { color: #2C2958; font-family: var(--font-title-semibold); margin: 0; font-size: 13px; margin:0px;}
.tran-bank h6 {color: #2C2958; font-family: var(--font-title-semibold); margin: 0; font-size: 13px; margin:0px; }
.tran-bank label { margin: 0; }


.invest-more-box { display: flex; flex-wrap: wrap; }
.invest-more-box .invest-more-info { width: 48%; border: 1px solid #ddd; border-radius:10px; margin-bottom: 0px; text-align: center; padding: 20px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.invest-more-box .invest-more-info img { width: 50px; height: 50px; }
.invest-more-box { display: flex; flex-wrap: wrap; gap: 15px; }
.invest-more h3 {
    font-size: 15px;
    font-family: var(--font-title-bold);
    text-transform: capitalize;
    margin-bottom: 15px;
    color: var(--clr-title);
}

/*=============================
# Live SIP
=======================================================*/
.total-sip-amt { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; }
.total-sip-amt h5 { font-size: 14px; font-family: 'montserrat-semibold'; text-transform: capitalize; margin: 0px; color: #2C2958; }
.total-sip-amt label { font-size: 18px; font-family: var(--font-title-bold); text-transform: capitalize; margin: 0px; color: #2C2958; }
.livesip-box { background: #fff; padding: 10px; display: grid; grid-template-columns: 55% 45%; grid-column-gap: 10px; align-items: center; border-bottom: 1px solid #ddd; }
.livesip-box:last-child { border-bottom: none; }
.livesip-logo-name { display: flex; align-items: center; gap: 0 15px; }
.livesip-box .livesip-img img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 2px; }
.livesip-name h5 { font-size: 12px; font-family: var(--font-body-medium); margin: 0; }
.livesip-dtl { display: grid; grid-template-columns: 25% 25% 25% 25%; text-align: center; align-items: center; }
.livesip-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); }
.livesip-dtl p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
.card-body.livesip-body { padding: 10px; }
.card-header.livesip-header { padding: 0; }
.card-header.livesip-header a, .card-header.livesip-header a:active { padding: 7px 10px; font-size: 13px; font-family: 'montserrat-semibold'; display:block; text-align:left; border:none; }


.success-cancel-sip-info { text-align: center; }
.success-cancel-sip-info img{margin-bottom:20px; width:100px;}
.success-cancel-sip-info p { font-size: 13px; font-family: 'montserrat-semibold'; }

.scheme-cancel-box p{font-size:13px; line-height:25px;}
.sip-cancel-form { padding: 0 30px; }
.sip-cancel-form .form-group label{text-align:left;}
.sip-cancel-form select.form-control { height: 40px; font-size: 12px; padding-left: 7px; }

.live-sip-panel { display: flex; justify-content: space-between; }
.live-sip-dtl span:nth-child(1), .live-sip-dtl span:nth-child(3) {
    padding-left: 5px;
    color:var(--clr-body);
    font-family: var(--font-body-medium);
}
.live-sip-dtl span:nth-child(2), .live-sip-dtl span:nth-child(5)
{
    font-size: 14px;
    font-family: var(--font-title-bold);
    padding: 0 5px;
}

.family-total { display: flex; justify-content: end; margin-bottom:10px;}
.family-total span { font-family: var(--font-body-medium); color:var(--clr-body); font-size: 13px; }
.family-total h6 { margin: 0; font-size: 15px; font-family: var(--font-title-bold); padding: 0 5px; padding-left: 10px; color: #2C2958; }

.modal-sip-cancel{max-width: 550px; margin: auto; text-align: center;}
/*=============================
# STP - Systematic Transfer Plan
=======================================================*/
.purchase-ttl h2 span {
    font-size: 13px;
    padding-left: 10px;
}

.stp-scheme-box { margin-bottom: 0px; padding: 10px; display: grid; grid-template-columns: 40% 60%; grid-column-gap: 0px; align-items: center; /*border-bottom: 1px solid #ddd;*/ }
.stp-scheme-logo { display: flex; align-items: center; gap: 0 15px; }
.stp-scheme-box .stp-scheme-img img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 2px; }
.stp-scheme-name h5 { font-size: 12px; font-family: 'montserrat-semibold'; margin: 0; }

.stp-scheme-info { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; gap:0px; text-align: center; align-items: center; }
.stp-scheme-info h6{margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body);}
.stp-scheme-info p{margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color:var(--clr-body);}
.stp-scheme-info p span{color:var(--clr-blue-bg);}

.stp-transfer-to { padding: 10px; border-top: 1px solid #ddd; }
.stp-transfer-to p { color: var(--clr-blue-bg); text-transform: capitalize; font-family: 'montserrat-semibold'; font-size: 15px; margin-bottom:0px;}
.stp-transfer-to-name{display:flex; align-items:center; gap:0 15px;}
.stp-transfer-to-name img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 2px; }
.stp-transfer-to-name h5 { font-size: 12px; font-family: 'montserrat-semibold'; margin: 0; }

.stp-transfer-to-dtl { display: flex; gap: 10px; justify-content: space-between; margin-top:15px;}
.stp-transfer-to-dtl div { width: 20%; }
.stp-transfer-to-dtl div:last-child {/* white-space: nowrap;*/ }
.stp-transfer-to-dtl div  label{ margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); }

.toscheme-list { display: flex; align-items: center; padding: 4px 10px; }
.toscheme-list span { color: var(--clr-blue-bg); font-family: var(--font-title-bold); font-size: 16px; }
.toscheme-list h5 { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; color: #2C2958; margin-left: 10px; }

.from-to-scheme-box{border:1px solid #ddd; border-radius:10px;}

.stp-trans-scheme-box { display: grid; grid-template-columns: 40% 60%; }
.stp-trans-scheme-box .stp-transfer-to-name h5 { padding-right: 10px; }

/*=============================
# Switch, SWP, Redeem
=======================================================*/
.stp-scheme-img img{width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 2px;}

.switch-to-scheme {
    padding: 0px;
    display: grid;
    grid-template-columns: 40% 60%;
    /*grid-column-gap: 10px;*/
    align-items: center;
}
.switch-to-dtl { display: flex; gap: 0px 10px; justify-content: flex-end;}

.swp-scheme-box { margin-bottom: 0px; padding: 10px; display: grid; grid-template-columns: 40% 60%; grid-column-gap: 0px; align-items: center; }
.swp-scheme-logo { display: flex; align-items: center; gap: 0 15px; }
.swp-scheme-box .swp-scheme-img img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 2px; }
.swp-scheme-name h5 { font-size: 12px; font-family: 'montserrat-semibold'; margin: 0; line-height: 20px;}
.swp-scheme-info { display: grid; grid-template-columns: 25% 25% 25% 25%; text-align: center; align-items: center; }
.swp-scheme-info h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); font-family: var(--font-body-medium); }
.swp-scheme-info p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
.swp-scheme-info p span{color:var(--clr-blue-bg);}

/*.swp-to-dtl div:last-child { white-space: nowrap; }*/
/*.swp-to-dtl div { width: 14%; }*/
.swp-to-dtl { display: flex; gap: 15px; justify-content: flex-end; }
.swp-to-dtl label{/*margin-bottom: 10px;*/ font-size: 12px; font-weight: 400; color:var(--clr-body); font-family:var(--font-body-medium);}
.SWP-total { padding-top: 20px; text-align: right; }
.SWP-total span span { font-size: 15px; color: green; padding-left: 5px; }
.SWP-total span { margin-right: 10px; font-size: 12px; font-family: 'montserrat-semibold'; }

.redeem-scheme-logo { display: flex; align-items: center; gap: 0 15px; }
.redeem-scheme-box .redeem-scheme-img img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 2px; }
.redeem-scheme-name h5 { font-size: 12px; font-family: 'montserrat-semibold'; margin: 0; line-height: 20px; }
.redeem-scheme-box { margin-bottom: 0px; padding: 10px; display: grid; grid-template-columns: 40% 60%; grid-column-gap: 10px; align-items: center; }
.redeem-scheme-info { display: grid; grid-template-columns: 25% 25% 25% 25%; text-align: center; align-items: center; }
.redeem-scheme-info h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); }
.redeem-scheme-info p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
.redeem-scheme {
    padding: 10px;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.redeem-bank-dtl h5 span {
    color: var(--clr-title);
    font-family: var(--font-title-bold);
}

.redeem-bank-dtl h5 {
    font-size: 13px; margin-bottom:0px;
    font-family: 'opensans-semibold';
}
.stp-cart-dtl .redem-text-box {
    width: 20%;
}
.redeem-to-dtl { display: flex; justify-content: flex-end; gap:15px;}
/*=============================
# Cart section
=======================================================*/
.cart-ttl-hdr {
    display: flex;
    justify-content: space-between;
}
.cart-multi-box {padding:0px; align-items: center; border: 1px solid #ddd; border-radius: 5px; margin-bottom:25px;}
.scheme-cart-box { background: #fff; margin-bottom: 0px; padding: 10px; display: grid; grid-template-columns: 40% 60%; grid-column-gap: 10px; align-items: center; border-radius: 0px; border-bottom: 1px solid #ddd; }
.scheme-cart-dtl { display: flex; justify-content: flex-end; text-align: center; /*align-items: center;*/ gap:10px; margin-right:15px; }
    .scheme-cart-dtl .form-group {
        width: 18%;
    }
.scheme-cart-box.redem-cart-review {
    grid-template-columns: 35% 65%;
}
/*.scheme-delete-box {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    margin: 7px;
}*/
/*.scheme-cart-dtl div:last-child { width: 10%; }
.scheme-cart-dtl div { width: 30%; }*/
.scheme-cart-dtl .sip-scheme-cart-dtl:last-child { width: 10%; }
.scheme-cart-dtl .sip-scheme-cart-dtl { width: 30%; }

.scheme-cart-logo .scheme-cart-img img { width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 5px; padding: 4px; }
.scheme-cart-logo { display: flex; align-items: center; gap:0 15px; }
.scheme-cart-name h5 { font-size: 12px; font-family: var(--font-body-medium); margin: 0; line-height: 23px; text-transform: capitalize;}
.scheme-cart-dtl p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
.scheme-cart-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); text-align: center; /*text-align: left;*/ }
.scheme-cart-dtl div img { width: 20px; align-items: center; transition: all 0.5s ease-in-out; cursor:pointer; }
.scheme-cart-dtl div img:hover { transform: scale(1.2); }
.cart-delete a.DeleteCart img { transition: all 0.5s ease-in-out; cursor: pointer; }
.cart-delete a.DeleteCart img:hover { transform: scale(1.2); }
.delete-cart {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
    margin: 0;
    padding: 6px 15px;
}

.cart-total {text-align: right; background: var(--clr-bg); border-radius: 0px 0px 5px 5px; padding: 10px; }
    .cart-total label {
        font-size: 17px;
        color: green;
        padding-left: 5px;
        margin: 0;
    }
.cart-header h5 { margin: 0; font-family: 'montserrat-semibold'; font-size: 15px; color:var(--clr-title); }
.cart-header h5 span { font-size: 13px; color: #7e7e7d; font-family:var(--font-body-medium); padding-left:5px; }
.cart-header { background: var(--clr-bg); padding: 8px 10px; border-radius: 5px 5px 0 0; margin-bottom: 7px; }
.cart-total span span{ font-size: 15px; font-family: 'montserrat-semibold'; padding: 0 8px; }
.cart-total span { font-size: 13px; font-family: var(--font-body-medium); margin-right:10px; }

/*.cart-member { background: #fff; padding: 7px 15px; border-radius: 36px; color: var(--clr-blue-bg); font-family: var(--font-title-bold); border: 1px solid var(--clr-blue-bg); }*/
.cart-member { color: #fff; cursor:pointer; font-family: var(--font-title-bold); display: inline-flex; max-width: 100px; height: 30px; border: 1px solid var(--clr-blue-bg); border-radius: 100px; padding: 2px 10px; justify-content: space-between; align-items: center; background: var(--clr-blue-bg); transition:all 0.5s ease-in-out;}
a.cart-member svg path { stroke: #fff; stroke-width: 2px;  transition:all 0.5s ease-in-out;}
.cart-member:hover svg path { stroke: var(--clr-blue-bg); }
.cart-member:hover, .cart-member:hover svg path { background: var(--clr-white); color: var(--clr-blue-bg); }

.cart-member span{margin-left:9px;}

.review-center h6 {text-align:center;}

.scheme-cart-stp div { width: 30%; }
.scheme-cart-stp div:last-child { width: 10%; }
.scheme-cart-stp { display: flex; justify-content: flex-end; text-align: center; align-items: center; gap: 10px; }
.scheme-cart-stp div a.DeleteCart img { width: 20px; }
.cart-delete a.DeleteCart { cursor: pointer; }

.scheme-cart-stp p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color:var(--clr-body); }
.scheme-cart-stp h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); }
.cart-select-stp{background: #f8f8f8; margin-bottom: 0px; padding: 10px; display: grid; grid-template-columns: 40% 60%; grid-column-gap: 10px; /*align-items: center;*/ border-radius: 0px; border-bottom: 1px solid #ddd; }
.cart-scheme-to{font-size:13px; font-family:montserrat-semibold; color:#007bff;}
.scheme-cart-stp-name h5 { font-size: 13px; font-family: var(--font-body-medium); margin: 0; line-height: 23px;}
.stp-cart-dtl{display: flex; justify-content: flex-end; /*align-items: center;*/ gap: 10px; padding:0 5px; text-align:center;}
.stp-cart-dtl div{ width: 30%; }
.stp-cart-dtl h6, .swp-cart-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color:var(--clr-body); }
.stp-cart-dtl p { margin: 0; font-size: 12px; font-family: var(--font-title-semibold); color: var(--clr-body); }
.cart-select-stp p { font-size: 12px; font-family: var(--font-title-semibold); margin: 0; line-height: 23px; text-transform: capitalize; }
.client-cart-review div:last-child { width: 30%; }

.swp-cart-dtl{display: flex; justify-content: flex-end; /*align-items: center;*/ gap: 10px; padding:0 5px;}
.cart-select-swp { background: #f8f8f8; margin-bottom: 0px; padding: 10px; display: grid; grid-template-columns: 100%; grid-column-gap: 10px; align-items: center; border-radius: 0px; border-bottom: 1px solid #ddd; }
.swp-cart-dtl div { width: 16.66%; }
.swp-cart-dtl.swp-cart-review p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color: var(--clr-body); }
.cart-select-stp-box { border: 1px solid #ddd; margin: 7px; border-radius: 10px; overflow: hidden; border-bottom: none; }


/*Switch Cart */
.cart-select-swi.swi-cart-review { display: grid; grid-template-columns: 60% 40%; padding: 10px; background: #f8f8f8; border-bottom: 1px solid #ddd; border-radius: 10px; }

.cart-select-swi.swi-cart-review p { margin: 0px; }

.cart-select-swi.swi-cart-review .swi-cart-dtl { display: flex; justify-content: flex-end; }

.cart-select-swi.swi-cart-review .swi-cart-dtl div { width: 30%; text-align: center; }

.cart-select-swi.swi-cart-review .swi-cart-dtl h6 { margin-bottom: 10px; font-size: 12px; font-weight: 400; color: var(--clr-body); }

.cart-select-swi.swi-cart-review .swi-cart-dtl p { margin: 0; font-size: 12px; font-family: 'montserrat-semibold'; color: var(--clr-body); }

.cart-select-swi.swi-cart-review h6 { font-size: 13px; font-family: montserrat-semibold; color: #007bff; }

.cart-select-swi.swi-cart-review p { font-size: 13px; font-family: var(--font-body-medium); margin: 0; line-height: 23px; }

/*=============================
# All Scheme List Page
=======================================================*/
p.select-scheme-subttl { font-size: 13px; font-family: 'opensans-medium'; }
.allamc-scheme-hedr { background: var(--clr-bg); border-radius: 10px; padding: 10px; display: flex; align-items: center; }
.allamc-scheme-hedr .allamc-scheme-ttl { width: 40%; }
.allamc-scheme-hedr .allamc-ttl-dtl p { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; text-align: center; /*color:var(--clr-title);*/ }
.partner-client-name { font-size: 14px; font-family: var(--font-body-medium); color: var(--clr-title);}
.allamc-scheme-hedr .allamc-ttl-dtl { width: 60%; display: flex; gap: 5px; }
.allamc-scheme-hedr .allamc-ttl-dtl div { width: 16%; text-align:center; }
.allamc-scheme-hedr .allamc-scheme-ttl p { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; }

.allamc-scheme-box { display: flex; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 10px; padding: 10px 5px; }
.allamc-scheme-box .allamc-scheme-name { width: 40%; display: flex; }
.allamc-scheme-box .allamc-scheme-dtl { width: 60%; display: flex; gap: 5px; align-items: center; }
.allamc-scheme-box .allamc-scheme-dtl div { width: 16%; }
.allamc-scheme-box .allamc-scheme-dtl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); text-align: center; display: none; }
.allamc-scheme-box .allamc-scheme-dtl h5 { font-size: 14px; font-family: 'montserrat-semibold'; text-align: center; margin-bottom: 0px; }
.allamc-scheme-info span { font-size: 12px; font-family: var(--font-body-medium); }
.allamc-scheme-info h6 { font-size: 13px; font-family: var(--font-body-medium); margin: 0 0 7px 0; }
.allamc-scheme-name .allamc-icon { width: 50px; height: 50px; padding: 5px; border: 1px solid #ddd; display: flex; border-radius: 10px; margin-right: 10px; }
.searching-box input{width:300px;}
.fix-mf-hdr { position: sticky; top: 0; z-index: 9; background:#fff;}

/*.filter-img { width: 40px; height: 40px; background: var(--clr-bg); border-radius: 100px; text-align: center; line-height: 40px; cursor:pointer; }*/
.filter-img { width: 100%; background: #fff; color:var(--clr-blue-bg); border:1px solid var(--clr-blue-bg); border-radius: 100px; text-align: center; cursor: pointer; padding: 5px 14px; transition:all 0.5s ease-in-out; }
.filter-img span { display: inline-block; padding-left: 5px; font-family: var(--font-body-medium); }
.filter-img svg { fill: var(--clr-blue-bg); transition:all 0.5s ease-in-out;}
.filter-img:hover{background: var(--clr-blue-bg); color:#fff;}
.filter-img:hover svg{fill: #fff; }
.filter-img img { width: 20px; height: auto; text-align: center; }
.all-scheme-filter { display: flex; gap: 15px; justify-content: flex-end; align-items: center; }


ul.nav.tab-filter li{border-bottom:1px solid #ddd; width:100%;}
ul.nav.tab-filter a.nav-link.active { color: var(--clr-blue-bg); }
ul.nav.tab-filter a.nav-link { font-size: 13px; padding: 10px 0; color:var(--clr-body); font-weight: normal; font-family: var(--font-body-medium); }
.selectAMClist ul li { font-size: 13px; padding: 12px 0 8px 0; font-family: 'montserrat-semibold'; border-bottom: 1px solid #ddd; }
.selectAMClist { max-height: 400px; height:400px; overflow-y: auto; overflow-x: hidden; }
.select-scheme-body { padding: 0 20px; }
.scheme-navigation { border-bottom: 1px solid #ddd; padding-bottom: 5px; display:none;}

.scheme-navigation label { padding: 3px 7px; border: 1px solid var(--clr-bg); border-radius: 8px; background: var(--clr-bg); color: #2C2958; margin:5px; }
.scheme-navigation label span i{cursor:pointer; color:var(--clr-blue-bg);}
.btn-filter-close { background: transparent; border: transparent; color: red; font-size: 20px; position: absolute; top: 7px; right: 10px; }

.allamc-ttl-dtl div p { cursor: pointer; display: inline-flex; align-items: center; gap: 5px; margin-bottom: 0; }

/*=============================
# Page Sorting
=======================================================*/
.sort-icon { font-size: 13px; margin-left: 3px; color:var(--clr-body); }
.sorted-asc .sort-icon { color: var(--clr-blue-bg); }
.sorted-desc .sort-icon { color: var(--clr-blue-bg); }


/*=============================
# LIVE SIP Page
=======================================================*/
.livesip-scheme-hedr {
    background: var(--clr-bg);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    margin-bottom: 0px;
}
/*.livesip-scheme-hedr{display:none;}*/
.livesip-scheme-hedr .livesip-scheme-ttl { width: 40%; }
.livesip-scheme-hedr .livesip-ttl-dtl p { margin: 0; font-size: 12px; font-family: var(--font-body-medium); text-align: center; }
.livesip-scheme-hedr .livesip-ttl-dtl { width: 60%; display: flex; gap: 5px; }
.livesip-scheme-hedr .livesip-ttl-dtl div { width: 33.33%; }
.livesip-scheme-hedr .livesip-scheme-ttl p { margin: 0; font-size: 12px; font-family: var(--font-body-medium); }
.livesip-scheme-box { display: flex; border-bottom: 1px solid #ddd; border-radius: 0px; margin-bottom: 10px; padding: 10px 5px; }
.livesip-scheme-box .livesip-scheme-name { width: 40%; display: flex; align-items: center;}
.livesip-scheme-box .livesip-scheme-dtl { width: 60%; display: flex; justify-content: center; align-items: center; }
.livesip-scheme-box .livesip-scheme-dtl div { width: 33.33%; }
.livesip-scheme-box .livesip-scheme-dtl p { margin: 0 0 5px 0; font-size: 12px; color:#666; font-family: var(--font-body-medium); text-align: center; /*display: none;*/ }
.livesip-scheme-box .livesip-scheme-dtl h5 { font-size: 13px; font-family: 'montserrat-semibold'; text-align: center; margin-bottom: 0px; }
.livesip-scheme-info span { font-size: 11px; font-family: var(--font-body-medium); color:var(--clr-blue-bg); }
.livesip-scheme-info h6 { font-size: 13px; font-family: var(--font-body-medium); margin: 0; }
.livesip-scheme-name .livesip-amc { width: 50px; height: 50px; padding: 5px; border: 1px solid #ddd; display: flex; border-radius: 10px; margin-right: 10px; }
.searching-box input{width:300px;}
.searching-box .input-group input{width:300px; border-radius:6px 0 0 6px !important;}
.searching-box .input-group .input-group-text { cursor: pointer; }
.livesip-scheme-box .livesip-scheme-dtl p{display:none;}
/*=============================
# NFO LIVE Page
=======================================================*/
.NFOLive-scheme-hedr {
    background: var(--clr-bg);
    border-radius: 10px;
    padding: 10px;
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}
.NFOLive-scheme-hedr .NFOLive-scheme-ttl { width: 40%; }
.NFOLive-scheme-hedr .NFOLive-ttl-dtl p { margin: 0; font-size: 12px; font-family: var(--font-body-medium); text-align: center; }
.NFOLive-scheme-hedr .NFOLive-ttl-dtl { width: 60%; display: flex; gap: 5px; }
.NFOLive-scheme-hedr .NFOLive-ttl-dtl div { width: 25%; }
.NFOLive-scheme-hedr .NFOLive-scheme-ttl p { margin: 0; font-size: 12px; font-family: var(--font-body-medium); }
.NFOLive-scheme-box { display: flex; border: 1px solid #ddd; border-radius: 10px; margin-bottom: 10px; padding: 10px 5px; }
.NFOLive-scheme-box .NFOLive-scheme-name { width: 40%; display: flex; }
.NFOLive-scheme-box .NFOLive-scheme-dtl { width: 60%; display: flex; justify-content: center; align-items: center; }
.NFOLive-scheme-box .NFOLive-scheme-dtl div { width: 25%; }
.NFOLive-scheme-box .NFOLive-scheme-dtl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); text-align: center; display: none; }
.NFOLive-scheme-box .NFOLive-scheme-dtl h5 { font-size: 12px; font-family: 'montserrat-semibold'; text-align: center; margin-bottom: 0px; color:#281662;}
.NFOLive-scheme-info span { font-size: 11px; font-family: var(--font-body-medium); color:var(--clr-blue-bg); }
.NFOLive-scheme-info h6 { font-size: 13px; font-family: var(--font-body-medium); margin: 0; }
.NFOLive-scheme-name .NFOLive-amc { width: 50px; height: 50px; padding: 5px; border: 1px solid #ddd; display: flex; border-radius: 10px; margin-right: 10px; }

.NFOLive-scheme-hedr .NFOLive-ttl-dtl { width: 60%; display: flex; gap: 5px; justify-content: center; align-items: center; text-align: center; }
.NFOLive-ttl-dtl div p { cursor: pointer; display: inline-flex; align-items: center; gap: 5px; margin-bottom: 0; }


/*=============================
# Collection Return Page
=======================================================*/
.collectionreturn-scheme-hedr { background: var(--clr-bg); border-radius: 10px; padding: 10px; display: flex; margin-bottom: 15px;}
.collectionreturn-scheme-hedr .collectionreturn-scheme-ttl { width: 40%; }
.collectionreturn-scheme-hedr .collectionreturn-ttl-dtl p { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; text-align: center; }
.collectionreturn-scheme-hedr .collectionreturn-ttl-dtl { width: 60%; display: flex; gap: 5px; justify-content: center; align-items: center; text-align: center;}
.collectionreturn-scheme-hedr .collectionreturn-ttl-dtl div { width: 25%; }
.collectionreturn-ttl-dtl div p { cursor: pointer; display: inline-flex; align-items: center; gap: 5px; margin-bottom: 0; }
.collectionreturn-ttl-dtl .sort-icon { font-size: 13px; margin-left: 3px; color:var(--clr-body); visibility: visible; }
.collectionreturn-ttl-dtl .sort-icon { visibility: visible; }
.collectionreturn-ttl-dtl .sorted-asc .sort-icon { visibility: visible; color: var(--clr-blue-bg); }
.collectionreturn-ttl-dtl .sorted-desc .sort-icon { visibility: visible; color: var(--clr-blue-bg); }

.collectionreturn-scheme-hedr .collectionreturn-scheme-ttl p { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; text-align: center; }
.collectionreturn-scheme-box { display: flex; border-bottom: 1px solid #ddd; border-radius: 0px; margin-bottom: 0px; padding: 10px 5px; align-items:center; }
.collectionreturn-scheme-box .collectionreturn-scheme-name { width: 40%; display: flex; align-items:center;}
.collectionreturn-scheme-box .collectionreturn-scheme-dtl { width: 60%; display: flex; justify-content: center; align-items: center; }
.collectionreturn-scheme-box .collectionreturn-scheme-dtl div { width: 25%; }
.collectionreturn-scheme-box .collectionreturn-scheme-dtl p { margin: 0; font-size: 13px; font-family: var(--font-body-medium); text-align: center; display: none; }
.collectionreturn-scheme-box .collectionreturn-scheme-dtl h5 { font-size: 14px; color:var(--clr-body); text-align:center; font-family: var(--font-body-medium); margin: 0px; }
.collectionreturn-scheme-info span { font-size: 11px; font-family: var(--font-body-medium);color:var(--clr-blue-bg); }
.collectionreturn-scheme-info h6 { font-family: var(--font-body-medium); color: #2C2958; font-size: 13px; margin: 0px;}
.collectionreturn-scheme-name .collectionreturn-amc { width: 50px; height: 50px; /*padding: 5px;  display: flex;*/ overflow:hidden; border: 1px solid #ddd; border-radius: 10px; margin-right: 10px; }
.collectionreturn-scheme-name .collectionreturn-amc img { width: 48px; height: 48px; }


/*=============================
# All Modal Popup Design 
=======================================================*/

/*Maintance Modal */
.modal-header.downtime-hdr h4 img { width: 100px; height: 100px; display: block; margin: auto; }
.modal-header.downtime-hdr h4 { margin: auto; text-align: center; font-size: 25px; font-weight: 800; color: red; text-transform: uppercase; }
.downtime-modal { max-width: 400px; }
.modal-header.downtime-hdr { border: none; }
.downtime-body { padding-top: 0; }
.downtime-body p { line-height: 25px; font-size: 14px; font-weight: 500; color: #000; }
.downtime-modal .modal-content { border-radius: 10px; background: #ffe0e0; }


/*Modal Popup Account Transaction Pattern Select */
.patternholder-box { border: 1px solid #ddd; border-radius: 10px; margin: 10px 0;  /*display: flex; justify-content: space-between; */}
/*.btn-patternholder { flex-direction: column; flex-wrap: wrap; display: flex; gap: 10px; align-items: center; }*/
.pattern-logo { border-radius: 100px; border: 1px solid var(--clr-bg); background: var(--clr-bg); color: #2C2958; width: 50px; height: 50px; margin-right: 15px; text-align: center; line-height: 50px; font-size: 20px; font-family: var(--font-title-bold); }
.pattern-name p { margin: 0; font-size: 13px; line-height: 28px; color:#333; font-family: 'montserrat-semibold';}

.pattern-name { display: flex; padding:10px;}
.pattern-name span { text-transform: capitalize; font-size: 13px; color: #2C2958; }

.btn-patternholder { text-align: right; }
.pattern-name h6 { text-transform: capitalize; color: #281662; padding-top: 6px; letter-spacing: 1px;}
.joint-holder-box{background:#f8f8f8; padding:10px; border-radius:0px 0px 10px 10px;}
.joint-holder-dtl p { margin: 0; font-size: 13px; line-height: 28px; font-family: 'montserrat-semibold'; color:#333; }
.joint-holder-dtl { margin-left: 64px; margin-bottom:7px;}
.joint-holder-dtl span{font-size:13px;}
.btn-patternholder .btn.btn-fiel { margin-right: 10px; }
.second-holder span {
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
}

/*Authenticate Modal Popup*/
.modal-scheme-otp { max-width: 450px; margin: auto; text-align: center; }
.authenticate-box { padding: 0 30px; }
.authenticate-box img { margin: 20px 0; }
.scheme-otp-txt { padding: 0 30px; }
.scheme-otp-txt p { font-size: 13px; font-family: var(--font-body-medium); line-height: 26px; }
.scheme-otp-txt p span { color: green; }
.scheme-otp-txt input { /*height: 45px; */margin-bottom: 10px; }
.scheme-otp-txt a { display: block; text-align: right; font-size: 14px; font-family: 'montserrat-semibold'; margin-bottom: 20px; }
.scheme-otp-txt a i { padding-right: 9px; }
.modal-note {text-align:center;}
.modal-note p{font-size:11px; margin:15px 0 0 0;}
.re-send-otp-txt a i { padding-right: 8px; color:#666;}
.re-send-otp-txt a{ padding-right: 5px; color:#666;}
.re-send-otp-txt { text-align: right; margin-bottom: 10px; font-size: 13px; color:#666; }
.re-send-otp-txt span.otp-counter { font-size: 13px; font-family: var(--font-title-bold); color:var(--clr-blue-bg); }

/* Cancel SIP Modal Popup */
.sipcancel-txt p { font-size: 13px; }
.cancelsip-modal-box img { margin: 20px 0; }
.cancelsip-modal-box { padding: 0 7px; }
.cancelsip-reason-modal { width: 250px; margin: auto; }
.cancelsip-reason-modal .form-group select, .cancelsip-reason-modal .form-group input { height: 40px; text-indent: 7px; }


/*Transaction Successfully & failed Modal Popup */
.modal-tran-success{max-width:350px; margin:auto; text-align:center;}
.tran-success-box img { padding-bottom: 20px; }
.tran-success-txt h5 { font-size: 14px; padding: 10px; font-family: var(--font-body-medium); color: #2C2958; line-height: 24px; margin-bottom:10px;}
.tran-success-txt p { font-size: 13px; margin-bottom:30px;}

.tran-fail-box img { padding-bottom: 20px; }
.tran-fail-txt h5 { font-size: 25px; line-height: 40px; padding: 10px 0; font-family: 'montserrat-semibold'; color:#FF0000; }
.tran-fail-txt p { font-size: 13px; margin-bottom:30px;}

.tran-success-box img { width: 200px; }

/*Multi Transaction Modal Popup */
.modal-dialog.modal-multiTran { max-width: 600px; }
.tbl-multi-tran table.table tr th{text-align:center;}
.tbl-multi-tran table.table{margin-bottom:15px;}
.tbl-multi-tran table.table tr td {
    white-space: normal;
}
.tbl-multi-tran table.table tr td:first-child { width: 20%; text-align: center; }
.multi-tran-txt h5 { font-size: 16px; padding: 10px; font-family: var(--font-body-semibold); color: #2C2958; line-height: 24px; text-align:center; }
.multi-tran-img img { width: 180px; }
.multi-tran-img { text-align: center; }

    /*SIP & One Time Modal Popup*/
    .modal-sip-oneime{max-width:450px; margin:auto; text-align:center;}
.modal-scheme-ttl { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align:left; }
.modal-scheme-ttl p { font-size: 13px; text-align: left; font-family: var(--font-body-medium); margin-bottom:0px; color:#2C2958;}
.modal-scheme-ttl span img { width: 50px; }

ul.tab-siponetime { background: var(--clr-bg); text-align: center; margin: auto auto 20px auto; padding: 8px 0; width: 300px; border-radius: 8px; transition: all 0.5s ease-in-out; }
ul.tab-siponetime li.nav-item { margin: auto; transition:all 0.5s ease-in-out;  }
ul.tab-siponetime li.nav-item a { font-size: 14px; font-family: var(--font-body-medium); padding: 8px 20px; cursor: pointer; width: 120px; }

.siponetime-invest-box input.form-control{width:280px; margin:10px auto 15px auto; font-size:18px; /*border:none; border-bottom:1px solid #ddd;*/ text-align:center; }
.siponetime-invest-box label{font-size:12px; color:#666; text-align:center; font-family: var(--font-body-medium);}
.siponetime-invest-button a { font-family: var(--font-body-medium); border: 1px solid #0d6efd; border-radius: 100px; padding: 4px 16px; margin: 0 5px; font-size: 13px; cursor:pointer;}
.siponetime-invest-button{margin:15px 0;}
.sip-onetime-dtl { display: flex; justify-content: space-between; text-align: left; flex-wrap:wrap; padding:20px 0;}
.btn-sip-ontime{display:flex; justify-content:space-between; align-items:center;}
.sip-onetime-dtl .sip-onetime-info { width: 47%; }
.click-everymonth { text-align: left; cursor: pointer !important; border: 1px solid #ddd; border-radius: 5px; height: 38px; padding: 6px 0px 6px 10px; display:flex; justify-content:space-between; align-items: center;}
.click-everymonth a { font-size: 13px; cursor: pointer; font-family: var(--font-body-medium); color: #212529; }
.click-everymonth span {width: 36px; height: 36px; background: var(--clr-bg); text-align: center; align-items: center; display: flex; justify-content: center; border-radius: 0px 3px 3px 0px; }

.modal-select-sipdate { max-width: 350px; }
.select-sip-date-box h2 { font-size: 14px; font-family: 'montserrat-semibold'; /*border-bottom: 1px solid #ddd;*/ padding-bottom: 10px; }
.select-sip-date-box{text-align:center;}
.calendar-container { background: #fff; padding: 20px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 300px; text-align: center; }
.calendar-container h2 { font-size: 16px; margin-bottom: 20px; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; margin-bottom: 20px; }
.calendar-grid div { padding: 10px 0; border-radius: 0px; border:1px solid #ddd; cursor: pointer; transition: 0.2s; color: #333; }
.calendar-grid div:hover { background-color: #007bff; color:#fff; }
.calendar-grid .selected { background-color: #007bff; color: white; }
.calendar-label { font-size: 14px; margin-bottom: 10px; color: #555; }
.calendar-section { display: none; }
.calendar-grid div.disabled { pointer-events: none; opacity: 0.4; background-color: #eee; cursor: not-allowed; }

.modal-close { position: absolute; top: -9px; right: -9px; border-radius: 100px; width: 25px; height: 25px; line-height: 18px; text-align: center; padding: 0; font-size: 20px; border: 1px solid red; background: red; color: #fff; font-weight: 700; transition: all 0.5s; outline:none;}
.modal-close:hover { background: #fff; color: red; }

/*.modal-popup-ttl { padding: 15px 0 25px 0; text-align: center; }*/
.modal-popup-ttl h4 { margin: 0; font-size: 20px; color: #2C2958; font-family: 'montserrat-semibold'; }

/* Start New Design for Modal*/
/*.modal-sip-oneime .modal-content { background: var(--clr-bg); border-radius: 20px; }
.modal-sip-oneime .modal-body { padding: 0; }
.modal-sip-oneime .modal-body .modal-scheme-ttl { padding:20px 15px; border-radius:20px 20px 0 0; background:#fff; }
.modal-sip-oneime .modal-body .modal-scheme-ttl label { margin: 0; }
.modal-sip-oneime .modal-body .sip-body { background: #fff; margin: 5px; padding: 10px; border-radius: 10px; }
.modal-sip-oneime ul.tab-siponetime { background: #fff; width: 282px; border-radius:100px; padding: 0; }
.modal-sip-oneime ul.tab-siponetime li { width: 140px; margin:auto 0; }
.modal-sip-oneime ul.tab-siponetime li a { width: 140px; border-radius: 100px; height: 45px; background:#fff; align-items: center; display: flex; justify-content: center; font-size: 16px; font-family: 'montserrat-semibold'; }
*/
/* End New Design for Modal*/


/*Select Payment Mode Modal Popup */
.card.payment-mode-card { margin-bottom: 10px; overflow:hidden;}
.card-header.payment-mode-header { padding: 0px; text-align: left; border-bottom:none;}
.card-header.payment-mode-header a, .card-header.payment-mode-header a:active { font-size: 14px; font-family: var(--font-body-medium); text-transform: capitalize; color: #2C2958; display: block; text-align: left; padding: 4px 10px; border-color: transparent; }

.card-body.payment-mode-body { padding: 0px; text-align: left; max-height: 230px; overflow-x: hidden; overflow-y: auto;}
.payment-cheque h6 { margin: 0; font-size: 13px; font-family: 'montserrat-semibold'; }
.payment-cheque { display: flex; justify-content: space-between; align-items: center; padding:10px;}
.payment-cheque .custom-radio label.radiobutton { padding: 0; }
.payment-cheque .custom-radio label.radiobutton input {margin:0px; cursor:pointer;}

.upi-modal h6{margin:0px; font-size:13px;}
.upi-modal h6 span img { width: 60px; margin-right:5px;}
.upi-modal { display: flex; justify-content: space-between; margin-bottom:0px; }
.upi-modal .custom-radio label.radiobutton { padding: 0; }
.upi-modal .custom-radio label.radiobutton input { margin: 0px; cursor: pointer; }
.upi-info{padding:7px 10px; border-bottom:1px solid #ddd;}
.upi-info:last-child { border: none; }
.upi-info input.form-control { height: 40px; }

.onetime-mandate-dtl { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 10px; }
.onetime-mandate-dtl h6 span img { width: 30px; margin-right:5px;}
.onetime-mandate-dtl h6 { margin: 0; font-size: 13px; font-family: var(--font-body-medium); line-height: 23px;}
.onetime-mandate-dtl .custom-radio label.radiobutton { padding: 0; }
.onetime-mandate-dtl .custom-radio label.radiobutton input { margin: 0px; cursor: pointer; }
.onetime-mandate-dtl h6 small { color: #008000; font-family: 'montserrat-semibold'; }

.netbanking-dtl { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 10px; }
.netbanking-dtl h6 span img { width: 30px; margin-right:5px;}
.netbanking-dtl h6 { margin: 0; font-size: 13px; font-family: var(--font-body-medium); }
.netbanking-dtl .custom-radio label.radiobutton { padding: 0; }
.netbanking-dtl .custom-radio label.radiobutton input { margin: 0px; cursor: pointer; }
.neft-dtl{padding:10px;}
.neft-dtl input.form-control{height:40px;}

/*=============================
# payment reponse Section
=======================================================*/
.payment-reponse {
    text-align: center;
    padding: 10px 0 20px 0;
}
.payment-reponse img { width: 130px; }

/*=============================
# Atom Payment Section
=======================================================*/
.atom-transaction-msg { background: #fff; margin: auto; border-radius: 10px; padding: 30px; }*/
.atom-tran-box { display: grid; grid-template-columns: auto auto auto auto auto; gap: 5px; border: 1px solid #ddd; padding: 10px; border-radius: 10px; }
.payment-atom-box{display: grid; grid-template-columns: auto auto auto auto auto; gap: 5px; border: 1px solid #ddd; padding: 10px; border-radius: 10px; }
.payment-atom-box .atom-tran-info h5 { font-size: 15px; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align:center;}
.payment-atom-box .atom-tran-info span { font-size: 13px; font-weight: 600; display:block; text-align:center; }

.atom-tran-info { border-right: 1px solid #ddd; padding: 0 10px; }
.atom-tran-info:last-child { border-right: none; }
.atom-tran-box .atom-tran-info h5 { font-size: 15px; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-align:center;}
.atom-tran-box .atom-tran-info span { font-size: 13px; font-weight: 600; display:block; text-align:center; }
.atom-tran-succ { margin: auto auto 20px auto; text-align: center; }
.atom-tran-succ h5 { font-size: 20px; font-weight: 700; padding: 10px 0; }
.atom-tran-succ .fa { width: 90px; height: 90px; border-radius: 100px; text-align: center; font-size: 60px; color: #fff; line-height: 90px; }
.atom-succ-icon .fa{background:#008000;}
.atom-pending-icon .fa{background:#f39c12;}
.atom-fail-icon .fa{background:#ff0000;}
.atom-succ-icon h5{color:#008000;}
.atom-pending-icon h5{color:#f39c12;  padding-bottom:0px;}
.atom-fail-icon h5{color:#ff0000;  padding-bottom:0px;}
.atom-tran-succ p { font-weight: 400; font-size: 13px; }

/*********************************
# Re-KYC - 21-April-2025
*********************************************************************/
.re-kyc-panel { margin-bottom: 10px; }
.re-kyc-panel .re-kyc-heading { background: var(--clr-bg); color: #2C2958; border-color: var(--clr-bg); }
.re-kyc-panel .re-kyc-heading h4{margin:0px;}
.re-kyc-panel .re-kyc-heading h4 a { font-family: var(--font-title-bold); font-size: 13px; padding:0px; }
.review-box {background: var(--clr-bg);padding: 10px 20px;border-radius: 10px;margin-bottom: 10px;}
.aadhar-note p {color:#666; font-size: 13px; font-family: var(--font-body-medium); }
.fetch-data { display: flex; flex-direction: row; align-items: center; margin-bottom: 8px; }
.fetch-data span { margin-right: 10px; text-align: right; display: block; width: 155px; font-size:13px; color: #bebebf; }
.fetch-data h6 { color: #2c2958; word-break: break-word; width: calc(100% - 155px); margin: 0; font-size:14px; font-family:montserrat-semibold; }
.rekyc-ibt-txt { padding: 10px 0; }
.rekyc-ibt-txt h5 { font-family: 'montserrat-semibold'; font-size: 14px; }
.tbl-rekcy-brokerage thead th { background: var(--clr-bg); text-align: center; vertical-align: middle !important; }
.tbl-rekcy-brokerage tbody td:first-child { background: var(--clr-bg); }
.tbl-rekcy-brokerage tbody td { text-align: center; vertical-align: middle !important; }
.rekyc-bank-box { border: 1px solid #ddd; border-radius: 10px; margin-bottom: 10px; }
.rekyc-bank-ttl { background: #ECEFF4; display: flex; align-items: center; justify-content: space-between; padding: 5px 10px; border-radius: 10px 10px 0 0; }
.rekyc-bank-ttl h4 { margin: 0px; font-size: 14px; color: #2C2958; font-family: 'montserrat-semibold'; }
.rekyc-bank-ttl label { color: var(--clr-title); }
.rekyc-bank-body { padding: 5px 10px; }

.drop-zone, .fetch-data h6 { font-size: 14px; }
.drop-zone { height: 150px; padding: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-family: var(--font-body-regular); font-weight: 500; font-size: 14px; cursor: pointer; color: #858585; border: 2px dashed #cccccc; border-radius: 10px; position: relative; }
.drop-zone--over { border-style: solid; }
.drop-zone__input { display: none !important; } 
.drop-zone__thumb { width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background-color: #cccccc; background-size: contain; background-repeat: no-repeat; background-position-x: center; position: relative; }
.drop-zone__thumb::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(../CSSNew/img/green-tick.png) no-repeat 97% 5%; text-align: center; }
.upload-icon-dwn {position: absolute;z-index: 99;width: 24px;height: 24px;background: #007BFF;border-radius: 100px;right: 13px;top: 11px;color: #fff;line-height: 24px;}

.kyc-hedr { background: var(--clr-bg); padding: 10px; border-radius: 10px; margin-bottom: 15px; }
.kyc-hedr h5 { border-radius: 5px; margin: 0; align-items: center; font-weight: 800; font-size: 16px; color: #2c2958; text-transform: capitalize; }
.rekyc-viewpdf {max-height: 400px;height: 100%;overflow-y: auto;overflow-x: hidden;}

/* Videoverification (Video KYC) **/
.modal-dialog.modal-kycipv-otp { max-width: 400px; }
.video-box{ background-color: #FFFFFF; box-shadow: 0 0 5px rgb(0 0 0 / 10%); padding: 25px 5px; max-width: 300px; height: 300px; justify-content: center; align-items: center; margin: 20px auto 15px auto; border-radius: 10px; display: flex; flex-direction: column; border: 2px dashed #666; position: relative; }
.video-box video { height: 300px; width: 300px; }
.video-box p { font-size: 13px; font-family: 'montserrat-semibold'; text-align: center; padding: 10px 30px;  margin-bottom:0px;}
.video-status span.txt-pending { position: absolute; top: 10px; right: 20px; font-weight: 600; color: #FFA500; letter-spacing: 0.6px; }
.modal-header.kycotp-img-hdr { border: none; padding:20px 0 0 0;}
.modal-header.kycotp-img-hdr img { width: 150px; margin: auto; }
.video-section-info {display: flex;align-items: center;justify-content: center;}
.KYC-box img {margin-bottom: 10px;}
.video-box p {font-size: 14px;font-weight: 900;text-align: center;padding: 10px 30px;margin-bottom: 0px;}
.kyc-video-otp { padding: 0 40px 20px; }
.kyc-video-otp p { font-size: 13px; font-family: 'montserrat-semibold'; text-align: center; word-break: break-word;}
.send-otp { text-align: right; display: inherit; font-size: 14px; font-family: 'montserrat-semibold'; }
.send-otp i { margin-right: 8px; }
.notics-box { /*background: var(--clr-bg);*/ height:100%; padding: 20px; border-radius: 10px; }
.notics-box ul li { font-weight: 500; margin-bottom: 7px; list-style: disc; color:#666;}
.notics-box h5 { font-size: 18px; font-weight: 600; color:#2C2958;}
.notics-box ul { padding-left: 17px; }
.notics-box ul li a { font-family: var(--font-title-bold); text-decoration: none; }
.confirm-otp input { width: 41px; padding: 0; height: 40px; text-align: center; background: #F4F5FC; border-color: #C3D1F6; }
.confirm-otp { display: inline-flex; }
.video-section { height: 100%; display: flex; flex-direction: column; justify-content: center; }
.video-img-box { width: 170px; height: 170px; border: 2px solid #ddd; border-radius: 10px; margin-top: 18px; text-align: center; margin: 0px auto 5px auto; }
.videoimg-card { border: 1px solid #ddd; padding: 10px; border-radius:5px; display: flex; flex-direction: column; margin-top: 18px;}
.videoimg-card h6 { margin: 0; font-size: 16px; font-family: 'montserrat-semibold'; background: #007BFF; padding: 1px 10px; color: #fff; }
.videoimg-card p { margin: 0; justify-content: space-between; display: flex; flex-direction: row; border-bottom: 1px solid #ddd; padding: 4px 5px; }
.videoimg-card p span{font-family: 'montserrat-semibold';}
.videoimg-card p:last-child { border: none; }

/*Autho page*/
.kycAuth-form .form-group kycauth-name .form-control { height: 34px; }
.kycauth-name h5 { font-size: 14px; background: #e9ecef; padding: 4px 10px; border-radius: 4px; border: 1px solid #ced4da; margin-top: 0px; }
.kycauth-name label { display: block; }
.kycauth-name input { width: 100%; }
.kycAuth-form-body { background: #FFF; /*box-shadow:3px 2px 8px 2px #ddd;*/ border-radius: 15px; padding: 16px; }
.card.kycAuth-form-card .card-header { background: #f1f9ff; }
.kycAuth-form-card { margin-top: 15px; box-shadow: 3px 2px 8px 2px #ddd; border-radius: 0 0 15px 15px; }
.panverify-detail h6 { display: inline-block; }
.panverify { border: 2px dashed #ddd; padding: 20px; border-radius: 10px; background: #f1f9ff; box-shadow: 1px 5px 15px 6px #e8e3e3; }
.panverify h4 { font-size: 16px; font-family: 'montserrat-semibold'; text-align: center; margin: 0 0 15px 0; text-transform: capitalize; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.panverify-detail h6 { display: inline-block; font-size: 13px; font-family: 'montserrat-semibold'; }
.btn-kycauth-Check { border: 1px solid #6caa06; background: #6caa06; color: #fff; padding: 6px 20px; transition: all 0.5s ease-in-out; }
.btn-kycauth-Check:hover { border: 1px solid #6caa06; background: transparent; }
.btn-kycauth-Check:focus, .btn-kycauth-reject:focus, .btn-kycauth-next:focus { color: #000; }
.auth-ipv-img video { width: 300px; height: 300px; }
.btn-kycauth-reject { border: 1px solid #d9534f; background: #d9534f; color: #fff; padding: 6px 20px; transition: all 0.5s ease-in-out; }
.btn-kycauth-reject:hover { border: 1px solid #d9534f; background: transparent; }
.btn-kycauth-approve { border: 1px solid #6caa06; background: #6caa06; color: #fff; padding: 6px 20px; transition: all 0.5s ease-in-out; }
.btn-kycauth-approve:hover { border: 1px solid #6caa06; background: transparent; }
.btn-kycauth-approve:focus, .btn-kycauth-reject:focus, .btn-kycauth-next:focus { color: #000; }
.btn-kycauth-Check { border: 1px solid #6caa06; background: #6caa06; color: #fff; padding: 6px 20px; transition: all 0.5s ease-in-out; }
.btn-kycauth-Check:hover { border: 1px solid #6caa06; background: transparent; }
.btn-kycauth-Check:focus, .btn-kycauth-reject:focus, .btn-kycauth-next:focus { color: #000; }
.btn-kycauth-next { border: 1px solid #1450f0; background: #1450f0; color: #FFF; padding: 6px 20px; transition: all 0.5s ease-in-out; }
.btn-kycauth-next:hover { border: 1px solid #1450f0; background: transparent; }
.sidePDF { padding: 15px 15px 0 15px; width: 35%; position: absolute; top: 0; right: 0px; z-index: 9; transition: all 0.5s ease-in-out; }
#newKYCAutho { width: calc(100% - 35%); transition: all 0.3s; transition: all 0.5s ease-in-out; }
#newKYCAutho.active { width: calc(100%); right: 0px; }
.sidePDF.active, .sidePDF.active iframe { width: 0; transition: all 0.5s ease-in-out; }
.autho-segment { display: grid; grid-template-columns: auto auto auto auto; }
.drop-zone { background-size: contain; background-repeat: no-repeat; background-position: center; }   

/*Rekyc Success*/
.kyc-success-msg {text-align: center;width: 500px;margin: auto; padding:20px;}
.app-submit h5 {font-size: 30px;margin-top: 15px;margin-bottom: 20px;color: green;text-transform: capitalize;font-weight: 900;line-height: 25px;}
.app-submit h6 {font-size: 20px;margin-top: 15px;margin-bottom: 20px;color: #2c2958;text-transform: capitalize;font-weight: 900;line-height: 25px;}
.app-submit p {font-size: 15px;line-height: 25px;margin-bottom: 9px;}
.hide { display: none; }

/*=============================
# Mouse scrolling Section
=======================================================*/
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mouse_scroll { display: block; margin: 0 auto; width: 24px; height: 100px; margin-top: 15px; cursor:pointer; }
.m_scroll_arrows { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 2px solid #0e54ed; border-bottom: 2px solid #0e54ed; margin: 0 0 3px 4px; width: 16px; height: 16px; }
.unu { margin-top: 1px; }
.unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite; }
.unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate; }
.doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate; margin-top: -6px; }
.trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate; margin-top: -6px; }
.mouse { height: 42px; width: 24px; border-radius: 14px; transform: none; border: 2px solid #0e54ed; top: 170px; }
.wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: #0e54ed; position: relative; height: 4px; width: 4px; border: 2px solid #0e54ed; -webkit-border-radius: 8px; border-radius: 8px; }
.wheel { -webkit-animation: mouse-wheel 0.6s linear infinite; -moz-animation: mouse-wheel 0.6s linear infinite; animation: mouse-wheel 0.6s linear infinite; }
@-webkit-keyframes mouse-wheel {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); }
}

@-moz-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px; }
    75% { top: 2px; }
    100% { top: 1px; }
}

@-o-keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px; }
    75% { top: 2px; }
    100% { top: 1px; }
}

@keyframes mouse-wheel {
    0% { top: 1px; }
    25% { top: 2px; }
    50% { top: 3px; }
    75% { top: 2px; }
    100% { top: 1px; }
}

@-webkit-keyframes mouse-scroll {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}

@-moz-keyframes mouse-scroll {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}

@-o-keyframes mouse-scroll {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}

@keyframes mouse-scroll {
    0% { opacity: 0; }
    50% { opacity: .5; }
    100% { opacity: 1; }
}
/*=============================
# select2 Section
=======================================================*/
.select2-container{width:100% !important;}
.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
    font-family: var(--font-body-medium);
}
.select2-results__option {
    font-size: 13px;
    font-family: var(--font-body-medium); color:var(--clr-subtitle);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -10px;
    margin-top: 4px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--clr-blue-bg);
    color: white;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
}
li.select2-results__option {
    border-bottom: 1px solid #ddd;
}

/*=============================
# Footer Section
=======================================================*/

footer { margin-top: 15px; position: fixed; bottom: -1px; /*height: calc(100% - (20px + 30px)); */ width: 100%; }
footer p { background: var(--clr-bg); padding:10px; font-size: 12px; font-family: 'montserrat-semibold'; color: #2C2958; line-height: normal; margin-bottom: 0; text-align: center; }
footer p img { vertical-align: bottom; margin-right: 5px; }
footer ul { padding: 0; margin: 0; }
footer ul li { list-style: none; display: inline-block; position: relative; }
footer ul li a { font-size: 11px; font-weight: 700; color: #ffffff; position: relative; text-transform: capitalize; }
footer ul li span { color: #ffffff; margin: 0 3px 0 4px; }

.top-tran-list h6 span.e-qty { padding-right: 5px; font-size: 12px; font-family: var(--font-body-medium); color:var(--clr-body); }

table.table { margin: 0px; -webkit-box-shadow: none; }
table.table  th{ border-color: inherit; border-style: solid; border-width: 1px !important; }
table.table-bordered tbody td{border-left:1px solid #ddd;}


/*=============================
# New Login Section
=======================================================*/

.wrap { min-height: 100%; display: flex; align-items: center; justify-content: center; padding: 32px; }
.login-card { width: 100%; max-width: 1180px; background: #ffffff; border-radius: 22px; box-shadow: 0 10px 30px rgba(16,24,40,.08), 0 4px 10px rgba(16,24,40,.06); display: grid; grid-template-columns: 1.05fr .95fr;  overflow: hidden; }
.pane-ill { background: var(--clr-blue-bg); padding: 48px 56px; border-right: 1px solid #e6e9f0; position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.pane-ill .illustration { width: 86%; max-width: 520px; margin: 10px auto 28px; display: block; }
.pane-ill h3 { margin: 20px 0 10px; font-weight: 700; font-size: 22px; color: var(--clr-white); font-family: var(--font-title-semibold); text-align: center; }
.pane-ill img { height: 250px; }
.pane-ill p.sub { margin: 0 auto 20px; max-width: 520px; font-size:14px; color: var(--clr-white); font-family:var(--font-body-medium); text-align: center; line-height: 1.55; }
.benefits { margin: 18px auto 0; display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }
.benefits span.chip img { width: 25px; height: 25px; }
.benefits .chip { display: flex; align-items: center; gap: 7px; padding: 4px 14px 4px 12px; border-radius: 999px; background: #fff; border: 1px solid #e6e9f0; box-shadow: 0 4px 14px rgba(16, 24, 40, .04); font-weight: 600; color: var(--clr-title); }
.pane-form { padding: 44px 56px; display: flex; align-items: center; justify-content: center; }
.formbox { width: 100%; max-width: 520px; }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; text-align: center; justify-content: center; }
.brand img { width: 180px; }
.brand .name { font-weight: 700; font-size: 20px; letter-spacing: .2px; }
.brand .tag { display: block; font-size: 12px; color: #5a6473; margin-top: 2px }
.field { margin: 14px 0; }
.captch-box input { width: 245px; }
.captch-box { display: flex; justify-content:space-between; gap: 10px; }
.captch-img { display: flex; justify-content: space-between; align-items:center; }
.icon-refresh { font-size: 12px; }
.captch-img img, .captch-img-modal img { width: 145px; height: 40px; max-width: 100%; margin-right: 7px; }
.otp-forgot-txt { display: flex; flex-direction: row-reverse; justify-content: space-between; font-size: 13px; font-family: 'montserrat-semibold'; margin: 10px 0 20px 0; cursor: pointer; }
.otp-forgot-txt a{color:var(--clr-link) !important;}
.otp-send-txt{color:green;}
.login-instr { font-size: 14px; color: var(--clr-body); font-family: var(--font-body-semibold); margin-top: 5px; cursor: pointer; }
.login-instr i { color: var(--clr-link); }
.input { width: 100%; height: 40px; padding: 0 14px; border: 1px solid #e6e9f0; background: #fff; font-size: 14px; border-radius: 0.375rem; transition: border-color .2s, box-shadow .2s; }
.input:focus { outline: none; border-color: var(--clr-link); box-shadow: 0 0 0 4px rgba(24,102,255,.14); }
.login-foter-info { display: flex; justify-content: space-between; align-items: center; }
.muted { color: var(--clr-body); font-size: 14px; }
.muted a { color: var(--clr-link); text-decoration: none; font-weight: 600 }
.muted a:hover { text-decoration: underline }


@media (max-width: 1024px) {
    .login-card {
        grid-template-columns: 1fr;
    }

    .pane-ill {
        padding: 36px 28px;
        border-right: none;
        border-bottom: 1px solid #e6e9f0;
    }

    .pane-form {
        padding: 28px;
    }

    .pane-ill .illustration {
        width: 72%;
    }
}

@media (max-width: 560px) {
.wrap { padding: 8px; }
.login-card { border-radius: 16px; }
.pane-ill .illustration { width: 82%; }
.pane-ill h3 { font-size: 20px }
.captch-box { flex-wrap: wrap; }
.login-foter-info { flex-wrap: wrap; justify-content: center; gap: 11px; }
.captch-box input { width: 100%; }
}
/*=============================
# Marketing Campaign Section
=======================================================*/
.marketing-camp-box { border: 1px solid #ddd; padding: 15px; border-radius: 10px; margin-bottom: 15px; background: #F5F5F5; }
.marketing-camp-box .form-group { margin: 0; }

.campaign-img-box { position: relative; display: inline-block; overflow: hidden; cursor: pointer; border-radius: 10px; border: 1px solid #ddd; margin-bottom:15px;}
.campaign-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(58, 74, 153, 0.55); display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.campaign-hover i { color: #fff; font-size: 30px; }
.campaign-img-info:hover .campaign-hover { opacity: 1; visibility: visible; }

.modal-campaign-img img { width: 100%; max-height: 400px; }

.campaign-body-share ul li { display: inline-block; width: 28px; height: 28px;  text-align: center; line-height: 28px; border-radius: 0.25rem; }
.campaign-body-share { display: flex; justify-content: flex-end; flex-wrap: wrap; gap:8px; align-items: center; border-top: 1px solid #ddd; padding-top: 10px;}
.btn-campa-download { cursor: pointer !important; font-size: 13px; font-family: var(--font-body-semibold); border: 1px solid var(--btn-primary); background: var(--clr-white); color: var(--btn-primary); text-decoration: none; border-radius: 0.25rem; padding: 6px 12px; transition: all 0.3s ease}
.btn-campa-download:hover, .btn-campa-download:focus-visible, .btn-campa-download:active { background: var(--btn-secondary) !important; color: var(--clr-white) !important; text-decoration: none; }
.btn-campa-download i { margin-right: 8px; }
.modal-campaign--body p { font-size: 14px; }
.campaign-body-share ul li a svg{ fill: var(--clr-title); width:25px; transition: all 0.3s ease;}
.campaign-body-share ul li a svg:hover { box-shadow: 0px 0px 10px #ddd; transform: scale(1.1); }

.campagin-arn-logo img { width: 130px; }
.campagin-arn-info { display: flex; justify-content: space-between; align-items:center; flex-wrap:wrap; gap:8px; padding:10px; }
.campagin-arn-txt p { margin: 0; font-family: var(--font-body-semibold); color: var(--clr-subtitle); line-height: 25px; }
.campagin-arn-txt p span:first-child { margin-right: 7px; }

/*=============================
# Modification Section
=======================================================*/

/*=============================
# Feedback  Section
=======================================================*/
.star-rating {
    font-size: 2rem;
    color: #ddd;
    cursor: pointer;
    display: inline-flex;
    gap: 5px;
}
.star-rating span { font-size: 28px; cursor: pointer; color: #ccc;  transition: color 0.2s; }
.star-rating span.selected { color: gold; }
.star-rating span.hover { color: gold; }
.feedback-info h6 { font-size: 14px; line-height: 23px; margin: 0; color: var(--clr-subtitle); font-family: var(--font-body-medium); }
.feedback-info { border-bottom: 1px solid #ddd; padding: 5px 0; }
.feedback-text h6 { margin-bottom: 10px; font-size: 14px; line-height: 23px; color: var(--clr-subtitle); font-family: var(--font-body-medium); }
.feedback-text { margin-top: 10px; }
.feed-ttl h4 { font-size: 18px; font-family: var(--font-title-bold); color: var(--clr-title); }
.feed-ttl h4 { font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 22px; text-align: center; }
.feedback-main { display: grid; grid-template-columns: 45% 55%; align-items: center; }
.modal-feedback { max-width: 800px; }
.fedd-icon img { width: 300px; }

/*=============================
# No Record Found Section
=======================================================*/
/*.no-record-found img { width: 500px; margin: auto; text-align: center; display: flex; }*/
.no-record-found { padding: 50px; display: flex; flex-direction: column; justify-content: center; /*height: calc(100vh - 200px);*/ width: 400px; margin: auto; }

/*=============================
# popover-header & Tooltip Section
=======================================================*/
.popover-header{}

/*Cart */
.cart-error { /*position: absolute; right: 0;*/ }
.cart-search-box { display: flex; gap: 20px; align-items: center; }

/*=============================
# Table to Card format Section
=======================================================*/
@media (max-width: 991px) {

.ws-responsive table { border-collapse: collapse; }
.ws-responsive caption { text-align: left; color: gray; font-weight: bold; text-transform: uppercase; padding: 5px; }
.ws-responsive th { text-align: left; padding: 0.5em 1em; }
.ws-responsive td { text-align: left; padding: 0.5em 5px; }
.ws-responsive thead, .ws-responsive tr th { display: none; }

/*
.ws-responsive tbody tr:nth-of-type(odd) { background: #fff; }
.ws-responsive tr:nth-child(odd) { background: silver; }
*/

.ws-responsive tr { display: grid; margin: 0 0 10px 0; float: inherit; justify-content: normal; }
.ws-responsive td { display: table-row; border: 1px solid #ddd; border-bottom: none; background:var(--clr-blue-bg); /*text-align: center;*/ }
.ws-responsive td:last-child { border-bottom: 1px solid #ddd; }
.ws-responsive td::before { content: attr(data-label) " :"; font-family:var(--font-body-bold); text-align: left; padding: 0; white-space: nowrap; max-width: 130px; float:left; /*display: table-cell;float: left;*/ }
.ws-responsive td span { display: table-cell; text-align: right; float: right;}
/*.ws-responsive table tbody tr:first-child { display: none; }*/
div.dataTables_scrollBody tbody tr:first-child td{border-top:1px solid;}
.table-responsive.ws-responsive table, .table-responsive.ws-responsive { border: none; }
.ws-responsive table { width: 100% !important; max-width: 100%; border:none; }
.ws-responsive table.table-bordered tbody th, .ws-responsive table.table-bordered tbody td{border-left-width: 1px; border-right-width: 1px;}
.ws-responsive tr td:last-child { border-radius: 0 0 8px 8px; }
.ws-responsive tr td:first-child { border-radius: 8px 8px 0 0; }
/*.box{background:#243255; color:#fff;}*/
.ws-responsive table tbody tr{background:var(--clr-blue-bg); border-radius:10px; border:none;}
.ws-responsive td{color:var(--clr-white); text-align:end;}
.ws-responsive td input { color: #000; margin-right:5px;}
.ws-responsive .table-responsive { width: inherit; overflow-y: initial; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; padding: 10px; }

.ws-responsive .table-responsive { width: 99%; margin: auto; }
span.SelectPldge{padding-top:5px;}
}
@media (min-width:768px) and (max-width:991px) {
.ws-responsive table tbody tr { width: 48%; float: left; margin: 0 7px; }

}


/* Skeleton base */
.skeleton {
    background: linear-gradient(90deg, #e4e4e4 25%, #f2f2f2 37%, #e4e4e4 63%);
    background-size: 400% 100%;
    animation: shimmer 1.4s infinite ease;
    border-radius: 4px;
}

@keyframes shimmer {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.sk-line {
    height: 14px;
    width: 100%;
}

.sk-small {
    width: 60%;
}