﻿/*//BT-47267_BT-52700:Sumit G: 01112021: Implementation of Pledge module for NSDL and CDSL in IBT<Start>*/
@charset "utf-8";
/* CSS Document */
        

body { margin:0; padding:0;	font-family:'rubik-regular'!important; background:-webkit-linear-gradient(var(--client-background1), var(--client-background2)); background: -o-linear-gradient(var(--client-background1), var(--client-background2)); background: -moz-linear-gradient(var(--client-background1), var(--client-background2)); background:linear-gradient(var(--client-background1), var(--client-background2));overflow:hidden}	

@font-face {
    font-family: 'rubik-regular';
    src: url('./fonts/rubik-regular-webfont.eot');
    src: url('./fonts/fonts/rubik-regular-webfont.eot?#iefix') format('embedded-opentype'), 
    url('./fonts/rubik-regular-webfont.woff') format('woff'), 
    url('./fonts/rubik-regular-webfont.woff') format('woff2'), 
    url('./fonts/rubik-regular-webfont.ttf') format('truetype'), 
    url('./fonts/rubik-regular-webfont.svg') format('svg');
}

.clear { clear:both;}
.flt-lft { float:left;}
.flt-rgt { float:right;}

.txt-lft { text-align:left;}
.txt-ctr { text-align:center;}
.txt-rgt { text-align:right;}
.pledge-dash { margin:0; padding:0; width:100%; height:100%;}

.pledge-header { display:none;}

.pledge-container { margin:0; padding:20px 3% 0; width:94%;}

.pledge-top-panel { margin:0; padding:0; width:100%; display:inline-block;}
.pledge-top-panel .readmore-container { margin:0; padding:0px; width:48%; float:left; display:inline-block;}
.pledge-top-panel .readmore-container .readmore-capsule { width:96%; margin:0 auto; padding:0 2%; background-color:var(--readmore-barbg); border-radius:5px; height:30px; color:var(--readmore-text); font-size:14px; line-height:30px; text-align:center;}
.pledge-top-panel .readmore-container .readmore-capsule a { text-decoration:none; color:var(--readmore-text-link);}

.pledge-top-panel .searchbar-container { margin:0; padding:0; width:48%; float:right; display:inline-block;}
.pledge-top-panel .searchbar-container .search-field { padding:0 10px; min-width:70%; height:26px; background-color:var(--search-field-bg); color:var(--search-field-text); border-top:none; border-left:none; border-right:none; text-transform:uppercase; border-radius:5px; border:1px solid var(--search-field-bdr)!important;}
.pledge-top-panel .searchbar-container .search-field:hover { outline:none; border:1px solid var(--search-box-active-bdr)!important;}   
.pledge-top-panel .searchbar-container .search-field:focus-visible { outline:none; border:1px solid var(--search-box-active-bdr) !important;}  
.pledge-top-panel .searchbar-container .search-btn { float:right; background-color:var(--button-bg); outline:none; border:none; border-radius:5px; min-width:90px; height:28px; color:var(--button-text); cursor:pointer; text-align:center; font-size:14px; font-weight:normal;}

.pledge-mid-panel { margin:20px 0 0 0; padding:0; width:100%; height: 330px; overflow-y: auto;}

.pledge-mid-panel .col-1 { margin:0; padding:0; width:2%; float:left;}
.pledge-mid-panel .col-2 { margin:0; padding:0; width:68%; float:left;}
.pledge-mid-panel .col-3 { margin:0; padding:0; width:15%; float:left;}
.pledge-mid-panel .col-4 { margin:0; padding:0; width:15%; float:left;}

.pledge-mid-panel .table-header { margin:0; padding:5px 0; width:98%; height:20px; line-height:20px; background-color:var(--table-header-bg); border-top:1px dotted var(--table-bdr); border-bottom:1px dotted var(--table-bdr);}
.pledge-mid-panel .table-header .scrip-label { margin:0; padding:0; width:100%; height:30px; color:var(--table-header-text); font-size:12px; line-height:14px;}/*BT-118653:LalithaA/Sumit:290425:Un-Pledge CDSL NSDL – Wave*/
.pledge-mid-panel .table-header .checkbox { margin:0; padding:0;}

.checkbox input[type=checkbox] { width:12px; height:12px; margin:3px 0 0 0; float:left;} 
.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before { background:var(--checkbox-bg); border-color:var(--checkbox-bdr);}
.forgot-pwd .option ul { text-align:left; margin:0px;}
.checkbox input:checked:before, input:checked + .checkbox-icon:before { border-width:5px}

.pledge-mid-panel .table-container { margin:0; padding:10px 0 0 0; width:100%; display:inline-block; overflow-x:hidden; overflow-y:auto; 
 height: calc(100vh - 330px);} /*REQUIREMENTS_SP24PLUS_IBT_MAV_LINUX_APR25_W1:Ismail/DeepaliG: 06032025:159493 - Scrolling not working smoothly in pledge holding page if huge number of scrips available in holding*/
.pledge-mid-panel .table-container .table-item { margin:0; padding:5px 1%; width:98%; display:inline-block; border-bottom:1px solid var(--table-bdr);}
.scripdetails { margin-left: 5px; padding:0; width:38%; display:inline-block;} 
.scripdetails .scriplabel{ margin:0; padding:0px!important; float:left; font-size:12px!important; color:var(--table-scriplabel); text-align:left;}
.scripdetails .scripname { margin:0; padding:0px!important; float:left; font-size:16px!important; color:var(--table-scripname); text-align:left; text-transform:uppercase;}
.scripdetails .exchname { margin:0 0 0 3px; padding:4px 0 0 0; font-size:12px; color:var(--table-exchname); float:left; text-align:left;}
.scripdetails .scripinfo { width:14px; height:14px; margin:4px 0 0 10px; float:left; background-image:url(images/info.svg); background-repeat:no-repeat; }
.scripdetails .scripinfo:hover { background:url(images/info-active.svg) no-repeat; width:14px; height:14px;} 

.scripdetails .tooltip { position: relative;display: inline-block;}
.scripdetails .tooltip .tooltiptext { visibility:hidden; background-color:var(--tooltip-bg); border-radius:4px; padding:5px 0px; width:360px; position:absolute; z-index:1; top:100%; left:50%; margin-left:-60px; box-shadow:1px 0px 10px var(--tooltip-shadow)!important;}
.scripdetails .tooltip:hover .tooltiptext { visibility:visible;}
.scripdetails .tooltip .tooltiptext ul { margin:0px; padding:0px;}
.scripdetails .tooltip .tooltiptext ul li { margin:0px; padding:3px 10px 0px 5px; list-style-type: none; display: inline-block; border-right:1px dashed var(--tooltip-bdr)!important; min-width:40px; height:35px;}
.scripdetails .tooltip .tooltiptext ul li:first-child { width:110px;}
.scripdetails .tooltip .tooltiptext ul li:last-child { border-right:none !important;}
.scripdetails .tooltip .tooltiptext ul li label { display:block; font-size:12px; color:var(--tooltip-label-text); text-emphasis:after; text-transform:capitalize;}
.scripdetails .tooltip .tooltiptext ul li span { font-size:12px; color:var(--tooltip-value-text);}

.pledge-mid-panel .table-container .scrip-value { margin:0; padding:0; width:100%; color:var(--table-scripvalue); font-size:12px;}

.pledge-mid-panel .collateral-details { margin:0; padding:0; width:60%; float:right; display:inline-block;}
.pledge-mid-panel .collateral-details .collateral-txt { color:var(--collateral-text); font-size:12px;}
.pledge-mid-panel .collateral-details .collateral-price { padding-top:5px; color:var(--collateral-price); font-size:12px;}

.pledge-mid-panel .collateral-details .input-field {background:var(--collateral-textbox-bg); margin:10px 0 5px 0; color:var(--collateral-textbox-textcolor); padding:2px 5px;  height:18px; border:1px solid var(--collateral-textbox-bdr); border-radius:4px; text-align:left;font-size:16px !important;} /*REQUIREMENTS_SP24PLUS_IBT_MAV_LINUX_APR25_W2:Deepali G: 07042025:163512 -Pledge Button is not working in IOS*/
.pledge-mid-panel .collateral-details .input-field:hover { outline:none; border:1px solid var(--search-box-active-bdr)!important;}   
.pledge-mid-panel .collateral-details .input-field:focus-visible { outline:none; border:1px solid var(--search-box-active-bdr) !important;}  

.collateral-footer { margin:0px 0 0 0; padding:0; width:100%; text-align:center; display: inline-block;}
.collateral-footer .collateral-foottxt { margin:0; padding:5px 0 0 0; width:100%; color:var(--collateral-footer-text); font-size:14px; float:left; text-align:center; margin-bottom: 10px;}
.collateral-footer .collateral-foottxt span { color:var(--collateral-footer-text-active);}
.collateral-footer .collateral-btn { margin:0 0 0 2%; padding:0; width:100%; float:left; text-align:center;}
.collateral-footer .collateral-btn .pledge-btn { background-color:var(--button-bg); outline:none; border:none; border-radius:5px; min-width:90px; height:28px; color:var(--button-text); cursor:pointer; text-align:center; font-size:14px; font-weight:normal;}

.pledge-btm-panel { margin:20px auto 0; padding:0; width:40%;}
.pledge-btm-panel .pledge-note { margin:0; padding:0;}
.pledge-btm-panel .pledge-note .note-title { color:var(--note-title); font-size:14px;}
.pledge-btm-panel .pledge-note .note-points { margin:10px 0 0 0; padding:0; width:100%;}
.pledge-btm-panel .pledge-note .note-points ul { margin:0; padding:0 0 0 20px;}
.pledge-btm-panel .pledge-note .note-points ul li { margin:0; padding:5px 0 5px 10px; list-style:disc; color:var(--note-points); font-size:12px;}

.pagination {text-align:right;}
.pagination a{padding: 2px 6px; background: white; border: solid 1px #c1c1c1; color: black; font-size: 12px; text-decoration: none; color: #0069bc;}
.loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }
    .modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }



@media screen and (max-width: 480px) {
	
	
body { margin:0; padding:0;	font-family:'rubik-regular'!important; background:-webkit-linear-gradient(var(--client-background1), var(--client-background2)); background: -o-linear-gradient(var(--client-background1), var(--client-background2)); background: -moz-linear-gradient(var(--client-background1), var(--client-background2)); background:linear-gradient(var(--client-background1), var(--client-background2));}		

::-webkit-scrollbar { display:none;}
.pledge-dash { margin:0; padding:0; width:100%; height:100vh; overflow-y:auto;}

.pledge-header { display:inline-block; margin:0; padding:0; width:100%; height:44px; background-color:var(--header-bg); position:relative;}
.pledge-header .pledge-title { margin:0; padding:0; text-align:center; font-size:14px; color:var(--color-text); font-weight:normal; line-height:44px;}
.pledge-header .pledge-close { margin:0; padding:0; position:absolute; top:8px; right:15px; color:var(--color-text)var(--color-text); font-weight:normal; font-size:20px;}
.pledge-header .pledge-close a { color:var(--color-text); cursor:pointer; text-decoration:none;}

.pledge-container { margin:0; padding:0px 3% 0px 3%; width:94%;}    /*BT-118401_Ismail/LalithaA_07022024_PledgeReport <start>*/
.pledge-container input {font-size:16px !important;} /*REQUIREMENTS_SP24PLUS_IBT_MAV_LINUX_APR25_W2:Deepali G: 07042025:163512 -Pledge Button is not working in IOS*/
.pledge-top-panel { margin:0; padding:0; width:100%; display:inline-block;}
.pledge-top-panel .readmore-container { margin:0; padding:0px; width:100%;}
.pledge-top-panel .readmore-container .readmore-capsule { width:96%; margin:0 auto; padding:0 2%; background-color:var(--readmore-barbg); border-radius:5px; height:30px; color:var(--readmore-text); font-size:13px; line-height:30px; text-align:center;}
.pledge-top-panel .readmore-container .readmore-capsule a { text-decoration:none; color:var(--readmore-text-link);}

.pledge-top-panel .searchbar-container { margin:20px 0 0 0; padding:0; width:100%;}
.pledge-top-panel .searchbar-container .search-field { padding:0 10px; min-width:70%; height:26px; background-color:var(--search-field-bg); color:var(--search-field-text); border-top:none; border-left:none; border-right:none; text-transform:uppercase; border-bottom:1px solid var(--search-field-bdr)!important;font-size:16px!important;} 
/*REQUIREMENTS_SP24PLUS_IBT_MAV_LINUX_APR25_W2:Deepali G: 07042025:163512 -Pledge Button is not working in IOS*/
.pledge-top-panel .searchbar-container .search-field:hover { outline:none;}  
.pledge-top-panel .searchbar-container .search-field:focus-visible { outline:none;}  
.pledge-top-panel .searchbar-container .search-btn { float:right; background-color:var(--button-bg); outline:none; border:none; border-radius:5px; min-width:75px; height:28px; color:var(--button-text); cursor:pointer; text-align:center; font-size:12px; font-weight:normal;}

.pledge-mid-panel { margin-top: 10px!important; padding:0px 0 0 0; width:100%; height:auto; max-height:calc(100vh - 500px); overflow-y: auto; margin-bottom: 0px} /* // BT-108384_BT-118401_Ismail/AnoopiJ_17Nov2023_Un-Pledge CDSL NSDL - Aero  */ /*BT-118401_Ismail/LalithaA_07022024_PledgeReport */ /*165577: Hari & Archana*/

.pledge-mid-panel .col-1 { margin:0; padding:0; width:8%; float:left;}
.pledge-mid-panel .col-2 { margin:0; padding:0; width:38%; float:left;} /*//SP24PLUS_IBT_MAV_LINUX_MAR24_28MAR2024:21032024:108019*/
.pledge-mid-panel .col-3 { margin:0; padding:0; width:18%; float:left;}
.pledge-mid-panel .col-4 { margin:0; padding:0; width:18%; float:left;}

.pledge-mid-panel .table-header { margin:0; padding-bottom:10px; width:100%; height:30px; background:transparent; border-bottom:1px solid var(--table-bdr);}
.pledge-mid-panel .table-header .scrip-label { margin:0; padding:0; width:100%; height:30px; color:var(--table-header-text); font-size:8px;} /*165577: Hari & Archana*/
.pledge-mid-panel .table-header .checkbox { margin:0; padding:0;}

.checkbox input[type=checkbox] { width:20px; height:20px; margin:0px; float:left;} 
.checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before { background:var(--checkbox-bg); border-color:var(--checkbox-bdr);}
.forgot-pwd .option ul { text-align:left; margin:0px;}
.checkbox input:checked:before, input:checked + .checkbox-icon:before { border-width:1px;}

.pledge-mid-panel .table-container { margin:0; padding:10px 0 0 0; width:100%; display:inline-block; overflow-x:hidden; overflow-y:auto; height:100%;}
.pledge-mid-panel .table-container .table-item { margin:0; padding:5px 0; width:100%; display:inline-block; border-bottom:1px solid var(--table-bdr);}
.scripdetails { margin:0; padding:0; width:100%; display:inline-block;} 
.scripdetails .scriplabel { margin:0; padding:2px 0 0 0px!important; float:left; font-size:14px!important; color:var(--table-scriplabel); text-align:left;}
.scripdetails .scripname { margin:0; padding:3px 0 0 0px!important; float:left; font-size:14px!important; color:var(--table-scripname); text-align:left; text-transform:uppercase;}
.scripdetails .exchname { margin:0 0 0 3px; padding:5px 0 0 0; font-size:12px; color:var(--table-exchname); float:left; text-align:left;}
.scripdetails .scripinfo { width:14px; height:14px; margin:3px 0 0 8px; float:left; background-image:url(images/info.svg); background-repeat:no-repeat; }   /*//SP24PLUS_IBT_MAV_LINUX_MAR24_28MAR2024:21032024:108019*/
.scripdetails .scripinfo:hover { background:url(images/info-active.svg) no-repeat; width:14px; height:14px;} 

.scripdetails .tooltip { position: relative;display: inline-block;}
.scripdetails .tooltip .tooltiptext { visibility:hidden; background-color:var(--tooltip-bg); border-radius:4px; padding:5px 0px; min-width:300px; width:100%; position:absolute; z-index:1; top:140%; left:0%; box-shadow:0px 0px 5px var(--tooltip-shadow)!important;}
.scripdetails .tooltip:hover .tooltiptext { visibility:visible;}
.scripdetails .tooltip .tooltiptext ul { margin:0px; padding:0px;}
.scripdetails .tooltip .tooltiptext ul li { margin:0 0 10px 0; padding:10px 10px 0px 10px; list-style-type: none; display: inline-block; border-right:1px dashed var(--tooltip-bdr)!important; width:125px; height:35px;}
.scripdetails .tooltip .tooltiptext ul li:nth-child(even) { border-right:none !important;}
.scripdetails .tooltip .tooltiptext ul li:first-child { width:125px!importantin;}
.scripdetails .tooltip .tooltiptext ul li label { display:block; font-size:12px; color:var(--tooltip-label-text); text-emphasis:after; text-transform:capitalize;}
.scripdetails .tooltip .tooltiptext ul li span { font-size:12px; color:var(--tooltip-value-text);}

.pledge-mid-panel .table-container .scrip-value { margin:0; padding:0; width:100%; height:30px; color:var(--table-scripvalue); font-size:12px;}

.pledge-mid-panel .collateral-details { margin:10px 0 0 0; padding:0; width:100%; display:inline-block;}
.pledge-mid-panel .collateral-details .collateral-txt { color:var(--collateral-text); font-size:12px;}
.pledge-mid-panel .collateral-details .collateral-price { padding-top:5px; color:var(--collateral-price); font-size:12px;}

.pledge-mid-panel .collateral-details .input-field { background:var(--collateral-textbox-bg); width:125px; margin:10px 0 5px 0; color:var(--collateral-textbox-textcolor); padding:2px 5px; height:18px; border:1px solid var(--collateral-textbox-bdr); border-radius:4px; text-align:left;}
.pledge-mid-panel .collateral-details .input-field:hover { outline:none;}

.pledge-mid-panel .collateral-footer { margin:20px 0 0 0; padding:0; width:100%; text-align:center;}
.pledge-mid-panel .collateral-footer .collateral-foottxt { margin:0; padding:0; width:100%; color:var(--collateral-footer-text); font-size:12px;}
.pledge-mid-panel .collateral-footer .collateral-foottxt span { color:var(--collateral-footer-text-active);}
.pledge-mid-panel .collateral-footer .collateral-btn { margin:10px 0 0 0; padding:0; width:100%;}
.pledge-mid-panel .collateral-footer .collateral-btn .pledge-btn { background-color:var(--button-bg); outline:none; border:none; border-radius:5px; min-width:75px; height:28px; color:var(--button-text); cursor:pointer; text-align:center; font-size:12px; font-weight:normal;}

.pledge-btm-panel { margin:10px 0 0 0; padding:0; width:100%;}  /* // BT-108384_BT-118401_Ismail/AnoopiJ_17Nov2023_Un-Pledge CDSL NSDL - Aero  */
.pledge-btm-panel .pledge-note { margin:0; padding:0;}
.pledge-btm-panel .pledge-note .note-title { color:var(--note-title); font-size:12px;}
.pledge-btm-panel .pledge-note .note-points { margin:10px 0 0 0; padding:0; width:100%;}
.pledge-btm-panel .pledge-note .note-points ul { margin:0; padding:0 0 0 20px;}
.pledge-btm-panel .pledge-note .note-points ul li { margin:0; padding:5px 0 5px 10px; list-style:disc; color:var(--note-points); font-size:12px;}
	
}
/*//BT-47267_BT-52700:Sumit G: 01112021: Implementation of Pledge module for NSDL and CDSL in IBT<End>*/

.pl10{padding-left:10px;}


/*//BT-96664_BT-96666:Ismail: 06122022: Display Brokerage and statutory charges - ODIN Aero<Start>*/
/*brokerage page css*/
.font-size-14 {
    font-size: 14px;
}
/*BT-118401_Ismail/LalithaA_07022024_PledgeReport <start>*/
.font-size-10 {
    font-size: 10px
}
.font-size-16 {
    font-size: 16px;
}/*BT-118401_Ismail/LalithaA_07022024_PledgeReport <end>*/

.font-size-12 {
    font-size: 12px;
}

.p-t-8 {
    padding-top: 8px;
}

.p-b-8 {
    padding-bottom: 8px;
}

.color-subtext {
    color: var(--color-subtext);
}

.color-text {
    color: var(--color-text);
}

.font-medium {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.d-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.brokerage-container {
    margin: 0;
    font-family: 'Rubik-Regular' !important;
    position:relative;
    height:100vh;
}

.container-body {
    padding: 10px;
    margin: 0;
    height: calc(100% - 130px);
    overflow-y:auto;
}
.container-body{
    padding: 10px; 
    margin:auto;
    
}


.btn-close {
    background-color: var(--button-bg);
    outline: none;
    border: none;
    border-radius: 5px;
    min-width: 75px;
    min-height: 28px;/*BT_98712_BT_98713:Medha P/Ismail: 03-05-2023: NEFT details to be published in Fund transfer page - AERO */ 
    color: var(--button-text);
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}

    .btn-close #btnClose {
        background-color: var(--button-bg);
        color: var(--button-text);
        border: 0;
    }
    .footer-disclaimer {
    position:absolute;
    bottom:15px;
    padding:5px;
    background-color: var(--footer-bg);
}
/*brokerage page css*/
/*//BT-96664_BT-96666:Ismail: 06122022: Display Brokerage and statutory charges - ODIN Aero<End>*/
/*//BT-77849_BT-109405 : Ismail : 07/06/2023 : Addendum and Notices feature to be introduced in Wave<Start>*/
.m-t-5 {
    margin-top: 5px;/*BT-118401_Ismail/LalithaA_07022024_PledgeReport <start>*/
}
.m-t-10{
    margin-top:10px;
}
.m-t-15{
    margin-top:15px;
}
.m-l-10{
    margin-left:10px;
}
.m-b-5 {margin-bottom:5px}
.hide{
    display:none!important;
}
.notice-header{
    padding:10px;
}
.noticeFooter{
    position:absolute;
    bottom:0px;
    width:100%;
    padding:20px 0;
    background:var(--footer-bg)
}
.btn-solid{
    cursor: pointer;
    transition: all 0.3s;
    background:var(--button-bg);
    border: 1px solid var(--button-bg);
    color: var(--button-text)!important;
    font-family: "rubik-regular";
    border-radius: 8px;
    padding:10px 15px;
    color:#fff;
    font-weight:bold;
    outline:none;
}
.btn-outline{
    cursor: pointer;
    transition: all 0.3s;
    background:transparent;
    border: 1px solid var(--button-bg);
    color: var(--button-bg)!important;
    font-family: "rubik-regular";
    border-radius: 8px;
    padding:10px 15px;
    font-weight:bold;
    color:#fff;
}
.btn-block{
    width:100%;
}
.notice-container{
    padding:10px;
    max-height:calc(100vh - 230px);
    overflow-y:auto;
}
.w-46{
    width:46%
}
.p-l-10{
    padding-left:10px
}
.p-r-10{
    padding-right:10px
}
.size-30{
    font-size:30px;
}
.size-24{
    font-size:24px;
}
.icon-left{
    -webkit-mask:url('../images/left-arrow.svg') no-repeat;
    mask-repeat:no-repeat;
    background-position:center;
    transform:rotate(270deg);
    background:var(--color-text);
}
.icon-right{
    -webkit-mask:url('../images/right-arrow.svg') no-repeat;
    mask-repeat:no-repeat;
    transform:rotate(-90deg);
    background-position:center;
    background:var(--color-text);
}
.icon-24{
    width:24px
}
.bdr-none{
    border:none
}
.noticeModaWrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:80%;
    background:var(--modal-bg);
    /*box-shadow: 0 0 5px 1px #3a3a3a;*/
    border-radius:8px;
    z-index:3;
    display:none;
}
.modal-content{
    padding:15px;
}
.align-items-center{
    align-items:center
}
.justify-content-end{
    justify-content:end
}
.hide{
    display:none;
}
.overlay{
    position:fixed;
    top:0;
    background:#000;
    opacity:0.8;
    width:100%;
    height:100%;
    z-index:2;
    display: none;
}
.color-primary{
    color:var(--color-primary);
}
#chkNotice{
    accent-color:var(--color-text);
}
.row-reverse{
    flex-direction:row-reverse;
}
.word-break {
    word-break: break-word;
}
.terms-container {
    max-height:50px;
    overflow-y:auto;
}

.notice-container strong{
    font-weight:normal;
    font-family:'rubik-regular'
}

.btn-next-wrap input[disabled] ,.btn-prev-wrap input[disabled] {
    background:#999;
}
/*//BT-77849_BT-109405 : Ismail : 07/06/2023 : Addendum and Notices feature to be introduced in Wave<e>*/

/*Neft css */
/*BT_98712_BT_98713:Medha P/Ismail: 03-05-2023: NEFT details to be published in Fund transfer page - AERO <Start>*/ 
.neft-wrapper {
    padding:10px
}
.info-card {
    background: var(--color-neft-info-card);
    border-radius:8px;    
    margin:15px 0;
    padding:10px;
}

.select-wrap {
    width:100%;
    border-radius:8px;
    padding:10px;
    background:var(--input-bg);
    color:var(--color-text)
}
.select-wrap option {
     background:var(--bg-select-option);
    color:var(--color-text)
}
.info-card .color-active.color-subtext {
     color: var(--color-neft-info-text)!important;
}

.info-card.details-card {
    background:var(--details-neft-card-bg);
    border-radius:8px;    
    margin:10px 0;
    padding:10px;
}
.info-card.details-card div {
    padding:5px 0;
}

.input-wrap input {
    border-radius: 8px;
    padding:10px;
    width:100%;
    outline:none;
    border:1px solid var(--color-border);
    margin:0px 0px 10px 0;
    background:var(--input-bg);
    color:var(--color-text)
}
.textarea-wrap textarea{
     border-radius: 8px;
    padding:10px;
    width:100%;
    outline:none;
    border:1px solid var(--color-border);
    background:var(--input-bg)
    margin:10px 0;
    color:var(--color-text)
}
.btn-save-wrap{
    position:fixed;
    bottom:10px;
    width:100%;
    left:0
}
.btn-save-wrap .btn-close {
    width:95%;
    padding:10px;
    font-weight:bold;
    font-size:16px;
    
}
.dropdown-wrap {
    margin:10px 0;
}

.icon-back {
    background-color:var(--color-text);
    background-position:center;
    -webkit-mask: url(./images/back-arrow.svg) no-repeat
}

.icon-warning {
    background: url(./images/warning.svg) no-repeat;
    background-position:center;
}
.icon-24 {
    width:24px;
    height:24px
}

.icon-16 {
    width:16px;
    height:16px
}
.align-items-center {
    align-items:center;
}

.errText {
    color:#d32f2f;
    margin-bottom:5px;
}
.m-t-30 {
    margin-top:30px;
}
/*BT_98712_BT_98713:Medha P/Ismail: 03-05-2023: NEFT details to be published in Fund transfer page - AERO <End>*/ 
/* // BT-108384_BT-118401_Ismail/AnoopiJ_17Nov2023_Un-Pledge CDSL NSDL - Aero <s> */
.col-2.wave {
    width: 43%
}
.col-4.wave {
    width: 15%
}
.pledge-mid-panel .col-5 { margin:0; padding:0; width:18%; float:left;}
/*BT-118401_Ismail/LalithaA_07022024_PledgeReport <start>*/
.col-5.wave {
    width: 25%
}
.col-6.wavePledgerpt {
    width: 25%
}
/*BT-118401_Ismail/LalithaA_07022024_PledgeReport <end>*/
.col-3.wave {
    width: 15%;
}
.col-2.waveUnpledge {
    width: 36%
}
.col-4.waveUnpledge {
    width: 20%
}
.col-3.waveUnpledge {
    width: 16%
}
.waveUnpledge input {
    width: 80%
}

.m-r-5 {
    margin-right: 5px!important
}
.m-l-5 {
    margin-left: 5px!important
}
.m-r-10 {
    margin-right: 10px!important
}
.pledge-tabs {
    background-color:var(--tab-button-bg); 
     outline:none; 
    border:1px solid var(--button-bg); 
    border-radius:5px; 
    min-width:90px; 
    height:28px; 
    color:var(--tab-button-text); 
    cursor:pointer; 
    text-align:center; 
    font-size:14px; 
    font-weight:normal;
}
.pledge-tabs.active {
    background-color:var(--button-bg); 
    outline:none; 
    border:1px solid var(--button-bg); 
    border-radius:5px; 
    min-width:90px; 
    height:28px; 
    color:var(--button-text); 
    cursor:pointer; 
    text-align:center; 
    font-size:14px; 
    font-weight:normal;
}
.p-r-5 {
    padding-right: 5px!important
}
.m-t-10 {
    margin-top: 10px
}
/* // BT-108384_BT-118401_Ismail/AnoopiJ_17Nov2023_Un-Pledge CDSL NSDL - Aero <s> */

/*BT-118401_Ismail/LalithaA_07022024_PledgeReport <start>*/
.positive-chip {
    background: var(--background-positive-chip);
    padding: 3px 8px;
    color: var(--color-positive)!important;
    border-radius:16px;
}
.negative-chip {
    background: var(--background-negative-chip);
    padding: 3px 8px;
    color: var(--color-negative)!important;
    border-radius:16px;
}
.default-chip {
    border:1px solid var(--color-default-chip);
    background: var(--color-default-exchange-chip); 
    color: var(--color-subtext)!important;
    border-radius: 2px;
    padding: 0 8px;
    line-height: 15px;
    font-size:10px
}
.pledge-report-item {
    padding: 12px 0;
    margin-bottom: 12px;
    border-bottom:1px solid var(--color-border)
}
/*BT-118401_Ismail/LalithaA_07022024_PledgeReport <end>*/
/* CDM_JUN24_S1:LalithaA/Ismail:05062024:BT-134985:VoluntaryBlockingOnlineAccount<start>*/
.readmore-container.blocking-note {
    position: absolute;
    left: 50%;
    top:50%;
    transform:translate(-50%, -50%);
    float: none;
    width: 90%!important;
}
.readmore-container.blocking-note .readmore-capsule{
    height: auto;
}
/* CDM_JUN24_S1:LalithaA/Ismail:05062024:BT-134985:VoluntaryBlockingOnlineAccount<end>*/
/*//SP24PLUS_IBT_MAV_LINUX_28September24: ArchanaT: 22/10/2024: 137573_Brokerage and charges window <start>*/
.outline-button {
    border-radius: 5px;
    border: 1px solid var(--color-primary);
    height: 28px;
    padding: 0px 16px;
    cursor: pointer;
    color:var(--color-primary);
    background:transparent;

}
.outline-button:hover {
    background:var(--color-primary);
    color:var(--color-active-text);
}
.icon-caution {
    background: url('../images/caution.svg');
    background-size:auto;
    width:48px;
    height:48px;
}
.zero-state-container {
  display:flex;
  flex-direction:column;
  justify-content: center;
  height:100vh;
}
.flex-column{
    flex-direction: column;
}
.flex-1{
    flex:1;
}
/*//SP24PLUS_IBT_MAV_LINUX_28September24: ArchanaT: 22/10/2024: 137573_Brokerage and charges window <end>*/
