/* font-family: 'Roboto', sans-serif; */ @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900,100italic,300italic,400italic,500italic,700italic); /*-------------*/ body, div, span, object, iframe, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;} h1, h2, h3, h4, h5, h6{margin:0 0 10px;padding:0;border:0;font-family:"Roboto", Arial; font-weight:300;} body { font-family: 'Roboto', Arial; font-size: 15px;background:#fff;color: #fff; -webkit-font-kerning: auto; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: visible !important; /* reset animate.css / if hidden parallax buggy */ position:relative; overflow-x: hidden;} img{border:0px;max-width:100%;height:auto;} p{ margin:0 0 15px;} p:last-child { margin-bottom: 0; } a, .btn{outline:0;text-decoration:none;} a, a:focus{color:#e66a1f;} a:hover, .btn:focus{outline:0;text-decoration:none; color:#fff} .form-control:focus{box-shadow:none;} .row > div{margin-bottom:10px;} .row-grid{margin-bottom:15px;} .row-grid-bt{margin-bottom:5px;} .row-grid-sm{margin-bottom:35px;} .row-grid-lg{margin-bottom:40px;} .row-grid-md{margin-bottom:20px;} .row-xxs{margin-left:-1px;margin-right:-1px;} .row-xxs > [class^="col"]{padding-left:1px;padding-right:1px;} .row-xs{margin-left:-3px;margin-right:-3px;} .row-xs > [class^="col"]{padding-left:3px;padding-right:3px;} .row-sm{margin-left:-6px;margin-right:-6px;} .row-sm > [class^="col"]{padding-left:6px;padding-right:6px;padding-bottom:6px;} .row-md{margin-left:-14px;margin-right:-14px;} .row-md > [class^="col"]{padding-left:14px;padding-right:14px;} .row-lg {margin-left:-28px;margin-right:-28px;} .row-lg > [class^="col"]{padding-left:28px;padding-right:28px;} .clear{clear:both;height:1px;display:block;width:100%;font-size:1px;line-height:1px;} .clearboth{clear:both;} .justify{text-align:justify;} .equal-heights > div > div{height:100%;margin-bottom:0;} .equal-heights > div > div{} .equal-heights > div{margin-bottom:8px;} .btn-no-round{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} .no-border{border:0;} .inline-block { display: inline-block;} .no-bg { background:none !important; } .float-l{float:left} .float-r{float:right} .float-none{float:none;} body{background:url("../resources/images/bg.jpg") no-repeat center top;background-attachment: fixed; background-size:cover;} #header{min-height:160px;} /*.logo{padding:15px 0 35px; text-align: center; clear:both;}*/ .logo{padding:48px 0 30px; text-align: center; clear:both;} .logo img{vertical-align: middle; margin-right:20px;} .logo span{font-weight:100;font-size:30px;display:inline-block;text-align: center;vertical-align: middle;} .tbl-register{display:table; position:relative;margin:-15px auto 0;} .register-bx{display:table-row;} /*.register-bx > div{display:table-cell;vertical-align: top;padding-left:1px;}*/ .content-box{position: relative; clear:both;overflow: hidden;} .ui-body-a{display:none;} .register-nav { display:none!important} .register-nav ul{list-style:none; margin:0; padding:50px 0;} .register-nav ul li{padding:0 12px; background:#fc7625;} .register-nav ul li a{display: inline-block; width: 23px; margin: 2px 0 10px; border-top: 1px solid #d15f19; text-indent: 9999px; background: url("../resources/images/menu-icon.png") no-repeat center 10px; padding-top: 10px; height: 30px;} .register-nav ul li a.alert-menu {background-position:center -32px;} .register-nav ul li a.help-menu{background-position: center -75px;} .register-nav ul li:first-child a{ padding-top:0; border-top:0;} .nav-menu {z-index: 9; position: relative;} .nav-menu ul{list-style:none;padding:0 0;text-align: center; /*max-width:590px; margin:0 auto;*/} .nav-menu ul li{list-style:none;padding:0 0px 0 40px;text-align:center; display:inline-block;} .nav-menu ul li a{text-align:center; color:#fff; display:inline-block; width:22px; height:22px; background:url("../resources/images/menu-active.png") -28px 0;} .nav-menu .tooltip-inner{border-radius:0px; padding:5px 8px; background:#fc7625; color:#fff; text-align: center;font-size:16px; font-family:"Roboto", Arial;} .nav-menu .tooltip.top .tooltip-arrow{border-top-color:#fc7625;} .nav-menu .tooltip.in {opacity:1;} .nav-menu ul li.completed a {background-position:-56px 0;} .nav-menu ul li.active a, .nav-menu ul li a:hover {background-position:0px 0;cursor: pointer;} .nav-menu ul li.active .tooltip:hover{display:block!important} .mycheckbox label{display: inline-block;cursor: pointer;position: relative;padding-left:19px;font-size: 13px;} .mycheckbox input[type=checkbox]{display: none;vertical-align:top;} .mycheckbox label:before{content: "";display: inline-block;width: 14px;height: 14px;margin-right:8px;position: absolute;left: 0;top:0;border: 1px solid #ccc;background:#fff;} .mycheckbox input[type=checkbox]:checked ~ label:before{content: "\2713";font-size: 12px;color: #6CC300;text-align: center;line-height: 13px;font-weight: bold;background:#fff;top:0;} .mycheckbox input.input-disabled[type=checkbox]:checked ~ label:before{background-color: #D6D6D6;color: #333; cursor:not-allowed; pointer-events: none;} .mycheckbox input.input-disabled[type=checkbox]:checked ~ label {cursor:not-allowed; pointer-events:none;} .mycheckbox input.input-disabled[type=checkbox]:not(:checked) ~ label:before{background-color: #D6D6D6;color: #333; cursor:not-allowed; pointer-events: none;} .mycheckbox input.input-disabled[type=checkbox]:not(:checked) ~ label {cursor:not-allowed; pointer-events:none;} .myradio label{display: inline-block;cursor: pointer;position: relative;padding-left:25px;margin-right: 15px;font-size: 13px;} .myradio input[type=radio]{display: none;vertical-align:top;} .myradio label:before{content: "";display: inline-block;width: 16px;height: 16px;margin-right: 10px;position: absolute;left: 0;top:0;border: 1px solid #ccc;background:#fff;} .myradio input[type=radio]:checked + label:before{content: "\2713";font-size: 15px;color: #6CC300;text-align: center;line-height: 15px;font-weight: bold;background:#fff;} .form-control, input[type="text"]{ border-radius:0; color: #000; /* niranjan margin-bottom:8px;*/} .form-group:last-child{margin:0} .form-group label{margin-bottom:8px;} .checkbox{font-size:13px;} .txt-blue{color:#00a2ff; font-weight:300;} .txt-orange{color:#fb7627!important;} .txt-big{font-size:30px;} .help-bx{font-size:0.98em;font-weight:300;color:#00a2ff;} .help-bx > p{ margin-bottom:10px;} .btn{border-radius:0; color:#fff; background:transparent; border:1px solid #fff;font-weight:400; margin-bottom:10px;} .btn-theme{margin-top:20px; display:inline-block; width:100%;text-align:center;} .btn-theme .btn, .btn-org{background:#fc7625; border-radius:0;color:#fff;font-size:18px;font-weight:300; width:200px;border-color:#fc7625;} .btn-md{font-size:15px; text-transform: uppercase; width:96px; margin-left:10px;} .btn-addnew{font-size:15px; text-transform: uppercase; width:150px; margin-left:10px;} .btn-lg {font-size: 15px; text-transform: capitalize; padding:6px 12px;font-weight: 300;} .btn:hover{background:#fff;color:#000;} .btn-org:hover{background:#e55e0c;color:#fff;border-color:#e55e0c;} .btn-cap{text-transform: capitalize; margin-left:0; margin-right:10px;} .btn-group-theme{margin:20px 0 0;} .btn-group-theme>.btn{text-transform: capitalize; margin-right:15px; } .form-inline .form-group{ vertical-align:top;} .col-sec-bx .popover{background:#000;} .col-sec-bx .popover.top > .arrow::after{border-top-color: #000;} .col-sec-bx .popover-content {color:#fff;font-size:13px;padding: 9px;} .col-sec-bx .popover.top{max-width:200px;} .blue-bg{border:1px solid #1987f0;background:rgba(1, 26, 64, 0.54); padding:40px 28px 28px;} .black-bg{min-height:381px; padding:40px 28px 28px;} /*#ThankYouPopup1 {top:38%!important; margin:-50px 0 0 0!important;}*/ .thanku-popup .black-bg{min-height:inherit;padding: 15px 20px 15px;z-index: 999;} .blue-bx{border:1px solid #1987f0;background:rgba(1, 26, 64, 0.7); padding:30px 28px 28px; min-height:384px;position:relative;} .black-bg p{color:#000;font-size: 16px;margin-bottom: 10px;} .thanku-txt{color:#85c2fc; font-size:23px;font-weight:300; margin-bottom:10px;text-align:center;} #thanku-login {line-height:22px;font-size:16px;} #opt-bx, #opt-bx-add{text-align:center;} #opt-bx .thanku-txt, #opt-bx-add .thanku-txt{ padding: 0 40px 20px; width: 425px; margin: 0 auto 20px; border-bottom:1px solid #85c2fc;} .close-link{position: absolute;top:0px; right:0px; font-size:18px; color:#c7c7c7; font-weight:100;background:none; border:none;} .close-link:hover, .close-link:focus{color:#fff;outline:none;} .upload > div{max-width:400px; margin:0 auto} #pan-detail > div{width:249px; margin:24px auto 20px;} .inputlist{position:relative;display:inline-block;padding-right:0px;width:100%;} #inputDOB {padding-right:36px;} .input-camera .camera-btn, .input-Aadhaar .Aadhaar-btn{display:inline-block; position:absolute;right:0;top:0;line-height: 34px;width:30px;height:34px;} .fa-Aadhaar{width:35px; height:31px; display:block;background:url("../resources/images/adhar.png") 0 2px;} .input-camera .camera-btn .fa-camera:before{font-size:28px;} .input-search{display: inline-block;float:right;color: #FC7625; cursor:pointer; margin: 0; padding: 0; border: 0; font-size:14px;font-weight:400;} .input-search:hover,.input-search:focus{color:#fff;background:none;} .input-search i {margin:0 5px;color: #FC7625; } .inputlist .ui-datepicker-trigger{position: absolute;top: 0;right: 0;width: 24px;height: 24px;margin: 2px 0;text-indent:-9999px;border: none; background:url("../resources/images/datepicker.png") 0 0;} .selfie-bx{text-align:center; margin:20px auto; width:206px; height:132px; overflow:hidden;} .txt-or{text-align: center; display: block; font-size: 20px; margin: 50% 0;min-height: 125px;line-height: 125px;} .inline-form select{color:#000;vertical-align: top;height: 34px;margin-right: 5px;} .inline-form .control-input{display:block; width:100%;clear: both;} .form-inline .form-control{margin-bottom:10px;} select{display: inline-block; width: 100%; height: 34px; margin-bottom:8px; color:#000} .con-input select{float: left; width:17%; font-size:13px; margin-bottom:5px; margin-bottom: 5px; border-right: none;border-color: rgb(204, 204, 204);margin-right: 0;} .con-input{display:block; width:100%;} .con-input input{width: 83%!important;border-left: none;} .inline-form label{display:block} .occupation select{width:320px;} .marital-status select{width:180px;} .custombtn-radio{background:#fff;border-radius:0;color:#000; padding: 5px 20px;} .custombtn-radio:hover, .custombtn-radio:active, .custombtn-radio.active{background:#fc7625!important;color:#fff!important; border-color:#fc7625!important; box-shadow:none;} .no-border{border:0;} .no-bdr-pad-tp{border:0; padding-top:30px;} .form-group.no-bdr-pad-tp{margin-bottom:3px;} .code-bx{text-align:center;} .code-bx h3 span{display:block} /*.segment-form .form-group {width:100%; margin:5px 0;} .segment-form .form-group > label{text-transform:uppercase; width: 140px;}*/ /*commented form tfs :3361*/ .other-form label{font-size:16px;} /*31-01-2018*/ .esign__declaration{font-size: 11px !important;margin-top: 10px;} /*------------1-12-2017 harshal----------------------*/ .brokerage-bx{ background:url("../resources/images/brokerage-bg.png") -210px 0 no-repeat; padding:22px 20px 14px; width:185px; height:272px; margin:0 auto;} .brokerage-bx.active{background-position:0 0;} .brokerage-content{border: 1px solid #03cc61; position: relative; min-height: 175px; padding-top: 43px; text-align: center;} /*---------------------------------------------*/ .brokerage-contentone{border: 1px solid #03cc61; position: relative; min-height: 181px; padding-top: 22px; text-align: center;} /*------------------------------------------*/ .brokerage-content h4{text-align:center; font-size:17px; text-transform:uppercase; position: absolute; top: -9px; left: 7%;background: #02A65F;margin: 0 auto; min-width: 125px;} .brokerage-content span{display:block; font-size:12px; color:#e66a1f;} .brokerage-content a{color:#4bff9f; font-size:15px; text-decoration:underline;} .brokerage-content a:hover{color:#fff;} .brokerage-content h5{color:#4bff9f; font-size:15px; margin-top:6px; margin-bottom: 5px;} .brokerage-content h6 { font-size: 12px; text-align: center; margin: 4px 3px; line-height: 17px; color: #fff; height: 34px; } .brokerage-content p.amt{font-size:20px;font-weight:400;} .click-choose-btn{width:118px;margin: 24px auto 0;position: relative;padding:5px 0 0 43px;line-height: 13px;text-transform: uppercase;font-size:14px;} .click-choose-btn a{color:#c4c6c5} .click-choose-btn span{position: absolute;left: 0; top: -1px; font-size: 20px;} .brokerage-bx.active .click-choose-btn a, .click-choose-btn a:hover .fa-check.fa-inverse{color:#fff} .click-choose-btn a:hover{color:#03cc61} .brokerage-bx.active .fa-check.fa-inverse, .brokerage-bx.active .click-choose-btn a:hover .fa-check.fa-inverse{color:#03cc61;} .brokerage-form .btn{padding:6px 6px;} .btn-group{outline:none;} .brokerage-form label{display:block; font-size:14px; line-height:16px; margin-bottom:5px;} .brokerage-form .total-charges{font-size:27px; color:#fc7625;} #upload-details .row > div{text-align:center; float: none;} #upload-details .row > div h4{font-size:15px; margin-bottom:20px; height:32px;} #upload-details .row > div h4 span{font-size: 12px; color: #d55a12; font-weight:bold;} #upload-details .btn-group-theme span{display:block; color:#88c3fc; font-size:12px; margin-bottom:5px;} #upload-details .btn-group-theme{ min-height: 67px; vertical-align: bottom; margin:10px 0 0 ;} #upload-details .row > div p{font-size:13px;} .upload-doc{height:130px;position:relative; -webkit-filter: grayscale(1); /* Older Webkit */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); /*-ms-filter:grayscale(100%);*/ -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 4+ */ filter: gray; /* IE 6-9 */} .upload-sucess{-webkit-filter: grayscale(0); filter:grayscale(0);pointer-events:none;} .upload-doc img{height:122px; width:122px} .upload-doc .uploaded{display:none;} .upload-sucess .uploaded{display:block; background:url("../resources/images/uploaded.png") center no-repeat; display:block; height:54px; width:100%;position: absolute;top:8%;} #complete-login, #complete-login-2{width:715px;} #thanku-login{width:537px; text-align:center} #thanku-login h3{margin-top:30px;} .complete-login h3{font-size: 26px;padding: 0 0 10px;border-bottom: 1px solid #85c2fc;} .complete-login p{margin-bottom:15px;color:#bfbfbf; font-size:14px;} .complete-login .checkbox{margin-top: 32px; margin-bottom: 15px;} .complete-login .form-inline button.btn-big{margin-top: 25px; margin-right: 20px;font-size: 22px;padding: 6px 20px;} .complete-login .form-group label{font-size: 13px; margin-bottom: 5px;} .complete-login .form-imput input{width: 120px; height:35px; margin-bottom:0;} .complete-login .form-group #btnDigitalSign { width:120px;margin-left:0; text-transform:inherit;} .complete-login div table tr td {font-weight: 300;font-size: 14px;padding:0 0 5px 5px;position: relative;} .complete-login div table tr td:first-child:after {content:':'; display:inline-block;position: absolute; right: 4px;} .complete-login div table tr td:first-child{padding: 0 5px 5px 0; color: #E2E2E2; width: 135px;} .complete-login div table tr td.success {font-weight:normal;color:#09FF1E;} .complete-login div table tr td.failed {font-weight:normal;color:rgb(255, 0, 0);} .btn-theme.btn-group>.btn{float:none; margin:0 5px;} .item, #pan-detail{min-width:520px;} .carousel-inner{overflow:visible} #PanValidation {position:relative;} #KRA_verified,#KRA_NotVerified {margin-bottom: 15px;} #CKYC_verified,#CKYC_NotVerified {margin-bottom: 15px;} /*Added for TFsid:1655 CKYC*/ #KRA_verified img,#KRA_NotVerified img {width: 24px; vertical-align: middle; margin-top: 0px; margin-right:2px;} #CKYC_verified img,#CKYC_NotVerified img {width: 24px; vertical-align: middle; margin-top: 0px; margin-right:2px;}/*Added for TFsid:1655 CKYC*/ @-webkit-keyframes slideInRight { from {opacity: 0;visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} to {opacity: 1;visibility:visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @-moz-keyframes slideInRight { from {opacity: 0;visibility: hidden;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} to {opacity: 1;visibility:visible;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} } @keyframes slideInRight { from { opacity: 0; visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; visibility:visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .item.active-slide{ -webkit-animation-name: slideInRight; animation-name: slideInRight; -moz-animation-name:slideInRight; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes slideOutLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes slideOutLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-inner > .item.active.left { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; animation-name: slideOutLeft; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes slideInLeft { from { opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; visibility:visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInLeft { from { opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; visibility:visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { opacity: 0; visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; visibility:visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .item.right-slide{ -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; animation-name: slideInLeft; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes slideOutRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes slideOutRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-inner > .item.active.right {-webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; animation-name: slideOutRight;-webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .popup, .popupSearch, .popup-upload, .thanku-popup{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:0.8s; animation-duration:1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:0.8s; /* Chrome, Safari, Opera */ animation-delay:1s;} .popup.popup-show, .thanku-popup.popup-show { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration:0.3s; animation-duration:0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:0s; /* Chrome, Safari, Opera */ animation-delay:0s;} @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .popup.pop-close, .popupSearch.pop-close, .popup-upload.pop-close{ -webkit-animation-name: fadeOutLeft; animation-name:fadeOutLeft; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .thanku-popup.pop-close{-webkit-animation-name: fadeOutLeft; animation-name:fadeOutLeft; -webkit-animation-duration:0.3s; animation-duration:0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.8s; animation-duration:0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay:0.8s; /* Chrome, Safari, Opera */ animation-delay:0.8s;} @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .popup, .popupSearch, .popup-upload, .popup-img{margin:0!important; width: 100%!important; height:99.8%; display:none;background: rgba(0, 12, 23, 0.97); z-index:8; } .thanku-popup{margin:-69px 0 0 0!important; width:88%!important; height:inherit; top:50%!important; display:none; background: rgba(0, 12, 23, 0.97); z-index:8; } #ThankYouPopup {top:38%!important; margin:-50px 0 0 0!important;} .thanku-popup p{font-size:13px; color:#f1f1f1; font-weight:300; margin-top:8px;} #FEEDEDEmailSMSConfirmationPopup p{font-size:15px; margin-bottom:25px;} .ui-datepicker .ui-datepicker-title select {margin: 1px 4px;height: 24px; font-size: 0.875em;font-weight:normal;} #rang-slider{border-radius:0;font-size:0.3em} #rang-slider .ui-slider-handle.ui-state-default{background:#fc7625; border-radius:50px; width: 2.2em; height: 2.2em;top: -0.7em;border:none;outline:none;} #rang-slider #tooltip2{padding:5px; min-width:64px;font-size:13px;color:#fff;background:#fc7625; margin:5px 0 0;font-weight:normal;text-align:center} #rang-slider #tooltip2:before{content:" "; width: 0; height: 0; border-left: 5px solid transparent; border-right:5px solid transparent; border-bottom: 5px solid rgb(252, 118, 37); display: inline-block; position: absolute; bottom: 100%; left: 54%;} .save-btn:after {content: "\f101"; display:none;font: normal normal normal 22px/1 FontAwesome;font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-left: 10px; font-weight: normal; vertical-align: top;margin-top: 4px; line-height: 20px;} .col-sm-6.upload-btn{font-size:14px; font-weight:normal;padding-top: 41px;} #upload-btn{width:80px; padding:6px; margin-bottom:0; margin-right:6px;line-height: 17px;font-size: 14px; float:left;} #upload-details .popup-upload .row > div {text-align:left!important;display:inline-block;width:auto;} #upload-details .popup-upload .upload > div {margin:0;} #upload-details .popup-upload .black-bg {padding:40px 40px 28px;} .noUi-handle.noUi-handle-lower, .noUi-handle:after, .noUi-handle:before{display:none;} .noUi-horizontal .noUi-handle .tooltip:before{width: 0; display:block;content:'';height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fc7625;position: absolute;top:-5px;left: 39%;} .noUi-horizontal .noUi-handle .tooltip {display: block;position: absolute;border: none;font-size: 14px;border-radius: 0px;background: #fc7625;top: 100%;padding: 5px;left: -34px;text-align: center;width: 88px;opacity: 1;color: #fff;margin-top: 8px} .noUi-horizontal .noUi-handle .tooltip strong {display: block;padding: 2px;} #rang-slider.noUi-target.noUi-horizontal.noUi-background {height: 4px;background:#fff;border: none;box-shadow: none} #rang-slider.noUi-horizontal .noUi-handle.noUi-handle-upper {width:15px;height:15px;left:0;top: -6px;} .noUi-handle {border: none;border-radius: 50px;background: #fc7625;cursor: default;box-shadow: none;} .submit-btn{margin-left:0;} .blue-link{color:#00A2FF; cursor: pointer;} .blue-link:hover{color:#fff;} .res-reg-bx .blue-link{display:block;margin-bottom: 10px;} .forgot-reg-bx .OTP-col{padding-top:20px;} .forgot-reg-bx .OTP-col p{margin-bottom: 5px; line-height:17px;} #login-bx .row-lg > div.clearfix, #opt-bx, #pan-detail, #opt-bx-add{min-width:542px;} #riskprofile .row-lg > div{min-width:730px;} #personal-detail .row.row-lg{max-width:828px;} #skip-btn-4{margin-top:20px;} #personal-KAR-detail .row.row-lg > p{padding:0 28px;} #personal-KAR-detail ul {padding:0; margin:0;list-style:none;min-width:238px; width:100%;} #personal-KAR-detail ul li:first-child{font-size:14px;clear:both;} #personal-KAR-detail ul li{padding-bottom:10px;font-size:10px;clear:both;} #personal-KAR-detail ul li h5{font-size:16px;margin-bottom:5px;} #personal-KAR-detail ul li > div:nth-child(even){float:right;} #personal-KAR-detail ul li > div{float:left; padding:10px 0;} #personal-KAR-detail ul li label{color:#77b8ff; display:block;} .btn-circle > input{padding:0; position: absolute;clip: rect(0,0,0,0); pointer-events: none;} .btn-circle {background:#fff!important;width: 24px;height: 24px;padding: 0px;line-height: 1.42857;border-radius: 15px;text-align: center; color:#c7c7c7!important;display:inline-block!important;margin-right:5px;vertical-align: top;} .btn-circle > i{font-size:22px;} .btn-circle.active{color:#2ebf64!important;} .fatca-form h3 { padding:0 15px;} .fatca-form h5 { padding:0 15px; font-size:15px; line-height:18px;color:#00a2ff;} .fatca-form .col-i .btn-group{float:right; margin-right:10px;} .fatca-form .col-i .form-group > label{padding-top: 8px;} .fatca-form .col-sm-7{padding-top:36px;} .fatca-form .col-sm-7 .btn-group label select{border:none; padding:0 20px; height: 32px;} .fatca-form .form-group{width:100%; margin-bottom:10px;} .fatca-form .wealth-select{width:200px;} .fatca-form .form-group .btn.btn-default i{display: block;font-style: normal;text-align: center;font-size: 13px;word-wrap:break-word;line-height:11px;margin-top:-2px;} .form-group > label{margin-right:15px;line-height: 17px;vertical-align: middle;} .palce-birth > label{line-height:15px;width:106px;} .palce-birth .btn-group {vertical-align: top;} .fatca-form .col-sm-4 .form-group > label{font-size:0.96em;} #browse-photo{width:185px;} .btn-theme .btn-white{background:transparent;border:1px solid #fff;} .btn-theme .btn-white:hover{background:#fff;border:1px solid #fff;} /*.user-login-bx{float:right; margin:10px 0;}*/ .user-login-bx{float:right; margin:10px 0;position: absolute;right:12px; word-break: break-all; text-align: right;} .user-login-bx .btn{background:url("../resources/images/userlogin.png") left center no-repeat;border:none;margin:0 0;padding-right:0; padding-left:29px; padding-bottom:3px;} .user-login-bx .btn:hover{color:#fff;} .user-login-bx .dropdown-menu{min-width:128px;background:#092854;border:none;border-radius:0px; box-shadow:none;right: 0; left:inherit;} .user-login-bx .dropdown-menu>li>a{text-align:center;font-size:12px;color:#9ecefb;padding:3px 0;} .user-login-bx .dropdown-menu>li>a:hover{background:none; color:#fff;} .user-login-bx .dropdown-menu>li:first-child{border:none;} .user-login-bx .dropdown-menu>li{border-top:1px solid #1c3b64;} .user-login-bx .dropdown-menu:before{content:'';display:block;border-bottom: 4px dashed #092854!important;border-bottom: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent; width:9px; position:absolute; top:-4px; right:50%;} /*niranjan*/ .field-validation-error, .errorMessage {color: rgb(255, 98, 98);font-size:13px; display:block; margin-bottom:4px; font-weight:normal;font-family:"Roboto", Arial;} #per-form-1 .con-input .field-validation-error{display: inline-block; margin-right:5px;} .txt-green{color:#1e6f34; font-size:14px;} #lead-bx .form-group > label{ width:124px; margin-right:10px;} #lead-bx .form-group > select{ width:184px;} #dv156 {display:none;} #dv156 > [class^="col"] {padding-left: 28px;padding-right: 28px;} #validate-bx > div {margin:50px 0;} #validate-bx ul {margin:25px 0; padding:0; list-style:none;} #validate-bx ul li{ display:inline-block; padding:0 20px;} #validate-bx ul li input[type="radio"] {line-height: normal; margin: 5px 5px 0;} #validate-bx ul li:first-child{ padding-left:0; min-width:125px;} #validate-bx ul li + li {min-width:320px;} #validate-bx .btn-circle > i {font-size:10px;} #validate-bx .btn-circle{width: 13px; height: 13px;line-height:0;margin-bottom: 0; vertical-align: middle;} #upload-details{max-width:910px; min-height:500px !important;/*height: 100vh !important;*/} .popup-upload .upload > div{max-width:100%;} #upload-details .popup-upload .black-bg {padding: 25px 40px 10px;} #browse-photo{width:175px;} #upload-details .black-bg {min-height:342px;} #upload-details .popup-upload .note{ padding:0px 38px; margin:0; font-size:13px;position: absolute;bottom:15px;} #upload-details .popup-upload .note span{color:#FC7625; } .upload h4, .upload h3{font-weight:400;font-size:20px;text-transform: capitalize;} #upload-details .popup-upload .form-inline .form-group {display:block} .address-select{width:310px;} #upload-details .popup-upload .form-inline .form-group.form-hidden{display:none;} #upload-details .row > [class^="col"]{width: 20%; padding: 0px 7px;} #upload-details.visible-add.visible-finan .row, #upload-details.visible-add .row, #upload-details.visible-finan .row {text-align:left;} #upload-details.visible-add.visible-finan .row > [class^="col"], #upload-details.visible-add .row > [class^="col"], #upload-details.visible-finan .row > [class^="col"]{display:inline-block; float:none; vertical-align:top;} #upload-details #upload-address .row .col-sm-6 {width: 50%; float:left!important;} #upload-details .row.row-lg .btn-group-theme > .btn{margin:0;} .resp-tabs-container table{width:100%;} .resp-tabs-container table th, .resp-tabs-container table td{text-align:left;font-family:roboto, Arial;font-size:13px;padding:0.3% 1%; vertical-align:top;color:#D8D8D8;} .resp-tabs-container table th:first-child {width:62%;color:#fff} .resp-tabs-container table td:first-child{width:38%; } .select-plan {margin-top:-22px; color:#fff!important; margin-bottom:10px;} .plan-note{font-size:12px; clear:both;} .plan-popup table th, .plan-popup table td{text-align:left;font-family:roboto, Arial;font-size:14px;width:50%;border:1px solid #ccc;padding:0.8%;} .plan-popup table th {background:#f3f3f3; color:#333;} #ApplyBrokragePlan {margin-top:10px;} .dvLoading{background:rgba(144,144,144,0.75); height: 100%;width: 100%; position:absolute;z-index: 8;left:0;top:0;margin:0;font-weight:300;} .dvLoading span{padding:0; display: block; text-align: center; font-size: 16px; color: #fff;background: url(../resources/images/loader.gif) no-repeat center bottom; top: 40%; position: relative; height:70px;} .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .form-control.disabled, .input-disabled { background-color:#D6D6D6; opacity: 1; cursor:not-allowed; pointer-events: none;} .btn-group.input-disabled {background:none} .form-group.checkbox label{padding-left: 20px!important;} #upload-details #upload-address .btn-group.btn-group-theme{min-height:25px; margin-top:6px;} #dashboard-bx{width:980px; padding: 20px 15px 20px;} #dashboard-bx .container {padding:0;width:100%;} #dashboard-bx .form-group label {margin-bottom:0;line-height:28px;margin-right: 5px;font-size: 14px;min-width: 58px;} .dashboard-table table {width:100%;} .dashboard-table table>thead>tr>th {vertical-align: bottom; border-bottom: 2px solid rgba(84, 114, 169, 0.92);} .dashboard-table table tr th, .dashboard-table table tr td{padding:4px 5px; font-size:11px;} .dashboard-table table tr th{font-size:15px;} .dashboard-table .col-client, .dashboard-table .col-mobile{width:15%} .dashboard-table tr td a:hover{color:#337AB7;} .dashboard-table .col-name{width:24%} .dashboard-table .col-name1{width:54%} .dashboard-table .col-email{width:30%} .dashboard-table .col-status{width:25%} .dashboard-table table >tbody>tr:hover{background-color: rgba(255, 246, 246, 0.3); color: #fff;} .dashboard-table table tr td { border-top: 1px solid rgba(84, 114, 169, 0.92);} .pagination-lg > li > a, .pagination-lg > li > span{font-size:14px;} .pager li > a, .pager li > span{padding:5px;border-radius:0;} .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {border-top-left-radius: 0px; border-bottom-left-radius: 0px;} #dashboard-bx .row.row-xs > div{padding:0;} #dashboard-bx .row.row-xs .form-control {width:108px; height:24px;vertical-align: top;padding:0;} #dashboard-bx .row.row-xs .form-group{margin-left:10px; margin-top:10px; margin-bottom:0px; font-size:14px;display: inline-block;} #dashboard-bx .row.row-xs .form-group > label {margin-right:5px;} #dashboard-bx .row.row-xs .btn-md {font-size: 14px; padding:2px 6px; margin-left:0;} select.form-control{padding:0;} .pager {margin: 0px;} #dashboard-bx .row.row-xs > div.col-md-12{margin:0;} #dashboard-bx .row.row-xs .bt-add-edit .btn-md {margin-left:10px;} #dashboard-bx .row.row-xs .bt-add-edit .btn-md:first-child {margin-left:0;} #dashboard-bx .TAB3 .row.row-xs .form-group:first-child {margin-left:10px;} #ClientDeleteList .btn.btn-sm { text-transform:uppercase; font-size:13px; margin:5px 0;} #ClientDeleteList tfoot td { text-align:center;} #Rm-login-bx{width:400px;min-height: 229px; padding: 40px 50px 20px; margin: 0 auto;} #upload-photo .btn-group-theme>.btn {margin-right: 9px;} #Camera {background: #FDFDFD; width:240px; margin:0 auto;height: 180px; overflow: hidden;} #divCapture .btn {margin-top: 10px;} .form-control { margin-bottom:5px;} #corr-add.col-sm-12 {width:563px;} .fileUpload { position: relative; overflow: hidden; margin: 0px 10px 10px 0;} .fileUpload input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);} #lead-bx .field-validation-error {margin-left: 138px;margin-top: -6px;margin-bottom: 5px;} .alert-danger {clear:both;color: rgb(255, 255, 255);background:rgb(212,14,11);padding:5px;font-size: 13px;margin:5px 0;border: 1px solid rgb(212,14,11); line-height: 18px; text-align:center} #segment-details {max-width:540px; margin: 0 auto;} .fatca-form .form-group > label {width:47.5%;} .fatca-form .col-sm-4 .form-group > label {width:100%;} .fatca-form .col-sm-6.form-inline .errorMessage{margin-left:53.5%;} .fatca-form .form-group select {width:210px;} .fatca-form .form-group{clear: both;} #lblPanDocumentMsg{text-align:center; margin:-12px 0 15px; text-transform:capitalize; font-size:14px;} #txtMarginAmt {width:118px;} .dvbrokerage{width:200px; margin:0 auto;} .segment-form .checkbox label{padding-left:22px;font-size: 15px;color:#fff;} .segment-form .checkbox label{padding-left:22px;font-size: 15px;color:#fff;} .segment-form .checkbox label{padding-left:22px;font-size: 15px;color:#fff;} .close1-link{width:90px!important;} .dvbrokerage .btn {padding: 6px 6px;border:none;} #bck-btn-2 { width: 128px;} #DeclarationPopup {width:100%!important; height:100%; top:0!important; margin:0!important;} #DeclarationPopup ol { padding-left:20px;} #DeclarationPopup ol li { padding:0 0 15px; } #mutualfunds .custombtn-radio.active{pointer-events: none;} /*.term-bx > div {overflow-x: hidden;height: 345px;overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto;font-size: 12px;padding-right: 5px;} #term-cond2 > div {overflow-x: hidden;height: 314px;overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: auto; -webkit-overflow-scrolling: auto;font-size: 12px;padding-right: 5px;}*/ #term-cond2 > div, #term-cond > div{font-size: 12px; height:96%;margin:0px 5px;} #term-cond2, #term-cond{height:100%;/*position: fixed;*//*10172016*/ position:relative; width: 100%;} .term-bx div ul {list-style: outside;padding-left: 22px; } .term-bx div ul li {padding-bottom:10px;color: #8f8c8c;} .manage_profile_tab a{color:#000;padding:3px 15px;font-size:16px;font-weight:300;background:#fff;border:1px solid #e0e0e0;margin-right:-1px;} .manage_profile_tab a.active{background:#fc7625;border-bottom:1px solid #fff;color:#fff;} .tab_wrapper{border-top:3px solid #fff;margin-top:-1px;padding:15px 0;} .manage_profile_tab .dropdown button{padding:3px 15px;margin-bottom:15px;background:#fff;border:1px solid #cfcfcf;width:100%;color:#000;} .manage_profile_tab .dropdown button:after{content:'';display:inline-block;background:url(/resources/images/expand.jpg) no-repeat top center;width:16px;height:16px;position:absolute;right:20px;top:5px;} .manage_profile_tab .dropdown-menu{width:100%;margin:0;padding:0;} .manage_profile_tab .dropdown-menu>li>a{border:none;padding:4px;} /* Media Queries */ @media only screen and (min-width:561px)/*@media only screen and (min-width:768px)*/ { .manage_profile_tab .dropdown-menu{display:block;position:static;background:none;} .manage_profile_tab .dropdown-menu li{float:left;} .manage_profile_tab .dropdown-menu{padding:0;margin:0;border:none;border-radius:0px;box-shadow:none;width:auto;} .manage_profile_tab .dropdown-menu>li>a{font-family:Roboto, Arial;padding:3px 15px;font-size:16px;font-weight:300;background:#fff;/*border:1px solid #e0e0e0;*/margin-right:1px;white-space:nowrap;color:#000;} .manage_profile_tab .dropdown-menu>li>a.active{background:#fc7625;/*border-bottom:1px solid #fff;*/color:#fff;} } .term-bx div ul {list-style: outside;padding-left: 22px; } .mar-bt-10{margin-bottom:10px;} .fa-info-circle{color: rgb(255, 255, 255);font-size: 16px;vertical-align: top;} .term-bx div ul li {padding-bottom:10px;color: #8f8c8c;} #singleIfscCode h3{font-size:16px;} #singleIfscCode h3 span{font-size:24px;color:#00a2ff;} #singleIfscCode p{font-size:14px;color:#fff;} .term-txt{font-size:13px;line-height: 16px;margin-bottom: 10px; padding: 0 15px 10px;} br.clear {margin:0;padding:0; height:1px;} /*.content-box .tooltip .tooltip-inner {background: #fffbce;color: #975d1f;padding: 5px 8px;min-width:220px!important;text-align:left} .content-box #pan-detail .tooltip .tooltip-inner{min-width:155px!important;} .content-box #pan-detail .tooltip.top .tooltip-inner{min-width:245px!important;} .content-box #bank-detail .tooltip.top .tooltip-inner{min-width:245px!important;} .content-box .dvbrokerage .tooltip.right .tooltip-inner{min-width:80px!important;} .content-box .dvbrokerage .tooltip.top .tooltip-inner{left:-15px!important}*/ #datepicker,#datepickerMinor,#PerdatepickerMinor{cursor: pointer;pointer-events:inherit;background:#fff;} /*.content-box .tooltip.right .tooltip-arrow {border-right-color: #fffbce} .content-box .tooltip.top .tooltip-arrow {border-top-color: #fffbce}*/ .txt-12{font-size:12px;} .aadhaar-label-bx > label {padding-left: 17px;position: relative;} .aadhaar-label-bx > label .checkbox-primary {position: absolute;left: 0;top: 0;margin: 2px 0;} #validate-bx p.txt-white { font-size:13px; line-height:18px;font-weight: 300;} .wyh_tabs .tab_content table tr td, .wyh_tabs .tab_content table tr th {padding: 5px 3px;font-size: 12px;}/*changed padding from 8 to 3 20190912*/ .btn-org.btn-lg {width:auto;} .input-validation-error {border-color:rgb(255, 0, 0);background:rgba(255, 156, 156, 0.98);} .input-validation-error:focus {border-color:#ccc; background:#fff;} #bank-detail h5{ font-size: 15px;color: #00a2ff;line-height: 18px;} .txt-margin-amt{font-size: 13px;line-height:14px;color:#00a2ff;} .btn-disabled{ pointer-events:none;} .btn-disabled > input{ pointer-events:none;} #pan-detail {min-height:240px; min-width:595px;} h3 .fa-info-circle { vertical-align:middle} .ok-btn {margin:0; font-size:14px; padding:5px 10px;} #slideout{ position:absolute;width:160px;z-index:1; top:200px; left:-160px;} .slideout-inner{width:210px; border:1px solid #b94d0d; background:#d55a12; } #slideout ul{list-style:none; padding:0; margin:0;} #slideout ul li{padding:12px 63px 12px 15px ;border-top:1px solid #b94d0d; font-weight:300; font-size:16px;color:#f7b880; position:relative;} #slideout ul li:first-child{border-top:none;word-break: break-all;} #slideout ul li span{display:block; font-size:1.6rem;color:#fff;margin-bottom:10px;} .social-link a{ margin:0 3px;} #slideout li:after{content:''; display:block; width:48px; background:#fc7625; position:absolute; height:100%; top:0; right:0px; cursor:pointer; } #slideout li.address-ico:after{background-image:url("../resources/images/address-ico.png");background-repeat: no-repeat; background-position: center center;} #slideout li.call-ico:after{background-image:url("../resources/images/phone-ico.png");background-repeat: no-repeat; background-position: center 3px;} #slideout li.call-ico:before{content:''; display:block;position:absolute; width:48px; height:100%; top:0; right:0px; cursor:pointer; background-image:url("../resources/images/whatsapp.png");background-repeat: no-repeat;background-position: center 36px;z-index: 9;} #slideout li.social-link:after{background-image:url("../resources/images/share-ico.png");background-repeat: no-repeat; background-position: center center;} #ClientDetails .form-group > label {font-size:15px;width: 157px;float: left;} #ClientDetails .form-group { width:100%;} #ClientDetails .form-group .form-control { width:200px; } #ClientDetails .form-group input[type=file] {display:inline-block; width:90px; margin-bottom:5px;} .btn-mar{margin-top: 15px;} .welcome-txt { margin-bottom:5px;} ul.welcome-txt {margin: 0 0 0 15px;padding: 0;line-height: 20px;} #resume-btn{margin-top: 5px;margin-bottom: 15px;} #skipaadharotp { width:170px;} .content-box #opt-bx-add .tooltip .tooltip-inner {min-width:152px!important;} #button-right-slideout{background:#fc7625;background-image:url("../resources/images/help-ico.png");background-repeat: no-repeat; background-position: center center; width:48px; height:72px;top: 200px;position: absolute; cursor:pointer;z-index:1;right: 0;} #inner-right-slideout{padding:20px; color:rgba(255, 255, 255, 0.7); font-size:14px; line-height:18px;}/*---harshal*/ #inner-right-slideout h4{font-size:18px;margin:7px 0 10px 0;padding: 8px 6px;background: #1e242e;font-weight: 300;height: 37px;}/*---harshal*/ #inner-right-slideout h4:before{background-image:url("../resources/images/quick-guide-icon.png"); background-repeat: no-repeat; background-position:0 0; content:''; display: inline-block;width:28px;height: 28px;float: left;margin: -2px 0 0;} #inner-right-slideout h4.help-personal:before{background-position: -31px 0px;} #inner-right-slideout h4.help-address:before{background-position: -58px 0px;} #inner-right-slideout h4.help-bank:before{background-position: 0 -33px;} #inner-right-slideout h4.help-other:before{background-position: -31px -33px;} #inner-right-slideout h4.help-upload:before{background-position: -89px 0px;} #inner-right-slideout h4.help-payment:before{background-position: -58px -36px;} .help-upload-list li{padding:6px 0 6px 38px;} .help-upload-list li:before{background-image:url("../resources/images/quick-guide-icon.png"); background-repeat: no-repeat; background-position:-171px -37px; content:''; display: inline-block;width: 34px;height: 31px;vertical-align: middle;margin-left:-38px;float:left;} .help-upload-list li+li:before{background-position:-208px -37px;} .help-upload-list li+li+li:before{background-position:-243px -37px;} .help-upload-list li+li+li+li:before{background-position:-288px -37px;} .help-login-detail{padding-right:20px;} .help-login-detail:before{background-image:url("../resources/images/quick-guide-icon.png"); background-repeat: no-repeat; background-position:100% 0; content:''; display: inline-block;width:28px;height:42px; float:right; margin-right: -27px;} #inner-right-slideout h4:first-child{margin-top:0;} #inner-right-slideout p{margin:0 0 10px;} .hidden-slide {width:320px; right:-320px;position:fixed;background:rgba(14,14,24,0.95);color:#000;height:100%; top: 0;z-index:9999;} .close-btn{float:right; color:#fff;font-size:20px;font-weight: 100;width: 20px;text-align: center; cursor:pointer;} #thisdiv{height:90%; padding-right:15px;font-family: roboto, Arial;font-weight: 300;font-size: 14px;} #btnAddNew {margin-bottom:0;} .dash-container {width:980px;padding: 0;}/*removed important from width by sujay 22032016*/ #dialog-form {font-family:roboto, Arial;} #dialog-form label {float: left; width: 88px;} #dialog-form input[type="text"] {float: left; width: 157px; margin-left: 5px; margin-bottom:8px; font-weight:normal;font-size: 14px;} ui-widget {font-family:roboto, Arial; font-size: 1.1em;} .ui-corner-all {border-radius:0!important;} .ui-widget-header {border: 1px solid #fc7625;background: #fc7625; color: #fff; font-weight: bold;} #header .container{position:relative;} #complete-login-2 h3 {border:none;text-align: center;font-size: 36px;} #complete-login-2 h3 img {margin:auto;display:block;} #complete-login-2 p {font-size:16px;text-align:center} .Congratulations-list {list-style: none;text-align: center;padding:15px 0 0;margin: 0;} .Congratulations-list li{display: inline-block;width: 32.33%;text-align: center;padding:10px 0;} #with-mf .Congratulations-list li{ width:49%} #complete-login-2 table {margin: 0 auto;width: auto;} .Congratulations-list li img {max-width: inherit;} #thankPaymentDetails {padding-top:20px;} #mobotp .form-group input, #newLogin #txtMobile{background:#fff;background-position: 4px 3px;background-repeat: no-repeat; padding: 3px 5px 3px 10px;} #emailotp .form-group input, #newLogin #txtEmailId{background:#fff;background-position:4px 3px; background-repeat: no-repeat;padding: 3px 5px 3px 10px;} #outercontanier #content2{width:500px;margin:0 auto;} #newLogin #txtName{background:#fff url("../resources/images/name-b.png");background-position: 4px 3px;background-repeat: no-repeat;} #newLogin #txtUserId{background:#fff url("../resources/images/profile-b.png");background-position: 4px 3px;background-repeat: no-repeat;} #newLogin #txtPassword, #newLogin #txtConfirmPassword{background:#fff url("../resources/images/password-b.png");background-position: 4px 3px;background-repeat: no-repeat; padding: 3px 5px 3px 30px;} #newLogin input[type="text"] {padding: 3px 5px 3px 5px;} .popupcenter {position: absolute; width: 100%;transform: translate(0, -50%);top: 50%; left: 0;} .tipso_bubble{text-align: left; padding: 5px 8px; border-radius:4px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; } .dvbrokerage .btn-group.btn-group-justified{margin-bottom:10px;} .txt11 {font-size:12px; color:#00a2ff;} #divPopUpEqityCON { position: absolute; top: 0; left: 0; } .form-display-line .form-group { display:inline-block; padding:0 10px; } /* #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fffbce; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #fffbce; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; }*/ .ui-dialog .ui-dialog-titlebar-close{background: url(../resources/images/close_button.png) no-repeat 0 0;border: none;} .ui-widget-overlay {background:#000;opacity:0.7;} #UpdateOwner {font-family:roboto, Arial;} #UpdateOwner label {float: left; width: 93px;} #UpdateOwner input[type="text"] {float: left; width: 157px; margin-left: 5px; margin-bottom:8px; font-weight:normal;font-size: 14px;} #brokerageplanpage{width:627px!important;font-size:13px!important;line-height:25px!important;} #brokerageplanpage.ui-dialog-content a{color:#e66a1f!important;} #brokerageplanpage.ui-dialog-content a:hover{color:#333!important;} #brokerageplanpage.ui-dialog-content select, #brokerageplanpage.ui-dialog-content input[type="text"]{height:28px;} .btn-blk{background:#888; border-color:#888;}.btn-blk:hover{background:#ccc; border-color:#ccc;}.input-disable{border: 1px solid #B3B3B3; padding:0 5px;} .ui-dialog .ui-dialog-title {font-size:15px;} .ui-dialog .ui-dialog-content {font-size:12px;} .pts {margin:0;padding:0;} .pts li {padding:0 0 5px 0;list-style:none;} #IPVeSignform {overflow:hidden; height:inherit!important; padding-bottom:20px;} #IPVeSignform #dvMain {margin-top:15px;} #IPVeSignform #dvMain label {width: 100px; font-size:14px;} #IPVeSignform #dvMain input[type="text"] {width:148px; margin-right:15px;} #IPVeSignform #dvMain #divIPVeSignForm label {width:auto;} #IPVeSignform #dvMain #divIPVeSignForm {margin-top: 15px;} #AadharPop{line-height:20px;} #BSDA-term2 ol { padding-left:20px; margin-bottom:10px;} #BSDA-term2 .btn-md{margin-top:10px;text-transform:capitalize!important;} /******/ div.pager {text-align: center; margin: 1em 0;} div.pager span {display: inline-block; width:1.4em;height:1.4em;line-height:1.4em;text-align:center;cursor:pointer;background:#0056a9;color: #fff; margin-right: 0.5em; font-size: 14px;} div.pager span.active{ background:#fc7625;} #per-form-1 .frm-personal-list{max-width:828px; margin-bottom:15px;} #per-form-1 .frm-personal-list .form-group > div.col-sm-4{ padding-right:0;} #per-form-1 .frm-personal-list .form-group > div.col-sm-4.first{ padding-left:0;} .txt13{ font-size:13px;color: #00a2ff;} .note.txt13 {margin-bottom:5px;} .max-width-300 { max-width:300px;} .max-width-300 .form-group > label{color:#fff;} .dvPanFail{background: black; height: 100%;width: 100%; position:absolute;z-index: 8;left:0;top:0;margin:0;font-weight:300;} .Pandiv {padding: 32px;} /*//--------------------------------*/ .brokernew {max-width: 498px; margin-bottom: 20px;} .brokerage-bxnew2 ul {margin-left:15px;} .brokerage-bxnew2 ul > li { margin-bottom:5px; } .brokerage-bxnew2 ul> li, .brokerage-bxnew2 ul> li span{color:#e66a1f;font-size:14px;} .brokerage-bxnew2 ul> li > div {color:#fff;} .brokerage-cont{position: relative; background:#02a65f; padding: 15px 20px 13px;} .big{font-size:22px; text-transform:uppercase; text-align:center; border: 1px solid #1bcc80;line-height: 42px;; margin: 0;} .brokerage-top {background: url("../resources/images/01-GreenTop-Img.png") no-repeat; height:7px;} .brokerage-bottom {background: url("../resources/images/02-GreenBottom-Img.png") no-repeat; height:9px;} .brokerage-bxnew{padding:2px 4px 14px; width:650px; height:272px; margin:0 auto;} /*---------------Invest-Recommended--------------------*/ #riskprofile h3{margin-bottom:20px;} .InvetBox{margin:15px 0 25px;position:relative;} .InvetBox > label{padding:3px 8px;background:#085394;font-size:16px;color:#fff;} .InvetBox.InvetDebt > label{background:#b45f06;} .InvetBox.InvetBalanced > label{background:#e6be00;} .InvetBox.InvetHybrid > label{background: #e85610;} .InvetBox.InvetELSS > label{background:#38761d;} .InvetBox .firstDiv{padding:10px;background:#FFF;color:#484848; display: table; width: 100%; } .InvetBox .firstDiv.InvestSelected{background:#d2ffc9;} .InvetBox .firstDiv>div.width100{width:100%;} .InvetBox .firstDiv>div{display:inline-block;width:50%;vertical-align:top;} .InvetBox .firstDiv>div span{display:inline-block;width:46%;text-align:left;} .InvetBox .firstDiv>div:first-child label{color:#085394;font-weight:400;margin-bottom:5px;} .InvetBox .firstDiv>div span b{display:block;margin-top:6px} .InvetBox label{width:inherit!important;} .TotalInvestment{font-size: 2rem; font-weight: 300;color:#07e8ff;} .InvetBox .firstDiv>div .form-group input[type="text"]{width: 100%;} .InvetBox .firstDiv > div span span { display:block; } .TotalInvestment span{font-weight: 500; font-size: 1.5rem; } #txtTotalPlanAmt { background:transparent; color:#fff;border:none; } .InvetBox .firstDiv > div span>span { /* display: block; */ width: 90%; position: absolute; left: 10px; bottom: 5px; } @media only screen and (max-width: 450px){#Skip-btn-30{margin-bottom:10px}.TotalInvestment{font-size:3rem;}.TotalInvestment span{display: block;font-size: 3.5rem;}} @media only screen and (max-width: 400px){.InvetBox .firstDiv>div{width:100%;}.InvetBox .firstDiv>div span{margin-bottom:10px;}} .disabled{ pointer-events:none; }/*// opacity:0.4;*/ /*---------------End of Invest-Recommended--------------------*/ /*------------IPVVerification-----------------*/ #IPVVerification{max-width:890px; margin:0 auto;min-height:400px;line-height:1.5;} .mar-tp-10{margin-top:10px; } .congratulation_li > li{display: inline-block; width: 207px; margin: 10px 15px;} .uploadBx { background: #f7f7f7; padding-top: 0.01rem; overflow: hidden; } .BoxBorder { border: 2px solid #a0a0a0; padding:1rem; } #IPVModal a.txt-blue:hover{color:#000;} #IPVModal{color:#000;font-size:16px;font-weight:300;line-height:20px;} @media (min-width: 992px){ #IPVModal .modal-sm { width: 350px; }} @media only screen and (max-width: 767px){ .btn-theme.mar-tp-10{ position: relative; z-index: 1; } } .max-W400 { max-width: 400px; margin: 0 auto; } .uploadBx.max-W400 { padding:6px 6px 0;} #IPVVerification video { width: 100%; height: auto; } .SMSmobileNo{line-height: 38px;margin:15px 0;} .SMSmobileNo span{font-weight: 500;font-size: 1.5em;} .SMSmobileNo .btn{font-size: 1em;margin-left: 10px;} #IPVVerification .btn-theme .btn-org{width:210px;} #IPVVerification #IPVScreen-1 .btn-theme .btn-org { margin:0 auto; } /*New Brokerage box styling 17092018*/ .brokerage_new_grid span{ font-size: 15px; color: #fff; float: lef; display: block; width: 100%; padding: 0 0 8px 0; } .click_choose_btn_new{ float: left; width: 43px; background: #ffffff;padding: 4px;} .click_choose_btn_new.active{ float: left; width: 43px; background: #fc7625;padding: 4px;} .click_choose_btn_new.active i{background: #fff;color: #03cc61;padding: 7px;border-radius: 50%;font-size: 20px;} .click_choose_btn_new i{background: #c4c6c5;color: #fff;padding: 7px;border-radius: 50%;font-size: 20px;} .brokerage-cn-box{ background: #02a75f; padding: 10px; float: left; display: inline-block; width: 85%;} .brokerage-cn-box h4{ font-size: 22px !important; color: #fff !important; font-weight: 500;} .brokerage-cn-box h4 a{ font-size: 16px; font-weight: 200; display: block; color: #fff !important;line-height: 24px;text-decoration: underline;} .brokerage-cn-box p{ font-size: 11px; color: #fff; font-weight: normal; text-align: left; padding: 0;} .brokerage-cn-box .amount{ padding: 1rem 0 0 0; vertical-align: middle;} .brokerage-cn-box .amount:after{ border-bottom: 1px solid #16e98e;content: '';display: block;width: 100%;margin: 0 auto;margin: 10px auto 5px;} .ac_opnning{ width: 50%; display: inline-block; text-align: right; font-size: 11px; color: #7ffac5; text-transform: uppercase; font-weight: normal;} .ac_opnning_am{ font-size: 24px; font-weight: 500; color: #fff; display: inline-block; padding-left: 5%; width: 45%;} .brokerage_new_grid .mb20{ margin-bottom: 20px;} .dvbrokerage{ width:185px;} /*New Brokerage box styling 17092018*/ /*Added for Redmine #64676*/ .table-retailplans { font-size:12px; } .headcol { background:#000; } .table.table-retailplans tr > td, .table.table-retailplans > thead > tr > th { padding:5px; vertical-align:middle; } .table-responsive.dvtable-retailplans>.fixed-column { position: absolute; display: inline-block; width: auto; border-right: 1px solid #ddd; } @media(min-width:768px) { .table-responsive.dvtable-retailplans>.fixed-column { display: none; } #frmBankDetails {width:50%;margin: 0 auto;} } /*Added for Redmine #64676*/ .alert-danger1 {clear: both;color: rgb(255, 255, 255);background: rgb(212,14,11);padding: 5px;font-size: 13px;margin: 5px 0;border: 1px solid rgb(212,14,11);line-height: 18px;text-align: center;} #upload-details #upload-address .hideme {display:none!important;} #upload-details #upload-address .showme {display:inline-block!important;} .cash .custombtn-radio.active { pointer-events: none; } .reg_span {display: block;font-size: 14px;padding: 0;margin: 0;line-height: initial;color: #28ea96; text-transform:capitalize;} .stnd_gold { width: 250px; padding:10px !important;} .stnd_gold .big{ font-size:30px !important;} /*--goldloan popup--*/ .term-condPopup > div {font-size: 12px; height:96%;margin:0px 5px;} .term-condPopup {height:100%;/*position: fixed;*//*10172016*/ position:relative; width: 100%;} @media screen and (min-width:567px) and (max-width:767px) { #IPVMobileLink { display:block!important; } } /*@*TFSID-1457*@*/ /*Payment - esign*/ .whitebg{background: #fff;color:#5c5757;padding:13px;margin:15px 0;} .ft16{font-size:16px;} .fw400{font-weight: 400;} .ft13{font-size:13px;} .esign-time{position:relative;border:2px solid #00a2ff;border-radius:20px;padding:7px 8px 7px 40px;width:215px;margin:10px auto;text-align: center;} .esign-time img{position:absolute;top:-10px;left:-25px;} .orgbullet-list{margin:0;padding: 0 0 0 18px;} .orgbullet-list li{list-style: disc;color:#fc7625;padding:4px 0;font-size:15px;line-height: normal;} .orgbullet-list li span{color:#777;font-size:13px;} .nomargin{margin:0!important;} .esignproceeddiv p{font-size:11px;} .esignproceeddiv a{text-decoration:none;color:#0884cb;} .btn-green{background:#32be00;color:#fff!important;font-size:18px;border-radius:0;font-weight:300; width:120px;} .btn-green:after {content: "\f101"; display: inline-block;font: normal normal normal 22px/1 FontAwesome;font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-left: 0px; font-weight: normal; vertical-align: top; margin-top: 4px; line-height: 20px;} .btn-green:hover{background:#2ca202;color:#fff;border-color:#2ca202;} .custommodal h3{color:#000;font-size:20px;font-weight:400;} .custommodal p{color:#777;font-size:16px;font-weight:300;} .custommodal a, .custommodal a:hover {color:#0884cb;text-decoration: none;} .custommodal a.btn.btn-org{color: inherit;} .custommodal.modal {text-align: center;padding: 0!important;} .custommodal .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;} .custommodal .modal-content{border-radius:0;} .custommodal .close{background:none;font-size:40px;font-weight:300;outline:none;color:#000;opacity:1;} /*@*TFSID-1457*@*/ .nav-menu ul li a { text-align: center; color: #fff; display: inline-block; width: 20px; height: 20px; background: #ccc !important; border-radius: 50%; } .nav-menu ul li.completed a { background-position: -56px 0; background: #1dec04 !important; border:2px solid #242056 !important; } .nav-menu ul li.active a, .nav-menu ul li a:hover{background: #fff !important; border:2px solid #242056 !important;} .blue-bx{ background:#fff !important; border:1px solid #ccc !important;} .form-group > label{ color:#000 !important;} .txt-blue { color: #242056 !important; font-weight: 300; } .btn-theme .btn, .btn-org{border-radius:50px !important;} #newLogin input[type="text"] { padding: 5px 5px 5px 30px; border: 1px solid #ccc; border-radius:4px; } .nav-menu .tooltip-inner{background: #242056 !important;} .nav-menu .tooltip.top .tooltip-arrow { border-top-color: #242056 !important; } .nav-menu ul li{padding:0 0px 0 42px;} .nav-menu ul li.active a:after { content: ""; display: block; /* border: 1px solid red; */ width: 12px; height: 12px; border-radius: 50%; background: #242056; margin-left: 2px; margin-top: 2px; } .logo span{color:#f37021;} .logo img{width:260px;} .text-orange { color:#e66a1f;} .term-txt {color:#000;} .text-center { text-align:center;} .dashboard-table table tr td {color:#000;} a:hover {color:#e66a1f;} #forget-pass, #forget-pass:hover{color:#3498db !important; padding-bottom:5px; display:inline-block;} #opt-bx p {color:#000; font-size:18px; text-align:center; margin-bottom:10px;} .otp_inner {margin-top:15px;} .otp_inner .form-imput input {width:100%; padding:15px 8px !important; margin-bottom:8px; font-size:15px; color:#000; text-align:center; } .otp_title{ padding-top:35px !important;} .otp_inner a {color:#0000EE ; font-size:16px;} .edit_img {position:absolute; right:8px; top:8px;} .editsave { position: absolute; right: -56px; top: 0px; color: #fff !important; border: 1px solid #269cd2; padding: 8px 7px; border-radius: 5px; font-size: 13px !important; background:#269cd2; } .editcancle{position: absolute; right: -121px; top: 0px; color: #000 !important; border: 1px solid #ccc; padding: 8px 7px; border-radius: 5px; font-size: 13px !important;} #btnresendmobotp { position: absolute; right: -105px; top: 0px; color: #0000EE !important; border: 1px solid #fff; padding: 8px 7px; border-radius: 5px; font-size: 13px !important; background:#fff; } #btnresendemailotp, #btnresendmobotp{ color:blue;} .edit_main {position:relative;} .resend_main{position:relative;} .blue-bx-PersonalPopUp{border:1px solid #1987f0;background:rgba(1, 26, 64, 0.7); padding:30px 28px 28px; min-height:435px !important;position:relative;} .dashboard-table th {color:#000;} .addpersonalfatca p{color:#000; margin-top:25px;} .btn_deafault, .btn_deafault:hover{background: #ccc !important; border-radius: 0; color: #000 !important; font-size: 18px; font-weight: 300; width: 200px; border-color: #ccc !important;} .btn-theme .btn-white{background:#ccc !important;border:1px solid #ccc !important; color:#000 !important;} .btn-theme .btn-white:hover{background:#ccc !important;border:1px solid #ccc !important; color:#000 !important;} .marital-status select{width:100% !important;} .popup, .popupSearch, .popup-upload, .popup-img {background:#fff !important;} .fa-remove:before, .fa-close:before, .fa-times:before{content: "\f00d"; color: #fff; background: #000; border: 0px !important; /* width: 14px; */ /* height: 25px; */ border-radius: 50%; padding: 3px 5px; /* margin-top: 5px !important; */ font-size: 15px;} .personal_next_con{margin-top:8px; width: 359px !important;} #lead-bx .form-group > select {width: 191px !important;} .login-name {color: #000;} .log-reg-bx h3{ color: #242155; text-align: center; } #segment-details h3 { color: #242155 } #divEsign h3, #eScanPaymentDetails h3, .upload h4, .upload h3, #main-content h3, #frmfatca h3, #riskprofile h3 ,#eScanPaymentDetails h3, .complete-login h3 { color: #242155 } #riskprofile p{ color:#000;} .forgot-reg-bx h3 { color: #242155 } .reset-reg-bx{ color: #242155 } #Rm-login-bx{padding:30px 30px 0px 30px !important; border-radius: 10px;} .form-control, select{height:37px; border-radius:4px !important;} #term-cond2 p, #term-cond2 ul li{ color:#000;} .term-bx p, .term-bx div ul li { color:#000;} #term-cond2 h3, #upload-photo h3{color: #242056;} #upload-details .row > div h4, #upload-details .row > div p{ color:#000 !important;} .noteMessage{color:#000;} #upload-item .btn { border-radius: 0; font-weight: 400; margin-bottom: 10px;color: #969696;border: 1px solid #dadada !important; } #upload-details .upload-doc{border:1px solid #ccc;} #upload-item .btn.add{background: #e6e6e6; color: #969696 !important; border: 1px solid #dadada !important;} #upload-item .btn.remove, .skip-btn, .upload, #btncapture, .fileUpload input{background: #fff; color: #969696 !important; border: 1px solid #dadada !important;} .fileUpload input{color: #969696 !important; border: 1px solid #dadada !important;} .noteMessage{color:#000;} #address-detail label{ color:#000;} .fa-info-circle:before{color:#797979;} #bank-detail h5{ color: #242056;} .txt13{ color: #242056;} #bank-detail h5{text-align:center;} #bank-detail .btn.save-btn { margin: 25px auto 15px auto; text-align: center; display: block; } #personal-KAR-detail ul li, #personal-KAR-detail p, #personal-KAR-detail ul li label{color:#000;} .brokerage_new_grid span, .brokerage-form label, .mycheckbox label{color:#000 !important;} .whitebg{border:1px solid #ccc;} #btn-offlinekyc, #btnreEsignemailotp{border-radius: 0; color: #000 !important; background: #e6e6e6; border: 1px solid #dadada !important;} #divEmailVerificationStatus lable{color:#000;} #lblNRecLink{color:#000;} #eScanPaymentDetails p, #eScanPaymentDetails label{color:#000;} #validate-bx p.txt-white, #validate-bx ul li{color:#000;} #upload-details .popup-upload .note{color:#000;} .btn{border-radius: 50px !important;} .btn-org{color:#fff !important;} .text_black{color:#000;} #opt-bx .thanku-txt, #opt-bx-add .thanku-txt {padding: 0 40px 20px;/* width: 425px; */margin: 0 auto 20px;/* border-bottom: 1px solid #85c2fc; */ color: #27af05;} span.caret {color: #000 !important;} #divClientDeleteListForCAT .btn{ color: #969696 !important; border: 1px solid #dadada !important; margin-bottom:0px; background:#e0e0e0;} #IPVMobileLink{color:#000;} .form-control, input[type="text"]{border:1px solid #ccc;} .thanku-popup .black-bg{ background:#fff; border:1px solid #ccc; padding:10px !important;} .thanku-popup .black-bg p, .thanku-popup .black-bg .btn{color:#000 !important; text-align:center;} #bck-btn-2 {width: 128px;color: #969696;border: 1px solid #dadada !important;} #re-send-btn-2{color: #969696;border: 1px solid #dadada !important;} .col-sec-bx{margin:0 auto;} .forgot-reg-bx .OTP-col p{color:#000;} .login-Clientname{color:#000;} #KRA_NotVerified,#KRA_verified,#CKYC_verified,#CKYC_NotVerified{color:#000;} .user-login-bx .dropdown-menu{background: #ddd;} .user-login-bx .dropdown-menu>li>a, .user-login-bx .dropdown-menu>li>a:hover{color:#515151;} .user-login-bx .dropdown-menu:before{border-bottom: 4px dashed #dddddd!important;} .user-login-bx .dropdown-menu>li{border-top:0px;} .user-login-bx .dropdown-menu>li:first-child{border-bottom: 1px solid #b1b1b1 !important;} .user-login-bx .dropdown-menu{padding:5px 0 0 0;} #inner-right-slideout{background:#fc7625 !important;} #inner-right-slideout h4{color:#5b2200; background:transparent;} .custombtn-radio { background: #dad8d8; } .error{color:red !important; text-align:center;} .InvetBox .firstDiv{background:#e6e6e6;} #upload-cancel-cheque, #upload-pan, #upload-supportdoc, #upload-finance, #specimen-signature{height:100%;} #upload-details .upload-doc{width:101px;margin: 0 auto;} .complete-login p{color:#000 !important;} .txt-green1{ color:#13a34b!important; font-size:30px;} div.pager span{width: 1.6em !important;height: 1.6em !important;border-radius: 50%;padding-top: 2px; background: #242155;} #upload-details .row.row-lg{margin:0 auto; text-align:center;} /* 25-08-2020 */ #ApplyCode { background: #0575ff; padding: 8px 15px; border-radius: 9px; color: #ffffff; margin-left: 7px; text-decoration:none;} #CancelCode { background: #fff; padding: 7px 15px; border-radius: 9px; color: #000; margin-left: 7px; border:1px solid #ccc;} #resume-btn{font-size:16px;} #term-n-coditions{color:#0575ff;} .term-txt{margin-top:15px;} .nav-menu ul li.completed a, .nav-menu ul li.completed a:hover {background-position: -56px 0;background: #242056 !important;border: 2px solid #242056 !important; } .logo img{vertical-align: middle;margin-right: 6px;} .logo span{font-weight:100;font-size: 28px;display:inline-block;text-align: center;vertical-align: middle;line-height: 1;} #lblHeader { border-left: 1px solid #d4d4d4; padding-left: 15px; } .mycheckbox input[type=checkbox]:checked ~ label:before { content: "\2713"; font-size: 12px; color: #ffffff; text-align: center; line-height: 13px; font-weight: bold; background: #3498db; top: 0; border: 0px; padding: 3px; width: 15px; height: 15px; } #PersonalFatca{height:100%;} .thanku-popup .black-bg{padding:20px !important;} #PANNameConfirmationPopup .btn{border: 1px solid #242026 !important; color:#242026 !important; margin-top:10px;} .fa-remove:before, .fa-close:before, .fa-times:before{font-size:14px !important;} .otp_inner .form-imput input{background:#eeeeee;} .inline-form select{height:37px; border: 1px solid rgb(204, 204, 204) !important;} .con-input select{width:16% !important;} .con-input input{width:80% !important; margin-left:9px;} .input-search{color:#0575ff !important;} #dvBkMessg{color:red !important; text-align:center; margin:10px 0;} #bank-detail .btn.save-btn{max-width:inherit !important; padding:6px 25px;} .btn.disabled, .btn[disabled], fieldset[disabled] .btn{opacity:.2;} .segment-form .custombtn-radio:hover, .segment-form .custombtn-radio:active, .segment-form .custombtn-radio.active{background:#faaa38 !important; border-color:#faaa38 !important;} /*#segment-details .btn-group>.btn{ margin:auto 4px;}*/ .fa-info-circle:before{font-size:15px;} .segment-form .txt-blue{margin-top:15px; text-align:center;} #lbldeclaration{color:#0575ff;} .fatca-form h5{ color:#000;} #frmfatca .btn-group>.btn{ margin:auto 4px;} .blue-bx-PersonalPopUp{border:1px solid #1987f0;background:rgba(1, 26, 64, 0.7); padding:30px 28px 28px; min-height:435px !important;position:relative;} .addpersonalfatca p{color:#000; margin-top:25px;} #addPersonalFatca{color:#0575ff;} .upload {height:100%;} .dvPanFail {background: #fff;height: 100%;width: 100%;position: absolute;z-index: 8;left: 0;top: 0;margin: 0;font-weight: 300;} #divPanNameMess {color:#000 !important;} .field-validation-error, .errorMessage{display:inline-block;} @media(max-width:768px) { .mobile_sep:after{border-bottom:1px solid #ccc;margin-bottom:10px;content: "";display: block;width: 90%;margin: 0 auto;} #upload-details .upload-doc{border:0px !important;} #upload-details .row > div h4{margin-bottom:5px;} #upload-details .btn-group-theme{min-height:50px;} .logo img{width:175px;} .Bankselect{width: 280px !important;} #btnresendmobotp, .editsave, .editcancle{position:inherit; margin-bottom:5px; right: inherit;} #btnresendemailotp{margin-top:10px; display:inline-block;} .document_upload_new .mb-p0{padding:0;} /*Added content form document upload content 19-11-2020*/ } @media(max-width:599px) { #dashboard-bx .row.row-xs .form-group{margin-left:0px;} .form-inline .form-group{width:46%;} } @media(min-width:768px) { .full_box {width: 580px !important;overflow: hidden;} .login_inner {width: 70%;margin: 0 auto;} #frmBankDetails {width:50%;margin: 0 auto;} .otp_inner {width: 70%;} .btn-theme{position:relative;} } @media only screen and (min-width: 993px) { .personal_next_con { width: 370px !important; } } .input-search:focus,.input-search:active,.input-search:hover{color:#00a2ff!important;box-shadow:none;} .black-bg, #singleIfscCode p { color:#000; } #singleIfscCode p{word-break: break-all;} #bank-item .bootstrap-select .btn { color:#000; border:1px solid #ccc; height: 37px; border-radius: 4px !important; } .btn-outline { color:#000; border:1px solid #ccc; } .thanku-popup{background:#fff;} #DeclarationPopup .black-bg{height:100%;} @media(min-width:600px) and (max-width:991px) { #personal-detail { width: 80%; margin: 0 auto; } } @media only screen and (min-width:561px){ .manage_profile_tab .dropdown-menu{display:block;position:static;background:none; } .manage_profile_tab .dropdown-menu li{float:left;} .manage_profile_tab .dropdown-menu{padding:0;margin:0;border:none;border-radius:0px;box-shadow:none;width:auto;} .manage_profile_tab .dropdown-menu>li>a{font-family:Roboto, Arial;padding:3px 15px;font-size:16px;font-weight:300;background:#fff;border:1px solid #e0e0e0;margin-right:0px;white-space:nowrap;color:#000;} .manage_profile_tab .dropdown-menu>li>a.active{background:#fc7625;border-bottom:1px solid #fff;color:#fff;} } #forget-pass, #forget-pass:hover{display:block;} #dvGender .btn { border-radius: 0px !important;} #dvGender .custombtn-radio{ border: 1px solid #dad8d8;} .nav-menu ul li.completed a, .nav-menu ul li.completed a:hover {background-position: -56px 0;background: #242056 !important;border: 2px solid #242056 !important; } #divComparePlans{color:#000;background: #fc7625; padding: 11px 15px; width: 90%;} .resp-tabs-list li{color:#000;} .resp-tabs-container table th, .resp-tabs-container table td{color:#000 !important;} #vas-plan{ height:100%;} #RBLlblHeader { /*border-left: 1px solid #d4d4d4;*/ padding-left: 15px; margin-top: 23px; } @media (max-width: 767px) { .logo #RBLlblHeader { text-align: center; margin-top: 0px !important; } } .blink { animation: blinker 5s linear infinite; color: #1c87c9; font-size: 80%; font-weight: bold; font-family: sans-serif; background-color:yellow; color:black; } @keyframes blinker { 50% { opacity: 0; } } #dvRBLMsg { text-align:center } /* 19-08-2020 */ #ApplyCode { background: #0575ff; padding: 8px 15px; border-radius: 9px; color: #ffffff; margin-left: 7px; text-decoration:none;} #CancelCode { background: #fff; padding: 7px 15px; border-radius: 9px; color: #000; margin-left: 7px; border:1px solid #ccc;} #resume-btn{font-size:16px;/*color:#0575ff;*/} #divComparePlans{color:#000;background: #fc7625;padding: 11px 15px;width: 90%;} .resp-tabs-list li{color:#000;} .resp-tabs-container table th, .resp-tabs-container table td{color:#000 !important;} #vas-plan{ height:100%;} #btnLoginresendmobotp {position: absolute;right: 5px;top: 2px;color: #fc7726 !important;border: 0px solid #fff;padding: 8px 7px; border-radius: 5px;font-size: 13px !important;background: transparent;} #resumeLogin button { width: auto; } #btnClientLogin{ text-transform: capitalize;} #resumeLogin .back-btn{border:0px !important; color: #fc7726; font-size: 16px;} #btnGetOTP{display:block; margin:0 auto;} /*.btn_capcha{width: 150px !important; display: inline-block; float: left; margin-top:32px;}*/ .captchaimgdiv{margin-top:32px;} .btn_capcha{width: 150px;vertical-align:middle;} .refreshicon{vertical-align:middle;margin:0 5px;display:inline-block;} .capcha_right{width: 42.5%;display: inline-block;} .capcha_right label{ color:#000;} .capcha_main_box{ margin-top:10px; display:inline-block;} .back_to_login_bottom { position: absolute; bottom: 0; left: 0; right: 0; } /* 25-08-2020 */ .term-txt{margin-top:15px;} @media only screen and (max-width: 768px) { #resumeLogin .col-sec-bx {padding: 0 15px;} .btn_capcha{margin-top:0px;} .capcha_right{width:100%;} } @media only screen and (min-width: 768px) and (max-width: 993px) { #resumeLogin .col-sec-bx { margin: 0 auto; width: 65%; } } @media only screen and (min-width: 993px) { #resumeLogin .col-sec-bx {width: 330px !important;} } .divtable{display:table;width:100%;} .divtd{display:table-cell;vertical-align:middle;} .divtd p{color:#000;} .minhgt340{min-height:340px;} /*brokerage plan css 09/10/2020*/ .brokerage_plan h2{color: #242056;text-align: center; font-size: 24px; font-weight: 500; margin-bottom: 20px;} .brokerage_plan p{color: #717171 !important;text-align: center; font-size: 14px;} .brokerage_plan_table{width: 100%;} .brokerage_plan_table{color: #515151 !important;} .brokerage_plan_table td { color: #515151 !important; font-size: 12px; text-align: center; border-bottom: 1px solid #e6e6e6; border-top: 0px !important; padding: 0.75rem !important; width: 22%;} .brokerage_plan_table td span{display: block;} .brokerage_plan_table td a, .brokerage_plan_table td a:hover{ color: #717171; text-decoration: underline} .brokerage_plan_table td:first-child{width:35%; text-align: left;} .plan{ cursor: pointer;} .selected{ background-color: #e8ffec !important; border-bottom: 1px solid #cbded6 !important; } .hover_color{ background-color: #eef7f0 ; } .show_more_less{ padding-bottom: 0px; display: block; vertical-align: middle; } .show_more_less a {font-size: 13px;} .plan_name{color: #282828; font-size: 15px; font-weight: 600;} .selected.plan .plan_name{color: #334e38;} .selected.plan .plan_name span{color: #334e38} .plan_name span{color: #282828; font-size: 12px; font-weight: normal;} .brokerage_plan_table td.btr_bt0{border-bottom: 0px !important;} .gray_bg{background:#f2f2f2 !important;} .plan_name img{ display: block; margin: 0 auto; padding-bottom: 5px;} .selected .gray_marks{display: none;} .selected .green_marks{display: block !important;} .green_marks{display: none !important;} .expand_plan{display: none;} .show_more, .show_lesss{color: #0575ff !important; margin: 10px 0; text-decoration: none !important;} .terms_txt{ font-size: 12px !important; color: #717171; margin-top: 10px; padding: 10px !important;} .terms_txt a{color: #0575ff ; text-decoration: none;} .offer_box{ border: 1px dotted #fc7625; border-radius: 10px; color: #000000; padding: 15px; text-align: center; width: 90%; margin: 0 auto; background: #ffeee396;} #segment-details .form-group > label{max-width: 110px; width: 100% !important; vertical-align:top !important;} .brokerage-form .btn { border-radius: 0px !important;} .brokerage_btn_change{margin:15px 0;} .income_proof{ padding:15px 0 0 0;} .brokerage-form label{line-height:inherit; font-size: 13px;} .h-38{height:38px;} .brokerage_btn_change .custombtn-radio{ border: 1px solid #ccc; background:#fff;} .brokerage-form .custombtn-radio.active{background:#fea839 !important; border-color: #fea839!important;} #segment-details .custombtn-radio.active{background:#fea839 !important; border-color: #fea839!important;} #segment-details .btn{ margin-right:5px;} .pouplarplan_name{color: #282828; font-size: 15px; font-weight: 600;} .free_text{display:inline-block !important; font-weight:800; padding-left:4px;font-size: 14px;color: #282828;} .offer_line_through, .offer_line_through label{text-decoration: line-through; display:inline-block !important;} @media only screen and (max-width: 768px) { .brokerage_plan h2{font-size: 18px;} .brokerage_plan_table td:first-child{width: 100%; text-align: left; position: absolute; /* float: left; */ vertical-align: top; /* top: 0; */ padding-top: 10px !important;font-weight: 600;background: #fff; border-top: 1px solid #e6e6e6 !important;} .brokerage_plan_table td{padding: 45px 0.75rem 0.75rem 0.75rem !important;} .mb-padding0{ visibility: hidden;} .brokerage_plan_table td{width: 33%;} } /*brokerage plan css 09/10/2020*/ #eScanPaymentDetails .success{color:#09FF1E;} #eScanPaymentDetails #lblRefno{color:#000000;} /*#4321-Change the content of Congratulation Page*/ .complete-login p label{text-align: center;color:#080808; font-size:16px;} /*#4321-Change the content of Congratulation Page*/ /*Whats app box start css*/ .whatsapp_box_full{padding:1.5rem 1rem 0 11rem; background:#26c165; border-radius:10px; color:#fff; width:60%; margin:0 auto 25px auto; position:relative;} .whatsapp_box_full h2{font-size:2rem; font-weight:400; color:#fff; margin-bottom:8px;} .whatsapp_box_full a{font-size:1.4rem; font-weight:400; color:#fff; padding-bottom:1rem; display:inline-block;} .mobile_in_hand{position:absolute; bottom:0; width:55px; left:30px;} .whatsapp_option_grid{color:#000; margin:15px 0 !important; border-bottom:1px solid #ccc; padding-bottom:1rem !important; display:table; width:100%;} .whatsapp_option_grid.bdr_none{ border-bottom:0px solid #ccc;} .whatsapp_option_grid img{ margin:0 auto; vertical-align:middle; width: 45px } .whatsapp_option_grid_left{ display:table-cell; width:150px; padding-right:20px;vertical-align:middle;} .whatsapp_option_grid_right{ display:table-cell; vertical-align:top;} .whatsapp_option_grid_right span{ background:#26c165; border-radius:5px; color:#fff; padding:0.75rem 2rem; display:inline-block; text-transform:uppercase;} .whatsapp_list{list-style:decimal; margin:0 0 0 15px; padding:1rem 0 0 0;} .whatsapp_list li{margin-bottom:0.5rem; font-size: 1.4rem;} .whatsapp_list li:last-child{margin-bottom:0px;} .get_link, .get_link:hover{color: #3498db ; display:inline-block; padding:1rem 0 0 0} #WhatAppQr {height:100%} @media only screen and (max-width: 768px) { .whatsapp_box_full{width:100%;} .whatsapp_box_full h2{font-size:1.5rem;} .whatsapp_box_full a{font-size:1.3rem;} .whatsapp_option_grid img{width:60px; margin:inherit; padding-bottom:0.5rem;} .whatsapp_option_grid_left{width:60px; vertical-align:top;} .upload_delete img { width:15px !important} } /*5paisa docupload*/ @media only screen and (max-width:768px) { .upload-box {width: 100px;} .loader-img-uploder {box-shadow: none !important;} .toast-msg{ color: #fff !important; display: block; width: 80% !important; clear: both; position: fixed !important; bottom: 5px !important; padding: 0.5rem 1rem; left: 0; right: 0; background: red; border-radius: 20px; margin: 0 auto; z-index: 9999; } } ul.action_ul { width: 100%; float: left; margin-left:24px; /* margin: 0 auto;*/ } /*document_upload_new css 10/10/2020*/ .btn-theme .btn, .btn-org {border-radius: 50px !important;} .document_upload_new h2 { color: #242056; text-align: center; font-size: 24px; font-weight: 500; margin-bottom: 20px; } .upload_grid_box{ padding: 1.5rem 1rem; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 15px;} .upload_grid_box{ display: table; width: 100%;} .upload_title{ display: table-cell; width: 70%; color: #000; font-size: 14px; vertical-align: top;} .upload_btn_new{ display: table-cell;vertical-align: top;padding-left: 5px;} .fileup-btn , .fileup-btn:hover { position: relative; overflow: hidden; display: block; background: #1f99d0; margin: 0; width: 100%; border-radius: 10px; outline:none; color:#fff; border:0px !important; } .document_upload_new .fileup-btn{display:block;} .fileup-btn, .fileup-btn:hover{ background: #fff; border:1px dashed #888 !important; } .fileup-btn img{ width: 15px;} .upload_title span { font-size: 12px; display: block; color: #7f7f7f; font-weight: 400; } .fileup-file.fileup-image .fileup-preview{ display: none !important;} .fileup-file.fileup-image .fileup-container{ margin-left: 0 !important;} .fileup-name{ color: #000; display: none;} .fileup-size{visibility: hidden;} .fileup-remove{ color: red;} .fileup-file .fileup-controls .fileup-remove{top: 15px !important;} .fileup-btn input {position: absolute;top: 0;right: 0;margin: 0;opacity: 0;-ms-filter: 'alpha(opacity=0)';font-size: 16px;direction: ltr;cursor: pointer;} .uploadnext .fileup-btn, .uploadnext .fileup-btn:hover {background: #fc7625;border: 1px dashed #fc7625 !important;color: #fff !important;} .fileup-btn {position: relative;overflow: hidden;display: inline-block;} .document_upload_new .progress{height: 10px;} .process_left{width: 70%; float: left; text-align: center;} .progress{ margin-bottom: 0; margin-top: 4px;} .progress-bar{font-size: 9px; line-height: inherit; background: #029b26;} .upload_delete{color: red; font-size: 15px; float: right; cursor: pointer;} .upload_complete img{ margin: 0 auto;} .progress-bar {width: 0;animation: progress 1.5s ease-in-out forwards;} .title { opacity: 0; animation: show 0.35s forwards ease-in-out 0.5s; } .btn-outline { background: transparent; color: #080808; font-size: 18px; font-weight: 300; width: 200px; border-color: #7f7f7f;border-radius: 50px !important; } @keyframes progress { from { width: 0; } to { width: 100%; } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } @media only screen and (max-width: 576px) { .edit--functions .d-inline-block{ display: inline-block;width: 100%; font-size: 10px;} .popup--modal-box .content--box .edit--functions{align-items: inherit; justify-content: inherit;} .mobile_bdr-0{ border: 0 !important;} .popup--modal-box .content--box .edit--functions li{ text-align: center;} .mobile_rivert{display: block; color: #000;} .desktop_rivert{display: none !important;} } .mobile_rivert{display: none;} .popup, .popupSearch, .popup-upload, .popup-img {background: #fff !important;} .fa-times:before {content: "\f00d";color: #fff;background: #000;border-radius: 50%;padding: 3px 5px;font-size: 14px;} .popupDoc{color:#000} .text-center{text-align:center;} .camera video{margin-bottom:15px; background-color:#000; height:240px;} .contentarea{margin-top:15px;} .box-2{margin:0 auto 15px; max-width:600px;} .document_upload_new .fileup-btn.btn-fileup{width: 200px; display: inline-block!important; vertical-align: top; margin-left:4px; color: #000;} .edit--functions li img{ vertical-align: middle} .crop_box{margin-top: 15px;} .popup--modal-box .content--box .edit--image { border: 2px solid #c9eeff ; text-align: center; padding: 10px ; /*height: 280px;*/ overflow:hidden; } .popup--modal-box .content--box .edit--image img { display: inline-block; max-width: 100%; margin: 0 auto } .popup--modal-box .content--box .upload--success { color: #47b019; font-size: 14px; font-weight: 400 } .popup--modal-box .content--box .upload--error { color: #ff6262; font-size: 14px; font-weight: 400 } .popup--modal-box .content--box .edit--functions { display: flex; color: #282828; font-size: 14px; align-items: center; justify-content: center; margin-top: 20px } @media only screen and (max-width:767px) { .popup--modal-box .content--box .edit--functions { font-size: 12px } } .popup--modal-box .content--box .edit--functions li { padding: 0 20px; list-style: none; } @media only screen and (max-width:767px) { .popup--modal-box .content--box .edit--functions li { padding: 0 7px } } .popup--modal-box .content--box .edit--functions li a { display: inline-block; padding: 0 7px; border-right: solid 1px #e0e1eb } @media only screen and (max-width:767px) { .popup--modal-box .content--box .edit--functions li a { padding: 0 2px } } @media only screen and (max-width:767px) { .popup--modal-box .content--box .edit--functions li a img { width: 20px } } .popup--modal-box .content--box .edit--functions li a:last-child { border-right: none } .btn-white-cancel{background:#ccc !important;border:1px solid #ccc !important; color:#000 !important;} .btn-white-cancel:hover{background:#ccc !important;border:1px solid #ccc !important; color:#000 !important;} .complete-login p label{text-align: center;color:#080808; font-size:16px;} .disdiv{pointer-events:none} .toast-msg{ color: green; display: block; clear: both; width: 100%; position: absolute; bottom: 12%; left: 0; right: 0;} .btn, a{outline:none !important;} button{outline:none !important;} .fileUpload.fileup-btn{width: auto; color: #000 !important; padding-right: 2rem; padding-left: 2rem;} .fileUpload.fileup-btn:hover { width: auto; color: #000 !important; padding-right: 2rem; padding-left: 2rem; display: inline-block; } .cancel_desktop{ display:inline-block;} .cancel_mobile{display:none;} #upload-edit .popup-upload{min-width:911px, top:11px} #IPVVerification h3, #IPVVerification p{color:#000} .progress {margin-top:0px !important} /*Skeleton css start*/ .loading-left-box{display: table-cell; width: 70%; color: #000; font-size: 15px; vertical-align: top;} .loading-right-box{display: table-cell;vertical-align: middle;padding-left: 5px;} .title-loading-line{ background:#ccc; width:100%; padding:8px; margin-bottom:5px; background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); background-size: 600px; animation: shine-avatar 1.6s infinite linear; } .sub-title-loading-line{ background:#ccc; width:100%; height:25px; background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); background-size: 600px; animation: shine-avatar 1.6s infinite linear;} .upload-loading-line{ background:#ccc; width:100%; height:46px; background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); background-size: 600px; animation: shine-avatar 1.6s infinite linear;} .skeleton_loder_box{display:table; width:100%;} .after_upload { display: inline-block !important; width: 70%;} .after_upload .process_left{ width:auto;} .after_upload .process_left { width: 100%; float: left; text-align: center; display: table; } .after_upload .upload_complete{display:table-cell; float:left} .after_upload .progress-bar{font-size:12px;} .after_upload .progress{height:auto;} .after_upload .upload_complete img{ margin-bottom:-10px;} @keyframes shine-lines { 0% { background-position: -100px; } 40%, 100% { background-position: 140px; } } @keyframes shine-avatar { 0% { background-position: -32px; } 40%, 100% { background-position: 208px; } } /*Skeleton css close*/ @media only screen and (min-width: 768px) { .upload_grid_box { height: 87px; } } /*Added stop remove outline color-profile delete*/ .input-outline{ outline: none; } /*Added for tfs id--4885 Email Id edit and Resend option at Esign stage*/ @media(min-width:768px) { .esign_otp_box{width:70% !important; margin:0 auto; text-align:center;} .otp_pan{width:85% !important; margin:0 auto; text-align:center;} #pan-detail{ min-width:470px !important;} #frmPanAndUID .blue-bx{ padding-left:79px; padding-right:80px;} } .esign_otp_box{ margin:0 auto; text-align:center;} .esign_otp_box p, .esign_otp_box label{ color:#000;} .esign_otp_box .editsave{position:inherit; margin:10px 0; right:inherit !important; display:inline-block;} .esign_otp_box .editcancle{position:inherit; margin:10px 0; right:inherit !important;display:inline-block;} #btn-offlinekyc{margin-top:10px;} .notfound{ margin:50px auto; width:100%; text-align:center;} .notfound h1{font-size:3.5rem; font-weight:bold; color:#242056 ; padding-bottom:8px;} .notfound h2{font-size:1.75rem; font-weight:500; color:#000; padding-bottom:8px;} .notfound p{font-size:1rem; font-weight:normal; color:#000; padding-bottom:8px;} /*add css 6-01-2021 bye vijay*/ .call-ico a,.call-ico a:focus,.call-ico a:active, .call-ico a:hover {color:#ffb472;text-decoration:none;} .oct_opening_process{font-size:15px; color:#242056 ; margin:0; padding:0 0 13px 0; font-weight:400;} #term-n-coditions{color:#0575ff;} .aadhar_link{ display:block; padding:0; margin:0; font-size:12px; color:#fc7625 !important;} /*4899-Whatsapp optin on login page of insta*/ /*switch button css close*/ .material-switch{margin-bottom:20px;} .material-switch > input[type="checkbox"] {display: none;} .material-switch > label {cursor: pointer;height: 0px;position: relative;width: 40px; } .material-switch > label::before {background: rgb(0, 0, 0);box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);border-radius: 8px;content: '';height: 16px;margin-top: -10px;position:absolute;opacity: 0.3;transition: all 0.4s ease-in-out;width: 40px;} .material-switch > label::after {background: rgb(255, 255, 255);border-radius: 16px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);content: '';height: 22px;left: -4px;margin-top: -10px;position: absolute;top: -4px;transition: all 0.3s ease-in-out;width: 22px;} .material-switch > input[type="checkbox"]:checked + label::before {background: inherit;opacity: 0.5;} .material-switch > input[type="checkbox"]:checked + label::after {background: inherit;left: 20px;} .material-switch span{color: #323232; display: inline-block; vertical-align: middle; padding-left:10px; font-size:14px;} /*switch button css close*/ /*4899-Whatsapp optin on login page of insta*/ .WelcomeMessage h3{ color:#3498db; font-size:25px;} .WelcomeMessage p{ color:#000; font-size:15px; line-height:18px;} #btnPanresendmobotp { top: 0px; color: #0000EE !important; border: 1px solid #fff; padding: 8px 7px; border-radius: 5px; font-size: 13px !important; background:#fff; } .karvy_banner img{ width:100%;max-width: 100%;} /*//4841-UI Enhancements*/ .star-mark { position:relative;} .star-mark:after{content:"*"; display:block; position:absolute; right:-10px; font-size:18px; color:red; top:8px;} @media only screen and (max-width:767px) { .star-mark:after{right:-8px; font-size:15px;} } @media only screen and (max-width:576px) { .max-height_280 { height: 280px; overflow-y: scroll; } .mb_pt_0 { padding-top: 0px !important; } #haptik-js-sdk{display:none !important;} } /*//4841-UI Enhancements*/ /*Brokerage page new add css 2-03-2021 bye vijay*/ .new_pal_z20 h2{ font-size:2.25em ; color:#ef5d22; font-weight:600; margin-bottom:8px;} .new_pal_z20 h3{ font-size:2em !important ; color:#000 !important; font-weight:500;} .new_pal_z20 .amt{text-decoration: line-through; display:inline-block;} .z20_grid_box_plan{padding:1em; box-shadow: 0px 1px 13px #e6e6e6; border-radius:10px;} .z20_grid_box_plan h4{font-size:2em ; color:#18115f; font-weight:600; margin-bottom:8px;} .z20_grid_box_plan h4 label{font-size:20px;} .z20_grid_box_plan p{font-size:13px ; color:#000 !important; margin-bottom:0px; line-height:18px;} .plan_main_box{ margin-top:15px;} .main_checkbox_select{margin-top:15px !important;list-style: none; margin: 0; padding: 0;} .main_checkbox_select li a{ padding: 1em; border: 1px solid #fff; border-radius: 10px; display: block; margin-bottom:20px; background:#efeef4; text-decoration:none;} .main_checkbox_select li a span{ display: block; font-size: 0.9rem; line-height: 1; color: #969696;} .main_checkbox_select .active a{border: 1px solid #e86b1f; background: #fffaf7;} .main_checkbox_select .active a span{color: #bd581b;} .category_grid_main{display:table;} .category_grid_left{width:45px; display:table-cell; vertical-align:middle; height:50px;} .category_grid_right{ display:table-cell; vertical-align:middle; font-size:15px; padding-left:15px; color:#444446; width:69%;} .main_checkbox_select input{display:none !important;} #SegmentsPopBox{overflow-y: auto;} #lblBrokrageMessage { display: block !important; } #lblSegmentErrorMsg { display: block !important; } .only_mf_popup{padding:15px; text-align:center;} .only_mf_popup p{ font-size:15px; color:#000; padding:0 1rem 1rem 1rem;} .only_mf_popup .btn_orage_outline{color:#fc7625 !important; border:1px solid #fc7625; border-radius: 50px !important; padding:8px 15px; background:#fff; font-size:14px; margin:0 5px;} .only_mf_popup select{max-width:300px; margin: 0 auto; display:block; text-align:center; width:100%; margin-bottom:15px;} .only_mf_popup .btn_orage_fill{color:#fff !important; border:1px solid #fc7625; border-radius: 50px !important; padding:8px 30px; background:#fc7625; font-size:15px; margin:0 5px;} @media(max-width:768px) { .only_mf_popup .btn_orage_outline{margin-bottom:10px;} } .category_grid_left img { width: 45px; } /*Added for Risk disclosure*/ .bullet-ul { padding: 0 0 0 15px; margin: 0; } .bullet-ul li { padding: 2px 0; margin: 0; } .form-group.emailConSecgroup { display: flex; align-items: center; } .form-group.emailConSecgroup .emailConSec { width: 100%; max-width: 200px; } .form-group.mobNumCongrp { display: flex; align-items: center; } .form-group.mobNumCongrp .mobNumberConSec { width: 100%; max-width: 200px; }