/* Consumer Theme */ a{color:#1b3281} /*.stage3_menuIdTextlink li{border-bottom:1px solid #ccc} .stage3_menuIdTextlink li:last-child{border-bottom:0!important}*/ .logoutLink a{color:#F2717D!important} /* Added on date 26-07-2016 */ .menu__link{padding:.6em 2.5em .6em 1.5em !important} .menu__level{margin-top:66px!important} /*.footer-wrapper .footer-links a{color:#fff!important;text-decoration:none}*/ /* Added on date 27-07-2016 */ .simpletext_welMsg1,.simpletext_welMsg,.lastlogtext_grey_new,.simpletext_welMsg1{display:none!important} #wrapper1{background-color:#fff!important} .notifyIconLink,.mailsIconLink,.logoutLink,.spaceIconLink{color:#15317a!important} .headertext_name,.mailsSubject{color:#1b3281!important} .personNameCaret{color:#15317a!important} .logoutLink a,.headerLogoutLink::before{color:#15317a!important} .headerLogoutLink::before{content: "\e952"} .simpletext_wishMsg,.simpletext_welMsg,.simpletext_welMsg1,.simpletext_loginLabel,.simpletext_loginTime,.lastlogtext_grey_new,.personalizeDashLink,.blueDivider{color:#fff!important} /* body{background:#F3F0EA url(../images/MaterialBackground.jpg) no-repeat top center fixed!important;background-size:cover !important;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;min-height:100%} */ /*body{background: #F3F0EA url(../images/MaterialBackground.jpg) no-repeat; background-position: center top; background-size: cover!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; min-height: 100%;}*/ /* body{background-image:url(../images/MaterialBackground.jpg);background-repeat: no-repeat;background-attchment:fixed;background-position:top center!important;background-size:cover !important;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-ms-background-size: cover;min-height:100%} */ body, html { background:#fff !important; } c{top:30px;position:relative} .widget.container-xtrasmall_ux5{width:99.1%!important} .dashboardSection .widget .panel-title{font-size:16px!important;font-weight:400!important;font-family: "roboto-medium" !important;} .makerTransferHeading,.currentScheduleDate,.sub-heading,.makerTransferSubHeading{font-size:14px!important} /* Added on date 28-07-2016 */ /* #ml-menu .logo{width:50%!important} */ .widget-medium .pfm_whitetabhover_bold_tab,.pfm_whitetabhover_bold_tab{color: #1b3281!important;background: #c9c7c7!important;border-bottom:0!important} .widget-medium .pfm_stage3_tabmenupanel_tab{height:47px!important} table.table thead tr th{padding:17px 20px !important;white-space:nowrap;text-transform:capitalize} #DASHC3.container-small-disabled,#DASHC4.container-small-disabled{top:0} #RetailUserDashboardUX5_INWD__1{height:313px!important} .left-container .widget-xtrasmall,.left-container .widget-small,.left-container .widget-medium{margin-bottom:20px!important} a.bluelink{width:100%!important} .simpletextwithwidth{width:100%!important} /* Added on date 29-07-2016 */ .loginPanelBottomDisplaySectionStyle{display:none} .waves-effect.waves-light.btn.login_button.waves-input-wrapper{background-color:#15317a} .center-container .widget-small,.center-container .widget-medium{margin-bottom:20px!important} /* Menu code */ .dashboard-menu-container nav,#ml-menu,.menu__breadcrumbs a:first-child{background-color:#e8e8e8!important} .menu__breadcrumbs a:last-child{background-color:#d2caef!important;font-weight:700} .menu__link,.menu__link[data-submenu]::after,.menu-more-division a,.dropdown-icon,.menu__link--current,.menu__link--current:hover{color:#1b3275!important} .menu__breadcrumbs a:last-child:before{color:#d2caef!important} .menu__link--current,.menu__link--current:hover{background-color:#d2caef!important} .menu__breadcrumbs a.second-breadcrumb::before{color:transparent!important} /* Login header */ /* #ml-menu .logo{width:63%!important} */ /* Added on date 02-08-2016 */ @media only screen and (max-width: 1023px) { .loginHeader .header-text{display:none!important} } .loginHeader .header-text{display:none!important} /* Added on date 03-08-2016 */ /*.loginfoorter-wrapper { width: 100%; background-color: #20317f !important;}*/283 /* Added on date 04-08-2016 */ .loginPanelLeftPaddingStyle1{left:0!important} .loginPanelLeftPaddingStyle .center-align{margin-right:0!important} .line-aside span:before,.line-aside span:after{width:140px} p.loginrow_imagePhrase .loginPanellabellinkStyle:nth-child(2){float:right;margin-right:40px} #ParentDiv_RetailUserDashboardUX5_WOFFUX5__1{height:122px!important} #ParentDiv_RetailUserDashboardUX5_WMST__1{height:357px!important} /* Added on date 05-08-2016 */ p[id*='LoginHDisplay'][id$='Ra21'],p[id*='LoginHDisplay2'][id$='.Ra12']{width:100%!important;margin:20px auto 50px 24px !important;clear:none} .stage3_rtpanelwhitebg,.stage3_rtpanelquicklinkcol{font-size:15px!important;font-weight:700!important} .stage3_menuIdTextlink{max-height:320px;height: 100%;margin-top:0!important} .profileSettingsStyle{margin-left:-10px;margin-top:0;margin-right:-10px;padding:0 10px!important} /* Added on date 06-08-2016 */ a.loginPanleBluelinkStyle:hover,.loginPanleBluelinkButtonStyle:hover,.multiActionAlign:hover,.dashboardSection .widget a.modal-trigger:hover{color:#1443e0!important} a:hover{color:#1443e0} .avail_bal{font-weight:600!important;font-size:14px!important} /* Added on date 10-08-2016 */ /* .width100percent_main_loginbg {background-position: 540px 460px;clear: both;margin: 0 auto;overflow-y: inherit;background-size: 50%;background:transparent;} */ /* .materializelogo_login,.materializelogo_login_pwdscreen{padding-bottom:20px;background-position:18px 15px!important;margin-left:0!important;height:60px}*/ .width50percent_login{margin:25px 7px 15px 7px;} .width50percent_login .searchsimpletextCMS{padding-left:37px!important} .width50percent_login .errorDisplayStyle{margin-top:0!important} /* Added on date 11-08-2016 */ table td a{color:#1b3281!important} nav a.menu__link.active,.menu__link--current,.menu__link--current:hover{border:0!important} .stage3_rtpanelquicklinkcol,.stage3_rtpanelwhitebg,.dashboardSection .widget .panel-title{color:#1b3281!important} .headerouter_r{box-shadow:none!important} .logo_1{margin-left:19px!important} .menuBarIcon{color:#15317a!important;z-index:99999;left:0%!important;top:0!important} .headerWelcomeText{top:10px!important} @media screen and (max-width: 749px) and (min-width: 1px) { .expand{border-top:1px solid #e8e8e8!important} } @media only screen and (max-width: 767px) { .profile-picture{margin-top:0!important} } .expand-icon,.collapse-icon{color:#15317a!important} /* Added on date 11-08-2016 */ @media screen and (min-width: 749px) { .headerWelcomeText{top:0!important;} #span_returnlink{bottom:16px!important} } @media screen and (min-width: 750px) { span#span_HREF_Logout{bottom:16px!important} .headerouter_r{height:70px!important} .logo_1{margin-top:10px!important} .menuBarIcon{margin-top:5px!important} } @media screen and (min-width: 1200px) { /*.menuBarIcon{margin-left:12%} .logo_1{margin-left:30px!important}*/ } /* .offerImage { width: 78%; margin: 60px auto 0;} .offerImage img:first-child { margin-right: 10px;} */ /*.helplineNumber{float:right;margin-top:2.3%} .custService{font-size:18px;color:#1b3281} .careNumber{font-size:18px;color:#ee1c25} .lineSeparator{color:#999;margin:0 20px}*/ @media only screen and (max-width: 1023px) { .materializelogo_login,.materializelogo_login_pwdscreen{background-position:center 10px!important;background-size:auto!important;margin-left:0!important} .lineSeparator{/*color:#fff*/} .headerWidth{width:100%!important;padding:0!important} .offerImage{display:none} } .left-container .widget-xtrasmall,.left-container .widget-small,.left-container .widget-medium{margin-left:20px!important} /* #ParentDiv_RetailUserDashboardUX5_WMST__1 { height: 315px !important;} */ .stage3_rtpanelquicklinkcol,.stage3_rtpanelwhitebg{color:#1b3281!important} /* Added on date 16-08-2016 */ .valign-wrapper .widgetAutoHeight .modal-trigger{color:#2f3a86!important} .dashboardSection .widget .modal-trigger,.widget-head .h2Widget{color:#1b3281!important} /*.more.dropdown-button:after{color:#15317a;content:"\e90b"!important}*/ .insta-widget-panel.panel .widget-content,.insta-widget-panel.panel .widget-inner-block{background:#d7f2f9!important} .widget-inner-block{box-shadow:none!important;border-radius:0!important} .widget-head{background-color:#c9c7c7!important;padding:5px 20px!important} .widget-medium .widget-content,.widget-small .widget-content,.widget-head{border:0!important;position: relative;} nav a.menu__link.active,.menu__link{margin-right:0!important} /*#ID_DASHAT{background-image:url("../images/hamburger icon/icon-dashboard.png")} #ID_RACTS{background-image:url("../images/hamburger icon/icon-accounts.png")} #ID_RTXNS{background-image:url("../images/hamburger icon/icon-transactions.png")} #ID_RGNS{background-image:url("../images/hamburger icon/icon_services.png")} #ID_RCCUX5{background-image:url("../images/hamburger icon/icon-creditcard.png")} #ID_INVM{background-image:url("../images/hamburger icon/icon-investment.png")} #ID_MSGC{background-image:url("../images/hamburger icon/icon-messagecenter.png")} #ID_INSRN{background-image:url("../images/hamburger icon/icon-insurance.png")} #ID_LKEY{background-image:url("../images/hamburger icon/icon-locker.png")} #ID_DBRHB{background-image:url("../images/hamburger icon/icon-debicardpinset.png")} .menu-more-division .show_button{background-image:url("../images/hamburger icon/icon-more.png")} #ID_DASHAT,#ID_RACTS,#ID_RTXNS,#ID_RGNS,.menu-more-division .show_button,#ID_RCCUX5,#ID_INVM,#ID_MSGC,#ID_INSRN,#ID_LKEY,#ID_DBRHB{padding-left:70px!important;background-repeat:no-repeat;background-position:20px center} */.menu__link[data-submenu]::after{top:7px!important} /* Added on date 17-08-2016 */ .widget .widget_header_icon_s{display:block!important} span[id*='RetailUserDashboardUX5_RST__1'][id$='scheduleaPayment']{/*background:url("../images/lhs widgets/icon-mypayments.png") no-repeat left center;*/padding:10px 0 10px 20px} #insta-widget-panel .panel-title-block .panel-title.heading2{/*background:url("../images/lhs widgets/icon-insta.png") no-repeat left center;*/padding:0 0 0 20px;font-weight:500!important;background-position: 0px 8px;} .menu__wrap .menu__level .menu__item a.menu__link{background:url("../images/hamburger icon/submenu.png") no-repeat 25px center;padding:10px 0 10px 71px !important} .widget_header_Icon{width:30px!important;margin-right:10px;height:30px!important} span[id*='RetailUserDashboardUX5_WMST__1'][id$='IWantToLabel']{/*background:#c9c7c7 url("../images/lhs widgets/icon-shortcut.png") no-repeat 0 center;padding:10px 0 10px 35px !important*/} /* .widget-head .h2Widget { font-size: 13px !important; font-weight: 600 !important; } */ .icon-close,.icon-close:hover{color:#15317a!important;top:8px!important} .h2Widget{line-height:31px!important} .stage3_rtpanelquicklinkcol{/*background:url("../images/lhs widgets/icon-fav.png") no-repeat left center;background:#c9c7c7;*/padding:0px 0 0px 0px;border-top-right-radius: 10px; border-top-left-radius: 10px;} .stage3_rtpanelwhitebg{/*background:#c9c7c7 url("../images/lhs widgets/icon-navigate.png") no-repeat 5px center;*/background:#e6e7e8;padding:10px 0 10px 35px !important;border-top-right-radius: 10px; border-top-left-radius: 10px;} /* Added on date 19-08-2016 */ @media only screen and (max-width: 768px) { .lineSeparator{margin:0 2px} } @media only screen and (max-width: 480px) { } .print-preview-button,.print-help-button{color:#fff!important} .print-preview-button:hover,.print-help-button:hover{color:#ccc!important} /* #span_LOAD_DASHBOARD #LOAD_DASHBOARD { color: #122099 !important;} #span_LOAD_DASHBOARD #LOAD_DASHBOARD:hover { color: #fff !important;} */ .widget-head .h2Widget{text-transform:capitalize!important} /* Added on date 20-08-2016 */ .icon-HW_formbtn_img_pdf,.icon-HW_formbtn_img_pdf:hover{color:#ee1c25!important} .downloadtext{top: -6px;font-size:12px!important} .pfm_disable_tab,.widget-medium .pfm_disable_tab{color:#ccc!important} .stage3_menuIdTextlink a,.stage3_optionallink_accnts{color:#1b3281!important} span[id*='PageConfigurationMaster_W45__1'][id$='RightContainer_Stage3_quicklink.Ra10.C1'] i.waves-effect{background:url("../images/lhs widgets/icon-remove.png") no-repeat 10px center;padding-left:40px} #toolPlace2138943903 canvas,#toolPlace2138943903 canvas{width:250px!important;height:190px!important} .widget-medium .pfm_grey_active_bold_tab,.pfm_grey_active_bold_tab{color:#1b3281!important;background-color:#ebe9e9!important} .width_right{margin-bottom:3px!important} .customPleaseNoteLink a,.simpletext_loginTime{font-size:12px!important} .simpletext_loginTime,.personalizeDashLink{font-weight:400!important} /* Added on date 24-08-2016 */ div[id*='PageConfigurationMaster_PSEBUXW__1'][id$='collapse'] .controlOptionTableStyle td{padding:10px!important} .imagewithmargin{margin-left:20%!important} /* Added on date 25-08-2016 */ span[id*='RetailUserDashboardUX5_WLGRW__1'][id$='PgHeading.Re1.C1']{position:relative;left:15px} @media screen and (max-width: 900px) { span[id*='RetailUserDashboardUX5_WLGRW__1'][id$='PgHeading.Re1.C1']{left:0} } /* #ParentDiv_RetailUserDashboardUX5_W14__1 {height: 315px; }*/ @media screen and (max-width: 1024px) { .left-container .widget-xtrasmall,.left-container .widget-small,.left-container .widget-medium{margin-left:10px!important} } @media screen and (max-width: 1023px) { .login-body-style, .width100percent_main_loginbg{/*background:none!important*/} } .controlOptionTbody .controlOptionTd a,.controlOptionTbody1 .controlOptionTd a{color:#1b3281!important} div[id*='PageConfigurationMaster_PSEBUXW__1'][id$='NavMenu.Rowset1']{background:none!important} .exploreMenu{color:#1b3281;float:left;margin:45px 0 0 -26px;font-size:11px} @media screen and (max-width: 768px) { /*.exploreMenu{margin:55px 0 0 -26px}*/ .logoutPanel{padding: 20px 60px !important} /* .menuBarIcon{} */ } /* Added by Binny on date 29-08-2016 */ #toolPlace2138943903{width:100%!important;text-align:center} .customPieChartButton .pfm_stage3_ptabgray1_tab{width:50%!important;margin:12px 0 0;text-align:center;height:30px} .customPieChartButton .stage3_spanrighttabwhite_chart_active{float:none;width:100%;background:none;background-color:#F2727E!important;padding:10px 33%;color:#fff;margin:0} .focused,.autocomplete-values-list li,.autocomplete-icon,.stage3_rtpanelselectcomborow_new i.waves-effect,.select-wrapper span.caret::after, .icon-HW_formbtn_img_txt, .icon-HW_formbtn_img_txt:hover{color:#1b3281!important;} .icon-HW_formbtn_img_xls, .icon-HW_formbtn_img_xls:hover{color:#229954 !important;} input.autocomplete-dropdown[type="text"]:disabled{border-bottom:1px solid #1b3281!important} .templateicon_txtstyle{margin:15px 0 0!important} img[id*='PageConfigurationMaster_PFMEGMW__1'][id$='_image']{margin:15px 0 0 35px !important} #main .toprow h1{text-transform:capitalize} .stage3_button_activegray_wofloat{display:none!important} .stage3_goals_textheading{font-size:16px!important;margin:13px 0 10px 10px !important} .templateicon_txtstyle{font-size:.85em!important;text-transform:capitalize} .boldcaption_nogoalspage{font-size:16px!important;font-weight:500!important;color:#404040} /* Added by Binny on date 30-08-2016 */ .HW_formbtn{border-radius:3px;border-left:0!important;background-color:#F2727E!important} .HW_formbtn:hover{border-left:0!important;box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)} .formbtn{border:1px solid #F2727E;border-radius:3px;background-color:#F2727E!important;color:#fff;padding-left:10px;padding-right:10px!important} .formbtn:hover{color:#fff;border:0!important;border:1px solid #F2727E!important;background-color:#F2727E!important} .HW_formbtn_search{height:35px!important;background:none!important;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border:0 solid #122099!important;margin-left:5px;margin-right:5px} .HW_formbtn_search:hover{border:0 solid #122099!important;color:#fff!important;background-color:#122099} .formbtn_search{border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;color:#122099;border:1px solid #122099!important;background-color:#fff!important;padding-right:10px;width:auto;vertical-align:middle;line-height:21px;padding-left:10px} .formbtn_search:hover{color:#fff!important;background-color:#122099!important} .HW_formbtn,.HW_formbtn:hover,.formbtn,.formbtn:hover,.HW_formbtn_search,.HW_formbtn_search:hover,.formbtn_search,.formbtn_search:hover{background:transparent;height:35px!important} /* Added date 31-08-2016 */ /*.footer-wrapper{background-color:#213280!important}*/ .logo_1{width:218px!important;height:60px!important;background-size:70%!important;margin-left: 0% !important;} #main .toprow h1{text-transform:capitalize;color:#fff!important} .profileSettingsStyle{margin-left:-10px;margin-top:0;margin-right:-10px;padding:0 15px!important} .step-tracker .step-tracker-head-content .step-status .step-number1{background-color:#757474!important} .widget .widget_header_icon_s{display:block!important;float:left} /* Added on 01-09-2016 */ .waves-effect.waves-light.btn.login_button.waves-input-wrapper{background-color:#4285f4!important} .tabs-with-navigation .tabs .tab { /* padding: 0; border-bottom: 0; */} .tabactive{ border-bottom: 3px solid #1b3281;} .tabs-with-navigation .tabsheight { /* height: 48px; line-height: 48px; */} .tabs .tab a{color:#1b3281;font-size:14px} .tabs-with-navigation .tabs .tab a.active{color:#1b3281!important} .tabmenudisabled:hover{color:#ccc} div[id*='RetailUserDashboardUX5_WAC85__1'][id$=':DispForm.Ra1'] .row .col.s12{margin:0} /*Added on 03/09/2016 */ .loginPanelLeftPaddingStyle{margin-left:0!important;text-align:center!important} /*a.loginPanleBluelinkStyle,.loginPanleBluelinkButtonStyle{color:#2c5baa!important;font-weight:600} .loginPanellabellinkStyle{padding-top:10px}*/ .login_button_facebook:hover{background:#fff!important;color:#4963A0!important} .row .col.s12.tabrow{margin-top:0} span[id*='RetailUserDashboardUX5_MFT__1'][id$='makePayment']{/*background:url("../images/lhs widgets/icon-transfer.png") no-repeat left center;*/padding:10px 0 10px 20px} #advertise{text-align:center;margin:0} /* Added on date 07/09/2016 */ .makeTransferWidgetCustom{padding-top:10px!important} input.autocomplete-dropdown.focused,input[type=input]:focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){-o-box-shadow:0 1px 0 0 #1b3281!important;-ms-box-shadow:0 1px 0 0 #1b3281!important;-moz-box-shadow:0 1px 0 0 #1b3281!important;-webkit-box-shadow:0 1px 0 0 #1b3281!important;box-shadow:0 1px 0 0 #1b3281!important;border-bottom:1px solid #1b3281!important} .autocomplete-suggestion b,.dropdown-content li > a,.dropdown-content li > span,label.active,input[type=text]:focus:not([readonly]) + label,input[type=password]:focus:not([readonly]) + label,input[type=email]:focus:not([readonly]) + label,input[type=url]:focus:not([readonly]) + label,input[type=time]:focus:not([readonly]) + label,input[type=date]:focus:not([readonly]) + label,input[type=datetime-local]:focus:not([readonly]) + label,input[type=tel]:focus:not([readonly]) + label,input[type=number]:focus:not([readonly]) + label,input[type=search]:focus:not([readonly]) + label,textarea.materialize-textarea:focus:not([readonly]) + label,.current_tab1{color:#1b3281!important} /* Added on date 08/09/2016 */ .loginPanelTopPaddingStyle1{margin-left:0!important;padding-left:0!important;text-align:center} #advertiseFun{margin:10px;text-align:center} /* Added on date 09/09/2016 */ /*.loginlinkDivider{font-size:.8em;color:#2c5baa;margin:9px 14px;font-weight:600}*/ /* Changes for New login page */ /*.loginPanelHeaderTextStyle{color:#193480!important;text-align:left;font-size:17px!important;margin-left:33px;padding-top:15px!important;padding-left:0!important;padding-bottom:0!important}*/ div[id*='LoginHDisplay'][id$='Ra10']{padding-bottom:20px!important} .loginPanelLeftPaddingStyle{margin-left:0!important;text-align:center!important;padding-top:0px!important} .login_button_facebook{color:#1b3281!important;border:1px solid #1b3281;background-color:#fff!important;float:none!important;margin:5px 0 3px!important;padding-left:130px!important;padding-right:130px!important;box-shadow:none!important;border-radius:2px!important;-ms-border-radius:2px!important;-webkit-border-radius:2px!important;-o-border-radius:2px!important;-moz-border-radius:2px!important;height:30px} p[id*='LoginHDisplay2'][id$='Ra11'],p[id*='LoginHDisplay'][id$='Ra20']{margin-top:3px;margin-bottom:0} .loginPanelTopPaddingStyle1{margin-left:0!important;padding-left:0!important;text-align:center;padding-top:0!important;clear:both} .btn,.btn-large,.btn-flat{text-transform:capitalize!important} .loginPanelbuttonseperator{text-transform:lowercase;font-size:13px!important} #STU_VALIDATE_CREDENTIALS{font-size:16px!important;top:8px} #RESET{font-size:13px!important;top:7px!important} /*a.loginPanleBluelinkStyle,.loginPanleBluelinkButtonStyle{color:#2c5baa!important;font-size:13px!important}*/ /*.loginPanelImagePhraseColumn{margin-left:35px!important}*/ /*.loginPanelColumnDetailStyle8{margin-right:0!important}*/ /*.loginPanelColumnDetailStyle3,.customMarginForEasba{margin-left:0!important}*/ .loginPanelImagePhraserow:first-child{margin:10px 0!important} /* .loginPanelImagePhraserow{padding-bottom:0!important}*/ /*.loginPanelInputDetailsrow{padding-bottom:10px!important}*/ /*.width100percent_main_loginbg{background:none}*/ /* .login-body-style{background:none;} */ /* .login-body-style{background:#fff url(../images/backgrounds/login_background.jpg) no-repeat center top;background-size:100% 100%} */ /*.login-body-style{background:#fff url(../images/backgrounds/newLoginBackground.png) no-repeat center top;background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;}*/ .width50percent_login .errorImageCMSIcon{background:url(../images/error_material.png) no-repeat 10px 8px!important} .width50percent_login .searchsimpletextCMS{margin-left:-75px!important;line-height:20px!important} p[id*='LoginHDisplay2'][id$='.Ra3.C2']:last-child .searchsimpletextCMS{margin:5px 0;border:2px solid red} /*[type="checkbox"]+span{padding-left:35px!important}*/ .leftColumnStyle{padding-left:0px!important} .loginrow_imagePhrase{margin-left:30px!important} /*#header .header-main{background:#ecebeb!important}*/ .loginPanelSimpleTextStyle_remUserId{top:6px!important;left:-3px!important} .loginPanelInfo{top:10px!important;left:5px!important} .loginPanelColumnDetailStyle4{margin-left:35px!important} .padding_top_style{padding-top:0!important} .newsSection{margin:0px 5% 25px 25px;display:inline-block} .importantNewsSection{float:left;margin:0 20px;width:50%;/* height:170px; */height:120px;color:#fff!important} .offerImage{float:left;width:45%} /* .offerImage img:first-child{width:100%} */ .importantNewsHeader{font-size:22px!important} .importantNewsPara{line-height:1.9;font-size:15px} @media screen and (max-width: 1023px) and (min-width: 1px) { .materializelogo_login,.materializelogo_login_pwdscreen{height:120px} .width50percent_login{margin-bottom:10%!important;margin-top:10%} } p[id*='LoginHDisplay'][id$='.Ra2']{margin:15px 0 2px 20px!important} /*span[id*='LoginHDisplay2'][id$='Ra2.C1'],span[id*='LoginHDisplay'][id$='Ra2.C1']{margin-left:35px!important}*/ /*[type="checkbox"].filled-in:not(:checked) + span:after{border:1px solid #1b3281}*/ /*[type="checkbox"].filled-in:checked + span:after{border:1px solid #1b3281;background-color:#1b3281;top:3px}*/ /*p[id*='LoginHDisplay'][id$='.Ra3']{width:30%} p[id*='LoginHDisplay'][id$='.Ra4']{width:70%} p[id*='LoginHDisplay'][id$='.Ra3'],p[id*='LoginHDisplay'][id$='.Ra4']{margin-top:10px}*/ /*.loginPanelimageconfirmationtext{line-height:22px}*/ .stage3_searchpanelrow.stage3_searchpanelrow_pwdscreen{width:100%!important} .CustomCorporateLinkage{margin: 0;float: left;text-align: center} .CustomCorporateLinkage .loginPanellabellinkStyle,.CustomCorporateLinkage a.loginPanleBluelinkStyle,.CustomCorporateLinkage{width: 100%;} .customExpDate .querytextboxmedium_small{width: 48px;} /*.width50percent_login.CustomOnBoardP{padding-bottom: 80px;}*/ .customOnBoardRadio{text-align: center;margin-top:25px;} span.customOnBoardRadio:last-child{width:35%;} /*.CustomOnBoardP [type="radio"] + span:before,.CustomOnBoardP [type="radio"] + span:after{top: 10px}*/ .customOptSection [type="radio"]:not(:checked) + span, .customOptSection [type="radio"]:checked + span{padding-left: 25px;top:-4px;} .customOptSection .customNetworkText{margin-right: 8px} .customOptSection{padding-top:10px;padding-left: 7px} .customLoginTextPG{padding: 0px 30px 20px;} /* Login Page changes as per Vidhya Designs */ /*.custom_password_user_demo{float: right;margin-right: 37px}*/ .CustomCorporateLinkage{text-align:left;margin-left: 33px;} .CustomCorporateLinkage .loginPanellabellinkStyle{width: 50%;padding-top:0;} .CustomCorporateLinkage .loginPanellabellinkStyle .searchsimpletext{margin-bottom:10px;padding-top:5px;} .CustomCorporateLinkage a.loginPanleBluelinkStyle{margin-bottom:8px;} .CustomCorporateLinkage .loginPanellabellinkStyle .searchsimpletext{font-weight:bold} .CustomCorporateLinkage img.loginPanelImageStyle{padding-top: 10px;margin-right: 5px;} p[id*='LoginHDisplay'][id$='.Ra3']{width:26%;} p[id*='LoginHDisplay'][id$='.Ra2']{width:63%;padding-top:5px;} p[id*='LoginHDisplay'][id$='.Ra4']{margin-left:33px;margin-bottom:10px;width:90%;} span[id*='LoginHDisplay'][id$='Ra2.C1']{margin-left:15px !important;} .customLoginPhraseRow span.login_phrase{width: 100%;margin-left: 15px;margin-top: 10px;} a.loginPanleBluelinkStyle:focus{border-bottom: 0;} .CustomCorporateLinkage .loginPanellabellinkStyle+span{display: block;text-align: center;} /*.custom_LongCustID{width:100% !important}*/ /* Login Page changes as per Vidhya Designs Ends*/ /*.custom_FirstTimeUser a{width: 52% !important;float: left;}*/ /* New User Login */ .loginHeaderTextBlueStyle,.loginHeaderTextstyle{color: #1b3281;} /* Added on date 15/9/2016 */ .tabs-with-navigation .previous-tabs:hover,.tabs-with-navigation .next-tabs:hover{background-color:transparent;color:#1b3281} .tabmenudisabled{color:#aaa!important} .txtBoldBlack_logout,.blackSignoffConfirmation{color:#000!important} .tabs-with-navigation .previous-tabs,.tabs-with-navigation .next-tabs{padding:16px 10px} #header ul.tabs li:hover{background-color:#f5f5f5} .tabs-with-navigation .tabs .tab a:hover{color:#1b3281} /* Widgets Header Gray Color 16/9/2016 */ .stage3_detailspanel{padding-top:0} .panel-title-block, .stage3_rtpanelquicklinkrow_new, .modalWrapper .stage3_leftrightmainpanel h3{background:#e6e7e8!important; } .dashboardSection .widget .panel-title-block{padding:13px 8px!important} .left-container .container-toosmall_ux5 .panel-content,.left-container .container-small_ux5 .panel-content{padding:15px 20px 0} .panel .icon-1,.panel .icon-2{top:15px} .makeTransferWidgetCustom{padding-top:10px!important} .stage3_rtpanellightbluebg{height:0} .stage3_rtpanelquicklinkrow_new{padding:9px 22px} /*Added on 17/9/2016 Logout Page*/ .logo_2{width: 218px!important;background-size: 70%!important;height: 61px;margin: 0;} .width100percent_main_logoutbg{background:none;margin:50px auto 0} .logoutPanel{padding:20px 30px;margin:0 auto} .logoutPanel .heading_Logout{font-size:20px!important;color:#1b3281} .width100percent_main_logoutbg .buttoncenterAlign{text-align:right} .logoutPanel .logoutSuccessIcon{top:25px;right:35px;font-size:60px} #HDisplay2 .logoutPanel .main-content{min-height:65px} #HDisplay2 .logoutDivider{margin:10px 5px} .login_err_messages{background:none!important} #InfoPanel .formrow,#InfoPanel .simpletext{color:#424242 !important} .materializelogo_login_pwdscreen{margin-top:0;top:0;float:none;background-size:auto;} /*Added on 19/9/2016 More Icon on My Loans Page*/ #HWListTable10072682 .more.dropdown-button{padding-left: 20px;} /*Added on 20/9/2016*/ .importantNewsHeader,.importantNewsPara,.custom_BrdCrumbNImg .paginationtxt,.row.toprow.parentTable .groupletSubsection1width100percent .pageheadingcaps h1{color:#fff !important;} #advertiseFun img{width:100%;}/* ,#advertise img */ .rblCustomBlueFooter a{color:#fff;} .loginPanelBottomSectionDetailsrow{width:15%;} /* .loginPanelBottomDisplaySectionStyle{padding-top:12px;} */ /* Horizontal Menu on Dashboard - Binny */ .nbs-flexisel-nav-leftMod {position: absolute;cursor: pointer;height: 22px;width: 22px;left: -18px;background: url(../images/Left-Arrow_primary-navigation_Active.png) no-repeat;top:8px} .nbs-flexisel-nav-left {height: 22px;width: 22px;left: -18px;background: url(../images/Left-Arrow_primary-navigation_InActive.png) no-repeat;top: 8px;display: none} @media screen and (min-width: 640px){ #header .header-nav { /* check this if required or not */ padding-top: 5px; padding-bottom: 5px; overflow: visible; /* height:auto; height:35px;*/margin:0 15px;border-bottom: 0;background:url("../images/lhs widgets/bg-gradient.png") repeat-x center center;position: relative !important;top: 42px !important;/* top: 75px !important; */ } .nbs-flexisel-container{position:relative;max-width:100%} .nbs-flexisel-inner{-webkit-user-select:none;width:99%;/* overflow:hidden*/} #topbarNew{display:block!important} .nbs-flexisel-item{float:left;margin:0;padding:0 0px;cursor:pointer;position:relative} .mega-menu ul li .sub-container.mega .sub{position:relative;left:0;z-index:100} div.sub-container .sub{display:none} .mega-menu ul li .sub .mega-menu-list-wrapper{height:345px} .mega-menu ul li .sub li{float:left;width:280px;padding:0;position:static} .mega-menu ul li .sub li.mega-hdr{float:none} .mega-menu ul li .sub a{width:240px} .mega-menu div.mega-menu-list-wrapper ul li ul.sub-menu{left:268px;z-index:300;position:absolute;top:10px;width:260px;display:none} .mega-menu div.mega-menu-list-wrapper ul li:first-child>ul{visibility:visible;height:340px;display:block;background-color:#EEE;text-align:left} .nbs-flexisel-nav-left,.nbs-flexisel-nav-right{position:absolute;cursor:pointer;top:7px} .nbs-flexisel-nav-left{height:22px;width:22px;left:-18px;background:url(../images/Left-Arrow_primary-navigation_InActive.png) no-repeat;top:8px;display:none} .nbs-flexisel-nav-right{height:35px;right:-60px;background-color:#97cae6;background:url(../images/Right-Arrow_primary-navigation_Active.png) no-repeat;top:8px;width:60px} .nbs-flexisel-ul{width:9999px;text-align:center;background-color:#84C0E1} } .mega-menu .selected{background-image:none} .mega-menu ul li{float:left} .mega-menu .dc-mega{position:relative;color:#fff} .mega-menu ul li a{float:left;display:block;padding:10px 13px 16px 13px;text-decoration:none;color:#fff} .mega-menu ul li .sub-container{position:fixed;padding-left:0;z-index:20000;top:137px;margin-top:-1px} .mega-menu ul li .sub{padding:20px 20px 20px 10px} .mega-menu ul li .sub-container.mega .sub{padding:0 10px 2px 0;border-right:1px solid #9b9b9b;border-bottom:1px solid #9b9b9b;border-left:1px solid #9b9b9b;background-color:#FFF;position:relative;left:-7%;width:540px;top:-20px} .mega-menu ul li .sub .mega-menu-list-wrapper{width:100%;position:relative;overflow:hidden;clear:both;line-height:15px;padding:10px 0 0 10px;height:auto} .mega-menu .sub ul{display:block} .mega-menu ul li .sub li.mega-hdr{background-color:#FFF;float:left} .mega-menu ul .sub ul li{margin-right:-3px;padding:1px} .mega-menu ul li .sub li.mega-hdr a.mega-hdr-a{color:#404040;font-weight:400;text-align:left} .mega-menu ul li .sub a{border:none;text-shadow:none;padding:7px 0 7px 9px;display:block;width:150px;word-wrap:break-word;float:none;text-decoration:none;color:#404040} .mega-menu ul .sub .sub-menu>li>a,.mega-menu ul .sub .sub-menu>li>a:hover{background:url(../images/Sub-menu-Arrow.png) no-repeat scroll 7px 9px transparent;padding-left:5px} .mega-menu ul .sub li.mega-hdr li a{padding:7px 8px 7px 20px} .mega-menu-list-wrapper:after,.mega-menu:after{clear:both;content:"";display:block;height:0;visibility:hidden} #main{padding:0px 0 20px!important} .mega-menu{width: 93.796875% !important;padding: 0 25px !important;} .wrapper{width:100%!important;padding:0!important} /*.wrapper_bkgcolor{background-color:transparent!important}*/ .mega-menu ul,.mega_menu ul li{list-style:none;margin:0;padding:0;border:none} /* .menu{width:100%} */ /*#topbarNew li #ID_DASHAT{background-image:url("../images/lhs widgets/icon-hdashboard.png");padding-left:40px!important;background-repeat:no-repeat;background-position:10px 4px;background-size:20px} #topbarNew li #ID_BLDSK{background-image:url("../images/lhs widgets/icon-hbill.png")} #topbarNew li #ID_RINRTG{background-image:url("../images/lhs widgets/icon-hpay.png")} #topbarNew li #ID_3RCTXN{background-image:url("../images/lhs widgets/icon-htransaction.png")} #topbarNew li #ID_RCCUX3{background-image:url("../images/lhs widgets/icon-hcredit.png")} #topbarNew li #ID_RSRUX3{background-image:url("../images/lhs widgets/icon-hrequest.png")} #topbarNew li #ID_INQUX3{background-image:url("../images/lhs widgets/icon-hinquiry.png")} #topbarNew li #ID_RLAUX3{background-image:url("../images/lhs widgets/icon_loan_act.png")} #topbarNew li #ID_MUFUH{background-image:url("../images/lhs widgets/icon_mutual.png")} #topbarNew li #ID_DHOLR{background-image:url("../images/lhs widgets/icon_demat.png")} #topbarNew li #ID_RDAUX3{background-image:url("../images/lhs widgets/icon_deposite.png")} #topbarNew li #ID_CURIPO{background-image:url("../images/lhs widgets/icon-hESABA.png")} #topbarNew li #ID_HDFC{background-image: url("../images/lhs widgets/icon-hinsurance.png")} .dc-mega{padding-left:40px!important;background-repeat:no-repeat;background-position:10px 4px;background-size:20px}*/ @media screen and (max-width: 1200px){ /* #topbar{display:none;} #main {padding: 40px 0px 0px !important;} */ } @media screen and (max-width: 748px){ #header .header-nav {top: 64px !important;} /* #header .header-nav {top:98px !important;} */ #topbar{margin-bottom: 20px;} } @media screen and (max-width: 639px) and (min-width: 1px) { #topbarNew {display: none !important;} } /* Horizontal Menu on Dashboard - Binny Ends*/ /*Added on 27/9/2016*/ td .bluelink_updatelink,.pageLeftContainer .stage3_leftrightmainpanel h3,h3.listingcol span,.expandMenu_SRListing_ie10:after,.expandMenu_SRListing:after,.dashboardSection .insta-widget-panel .panel-content .modal-trigger,.widget-head .h2Widget,a.menu__link.more-item:after,.bluelink:hover,.bluelink_updatelink,.bluelink_updatelink:hover,.collapseMenu_SRListing_ie10::after,.collapseMenu_SRListing::after,.bluelink{color:#1b3281!important} .queryitalictextwithspace_srnotes,.queryitalictextwithspace_srnotes1{color: #1b3281;float: left;width: 97.1%;width: -webkit-fill-available;text-align: right;display: block;padding: 10px 10px;margin: 0px; border-left: 1px solid #c9c7c7;border-right: 1px solid #c9c7c7;} .srnotes_parent{width: 100%;width: -webkit-fill-available;} .HW_textwithpadding_new{padding-left:7px} /* Alignment */ .widget-large{width: 100%;padding-left: 15px;} .icon-menu:before{padding-left: 0px;} #CESMALL1, #CESMALL2, #CESMALL3{padding-bottom: 11px;} .breadcrumb-block{padding-left: 15px;} /* Alignment Ends */ /*Added on 28/9/2016*/ .headerTextSpacingStyle{padding-top:30px;margin-right:0} .headerTextSpacingStyle .loginHeaderTextBlueStyle,.headerTextSpacingStyle .loginHeaderTextstyle{font-size:17px} #InfoPanel{font-size:14px;text-align:justify;border:0;} #NavPanel.navPanelTermsAndConditions{border:0} #header .header-main .logo{background:url(../images/menu_logo.png) no-repeat scroll -5px 0 transparent;width:195px;background-size:100%} #newChat{margin-left:180px!important} .notopborder.listingcol{background-color: #e6e7e8;margin: 0px;background: #e6e7e8;padding: 8px 0 8px 20px !important;width: 97%;width: -webkit-fill-available;border: 1px solid transparent;} h3.listingcol span{padding:0px} .pageLeftContainer .stage3_leftrightmainpanel h3{background-color:#e9e8e8} .customWidthForWelcome .simpletext_wishMsg{font-size:24px} .customWidthForWelcome .welcomeMsg{width:100%;} .customWidthForWelcome{width:50%} @media only screen and (min-width : 640px) and (max-width : 1199px) { .headerLogoutLink{right:0} } /* Added on 29/9/2016 */ .step-tracker .step-tracker-head-content .step-status .step-tick-icon1{background-color: #67A70E;} .step-tracker .step-tracker-head-content .step-status .step-number, .step-tracker .step-tracker-head-content .step-status .step-tick-icon,.h3whitetitle_pwdscreen,.collapsible-header_pwdscreen{background-color: #c9c7c7;} /* .stage3_detailspanel,.pageLeftContainer{width: 99.85%;} Removed for Error Alignment*/ /* .pageLeftContainer .tabBorderWidth, */#DataEntry_LeftContainer_Stage_login.stage3_inputpanel_leftcontainerLogin,.listingdetailborders,#GroupletSection_Mails10.centercontainer,#MailCompose_Stage313 .mailcontainerbackground,.stage3_inputpanel_leftcontainer,.width79percent_navigationpanel,.stage3_messagepaneldiv,.downloadPanelBorder,.stage3_listingpaneldiv,div[id*='PageConfigurationMaster_RACUX5W__1'][id$='ListTableWithCtrls']{box-sizing: border-box;} /* Added by Junaid 30/9/2016*/ .insta-widget-panel{min-height:0} h2{padding-left: 9px;width: 98.7%;box-sizing:border-box}/*Remove last prop is any issue*/ .custom_stage3_previewdetailsrow_Odd{margin-top:0!important;margin-left:80px;margin-bottom:0;float:left;width:100%;padding-top:1px;line-height:21px} .custom_stage3_previewdetailsrow_Even{margin-left:100px;margin-top:0!important;margin-bottom:1px;float:left;width:100%;padding:inherit!important;line-height:21px} .custom_stage3_leftrightmainpanel_NoSeparator{float:left;width:100%} #toolPlace2138943904 canvas,#toolPlace2138943904 canvas {width: 250px !important;height: 190px !important;} #toolPlace2138943904{width:100%!important;text-align:center} .custom_HW_tableRightAlign{text-align:right!important;float:none!important;padding-right:25px} .custom_listgreyrowtxtleftline{padding-left:2px;padding-right:25px;vertical-align:middle;border:0;text-align:left} .custom_HW_textwithpadding{vertical-align:middle;padding-left:25px} .custom_more.dropdown-button {padding-left: 5px;} .custom_borderAlignment{border: 1px solid #D4D4D4 !important} .custom_padding{padding-bottom: 13px !important} .custom_operativeButton{width: 240px !important;padding-top: 8px;} .custom_LeftPadding {padding-left: 10px !important} .custom_DepositButton {float: right;} .custom_backButton{background: #fff;} .custom_stage3_previewconfirm_label_column{word-wrap : normal} .custom_searchsimpletext_accntSummary_snap{margin: 0px -5px 0px 20px} .custom_total-field{margin-right: -1px} .ui-dialog-content .stage3_tabmenupanel.custom_stage3_listingpaneldiv{border-bottom: none !important} .ui-dialog .stage3_detailspanel.custom_stage3_detailspanel{width: 99.6% !important} .custom_disable{display:none} .custom_labelColumn_combo_small{margin-right:0px !important} .custom_header{font-size:14px;font-weight:bold;color:#000} .custom_content{width:95% !important;text-align:justify;} .left .custom_para{color:#9e9e9e;font-size:12px;} .left .custom_link{color:#1443e0 !important;font-size:12px;} .left .custom_header{font-size:14px !important;} .custom_alignmentheader{padding-right:25px!important} .custom_textBreak{word-break:break-all !important} .custom_bordermini{border-bottom:0px !important;border:0px !important} .custom_borderIssue,.custom_dropdownHide .icon-dropdown.autocomplete-icon.disablePointerEvents,#box1,#box2{display:none} .custom_certification{text-align: justify;padding-left: 5px} .custom_menuChoiceWidth .menuChoices{min-width: 155px!important;} .custom_checkboxSpacing{padding-left:10px!important;width:95.85%!important;} /* Keyboard Fix */ .custom_keyboardAlign .ui-state-default,.custom_keyboardAlign .ui-keyboard button.ui-keyboard-shift{padding: 1px 3px;} /* .custom_keyboardAlign .ui-keyboard-button{min-width: 23px;} */ @media screen and (min-width: 1023px){ .custom_keyboardAlign .ui-keyboard.keyboard-container{top: 734.953px !important;left: 182.375px !important;} } .custom_keyboardAlign .ui-keyboard {display:none !important;} .custom_keyboardUserID .ui-keyboard{left:318px!important;top:-126px!important} .custom_paymentConfirmation .ui-keyboard{top:603.885px!important;left:140px!important} /* Keyboard Fix Ends*/ /*.custom_quickLinks .stage3_menuIdTextlink{overflow-y:auto}*/ .custom_quickLinks .stage3_menuIdTextlink::-webkit-scrollbar{width:7px!important;height:5px!important} .custom_quickLinks .stage3_menuIdTextlink::-webkit-scrollbar-thumb{background:#bdbdbd;-webkit-border-radius:16px;border-radius:16px} .custom_quickLinks .stage3_menuIdTextlink::-webkit-scrollbar-track{-webkit-border-radius:16px;border-radius:16px;background-color:transparent} .custom_bluelinkAlign{padding-left:10px;} .custom_userIDTextAlignment{padding-left: 6px;padding-top: 12px;font-size: 15px!important; } .custom_serviceRequestHeading .h3newsideborder{width: 100%;box-sizing: border-box;} /* Save Password Pop Up Save */ .stealthy{left:0;margin:0;max-height:1px;max-width:1px;opacity:0;outline:none;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:-1} /* Save Password Pop Up Save End*/ .querytextleft_withleftBorder_Auth .queryitalictext+.formrow{display:none !important;} .customContentPadding{padding-left:20px;} .custom_errorBg #MessageDisplay_TABLE.errorDisplayStyle,.custom_alignRowset #MessageDisplay_TABLE.errorDisplayStyle{padding-left:0px !important;} .custom_tableWordBreak{word-break:break-word} #dummy2_keyboard, #dummy3_keyboard, #dummy4_keyboard,.custom_prefDisplay tbody tr:nth-child(4) {display:none!important;} /* Search Box Height */ .custom_searchTransaction .collapsible-wrapper{max-height:180px!important} #RetailUserDashboardUX5_W2UX5__1{overflow-y:auto!important} .custom_searchbackground{height: 32px} .custom_formsButton15{padding: 2px 0 5px 0} /* .custom_entireTab .row .tabrow{border-bottom:1px solid #e0e0e0;margin-bottom:6px} */ .custom_financialOverview{border-top:1px solid #e0e0e0 !important;} .custom_accSummWidOPR table.multiTableHeading thead tr:nth-child(1) th,.custom_accSummWidDep table.multiTableHeading thead tr:nth-child(1) th,.custom_accSummWidLoan table.multiTableHeading thead tr:nth-child(1) th {padding-bottom: 0px} .custom_accSummWidOPR table.multiTableHeading .searchsimpletext_wrapnew,.custom_accSummWidLoan table.multiTableHeading .searchsimpletext_wrapnew,.custom_accSummWidDep table.multiTableHeading .searchsimpletext_wrapnew{word-break: keep-all} .custom_approvalwidth td{padding: 13px 0px} /* Date in Uppercase */ .stage3_searchpanellabel span:nth-child(1),.simpletext span:nth-child(1),.simpletextbold span:nth-child(1){text-transform:uppercase} /* Date in Uppercase Ends*/ .custom_tableErrorAlign{overflow-x:auto} .custom_maturitylink{margin-left:2.5%} /* Added by Junaid ends */ /* Added on 03/10/2016 For Kunal - Header Chat & Call Icons */ /* #HREF_Chats{margin-right: 45px;} */ #HREF_Chats{margin-right: 12px;} #HREF_Call{margin-right: 3%;} .headerWelcomeText #HREF_HREF_Chats img,.headerWelcomeText #HREF_HREF_Call img{border-radius: 0% !important;margin-bottom:3px;} @media only screen and (min-width : 1200px){.headerWelcomeText{right:5%;}.headerLogoutLink{right:167px} } @media only screen and (min-width : 740px){.headerWelcomeText{width:57%}} @media only screen and (max-width : 749px){.headerWelcomeText{top: 0 !important;width:100%;text-align:center;right:2%;margin-top:0}} /* For Responsive view from 480px to 740px */ @media screen and (max-width: 749px) and (min-width: 1px){ .notifyIconLink, .mailsIconLink,.headerWelcomeText img {margin-left:9%;} #HREF_Chats {margin-right: 15px;} } @media only screen and (max-width : 480px) { .headerWelcomeText {text-align:center} } /* Header Chat & Call Icons Ends */ /* ShoppingMall Payments*/ #customShoppingMallUser.customShoppingMallUser{padding-top:50px;} /* ShoppingMall Payments Ends*/ /* T&C Page */ .customTermsAndConditionContent{height: 300px;overflow-y: scroll;padding:10px} #terms-conditions.wrapper_terms_condition{padding-left: 0;padding-right: 0;width: 100%;}/* Will may need to remove or modify-adding for 1Oct2016 meeting */ .customTermsAndConditionContent .paddingLeftTermsAndConds div{padding:0 15px;} #BrdCrumbNImg #HREF_printPreview{margin-top:0 !important} #terms-conditions .helplineNumber{padding-right: 10px;} #ListTableWithCtrls{background:#fff;} .customUpdatePamButton,.customUpdatePamDetails {width:75% !important;margin:0 auto;} #repeatDiv .tableoverflowwrapper{border-right: 0;border-left: 0;} .customPamRadio{visibility: visible !important;position:static !important;} /* Added on 04/10/2016 */ /* .querytextleft{padding-right:6px;padding: 17px 1px 1px 10px;width: 50px;text-align: left;} */ /* .querytextleft{padding: 17px 1px 1px 10px;} Commenting for OTP Input Padding top Alignment*/ h2 span.simpletext,.formrow .querytextleft label.simpletext{font-size:16px !important;} #ListingTable7257216 th.customPamSelect,#ListingTable7257216 tr td:first-child{text-align:right;} /* T&C Page Ends */ /* Added on 05/10/2016 */ /* Dashboard Welcome Widget Scroll fix */ @media screen and (min-width: 900px){ #ParentDiv_RetailUserDashboardUX5_WLGRW__1{max-height:35px;height:35px;} } /* @media screen and (max-width: 639px) and (min-width: 480px){ #ParentDiv_RetailUserDashboardUX5_WLGRW__1{height: 80px;max-height: 80px;} } */ @media screen and (max-width: 900px) and (min-width: 640px){ #ParentDiv_RetailUserDashboardUX5_WLGRW__1{height: 80px;max-height: 80px;} } #DASHC1 .section {background: transparent !important;padding: 23px 0 0 0;width: 99.1% !important;} @media screen and (min-width: 480px) and (max-width: 900px) { .customWidthForWelcome{width:100%;} #DASHC1 .section{padding: 30px 0;} #DASHC1.container-xtrasmall-UX5.ui-sortable{float: left; width: 100%; margin-left: 6px; margin-right: 1.8px; top: 30px; position: relative;} span[id*='RetailUserDashboardUX5_WLGRW__1'][id$='blankfield_11']{display:none;} } /* .blueDivider {float: none !important;} */ /* Dashboard Welcome Widget Scroll fix Ends */ /* Added on 06/10/2016 */ /* Inner Pages changes */ .querytextright_stage3 .searchsimpletext{padding-top: 5px;} .stage3_steptracker_mandatory{color: #E81D22;} .stage3_searchpaneldiv{margin: -34px 0px 0px 8px;} .stage3_searchpanel_detailsdiv{margin: -35px 0px 0px 8px;} .stage3_searchpanel_detailsdiv,.stage3_searchpaneldiv,.search_mails{border: 1px solid #1b3281;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;} .stage3_leftrightmainpanel .stage3_moredetailsright {border: 1px solid #1b3281;background:transparent !important;margin-right:10px;border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;} .stage3_leftrightmainpanel .stage3_moredetailsright .collapsible-header,.collapsipleMenu:after, .expandableMenu:after,.picker__close:hover, .picker__today:hover,.picker__close, .picker__today,.picker__day.picker__day--today,.lastlogtext_blue,.accordianmenu .headerbar a,.accordianmenu .headerbaropen_index a:link,.advance_search_link,.cancel,.removelinkstyle,.msgTemplateLink a,.rtpanelreply a:link,.replytxt a:link,.deletelinkstyle,.flagtxt a:link,.createlink_new a,.modalWrapper .stage3_leftrightmainpanel h3,.multiActionAlign,label.active,.autocomplete-suggestion,.navAllTab_Active,.navSelectedTab{color: #1b3281;} .stage3_inputpanel_leftcontainer_nobottommargin{border-right: 0;border-left: 0;} .buttonWithLessMargin,.stage3_rightwithmargin,.respbuttonalign{margin-right:10px !important;} /* Added on 07/10/2016 */ .myprofile_photoLink{margin-left: 30px;} /* Added on 10/10/2016 */ .width100percent_withmargin,.width100percentWithBorder{box-sizing: border-box;} .orangebgwithwidth,.greenbgwithwidth,.redbgwithwidth,.errorDisplayDiv.width100percent .greenbgwithwidth, .errorDisplayDiv.width100percent .redbgwithwidth, .errorDisplayDiv.width100percent .orangebgwithwidth, .errorDisplayDiv.width100percent .bluebgwithwidth{border-radius:0;-ms-border-radius:0;-o-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;} .stage3_leftrightmainpanel{border-bottom: 1px solid #E0E0E0;} [type="checkbox"].filled-in:not(:checked) + label:after,[type="checkbox"].filled-in:checked + label:after{top:3px;} [type="checkbox"].filled-in:checked + label:after,.dncalendar-header h5,[type="radio"]:checked + span:after,.picker__weekday-display,.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected,.ui-state-default:hover,.noncurrent_tab1,.tabNavLinkDelinkTable .slider{background-color: #1b3281;} [type="checkbox"] + label:before,[type="checkbox"].filled-in:not(:checked) + label:after,[type="checkbox"].filled-in:checked + label:after{border:1px solid #1b3281;} [type="checkbox"].filled-in:checked + label:before{width: 3px !Important;} .tabBorderWidth{border-right:0 !important;border-top: 0px;border-left: 0px;} .tabButtonStyleActive{border-bottom: 3px solid #1b3281 !important;color: #1b3281 !important;} .picker--opened .picker__holder{top: 70px !important;} @media screen and (max-width: 749px){.picker--opened .picker__holder{top: 90px !important;}} .selection-indicator .selectedLegend,.selected-date{border: 2px solid #757474 !important;} [type="radio"]:checked + span:after,.dncalendar-header h5,.selection-indicator .todayLegend,.calendar-today{border: 2px solid #1b3281 !important;} .CustomOnBoardP [type="radio"]:checked + span:after,.dncalendar-header h5,.selection-indicator .todayLegend,.calendar-today{border: 2px solid #1b3281 !important; } /* .event-info .brief-info{color: #67A70E;} */ .dncalendar-body table td.calendarClick.note:before, .dncalendar-body table td.note:before{border: 3px solid #1b3281 !important;} .picker__date-display{background-color: #2241a5;} .pfm_grey_active_bold_tab{height: 16px;} .rightpanel_texttop1{padding-top: 10px;padding-bottom: 10px;padding-left: 8px;} .addattachment a.bluelink{width: initial;} .tabbar_compose .pfm_whitetabhover_bold_tab,.tabbar_compose .pfm_grey_active_bold_tab,.tabbar .pfm_whitetabhover_bold_tab,.tabbar .pfm_grey_active_bold_tab{padding: 12px 0;} /* .tabbar_compose .Width30tab,.tabbar .Width30tab{width: 50% !important;} */ #Tabbar_Stage317.tabbar_compose{width: 99.85%;} .right_panel .right_nav_panel span a.print-preview-button,.right_panel .right_nav_panel span a.print-preview-button:hover,.right_panel .right_nav_panel span a.print-preview-button:active,.right_panel .right_nav_panel span a.print-preview-button:focus,.bluelink_updatepreflink,.modalWrapper .stage3_leftrightmainpanel h3 span.simpletext,.infopopup_highlight,.formbtn_MailsFolder,.h3whitetitle_pwdscreen .expandableMenu:after, .h3whitetitle_pwdscreen .collapsipleMenu:after{color:#1b3281 !important;} @media screen and (max-width: 639px) and (min-width: 1px){ .composemailsavespan1 {margin-left: -235px !important;} .custom_keyboardAlign .textboxPasswordChangeHw {width:inherit;} .customNewPwdInner .labelColumn {width:45%;} .customNewPwdInner .textboxPasswordChangeHw .stage3_inputpanel_column{width: 45%;} } .stage3_inputpanel_paydetailsrow .querytextright_stage3 .searchsimpletext{padding-top: 13px;} .widget .menuChoices ul li a, .menuChoices_new ul li input{padding: 10px 10px;} span[id*='PageConfigurationMaster_ROAUX3W__1'][id$=':QueryonChequesCriteria']{padding-left: 32px;} .ui-keyboard button.ui-keyboard-accept{border-color: #9E9E9E;background-color: #9E9E9E;} .ui-keyboard button.ui-keyboard-meta1:not([disabled]):hover, .ui-keyboard button.ui-keyboard-meta2:not([disabled]):hover{border-color: #565656;background-color: #565656;} .stage3_listingpaneldiv p.stage3_columnwithwidth{margin-right:10px;} p.formrow span.querytextleft_widget a.bluelink{text-align: left;} .customMailImageLogo img{border-radius: 0;top: 30px;} .modalWrapper .stage3_leftrightmainpanel h3 span.simpletext{font-size: 16px;} .pageLeftContainer .stage3_listingpaneldiv div.paddingbottom27{margin-top: 0;} .width100percent_downloadIcons,.width79percent_navigationpanel {padding-bottom:0} /*Added for Button bottom alignment under observation */ .customFavouriteAccountsButton{padding-bottom: 15px;} input[type=input], input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{border-bottom: 1px solid #c9c7c7 !important;} .listingrow span span.signoffseperator{border-right: 0;} .btn, .btn-large{background-color: #4285f4; border: 1px solid transparent;} .btn:hover, .btn-large:hover{background-color: #4285f4;} .reset-btn, .gray-btn, button[type="reset"].waves-effect{background-color: #fff;color: #4285f4;border: 1px solid #4285f4;} .reset-btn:hover, .reset-btn:focus, .gray-btn:hover, .gray-btn:focus, button[type="reset"].waves-effect:hover{background-color: #fff;color: #4285f4;border: 1px solid #4285f4;} a#multiActionsHeading{color: #122099;} .customCurrencyAlign{margin: 5px 12px 5px 80px;} .customINRAlign .renderTextBoxAsLabel_new{padding-top: 11px;} .customTabsNoCaps .tabs-with-navigation ul.tabs li.tab,.customTabsNoCaps .tabs-with-navigation ul.tabs li.tab a{text-transform: capitalize !important;} .customTabsNoCaps .tabs-with-navigation ul.tabs li.tab a{font-weight: 600;} /* For NEFT,RTGS,IMPS */ .customNetworkText{float:left;} .customNetworkSpan{width: 15%;} .customNetwork:first-child .customNetworkSpan{margin-left: 10px;} /*.customNetworkRadio span.span-radiobutton:before, .customNetworkRadio span.span-radiobutton:after{top:0;margin:0px 4px 4px 4px !important}*/ /* For NEFT,RTGS,IMPS Ends*/ .customPasswordPolicy .collapsibleContainerDiv{overflow:hidden;} .customCardLogo{text-align:center;} .customPreviewConfirmDetails{margin-top: 12px;} /* ButtonCut Issue */ @media screen and (max-width: 900px){#main{overflow:initial !important;}} /* End */ .custom_mailHome{width: 100% !important;} .CustomOnBoardP .span-radiobutton{float:none;top: 10px;} .CustomOnBoardP span[id*='LoginHDisplay'][id$='Ra2.C1']{margin-left: 0 !important;} .CustomOnBoardP .loginPanelInputDetailsrow {padding-bottom: 0!important;} .customPopUpBtn{margin: 10px 0 0} .stage3_inputpanel_paydetailsrow span.querytextright_stage3 span.simpletext_hyperlink{padding-top: 12px;padding-left: 10px} p[id*='2fa_Rb14acode'][id$='-field'] span.querytextright{padding-left: 10px !important;} p[id*='2fa_Rb14acode'][id$='-field'] span.querytextright input.querytextboxmediumautho{width: 230px !important} p span.querytextleft_width100percent_withtextalignleft input + span.span-checkbox.span-checkbox2{padding-left: 0 !important} p span.querytextleft_width100percent_withtextalignleft span.span-checkbox.span-checkbox2 + span.simpletext{display:none;} .customGotoPage.pagination-wrapper .content > span,.customGotoPage.pagination-wrapper .content.info-division > span > span{margin-right: 8px} table.multiTableHeading thead tr:nth-child(1) th{padding-bottom:13px;} .printwrapper.printwrapper .widget-large{padding-left: 0;} div.stage3_previewconfirmdetails p[id*='PageConfigurationMaster_RPSETW__1'][id$=':ReadOnly_LeftContainer_SubSectionCollapseStage35.Rhh1aa']{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 300px;display: inline-block;width: 100%;} /* Welcome Widget */ @media only screen and (max-width: 900px){.width_right{padding-top: 3px; margin-bottom: 0!important;}} /* Welcome Widget Ends */ /* Added by Vijaykuamr for 1156 Starts*/ #mailsBox .alertHeader span.view-all-link{visibility: hidden;} .custom_mailHome{cursor: auto;} .custom_depositRemarks{display:none;} /* Added by Vijaykuamr for 1156 Ends*/ .picker__day--infocus{padding: .55rem 0;} @media screen and (max-width: 640px){ #ParentDiv_RetailUserDashboardUX5_W14__1 .widget-body .widget-content{overflow-x:scroll !important;} } .disablePointerEvents,input[type=text]:disabled{color:#bbb} /* OnBoarding Pages Swapnil*/ .CustomOnBoardP .loginPanelInputDetailsrow,.CustomOnBoardP p[id*="LoginHDisplay."]{padding-left:27px;} .CustomOnBoardP .loginPanelColumnDetailStyle,.CustomOnBoardP .loginPanelColumnDetailImagePhrase{width:70% !important;} .CustomOnBoardP span[id*="LoginHDisplay."][id$='Rf2.C1'],.CustomOnBoardP span[id*="LoginHDisplay."][id$='Rf2.C1']{margin-top:0 !important;} p[id*="LoginHDisplay"][id$='.Rh1'] span,p[id*="LoginHDisplay"][id$='.Rh2'] span{margin-top: 20px;} p[id*="LoginHDisplay"][id$='.Rh3'] span{margin-top: 20px;} p[id*="LoginHDisplay"][id$='.Rh1'] span{margin-right:10px;} p[id*="LoginHDisplay."][id$='Rd2'] {margin-right:25px;margin-bottom: 30px;} span[id*="InfoPanel."][id$='.Ra1.C1']{font-size: 26px;} span[id*="DataEntry_LeftContainer_Stage39."][id$='Rb3.C1']{margin-top: 23px} span[id*="DataEntry_LeftContainer_Stage39."][id$='Rb3.C1'] span#NickName{font-size:16px} span[id*="LoginHDisplay."][id$='Rc4.Cb2'].loginPanelTextboxStyle{margin-left: 6px} #Caption_11{font-size: 26px} .customSecurityHeader h1{color:#1b3281} .customForgotPswdSecurityQuestion{width: 80% !important;margin-left: 33px} .customForgotPswdSecurityAnswer{width: 294px} #ListingPanel_LeftContainer_Stage310{background-color:#fff} /* p[id*='LoginHDisplay'][id$='.Ra4'].customForgotPswdUserIdScreen {margin-left: 15px;width:70%;}*/ /*.customForgotPswdUserIdScreen span.left_align_useridscreen:first-child{margin-right: 83px;} */ /* tr.HW_head_outerdiv th:first-child{text-align:right} */ .customPanNo{margin-left:0px !important;} .customUnwantedFields{display:none;} .custom_registrationText{color: #9e9e9e;font-size: 12px !important;} .custom_CustomOnBoardP{min-height:378px!important;} .custom_keyboardAlignment .ui-keyboard{top:-104px!important;left:365px!important} .customExpiryDatePara span.stage3_inputpanel_column{margin-top: 30px;margin-bottom:10px} .customDebitExpiryDatePara span.stage3_inputpanel_column{margin-top: 30px;} .custom_rbl_recommendation{margin-left: 46% !important;width: auto !important;text-align: left;margin-bottom: 10px} /* OnBoarding Pages Ends*/ /* FormField Changes by Madhav */ .pageLeftContainer .labelcolumntexttoosmall{width:140px} .pageLeftContainer input.past-datepicker,.pageLeftContainer input.all-datepicker,.pageLeftContainer input.future-datepicker{width:170px} /* .pageLeftContainer h3{border-top:0} */ .customChequeInquiry .labelColumn_text_brdr_toosmall{padding-right:10px} .customChequeInquiry span .labelcolumntexttoosmall{width:100%} /* FormField Changes by Madhav Ends*/ /* Dashboard Success-Error Message */ #MessageDisplay_TABLE.section.errorMsgPositionAlign{width: 98% !important;padding-left: 15px !important;padding-bottom:10px;} #MessageDisplay_TABLE.errorDisplayStyle{width: 98% !important;padding-left: 15px !important;padding-bottom:10px;} @media screen and (max-width: 900px){ #MessageDisplay_TABLE.section.errorMsgPositionAlign,#MessageDisplay_TABLE.errorDisplayStyle{width: 95% !important;} } /* Dashboard Success-Error Message Ends*/ /* Bill Desk */ #PAGECONFIGURATIONMASTER_BLDSKW__1 .pageLeftContainer{box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;-ms-box-shadow:none;-webkit-box-shadow:none;} #PAGECONFIGURATIONMASTER_BLDSKW__1 .section_grayborder,.custom_headerMargin{margin-top:0} /* Bill Desk Ends*/ .custom_stage3_tabmenupanel_widoutwidget_topmargin{border-bottom:0} .custom_pfm_stage3_tabmenupanel_tab .pfm_stage3_ptabgray1_tab{width: 50%;} .custom_pfm_stage3_tabmenupanel_tab{border-left:0} /* LoanAccounts Page Aniket */ .custom_loanButton{width: 100%!important;float: right;text-align: right;} .width100percent.querytextleft_withleftBorder_Auth .queryitalictext{display:none} /* LoanAccounts Page Aniket */ /* Inner Pages Inner Pages changes Ends*/ /* CreditCard Dashboard */ .customCCSection1{width:49% !important;float:left} .customCCSection1:nth-child(2n+1){background: url(../images/backgrounds/separator1.gif) repeat-y scroll right top transparent} .customBgNone{background:none !important} .customCCCenter{text-align:center} .customCCLeft{text-align:left} .customMyCards,.customCCLeft{margin-left:10px} .customFloatNone:last-child .stage3_previewconfirm_details_column,.customFloatNone:last-child a.loginPanleBluelinkStyle,.customBtnCenter span.stage3_previewconfirm_details_column{float:none} .customCCSection1 .stage3_previewconfirm_details_column{font-size: 14px;color:#424242;margin-left: 5px;word-wrap: break-word;} .customBtnCenter img,.customFirstTitle{margin-top:20px} .customCCSection1 p.stage3_previewdetailsrow{margin-bottom:5px;} .customCCSection1 .stage3_inputpanel_paydetailsrow{margin-bottom:10px;} .customCCSection1 .stage3_previewconfirm_label_column,.customCCSection1 .stage3_previewconfirm_details_column{width:45% !important;} .customCCSection1 .customMyCards,.customCCSection1 .customMyCards + span.querytextright_stage3{display:inline-block} .customCCSection1 .customCCLabel{width:51% !important} .customDropDown .labelColumn_combo_small{margin:0;} .customCCBtnAlign .customCardBtnCenter{margin-left:0px;} .customContinueAlign .customCardBtnCenter{margin-left:0px;} @media only screen and (max-width: 900px) and (min-width: 1px) { .customCCSection1{width:100% !important;float:none;text-align:center} .customCCSection1 a.loginPanleBluelinkStyle,.customFloatNone .stage3_previewconfirm_details_column{float:none} .customCCSection1:nth-child(2n+1){background:none} .customBtnCenter img{width:25%;} .customCCSection1 .stage3_previewconfirm_details_column{text-align:left} .custom_pfm_stage3_tabmenupanel_tab .pfm_stage3_ptabgray1_tab{width: 49.85%;} } @media only screen and (min-width: 900px) { .customBtnCenter img{width:50%;margin-top:100px;} } @media only screen and (max-width: 640px) { .customCCBtnAlign .customCardBtnCenter{margin-left:97px;} .customContinueAlign .customCardBtnCenter{margin-left:47px;} } /* CreditCard Dashboard Ends */ /* OperativeAccounts Green & Red Text */ .customTxtRed,.customTxtGreen{font-size:14px;font-weight:400;margin-left:5px;} .customTxtRed{color:#FF0000;} .customTxtGreen{color:#009900;} /* OperativeAccounts Green & Red Text Ends*/ /* Ticker Css #main .toprow{padding: 35px 0 10px;} .ticker{box-shadow:none;} Ticker Css Ends*/ /* Global & Main class css change */ /* @media only screen and (min-width:900px){ #main{important;width: 1024px;margin: 0 auto;} #global{max-width: 100%;width: 100%;} } */ /* Global & Main class css change Ends*/ /* Hamburger landscape mode height issue fixed*/ @media only screen and (max-device-width: 1024px) and (min-device-width: 320px) and (orientation: landscape){#ml-menu {height: 100%;}} /* Hamburger landscape mode height issue fixed Ends*/ /* Image&Phrase 2 Pages */ .custom_imagePhraseTable table{width: 100%;} .custom_imagePhraseTable table tbody td{width:15%;text-align: center;} .custom_imagePhraseTable table td{padding: 13px 0;} .custom_imagePhraseTable table td .span-radiobutton{float: none;} .custom_imagePhraseTable table tbody td img{height: auto !important;/* width: auto !important; */max-width:80%} @media only screen and (min-width:320px) and (max-width:480px) { .custom_imagePhraseTable table tbody td img{max-width: 100%} /* Update Channel Login ID Horizontal Scroll */ .custom_CustomerDetail{overflow-x: scroll} /* Update Channel Login ID Horizontal Scroll ends*/ } .customImageSelectionHeader .redbgwithwidth,.customImageSelectionHeader .errorContentWrapper.redbg,.customImageSelectionHeader .stage3_inputpanel_leftcontainer,.customImageSelectionHeader .stage3_listingpaneldiv,.customImageSelectionHeader .width79percent_navigationpanel,.customImageSelectionHeader .errorDisplayStyle{width:100% !important} .customImageSelectionHeader .offerlistline{border-top:0} .customImageSelectionHeader .errorDisplayStyle{float: left;} .customImageSelectionHeader #MessageDisplay_TABLE.section.errorMsgPositionAlign{width: 100% !important;padding-left: 0 !important;padding-bottom: 20px !important;} .customImageSelectionHeader #MessageDisplay_TABLE.errorDisplayStyle{width: 100% !important;padding-left: 0 !important;padding-bottom: 0 !important;} .customImageSelectionHeader .greenbgwithwidth,.customImageSelectionHeader .errorContentWrapper.greenbg{width: 100% !important;} .customImageSelectionHeader .errorCodeWrapper{width:80% !important} @media only screen and (max-width: 480px){ .customImageSelectionHeader #MessageDisplay_TABLE.section.errorMsgPositionAlign{padding-bottom: 10px !important;} .customImageSelectionHeader .errorDisplayStyle#MessageDisplay_TABLE{left: 0 !important;} } /* Image&Phrase 2 Pages Ends */ /* Profile Block Mahesh */ .custom_alertBx{overflow:hidden;} /* Profile Block Mahesh Ends*/ /* Hamburger Logo with Background */ /*.customHamburgerLogo{padding:13px 14px;background-color: #fff;border-bottom:1px solid #ccc;} .customHamburgerLogo img.logo{padding:0 !important;} */ .customMenuContainer .menu__wrap{top: 0;} .customMenuContainer .menu__level{margin-top: 48px!important;} .customMenuContainer .customHamburgerLogo{display: none;} /*Hamburger Logo with Background Ends*/ .ticker{box-shadow: none;} a.bluelink_bold:link,a.bluelink_bold:visited,a.bluelink_bold:hover{color: #1b3281 !important;font-size: 14px !important;} .custom_remarksboxux3{width:170px !important;} /* Added For Binny */ .widget-library h2.collapsible_tab {width: 24%;margin-left: 30px !important;} #customcollapse0{display:block;} .customWidgetHeader{text-align:center !important} .customGoToLoginButton{position: relative;left: 30%;margin-top: 20px} .customResendOTPLink{border: none !important;box-shadow: none;margin-left: 0 !important;padding-left: 0 !important;} .customResendOTPLink:hover,.customResendOTPLink:focus,.customResendOTPLink:active{box-shadow: none;} @media screen and (max-width: 480px){ .customResendOTPLink{padding-left: 30px !important;} } .customHorzMenuHoverClass:hover{transform: scale(1.2);transition: transform 0.4s ease-in;-webkit-transition: transform 0.4s ease-in;-ms-transition: transform 0.4s ease-in;-o-transition: transform 0.4s ease-in;-moz-transition: transform 0.4s ease-in;font-weight:bold;} .customHorzMenuHoverClass{transform: scale(1); -webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1); transition: transform 0.4s ease-out;-ms-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;-webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;} .custom_OpenDepositButton {margin-right: 35px !important;padding-top:2px !important} .content_bottom_padding {margin-bottom: 10px !important;} .customTipLink .loginPanellabellinkStyle{float: right;margin-right: 40px;padding-top:5px} .customUserIdForTip,.customTipLink{padding-bottom: 0px!important;} .custom_stmt_content {width: 100% !important;} @media screen and (max-width: 660px) and (min-width: 1px){.custom_stmt_content{width: 95% !important;}} .custom_hwgreentxtcr,.custom_hwredtxtdr{font-weight:400;font-size:14px;padding-left:2px} .custom_hwgreentxtcr{color:#009900!important} .custom_hwredtxtdr{color:#E81D22!important} @media screen and (min-width: 667px){ .custom_txn_remarks table *{word-break: break-word;} } #parent_RMINFO,.customStatementHideElement{display:none} .custom_AmtStyleCC{padding:13px 25px} /* Added For Binny Ends*/ /* Header Expand Icon */ @media screen and (max-width: 749px) and (min-width: 640px){ .logoutLink {bottom: 76px;} } @media screen and (max-width: 639px) and (min-width:200px){ .logoutLink {bottom: 0px;top: -23px;} } @media screen and (max-width: 540px){ .logo_1{margin-top: 13px !important;} .menuBarIcon{margin-top: 20px !important;} .exploreMenu{margin: 45px 0 0 -26px;} /*.logoutLink{bottom:0px ;position: inherit;}*/ } @media screen and (max-width: 749px) and (min-width: 1px){ .expand-icon, .collapse-icon{padding: 5px 0 0 0;display: none;} .headerouter_length {height: 160px;} .headerRowsetRight.expand{top: 67% !important;} } /* Header Expand Icon Ends */ /* Service New Request (Check Interest Rate) */ .customCheckInterestRate{width: 64.5% !important; float: right !important;padding: 0px !important;font-size: 13px;margin-left: 30px;} @media screen and (max-width: 768px){.customCheckInterestRate{margin-left: 35px;}} @media screen and (max-width: 640px){ .customCheckInterestRate{margin-left: 40px;} .custom_buttonFDODataResponsive i.btn{float:right;} } /* Service New Request (Check Interest Rate) Ends*/ /* Added for Abhijeet .dummyPasswordField {opacity: 0 !important;width: 0 !important;position: absolute !important;} Added for Abhijeet ends*/ /* Added for Piyush*/ /* .custom_menuChoiceWidth .menuChoices {margin-top: 20px;} */ .h3Srtitle.customNameBottomBorder{border-bottom: 0;} /* Added for Piyush Ends*/ /* Change Password Page Fix */ @media screen and (max-width: 480px){ .custom_passwordPolicy .customPasswordPolicy{padding:2px;box-sizing:border-box} .custom_passwordPolicy h3.h3whitetitle_pwdscreen{width:100%!important;margin:50px 0 0 !important;border:1px solid #9c9e9c;box-sizing:border-box} .custom_passwordPolicy h3.h3whitetitle{padding: 10px 0 10px 0} .custom_passwordPolicy .width100percent_collapsible_pwdscreen .collapsibleContainerDiv{margin-left:0!important;margin-right:0!important} .custom_passwordPolicy .collapsible-body p{padding:8px 10px;box-sizing:border-box} .custom_SubmitRight .right_pwdscreen{margin-right: 5px} } .custom_passwordPolicy .customPasswordPolicy{margin-bottom:10px} /* Change Password Page Fix Ends*/ /* Added by madhav Start */ .custom_content,span.queryitalictextwithmargin.queryitalictextwithmargin_pwdscreen,.stage3_yellowpanel_Ebux3 .custom_content span.simpletext{color:#424242 !important;} .custom_greetingsFont{font-size:14px!important;} /* Nilesh Kapoor's request Removal of Loan Against Property Banner */ .customNicknameHide{display: none;} /* .customNicknameHide,#DASHL3,#CESMALL3{display: none;} */ /* Nilesh Kapoor's request Removal of Loan Against Property Banner ends*/ /* Added by madhav ends */ /* Radio Button Color Fix */ [type="radio"]:checked + label:after{border-color:#1b3281;background-color:#1b3281} [type="radio"] + label:before,[type="radio"] + label:after{width:12px;height:12px} /* Radio Button Color Fix Ends*/ /* QR Code CSS on Login page */ .custom_evauth1 #evauth,.custom_evauth1 #evauth a{color:#fff} .linkBreak{word-break: break-word;line-height:1.3} h2.evauthHeader{width: 100%; color: #fff; font-size: 26px !important; border-bottom: 0; padding: 0 0 10px 0;} .custom_evauth1 #evauth{text-align:center} .custom_evauth1 #apple,.custom_evauth1 #android{font-size:14px;padding:5px 10px;box-sizing:border-box} /* .custom_bannerNewsSection .newsSection{margin: 30px 5% 30px 3%;} */ /* .custom_evauth1 .width50percent_login{margin-top: 0;}*/ @media screen and (min-width:1024px){ .custom_evauth1 #evauth{float:left;margin-left:5%;width:55%} .custom_evauth1 .width50percent_login{float:left;margin-left:0} .custom_evauth1 #apple,.custom_evauth1 #android{width:48%;float:left} .custom_evauth1 .sizeQRCodeImage{width:30%} #apple{border-right:1px dotted #ccc} .appandImage{width: 15%;margin-bottom: 15px;} .custom_alignRowset {margin-left:25px;} } @media screen and (min-width:1345px){ .custom_evauth1 #evauth{margin-left: 15%} } @media screen and (max-width:1023px){ .custom_evauth1 .sizeQRCodeImage{width:10%} #apple{border-bottom:1px dotted #ccc} .custom_evauth1 #apple,.custom_evauth1 #android{padding:15px 10px;} .appandImage{width: 6%;margin-bottom: 15px;} /*.custom_evauth1 .width50percent_login{margin-bottom: 0%!important;} .custom_evauth1 .width50percent_login{margin-bottom: 10%!important;} */ } @media screen and (max-width:767px){.custom_evauth1 .sizeQRCodeImage{width:20%}} @media screen and (max-width:640px){ h2.evauthHeader{line-height: 1.2} .appandImage{width: 10%;margin-bottom: 15px;} } /* QR Code CSS on Login Page Ends*/ /* EMI Icon */ .customEMILink a{background: url("../images/emi.png") no-repeat center center;padding: 10px 20px 10px 20px!important;} /* EMI Icon Ends*/ /* Initiate Fund Transfer Radio Button Alignment */ @media screen and (max-width:600px){ .custom_paydetailsrow .stage3_inputpanel_column:first-child{width:30% !important;} .custom_paydetailsrow .stage3_inputpanel_column:last-child{width:49% !important;text-align:left !important;} .custom_paydetailsrow span.searchsimpletext{float:none;} .custom_paydetailsrow .newabsmiddle2txt [type="radio"] + span:before,.custom_paydetailsrow .newabsmiddle2txt [type="radio"] + span:after{top: -4px !important;} } /* Initiate Fund Transfer Radio Button Alignment Ends*/ /* Update Account Preferences */ .custom_tableWordBreak div .modifiedTextWidth{display:block;} .custom_tableWordBreak img{margin: 5px 5px 0 0;} /* Update Account Preferences Ends*/ /* Change Passwords */ .custom_keyboardAlign .textboxPasswordChangeHw img.buttonhashed{display:none;} /* Change Passwords */ /* Set Preferences Image - Vijay */ .custom_myprofile_imageCol{display:none} /* Set Preferences Image - Vijay Ends*/ /* Interest Certificate - Aniket*/ .custom_interestcertificate{padding: 0 20px;line-height: 1.4} .custom_simpletextleftlabel1{width: 100%;text-align: center} .custom_simpletextleftlabel1 span{font-size: 15px;color: #000000} .custom_simpleLabel{margin-left: 20px} /* Interest Certificate Ends */ /* Fixed Deposite_Deposite Duration - Swapnil */ .custom_DepositeDuration{visibility:hidden} /* NRE OTP Issuses */ .custom_NREOtp [type="radio"]:not(:checked),.custom_NREOtp [type="radio"]:checked {position:static!important;visibility:initial!important} .custom_NREOtp font .span-radiobutton{visibility:hidden;padding-left:10px} /* NRE OTP Issuses Ends*/ /* Fixed Deposite_Deposite Duration ends*/ /* Radio Button Color */ [type="radio"]:not(:checked) + span:before{border: 2px solid #ccc} /* Radio Button Color Ends*/ /* Label Color change across entire product */ .simpletext{color: #424242} /* Label Color change across entire product */ /*Added by Madhav for ET-2659 starts*/ .custom_TransactionFee{width:45%;} .custom_INR{width:10%;margin-top:5px;} /*Added by Madhav for ET-2659 ends*/ /* Added for Siddhiv ET-2158 starts*/ @-moz-document url-prefix() { #ascrail2008,#ascrail2009, #ascrail2010, #ascrail2011{ display: none !important; } } /* Added for Siddhiv ET-2158 ends*/ /*Added for Vijay ET-2166 starts*/ .custom_stage3_previewconfirm_label_column #HREF_actIDOutput{word-wrap: normal !important;} /*Added for Vijay ET-2166 ends*/ .custom_grpAccountMaint{border-left:0} /* ServiceRequest AdharCard */ .customAadharWidth .querytextboxmedium_small,.customAadharWidth .labelcolumnsmall{width:47px !important} .customAadharWidth .querytextboxmedium_small{padding-right:4px !important} .customAadharSep{float:left;margin-top: 10px;} @media screen and (max-width:479px){ #PageConfigurationMaster_RSRUX3W__1\:DataEntry_LeftContainer_Stage39\.Rhh1b{margin-top:30px !important;} .customAadharWidth .querytextboxmedium_small,.customAadharWidth .labelcolumnsmall{width:32px !important} } .custom_tab_content{width:80% !important; margin-left:50px} /* ServiceRequest AdharCard */ /* Service Request Update GSTIN */ .custom_col_gst .labelColumn_combo{width: 130px;padding-right: 0} .custom_col_gst span.labelColumn:nth-child(2){width: 15% !important} .custom_col_gst .custom_gst_pan{width: 90px} .custom_col_gst span.labelColumn:nth-child(3),.custom_col_gst span.labelColumn:nth-child(5){width: 30px!important} .custom_col_gst .custom_gst_entity,.custom_col_gst .custom_gst_last{width: 15px} .custom_col_gst .custom_gst_constant{padding-right: 15px} @media screen and (max-width:768px) and (min-width:490px){ .custom_col_gst span.labelColumn:nth-child(2){width: 100px !important;margin-left:46%} .custom_col_gst .custom_gst_entity,.custom_col_gst .custom_gst_last{width: 15px !important} } @media screen and (max-width:489px) and (min-width: 1px){ .custom_col_gst span.labelColumn:nth-child(2){width: 150px !important;margin-left:46%} .custom_col_gst .custom_gst_entity,.custom_col_gst .custom_gst_last{width: 15px !important} .custom_col_gst .custom_gst_pan{width: 120px !important} .custom_col_gst span.labelColumn:nth-child(3){margin-left: 46%} } .custom_csmTnC a.bluelink_bold{color: #1443e0 !important;font-size:12px !important} .custom_FDORowWrap .querytextright_stage3 .custom_Holder{width:30%} @media screen and (max-width:680px){ .custom_FDORowWrap .custom_FDO1_c2{width: 100%;margin-left: 48%;float: left;} .custom_FDORowWrap .custom_FDO2_c2{margin-top: -27px;} } /* Service Request Update GSTIN Ends*/ /* Forgot User ID */ .custom_forgot_content{padding: 25px 80px 25px 25px;box-sizing: border-box;width: 100%;} .custom_forgot_content .custom_fogot_userid_content{text-align:justify;margin-left:0;line-height:1.3;font-size:15px;background-image:url(../images/success_material.png);background-repeat:no-repeat;background-position:0 0;padding-left:40px} /* Forgot User ID */ /* Demand Draft */ .custom_RemarksArea .remarksboxux3{width:182px !important} .custom_RemarksArea .character-counter{width: 24% !important} .custom_Location .labelColumn_combo_small{width:170px !important} @media only screen and (max-width: 680px){ .custom_DepositeAcc .lookup_button{margin-left: 46% !important} .custom_BreakTransfer .labelColumn_combo_small{margin-left: 48%} } /* Demand Draft Ends*/ /* Break Term Deposite */ .custom_AvailBalance,.custom_updateApprover{box-sizing: border-box} @media only screen and (min-width: 730px){.custom_AvailBalance{padding-left: 365px}} @media only screen and (max-width: 729px) and (min-width: 570px){.custom_AvailBalance{padding-left: 208px}} @media only screen and (max-width: 569px) and (min-width: 480px){ .custom_AvailBalance{padding-left: 190px;} .custom_AvailBalance .stage3_inputpanel_column{text-align:left} } @media only screen and (max-width: 479px) and (min-width: 320px){ .custom_AvailBalance{padding-left: 120px} } /* Break Term Deposite */ /* View Amortization Schedule */ .custom_detailspanelcombobuttonrow1 .labelColumn_combo{margin-top:5px} .custom_detailspanelcombobuttonrow2 .btn{margin-top:9px} /* View Amortization Schedule */ .custom_MoreActions td .more.dropdown-button {padding-left: 50px;} @media only screen and (max-width: 800px) and (min-width: 500px){ .custom_BeneMoreActions #HWListTable10072682 .more.dropdown-button{padding-left: 5px;} } @media screen and (max-width: 499px) and (min-width: 320px){ .custom_BeneMoreActions .hasPulldownMenu {position: static!important;} } /* Advance Search Starts - 1 */ .custom_AdvanceSearch.stage3_searchpanel_detailsdiv{margin: 0 !important;width: 100%;border:0;padding-top:0} .custom_AdvanceSearch h3.stage3_searchsubsecheader{padding: 12px 0;background-color: #e9e8e8 !important;} .custom_AdvanceSearch h3.stage3_searchsubsecheader .stage3_optionallink_accnts{font-size: 16px} .custom_AdvanceSearch .stage3_searchpanelrow{margin-left:0} .custom_AdvanceSearch .custom_AdvanceTop{margin-top:20px !important} @media screen and (max-width: 479px) and (min-width: 320px){ .pageLeftContainer .custom_AdvanceSearch input.all-datepicker{width: 112px !important} .custom_AdvanceSearch .labelcolumnsmall {width: 102px!important} .custom_AdvanceSearch .querytextboxmedium_small {width: 90px !important} .custom_LabelWidth .stage3_searchpanellabel{width: 60%} } @media screen and (min-width: 800px) { .custom_AdvanceSearch .custom_AdvanceTop{width:80%;margin:0 auto;box-sizing:border-box;padding:0 10px;border:1px solid #1b3281;border-bottom:0} .custom_AdvanceSearch .custom_AdvanceBottom{width:80%;margin:0 auto;border:1px solid #1b3281;padding:0 10px;box-sizing:border-box;border-top:0} } @media screen and (min-width: 320px) { .custom_searchButtonsRight{text-align:right} } /* Advance Search Ends */ /* View Transaction Details */ @media screen and (max-width: 639px) and (min-width: 1px){ .custom_DetailsWidth .stage3_previewconfirm_label_column,.custom_DetailsWidth .ui-dialog .stage3_previewconfirm_label_column{width:49%} } /* View Transaction Details Ends*/ /* Confirmation Details for responsive alignment fixes */ @media screen and (max-width: 667px) and (min-width:320px){ #otpMode .span-radiobutton{width:0} #otpMode span#smstext,#otpMode span#bothtext{width: 90px;display: block;float: none} #otpMode span#emailtext{width: 100px;display: block;float: none} } @media screen and (max-width: 480px) and (min-width:320px){ #butn3,#butn2,#butn1,#otpMode .querytextright{text-align:center} } /* Confirmation Details for responsive alignment fixes ends*/ /* Dashboard Image Widget - Dkshta */ .custom_WidgetImg{cursor:pointer} .custom_AccTableContent{word-break:break-all} /* Dashboard Image Widget - Dkshta Ends*/ .custom_viewDemo #videoDemo{font-size:14px} /* Added for Harshala */ .searchsimpletext.custom_ccUnbilledFont{font-weight: bold!important;margin-top: 5%} .searchsimpletext.Custom_ccEMI{width:auto!important;} /* Added for Harshala Ends*/ /* Account Statement Advance Search - 2*/ /* FilterBy */ .customDateRangeSection h3 span.simpletext,.customMoreFilterSection h3 span.simpletext{font-size: 16px} .customDateRangeSection h3{padding-top:10px} .customMoreFilterSection h3{border:0} /* Float left side and width */ .customDateRangeRowset, .customTxnForSection, .customTxnNoSection{width: 33.33%;float: left} @media screen and (max-width: 720px) and (min-width:320px){ .customDateRangeRowset, .customTxnForSection, .customTxnNoSection{width: 100%;float: left;margin:0 0 10px 5px} } /* Radio button and Text */ .customDateRangeRowset .cust_Rbk1{margin-left: 5px} .customDateRangeRowset p span.stage3_searchpanelcolumn, .customTxnForSection p span.stage3_searchpanelcolumn, .customTxnNoSection p span.stage3_searchpanelcolumn{width: 80% !important} /* Respective Data */ .customDateRangeRowset .cust_Rbk2, .customTxnForSection .cust_Rbk2, .customTxnNoSection .cust_Rbk2{margin-left: 40px} /* .customDateRangeRowset p.stage3_searchpanelrow:last-child{margin-left: 57px !important} To Date */ /* Input Field Width */ .pageLeftContainer .customDateRangeRowset input.all-datepicker, .pageLeftContainer .customDateRangeRowset input.future-datepicker{width: 80px;margin-top:7px} .pageLeftContainer .customDateRangeRowset input.past-datepicker{width: 80px !important; display: inline;} .customDateRangeRowset .picker-icon{right: -25px;top: -3px} /* Transaction Period */ .customTxnForSection .stage3_searchpanelcolumn .labelColumn_combo_small{width: 110px} .customTxnForSection .stage3_searchpanelcolumn .labelColumn_combo_small .labelColumn_combo_brdr_small{width: 120px} .customTxnForSection p span.stage3_searchpanelcolumn label.stage3_searchpanellabel{/*margin-top: 10px*/} /* Last Transaction */ .customTxnNoSection span.querytextboxmedium_small{padding-bottom: 10px !important;width: 50px !important;margin: 0;padding-right: 15px !important;} .customTxnNoSection span.querytextboxmedium_small input.labelcolumnsmall{width: 70px} /* .customTxnNoSection p.stage3_searchpanelrow span.stage3_searchpanelcolumn label{width: 45px;margin-top: 15px;float: left;word-wrap: normal} */ /* More Filters */ .customMoreFilterSection{clear: both;padding-top: 20px} /* Whole Div */ .customMoreFilterRowset{padding-left: 6px} /* Label Spacing top and bottom */ .customMoreFilterRowset .custMore_Rbk1{margin-top:0;margin-bottom: 5px} .customMoreFilterRowset .custMore_Rbk3, .customMoreFilterRowset .custMore_Rbk5{margin-top: 20px;margin-bottom: 5px} .customStmtButtonSection .stage3_previewconfirmdetails{border:0} /* From & To Dates Row */ .customMoreFilterRowset .custMore_Rbk2 span, .customMoreFilterRowset .custMore_Rbk4 span{width: 20%} .customMoreFilterSection .custMore_Rbk2_C2, .customMoreFilterSection .custMore_Rbk4_C2{margin-left: 10px} .customMoreFilterRowset .querytextboxmedium_small .labelcolumnsmall{width: 100px !important} /* #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk2 #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk2.C1 .querytextboxmedium_small{margin: 0} */ @media screen and (min-width: 320px) and (max-width:480px){ .customMoreFilterRowset .custMore_Rbk2 span, .customMoreFilterRowset .custMore_Rbk4 span{width: 50% !important} .customMoreFilterSection .custMore_Rbk2_C2, .customMoreFilterSection .custMore_Rbk4_C2{margin-left: 15px} } @media screen and (min-width: 481px) and (max-width:720px){ .customMoreFilterRowset .custMore_Rbk2 span, .customMoreFilterRowset .custMore_Rbk4 span{width: 35% !important} } /* Input Boxes Float #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk2 #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk2.C1 .querytextboxmedium_small input, #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk2 #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk2.C2 .querytextboxmedium_small input, #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk4 #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk4.C1 .querytextboxmedium_small input, #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk4 #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk4.C2 .querytextboxmedium_small input{float: right} */ /* Buttons */ /* #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rowset1 (stage3_previewconfirmdetails){margin-right: 20px} */ /* Float Left Common Class */ .custom_stage3_searchpanelcolumn{float:left} .customInstrumentHeader{float:none !important} /* Trasaction Type */ /* #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk5.C1 label{margin-left: 0} #PageConfigurationMaster_RXACBSW__1:SearchPanel_Stage3_Extended_midAligned19.Rbk5.C2{width: 25%} */ .customMoreFilterRowset .custMore_Rbk5_C1{width: 17%} @media screen and (min-width: 320px) and (max-width:530px){ .customMoreFilterRowset .custMore_Rbk5_C1{width: 40%} } @media screen and (min-width: 531px) and (max-width:640px){ .customMoreFilterRowset .custMore_Rbk5_C1{width: 30%} } .customDateRangeRowset .cust_Rbk2_C1 input{margin-left: 20px} /* Error Messages */ .customMoreFilterRowset .custMore_Rbk2 .custom_Error2 .ERROR_ROW_SPAN,.customMoreFilterRowset .custMore_Rbk2 .custom_Error1 .ERROR_ROW_SPAN{width: 80% !important;margin-top: 10px;margin-bottom: 10px;float:left} .custom_Error1 .ERROR_ROW_SPAN{margin-left: 37px} .custom_Error2 .ERROR_ROW_SPAN{margin-left: 23px} @media screen and (min-width: 320px) and (max-width:480px){ .customMoreFilterRowset .custMore_Rbk2 .custom_Error2 .ERROR_ROW_SPAN,.customMoreFilterRowset .custMore_Rbk2 .custom_Error1 .ERROR_ROW_SPAN{width: 100% !important} } /* Account Statement Advance Search Ends*/ /* Account Statement Advance Search - 3*/ .customTxnNoSection p span.custom_LastTxn{width:100% !important} @media screen and (min-width: 740px){ .custom_More1{width: 49%;float: left;padding-left: 1%;box-sizing: border-box} .custom_More1 .custMore_Rbk2 span,.custom_More1 .custMore_Rbk4 span{width: 40% !important} } @media screen and (max-width: 740px){ .customMoreFilterSection .custom_More1:last-child{padding-top: 10px} } /* Account Statement Advance Search Ends*/ /* Open Term Deposit Account */ @media screen and (max-width: 580px) and (min-width:320px){ .custom_DebitAccount span i.btn{float:none;} .custom_DebitAccount span i.btn,.custom_DebitAccount .lookup_buttonlarge{margin-left: 48% !important} } .custom_yellowpanel{padding: 5px;box-sizing: border-box} .custom_yellowpanel .custom_secondContent{margin-top: 5px} .custom_Renew .newabsmiddle2txt [type="radio"] + span:before,.custom_Renew .newabsmiddle2txt [type="radio"] + span:after{top: 0 !important;} /* Open Term Deposit Account Ends*/ /* HDFC Life Insurance */ .custom_SubSectionHDFC{float: left;width: 32%;border: 1px solid #ccc;box-sizing: border-box;margin: 0.66%;} .custom_grayborder {padding: 9px;box-sizing: border-box} .custom_SubSectionHDFC .custom_R1,.custom_SubSectionHDFC .custom_R2{text-align:center} .custom_SubSectionHDFC .custom_R2{margin:20px 15px 5px;min-height:35px} .custom_knowMore .btn, .custom_BuyKnow .btn{width: 100%;margin: 5px 0;padding:0} .custom_txtRed{color:#1B3281;font-weight:bold} .custom_txtBlue{color:#EE1C25} .CustomHDFCLifeFG_TextDesc{margin: 5px 15px 10px} .custom_SubSectionHDFC img{width: 100%} .custom_R3{padding: 0 15px} .custom_BuyKnow i{margin-bottom: 15px !important} @media screen and (min-width: 480px) and (max-width:768px){ .custom_SubSectionHDFC{width: 46%;margin: 2%} .CustomHDFCLifeFG_TextDesc{min-height: 70px} } @media screen and (min-width:768px){ .CustomHDFCLifeFG_TextDesc{min-height: 65px} } @media screen and (min-width: 320px) and (max-width:479px){ .custom_SubSectionHDFC{width: 98%;margin: 2% 1%} } /* HDFC Life Insurance Ends */ /* Change Password Page Fix Continue*/ .custom_SubmitRight{float:none !important} .custom_ContinueBtn{margin-right:8%} @media screen and (min-width: 320px) and (max-width:480px){.custom_ContinueBtn{margin-right:5%}} /* Change Password Page Fix Continue ends*/ /* Aadhar Updation */ .custom_aadharUpdate{padding-top: 1px} .custom_aadharHeading{margin-bottom: 10px} .custom_aadharHeading h3{margin: 0px;background: #e6e7e8;padding: 8px 0 8px 20px !important;width: 97%;width: -webkit-fill-available;border: 1px solid transparent;} .custom_aadharText,.custom_aadharButton{box-sizing: border-box;padding: 10px} .custom_aadharButton .stage3_searchpanelrow{float:right !important;text-align: right} .custom_AdvanceSearch h3.custom_AadhaarHeader{background-color: #c9c7c7 !important;padding:12px 0 !important;height:auto} /* Aadhar Updation Ends*/ /* Add Beneficiary */ .custom_FloatNone p.stage3_inputpanel_paydetailsrow span.labelColumn_combo_small, #PageConfigurationMaster_3RINPTW__1\:DataEntry_LeftContainer_Stage39\.Ra1 #PageConfigurationMaster_3RINPTW__1\:DataEntry_LeftContainer_Stage39\.Ra1\.C2 span.labelColumn_combo_small{margin-right:0!important} .custom_FloatNone #PageConfigurationMaster_3RINFTW__1\:payee_type_O, .custom_FloatNone #PageConfigurationMaster_3RINTPW__1\:payee_type_O, .custom_FloatNone #PageConfigurationMaster_3RINTPW__1\:payee_type_P, .custom_FloatNone #PageConfigurationMaster_FTFTPAW__1\:payeeTagHelperMainRow, .custom_FloatNone #PageConfigurationMaster_RINRTGW__1\:payee_type_P, .custom_FloatNone #PageConfigurationMaster_RINRTGW__1\:payeeTagHelperMainRow, .custom_FloatNone #PageConfigurationMaster_FTFTPAW__1\:payee_type_P, .custom_FloatNone #PageConfigurationMaster_3RVTXNW__1\:payee_type_P, .custom_FloatNone #PageConfigurationMaster_3RMANTW__1\:payee_type_P, .custom_FloatNone #PageConfigurationMaster_3VRTXNW__1\:payee_type_P, .custom_FloatNone #PageConfigurationMaster_3RSTXNW__1\:payee_type_P, .custom_FloatNone #PageConfigurationMaster_3RMANTW__1\:payee_type_O, .custom_FloatNone #PageConfigurationMaster_3VRTXNW__1\:payee_type_O, .custom_FloatNone #PageConfigurationMaster_3RVTXNW__1\:payee_type_O{float: none !important} .custom_FloatNone .querytextright_stage3 .static_error_message_new{width: 20%} .customAddbeneAllwChars span{color: #FF0000;font-size: 12px;font-style: italic} @media only screen and (max-width: 740px){ .custom_FloatNone .custom_addBenificiaryC3{margin-left: 46% !important} } @media only screen and (min-width: 710px){ .custom_FloatNone .custom_addBenificiaryC3 i.btn{top:0px;} } @media only screen and (max-width: 700px){ .custom_FloatNone .querytextright_stage3 .static_error_message_new{width: 40%;margin-left: 48%} } @media only screen and (max-width: 480px){ .customAddbeneAllwChars{margin-left: 47%;} } /* Add Beneficiary Ends*/ /* Added by Binny for EASBA Pop up issue */ .customAsbaTopAlign{top:80px !important} .customAsbaTopAlignSideWidget{margin-top:72px !important} .customChannelIdHide span{visibility:hidden} .HW_textwithpadding.customUpdateUserId{padding-left: 4px} .customTxtRedForAadhar {color: #FF0000 !important} #parent_ADRLNK #ID_ADRLNK{display: none !important;} .customAsbaTopAlign,.customHDFCTopAlign {top: 106px !important;} /* Added by Binny for EASBA Pop up issue Ends*/ /* Account Summary Widget scroll Start*/ /* #RetailUserDashboardUX5_WAC85__0.widget-content.listingcol.empty-widget,#RetailUserDashboardUX5_WAC85__1.widget-content.listingcol.empty-widget{overflow:auto!important} #RetailUserDashboardUX5_WAC85__0::-webkit-scrollbar,#RetailUserDashboardUX5_WAC85__1::-webkit-scrollbar{width:5px!important;height:5px!important} #RetailUserDashboardUX5_WAC85__0::-webkit-scrollbar-thumb,#RetailUserDashboardUX5_WAC85__1::-webkit-scrollbar-thumb{background:#bdbdbd;-webkit-border-radius:16px;border-radius:16px} #RetailUserDashboardUX5_WAC85__0::-webkit-scrollbar-track,#RetailUserDashboardUX5_WAC85__1::-webkit-scrollbar-track{-webkit-border-radius:16px;border-radius:16px;background-color:transparent} */ /*Account Summary Widget scroll End */ /* Terms & Conditions */ .custom_paymentConfirmation .customTnCNewDesignBorder h3{border-top:0} .customTnCNewDesignBorder .querytextleft_withleftBorder_Auth{border-bottom: 1px solid #E0E0E0} .customTnCDownloadLink a.bluelink_bold{padding: 20px 0 10px 10px;margin-right: 8px;display: block} /* Terms & Conditions Ends */ /* Account Summary Widget scroll Start*/ #RetailUserDashboardUX5_WAC85__1.widget-content.listingcol.empty-widget{overflow:auto!important;} /* All Widgets Browser Scroll */ .center-container .widget-content.listingcol.empty-widget{/*overflow-y:auto !important;*/} /* Financial Overview & Quick Links For Chrome and Safari*/ #RetailUserDashboardUX5_WAC85__0::-webkit-scrollbar, #RetailUserDashboardUX5_WAC85__1::-webkit-scrollbar, .custom_quickLinks .stage3_menuIdTextlink::-webkit-scrollbar{width:10px!important;height:10px!important} #RetailUserDashboardUX5_WAC85__0::-o-scrollbar, #RetailUserDashboardUX5_WAC85__1::-o-scrollbar, .custom_quickLinks .stage3_menuIdTextlink::-o-scrollbar{width:10px!important;height:10px!important} #RetailUserDashboardUX5_WAC85__0::-webkit-scrollbar-thumb, #RetailUserDashboardUX5_WAC85__1::-webkit-scrollbar-thumb, .custom_quickLinks .stage3_menuIdTextlink::-webkit-scrollbar-thumb{background:#aaa;border-radius:0 !important} #RetailUserDashboardUX5_WAC85__0::-o-scrollbar-thumb, #RetailUserDashboardUX5_WAC85__1::-o-scrollbar-thumb, .custom_quickLinks .stage3_menuIdTextlink::-o-scrollbar-thumb{background:#aaa;border-radius:0 !important} #RetailUserDashboardUX5_WAC85__0::-webkit-scrollbar-track, #RetailUserDashboardUX5_WAC85__1::-webkit-scrollbar-track, .custom_quickLinks .stage3_menuIdTextlink::-webkit-scrollbar-track{background-color:transparent;border-radius:0 !important} #RetailUserDashboardUX5_WAC85__0::-o-scrollbar-track, #RetailUserDashboardUX5_WAC85__1::-o-scrollbar-track, .custom_quickLinks .stage3_menuIdTextlink::-o-scrollbar-track{background-color:transparent;border-radius:0 !important} /* Hide Dummy Scroll */ #ascrail2001,#ascrail2005,#ascrail2006,#ascrail2007,#ascrail2008,#ascrail2009,#ascrail2010{display:none !important} /* InstaWidget */ #RetailUserDashboardUX5_INWD__1{overflow:hidden !important} /* Account Summary Widget scroll End */ /* Language Dropdown on Login Page */ .customLoginLanguage{width: 100%;} .customCallCentreLanguage{float:left} .customHindiDropDown{width: 15%;margin-right: 5%;} .customLangCallNos{width: 80%; float: left;} .customHindiDropDown .select-wrapper span.caret:after{background: transparent;} .customHindiDropDown .select-wrapper span.caret{top: 13px;} .customHindiDropDown .select-wrapper{margin-top:5px} .customHindiDropDown .select-wrapper input.select-dropdown{height: 2rem;line-height: 2rem;margin: -17px 0 0 5px;} @media screen and (max-width: 1023px) { .customHindiDropDown{width: 50%;margin-right: 0;} .customLangCallNos{width: 49%;border-left: 1px solid #fff;} .customHindiDropDown .select-wrapper{width: 40%;margin:10px auto 0} .customCallCenSep{display: block;visibility: hidden;font-size: 0} /*.custom_evauth1 {margin-top: 35px} */ } @media only screen and (min-width:768px) and (max-width: 1023px){ .careNumber,.custService{font-size:13px} } /* Language Dropdown on Login Page Ends*/ /* Personal Settings */ @media only screen and (max-width:680px){ .custom_PersonalDetails .width25percent_mleft{width: auto !important;min-width: initial !important;text-align: center;float:none} .custom_PersonalDetails .width75percent_mleft{width: 100% !important;max-width: initial;box-sizing: border-box;padding: 0 20px} .custom_PersonalDetails .myprofilehome_label_column{width: 40%} } @media only screen and (max-width:680px) and (min-width:480px){ .custom_PersonalDetails .width75percent_mleft{padding: 0 10%} } @media only screen and (max-width:479px) and (min-width:320px){ .custom_PersonalDetails .width75percent_mleft{padding: 0 5%} } /* Personal Settings Ends*/ /* Aadhaar Warning Popup */ .customWarningPopUp .step_trackerwidth_withoutmargin{width: 81%;float: left;padding:0 2%;line-height:1.5} .customWarningPopUp.icon-warning2:before{font-size: 5em;float: left;width: 15%;color:#ff0000;text-align: right;} @media only screen and (max-width:680px){ .customWarningPopUp.icon-warning2:before{font-size:4em} .customWarningPopUp .step_trackerwidth_withoutmargin{width: 75%;float: left;padding:0 5%} } @media only screen and (max-width:480px){ .customWarningPopUp.icon-warning2:before{font-size:2.5em} label[id*='PageConfigurationMaster_RSRUX3W__1'][id$=':StopMultipleCheque']{width:90px} } /* Aadhaar Warning Popup Ends*/ /* Service Request > Hide Elements */ .custom_confirmationDet{background:none!important;border-bottom:0!important} /* Service Request > Hide Elements Ends*/ /* Edit Nickname - Bank Accounts */ .customEditNicknameAlign{font-weight: 600;position: absolute;right: 10px;top: 7px} .customEditNicknameAlign a.bluelink{background: url("../images/icon-Bedit.PNG") no-repeat left center;padding: 10px 0 10px 25px;background-size:20px} /* Edit Nickname - Bank Accounts Ends */ /* Profile Icon */ .person-name:after{border-radius: 4px;border: 1px solid #1b3281;padding: 3px} .menu__link[data-submenu]::after {content: "\e902" !important} .menu__breadcrumbs a:not(:last-child):not(:first-child)::after {content: "\e901" !important} /* Profile Icon */ /* Quick links */ /*.custom_quickLinks .stage3_menuIdTextlink li{padding:0 0 0 5px}*/ a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[0]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[1]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[2]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[3]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[4]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[5]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[6]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[7]'],a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[8]'] { background-repeat:no-repeat;background-position:left center;display:block } /*a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[3]']{background-image:url("../images/widget icons/icon-Qfundtrans.png?v=1")}*/ /* Added By VIKASH to remove ODFD and add Fund Transfer - RBL to RBL*/ a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[0]']{background-image:url("../images/widget icons/icon-Qopenterm.png?v=1")} /* Added By VIKASH TO MAKE Open Term Deposit as first Menu*/ /*a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[1]']{background-image:url("../images/widget icons/icon-ccPayment.png?v=1")}*/ /* This Field is Hide from CSS*/ a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[1]']{background-image:url("../images/widget icons/icon-upgradeDebitcard.png?v=1")} a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[2]']{background-image:url("../images/widget icons/icon-Qfundtrans.png?v=1")} a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[3]']{background-image:url("../images/widget icons/icon-Qaccountststement.png?v=1")} /*a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[3]']{background-image:url("../images/widget icons/icon-725DaysFD.png")}*/ a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[4]']{background-image:url("../images/widget icons/icon-Rekyc.png?v=1")} a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[5]']{background-image:url("../images/widget icons/icon-Qdebicardpinset.png?v=1")} a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[6]']{background-image:url("../images/widget icons/icon-ODFD.png?v=1")} /*Added By Vikash to remove ODFD*/ /*Added by seema for Raise Query and Track request:Start*/ a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[7]']{background-image:url("../images/widget icons/icon-raiseQuery.png?v=1")} a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[8]']{background-image:url("../images/widget icons/icon-trackComplaint.png?v=1")} /*Added by seema for Raise Query and Track request:End*/ /* Insta Widgets */ #RetailUserDashboardUX5_INWD__1\:W1UX5,#RetailUserDashboardUX5_INWD__1\:W14,#RetailUserDashboardUX5_INWD__1\:CIWS,#RetailUserDashboardUX5_INWD__1\:WAC85,#RetailUserDashboardUX5_INWD__1\:W3UX5,#RetailUserDashboardUX5_INWD__1\:CCDUX5,#RetailUserDashboardUX5_INWD__1\:W04UX5,#RetailUserDashboardUX5_INWD__1\:W2UX5{padding:25px 0 0;display:inline-block;background-position:center 0;background-repeat:no-repeat} #RetailUserDashboardUX5_INWD__1\:W1UX5{background-image:url("../images/widget icons/icon-Iloan.png")} #RetailUserDashboardUX5_INWD__1\:W14{background-image:url("../images/widget icons/icon-Iconsolidated.png")} #RetailUserDashboardUX5_INWD__1\:CIWS{background-image:url("../images/widget icons/icon-Icustomerid.png")} #RetailUserDashboardUX5_INWD__1\:WAC85{background-image:url("../images/widget icons/icon-Ifinancialoverview.png")} #RetailUserDashboardUX5_INWD__1\:W3UX5{background-image:url("../images/widget icons/icon-Iterm.png")} #RetailUserDashboardUX5_INWD__1\:CCDUX5{background-image:url("../images/widget icons/icon-Ioffers.png")} #RetailUserDashboardUX5_INWD__1\:W04UX5{background-image:url("../images/widget icons/icon-Ioverviewdiagram.png")} #RetailUserDashboardUX5_INWD__1\:W2UX5{background-image:url("../images/widget icons/icon-Ibankaccounts.png")} .custom_iconsAdd .insta-widget-panel.panel .panel-content{padding:15px 10px!important} .custom_iconsAdd .insta-widget-panel.panel .widget-content{width:100%!important;padding-left:0!important;padding-right:0!important} .custom_iconsAdd .insta-widget-panel.panel .widget-content,.insta-widget-panel.panel .widget-inner-block{background:transparent!important;border:1px solid #c9c7c7;border-radius:2px!important;width:100%!important} @media screen and (max-width: 640px) and (min-width:1px) { .custom_iconsAdd .panel.insta-widget-panel .panel-content{padding-left:3px!important;padding-right:3px!important} .custom_iconsAdd .insta-widget-panel.panel .widget-inner-block{width:auto!important} } @media screen and (max-width: 480px) and (min-width:320px) { .custom_iconsAdd #insta-widget-panel .widget-inner-block{width:auto!important} } @media only screen and (max-width:480px) { .custom_iconsAdd .insta-widget-panel.panel .widget.col{padding:5px 1px!important} } /* Insta Widgets Ends*/ /* Form 15G/H - Binny*/ .customSuperScriptClass{font-size:13px;color:#9E9E9E;position:relative;top:-3px} .fghHelpIcon:before{font-family:icomoon!important;content:"\e944";position:relative;top:7px;cursor:pointer;color:#1b3281;margin-left:30px} .fghHelpIcon.helpIconSpecial{margin-left:20px} @media screen and (max-width: 420px) and (min-width: 320px){.fghHelpIcon:before,.fghHelpIcon.helpIconSpecial{margin-left:0px}} /* Form 15G/H Ends*/ .custom_DematTable{width:150%} /*Added by Binny for Cheque Book request address alignment Start*/ .customCHKAddress{margin-top: 5px;width: 50%;float: left;display: block;overflow: visible;} /*Added by Binny for Cheque Book request address alignment End*/ /* debit card pin set reset */ .custom_dbr_expdate_col span.querytextboxmedium_small {width: 50px!important; padding-right: 0} .custom_dbr_expdate_col .labelcolumnsmall{width: 40px!important; padding-right: 0} .custom_dbr_expdate_col span.querytextboxmedium_small:nth-child(2) {width: 80px!important; padding-right: 0} .custom_dbr_expdate_col span.querytextboxmedium_small:nth-child(2) .labelcolumnsmall{width: 80px!important; padding-right: 0} @media screen and (max-width:479px) and (min-width: 420px){ .custom_dbr_expdate_col span.querytextboxmedium_small:nth-child(2) {margin-left: 47.8%!important; margin-top: 2%;} } @media screen and (max-width:419px) and (min-width: 387px){ .custom_dbr_expdate_col span.querytextboxmedium_small:nth-child(2) {margin-left: 48%!important; margin-top: 3%;} } @media screen and (max-width:386px) and (min-width: 1px){ .custom_dbr_expdate_col span.querytextboxmedium_small:nth-child(2) {margin-left: 48.3%!important; margin-top: -1%;} } /* debit card pin set reset */ /*Added by Binny for Consolidated Summary widget as part of UI/UX Enhancement*/ .custConsWidTh {background: none; border: none; font-size: 15px !important; color: #193480; font-weight: bold; padding-right: 3px;} /*Added by Binny for Warning message color change*/ /*Added by Binny for QFR widget payment receipt*/ .failed-icon {color: #F92D2D;border-color: #F92D2D;display: inline-block;} .suspect-icon {color: #ffd338;border-color: #ffd338;display: inline-block;} .failed-icon {font-size: 45px;border: 2px solid;border-radius: 50px;padding: 20px;font-family: icomoon !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;} .suspect-icon {font-size: 75px;font-family: icomoon !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;} .failed-icon:before {content: "\e90f";} .suspect-icon:before {content: "\e930";} /*Added by Binny for Log out confirmation text size change*/ .customLogOutText {font-size:16px;} /*Added by Binny for Indiabulls error message*/ .customErrorIB h3{height:60px !important;} /*Added by Binny for Dashboard UI/UX - Start*/ .custom_financialOverview div div div table th,.custom_financialOverview div div div table td {padding: 0px 20px;} .center-container .widget-medium .widget-content { height:316px!important; border: 1px solid #c9c7c7 !important; border-top: 0px !important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /*.stage3_menuIdTextlink{height:315px!important;}*/ #ascrail2002{display:none;} /*Added by Binny to make breadcrumb clickable*/ a.breadcrumb{cursor: pointer !important;} /*Added by Binny for Dashboard UI/UX - End*/ .customNetworkAdhoc{margin-left:1%;} /* added for ODFD begins */ #parent_ODFD #ID_ODFD{display: none !important;} #topbarNew #parent_ODFD #ID_ODFD{display: block !important;} /* added for ODFD ends */ /*Added for Re-KYC link start*/ div#RetailUserDashboardUX5_WMST__1{height:354px !important;} /*Added for Re-KYC link Ends*/ .customNPCIDebitConfirm h3 {background-color: #e9e8e8;color:#1b3281 !important;} /*Added by Binny for Hamburger Icons : Start */ #nav-mobile li #ID_DASHAT{background-image:url("../images/hamburger icon/icon-dashboard.png")} #nav-mobile li #ID_RACTS{background-image:url("../images/hamburger icon/icon-accounts.png")} #nav-mobile li #ID_RTXNS{background-image:url("../images/hamburger icon/icon-transactions.png")} #nav-mobile li #ID_RSRUX3{background-image:url("../images/hamburger icon/icon_services.png")} #nav-mobile li #ID_INVM{background-image:url("../images/hamburger icon/icon-investment.png")} #nav-mobile li #ID_INSRA{background-image:url("../images/hamburger icon/icon-insurance.png")} #nav-mobile li #ID_EASBA{background-image:url("../images/hamburger icon/icon-easba.png")} #nav-mobile li #ID_BLDSK{background-image:url("../images/hamburger icon/icon-billPayments.png")} #nav-mobile li #ID_MISP{background-image:url("../images/hamburger icon/icon-more.png")} #nav-mobile li #ID_BBPWIL{background-image:url("../images/hamburger icon/icon-billPayments.png")} .menu-more-division .show_button{background-image:url("../images/hamburger icon/icon-more.png")} #nav-mobile li #ID_DASHAT,#nav-mobile li #ID_RACTS,#nav-mobile li #ID_RTXNS,#nav-mobile li #ID_RSRUX3,.menu-more-division .show_button,#nav-mobile li #ID_INVM, #nav-mobile li #ID_INSRA, #nav-mobile li #ID_EASBA,#nav-mobile li #ID_BLDSK,#nav-mobile li #ID_MISP, #nav-mobile li #ID_BBPWIL{padding-left:70px!important;background-repeat:no-repeat;background-position:20px center} .menu__link[data-submenu]::after{top:7px!important} .nav-mobile #parent_BBPWIL a:before{display:none;} /*Added by Binny for Hamburger Icons : End */ .customNewGifInput:before { content:''; background: url('../images/lhs widgets/icon_new.gif') no-repeat scroll left 0 transparent; position: absolute; text-align: right; display: block; right: 7px; width: 32px; height: 58%; top: 10px; } .customNewForChild:before { content: ''; background: url('../images/lhs widgets/icon_new.gif') no-repeat scroll left 0 transparent; position: absolute; display: block; right: 10px; width: 32px; height: 100%; top: 4px; float: right; } .customNewFor2ndChild:before {content: '';background: url('../images/lhs widgets/icon_new.gif') no-repeat scroll left 0 transparent;position: absolute;display: block;right:-4px;width: 32px;height: 100%;top: 4px;float: right;} /*.custom_quickLinks .stage3_menuIdTextlink li a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[3]']:before {content: '';background: url('../images/lhs widgets/icon_new.gif') no-repeat center transparent;position: absolute;text-align: right;display: block;right: -12px;width: 25px;height: 100%;top: 0px;} .custom_quickLinks .stage3_menuIdTextlink li a[id*='HREF_RetailUserDashboardUX5_WMST__1'][id$='CustomMySchortcutsFG.CONTEXTUAL_MENU_TEXT_ARRAY[3]']{padding:11px 15px 11px 40px;}*/ /*.menubar .nbs-flexisel-item ul li:hover{background: #e6e7e8;} .menubar .nbs-flexisel-item ul li a{ border-bottom:1px solid #4e5053;margin: 0px 10px;} .menubar .nbs-flexisel-item ul li:last-child a{border-bottom:1px solid transparent;} .menubar ul ul li:last-child ul li a, .menubar ul ul li:last-child ul li a{border-bottom:1px solid transparent !important;} .menubar ul ul li:last-child ul li a{border-bottom:1px solid #4e5053 !important;} .menubar ul ul li:last-child ul li:last-child a{border-bottom:1px solid transparent !important;} .menubar .nbs-flexisel-item ul li a:after, .menubar .nbs-flexisel-item ul li:hover a:after {border-bottom: 2px solid transparent !important;}*/ /*Added by Bhavna for button height : end */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all{overflow: hidden;} .picker__footer{text-align: center !important;} .picker__today{float:left} .picker__close{float:right} .neftOffBusinessMessage_New{position: relative;float: left;width: 100%;width: -webkit-fill-available;display: block;margin-bottom: 0px;text-align: center;padding: 0px 15px;margin: 10px 0px 0px 0px;} .neftOffBusinessMessage_text{ background-image: linear-gradient( linear, left bottom, left top, color-stop(-0.75, #f5f5f5), color-stop(1, #e3e3e3) ); background-image: -o-linear-gradient( linear, left bottom, left top, color-stop(-0.75, #f5f5f5), color-stop(1, #e3e3e3) ); background-image: -moz-linear-gradient( linear, left bottom, left top, color-stop(-0.75, #f5f5f5), color-stop(1, #e3e3e3) ); background-image: -webkit-linear-gradient( linear, left bottom, left top, color-stop(-0.75, #f5f5f5), color-stop(1, #e3e3e3) ); background-image: -ms-linear-gradient( linear, left bottom, left top, color-stop(-0.75, #f5f5f5), color-stop(1, #e3e3e3) ); background-image:-webkit-gradient( linear, left bottom, left top, color-stop(-0.75, #ffffff), color-stop(1, #e3e3e3) ); color: #dd2110; font-size: 13px; font-family: roboto-regular; line-height: 20px; text-align: center; border: 1px solid #cecece; border-radius:10px; clear: both; padding: 10px 10px; position: absolute; box-shadow: 0px 1px 5px #d4d3d36b; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); width: 39%; max-width: 100%; left: 32%; bottom: 3px; z-index: 99; } .neftOffBusinessMessage_text:after, .neftOffBusinessMessage_text:before { top: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .neftOffBusinessMessage_text:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fafafa; border-width: 9px; margin-left: 1px; margin-top: -1px; z-index: 9999; } .neftOffBusinessMessage_text:before { border-color: rgba(194, 225, 245, 0); border-top-color: #cecece; border-width: 10px; } .addres_last{ float: left; width: 100%; padding-bottom: 20px; } /*Added by Bhavna for Crest changes : start */ .custom_quickLinks .stage3_menuIdTextlink li {position: relative;} /*Added by Bhavna for Crest changes : End */ /*Added by Bhavna for heading responsive : start */ @media screen and (max-width: 580px) and (min-width:200px){ .h3Srtitle, #PageConfigurationMaster_SRFDOW__1:DataEntry_LeftContainer_Stage39.SubSectHeader2{height: 100%;float: left; width: -webkit-fill-available; display: block;} } /*Added by Bhavna for heading responsive : end */ @media screen and (max-width:720px) and (min-width:621px){ .customCalFrom {width: 21% !important;} } @media screen and (max-width:620px) and (min-width:481px){ .customCalFrom {width: 26% !important;} } @media screen and (max-width:480px) and (min-width:361px){ .customCalFrom {width: 36% !important;} } @media screen and (max-width:360px) and (min-width:200px){ .customCalFrom {width: 46% !important;} } @media screen and (max-width: 639px) and (min-width:200px){ .container-xtrasmall_ux5 {height: 100%;max-height: 100%;} .container-xtrasmall_ux5 .widget-content {height: 100%!important;} } @media screen and (max-width: 479px) and (min-width: 320px){ .mailsIconLink{margin-left:1% !important;} .notifyIconLink{margin:0px 3% !important;} .headerWelcomeText img {margin-right:7% !important; margin-left: 0% !important;} } /* added for crest debit card begins */ /*.custom_quickLinks .stage3_menuIdTextlink li:nth-child(1){ display:none;}*/ /*div[id*='RetailUserDashboardUX5_WMST__1:Details_TopLeftContainer_Stage33.SubSection1']>.stage3_menuIdTextlink li:nth-child(2){ display:none;}*/ .CrestPanel{ padding: 10px 10px 25px 10px; float: left; width: 97.3%; width: -webkit-fill-available; } .customCrestR1 { position: relative; width:47%; float: left; background: #fff; border: 1px solid #bfbfbf; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.08); transition: box-shadow 0.3s ease-in-out; padding: 10px 5px; border-radius: 10px; margin: 15px 0px 0px 0px; cursor: pointer; } .customCrestCardImg{ width:40%; height:auto; } .customCrestR1:nth-child(odd), .customCrestR1.odd.odd { float: left; clear: left; } .customCrestR1:nth-child(even), .customCrestR1.even.even { float:right; clear: right; } .CrestLeft { float: left; width: 15%; /*border: 1px solid #ececec; background: #f5f5f5;*/ } .CrestLeft .CrestLogo { width: auto; } .CrestRight { width: 84%; float: left; text-align:left; } .customCrestR1 .CrestRight input{ margin: 0px; top: 0; color: #000 !important; font-family: roboto-regular !important; font-size: 16px !important; font-weight: normal !important; background: #fff; border: 1px solid transparent; line-height: 30px; word-break: break-word; white-space: pre-wrap; } .customCrestR1:hover{ box-shadow:0 5px 15px 2px rgba(0, 0, 0, 0.32); } .customCrestR1:hover .CrestRight input{color: #1b3281!important;} .customCrestR1C2 .waves-button-input{margin-top: 9%;} .customCrestR1C1 .waves-button-input{margin-top: 3%;} .customCrestR1 .waves-button-input{margin-top: 9%;} .customCrestNoBorder{border: none;} /* .customCrestR2 .waves-effect.waves-light.btn.waves-input-wrapper{background-color: #C55770;} */ .customCrestR1 .waves-effect.waves-light.btn.waves-input-wrapper{background-color: white;box-shadow: -5px 5px 8px #c9c7c7;} .customCrestR1 .waves-button-input{color: #1b3281!important;font-size: 13px!important;font-weight: 600!important;} .Address_Crest { padding-left: 0px; } .Address_Crest span{ display: block; padding: 0px 0px 10px 0px; position: relative; width: max-content; } .Address_Crest span:last-child{ padding: 0px 0px 20px 0px; } .customCrestButton .right { width: 100%; } .customCrestButton .btn, .customCrestButton .btn-large, .customCrestButton .btn-flat { width: 7%; padding: 0px 10px; display: inline-table; text-align: center; } .customCrestButton .btn input { word-break: break-word; text-align: center; margin: 0px; padding: 0px; } .PreviewConfirm_detailsLeft, .PreviewConfirm_detailsRight { position: relative; display: block; float: left; width: 45%; padding: 15px; } .PreviewConfirm_detailsRight {float:right;} .PreviewConfirm_detailsLeft .details_list, .PreviewConfirm_detailsRight .details_list{ display:block; width: 100%; position: relative; word-break: break-all; float: left; padding: 5px 0px; } .PreviewConfirm_detailsLeft .pull-left, .PreviewConfirm_detailsRight .pull-left { width: 33%; } .PreviewConfirm_detailsLeft .pull-right, .PreviewConfirm_detailsRight .pull-right{ width: 64%; } .pull-leftPadding{ } .PreviewConfirm_detailsLeft .details_list:nth-child(odd), .PreviewConfirm_detailsLeft .details_list .odd.odd , .PreviewConfirm_detailsRight .details_list:nth-child(odd), .PreviewConfirm_detailsRight .details_list .odd.odd { background-color: #fff; clear: left; } .PreviewConfirm_detailsLeft .details_list:nth-child(even), .PreviewConfirm_detailsLeft .details_list.even.even , .PreviewConfirm_detailsRight .details_list:nth-child(even), .PreviewConfirm_detailsRight .details_list.even.even { background-color: #fff; float:right; clear: right; } .PreviewConfirm_detailsLeft .details_list .details_Text, .PreviewConfirm_detailsRight .details_list .details_Text{ color: #424242; font-size: 13px !important; } .PreviewConfirm_detailsLeft .details_list .details_value, .PreviewConfirm_detailsRight .details_list .details_value { color: #757575; font-size: 13px !important; display:block; } @media screen and (max-width:1024px) and (min-width: 768px){ .customCrestR2 .waves-button-input{max-width: 180px;} .customCrestR2 .waves-effect.waves-light.btn.waves-input-wrapper{height: 80px;} .customCrestR2C1 .waves-button-input{margin-top: 5%;} .customCrestR2C2 .waves-button-input{margin-top: 12%;} .customCrestR2.customCrestR1 .waves-button-input{margin-top: 12%;} } @media screen and (max-width:640px) and (min-width:200px){ .customCrestR1{ width: -webkit-fill-available;} .customCrestR1:nth-child(even), .customCrestR1.even.even {float: left;clear: left;} .CrestLeft, .CrestRight{ float: initial; width: auto; text-align: center; margin: 0px auto; display: table; } .customCrestCardImg{ /*height:180px;*/ width:80%; } } /* added for crest debit card ends */ #LoginHDisplay .customExpiryDatePara, #LoginHDisplay .customDebitExpiryDatePara{padding-left:27px;} #parent_OFFPOP{display:none;} /* added for SGB begins */ .custom_rbl_recommendation_sgb{margin-left: 35% !important;width: auto !important;text-align: left;margin-bottom: 10px;} .custom_content.custom_rbl_recommendation_sgb.errornote_sgb{color: #F44336!important;} .customRadioBtnSGB{width: 12%;} /* added for SGB ends */ a.customSmtFO,a.customSmtFO:hover{ font-size: 14px !important; color: #fff !important; } /*added by Seema on 05-12-2020 for register page start*/ @media screen and (max-width: 768px) and (min-width: 320px){ .CustomOnBoardP.register_customonBord .loginPanelInputDetailsrow{width: 88%; padding-right: 10px;} .CustomOnBoardP.register_customonBord .simpletext {color: #424242;line-height: 18px;} } /*added on 05-12-2020 for register page end*/ /*Added for account statement collapsible style:Start*/ .customMoreFilterRowset .custMore_Rak1 { margin-top: 52px; margin-bottom: 5px; margin-left: 15px; } .customMoreFilterRowset .custMore_Rck1 { margin-top: -74px; margin-bottom: 5px; margin-left: 536px; } .customMoreFilterRowset .custMore_Rdk1 { margin-top: -65px; margin-bottom: 5px; margin-left: 379px; } .customMoreFilterRowset .custMore_Rdk1c2 { margin-top: 21px; margin-left: -374px; } .customMoreFilterRowset .custMore_Rdk1c3 { margin-top: 21px; margin-left: -191px } .customMoreFilterRowset .custMore_Rbk2c1 { margin-top: 22px; margin-left: -374px; } .customMoreFilterRowset .custMore_Rbk2c2 { margin-top: 22px; margin-left: -190px; } .customMoreFilterRowset .custMore1_Rbk1{margin-top:0;margin-bottom: 5px;margin-left: -28px;} .customMoreFilterRowset .custMore1_Rbk5_C1{ width: 17%;margin-left: -25px;} .customDateRangeRowset .custMore2_Rbk1 { margin-left: -31px; } .Customstage3_previewconfirm_label_column { width: 23.4%; float: left; padding-right: 5px; word-wrap: break-word; margin-right: 5px; text-align: right; } /*Added for account statement collapsible style:End*/ /*added for tax payments begins*/ .custom_challanInfo{ margin-left: 0px !important; float: none; font-size: 16px; } .customChallanRow{ margin-top: 1%; margin-left: 0.2%; } .customChallanHeading{ font-size: 18px; } .pageLeftContainer .stage3_inputpanel_leftcontainer .width100percent .width100percent.customTPSubSection{ border-bottom: 1px solid #E0E0E0 !important; padding-bottom: 2% !important; padding-top: 4% !important; } .pageLeftContainer .stage3_inputpanel_leftcontainer .width100percent .width100percent.customTPFinalSubSection{ padding-bottom: 2% !important; padding-top: 4% !important; } .customChallanRowset{ width: 100%; } .customButtonRowset{ padding-top: 1%; } .customTPRadio{ padding-top: 0.5%!important; } .width79percent_navigationpanel.customCrestButton.customTPFetchButton{ padding-bottom: 2% !important; } .stage3_inputpanel_leftcontainer.customNoBottomBorder.customTPDetailsSection{ border-top: 1px solid #E0E0E0 !important; border-bottom: 1px solid #E0E0E0 !important; } .stage3_leftrightmainpanel.customNominationHeader.customTPDetailsHeader{ padding-bottom: 0px!important; } .customTPTotalAmount{ width : auto!important; margin-top : -0.8%; margin-left : -0.1%; } @media screen and (max-width:680px){ .customTPRadio{ margin-left: 15%; float: right; width: 75%; } .customTPRadio .searchsimpletext{ width: 70%; } .customTPTotalAmount{ width : auto!important; margin-top : 0.3%; margin-left : 0.7%; } .PreviewConfirm_detailsRight{ float:left; } .pageLeftContainer .stage3_inputpanel_leftcontainer .width100percent .width100percent.customTPSubSection h3 { padding-left: 0px; } } /*Style added by seema on 23-11-20*/ @media screen and (max-width: 768px){ .PreviewConfirm_detailsLeft, .PreviewConfirm_detailsRight{ padding-bottom: 0; padding-top: 0px; width: 95%; } .pageLeftContainer .stage3_inputpanel_leftcontainer.customTPDataContainer .width100percent .width100percent { padding-left:0px !important; padding-right:0px !important; } .pageLeftContainer .stage3_inputpanel_leftcontainer.customTPDataContainer .width100percent .width100percent.customTPSubSection { border-bottom: 0 none !important; } .pageLeftContainer .stage3_leftrightmainpanel h3{ height: auto; } .pageLeftContainer .stage3_inputpanel_leftcontainer.customTPDataContainer .width100percent .width100percent h3 { padding-left: 0px; } } @media screen and (max-width:1024px) and (min-width: 680px){ .customTPRadio{ float: right; width: 54% } .customTPRadio .searchsimpletext{ width: 70%; } .customTPTotalAmount{ width : auto!important; margin-top : -0.2%; margin-left : 0.7%; } /*style added by seema*/ .pageLeftContainer .stage3_inputpanel_leftcontainer.customTPDataContainer .width100percent .width100percent h3 { padding-left: 0px; } .pageLeftContainer .stage3_inputpanel_leftcontainer.customTPDataContainer .width100percent .width100percent { padding-left:0px !important; padding-right:0px !important; } .pageLeftContainer .stage3_inputpanel_leftcontainer.customTPDataContainer .width100percent .width100percent.customTPSubSection { border-bottom: 0 none !important; } .pageLeftContainer .stage3_leftrightmainpanel.customTPDataContainer h3{ height: auto; } } /*added for tax payments ends*/ .customKeyboardAns1 .ui-keyboard{top:-10px!important;left:405px!important} .customKeyboardAns2 .ui-keyboard{top:80px!important;left:405px!important} /*added for signature card begins */ .customUpgradeCardInfo .owl-item.active, .customUpgradeCardInfo .item.customDisablePointerOptions{ height:auto; } .customUpgradeCardInfo .item .customCrestCardImg{ width: 50%; height: auto; } .customUpgradeCardInfo .item .customSignatureCardImg{ width: 33%; height: auto; } .customUpgradeCardInfo .item .customEnterpriseCardImg{ width: 33%; height: auto; } .customUpgradeCardInfo .item .customPinnacleCardImg{ width: 33%; height: auto; } .customUpgradeCardInfo .item .customCrest_visaCardImg{ width: 50%; height: auto; } @media screen and (max-width:640px) and (min-width:200px){ .customUpgradeCardInfo .item .customCrestCardImg{ width: 80%; height: auto; } .customUpgradeCardInfo .item .customSignatureCardImg{ width: 60%; height: auto; } .customUpgradeCardInfo .item .customEnterpriseCardImg{ width: 60%; height: auto; } .customUpgradeCardInfo .item .customPinnacleCardImg{ width: 60%; height: auto; } .customUpgradeCardInfo .item .customCrest_visaCardImg{ width: 80%; height: auto; } } .customUpgradeCardInfo .owl-item{ /*width: 50% !important;*/ } .customUpgradeCardInfo .item.customDisablePointerOptions{ width: 100% !important; pointer-events: all; } .customUpgradeCardInfo .CrestLeft .CrestLogo{ top: 0px; } .customUpgradeCardBannerLink{ margin: 0px; top: 0; color: #000 !important; font-family: roboto-regular !important; font-size: 16px !important; font-weight: normal !important; background: #fff; border: 1px solid transparent; line-height: 30px; word-break: break-word; white-space: pre-wrap; } .customCrestR1:hover .CrestRight .customUpgradeCardBannerLink { color: #1b3281!important; } .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-prev, .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-next{ top:20%; } @media screen and (max-width:640px) and (min-width:200px){ .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-prev, .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-next{ top:10%; } } .customUpgradeCardInfo .owl-carousel.owl-theme.owl-loaded.owl-drag .owl-prev, .customUpgradeCardInfo .owl-carousel.owl-theme.owl-loaded.owl-drag .owl-next{ border: none; } .customUpgradeCardInfo .owl-carousel.owl-theme.owl-loaded.owl-drag .owl-prev span, .customUpgradeCardInfo .owl-carousel.owl-theme.owl-loaded.owl-drag .owl-next span{ color: #757C85; font-size: 62px; } .customUpgradeCardAddnInfo{ float: none!important; } .customDCKnowMoreLink{ border: 0; font-style: normal; font-size: inherit; text-transform: inherit; background: none; color: inherit; } .customDCKnowMoreLink:hover{ color: inherit; } .customUDCCardButton .waves-effect.waves-light.btn.waves-input-wrapper{ width : 76px! important; } .udcHideCardCls{ display : none; } .customUDCSelectAccounts{ float:none; } .debitCard_tabs.customUpgradeCardInfo .owl-item{ padding: 5px 0px; } .debitCard_tabs.customUpgradeCardInfo .owl-dots{ padding-top: 1px!important; } /*Added by seema for signature card slider : Start*/ .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-prev, .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-next { top: 120px; } .upgardeDebit-section .debitCard_tabs .owl-theme .owl-nav .owl-next{ right: -3%; } .upgardeDebit-section .debitCard_tabs .owl-theme .owl-nav .owl-prev { left: -3%; } @media screen and (max-width:1024px) and (min-width:768px){ .upgardeDebit-section .customUpgradeCardBannerLink{ line-height: 22px; } } @media only screen and (max-width:768px) and (min-width:200px){ .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-prev, .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-next { top: 98px; } .upgardeDebit-section .debitCard_tabs .owl-theme .owl-nav .owl-next{ right: -25px; } .upgardeDebit-section .debitCard_tabs .owl-theme .owl-nav .owl-prev { left: -25px; } } @media only screen and (max-width:568px){ .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-prev, .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-next { top: 98px; } } @media only screen and (max-width:432px){ .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-prev, .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-next { top: 5%; } } @media only screen and (max-width:320px){ .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-prev, .upgardeDebit-section .debitCard_tabs.customUpgradeCardInfo .owl-theme .owl-nav .owl-next { top: 4%; } } /*Added by seema for signature card slider : End*/ @media screen and (max-width:1023px){ .pageLeftContainer .stage3_inputpanel_paydetailsrow .querytextright_stage3.customCardAnnualFeeCol3{ float: left; padding-left: 45%; } .pageLeftContainer .stage3_inputpanel_paydetailsrow .querytextright_stage3.customCardAnnualFeeCol3 .renderTextBoxAsLabel_new{ padding-top: 0px; } } @media screen and (min-width: 1024px){ .pageLeftContainer .stage3_inputpanel_paydetailsrow .stage3_inputpanel_column.customCardAnnualFeeCol1{ width: 35%; } .pageLeftContainer .stage3_inputpanel_paydetailsrow .querytextright_stage3.customSignatureCardAnnualFeeCol2{ width: 10%; float: left; } .pageLeftContainer .stage3_inputpanel_paydetailsrow .querytextright_stage3.customCrestCardAnnualFeeCol2{ width: 8%; float: left; } .pageLeftContainer .stage3_inputpanel_paydetailsrow .querytextright_stage3.customCardAnnualFeeCol3{ width: 40%; float: left; } } .Address_Crest span{ color: #4e5053; } @media only screen and (max-width: 767px) { .Address_Crest span{ color: #000000; font-size: 13px!important; width: 95%; padding: 0px 0px 5px 0px; } } @media screen and (min-width: 1024px){ .Address_Crest { margin-top: 0px; } } @media only screen and (max-width: 1023px) { .Address_Crest { margin-top: 12px; } } /*added for signature card ends */ /*Added By Seema for banner UI : Start*/ .newsSection {margin: 0px 0px 25px 0px;} @media screen and (min-width: 1024px){ .LoginForm_Wrapper .width50percent_login{float: left;margin-left: 0; margin-bottom: 25px;} } .custom_col_gst span.labelColumn:nth-child(2) {width: 22% !important;} .custom_col_gst .labelColumn_combo {width: 110px;} .personalizeDashLink a.bluelink_footer.blueLink_centerbankText{padding-right: 0px !important;} .custom_alignRowset.width50percent_login {margin-bottom: 25px;} /*Added By Seema for banner UI : End*/ @media screen and (max-width: 1024px) and (min-width: 1px){ .materializelogo_login, .materializelogo_login_pwdscreen {height: 120px;} }