@import url("//hello.myfonts.net/count/30fe8d"); .container-fluid, .row{margin:0px !important; padding:0px !important;} /*@font-face{font-family:"roboto"; src:url(../fonts/RobotoCondensed-Regular.ttf); } @font-face{font-family:"roboto-light"; src:url(../fonts/RobotoCondensed-Light.ttf); }*/ @font-face{font-family:"roboto"; src:url(../fonts/30FE8D_0_0.ttf), url(../fonts/30FE8D_0_0.woff), url(../fonts/30FE8D_0_0.woff2), url(../fonts/30FE8D_0_0.eot); } @font-face{font-family:"roboto-light"; src:url(../fonts/30FE8D_4_0.ttf), url(../fonts/30FE8D_4_0.woff), url(../fonts/30FE8D_4_0.woff2), url(../fonts/30FE8D_4_0.eot); } body{font-family:roboto-light !important;} /*li{list-style-type: none !important;}*/ /************************ RESET CSS *********************/ *{padding:0px; margin:0px;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%; font: inherit;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse; border-spacing: 0;} /******************************************************/ .clr{clear: both !important;} .br{border-right:1px solid #ccc} .font-roboto{font-family:roboto;} .border{border:1px solid #ccc;} .navbar-inverse, .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:none !important;} /* .nav>li>a:focus, .nav>li>a:hover { background-color: transparent !important;} */ .dsbl{ color:#ccc !important; border: 1px solid #ccc !important; cursor: default !important; pointer-events: none !important; } .fb-dsbl{ cursor: default !important; pointer-events: none !important; opacity:0.5; } .asterisk { content: "*"; font-weight: bold; color: red; } .cusminusmar { margin-top: -38px; background: #eee; } /* .navbar-inverse {background:transparent !important; border:none !important; /* background-color:rgba(255,255,255, 0.5) !important; */} /* .nav>li>a:focus, .nav>li>a:hover { background-color: transparent !important;} */ .navbar-inverse .navbar-toggle , .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: transparent !important;} /*.navbar-inverse {background:transparent !important; border:none !important;}*/ .nav>li>a:focus, .nav>li>a:hover {background-color: transparent !important;} .navbar-inverse .navbar-toggle , .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: transparent !important;} /*.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:transparent !important;}*/ #navbar.navbar {min-height: 50px;height: 50px; margin-bottom: 2px !important;/* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);*/} .navbar-brand {padding: 3px 20px !important;} .navbar { border: 0px solid red !important; border-radius: 0px !important;} .nav {font-size: 12px; display: inline-block;} .logo-header{width: 154px; height: 33px; background-size: cover; background-repeat: no-repeat; margin-top: 4%;} .navbar-nav>li { float: left; padding-left:21px !important;} .mrgn-right{margin-right:20px !important;} .dropdown-menu-right {width: 300px !important;} .drp-dwn-ellipsis{ text-overflow: ellipsis; display: inline-block; width: 190px; white-space: nowrap; overflow: hidden !important;} .wdthauto{width:auto; float:right;} .zi9999{z-index:9999;} .clr3{color:#c5c5c5 !important; cursor:not-allowed !important;} .manage{display: block !important; padding: 3px 20px !important; clear: both !important; font-weight: bold !important; line-height: 1.42857143 !important; color: #333 ; white-space: nowrap !important; text-overflow: ellipsis; display: inline-block; width: 200px; overflow: hidden !important;} .pregress-ttl-navbarlist{color:#337ab7 !important; } .height_img{width: 40px !important; margin-top: -7px !important;} .photo-icon{display: inline-block; margin-top: 0px !IMPORTANT; float: right; margin-right: 25% !IMPORTANT; margin-top: 10% !IMPORTANT;} .wdth100{width:100px !important;} .dib{display: inline-block !important;} .dn{display: none;} .lh-0{line-height:0px;} .fl{float:left} .fr{float:right} .ml-5{margin-left:5px;} .pl{padding-left:0px !important;} .pr{padding-right:0px !important;} .mt-0{margin-top:0px !important;} .mt-5{margin-top:5px !important;} .mt--20{margin-top:-20px;} .mt--30{margin-top:-30px;} .mt--15{margin-top:-15px;} .mt--5{margin-top:-5px !important;} .mr-40{margin-right:40px !important;} .mr-10{margin-right:10px !important;} .ml-30{margin-left:30px;} .ml-50{margin-left:50px;} .ml-15{margin-left:15px;} .ml-10{margin-left:10px;} .mr-15{margin-right:15px;} .mr-20{margin-right:20px;} .mt-10{margin-top:10px !important;} .mt10{margin-top:10%;} .mt-8{margin-top:8px;} .mt-15{margin-top:15px !important;} .mt-20{margin-top:20px !important;} .mt-25{margin-top:25px !important;} .mt-50{margin-top:50px !important;} .mt-60{margin-top:60px !important;} .mt-51{margin-top:51px !important;} .mt-71{margin-top: 71px !important;} .mt-90{margin-top:90px !important;} .mt-102{margin-top:102px !important;} .mt-107{margin-top:107px !important;} .mt-190{margin-top:190px;} .pt-10 {padding-top: 10px !important;} .pt-50 {padding-top: 50px !important;} .mbt-13 {margin-bottom: 13px !important;} .mbt-10 {margin-bottom: 10px !important;} .mbt-20 {margin-bottom: 20px !important;} .mbt-60 {margin-bottom: 56px !important;} .mt-70{margin-top:70px !important;} .mt-60{margin-top:60px !important;} .mt-30{margin-top:30px !important;} .mt-35{margin-top:35px !important;} .mt-40{margin-top:40px !important} .mt-80{margin-top:80px !important} .mt-120{margin-top:120px !important;} .mrlr-40{margin:0px 40px} .bold-700{font-weight:700;} .fnt28{ font-size: 26px; color:#000 !important;} .fnt16{ font-size: 16px; color:#000 !important;} .fnt12{font-size:12px;} .fnt18{font-size:18px !important;} .fnt16-only{ font-size: 16px; } .fntbold{ font-weight:bold; } .bck{background-color:#000;} .divider{width:100%; height:1px; background-color:#ccc; margin:10px 0px;} .cp{cursor:pointer;} .dib{display:inline-block !important;} .wd-80{width:80px;} .fs-124{font-size:124px !important;} .fs-36{font-size:36px !important;} .wd15{width:15%;} .fnt26{font-size:26px !important;} .fs14{font-size:14px !important;} .fs12{font-size:12px !important;} .fs10{font-size:10px !important;} .fs16{font-size:16px !important;} .fs18{font-size:18px !important;} .fnt24{font-size:24px;} .fnt30{font-size:30px;} .header .fnt36{font-size:36px !important;} .fc-white{color:#fff;} .fc-faint{color:#b3b3b3;} .aqua-tex{color: #337ab7;} .fundcol { color: #9999 !important; font-size:12px;} .fnt14robo{font-family:roboto;} .mandatory-color{color:red; font-size: 12px; margin-top: 2px; } /* .val_msg{margin-left: 16vh;} */ .vh{visibility:hidden !important;} .on{outline:none !important;} .ui-slider-handle{-ms-touch-action: none; touch-action: none;} .wdth186{width:186px;} .black-txt{color:#000;} .header .col-white{color: #fff !important;} .mbt10{margin-bottom: 10px !important;} /* .mtm10{margin-top:-4px !important;} */ .nav-button{background-color: #B9B9B9 !important;} .navbar-right{margin-right:0px !important; float:right} .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left:0px !important; margin-right:0px !important;} .wrapper-robo-signup .container-fluid .collapse .dropdown-menu li a {color: #4E4E4E; text-decoration: none;} .wrapper-robo-signup .right-tick{color: #65b32f; font-size: 40px;} .txt-center{text-align:center !important;} .header{width:100%; height:80px; background-color:#ea3681;} .logo{ background-image:url(../images/logo_white-1.png); /*width:244px;*/ height:110px; background-size:contain; background-repeat:no-repeat; margin-top: 30px;} .logo_fb{ background-image:url(../images/logo_white-1_fb.png); /*width:244px;*/ height:110px; background-size:contain; background-repeat:no-repeat; margin-top: 20px; margin-left: 20px;} .logo_fb1{ background-image:url(../images/logo_white-2_fb.png); /*width:244px;*/ height:110px; background-size:contain; background-repeat:no-repeat; margin-top: 20px; margin-left: 20px;} .count{font-size:16px; text-align:center; color:#fff; margin: 10px 0px 0px 0px;} .count-for{font-size:8px; text-align:center; color:#fff;} .header-button{width:80px; height:30px; border-radius:5px; background-color:rgba(255,255,255,0.1); color:#fff; margin: 10px 0px; text-align: center; font-size: 16px; line-height: 30px;} .nav-rt-mar{margin-right:70px;} .g-play{/*background-image:url(../images/playstore.png); width:32px; height:32px;*/margin: 6px 0px 0px -5px; font-size: 30px; color: #fff;/*background-repeat: no-repeat; background-size: 60%;*/} .a-logo{/*background-image:url(../images/a-logo.png); width:32px; height:34px;*/margin: 4px 50px 0px -15px;font-size: 28px; color: #fff;/* background-repeat: no-repeat; background-size: 60%;*/} .ht{height: 100vh;} .common-bg{/* background-image:url(../images/bg.png);*/background-color:#000; background-position:center; background-size:cover; background-repeat:no-repeat; height: 100vh;} .white-bg{background-color:#fff;height: 87.5vh; width: 96%; margin: 0px auto; overflow:auto;} .progress{width: 100%; border: none; height: 2px !important; vertical-align: top; background-color: #fff;margin-bottom: 5px !important;} .pregress-ttl{font-size:14px; color:#666; text-align:center;} .pregress-ttl-dsbl{color:#ccc;} .header .notification{font-size:28px;} .header .user{width: 28px; height: 28px; background-color: #000; border-radius: 50%; color: #fff; text-align: center; line-height: 28px; font-size: 18px; margin-top: 5px; display: inline-block;} .force-overflow::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #F5F5F5; background-color: #eee} .force-overflow::-webkit-scrollbar {width: 5px; background-color: rgba(0, 0, 0, .3); height: 5px} .force-overflow::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .3)} .navbar-collapse.in { overflow-y: inherit !important; } .header .hgh38{height:38px;} .header .wdth350{width: 350px !important; max-height: 414px; height:auto; overflow-y: auto;} .header .manage2{display: block !important; padding: 0px 30px !important; clear: both !important; font-weight: bold !important; line-height: 1.42857143 !important; color: #333 ; } .header .manage-date{display: block !important; padding: 0px 30px !important; clear: both !important; font-weight: bold !important; line-height: 1.42857143 !important; color: #646464 ; } .header .common-btn-header { text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; height: 32px; width:77px; border-radius: 5px; color: #63b22c; font-size: 16px; font-family: roboto; outline: none; margin: 0px auto;} .header .common-not-now { text-align: center; border: none; background: none; height: 32px; width:77px; border-radius: 5px; color: #bee9f6; font-size: 16px; font-family: roboto; outline: none; margin: 0px auto;} .header .common-li{padding: 0px 30px;} .header .common-li-remove { padding: 0px 12px;} .header .top13 {top: 13px; position: relative; color: #c5c5c5 !important;} .header .pad5 {padding-top:5px !important;} .header .pad25 {padding-top:25px !important;} .header .pending-act{ height: 31px; line-height: 31px !IMPORTANT; background: #333;} .header .label-warning{background-color: #f39c12 !important;} .header .label1 {border-radius: 100px; font-size: 0.9em; height: 21px; line-height: 2.2em; position: absolute; right: 6px; text-align: center; top: -6px; width: 21px; color:#fff !important; } .txt-rgt{text-align: right !important;} /*playStore css */ .playstore .playData{background: #3c779a; text-decoration: none; color: #fff;} .playstore .white-bg{height: 87.5vh;overflow:auto;} .playstore .common-div{border-right: 1px solid #ddd; height: 88vh;} .playstore .viewmore{color:#63b22c;} .playstore .firm-img{background-image: url(../images/our-firm.png); background-position: left; /* background-size: cover; */ background-repeat: no-repeat; height: 50vh; width: 100%;} .playstore .cont-head{font-size: 18px; font-weight: 700;} .playstore .wdth148{width:148px;} .playstore .awrd-subttl { font-size: 18px; text-align: center; color: #000; font-family: roboto; margin-top: 10px;} .playstore .awrd-subttl2 { font-size: 16px; text-align: center; /* margin: 20px; */ color: #666666; font-weight: 700; /* width: 50%; *//* margin: 0 auto; */} .playstore .wdth171{width:171px; } .playstore .fnt14{font-size:14px; text-transform:lowercase; text-align:justify;} .playstore .fnt14::first-letter{text-transform: capitalize !important;} .playstore .ellipses-media{ text-overflow: ellipsis; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden !important;} .playstore .box-bg { background: #f1f1f1; border-bottom: 2px solid #ddd; padding: 20px; margin: 20px 0px; min-height:118vh;} .playstore .app_icon { text-align: center;} .playstore .app_icon img { border-radius: 15px; margin-right: 15px; padding-top: 8px;} .playstore .app_icon_text h3 {font-size: 20px; font-weight: 400; margin: 0; padding-bottom: 10px; padding-top: 6px; min-height: 60px; font-family: roboto;} .playstore .app_icon-btn {background: #3c8dbc; border: none; color: #fff; padding: 6px 20px; font-size: 20px; border-radius: 5px; letter-spacing: 1px;} .playstore .app_icon-btn:hover, .playstore .app_icon-btn:focus{color:#fff !important; background: #333 !important;} .playstore .app_icon_text a img { position: relative; bottom: 3px; margin-right: 5px;} .playstore .note { clear: both; padding-top: 10px;} .playstore .note h3 { font-weight: 500; text-decoration: underline; margin-bottom: 10px;} .playstore .note li { padding-bottom: 5px;} .playstore ul li { font-weight: 300;} .playstore ul { list-style: none;} .playstore-bold{font-weight:bold;} /*playStore css end */ /* code for button start here */ .common-btn {text-transform: uppercase;text-align:center;border: 1px solid #63b22c;background: none;height: 52px;border-radius: 5px;color: #63b22c;font-size: 16px;/* font-weight:bold; */ font-family: roboto; outline: none;padding: 0px 25px;margin: 0px auto; /* line-height:52px; */} .common-cancel{border: none;background: none;padding:0px auto;height: 42px;border-radius: 5px;line-height:42px;font-size:18px;outline: none;padding:0px 30px;} .common-btn44{height: 44px !important;/* line-height: 44px; */} .roboto{font-family:roboto;} /* code for button end here */ /*.collapse-bg{background-color:transparent;}*/ .mar22{margin-left:22% !important;} .heigh{height:28px !important;} .wdth87{width:87% !important; /*height:32px !important;*/} .trans-font{font-size: 21px; font-family: roboto;} .modal570 { width: 570px !important; margin:30px auto !important;} .modal-body-top{margin-top: 25px !important;} .portfolio:hover {background: transparent !important;} .portfolio:hover {background: transparent !important;} @media only screen and (max-width: 360px) { .modal570 { width: 94% !important; } #transactionTypeRadioMFHtml span{ line-height: 22px !important; } } /********************************************* Home Page *******************************************/ .wrapper-robo-home .banner{/* background-image:url(../images/bg_new.png);*/ background-position:center; background-size:cover; background-repeat:no-repeat; height: 101vh; } .wrapper-robo-home .banner .bnr-txt-big{font-size:48px; color:#fff;text-align:center; margin-top:20px; margin-bottom:0px;} .wrapper-robo-home .banner .bnr-txt-sml{font-size:28px; color:#fff;text-align:center; margin-top: -10px;} .wrapper-robo-home .banner .bnr-txt-htb{font-size:24px; color:#fff;text-align:center;margin-top: 90px; font-family:roboto-light;} .wrapper-robo-home .banner .bnr-button{font-size:21px; text-decoration:none; color:#fff;border-radius:5px; padding: 10px 48px; cursor:pointer; text-align: center;background-color: rgba(255,255,255,0.1); width: 250px; margin: 90px auto 0px auto; font-family:roboto;} .wrapper-robo-home .fingerprint-button{font-size:22px; text-decoration:none; color:#fff;border-radius:5px; padding: 10px 30px; cursor:pointer; width: 250px;position: relative; text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; height: 38px; border-radius: 5px; color: #63b22c; font-size: 16px; font-weight: bold; outline: none; padding: 8px 25px; margin: 0px auto;} .wrapper-robo-home .banner .scrl-button1{text-align: center;font-size: 50px;color: rgba(255,255,255,1);margin-top: 200px;} .wrapper-robo-home .scrl-button2{text-align: center;font-size: 50px;color: #fff;margin-top: -70px; position:absolute; width:100%;height: 10px;} .wrapper-robo-home .scrl-button3{text-align: center;font-size: 50px;color: #000;margin-top: 0px;} /* .wrapper-robo-home .scrl-button4{text-align: center;font-size: 40px;color: rgba(0,0,0,0.5);margin-top: 260px;} .wrapper-robo-home .scrl-button5{text-align: center;font-size: 40px;color: rgba(0,0,0,0.5);margin-top: 150px;} */ /*.wrapper-robo-home .wm{background-image: url(../images/wm-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; height: 100vh;}*/ .wrapper-robo-home .wlth-mgt-ttl{font-size:36px; text-align:center;margin-top:50px;margin-bottom: 0px; position:absolute; width:100%; color:#fff;z-index:2;} .wrapper-robo-home .vdo{position:relative; z-index:0;} .wrapper-robo-home .vdo-ttl{font-size:22px; font-weight:400; text-align: center; margin-top: 10px;} .wrapper-robo-home .hiw-ttl{font-size:36px; text-align:center; font-weight:400; margin-top:50px;/*margin-bottom: 30px;*/} .wrapper-robo-home .hiw-sub-ttl{font-size:24px; text-align:center; font-weight:400;} .wrapper-robo-home .hiw-button{font-size:20px; font-weight:400; text-decoration:none; color:#333;border-radius:5px; border:1px solid #000;padding:10px;margin: 15px auto 0 auto; cursor:pointer; text-align: center;} /*.wrapper-robo-home .expertise-desktop{background-image:url(../images/hw-it-works.png); background-position:center; background-size:cover; background-repeat:no-repeat; height: 100vh;}*/ .wrapper-robo-home .pad118{padding-top:18px;} .wrapper-robo-home .hiw-txt{font-weight: 300;font-size: 15px;text-align: center;font-family:roboto-light !important; margin-top:10px;} .wrapper-robo-home .video-bg{/*background-image:url(../images/u44.png); background-position:center; background-size:cover; background-repeat:no-repeat;*/ height: 100vh; } /*.wrapper-robo-home .video-bg img{width:100%;}*/ /* .wrapper-robo-home .video-bg .video-bg-txt-big{font-size:38px; color:#fff;text-align:center;font-weight:400; margin-top: 50px;} .wrapper-robo-home .video-bg .video-bg-txt-sml{font-size:24px; color:#fff; text-align:center;} .wrapper-robo-home .video-bg .vb-button{font-size:22px; font-weight:400; text-decoration:none; color:#fff;border-radius:5px;padding:10px 38px; cursor:pointer; text-align: center; width:100%; background-color: rgba(0,0,0,0.5);width: 240px;margin: 120px auto 0 auto; text-decoration:none; outline:none;} .wrapper-robo-home .video-bg .vb-button:hover, .wrapper-robo-home .video-bg .vb-button:focus,a{ text-decoration:none; outline:none;} .wrapper-robo-home .video-bg video {position:absolute;top: 28%; left: 50%; min-width: 100%;min-height: 100%;*//*width: 100vh; height: 101vh; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-30%); background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat; background-size: cover; -webkit-transition: 1s opacity; transition: 1s opacity;} */ .wrapper-robo-home #bgvid{position: absolute; top: 0px; left: 0px; width:100%; z-index: -2;} .wrapper-robo-home .awards-ttl{font-size:36px; text-align:center; font-weight:400; margin-top:70px; font-weight:bold;} .wrapper-robo-home .awrd-subttl{font-size: 28px; text-align: center; color: #000; font-family: roboto; margin-top:10px; width: 100%; float: left;} .wrapper-robo-home .awrd-subttl2{font-size: 21px;text-align: center;/*margin: 20px;*/ color:#666666; font-weight:700;width: 100%; margin: 0 auto;} .wrapper-robo-home .img-opa{opacity:.3;} .wrapper-robo-home .money-100-x{margin:100px 0px;} .wrapper-robo-home .footer{background-color:#0076a3; width:100%; height:auto; padding-bottom:10px;} /*.wrapper-robo-home .footer ul{width: 180px; margin: 0px auto;}*/ .wrapper-robo-home .footer ul .li-title{font-size:18px; color:#fff;margin-bottom:15px; display:inline-block; width: 225px; text-transform: uppercase;} /* .wrapper-robo-home .footer ul .li-title a { font-size: 18px; color: #fff !IMPORTANT; margin-bottom: 15px; display: inline-block; width: 225px; text-transform: uppercase;} */ .wrapper-robo-home .footer ul .li-list{font-size:14px; color:#fff; line-height:35px; display:inline-block; width:150px;} .wrapper-robo-home .footer ul .li-list a{color:#fff;} .wrapper-robo-home .footer .stay-con{font-size:22px; color:#fff;} .wrapper-robo-home .footer .icon-one{width: 130px;; margin:0px auto; margin-top:30px} .wrapper-robo-home .footer .icon-two{width:81px; margin:0px auto;margin-top:10px} .wrapper-robo-home .footer .news-letter .nws-ltr-ttl{font-size:14px; color:#fff; margin-top:20px;} .wrapper-robo-home .footer .secure{margin-top:40px;} .wrapper-robo-home .footer .copyright{font-size:12px; color:#b3b3b3;} .wrapper-robo-home .footer .footer-menu {width:100%;} .wrapper-robo-home .footer .footer-menu li{display:inline-block;} .wrapper-robo-home .footer .footer-menu li a{color:#b3b3b3; text-decoration:none; font-size:12px;} .wrapper-robo-home .footer .cp-rt{color:#F2F2F2; font-size:14px;/*margin-top: 20px;*/ margin-bottom: 40px;} .wrapper-robo-home .footer .vr-sign{margin-right:35px;} .wrapper-robo-home .footer hr{margin-top: 5px !important;border-top: 1px solid rgba(255, 255, 255, 0.25);} .wrapper-robo-home .ls-txt {font-weight: 500; font-size: 21px; text-align: center; margin-top: 10px; font-family:roboto;} .wrapper-robo-home .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-home .btn-signup{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none;} .wrapper-robo-home .icon-size{font-size:85px;color: #56adaf;} .wrapper-robo-home .fingertip{height:100vh;} .wrapper-robo-home .user-icon{float:right;} .wrapper-robo-home .setWlthBg{width:113px; height:113px; border-radius:50%; background-color:#0bc7b4; margin:0px auto;} .wrapper-robo-home .icon{font-size: 150px; color: #fff; width: 100%; padding: 0px !important; margin-top: -15px; overflow: hidden; line-height: 0px; float: left;} .wrapper-robo-home .icon-Icon_SetWealthGoal2:before, .wrapper-robo-home .icon-Icon_BuildWealthStrategy2:before, .wrapper-robo-home .icon-Icon_ImplementPortfolio2:before{position:absolute;} .wrapper-robo-home .bldWlthBg{width:113px; height:113px; border-radius:50%; background-color:#0bc771; margin:0px auto;} .wrapper-robo-home .implPortBg{width:113px; height:113px; border-radius:50%; background-color:#33b5e5; margin:0px auto;} .wrapper-robo-home .mod-ip-mob-new {border: none; border-bottom: 1px solid #C1B9B9;} .wrapper-robo-home .ip-md {border: none; outline: none; width: 75%; height: 34px; font-size: 16px; text-align: left; background: transparent;} .wrapper-robo-home .modal-content{background-color:rgba(0,0,0,0.8);} .wrapper-robo-home #letsMeet{color:#b4b4b4; margin-top:220px;} .wrapper-robo-home #letsMeet .letsTtl {font-size:16px; font-weight:bold;} .wrapper-robo-home #letsMeet .modal-sm{width:35% !important;} .wrapper-robo-home .modal-dialog { margin: 11px auto !important ;} .wrapper-robo-home .modal-body .pll{padding-left:15px;} .wrapper-robo-home .modal-body .prr{padding-right:15px;} /********************************************* Home Page *******************************************/ /********************************************* LogIn/SignUp *****************************************/ /*.signup-bg{width: 100%; height: 100%; display: block;} .signup-bg:after{content: "";background:url(../images/bg.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;position: absolute; z-index: -1; opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0;} .wrapper-robo-signup .signup-bg:before{position:absolute; background-color:#FFF; opacity:0.5; width:500px; height:500px;}*/ .wrapper-robo-signup .ls-ttl{font-size: 36px; text-align: center; margin-top: 20px; font-weight: 600; margin-bottom: 20px;} .wrapper-robo-signup .ls-txt {font-weight: bold; font-size: 18px; text-align: center; margin-top: 10px; } .wrapper-robo-signup .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-signup .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .wrapper-robo-signup .flr{float:right;} .wrapper-robo-signup .fll{float:left;} .wrapper-robo-signup .ttl36{font-size:36px;} .wrapper-robo-signup .sub-ttl36{font-size:21px;color:#8e8e8e} .wrapper-robo-signup .policy-content{color:#686868; font-size:16px; text-align: justify;} /* .wrapper-robo-signup .white-bg{overflow:auto !important;} */ /*.wrapper-robo-signup .header{width:100%; height:50px; /*background-color:#282828;*//*}*/ /*.wrapper-robo-signup .logo{ background-image:url(../images/logo.png); width:117px; height:49px; background-size:contain;} .wrapper-robo-signup .count{font-size:16px; text-align:center; color:#fff; margin: 10px 0px 0px 0px;} .wrapper-robo-signup .count-for{font-size:8px; text-align:center; color:#fff;} .wrapper-robo-signup .header-button{width:80px; height:30px; border-radius:5px; background-color:#333; color:#fff; margin: 10px 5px; text-align: center; font-size: 10px; line-height: 30px;} .wrapper-robo-signup .nav-rt-mar{margin-right:70px;} .wrapper-robo-signup .navbar-right{margin-right:0px !important; margin-left: 0px !important;} .wrapper-robo-signup .g-play{background-image:url(../images/playstore.png); width:32px; height:32px; margin: 10px 5px 0px 15px;} .wrapper-robo-signup .a-logo{background-image:url(../images/a-logo.png); width:32px; height:32px; margin: 10px 5px 0px 5px;}*/ .wrapper-robo-signup .ar-two {margin-top: 22px; color: #757575;} .wrapper-robo-signup .ar-two:before{content:"---------------------"} .wrapper-robo-signup .ar-pt{font-size:17px;} /*.wrapper-robo-signup .txt-center{margin-left:35px;}*/ .wrapper-robo-signup .sm-circle-fb{margin-right:20px;} .wrapper-robo-signup .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} /*.wrapper-robo-signup .modal-header{padding:0px;} .wrapper-robo-signup .modal-header .close{margin-top: 5px; margin-right: 20px; color: #FFF; opacity: 0.5; font-weight: normal; outline:none;}*/ .wrapper-robo-signup .modal-content{border-radius:0px;} .wrapper-robo-signup .modal-footer{padding:25px 15px; border:none; text-align:left;} /*.wrapper-robo-signup .fb-modal-title{height:35px; width:100%; background-color:#395796; color:#fff; font-size: 12px; line-height: 35px; padding-left: 15px;} .wrapper-robo-signup .fb-modal-txt{display: inline-block;width: 100px;font-size: 12px;margin-top: 10px;margin-left: 80px;}*/ .wrapper-robo-signup .mod-ip{border: 1px solid #E2E2E2 !important;width: 200px;} .wrapper-robo-signup .sm-circle-mobile{margin-left:20px;} .wrapper-robo-signup .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .wrapper-robo-signup .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:280px; margin-top: 20px; margin: 0px auto;} .wrapper-robo-signup .ip-md{border: none; outline: none; width: 75%; height: 34px; font-size: 16px;text-align: left;/* padding-left: 5px;*/background: transparent; color:#b3b3b3;} .wrapper-robo-signup .ip-md2{border: none; outline: none; width: 40%; height: 34px; font-size: 16px;text-align: left;/* padding-left: 5px;*/} .wrapper-robo-signup .ip-md:visited{background:transparent;} .wrapper-robo-signup .ip-md2:visited{background:transparent;} .wrapper-robo-signup .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-signup .btn-signup{border: 1px solid #63b22c; font-weight:bold; background: none; padding:0 25px; height: 42px; border-radius: 5px; color:#63b22c; font-size:16px;outline: none; } .wrapper-robo-signup .btn-cancel{border: none; background: none; margin-left: 20px; font-size: 18px; color: #969696; outline: none;} .wrapper-robo-signup .step-icon{width: 124px; margin: 0px auto;} .wrapper-robo-signup .icon-size{font-size:55px;color: #56adaf;} .wrapper-robo-signup .setWlthBg{width:47px; height:47px; border-radius:50%; background-color:#0bc7b4; margin:0px auto;} .wrapper-robo-signup .icon{font-size: 55px; color: #fff; width: 100%; padding: 0px !important; margin-top: -4px; overflow: hidden; line-height: 0px; float: left; margin-left: 3px;} .wrapper-robo-signup .icon-Icon_SetWealthGoal2:before, .wrapper-robo-home .icon-Icon_BuildWealthStrategy2:before, .wrapper-robo-home .icon-Icon_ImplementPortfolio2:before{position:absolute;} .wrapper-robo-signup .bldWlthBg{width:47px; height:47px; border-radius:50%; background-color:#0bc771; margin:0px auto;} .wrapper-robo-signup .implPortBg{width:47px; height:47px; border-radius:50%; background-color:#33b5e5; margin:0px auto;} .wrapper-robo-signup .p240{padding-left: 273px; float: left; position: absolute !important;} .wrapper-robo-signup .p241{position: relative; margin-left: -197px !important;} .wrapper-robo-signup .white-bg {background-color: rgba(0,0,0,0.8);height: 62.5vh;width: 36%;margin: 0px auto; overflow:auto; border-radius:6px;} .wrapper-robo-signup mob-text {color:#000;} .wrapper-robo-signup #mob-display, .wrapper-robo-signup #psw-display {display: none;} .wrapper-robo-signup #displayy, .wrapper-robo-signup #ln-display, .wrapper-robo-signup #fn-display, .wrapper-robo-signup #pin-display {display: none;} /***************************purchase post account opening starts here *******************************************/ .wrapper-robo-purchase-act-open .ls-ttl{font-size:26px; text-align:center; color:#000; font-weight:400;/* margin-top:20px;*/} .wrapper-robo-purchase-act-open .ls-ttl-pool{font-size:21px; font-weight:700; margin-left:43%; margin-top:0px; color:#9C9C9C;} .wrapper-robo-purchase-act-open .mar1{margin-left:10px; color:#000; vertical-align: middle;} .wrapper-robo-purchase-act-open .pool-txt{width:15%; box-shadow:none; margin-left:5px; border: 0px !important; outline:none;} .wrapper-robo-purchase-act-open.ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .wrapper-robo-purchase-act-open .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-purchase-act-open .ls-buy-ttl{font-size:15px; text-align:center; font-weight:700;} .wrapper-robo-purchase-act-open .ls-text-per{font-size:12px; } .wrapper-robo-purchase-act-open .ls-buy-equity{font-size:12px;font-weight: bold; color: #000;} .wrapper-robo-purchase-act-open .ls-buy-ttl1{font-size:16px; font-weight:400;} .wrapper-robo-purchase-act-open .total{font-size:18px; font-weight:700;} .wrapper-robo-purchase-act-open .buy-txt{margin-top:15px; } .wrapper-robo-purchase-act-open .buy_div{height:330px; overflow:auto;} .wrapper-robo-purchase-act-open .disclaimer{/* text-align: center; */ font-weight: 400; font-size: 14px; color:#9C9C9C;} .wrapper-robo-purchase-act-open .flr{float:right;} .wrapper-robo-purchase-act-open .fll{float:left;} .wrapper-robo-purchase-act-open .bas-wd{width: 78% !important; margin: 0 11% !important;} .wrapper-robo-purchase-act-open .color-txt{color: #63b22c; font-size:12px; text-align:left;} .wrapper-robo-purchase-act-open .color-txt_last{color: #0076a3; font-size:12px; text-align:left;} .wrapper-robo-purchase-act-open .color-black{color:#333; font-size:12px; text-align:left;} .wrapper-robo-purchase-act-open .color-txt-l{color: #62b246;} .wrapper-robo-purchase-act-open .color-txt-d{color: #1cbbb4;} .wrapper-robo-purchase-act-open .color-txt2{color:#93d8d4;} .wrapper-robo-purchase-act-open .ar-two {margin-top: 50px; color: #757575;} .wrapper-robo-purchase-act-open .ar-two:before{content:"----------------------"} .wrapper-robo-purchase-act-open .ar-pt{font-size:17px;} .wrapper-robo-purchase-act-open .fnt12 {font-size:12px;} /* .wrapper-robo-purchase-act-open .txt-center{margin-left:35px;} */ .wrapper-robo-purchase-act-open .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} .wrapper-robo-purchase-act-open .modal-header .close{margin-top: 5px; margin-right: 20px; color: #000; opacity: 0.5; font-weight: normal; outline:none;}*/ .wrapper-robo-purchase-act-open .modal-content{border-radius:0px;} .wrapper-robo-purchase-act-open .modal-footer{padding:10px 14px 18px; border:none; text-align:left;} .wrapper-robo-purchase-act-open .fb-modal-txt{display: inline-block;width: 100px;font-size: 12px;margin-top: 10px;margin-left: 80px;}*/ .wrapper-robo-purchase-act-open .mod-ip{border: 1px solid #E2E2E2 !important; width: 200px;} .wrapper-robo-purchase-act-open .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .wrapper-robo-purchase-act-open .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:280px; margin-top: 20px;} .wrapper-robo-purchase-act-open .ip-md{border: none; outline: none;} .wrapper-robo-purchase-act-open .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-purchase-act-open .btn-signup{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:35%;} .wrapper-robo-purchase-act-open .btn-confirm{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:100%;} .wrapper-robo-purchase-act-open .btn-signup2{border: none; background: none; padding:0px auto; height: 42px; border-radius: 5px; font-size:18px;outline: none;} .wrapper-robo-purchase-act-open .fnt-48{font-size:48px; color: #63b22c;} .wrapper-robo-purchase-act-open .button_summary { padding: 0 21px; height: 35px; margin: 0 0 0 7px; line-height: 24px; border:1px solid #6cb738!important; border-radius:5px; text-align:center; } .wrapper-robo-purchase-act-open .confirm {font-size: 23px; text-align: center; line-height: 38px; color:#6cb738; font-weight:400;} .wrapper-robo-purchase-act-open .not{font-size: 16px; text-align: center; line-height: 52px; font-weight: bold; color:#000;} /* .wrapper-robo-purchase-act-open .confirm-msg{ font-weight: 400; font-size: 18px;} */ .wrapper-robo-purchase-act-open .color-txt_blue{color:#999999 !important; font-size:12px;} .wrapper-robo-purchase-act-open .white-bg {background-color: #fff;height: 87.5vh;width: 96%;margin: 0px auto; overflow:auto;} .wrapper-robo-purchase-act-open .fa_custom {color: #999;} .wrapper-robo-purchase-act-open .bg-blue {background-color: #0076a3;height: 73px;} .wrapper-robo-purchase-act-open .top-wrap{width:90.5%; margin: 0px auto;} .wrapper-robo-purchase-act-open input[id="currentWealth"], .wrapper-robo-purchase-act-open input[id="annualSaving"] {background-color: #0076a3 !important;} .wrapper-robo-purchase-act-open .currentWealth {width: 70px !important; padding-top: 8px !important; border: none; text-align: right;} .wrapper-robo-purchase-act-open .cltxt {color: #fff; margin-top: -5px;} .wrapper-robo-purchase-act-open h4 {font-size: 14px;} .wrapper-robo-purchase-act-open input[id="annualSaving"] {background-color: #0076a3 !important;} .wrapper-robo-purchase-act-open .annualSaving {width: 92px !important; padding: 5px !important; border: none; text-align: right;} .wrapper-robo-purchase-act-open .value1 {display: inline-block;font-size: 30px; margin-bottom: 0px;float: right;margin-top: -4px;} .wrapper-robo-purchase-act-open .value2 {font-size: 30px;float: left;margin-top: -4px;} .wrapper-robo-purchase-act-open .color-txt4 {color: #0076a3;} .wrapper-robo-purchase-act-open .color-txt3 {color: #63b22c;} .wrapper-robo-purchase-act-open .cl-popup{font-weight: 700; font-size: 18px; color: #000000;} .wrapper-robo-purchase-act-open .modal-content-year {font-size: 16px;color: #000000; font-weight: 700;} .wrapper-robo-purchase-act-open .modal-content-year1 {font-size: 14px;color: #000000; font-weight: 700;} .wrapper-robo-purchase-act-open .modal-content-color {font-size: 14px; color: #999999;} .wrapper-robo-purchase-act-open .mdb {padding-top: 5px !important;} .wrapper-robo-purchase-act-open .modal-width {width: 900px !important;} .wrapper-robo-purchase-act-open .font-robo{font-family: roboto;} .wrapper-robo-purchase-act-open .txt-ellipsis{ text-overflow: ellipsis; display: inline-block;width: 80px;white-space: nowrap; overflow: hidden !important;} .wrapper-robo-purchase-act-open .bl-wd{width: 98px !important; float: left;} .wrapper-robo-purchase-act-open .hgh27{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-shadow: rgba(0, 0, 0, .5) 0 0 0px} /*** NEW Slider ***/ .wrapper-robo-purchase-act-open .slider.slider-horizontal .slider-track{height:3px !important; background-color:#efefef !important;} .wrapper-robo-purchase-act-open .slider-track-low, .scenario-analysis .slider-track-high{ background-color:#efefef !important;} .wrapper-robo-purchase-act-open .slider-tick{ background-color:#d7d7d7 !important;background-image:none !important; width: 10px !important; height: 10px !important;} .wrapper-robo-purchase-act-open .slider-handle{width: 22px !important; height: 22px !important;} .wrapper-robo-purchase-act-open .slider.slider-horizontal .slider-tick{margin-top: -3px !important;} .wrapper-robo-purchase-act-open .slider.slider-horizontal .slider-handle{margin-top: -10px !important;margin-left: -13px !important; background-image:url(../images/slider-handle.png); background-size:cover;} .wrapper-robo-purchase-act-open .slider.slider-horizontal{width:100% !important; margin-top: 10px;} .wrapper-robo-purchase-act-open .slider-selection.tick-slider-selection{ background-image:none !important; background-color:#63b22c !important;} /*** NEW Slider ***/ /*** NEW Spinner CW ***/ .wrapper-robo-purchase-act-open .spinner_cw {width: 80%; display: inline-block;float: left;} .wrapper-robo-purchase-act-open .spinner_cw input {text-align: center;} .wrapper-robo-purchase-act-open .spinner_cw .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .wrapper-robo-purchase-act-open .spinner_cw .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .wrapper-robo-purchase-act-open .spinner_cw .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .wrapper-robo-purchase-act-open .spinner_cw .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .wrapper-robo-purchase-act-open .spinner_cw .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .wrapper-robo-purchase-act-open .spinner_cw .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .wrapper-robo-purchase-act-open .spinner_cw input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .wrapper-robo-purchase-act-open .spinner_cw .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner CW ***/ /*** NEW Spinner YR ***/ .wrapper-robo-purchase-act-open .spinner_yr {width: 80%; display: inline-block; float: none;} .wrapper-robo-purchase-act-open .spinner_yr input {text-align: center;} .wrapper-robo-purchase-act-open .spinner_yr .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .wrapper-robo-purchase-act-open .spinner_yr .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .wrapper-robo-purchase-act-open .spinner_yr .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .wrapper-robo-purchase-act-open .spinner_yr .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .wrapper-robo-purchase-act-open .spinner_yr .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .wrapper-robo-purchase-act-open .spinner_yr .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .wrapper-robo-purchase-act-open .spinner_yr input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .wrapper-robo-purchase-act-open .spinner_yr .input-border{border:1px solid #ccc; display:inline-block; width:80%; } /*button{display:inline-block;}*/ /*** NEW Spinner YR ***/ /*** NEW Spinner AS ***/ .wrapper-robo-purchase-act-open .spinner_as {width: 80%; display: inline-block;float: left;} .wrapper-robo-purchase-act-open .spinner_as input {text-align: center;} .wrapper-robo-purchase-act-open .spinner_as .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .wrapper-robo-purchase-act-open .spinner_as .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .wrapper-robo-purchase-act-open .spinner_as .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .wrapper-robo-purchase-act-open .spinner_as .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .wrapper-robo-purchase-act-open .spinner_as .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .wrapper-robo-purchase-act-open .spinner_as .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .wrapper-robo-purchase-act-open .spinner_as input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .wrapper-robo-purchase-act-open .spinner_as .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner AS ***/ .wrapper-robo-purchase-act-open .CAY-pop .ttl-amt{font-size: 48px;color: #0076a3;font-weight: bold;} .wrapper-robo-purchase-act-open .CAY-pop .ttl-amt span{font-size: 42px;} .wrapper-robo-purchase-act-open .CAY-pop .ttl{color: #000; font-size: 14px; font-weight: bold; margin-bottom: 5px;} .wrapper-robo-purchase-act-open .CAY-pop .unit{float:right; margin-top: 10px; font-size: 21px;font-weight: 700;} .wrapper-robo-purchase-act-open .confirm-msg { font-size: 18px;color: #999999 !important;} /************************ purchase post account opening end here *********************************/ .btn-signup{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; /* width:35%; */} .confirm-msg{ font-weight: 400; font-size: 16px;} /* Mutual Fund (Purchase) Starts From Here */ .wrapper-robo-purchase-MF .fn400{font-size: 22px; font-weight: 400;} .wrapper-robo-purchase-MF .fnt-48{font-size:48px; color: #63b22c;} .fnt-48{font-size:48px !important; color: #63b22c;} /* Account Opening Starts Here*/ .wrapper-robo-actserv .ls-ttl{font-size: 36px; text-align: center; margin-top: 10px; margin-bottom: 10px; font-weight:bold;} .wrapper-robo-actserv .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .wrapper-robo-actserv .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-actserv .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .wrapper-robo-actserv .flr{float:right;} .wrapper-robo-actserv .fll{float:left;} .wrapper-robo-actserv .check-line{ font-size: 16px; margin-left: 31px; /*font-family:roboto;*/font-weight: bold;} .wrapper-robo-actserv .check-line1{ font-size: 16px; margin-left: 0px; /*font-family:roboto;*/font-weight: bold;} .wrapper-robo-actserv .check-line-chekbox{ margin-top: 7px;} .wrapper-robo-actserv .pan-hght{height: 31px; line-height: 25px; font-size: 18px; color:#999999;} .wrapper-robo-actserv .email-wd{width:100%;} .wrapper-robo-actserv .signup-bg:before{position:absolute; background-color:#FFF; opacity:0.5; width:500px; height:500px;}*/ .wrapper-robo-actserv .ls-ttl{font-size: 22px; text-align: center; margin-top: 10px; font-weight: bold; margin-bottom: 20px;} .wrapper-robo-actserv .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .wrapper-robo-actserv .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-actserv .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .wrapper-robo-actserv .flr{float:right;} .wrapper-robo-actserv .fll{float:left;} /*.wrapper-robo-signup .header{width:100%; height:50px; /*background-color:#282828;*//*}*/ /*.wrapper-robo-signup .logo{ background-image:url(../images/logo.png); width:117px; height:49px; background-size:contain;} .wrapper-robo-signup .count{font-size:16px; text-align:center; color:#fff; margin: 10px 0px 0px 0px;} .wrapper-robo-signup .count-for{font-size:8px; text-align:center; color:#fff;} .wrapper-robo-signup .header-button{width:80px; height:30px; border-radius:5px; background-color:#333; color:#fff; margin: 10px 5px; text-align: center; font-size: 10px; line-height: 30px;} .wrapper-robo-signup .nav-rt-mar{margin-right:70px;} .wrapper-robo-signup .navbar-right{margin-right:0px !important; margin-left: 0px !important;} .wrapper-robo-signup .g-play{background-image:url(../images/playstore.png); width:32px; height:32px; margin: 10px 5px 0px 15px;} .wrapper-robo-signup .a-logo{background-image:url(../images/a-logo.png); width:32px; height:32px; margin: 10px 5px 0px 5px;}*/ .wrapper-robo-actserv .ar-two {margin-top: 25px; color: #757575;} .wrapper-robo-actserv .ar-two:before{content:"----------------------"} .wrapper-robo-actserv .ar-pt{font-size:17px;} /*.wrapper-robo-signup .txt-center{margin-left:35px;}*/ .wrapper-robo-actserv .sm-circle-fb{margin-right:20px;} .wrapper-robo-actserv .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} /*.wrapper-robo-signup .modal-header{padding:0px;} .wrapper-robo-signup .modal-header .close{margin-top: 5px; margin-right: 20px; color: #FFF; opacity: 0.5; font-weight: normal; outline:none;}*/ .wrapper-robo-actserv .modal-content{border-radius:0px;} .wrapper-robo-actserv .modal-footer{padding:25px 15px; border:none; text-align:left;} /*.wrapper-robo-signup .fb-modal-title{height:35px; width:100%; background-color:#395796; color:#fff; font-size: 12px; line-height: 35px; padding-left: 15px;} .wrapper-robo-signup .fb-modal-txt{display: inline-block;width: 100px;font-size: 12px;margin-top: 10px;margin-left: 80px;}*/ .wrapper-robo-actserv .mod-ip{border: 1px solid #E2E2E2 !important;width: 200px;} .wrapper-robo-actserv .sm-circle-mobile{margin-left:20px;} .wrapper-robo-actserv .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .wrapper-robo-actserv .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:366px; /* margin-top: 20px; */ /* margin: 0px auto; */} .wrapper-robo-actserv .ip-md{border: none; outline: none; color:#000 !important; font-weight: bold;} .wrapper-robo-actserv .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-actserv .btn-signup{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none;} .wrapper-robo-actserv .btn-cancel{border: none; background: none; margin-left: 20px; font-size: 18px; color: #969696; outline: none;} .wrapper-robo-actserv .step-icon{width: 124px; margin: 0px auto;} .wrapper-robo-actserv .icon-size{font-size:55px;color: #56adaf;} .wrapper-robo-actserv .mob-check { font-size: 18px ; color: green ;} .wrapper-robo-actserv .lf3 { left:3%;} .wrapper-robo-actserv .clr-orange{color:orange;font-size: 28px;} /* Account Opening End */ /* Report allocation Start */ .heading_report{font-weight:bold;} .report-allocation{background-color: #cef7f3;} .report-head{background-color: #0bc8b4; color: #fff;} .report-head-asset{background-color: #0d7a6e !important;} #report-head-space .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top: 1px solid transparent !important;} #report-head-space .ls-ttl{color: rgb(34,34,34); font-size: 26px; font-weight: robo; margin-bottom: 0px; margin-top: 0; text-align: center;} #report-head-space .pt-20{padding-top:20px;} #performance-head .ls-ttl{color: rgb(34,34,34); font-size: 26px; font-weight: robo; margin-bottom: 0px; margin-top: 0; text-align: center;} #performance-head .pt-20{padding-top:20px;} #performance-head .bn-report{border:0px solid #ddd !important; border-bottom:1px solid #ddd !important; } #performance-head .bn-report-left{border:0px solid #ddd !important; border-bottom:1px solid #ddd !important; border-left:1px solid #ddd !important; } /* Report allocation End */ /* pop */ .input-group .input-group-addon3 { padding: 0px 0px !important; font-size: 14px !important; font-weight: 400 !important; line-height: 0 !important; background-color: #FFF !IMPORTANT; border: 0px solid #ccc !important; border-radius: 0px !important; } .ui-datepicker { background-color: #FFF !important; border: 1px solid rgba(0, 0, 0, .2) !important; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, .2) !important; } /* purchase post account opening starts here */ .wrapper-robo-purchase-MF .ls-ttl{font-size:36px; text-align:center; font-weight:400; margin-top:20px;} .wrapper-robo-purchase-MF .ls-ttl-pool{font-size:28px; font-weight:400; margin-top:0px; } .wrapper-robo-purchase-MF .pl32{padding-left:32px;} .wrapper-robo-purchase-MF .mar1{ color: #868686;font-size: 24px; font-weight: 400;} .wrapper-robo-purchase-MF .pool-txt{width: 75%; box-shadow: none; /* margin-left: 5px; */ border: 0px !important; border-bottom: 1px solid #6cb738!important; outline: none; padding-left: 12px; font-size: 28px; font-weight:bold;} .wrapper-robo-purchase-MF.ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .wrapper-robo-purchase-MF .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-purchase-MF .ls-buy-ttl{font-size:18px; font-weight:700;} .wrapper-robo-purchase-MF .ls-buy-ttl1{font-size:14px; font-weight:400; color:#888;} .wrapper-robo-purchase-MF .total{font-size:18px; font-weight:700;} .wrapper-robo-purchase-MF .buy-txt{margin-top:15px; } .wrapper-robo-purchase-MF .buy_div{height:275px; overflow:auto;} .wrapper-robo-purchase-MF .disclaimer{text-align: center; font-weight: 400; font-size: 17px; color: #888; margin-bottom:10px;} .wrapper-robo-purchase-MF .flr{float:right;} .wrapper-robo-purchase-MF .fll{float:left;} .wrapper-robo-purchase-MF .color-txt{color: #63b22c;} .wrapper-robo-purchase-MF .color-txt2{color:#93d8d4;} .wrapper-robo-purchase-MF .ar-two {margin-top: 50px; color: #757575;} .wrapper-robo-purchase-MF .ar-two:before{content:"----------------------"} .wrapper-robo-purchase-MF .ar-pt{font-size:17px;} .wrapper-robo-purchase-MF .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} .wrapper-robo-purchase-MF .modal-header .close{margin-top: 5px; margin-right: 20px; color: #FFF; opacity: 0.5; font-weight: normal; outline:none;}*/ .wrapper-robo-purchase-MF .modal-content{border-radius:0px;} .wrapper-robo-purchase-MF .modal-footer{padding:10px 14px 18px; border:none; text-align:left;} .wrapper-robo-purchase-MF .fb-modal-txt{display: inline-block;width: 100px;font-size: 12px;margin-top: 10px;margin-left: 80px;}*/ .wrapper-robo-purchase-MF .mod-ip{border: 1px solid #E2E2E2 !important; width: 200px;} .wrapper-robo-purchase-MF .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .wrapper-robo-purchase-MF .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:280px; margin-top: 20px;} .wrapper-robo-purchase-MF .ip-md{border: none; outline: none;} .wrapper-robo-purchase-MF .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-purchase-MF .btn-signup{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:35%;} .wrapper-robo-purchase-MF .btn-confirm{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:100%;} .wrapper-robo-purchase-MF .btn-signup2{border: none; background: none; padding:0px auto; height: 42px; border-radius: 5px; font-size:18px;outline: none;} .wrapper-robo-purchase-MF .fnt-48{font-size:48px; color: #63b22c;} .wrapper-robo-purchase-MF .button_summary { padding: 0 21px; height: 35px; margin: 0 0 0 7px; line-height: 24px; border:1px solid #6cb738!important; border-radius:5px; text-align:center; } .wrapper-robo-purchase-MF .confirm {font-size: 18px; text-align: center; line-height: 38px; color:#6cb738; font-weight:400;} .wrapper-robo-purchase-MF .not{font-size: 18px; text-align: center; line-height: 38px; font-weight: 400;} .wrapper-robo-purchase-MF .confirm-msg{ font-weight: 400; font-size: 18px;} .wrapper-robo-purchase-MF .label-font{ font-size: 22px; font-weight: 400;} .wrapper-robo-purchase-MF input[type='radio'] {-webkit-appearance: none;width: 17px;height: 17px;border: 1px solid #63b22c;border-radius: 50%;outline: none;margin-right:12px;outline:none !important;} .wrapper-robo-purchase-MF input[type='radio']:hover {box-shadow:0 0 1px 0px #63b22c inset;} .wrapper-robo-purchase-MF input[type='radio']:before {content:'';display:block;width: 48%;height: 48%;margin: 26% 27%;border-radius: 50%;} .wrapper-robo-purchase-MF input[type='radio']:checked:before {background:#63b22c;} .mft-tick{font-size: 56px; color: #63b22c;} .wrapper-robo-purchase-MF .mftransaction-clr {text-align: center;font-weight: 400;font-size: 14px;color: #888;margin-bottom: 10px;} .wrapper-robo-purchase-MF .mftransaction-successful-msg {font-size: 18px;color: #999999 !important; font-weight:400;} /********************************* Mutual Fund (Purchase) End Here *******************************************/ /***********************************login setup_new ******************************************************/ .login_bord{/* border:1px solid #EAEAEA; */ width:100%;} .login-col{color:#000; font-size: 16px;} .login_height{min-height:362px; height:auto;} /* .fb-div{background-color:#3a5795;} */ .fb-font-color{color:#fff;} .fb-align{height: 38px; text-align: center; line-height: 38px; border-radius: 5px; width: 35%; background-color:#3a5795; margin: 0px auto;} .wrapper-robo-signup .mod-ip-mob-new{border:none; border-bottom:1px solid #C1B9B9; margin-top: 20px auto;} .wrapper-robo-signup .mod-ip-mob-new-sign{border:none; border-bottom:1px solid #666666; width:40%; margin-top: 20px;} .ml-25{margin-left: 25px;} .marg-lst{margin-top: -21px !important; margin-left: 77% !important;} .fntSign{font-size:16px; color:#b3b3b3; font-weight: bold;} .login-div{background-color:#31312F;} .login-font-color{color:#fff;} /*.login-bt{ height: 35px; border: 1px solid #000; text-align: center; background: #000; color: #fff; line-height: 35px; width: 20%; margin: 0 auto; border-radius: 5px;}*/ .login-bt{text-align:center;border: 1px solid #63b22c; background: none; width: 150px; height: 42px; border-radius: 5px; color: #63b22c; font-size: 18px; outline: none; padding: 8px 20px; margin: 0px auto;} .wd100{width:100% !important;} .login-div-left{left: 58px !important; width: 17% !important;} .wrapper-robo-signup .loginDis{font-size:12px; margin-top: 10px;} .wrapper-robo-signup .wdth60{width:55% !important;} .wrapper-robo-signup .mar-right{border-right:1px solid #ddd; height:10vh;} .wrapper-robo-signup .mar-right2 {border-right: 1px solid #ddd; height: 18vh; margin-top: 2px;} .wrapper-robo-signup .fb {background-image: url(../images/facebook-bt2.png);background-position: right; background-size: contain; background-repeat: no-repeat; height: 50px; margin-top: 6vh; outline:none;} .wrapper-robo-signup .fb-lg {background-image: url(../images/facebook-bt.png);background-position: center; background-size: contain; background-repeat: no-repeat; height: 40px; margin-top: 30px; outline:none;} .wrapper-robo-signup .or {margin-top: 9vh;} .wrapper-robo-signup .or-sizes {position: absolute; left: 94%; float: left !IMPORTANT; font-size: 16px; font-weight: bold;} .wrapper-robo-signup .fn18{font-size: 18px;} .wrapper-robo-signup .fn16 { font-size: 16px;} .wrapper-robo-signup .ln24{line-height: 34px; color: #b3b3b3; margin-top: 5px;} .wrapper-robo-signup .mob{/*margin-left: -35%; position: relative;*/ color: #b3b3b3; font-size: 14px;} .wrapper-robo-signup .mob2{margin-left: -31%; position: relative; color: #C1B9B9; font-size: 14px;} /************************************* login setup_new End ************************************************/ .wrapper-robo-signup .margbt20{margin-bottom:20px;} /* forgot Pwd */ .change-pwd .loginDis{font-size:12px; margin-top: 10px;} .change-pwd .wdth60{width:55% !important;} .change-pwd .mar-right{border-right:1px solid #ddd; height:10vh;} .change-pwd .mar-right2 { border-right: 1px solid #ddd; height: 20vh;} .change-pwd .fb {background-image: url(../images/facebook-bt.png); background-position: center; background-size: contain; background-repeat: no-repeat; height: 40px; margin-top: 30px; outline: none;} .change-pwd .or {margin-top: 11vh;} .change-pwd .or-sizes {position: absolute; left: 94%; float: left !IMPORTANT; font-size: 16px; font-weight: bold;} .change-pwd .fn18{font-size: 18px;} .change-pwd .fn16 { font-size: 16px;} .change-pwd .ln24{line-height: 34px;} .change-pwd .mob{margin-left: -37%; position: relative; color: #C1B9B9; font-size: 14px;} .change-pwd .mob2{margin-left: -31%; position: relative; color: #C1B9B9; font-size: 14px;} .change-pwd .wdth60 { width: 55% !important;} .change-pwd .mob5 { margin-left: 10%; position: relative; font-size: 16px; font-weight: bold;} .change-pwd .mob6 { margin-left: 10%; color: #C1B9B9; position: relative; font-size: 14px;} .change-pwd .setWlthBg{width:47px; height:47px; border-radius:50%; background-color:#0bc7b4; margin:0px auto;} .change-pwd .icon{font-size: 55px; color: #fff; width: 100%; padding: 0px !important; margin-top: -4px; overflow: hidden; line-height: 0px; float: left; margin-left: 3px;} .change-pwd .icon-Icon_SetWealthGoal2:before, .wrapper-robo-home .icon-Icon_BuildWealthStrategy2:before, .wrapper-robo-home .icon-Icon_ImplementPortfolio2:before{position:absolute;} .change-pwd .bldWlthBg{width:47px; height:47px; border-radius:50%; background-color:#0bc771; margin:0px auto;} .change-pwd .implPortBg{width:47px; height:47px; border-radius:50%; background-color:#33b5e5; margin:0px auto;} .change-pwd .white-bg {background-color: rgba(0,0,0,0.8);height: 62.5vh;width: 36%;margin: 0px auto; overflow:auto; border-radius:6px;} .wrapper-robo-signup .mob7 { margin-left: 0%; position: relative; font-size: 18px; font-weight: bold;} .wrapper-robo-signup .mob8 { margin-left: -29%; position: relative; color: #C1B9B9; font-size: 14px;} /************************************** Account Setup Start ***********************************************/ /* navbar Start by santosh */ /* .rightnavbar{width:190px;} */ .wrapper-robo-signup .header .collapse .rightnavbar .textcolor-header a {color: rgb(202,202,202);} .wrapper-robo-signup .navbar .container-fluid .collapse .dropdown .dropdown-menu {min-width: 300px !important;} .fortfolo-items {color: #000 !important;text-decoration: none; color: #4e4e4e !important;font-size: 15px;font-weight: 700; } .wrapper-robo-signup .container-fluid .collapse .dropdown-menu li a {color: #4e4e4e;} .dropdown-new > li > a { clear: both; color: #4E4E4E !important; display: block; font-weight: 700 !important; font-size:15px !important; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; } .wrapper-robo-signup .navbar .container-fluid .navbar-header .icon-bar{color: #ffffff; background-color: #fff;} .wrapper-robo-signup .navbar .container-fluid .navbar-header button{background-color: rgb(51,51,51);} .margin-rlr-40{margin:0px 8px} .wrapper-robo-signup .container-fluid .collapse .notification {color: #000; font-size: 28px;} .wrapper-robo-signup .container-fluid .collapse .user {color: #000; font-size: 28px;} /* navbar End by santosh */ #confirmDate input[type="text"] { position: relative; } .Date-class { width:60%; border-top:0px; border-left:0px; border-right:0px; outline:0px; height:19px; line-height:33px; border-bottom:1px solid rgb(153,153,153) !important; margin-left: 10px } #confirmDate .wdth60 { width: 66% !important; } #confirmDate .ip-md { border: none; outline: none; width: 86%; height: 28px; font-size: 16px; padding-left: 5px; } #confirmDate .mod-ip-mob-new { border: none; border-bottom: 1px solid #63b22c; margin-top: 20px auto; } #confirmDate .fromDateh{height: 28px; line-height: 36px; font-size:18px; color:#999;} .pdbt{padding: 0px 42px !important;} #confirmDate input[type='radio']:hover { box-shadow: 0 0 1px 0px #63b22c inset; } #confirmDate input[type='radio'] { -webkit-appearance: none; width: 17px; height: 17px; border: 1px solid #63b22c; border-radius: 50%; outline: none; margin-right: 12px; outline: none !important; } #confirmDate input[type='radio']:checked:before { background: #63b22c; } .ppmsHtmlReportHead #confirmDate input[type='radio']:checked:before { background: #63b22c !important; width:11px !important; height: 11px !important; margin:-3px -3px !important; } #confirmDate input[type='radio']:before { content: ''; display: block; width: 60%; height: 60%; margin: 20% 20%; border-radius: 50%; } #confirmDate .summary-trans{height: 28px; line-height: 36px; font-size: 18px; color: #999; margin-top: -6px; position: absolute;} /* This is for the placeholder */ .wrapper:before { font-family: 'FontAwesome'; color:green; position: relative; left: 465px; content: "\f007"; } .container-fluid .wrapper-robo-signup .white-bg .inputcontrole{ width: 90%; } /* .container-fluid .wrapper-robo-signup .navbar .pregress-ttl-navbarlist{ font-size:12px; color: #ccc !important; } */ .container-fluid .wrapper-robo-signup .navbar .container-fluid .collapse .navbar-right .dropdown ul.profile-pop::after { background: #ffffff none repeat scroll 0 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; content: ""; display: block; height: 20px; position: absolute; right: 25px; top: -11px; transform: rotate(45deg); width: 20px; } .profile-pop { background: #ffffff none repeat scroll 0 0; border: 1px solid #243d82; border-radius: 4px; box-shadow: 1px 1px 3px #989898; display: none; height: 290px ; margin-left: 15px; padding: 4px; position: absolute; right: 30px; top: 75px !important; width: 85%; z-index: 999; height: auto; } .profile-pop.pop-edit{font-size:14px; color:#3a3a3a;} .wrapper-robo-signup .mob-check{margin: 0 0px 0px 67px;font-size: 25px; color: green;} .wrapper-robo-signup .mob-pluscircle{margin: 0 0 0 71px;font-size: 25px; color: green;} .ttl-para { font-size: 13px; margin-left: 114%; margin-top: 15px; text-align: justify; width: 45%; color: #ccc; } .wrapper-robo-signup .investment-para { font-size: 15px; text-align: center; } .wrapper-robo-actserv .height-icon{height: 28px; line-height: 28px;} .continue-btn{ width: 183px !important; height: 42px !important; line-height: 27px !important; font-size: 18px !important;} /******************************* Account Setup End ************************************/ /********* TOP Row Suneet*******/ .tr{font-size: 28px; color: #fff; outline: none;box-shadow: none !important; margin-bottom:0px;} .bb{border-bottom:1px solid #ababab !important;} .box{/* width: 150px; *//* background-color: #3a3a3a; */ color: #fff; line-height: 17px; font-size: 28px; margin: 5px auto 0 auto; /* padding: 5px; */} .box2{font-size: 16px; display: block; text-align: left; /* margin-top: -27px; margin-right: 40px; */} .bx{margin-top: 20px;} .qm{font-size: 40px !important; color: #ababab !important;} .min-req1{width:100%;} .min-req{width:300px; color:#ababab; font-size:12px; margin: 0px auto;} a{text-decoration:none !important;} .grph-txt{ text-align: center;} /*.edit{font-size: 12px; color: #C5C5C5;} .current-wealth-pop{width: 85%; height: 70px; background-color: #F0F0F0; box-shadow: 0px 0px 10px #ccc; border: 1px solid #B9B9B9; display:none;position: absolute; z-index:50;} .annual-savings-pop{width: 85%; height: 70px; background-color: #F0F0F0; box-shadow: 0px 0px 10px #ccc; border: 1px solid #B9B9B9; display:none;position: absolute; z-index:50;} .time-horizon-pop{width: 85%; height: 70px; background-color: #F0F0F0; box-shadow: 0px 0px 10px #ccc; border: 1px solid #B9B9B9; display:none;position: absolute; z-index:50;} .cw-edit-ok, .as-edit-ok, .th-edit-ok{width: 30%; height: 30px; background-color: #63b22c; color: #fff; line-height: 30px; font-size: 14px; margin: 10px auto;}*/ .CAY-pop{width: 100%; height: auto; background-color: #fff; box-shadow: 0px 0px 10px #ccc; border: 1px solid #B9B9B9; display:none;position: absolute; z-index:50; padding: 5px;/* padding-top: 10px; margin-top: 1px;*/left: 0px; top: -73px; } .closed{color: #3a3a3a; font-size: 24px;margin-top: 7px;} .green-label{color:#63b22c} /********************************************* WHY QUESTION POPUP CSS **********************************************/ .eq-question{font-size:12px; color:#666;/*text-align: right;*/ margin-left: 20px;margin-bottom: 15px;} .modal-padding{padding:5px 15px !important; border:none !important;} .modal-button{width: 45px; height: 25px;background-color: #6CC6A8; margin: 0px auto; color: #fff; text-align: center; line-height: 25px;} /********************************************* WHY QUESTION POPUP CSS **********************************************/ /***************Scenario Analysis CSS Start ***************/ .scenario-analysis .border1px{border: 1px solid #e5e5e5;} .scenario-analysis .analysis-box{/* background:#f0f0f0; */overflow:hidden;padding:0px 0px;margin-top: 10px; width: 90.5%; margin: 10px auto;} .scenario-analysis .analysis-sub-box{background:#fff;padding:10px;overflow:hidden;min-height:288px; /* border: 1px solid #e5e5e5; */} .scenario-analysis .input-group {margin: 5px auto;} .scenario-analysis .spinner input {text-align: center;} .scenario-analysis .input-group-btn-vertical1 {vertical-align: middle; display: table-cell; float: left; margin-top: -3px;} .scenario-analysis .input-group-btn-vertical1 > .btn {display: inline-block;float: none;/* width: 100%; */max-width: 100%;padding: 15px;margin-left: -10px; position: relative; border-radius: 0;} .scenario-analysis .input-group-btn-vertical1 > .btn:first-child {border-top-right-radius: 4px; margin-top: -5px;} .scenario-analysis .input-group-btn-vertical1 > .btn:last-child {margin-top: -5px; border-bottom-right-radius: 4px;} .scenario-analysis .input-group-btn-vertical1 i{position: absolute; top: 1px; left: 12px;font-size: 2em;text-align: center;/*font-weight:bold*/color: #757575;} .scenario-analysis .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .scenario-analysis input[id="niftyReturn"]{width: 42px !important; padding: 5px !important; border:none;text-align: center; font-weight: bold; color: #222222 !important; font-size: 18px; margin-left: -10px;} .scenario-analysis .currentWealth{ width: 75px !important; padding-top: 8px !important;border:none; text-align: right; } .scenario-analysis .annualSaving{width: 32% !important; padding: 5px !important;border:none; text-align: right ;} .scenario-analysis .sub-text{font-size:18px;} .scenario-analysis .sub-text span.red{color:#CC3300;} .scenario-analysis .sub-text span.green{color:#009900;} .scenario-analysis .why-need-but {height: 40px;color: #fff;background-color: #004846; text-align: center; line-height: 40px;color: #fff; background-color: #004846; background: #227c79; background: -moz-linear-gradient(top, #227c79 0%, #004846 100%); background: -webkit-linear-gradient(top, #227c79 0%,#004846 100%); background: linear-gradient(to bottom, #227c79 0%,#004846 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227c79', endColorstr='#004846',GradientType=0 ); display: inline-block; padding: 0px 20px; text-decoration: none;text-transform: uppercase;} .scenario-analysis .portfolio-button {height: 30px;cursor: pointer;border-radius: 5px; color: #fff; background-color: #004846;text-align: center; line-height: 30px; color: #fff; background-color: #004846; background: #079163; background: -moz-linear-gradient(top, #079163 0%, #6cc6a8 100%); background: -webkit-linear-gradient(top, #079163 0%,#6cc6a8 100%); background: linear-gradient(to bottom, #079163 0%,#6cc6a8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079163', endColorstr='#6cc6a8',GradientType=0 );display: inline-block;padding:0px 20px;} .scenario-analysis h4{font-size:14px} .scenario-analysis .section p{margin:5px 0px} .scenario-analysis #sliders {padding: 0px; margin-bottom:0px} .scenario-analysis #sliders li {margin-bottom: 0px;} .scenario-analysis #sliders div {margin-bottom: 5px;} .scenario-analysis .value2{float:right;} .scenario-analysis .ui-slider-horizontal{height:3px} .scenario-analysis .ui-slider-horizontal .ui-slider-handle {top: -0.6em;margin-left: -.6em;} .scenario-analysis .value1 {/*position: absolute; left: -65px; top: -16px;color:#66cc7f;*/ display:inline-block;font-size:30px;margin-bottom: 0px; float:right;margin-top: -4px;} .scenario-analysis .value2 {/*position: absolute; right: -65px; top: -16px; color:#337ab7; margin-bottom: 0px;*/ font-size:30px;float:left;margin-top: -4px;} /*.scenario-analysis .value1 span{color:#66cc7f;font-size:24px} .scenario-analysis .value2 span{color:#a2e0f0; font-size:24px}*/ .scenario-analysis .blue-tex{color:#5775b6} .scenario-analysis .green-tex{ color: #999999;} .scenario-analysis .modal-center{margin-top:250px;} .scenario-analysis .left-arrow{position: relative; left: -35px; top: -23px; color: #3a3a3a; font-size: 24px;margin-bottom: 0px;} .scenario-analysis .right-arrow{position: relative; right: -35px; top: -23px; color: #3a3a3a; font-size: 24px;margin-bottom: 0px;} .scenario-analysis .analysis-sub-box p{margin-bottom:0px;} .scenario-analysis .white-bg{background-color:#fff;height: 87.5vh; width: 96%; margin: 0px auto;overflow:auto;} .scenario-analysis .common-bg{ background-image:url(../images/bg.png); background-position:center; background-size:cover; background-repeat:no-repeat; /*height: 797px;*/} .scenario-analysis .btn-chk{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; padding: 5px 20px;} .scenario-analysis .cash-port-div {text-align-last: center; width: 320px; margin: 160px auto 0px auto;} .scenario-analysis .sliderss{width: 100%; height: 2px; background-color: #ccc;} .scenario-analysis #cashPortfolioDiv .value1{left: -38px;} .scenario-analysis #cashPortfolioDiv .equi {margin-top: 0px;} .scenario-analysis #cashPortfolioDiv .deb {margin-top: 0px;} .scenario-analysis .color-txt{color: #63b22c;} .scenario-analysis .color-txt2{color:#0076a3;} .equi{display: inline-block; float:right;margin-top: 7px; margin-right: 10px; /*float: left; margin-left: 40px; margin-top: -20px;*/} .deb{display: inline-block;float: left; margin-left: 10px; margin-top: 7px;} .scenario-analysis .bg-blue{background-color:#0076a3; height: 73px;} .scenario-analysis input[id="currentWealth"], .scenario-analysis input[id="annualSaving"]{background-color:#0076a3 !important; } .scenario-analysis .cltxt{color:#fff; margin-top: -5px;} .scenario-analysis .clrfix-bord{border-right:1px solid #ddd !important; border-left:1px solid #ddd !important;} .scenario-analysis .fnt12{font-size: 12px; } .scenario-analysis .fnt15{font-size: 15px;} .scenario-analysis .font-robo{font-family: roboto;} .scenario-analysis input[id="niftyReturn"]{float:none !important;} .scenario-analysis .wdth122{width:95px;} .scenario-analysis .common-btn-check {line-height: 35px;text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; height: 35px; border-radius: 3px; color: #63b22c; font-size: 12px; /* font-weight: bold; */ outline: none; padding: 0px 10px; margin: 2px auto; font-family: roboto;} .scenario-analysis .common-btn-check i{float:left;} .scenario-analysis .font-col{color:#333;} .fwb{font-weight: bold;} .scenario-analysis .clred{ color:red;} .scenario-analysis .clgreen {color:#63b22c;} .scenario-analysis .fnt14robo{ font-family: roboto;} .scenario-analysis .pl15p{padding-left: 15px !important;} .common-btn-scenario { text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; min-height: 52px; border-radius: 5px; color: #63b22c; font-size: 16px; font-weight: bold; outline: none; padding: 8px 25px; margin: 0px auto;} .scenario-analysis .pd65{padding: 0px 65px !important;} .scenario-analysis .pdrt5{padding-right:5px;} .scenario-analysis .clrorange{color:#ffbb4f;} .scenario-analysis .cl-popup{font-weight: 700; font-size: 18px; color: #000000;} .scenario-analysis .modal-width{width: 900px !important;} .scenario-analysis .modal-content-color{ font-size: 16px; color: #999999;} .scenario-analysis .modal-content-year{ font-size: 16px; color: #000000; font-weight: 700;} .scenario-analysis .pd10 { padding: 0px 10px !important;} .scenario-analysis .mdb { padding-top: 5px !important;} .scenario-analysis .fnt-color-bold{color: #000 !important; font-weight: 700;} .cashPort-fr1{float:right;} .cashPort-fr2{float:right;} /*** NEW Slider ***/ .scenario-analysis .slider.slider-horizontal .slider-track{height:3px !important; background-color:#efefef !important;} .scenario-analysis .slider-track-low, .scenario-analysis .slider-track-high{ background-color:#efefef !important;} .scenario-analysis .slider-tick{ background-color:#d7d7d7 !important;background-image:none !important; width: 10px !important; height: 10px !important;} .scenario-analysis .slider-handle{width: 22px !important; height: 22px !important;} .scenario-analysis .slider.slider-horizontal .slider-tick{margin-top: -3px !important;} .scenario-analysis .slider.slider-horizontal .slider-handle{margin-top: -10px !important;margin-left: -13px !important; background-image:url(../images/slider-handle.png); background-size:cover;} .scenario-analysis .slider.slider-horizontal{width:100% !important; margin-top: 10px;} .scenario-analysis .slider-selection.tick-slider-selection{ background-image:none !important; background-color:#63b22c !important;} /*** NEW Slider ***/ /*** NEW Spinner CW ***/ .scenario-analysis .spinner_cw {width: 80%; display: inline-block;float: left;} .scenario-analysis .spinner_cw input {text-align: center;} .scenario-analysis .spinner_cw .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .scenario-analysis .spinner_cw .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .scenario-analysis .spinner_cw .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .scenario-analysis .spinner_cw .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .scenario-analysis .spinner_cw .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .scenario-analysis .spinner_cw .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .scenario-analysis .spinner_cw input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .scenario-analysis .spinner_cw .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner CW ***/ /*** NEW Spinner YR ***/ .scenario-analysis .spinner_yr {width: 80%; display: inline-block; float: none;} .scenario-analysis .spinner_yr input {text-align: center;} .scenario-analysis .spinner_yr .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .scenario-analysis .spinner_yr .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .scenario-analysis .spinner_yr .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .scenario-analysis .spinner_yr .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .scenario-analysis .spinner_yr .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .scenario-analysis .spinner_yr .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .scenario-analysis .spinner_yr input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .scenario-analysis .spinner_yr .input-border{border:1px solid #ccc; display:inline-block; width:80%; } /*button{display:inline-block;}*/ /*** NEW Spinner YR ***/ /*** NEW Spinner AS ***/ .scenario-analysis .spinner_as {width: 80%; display: inline-block;float: left;} .scenario-analysis .spinner_as input {text-align: center;} .scenario-analysis .spinner_as .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .scenario-analysis .spinner_as .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .scenario-analysis .spinner_as .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .scenario-analysis .spinner_as .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .scenario-analysis .spinner_as .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .scenario-analysis .spinner_as .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .scenario-analysis .spinner_as input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .scenario-analysis .spinner_as .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner AS ***/ .scenario-analysis .CAY-pop .ttl-amt{font-size: 48px;color: #0076a3;font-weight: bold;} .scenario-analysis .CAY-pop .ttl-amt span{font-size: 42px;} .scenario-analysis .CAY-pop .ttl{color: #000; font-size: 14px; font-weight: bold; margin-bottom: 5px;} .scenario-analysis .CAY-pop .unit{float:right; margin-top: 10px; font-size: 21px;font-weight: 700;} /*************** Scenario Analysis CSS END ***************/ /* Quick PopUp CSS Starts Here */ /***************Quick Pop CSS Start ***************/ .quick-popup .pregress-ttl{font-size:14px; color:#666; text-align:center;} .quick-popup .pregress-ttl-dsbl{color:#ccc;} .quick-popup .analysis-box{background:#f0f0f0;overflow:hidden;padding:20px 0px;margin-top: 10px;} .quick-popup .analysis-sub-box{background:#fff;padding:10px;overflow:hidden;min-height:330px} .quick-popup .input-group {margin: 0px auto;} .quick-popup.spinner input {text-align: center;} .quick-popup .input-group-btn-vertical {vertical-align: middle; display: table-cell;} .quick-popup .input-group-btn-vertical > .btn {display: block;float: none;width: 100%;max-width: 100%;padding: 15px;margin-left: -1px; position: relative; border-radius: 0;} .quick-popup .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px;} .quick-popup .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px;} .quick-popup .input-group-btn-vertical i{position: absolute; top: 1px; left: 12px;font-size: 2em;text-align: center;font-weight:bold} .quick-popup .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .quick-popup input{width: auto; padding: 5px !important;border:none;text-align: center;} .quick-popup .currentWealth{width: 60px !important; padding: 5px !important;border:none;text-align: center;} .quick-popup .annualSaving{width: 60px !important; padding: 5px !important;border:none;text-align: center;} .quick-popup .sub-text{font-size:18px;} .quick-popup .sub-text span.red{color:#CC3300;} .quick-popup .sub-text span.green{color:#009900;} .quick-popup .head-txt{font-size: 36px; color: #333; margin-bottom: 20px; text-align: center; /*font-family:roboto;*/} .quick-popup .port-title { font-size: 18px; margin-top: 10px; color:#999;} .quick-popup .rupee-color { color: #868686; font-size: 20px; font-weight:400;float: left; margin-top: 8px;} .quick-popup .why-need-but {height: 40px;color: #fff;background-color: #004846; text-align: center; line-height: 40px;color: #fff; background-color: #004846; background: #227c79; background: -moz-linear-gradient(top, #227c79 0%, #004846 100%); background: -webkit-linear-gradient(top, #227c79 0%,#004846 100%); background: linear-gradient(to bottom, #227c79 0%,#004846 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227c79', endColorstr='#004846',GradientType=0 ); display: inline-block; padding: 0px 20px; text-decoration: none;text-transform: uppercase;} .quick-popup .portfolio-button {height: 30px;cursor: pointer;color: #fff; background-color: #004846;text-align: center; line-height: 30px; color: #fff; background-color: #004846; background: #079163; background: -moz-linear-gradient(top, #079163 0%, #6cc6a8 100%); background: -webkit-linear-gradient(top, #079163 0%,#6cc6a8 100%); background: linear-gradient(to bottom, #079163 0%,#6cc6a8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079163', endColorstr='#6cc6a8',GradientType=0 );display: inline-block;padding:0px 20px;} .quick-popup .fnt-sum{font-size:28px; font-family:roboto;} .quick-popup .fnt-sum2{font-size:22px; color#000;} .quick-popup .port-title3{ font-size: 18px; color:#999;} .quick-popup .port{height:36px !important;} .quick-popup .port-val-container .p{margin:0 0 0px !important;} .quick-popup .btn-confirm{border: 1px solid #63b22c; background: none; margin:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:200px; line-height:38px;} .quick-popup .wdth35{width:18%; margin:0 auto;} .quick-popup h4{font-size:16px} .quick-popup .section p{margin:5px 0px} .quick-popup #sliders {padding: 0px; margin-bottom:0px} .quick-popup #sliders li {margin-bottom: 0px;} .quick-popup #sliders div {margin-bottom: 5px;} .quick-popup .value2{float:right;} .quick-popup .ui-slider-horizontal{height:3px} .quick-popup .ui-slider-horizontal .ui-slider-handle {top: -0.6em;margin-left: -.6em;} .quick-popup .value1 {position: absolute; left: -65px; top: -16px;color:#66cc7f;font-size:24px;margin-bottom: 0px;} .quick-popup .value2 {position: absolute; right: -65px; top: -16px; color:#a2e0f0; font-size:24px; margin-bottom: 0px;} .quick-popup .blue-tex{color:#5775b6} .quick-popup .green-tex{color:#3ab070} .quick-popup .modal-center{margin-top:250px;} .quick-popup .left-arrow{position: relative; left: -35px; top: -23px; color: #3a3a3a; font-size: 24px;margin-bottom: 0px;} .quick-popup .right-arrow{position: relative; right: -35px; top: -23px; color: #3a3a3a; font-size: 24px;margin-bottom: 0px;} .quick-popup .analysis-sub-box p{margin-bottom:0px;} .quick-popup .portfolio input{border: none;outline: none !important; width:60% !important;font-size: 20px;border-bottom: 1px solid #6cb738; text-align:center; padding: 0px !important;} .quick-popup .confirm-msg { font-weight: 400; font-size: 18px;} .quick-popup .btn-signup{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:40%;} .quick-popup .light-color{color: #999999 !important;} .quick-popup .fnt1{font-size:21px; padding-left: 4px; padding-right: 4px; font-weight:bold;} .quick-popup .unit{font-size:18px; color:#999; margin-top: 10px; float: right; margin-right: 15px;} /*.equi{display: inline-block; float: left; margin-left: 40px; margin-top: -20px;} .deb{display: inline-block;float: right; margin-right: 40px; margin-top: -20px;} .equi{display: inline-block; float: left; margin-left: 25px; margin-top: -20px;} .deb{display: inline-block;float: right; margin-right: 30px; margin-top: -20px;}*/ .quick-popup .btn-signup-dsbl{ border: 1px solid rgb(128,128,128); width: 200px; height: 42px; border-radius: 5px; color:rgb(128,128,128); /* color:#63b22c; */ font-size:14px; outline: none; text-transform: uppercase; font-weight:700; /* margin: -12px auto 0px auto; */ text-align: center; /* line-height: 42px; */ } .modal-footer { border-top: 0px solid #e5e5e5 !important;} /******************************Quick PopUp End *************************************/ /* Service Portalxsl */ .wrapper-robo-crnt_wlth1{background-image: url(../images/bg-images.gif);background-color:#232125 !important; background-repeat: no-repeat; /*background-size: cover; height: 100vh;*/background-size: 80% 100%;height: 100vh;} .wrapper-robo-crnt_wlth1 .login-heading { width: 100%; /* background: #e4f7ff; */ border-radius: 5px 5px 0px 0px; padding: 15px; border-bottom: 1px solid #fff;} .wrapper-robo-crnt_wlth1 .admin-img { background: url(../images/loginuser.png); background-repeat: no-repeat; z-index: 0; /* width: 100%; */ height: 100%; position: absolute; left: 125px; } .wrapper-robo-crnt_wlth1 .img-responsive { margin: 0 auto; } .wrapper-robo-crnt_wlth1.login-content { padding: 20px; } .wrapper-robo-crnt_wlth1 .formlist { background: url(../images/login-frm-bg.jpg); background-repeat: no-repeat; height: auto; position: relative; z-index: 1px; border-radius: 5px; margin-bottom: 4em; background: #000 !important; } .wrapper-robo-crnt_wlth1 .input-group { margin-bottom: 0.2em; } .wrapper-robo-crnt_wlth1 .btnlogin { width: 100%; background-color: #02aff1 !important; font-size: 1em; border-radius: 5px; text-transform: uppercase; font-weight: bold; margin: 1em 0; padding: 6px 0; text-decoration: none; } .scenario-analysis .fnt12{font-size: 12px; } .login-content label { color: #fff !important; font-weight: normal;text-decoration: none;} .login-content label a { color: #fff !important; font-weight: normal;text-decoration: none;} /********************************************* current-wealth *******************************************/ .wrapper-robo-crnt_wlth .cw-slider{width: 80%; margin-left: 10%} .wrapper-robo-crnt_wlth .crnt-wlth{font-size: 14px; color: #000; margin-bottom: 10px; font-weight: bold; text-align: center;} .wrapper-robo-crnt_wlth .gr{color: #666;font-size: 12px; text-align:center; margin-left: -25px;} .wrapper-robo-crnt_wlth .gr2{color: #666;font-size: 12px; /*text-align:center;*/} .wrapper-robo-crnt_wlth .slide{margin-top:35px;} .wrapper-robo-crnt_wlth .amount{border: 0; color: #000; font-weight: bold; margin-top: -20px; width: 50%; font-size: 30px;} .wrapper-robo-crnt_wlth .amt-unt{border: 0; color: #666; font-weight: bold;margin-top: -20px;font-size: 30px;display: inline-block; vertical-align: super;} .wrapper-robo-crnt_wlth .min-rng, .wrapper-robo-crnt_wlth .max-rng{font-size:15px; font-weight:bold; color:#666;} .wrapper-robo-crnt_wlth .annual_inc input{border: none; border-bottom: 1px solid #ccc; outline: none !important;width: 40px;text-align: center;font-size: 20px; margin-left: 48px;} .wrapper-robo-crnt_wlth .unit{font-size: 21px;color: #333;margin-left: 0px;margin-top: 13px;float: right; font-weight: bold;} .wrapper-robo-crnt_wlth .need{font-size: 24px; font-weight: bold; margin-left: 35px;} .wrapper-robo-crnt_wlth .why-need-but{width: 140px; height: 40px; color: #fff; background-color: #004846; text-align: center; line-height: 40px; color:#fff; background-color:#004846; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#227c79+0,004846+100 */ background: #227c79; /* Old browsers */ background: -moz-linear-gradient(top, #227c79 0%, #004846 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #227c79 0%,#004846 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #227c79 0%,#004846 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227c79', endColorstr='#004846',GradientType=0 ); /* IE6-9 */ } .wrapper-robo-crnt_wlth .vdo-button{margin-top: 135px;} /*.wrapper-robo-crnt_wlth .portfolio-button{width: 220px; height: 40px; margin:20px auto 0px auto;cursor:pointer; color: #fff; background-color: #004846; text-align: center; line-height: 40px; color:#fff; background-color:#004846; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#079163+0,6cc6a8+100 */ /*background: #079163; /* Old browsers */ /*background: -moz-linear-gradient(top, #079163 0%, #6cc6a8 100%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, #079163 0%,#6cc6a8 100%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, #079163 0%,#6cc6a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079163', endColorstr='#6cc6a8',GradientType=0 ); /* IE6-9 */ /*}*/ .wrapper-robo-crnt_wlth .columnchart_val{width:100%; height: 300px; margin:0px auto;} .wrapper-robo-crnt_wlth .portfolio-button{border: 1px solid #63b22c; background: none; width: 140px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; padding: 8px 20px; margin: 0px auto; text-align:center;} .wrapper-robo-crnt_wlth .white-bg {background-color: #fff;height: 87.5vh;width: 96%;margin: 0px auto;overflow:auto;} /*** Spinner CW ****/ .wrapper-robo-crnt_wlth .spinner_cw {width: 70%; display: inline-block;float: left;margin-left: 15px;} .wrapper-robo-crnt_wlth .spinner_cw input {text-align: center;} .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .wrapper-robo-crnt_wlth .spinner_cw .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .wrapper-robo-crnt_wlth .spinner_cw input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .wrapper-robo-crnt_wlth .spinner_cw .input-border{border:1px solid #ccc; display:inline-block; width:75%; } /*button{display:inline-block;}*/ /*** Spinner CW ***/ /*** Spinner AS ****/ .wrapper-robo-crnt_wlth .spinner_as {width: 70%; display: inline-block;float: left; margin-left: 15px;} .wrapper-robo-crnt_wlth .spinner_as input {text-align: center;} .wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .wrapper-robo-crnt_wlth .spinner_as .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .wrapper-robo-crnt_wlth .spinner_as input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .wrapper-robo-crnt_wlth .spinner_as .input-border{border:1px solid #ccc; display:inline-block; width:75%; } /*button{display:inline-block;}*/ /*** Spinner AS ***/ .wrapper-robo-crnt_wlth .ttl-amt{font-size: 48px;color: #0076a3;font-weight: bold;} .wrapper-robo-crnt_wlth .ttl-amt span{font-size: 42px;} .wrapper-robo-crnt_wlth .common-btn span{float: right; margin-top: 6px;} .wrapper-robo-crnt_wlth .ipad{display:none;} /********************************************* current-wealth end *******************************************/ /******** Account Opening Starts by santosh **********/ .ERR-ARERR .hgh27, .scenario-analysis .hgh27, .manage-strategy .hgh27{height:17px;} /**********************************************ERR vs ARERR Start********************************************/ .ERR-ARERR .analysis-box{overflow: hidden; padding: 0px 0px; margin-top: 10px; width: 90.5%; margin: 10px auto;} .ERR-ARERR .analysis-sub-box{background:#fff;padding:10px;overflow:hidden;min-height:380px} .ERR-ARERR .input-group {margin: 0px auto;} .ERR-ARERR.spinner input {text-align: center;} .ERR-ARERR .input-group-btn-vertical {vertical-align: middle; display: table-cell;} .ERR-ARERR .input-group-btn-vertical > .btn { display: inline-block; float: none; /* width: 100%; */ max-width: 100%; padding: 15px; margin-left: -13px; position: relative; border-radius: 0;} .ERR-ARERR input[id="niftyReturn"] { float: none !important;} .ERR-ARERR .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -5px;} .ERR-ARERR .input-group-btn-vertical > .btn:last-child {margin-top: -5px; border-bottom-right-radius: 4px;} .ERR-ARERR .input-group-btn-vertical i{position: absolute;top: 1px;left: 12px;font-size: 2em; text-align: center;/*font-weight:bold*/ color: #757575;} .ERR-ARERR .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .ERR-ARERR input{width: 42px !important; padding: 5px !important;border:none;text-align: right;} .ERR-ARERR .sub-text{font-size:18px;} .ERR-ARERR .sub-text span.red{color:#CC3300;} .ERR-ARERR .sub-text span.green{color:#009900;} .ERR-ARERR .txt-color{color: #ccc;} .ERR-ARERR .why-need-but {height: 40px; color: #fff; background-color: #004846; text-align: center; line-height: 40px; color: #fff; background-color: #004846; background: #227c79; background: -moz-linear-gradient(top, #227c79 0%, #004846 100%); background: -webkit-linear-gradient(top, #227c79 0%,#004846 100%); background: linear-gradient(to bottom, #227c79 0%,#004846 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227c79', endColorstr='#004846',GradientType=0 ); display: inline-block; padding: 0px 20px; text-decoration: none; text-transform: uppercase;} .ERR-ARERR .portfolio-button {height: 40px; cursor: pointer; color: #fff; background-color: #004846; text-align: center; line-height: 40px; color: #fff; background-color: #004846; background: #079163; background: -moz-linear-gradient(top, #079163 0%, #6cc6a8 100%); background: -webkit-linear-gradient(top, #079163 0%,#6cc6a8 100%); background: linear-gradient(to bottom, #079163 0%,#6cc6a8 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079163', endColorstr='#6cc6a8',GradientType=0 );display: inline-block; padding:0px 20px;} .ERR-ARERR h4{font-size:14px} .ERR-ARERR .section p{margin:5px 0px} .ERR-ARERR #sliders {padding: 0px;margin-bottom:0px;} .ERR-ARERR #sliders li {margin-bottom: 0px;} .ERR-ARERR #sliders div {margin-bottom: 5px;} .ERR-ARERR .value2{float:right;} .ERR-ARERR .ui-slider-horizontal{height:3px} .ERR-ARERR .ui-slider-horizontal .ui-slider-handle {top: -0.6em; margin-left: -.6em;} /* .ERR-ARERR .value1 {position: absolute; left: -65px; top: -16px;color:#66cc7f;font-size:24px;margin-bottom: 0px;} .ERR-ARERR .value2 {position: absolute; right: -65px; top: -16px; color:#337ab7; font-size:24px;margin-bottom: 0px;} */ /*.ERR-ARERR .value1 span{color:#66cc7f; font-size:24px} .ERR-ARERR .value2 span {color:#a2e0f0; font-size:24px}*/ .ERR-ARERR .value1 {/*position: absolute; left: -65px; top: -16px;color:#66cc7f;*/ display:inline-block;font-size:30px;margin-bottom: 0px; float:right; margin-top:-4px;} .ERR-ARERR .value2 {/*position: absolute; right: -65px; top: -16px; color:#337ab7; margin-bottom: 0px;*/ font-size:30px;float:left;margin-top:-4px;} .ERR-ARERR .blue-tex{color:#5775b6} .ERR-ARERR .green-tex{color:#3ab070} .ERR-ARERR .port-val_2 {font-size: 20px;text-align: center;width: 100%;} .ERR-ARERR .port-title_2 {text-align: center;} .ERR-ARERR .currentWealth{ width: 67px !important; padding: 5px !important;border:none;text-align: right;} .ERR-ARERR .annualSaving{width: 50px !important; padding: 5px !important;border:none;text-align: right;} .ERR-ARERR .left-arrow{position: relative; left: -35px; top: -23px; color: #3a3a3a; font-size: 24px; margin-bottom: 0px;} .ERR-ARERR .right-arrow{position: relative; right: -35px; top: -23px; color: #3a3a3a; font-size: 24px; margin-bottom: 0px;} .ERR-ARERR .analysis-sub-box p{margin-bottom:0px;} .ERR-ARERR .white-bg{background-color:#fff;/* height: 708px; */ width: 96%; margin: 0px auto;overflow:auto;} /*.equi{display: inline-block; float: left; margin-left: 40px; margin-top: -20px;} .deb{display: inline-block;float: right; margin-right: 40px; margin-top: -20px;}*/ .perc{line-height: 34px;font-weight: bold; font-size: 18px; margin-left: -8px;} .no-bor{outline: none;box-shadow: none !important;} .ERR-ARERR .common-bg{ background-image:url(../images/bg.png); background-position:center; background-size:cover; background-repeat:no-repeat; /* height: 788px; */} .ERR-ARERR .set-ac{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; padding: 5px 20px;} .ERR-ARERR .columnchart_val{width:140px; margin:0px auto;} .ERR-ARERR .unit-x{font-size: 10px; margin-top: 7px; color: #A5A5A5; text-align: right;} .ERR-ARERR .amount-x{font-size: 30px;} .ERR-ARERR .title-x{font-size: 12px; margin-top: 7px;text-align: left; color: #A5A5A5;} .ERR-ARERR .compare-x{font-size: 12px; text-align: left; color: #A5A5A5;} .ERR-ARERR .bg-blue { background-color: #0076a3; height: 73px;} .ERR-ARERR input[id="currentWealth"], .ERR-ARERR input[id="annualSaving"], .ERR-ARERR input[id=""] { background-color: #0076a3 !important;} /* .ERR-ARERR input[id="withStrategy"] {} */ .ERR-ARERR .year{ /*width:48% !important;*/ padding:0px !important; background-color: #0076a3 !important;} .ERR-ARERR .cltxt { color: #fff; margin-top: -5px;} .ERR-ARERR .cltxt2{font-size: 13px !important;} .ERR-ARERR .mar1{margin-bottom:1px !important;} .ERR-ARERR .mar0{margin:0px !important; color:#dfdfdf;} .ERR-ARERR .clrfix-bord { border-right: 1px solid #ddd !important; border-left: 1px solid #ddd !important;} .ERR-ARERR .analysis-sub-box { background: #fff; padding: 10px; overflow: hidden; min-height: 288px; /* border: 1px solid #e5e5e5; */} .ERR-ARERR .clrorange { color: #ffbb4f;} .ERR-ARERR .pdrt5 { padding-right: 5px;} .ERR-ARERR .fnt12 { font-size: 12px;} .ERR-ARERR .clgreen { color: #63b22c;} .ERR-ARERR .font-robo { font-family: roboto ;} .ERR-ARERR .wdth122 { width: 95px;} .ERR-ARERR input[id="niftyReturn"] { width: 42px !important; padding: 5px !important; border: none; text-align: center; font-weight: bold; color: #222222 !important; font-size: 18px; margin-left: -14px;} .ERR-ARERR .common-btn-check { text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; height: 35px; border-radius: 3px; color: #63b22c; font-size: 16px; outline: none; padding: 7px 25px; margin: 0px auto;} .ERR-ARERR .clred { color: red;} .ERR-ARERR .green-tex { color: #999999;} .ERR-ARERR .fnt-color-bold { color: #000 !important; font-weight: 700;} .ERR-ARERR .fnt14robo { font-family: roboto;} .ERR-ARERR .cl-popup{font-weight: 700; font-size: 18px; color: #000000;} .ERR-ARERR .modal-width{width: 900px !important;} .ERR-ARERR .modal-content-color{ font-size: 16px; color: #999999;} .ERR-ARERR .modal-content-year{ font-size: 16px; color: #000000; font-weight: 700;} .ERR-ARERR .pd10 { padding: 0px 10px !important;} .ERR-ARERR .mdb { padding-top: 5px !important;} .ERR-ARERR .fnt-color-bold{color: #000 !important; font-weight: 700;} .ERR-ARERR .pl15p { padding-left: 15px !important;} .ERR-ARERR .color-txt{color: #63b22c;} .ERR-ARERR .color-txt2{color:#0076a3;} .ERR-ARERR .border1px{border: 1px solid #e5e5e5;} .ERR-ARERR .font-col{color:#333;} /*** NEW Slider ***/ .ERR-ARERR .slider.slider-horizontal .slider-track{height:3px !important; background-color:#efefef !important;} .ERR-ARERR .slider-track-low, .scenario-analysis .slider-track-high{ background-color:#efefef !important;} .ERR-ARERR .slider-tick{ background-color:#d7d7d7 !important;background-image:none !important; width: 10px !important; height: 10px !important;} .ERR-ARERR .slider-handle{width: 22px !important; height: 22px !important;} .ERR-ARERR .slider.slider-horizontal .slider-tick{margin-top: -3px !important;} .ERR-ARERR .slider.slider-horizontal .slider-handle{margin-top: -10px !important;margin-left: -13px !important; background-image:url(../images/slider-handle.png); background-size:cover;} .ERR-ARERR .slider.slider-horizontal{width:100% !important; margin-top: 10px;} .ERR-ARERR .slider-selection.tick-slider-selection{ background-image:none !important; background-color:#63b22c !important;} /*** NEW Slider ***/ /*** NEW Spinner CW ***/ .ERR-ARERR .spinner_cw {width: 80%; display: inline-block;float: left;} .ERR-ARERR .spinner_cw input {text-align: center;} .ERR-ARERR .spinner_cw .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .ERR-ARERR .spinner_cw .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .ERR-ARERR .spinner_cw .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .ERR-ARERR .spinner_cw .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .ERR-ARERR .spinner_cw .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .ERR-ARERR .spinner_cw .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .ERR-ARERR .spinner_cw input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .ERR-ARERR .spinner_cw .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner CW ***/ /*** NEW Spinner YR ***/ .ERR-ARERR .spinner_yr {width: 80%; display: inline-block; float: none;} .ERR-ARERR .spinner_yr input {text-align: center;} .ERR-ARERR .spinner_yr .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .ERR-ARERR .spinner_yr .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .ERR-ARERR .spinner_yr .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .ERR-ARERR .spinner_yr .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .ERR-ARERR .spinner_yr .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .ERR-ARERR .spinner_yr .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .ERR-ARERR .spinner_yr input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .ERR-ARERR .spinner_yr .input-border{border:1px solid #ccc; display:inline-block; width:80%; } /*button{display:inline-block;}*/ /*** NEW Spinner YR ***/ /*** NEW Spinner AS ***/ .ERR-ARERR .spinner_as {width: 80%; display: inline-block;float: left;} .ERR-ARERR .spinner_as input {text-align: center;} .ERR-ARERR .spinner_as .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .ERR-ARERR .spinner_as .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .ERR-ARERR .spinner_as .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .ERR-ARERR .spinner_as .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .ERR-ARERR .spinner_as .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .ERR-ARERR .spinner_as .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .ERR-ARERR .spinner_as input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .ERR-ARERR .spinner_as .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner AS ***/ .ERR-ARERR .CAY-pop .ttl-amt{font-size: 48px;color: #0076a3;font-weight: bold;} .ERR-ARERR .CAY-pop .ttl-amt span{font-size: 42px;} .ERR-ARERR .CAY-pop .ttl{color: #000; font-size: 14px; font-weight: bold; margin-bottom: 5px;} .ERR-ARERR .CAY-pop .unit{float:right; margin-top: 10px; font-size: 21px;font-weight: 700;} /**********************************************ERR vs ARERR End********************************************/ /******** Account Opening start **********/ .wrapper-robo-account-opening .ls-ttl{color: rgb(34,34,34); font-size: 36px;/* font-weight: bold;*/ margin-bottom: 0px;margin-top: 0;text-align: center;} .wrapper-robo-account-opening .spinner-loader {color: rgb(223, 167, 17); font-size: 60px; font-weight: robo; margin-bottom: 0px;margin-top: 0;text-align: center;} .wrapper-robo-account-opening .pregress-ttl-dsbl{color:#999999; font-weight:700; } .wrapper-robo-account-opening .pregress-list-para{color:#000; } .wrapper-robo-account-opening .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color:#000;} .wrapper-robo-account-opening .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-account-opening .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .wrapper-robo-account-opening .flr{float:right;} .wrapper-robo-account-opening .fll{float:left;} .wrapper-robo-account-opening .check-line{ font-size: 18px; margin-left: 10px;} .wrapper-robo-account-opening .check-line-chekbox{ margin-top: 7px;} .wrapper-robo-account-opening .list-group {list-style-type:disc; font-size:1.2em;} .wrapper-robo-account-opening .signup-bg:before{position:absolute; background-color:#FFF; opacity:0.5; width:500px; height:500px;}*/ .wrapper-robo-account-opening .ls-ttl{font-size: 22px; text-align: center; margin-top: 10px; font-weight: bold; margin-bottom: 20px;} .wrapper-robo-account-opening .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color:#000;} .wrapper-robo-account-opening .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-account-opening .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .wrapper-robo-account-opening .flr{float:right;} .wrapper-robo-account-opening .fll{float:left;} /*.wrapper-robo-signup .header{width:100%; height:50px; /*background-color:#282828;*//*}*/ /*.wrapper-robo-signup .logo{ background-image:url(../images/logo.png); width:117px; height:49px; background-size:contain;} .wrapper-robo-signup .count{font-size:16px; text-align:center; color:#fff; margin: 10px 0px 0px 0px;} .wrapper-robo-signup .count-for{font-size:8px; text-align:center; color:#fff;} .wrapper-robo-signup .header-button{width:80px; height:30px; border-radius:5px; background-color:#333; color:#fff; margin: 10px 5px; text-align: center; font-size: 10px; line-height: 30px;} .wrapper-robo-signup .nav-rt-mar{margin-right:70px;} .wrapper-robo-signup .navbar-right{margin-right:0px !important; margin-left: 0px !important;} .wrapper-robo-signup .g-play{background-image:url(../images/playstore.png); width:32px; height:32px; margin: 10px 5px 0px 15px;} .wrapper-robo-signup .a-logo{background-image:url(../images/a-logo.png); width:32px; height:32px; margin: 10px 5px 0px 5px;}*/ .wrapper-robo-account-opening .ar-two {margin-top: 25px; color: #757575;} .wrapper-robo-account-opening .ar-two:before{content:"-------------------------"} .wrapper-robo-account-opening .ar-pt{font-size:17px;} /*.wrapper-robo-signup .txt-center{margin-left:35px;}*/ .wrapper-robo-account-opening .sm-circle-fb{margin-right:20px;} .wrapper-robo-account-opening .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} /*.wrapper-robo-signup .modal-header{padding:0px;} .wrapper-robo-signup .modal-header .close{margin-top: 5px; margin-right: 20px; color: #FFF; opacity: 0.5; font-weight: normal; outline:none;}*/ .wrapper-robo-account-opening .modal-content{border-radius:0px;} .wrapper-robo-account-opening .modal-footer{padding:25px 15px; border:none; text-align:left;} /*.wrapper-robo-signup .fb-modal-title{height:35px; width:100%; background-color:#395796; color:#fff; font-size: 12px; line-height: 35px; padding-left: 15px;} .wrapper-robo-signup .fb-modal-txt{display: inline-block;width: 100px;font-size: 12px;margin-top: 10px;margin-left: 80px;}*/ .wrapper-robo-account-opening .mod-ip{border: 1px solid #E2E2E2 !important;width: 200px;} .wrapper-robo-account-opening .sm-circle-mobile{margin-left:20px;} .wrapper-robo-account-opening .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .wrapper-robo-account-opening .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:280px; margin-top: 20px; margin: 0px auto;} .wrapper-robo-account-opening .ip-md{border: none; outline: none;} .wrapper-robo-account-opening .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-account-opening .btn-signup{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none;} .wrapper-robo-account-opening .btn-cancel{border: none; background: none; margin-left: 20px; font-size: 18px; color: #969696; outline: none;} .wrapper-robo-account-opening .step-icon{width: 124px; margin: 0px auto;} .wrapper-robo-account-opening .icon-size{font-size:55px;color: #56adaf;} .wrapper-robo-account-opening .mob-check { margin: 0 0px 0px 67px !important; font-size: 25px !important; color: green !important;} .wrapper-robo-account-opening .sm-ttl{font-size: 14px; color: #949494; text-align: center; margin-top: 0px; font-weight: robo; margin-bottom: 20px;} .wrapper-logo-signup .hegh{height:28px !important;} .wrapper-logo-signup .mar22{margin-left:22% !important;} .ml39{margin-left: 39% !important;} /******** Account Opening End **********/ /* Report style width */ .wdth50{width:50%; border-top: 0px solid; border-right: 0px; border-left: 0px; outline: 0;} /******** 100X page start **********/ .wrapper-robo-100X .ls-ttl{color: #000; font-size: 22px;font-weight: bold; margin-bottom: 0px;margin-top: 0;text-align: center;} .wrapper-robo-100X .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .wrapper-robo-100X .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-100X .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .wrapper-robo-100X .flr{float:right;} .wrapper-robo-100X .fll{float:left;} .wrapper-robo-100X .check-line{ font-size: 18px; margin-left: 10px;} .wrapper-robo-100X .check-line-chekbox{ margin-top: 7px;} .wrapper-robo-100X .signup-bg:before{position:absolute; background-color:#FFF; opacity:0.5; width:500px; height:500px;}*/ /*.wrapper-robo-100X .ls-ttl{font-size: 22px; text-align: center; margin-top: 10px; font-weight: bold; margin-bottom: 20px; color:#000;}*/ .wrapper-robo-100X .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .wrapper-robo-100X .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-100X .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .wrapper-robo-100X .flr{float:right;} .wrapper-robo-100X .fll{float:left;} .wrapper-robo-100X .ar-two {margin-top: 25px; color: #757575;} .wrapper-robo-100X .ar-two:before{content:"-------------------------"} .wrapper-robo-100X .ar-pt{font-size:17px;} .wrapper-robo-100X .sm-circle-fb{margin-right:20px;} .wrapper-robo-100X .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} .wrapper-robo-100X .modal-content{border-radius:0px;} .wrapper-robo-100X .modal-footer{padding:25px 15px; border:none; text-align:left;} .wrapper-robo-100X .mod-ip{border: 1px solid #E2E2E2 !important;width: 200px;} .wrapper-robo-100X .sm-circle-mobile{margin-left:20px;} .wrapper-robo-100X .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .wrapper-robo-100X .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:280px; margin-top: 20px; margin: 0px auto;} .wrapper-robo-100X .ip-md{border: none; outline: none;} .wrapper-robo-100X .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-100X .btn-signup{border: 1px solid #63b22c; background: none; width: 200px; height: 42px;border-radius: 5px; color:#63b22c; font-size:18px;outline: none;margin: -12px auto 0px auto;text-align: center;line-height: 42px;} .wrapper-robo-100X .btn-signup-dsbl{border: 1px solid rgb(128,128,128);width: 200px; height: 42px; border-radius: 5px; color:rgb(128,128,128);font-size:18px;outline: none;margin: -12px auto 0px auto;text-align: center;line-height: 42px;} .wrapper-robo-100X .btn-cancel{border: none; background: none; margin-left: 20px; font-size: 18px; color: #969696; outline: none;} .wrapper-robo-100X .step-icon{width: 124px; margin: 0px auto;} .wrapper-robo-100X .icon-size{font-size:55px;color: #56adaf;} .wrapper-robo-100X .mob-check { margin: 0 0px 0px 67px !important; font-size: 25px !important; color: green !important;} .wrapper-robo-100X .sm-ttl{font-size: 14px; color: #949494; text-align: center; margin-top: 0px; font-weight: robo; margin-bottom: 20px;} .wrapper-robo-100X .fingerprint-button {border: 1px solid #63b22c;background: none;width: 200px;height: 42px;border-radius: 5px;color: #63b22c;font-size: 18px;outline: none;padding: 5px 20px;} /*.wrapper-robo-100X .white-bg{background-color:#fff;height: 567px; width: 96%; margin: 0px auto;}*/ .wrapper-robo-100X .wm img{border:5px solid #000; width: 100%;} .wrapper-robo-100X .ws-vid-button{text-align:center; height:auto; background-color:transparent;border-radius:5px;outline:none;border:none;font-size:16px;position:absolute;top: 45%;left:45%;} .wrapper-robo-100X .ws-vid-button2{text-align:center; height:auto; background-color:transparent;border-radius:5px; outline:none; border:none;font-size:16px;position:absolute;top: 45%;left:45%;} .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:54px;} /* .wrapper-robo-100X .ws-vid-button2 i{font-size:20px;} */ .wrapper-robo-100X .right-tick{color: #65b32f; font-size: 40px;} .wrapper-robo-100X .vh{visibility:hidden;} .wrapper-robo-100X .common-bg{ background-image:url(../images/bg.png); background-position:center; background-size:cover; background-repeat:no-repeat; height: 100vh;} .wrapper-robo-100X .pregress-ttl-dsbl {color: #999;} .wrapper-robo-100X .wsvideo-ttl {color: #999999;float: left;font-size: 18px;margin-left: 14%;} /*.wrapper-robo-100X .pregress-ttl-dsbl {color: #999999;float: left;}*/ .wrapper-robo-100X .text-left {text-align: left;} /******** 100X page end **********/ /* video Page Starts Here */ .videos .ls-ttl{font-size: 36px; margin-top: 20px; margin-bottom: 20px;} .videos .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .videos .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .videos.ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .videos .flr{float:right;} .videos .fll{float:left;} .videos .check-line{ font-size: 18px; margin-left: 10px;} .videos .im-width{width: 87%; height: 169px; /* border: 1px solid #333; */} .videos .ws-vid-button {/*height: 30px;*/background-color: transparent;border-radius: 5px;outline: none;border: none;font-size: 16px;position: absolute;top: 43%;left: 22%;background: #666;color: #fff;/*width: 40%;*/padding: 5px 5px;font-size: 12px;opacity: 0.8;} .videos .ws-vid-button2 {/*height: 30px;*/background-color: transparent;border-radius: 5px;outline: none;border: none;font-size: 16px;position: absolute;top: 43%;left: 35%;background: #666;color: #fff;/*width: 40%;*/padding: 5px 5px;font-size: 12px;opacity: 0.8;} .videos .ws-vid-button3 {/*height: 30px;*/background-color: transparent;border-radius: 5px;outline: none;border: none;font-size: 16px;position: absolute;top: 43%;left: 35%;background: #666;color: #fff;/*width: 40%;*/padding: 5px 5px;font-size: 12px;opacity: 0.8;} .videos .ws-vid-button4 {/*height: 30px;*/background-color: transparent;border-radius: 5px;outline: none;border: none;font-size: 16px;position: absolute;top: 43%;left: 22%;background: #666;color: #fff;/*width: 40%;*/padding: 5px 5px;font-size: 12px;opacity: 0.8;} .videos .ws-vid-button5 {/*height: 30px;*/background-color: transparent;border-radius: 5px;outline: none;border: none;font-size: 16px;position: absolute;top: 43%;left: 33%;background: #666;color: #fff;/*width: 40%;*/padding: 5px 5px;font-size: 12px;opacity: 0.8;} .videos .ws-vid-button6 {/*height: 30px;*/background-color: transparent;border-radius: 5px;outline: none;border: none;font-size: 16px;position: absolute;top: 43%;left: 33%;background: #666;color: #fff;/*width: 40%;*/padding: 5px 5px;font-size: 12px;opacity: 0.8;} /* .videos .ws-vid-button {height: 30px; background-color: transparent; border-radius: 5px; outline: none; border: none; font-size: 16px; background: #666; color: #fff; padding: 0px 5px; font-size: 12px; opacity: 0.8;} */ .videos .ws-vid-button i, .videos .ws-vid-button2 i {font-size: 18px;} /******************************************* Forget Password & OTP Start ********************************************/ .change-pwd .pad28{padding-left: 28%;} .change-pwd .btn-signup2{border: none; background: none; padding:0px auto; height: 42px; border-radius: 5px; line-height:42px; font-size:18px;outline: none; padding:0px 30px;} .change-pwd .btn-confirm{border: 1px solid #63b22c; background: none; margin:0px auto; height: 37px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; padding:0px 27px; line-height:37px;} .change-pwd .fnt-16{ font-size: 14px !important; font-weight: 400 !important; line-height: 34px;} .change-pwd .forget{ margin-bottom: 5%; border-bottom:1px solid #ddd;} .change-pwd .forgotpassword { float: left; /* background: none repeat scroll 0 0 #FFFFFF; */ border-radius: 14px; /* box-shadow: 0 0 10px #c9c9c9; */ width: 100%; height: auto; min-height: 250px; color: #505156; padding: 10px; margin: 0; position: relative; margin: 60px 0 0 0px; z-index: 999; font-size: 12px; vertical-align: middle; margin: 0 auto; margin-bottom:10px;} .change-pwd .padding_top { padding-top: 10px;} .change-pwd .mr{margin-top:30px; margin-bottom: 30px} .change-pwd .label_height{height: 34px; line-height: 34px;} .change-pwd .ls-ttl{font-size: 22px; text-align: center; margin-top: 10px; font-weight: bold; margin-bottom: 20px;} .change-pwd .step-icon{width: 124px; margin: 0px auto;} .change-pwd .icon-size { font-size: 55px; color: #56adaf;} .change-pwd .ls-txt { font-weight: 400; font-size: 18px; text-align: center; font-weight:bold; margin-top: 10px;} .change-pwd .ls-txt-time { font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .change-pwd .ar-two { margin-top: 22px; color: #757575;} .change-pwd .ar-two:before { content: "-----------------------";} .change-pwd .ar-pt { font-size: 17px;} .change-pwd .mod-ip-mob-new { border: none; border-bottom: 1px solid #666666; margin-left:4%} .change-pwd .ip-md { border: none; outline: none; width: 90%; height: 34px; font-size: 15px; background: transparent; color:#d3d3d3;} .change-pwd .mob3 {font-size: 16px;font-weight: bold;color: #b3b3b3;} .change-pwd .mob4 {color: #C1B9B9; font-size: 14px; margin-left:14.4%;} .change-pwd .btn-signup{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none;} .change-pwd .pd25{padding: 0px 10px; color:#b3b3b3;} .change-pwd .mar-right3 { border-right: 1px solid #ddd; height: 18vh;} .change-pwd .val_msg_red {margin-left: 2.2vh;} /* OTP */ .otp .pad28{padding-left: 28%;} .otp .btn-signup2{border: none; background: none; padding:0px auto; height: 42px; border-radius: 5px; line-height:42px; font-size:18px;outline: none; padding:0px 30px;} .otp .btn-confirm{border: 1px solid #63b22c; background: none; margin:0px auto; height: 37px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; padding:0px 36px; line-height:37px;} .otp .fnt-16{ font-size: 15px !important; font-weight:400 !important;} .otp .forget{margin-top:20%; margin-bottom: 5%; } .otp .forgotpassword { float: left; background: none repeat scroll 0 0 #FFFFFF; border-radius: 14px; box-shadow: 0 0 10px #c9c9c9; width: 100%; height: auto; min-height: 250px; color: #505156; padding: 10px; margin: 0; position: relative; margin: 60px 0 0 0px; z-index: 999; font-size: 12px; vertical-align: middle; margin: 0 auto; margin-bottom:10px;} .otp .padding_top { padding-top: 10px;} .otp .mr{margin-top: 25px; margin-bottom: 10px;} .otp .label_height{height: 34px; line-height: 34px;} /******************************************* Forget Password & OTP End ********************************************/ /******************************************* Profile Start ****************************************/ .profile .pool-txt{width: 93%; box-shadow: none; border: 0px !important; border-bottom: 1px solid rgb(89,89,89) !important; outline: none; /* font-size: 24px; */} .profile .pool-txt-popup{width: 80%; box-shadow: none; /* margin-left: 5px; */ border: 0px !important; border-bottom: 1px solid #D5D5D5!important; outline: none; padding-left: 12px; /* font-size: 24px; */} .profile .fnt-16 { font-size: 18px !important; font-weight: 700 !important;} .profile .profile-pic{ background-image: url(../images/HIW4.png); background-position: center;background-size: cover; background-repeat: no-repeat; height: 28vh; margin-top: 10px;background-color: #ddd; width: 180px; margin: 12px auto 0px auto;} .profile .img-circle {border-radius: 70%!important;} .header .profile-pic{background-image: url(../images/HIW4.png);background-position: center; background-repeat: no-repeat;/* border: 1px solid #ddd;*/ background-color: #ddd; height: 40px; width: 40px !important; margin-size: 100%; background-size: 100%;} .profile .border-right{border-right:1px solid #ddd; height:60vh} .profile .border-left{border-right:1px solid #ddd; height:50vh} .profile .btn-signup{border: 1px solid #63b22c; background: none; width: 70px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px; outline: none; margin: 0px auto 0px auto; text-align: center; line-height: 42px;font-weight: 700;} /* .profile .white-bg {height: 90.6vh;overflow:auto;} */ .profile button.close{padding:5px 15px !important;} .profile .ls-ttl {color: rgb(34,34,34);font-size: 35px;font-weight: robo;margin-bottom: 0px;margin-top: 0;text-align: center;} .profile .pregress-ttl-dsbl {color: #bbb;font-size: 16px;font-weight: 300;} .profile .pan-hght {color: #bbb;font-size: 14px;height: 31px;font-weight:normal;line-height: 25px;} .profile .h2, h2 {font-size: 28px;} .profile .heading-prfile { color:#000000; font-size: 36px !important; margin-top: -10px; font-weight: 700 !important;} .profile .pan-icon {line-height: 10px;font-size: 20px;color: #000;} .profile .wdth60 {width: 100% !important;} .profile .ln24 {line-height: 34px;/* color: #C1B9B9; *//* margin-top: 5px; */} .profile .fnt24 {font-size: 24px;} .profile .ip-md {border: none;outline: none;width: 75%;height: 34px;color: #000;font-size: 16px;} .profile .mod-ip-mob-new {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: -moz-use-text-color -moz-use-text-color #C1B9B9;border-image: none;border-style: none none solid;border-width: medium medium 1px;color:#999999;} .profile .mbt-20 {margin-bottom: 20px !important;} .profile .pt-50 {padding-top: 30px !important;} .profile .contact-profile{ margin-left:46%;} /******************************************* Profile End ****************************************/ /**************** Fresh funds starts here by santosh *********************/ .wrapper-robo-fresh-funds .ls-ttl{font-size:36px; text-align:center; color:#000; font-weight:400; margin-top:25px;} .wrapper-robo-fresh-funds .ls-ttl-pool{font-size:20px; font-weight:700; margin-top:0px; color:#868686;} /* .wrapper-robo-fresh-funds .ls-ttl-pool{font-size:20px; font-weight:700; margin-left:43%; margin-top:0px; color:#9C9C9C;} */ .wrapper-robo-fresh-funds .fl-rt {float:right;} .wrapper-robo-fresh-funds .fl-lft{float:left;} .wrapper-robo-fresh-funds .mar1{/*margin-left:140px;*/ color:#9C9C9C;} .wrapper-robo-fresh-funds .pool-txt{width:50%; box-shadow:none; /* margin-left:-20px; */ color:#000; border: 0px !important; border-bottom: 1px solid #6cb738 !important;outline:none; text-align:center;} .wrapper-robo-fresh-funds .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .wrapper-robo-fresh-funds .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .wrapper-robo-fresh-funds .ls-buy-ttl{font-size:18px; /*font-weight:700;*/ text-align: center; font-family:roboto;} .wrapper-robo-fresh-funds .ls-buy-ttl1{font-size:12px; color:#999999;} .wrapper-robo-fresh-funds .total{font-size:18px; font-weight:700;} .wrapper-robo-fresh-funds .buy-txt{margin-top:5px; } .wrapper-robo-fresh-funds .buy_div{height:321px;} .wrapper-robo-fresh-funds .disclaimer{text-align: center;font-weight: 700;color:#9C9C9C;font-size: 14px;} .wrapper-robo-fresh-funds .flr{float:right;} .wrapper-robo-fresh-funds .fll{float:left;} .wrapper-robo-fresh-funds .color-txt{color:#999999;} .wrapper-robo-fresh-funds .color-txt2{color:#93d8d4;} .wrapper-robo-fresh-funds .ar-two {margin-top: 50px; color: #757575;} .wrapper-robo-fresh-funds .ar-two:before{content:"-------------------------"} .wrapper-robo-fresh-funds .ar-pt{font-size:17px;} .wrapper-robo-fresh-funds .white-bg{background-color:#fff; height: 87.5vh; width: 96%; margin: 0px auto;overflow:auto;} /* .wrapper-robo-fresh-funds .txt-center{margin-left:35px;} */ .wrapper-robo-fresh-funds .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} .wrapper-robo-fresh-funds .modal-header .close{margin-top: 5px; margin-right: 20px; color: #FFF; opacity: 0.5; font-weight: normal; outline:none;} .wrapper-robo-fresh-funds .modal-content{border-radius:0px;} .wrapper-robo-fresh-funds .modal-footer{padding:10px 14px 18px; border:none; text-align:left;} .wrapper-robo-fresh-funds .fb-modal-txt{display: inline-block;width: 100px;font-size: 12px;margin-top: 10px;margin-left: 80px;} .wrapper-robo-fresh-funds .mod-ip{border: 1px solid #E2E2E2 !important; width: 200px;} .wrapper-robo-fresh-funds .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .wrapper-robo-fresh-funds .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:280px; margin-top: 20px;} .wrapper-robo-fresh-funds .ip-md{border: none; outline: none;} .wrapper-robo-fresh-funds .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .wrapper-robo-fresh-funds .btn-signup{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:35%;} .wrapper-robo-fresh-funds .btn-confirm{border: 1px solid #63b22c; background: none; padding:0px auto; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; width:200px; margin:0 auto;} .wrapper-robo-fresh-funds .btn-signup2{border: none; background: none; padding:0px auto; height: 42px; border-radius: 5px; font-size:18px;outline: none;} .wrapper-robo-fresh-funds .fnt-48{font-size:48px; color: #63b22c;} .wrapper-robo-fresh-funds .button_summary { padding: 0 21px; height: 35px; margin: 0 0 0 7px; line-height: 24px; border:1px solid #6cb738!important; border-radius:5px; text-align:center; } .wrapper-robo-fresh-funds .confirm {font-size: 23px; text-align: center; line-height: 38px; color:#6cb738; font-weight:400;} .wrapper-robo-fresh-funds .not{font-size: 18px; text-align: center; line-height: 52px; font-weight: 400; color: #010101;} .wrapper-robo-fresh-funds .confirm-msg{ font-weight: 400; font-size: 18px;} .wrapper-robo-fresh-funds .terms-condition {color: #005ce6;} .wrapper-robo-fresh-funds .txt-center{ font-size:12px; color:#999; text-align:center !important;} .wrapper-robo-fresh-funds .color-txt_last{color:#0076a3 !important; font-size: 12px; font-weight: 700;} .wrapper-robo-fresh-funds .color-txt_last2{color:#000 !important; font-size: 12px;font-weight: 700;} .wrapper-robo-fresh-funds .cl-popup{font-weight: 700; font-size: 18px; color: #000000;} .wrapper-robo-fresh-funds .modal-width{width: 900px !important;} .wrapper-robo-fresh-funds .modal-content-color{ font-size: 16px; color: #999999;} .wrapper-robo-fresh-funds .modal-content-year{ font-size: 16px; color: #000000; font-weight: 700;} .wrapper-robo-fresh-funds .pd10 { padding: 0px 10px !important;} .wrapper-robo-fresh-funds .mdb { padding-top: 5px !important;} .wrapper-robo-fresh-funds .fnt-color-bold{color: #000 !important; font-weight: 700;} .wrapper-robo-fresh-funds .pl15p { padding-left: 15px !important;} .pl5{padding-left: 5px;} .wrapper-robo-fresh-funds .buy_div {height: 255px; overflow: auto;} .wrapper-robo-fresh-funds .freshfund-successful-msg {font-size: 18px;color: #999999 !important; font-weight:400;} .wrapper-robo-fresh-funds .font-col{color:#999 !important; font-size:12px;} .wrapper-robo-fresh-funds .txt-ellipsis {text-overflow: ellipsis; display: inline-block; width: 80px; white-space: nowrap; overflow: hidden !important;} .wrapper-robo-fresh-funds .modal-content-year1 {font-size: 14px; color: #000000;font-weight: 700;} .wrapper-robo-fresh-funds .bl-wd {width: 98px !important; float: left;} /*------------------------------------Forget Pwd (Service Portal)-------------------------------------------------------------- */ .wrapper-robo-crnt_wlth1 .resetPwd { width: 49%; background-color: #02aff1 !important; font-size: 1em; border-radius: 5px; text-transform: uppercase; font-weight: bold; margin: 1em 0; padding: 6px 0; text-decoration: none;} .wrapper-robo-crnt_wlth1 .inputbtm{ margin-bottom: 0.5em;} .wrapper-robo-crnt_wlth1 .logo2 { background-image: url(../images/logo_white.png); width: 165px; height: 49px; background-size: contain; background-repeat: no-repeat; background-position: 0px 6px;} /* .fnt16{font-size:16px;} */ .wdth438{width:438px !important;} .modal-buttonSP{width: 49%; background-color: #02aff1 !important; font-size: 1em !important; border-radius: 5px !important; text-transform: uppercase !important; font-weight: bold !important; color:#fff !important;} /*------------------------------------Forget Pwd (Service Portal)-------------------------------------------------------------- */ /******** account setup succssfully start by santosh **********/ .account-setup-successfully .ls-ttl{color: rgb(34,34,34); font-size: 36px; font-weight: robo; margin-bottom: 0px;margin-top: 0;text-align: center;} .account-setup-successfully .spinner-loader {color: rgb(99,178,44); font-size: 60px; widht:100px; height:100px; font-weight: robo; margin-bottom: 0px;margin-top: 0;text-align: center;} .account-setup-successfully .pregress-ttl-dsbl{color:#999999; font-weight:700; } .account-setup-successfully .pregress-list-para{color:rgb(68, 68, 68); } .account-setup-successfully .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .account-setup-successfully .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .account-setup-successfully .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .account-setup-successfully .flr{float:right;} .account-setup-successfully .fll{float:left;} .account-setup-successfully .check-line{ font-size: 18px; margin-left: 10px;} .account-setup-successfully .check-line-chekbox{ margin-top: 7px;} .account-setup-successfully .list-group {list-style-type:disc; font-size:1.2em;} .account-setup-successfully .signup-bg:before{position:absolute; background-color:#FFF; opacity:0.5; width:500px; height:500px;}*/ .account-setup-successfully .ls-ttl{font-size: 22px; text-align: center; margin-top: 10px; font-weight: bold; margin-bottom: 20px;} .account-setup-successfully .ls-txt {font-weight: 400; font-size: 18px; text-align: center; margin-top: 10px; color#000;} .account-setup-successfully .ls-txt-time {font-weight: 400; font-size: 12px; text-align: center; margin-top: 0px !important; color: #9C9C9C;} .account-setup-successfully .ls-signup-ttl{font-size:18px; text-align:center; font-weight:400;} .account-setup-successfully .flr{float:right;} .account-setup-successfully .fll{float:left;} .account-setup-successfully .ar-two {margin-top: 25px; color: #757575;} .account-setup-successfully .ar-two:before{content:"-------------------------"} .account-setup-successfully .ar-pt{font-size:17px;} .account-setup-successfully .sm-circle-fb{margin-right:20px;} .account-setup-successfully .sm-icon-fb{font-size: 44px; color: #395796; line-height: 70px; width:100%; text-align:center;} .account-setup-successfully .modal-content{border-radius:0px;} .account-setup-successfully .modal-footer{padding:25px 15px; border:none; text-align:left;} .account-setup-successfully .mod-ip{border: 1px solid #E2E2E2 !important;width: 200px;} .account-setup-successfully .sm-circle-mobile{margin-left:20px;} .account-setup-successfully .sm-icon-mobile{font-size: 50px; color: #63b22c; line-height: 70px; text-align:center;} .account-setup-successfully .mod-ip-mob{border:none; border-bottom:1px solid #CDCCCC; width:280px; margin-top: 20px; margin: 0px auto;} .account-setup-successfully .ip-md{border: none; outline: none;} .account-setup-successfully .mob-sign{margin: 0px 10px;;font-size: 18px; color: #ccc;} .account-setup-successfully .btn-signup{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none;} .account-setup-successfully .btn-cancel{border: none; background: none; margin-left: 20px; font-size: 18px; color: #969696; outline: none;} .account-setup-successfully .step-icon{width: 124px; margin: 0px auto;} .account-setup-successfully .icon-size{font-size:55px;color: #56adaf;} .account-setup-successfully .mob-check { margin: 0 0px 0px 67px !important; font-size: 25px !important; color: green !important;} .account-setup-successfully .sm-ttl{font-size: 14px; color: #949494; text-align: center; margin-top: 0px; font-weight: robo; margin-bottom: 20px;} .account-setup-successfully .common-btn { text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; height: 52px; border-radius: 5px; color: #63b22c; font-size: 12px; /* font-weight: bold; */ font-family: roboto; outline: none; padding: 0px 25px; margin: 0px auto; /* line-height: 52px; */ } /******** Account setup Opening End by santosh **********/ /* SIDEBAAR */ /* #wrapperFooter { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #wrapperFooter.toggled { padding-left: 250px;} #sidebar-wrapper { z-index: 1000; position: fixed; left: 291px; width: 0; height: 78.8vh; margin-left: -250px; overflow-y: auto; background: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 1000; position: fixed; left: 291px; width: 0; height: 100%; margin-left: -250px; overflow-y: auto;} #wrapperFooter.toggled #sidebar-wrapper { width: 250px;} #page-content-wrapper { width: 100%; position: absolute; padding: 0px 15px;} #wrapperFooter.toggled #page-content-wrapper { position: absolute; margin-right: -250px;} Sidebar Styles .sidebar-nav { position: absolute; top: 0; width: 210px; margin: 0; padding: 0; list-style: none;} .sidebar-nav li { text-indent: 20px; line-height: 40px;} .sidebar-nav li a { display: block; text-decoration: none; color: #999999;} .sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255,255,255,0.2);} .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none;} .sidebar-nav > .sidebar-brand { height: 51px; font-size: 18px; line-height: 60px;} .sidebar-nav > .sidebar-brand a { color: #000;} .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none;} .medi{color: #000 !important; font-size:18px !important;} @media(min-width:768px) { #wrapperFooter { padding-left: 250px; } #wrapperFooter.toggled { padding-left: 0; } #sidebar-wrapper { width: 210px; border-right:1px solid #dedede; } #wrapperFooter.toggled #sidebar-wrapper { width: 0; } #page-content-wrapper { padding: 0px 20px; position: relative; } #wrapperFooter.toggled #page-content-wrapper { position: relative; margin-right: 0; } } */ /* SIDEBAAR */ /* new sidebar */ #wrapperFooter .navbar-inverse .navbar-nav>.active>a, #wrapperFooter .navbar-inverse .navbar-nav>.active>a:focus, #wrapperFooter .navbar-inverse .navbar-nav>.active>a:hover { color: #333 !important; background-color: #fff !important; } #wrapperFooter .navbar-inverse { background-color: #fff !important; border-right: 1px solid #ddd !important; height: 87vh ; } .pos-fix{position:fixed !important;} #wrapperFooter .navbar-inverse .navbar-brand:focus, #wrapperFooter .navbar-inverse .navbar-brand:hover { color: #333 !important; } #wrapperFooter .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color: #fff !important;} #wrapperFooter .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{ color: #333 !important;} #wrapperFooter nav.sidebar.navbar {order-radius: 0px; } #wrapperFooter .sidebar-brand { height: 51px; font-size: 18px !important ; line-height: 60px;} #wrapperFooter .navbar-inverse .navbar-nav>li>a{font-size:16px ;} #wrapperFooter .medi{color: #000 !important; font-size:18px !important;} /* #wrapperFooter .navbar-fixed-bottom, #wrapperFooter .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030;} */ #peoplee1 { margin-left: 2.333333% !important;} #wrapperFooter nav.sidebar, #wrapperFooter .main{ -webkit-transition: margin 200ms ease-out; -moz-transition: margin 200ms ease-out; -o-transition: margin 200ms ease-out; transition: margin 200ms ease-out; } /* Add gap to nav and right windows.*/ #wrapperFooter .main{ padding: 10px 10px 0 10px; } @media(max-width:767px) { #wrapperFooter .navbar-inverse { height: 0vh; } .txc{text-align:center !important;} #wrapperFooter .mt-102{margin-top:25px !important;} .hrline{border-top:1px solid #ddd;} #wrapperFooter .sidebar-brand { line-height: 42px; } #wrapperFooter .navbar-nav { margin: 0px -15px !important;} #wrapperFooter .navbar-nav{ height: 34px;} #wrapperFooter .sidebar-brand { height: 40px;} .ml39 { margin-left:auto !important;} } @media only screen and (min-width:320px) and (max-width:640px) { #wrapperFooter .medi{background-color: #eee !important; color:#000 !important} #wrapperFooter .navbar-inverse .navbar-nav>li>a{color: #fff;} #wrapperFooter .sidebar-brand { color:#fff !important;} #wrapperFooter .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color:#fff !important; } #wrapperFooter .navbar-nav { height: auto;} .snapshot .snap-bord { min-height: 130vh !important; } .snapshot .posYears { margin-top: 56% !Important;} .snapshot .pos-div { position: relative; margin-top: 10%;} } @media(max-width:480px) { /* #wrapperFooter .navbar-nav>li { float: none !important;} */ #wrapperFooter .mr45{margin-top:45px !important;} } @media(max-width:360px) { #wrapperFooter .navbar-nav { margin: 0px 26px !important;} #wrapperFooter .mr45 { margin-top: 86px !important;} .snapshot .posYears { margin-top: 100% !Important;} } @media(max-width:320px) { #wrapperFooter .mr45 { margin-top: 167px !important;} } /* .....NavBar: Icon only with coloring/layout.....*/ /*small/medium side display*/ @media (max-width: 480px) { .ml10{margin-left: 10% !important;} } @media (min-width: 768px) { /*Allow main to be next to Nav*/ #wrapperFooter .main{ position: absolute; width: calc(100% ); /*keeps 100% minus nav size*/ margin-left: 40px; float: right; } .header .navbar-nav>li>a { padding-top: 6px !important; padding-bottom:4px !important;} /*lets nav bar to be showed on mouseover*/ #wrapperFooter nav.sidebar:hover + #wrapperFooter .main{ margin-left: 200px; } /*Center Brand*/ #wrapperFooter nav.sidebar.navbar.sidebar>.container .navbar-brand, #wrapperFooter .navbar>.container-fluid .navbar-brand { margin-left: 0px; } /*Center Brand*/ #wrapperFooter nav.sidebar .navbar-brand, #wrapperFooter nav.sidebar .navbar-header{ text-align: center; width: 100%; margin-left: 0px; } /*Center Icons*/ #wrapperFooter nav.sidebar a{ padding-right: 13px; } /*adds border top to first nav box */ #wrapperFooter nav.sidebar .navbar-nav > li:first-child{ border-top: 1px #e5e5e5 solid; } /*adds border to bottom nav boxes*/ #wrapperFooter nav.sidebar .navbar-nav > li{ border-bottom: 1px #e5e5e5 solid; } /* Colors/style dropdown box*/ #wrapperFooter nav.sidebar .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } /*allows nav box to use 100% width*/ #wrapperFooter nav.sidebar .navbar-collapse, #wrapperFooter nav.sidebar .container-fluid{ padding: 0 0px 0 0px; } /*colors dropdown box text */ #wrapperFooter .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #777; } /*gives sidebar width/height*/ #wrapperFooter nav.sidebar{ width: 180px; /* height: 100%; */ /* margin-left: -160px; */ float: left; z-index: 8000; margin-bottom: 0px; } /*give sidebar 100% width;*/ #wrapperFooter nav.sidebar li { width: 100%; } /* Move nav to full on mouse over*/ #wrapperFooter nav.sidebar:hover{ margin-left: 0px; } /*for hiden things when navbar hidden*/ #wrapperFooter .forAnimate{ opacity: 0; } } /* .....NavBar: Fully showing nav bar..... */ @media (min-width: 1330px) { /*Allow main to be next to Nav*/ #wrapperFooter .main{ width: calc(100% - 200px); /*keeps 100% minus nav size*/ margin-left: 200px; } /*Show all nav*/ #wrapperFooter nav.sidebar{ margin-left: 0px; float: left; } /*Show hidden items on nav*/ #wrapperFooter nav.sidebar .forAnimate{ opacity: 1; } } #wrapperFooter nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, #wrapperFooter nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus { color: #CCC; background-color: transparent; } #wrapperFooter nav:hover .forAnimate{ opacity: 1; } #wrapperFooter section{ padding-left: 15px; } /* new sidebar */ @media(max-width:767px) { .wrapper-robo-fresh-funds .text-center-resp{text-align:center !important;} .col-xs-mt-15{margin-top:15px;} .col-xs-mt-50{margin-top:50px;} } @media only screen and (min-width: 481px) and (max-width:640px) { .wrapper-robo-fresh-funds .ls-ttl-pool{text-align:center; margin-top: 0px;} .wrapper-robo-fresh-funds .fl-rt {float:none;} .wrapper-robo-fresh-funds .fl-lft{float:none;} .wrapper-robo-fresh-funds .fl-lft .pool-txt{width:22%;} .mar21_act{margin-left:13%;} .mar16_act{margin-left:0%;} .mar8_act{margin-left:8%;} .profile .btn-signup { border: 1px solid #63b22c;background: none;width: 25%;} .snapshot .wdth39 {width: 49% !important;} .bx-wrapper .bx-controls-direction a{top:50% !important;} .wdth170{width: 170% !important;} .bx-wrapper .bx-controls-direction a { top: 37%;} .margin640{margin-top: -10px !important; margin-bottom: 15px !important;} } @media only screen and (min-width: 321px) and (max-width:480px) { .wrapper-robo-fresh-funds .ls-ttl-pool{font-size:16px; text-align:center; margin-top: 0px;} .wrapper-robo-fresh-funds .pool-txt{width:25%;} .wrapper-robo-fresh-funds .fl-rt {float:none;} .wrapper-robo-fresh-funds .fl-lft{float:none;} .wrapper-robo-signup .wdth60 { width: 62% !important;} .account-setup-successfully .common-btn { text-transform: capitalize;font-family: roboto; text-align: center; border: 1px solid #63b22c;background: none;border-radius: 5px;color: #63b22c;font-size: 12px;outline: none;padding: 8px 25px;line-height:14px;margin: 0px auto;} .account-setup-successfully .fs14 {font-size: 14px !important;} .wrapper-robo-actserv .mod-ip-mob{width:320px;} .wrapper-robo-actserv .lf3 { left: 7%;} /* .box2{width:80%} */ .scenario-analysis .box2 {width: 83%;} } } @media only screen and (max-width:360px) { .wrapper-robo-fresh-funds .pool-txt{width:28%;} } @media only screen and (max-width:320px) { .wrapper-robo-fresh-funds .btn-confirm {width: 165px;} .wrapper-robo-fresh-funds .ls-ttl-pool{text-align:center; margin-top: 0px;font-size:16px;} .wrapper-robo-fresh-funds .pool-txt{width:30%;} .wrapper-robo-fresh-funds .fl-rt {float:none;} .wrapper-robo-fresh-funds .fl-lft{float:none;} } /*************************** Fresh funds end here by santosh *******************************************/ /* Footer Page Content Start*/ .footer-link .ls-ttl-firm{font-size: 21px; margin-top: 10px; margin-bottom: 20px;} .footer-link .ls-ttl-content {font-size: 16px; margin-top: 10px; margin-bottom: 20px;} .footer-link #noti_Container {position:relative;border:1px solid blue;width:16px;height:16px;} .footer-link .noti_bubble {position: absolute;top: 2px;right: 3px;padding: 0px 4px 0px 4px;background-color: red;color: white;font-weight: bold;font-size: 0.8em;border-radius: 10px;box-shadow: 1px 1px 1px gray;} .footer-link .white-bg{height: 87.5vh;overflow:auto;} .footer-link .common-div{border-right: 1px solid #ddd; height: 88vh;} .mediafont{font-size:21px; font-weight:700;} .footer-link .viewmore{color:#63b22c;} .footer-link .firm-img{background-image: url(../images/our-firm.png); background-position: left; /* background-size: cover; */ background-repeat: no-repeat; height: 50vh; width: 100%;} .footer-link .cont-head{font-size: 18px; font-weight: 700;} .footer-link .wdth148{width:148px;} .footer-link .awrd-subttl { font-size: 18px; text-align: center; color: #000; font-family: roboto; margin-top: 10px;} .footer-link .awrd-subttl2 { font-size: 16px; text-align: center; /* margin: 20px; */ color: #666666; font-weight: 700; /* width: 50%; *//* margin: 0 auto; */} .footer-link .wdth171{width:171px; margin:0 auto;} .footer-link .fnt14{font-size:14px; text-transform:lowercase; text-align:justify;} .footer-link .fnt14::first-letter{text-transform: capitalize !important;} .footer-link .ellipses-media{ text-overflow: ellipsis; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden !important;} /* Footer Page Content End */ /* People Footer Start*/ .people .ls-ttl-firm{font-size: 21px; margin-top: 10px; margin-bottom: 20px;} .people .ls-ttl-content {text-align: justify; font-size: 16px; margin-top: 10px; margin-bottom: 20px;} .people .ls-ttl-content-head{font-size: 16px; text-align:center; margin-top: 10px;} .people .ls-ttl-head2 {font-size: 16px; text-align:center; margin-top: 0px !important; } .people .mrgn_bt{border-bottom:1px solid #ddd; margin-top:10px; margin-bottom:10px;} .people .people-line{border: 1px dotted black;} .people #noti_Container{position:relative;border:1px solid blue;width:16px;height:16px;} .people .noti_bubble{position: absolute;top: 2px;right: 3px;padding: 0px 4px 0px 4px;background-color: red;color: white;font-weight: bold;font-size: 0.8em;border-radius: 10px;box-shadow: 1px 1px 1px gray;} .people .white-bg{height: 89.6vh;overflow:auto;} /* People Footer Page Content End */ /* Awards page start */ .awards-img{ background-image: url("../images/awards.png") !important; background-size: 67%; height: 190px; background-repeat: no-repeat; background-position:center; float:none;} .awards-txt{ margin: 10% 30% 0 30%; width: 170px; font-size: 24px; font-weight: bold; float:left; text-align:center;} /* Media page Start*/ .media .ls-ttl-firm{font-size: 21px; margin-top: 10px; margin-bottom: 20px;} .media .ls-ttl-content {font-size: 16px; margin-top: 10px; margin-bottom: 20px;} .media .ls-ttl-content-head{font-size: 16px; text-align:center; margin-top: 10px;} .media .ls-ttl-head2 {font-size: 16px; text-align:center; margin-top: 0px !important; } .media .mrgn_bt{border-bottom:1px solid #ddd; margin-top:10px; margin-bottom:10px;} .media .people-line{border: 1px dotted black;} .media ul li p a{ color:#000;} .media ol li a{ color:#000;} .media #noti_Container {position:relative;border:1px solid blue;width:16px;height:16px;} .media .noti_bubble {position: absolute;top: 2px;right: 3px;padding: 0px 4px 0px 4px;background-color: red;color: white;font-weight: bold;font-size: 0.8em;border-radius: 10px;box-shadow: 1px 1px 1px gray;} .media .white-bg{height: 89.6vh;overflow:auto;} /* Media page End */ .mediaa .taj{text-align:justify; padding: 0px 20px;} .mediaa .br-rt{border-right:1px solid #efefef;} .mediaa .divider{width: 100%;height: 1px; background-color: #efefef; margin: 10px 0px;} .mediaa a{color:#3a3a3a;} .mediaa .ls-ttl {font-size: 30px; text-align: center; margin-top: 10px; margin-bottom: 20px;} /* Snapshot Dashboard */ .snapshot .snap-bord{border:1px solid #ddd; height:80vh;} .snapshot .bg-blue-snap{background-color:#0076a3; min-height:10vh; border-bottom:1px solid #ddd;} .snapshot #noti_Container{position:relative;border:1px solid blue;width:16px;height:16px;} .snapshot .noti_bubble{position: absolute;top: 2px;right: 3px;padding: 0px 4px 0px 4px;background-color: red;color: white;font-weight: bold;font-size: 0.8em;border-radius: 10px;box-shadow: 1px 1px 1px gray;} .snapshot .fntcol{color:#fff; line-height: 5vh; height: 5vh; } .snapshot .fnt24{font-size:24px;font-weight: bold;} .snapshot .pl5{padding-left: 5px; font-size:18px;} .snapshot .col-white{color:#fff;} .snapshot .aftrGraph-col{ line-height: 5vh; height: 5vh; } .snapshot .aftrGraph-last {color: #3a3a3a; font-weight: bold;} .snapshot .lh{line-height: 12px;} .snapshot .bg-green{background-color: rgba(213, 243, 192, 0.9); height:auto; z-index:10;} .snapshot .bg-green2{background-color: rgba(159, 197, 133, 0.9); height:auto; z-index:10;} .snapshot .bg-green3{background-color: rgba(159, 197, 133, 0.9); height:auto; z-index:999; margin-top: -35px; position:absolute;} .snapshot .brdr-rt{border-right:1px solid #D6CDCD;} .snapshot .fnt17{font-size:17px;} .snapshot .opt{height: 4vh; line-height: 4vh;} .snapshot .graph-image{ background-image: url(../images/snapshot.png); background-position: -100px 18px; background-size: cover; background-repeat: no-repeat; } .snapshot .pos-div{position:absolute; margin-top:41%;} .snapshot .posYears{position: absolute; margin-top: 33%;} .snapshot .marg-right{border-right:1px solid rgba(193,224,171,0.8); height:26.5vh;} .snapshot .col-green{color:rgba(193,224,171,0.8);} .snapshot .img-class-snap{ margin-top: 13vh; /* width: 10px; */ margin-left: 40.6vh; position: relative;} .snapshot .wdth39{width: 39%;} .snapshot .mrbt10{margin-bottom:10px;} .snapshot .wdth17{width: 13% !important; margin: 0 44%;} .snapshot .posYears { margin-top: 185px;} .snapshot .pos-div { position: relative; margin-top: 7%;} } /* Snapshot Dashboard End */ /*************************** Set Wealth Goal Start *******************************************/ .wrapper-robo-set_wlth_goal .spinner, .wrapper-robo-set_wlth_goal .spinner2 {width: 230px;} .wrapper-robo-set_wlth_goal .spinner input, .wrapper-robo-set_wlth_goal .spinner2 input {text-align: center;} .wrapper-robo-set_wlth_goal .input-group-btn-vertical {/*position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;*/ display:inline-block;} .wrapper-robo-set_wlth_goal .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 0px;margin-left: -1px; position: relative; border-radius: 0;} .wrapper-robo-set_wlth_goal .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -10px; left: 18px;} .wrapper-robo-set_wlth_goal .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px;margin-top: -10px; left: -17px;} .wrapper-robo-set_wlth_goal .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .wrapper-robo-set_wlth_goal .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .wrapper-robo-set_wlth_goal input{width: 80% !important; padding: 2px !important; display:inline-block; border:none; font-size:28px; font-weight:bold; outline:none; margin-left: 10%;} .wrapper-robo-set_wlth_goal .input-border{border:1px solid #ccc; display:inline-block; width:125px; height: 47px;} .wrapper-robo-set_wlth_goal .common-btn {text-transform: uppercase;text-align: center;border: 1px solid #63b22c;background: none;height: 38px; border-radius: 5px; color: #63b22c; font-size: 16px; font-weight: bold; outline: none; padding: 8px 25px; margin: 0px auto;} .wrapper-robo-set_wlth_goal .crnt-wlth{font-size:21px; font-family:roboto;} .wrapper-robo-set_wlth_goal .crnt-wlth2{font-size:18px; color:#737373; font-family:roboto-light;} .wrapper-robo-set_wlth_goal .unit{float: right;margin-top: 10px;font-size: 21px;} /*button{display:inline-block;}*/ /*************************** Set Wealth Goal Start *******************************************/ /************************ Privacy Policy *******************************/ .privacy-policy .ttl{font-size:36px;} .privacy-policy .sub-ttl{font-size:21px;color:#8e8e8e} .privacy-policy .policy-content{color:#686868; font-size:16px; text-align: justify;} .privacy-policy .white-bg{overflow:auto !important;} /************************ Privacy Policy *******************************/ /***************Scenario Analysis CSS Start ***************/ .manage-strategy .analysis-box{/* background:#f0f0f0; */overflow:hidden;padding:0px 0px;margin-top: 10px; width: 90.5%; margin: 10px auto;} .manage-strategy .analysis-sub-box{background:#fff;padding:10px;overflow:hidden;min-height:288px; /* border: 1px solid #e5e5e5; */} .manage-strategy .border1px{border: 1px solid #e5e5e5;} .manage-strategy .input-group {margin: 0px auto;} .manage-strategy .spinner input {text-align: center;} .manage-strategy .input-group-btn-vertical {vertical-align: middle; display: table-cell;} .manage-strategy .input-group-btn-vertical > .btn {display: inline-block;float: none;/* width: 100%; */max-width: 100%;padding: 15px;margin-left: -13px; position: relative; border-radius: 0;} .manage-strategy .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -5px; } .manage-strategy .input-group-btn-vertical > .btn:last-child {margin-top: -5px; border-bottom-right-radius: 4px;} .manage-strategy .input-group-btn-vertical i{position: absolute; top: 1px; left: 12px;font-size: 2em;text-align: center;/*font-weight:bold*/ color:#757575} .manage-strategy .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .manage-strategy input[id="niftyReturn"]{width: 40px !important; /* padding: 5px !important; */ border:none;text-align: center; font-weight: bold; color: #222222 !important; font-size: 18px; margin-left: -10px;} .manage-strategy .currentWealth{ width: 75px !important; padding-top: 8px !important;border:none;text-align: right;} .manage-strategy .annualSaving{width: 36% !important; padding: 5px !important;border:none;text-align: right;} .manage-strategy .sub-text{font-size:18px;} .manage-strategy .sub-text span.red{color:#CC3300;} .manage-strategy .sub-text span.green{color:#009900;} .manage-strategy .why-need-but {height: 40px;color: #fff;background-color: #004846; text-align: center; line-height: 40px;color: #fff; background-color: #004846; background: #227c79; background: -moz-linear-gradient(top, #227c79 0%, #004846 100%); background: -webkit-linear-gradient(top, #227c79 0%,#004846 100%); background: linear-gradient(to bottom, #227c79 0%,#004846 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#227c79', endColorstr='#004846',GradientType=0 ); display: inline-block; padding: 0px 20px; text-decoration: none;text-transform: uppercase;} .manage-strategy .portfolio-button {height: 30px;cursor: pointer;border-radius: 5px; color: #fff; background-color: #004846;text-align: center; line-height: 30px; color: #fff; background-color: #004846; background: #079163; background: -moz-linear-gradient(top, #079163 0%, #6cc6a8 100%); background: -webkit-linear-gradient(top, #079163 0%,#6cc6a8 100%); background: linear-gradient(to bottom, #079163 0%,#6cc6a8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079163', endColorstr='#6cc6a8',GradientType=0 );display: inline-block;padding:0px 20px;} .manage-strategy h4{font-size:14px} .manage-strategy .section p{margin:5px 0px} .manage-strategy #sliders {padding: 0px; margin-bottom:0px} .manage-strategy #sliders li {margin-bottom: 0px;} .manage-strategy #sliders div {margin-bottom: 5px;} .manage-strategy .value2{float:right;} .manage-strategy .ui-slider-horizontal{height:3px} .manage-strategy .ui-slider-horizontal .ui-slider-handle {top: -0.6em;margin-left: -.6em;} .manage-strategy .value1 {/*position: absolute; left: -65px; top: -16px;color:#66cc7f;*/ display:inline-block;font-size:24px;margin-bottom: 0px; float:right;} .manage-strategy .value2 {/*position: absolute; right: -65px; top: -16px; color:#337ab7; margin-bottom: 0px;*/ font-size:24px;float:left;} /*.manage-strategy .value1 span{color:#66cc7f; font-size:24px} .manage-strategy .value2 span {color:#a2e0f0; font-size:24px}*/ .hg25{height:25px;} .manage-strategy .blue-tex{color:#5775b6} .manage-strategy .green-tex{ color: #999999;} .manage-strategy .modal-center{margin-top:250px;} .manage-strategy .left-arrow{position: relative; left: -35px; top: -23px; color: #3a3a3a; font-size: 24px;margin-bottom: 0px;} .manage-strategy .right-arrow{position: relative; right: -35px; top: -23px; color: #3a3a3a; font-size: 24px;margin-bottom: 0px;} .manage-strategy .analysis-sub-box p{margin-bottom:0px;} /* .manage-strategy .white-bg{background-color:#fff;height: 717px; width: 96%; margin: 0px auto;overflow:auto;} */ .manage-strategy .white-bg{background-color:#fff;/* height: 708px; */ width: 96%; margin: 0px auto;overflow:auto;} .manage-strategy .common-bg{ background-image:url(../images/bg.png); background-position:center; background-size:cover; background-repeat:no-repeat; /* height: 797px; */} .manage-strategy .btn-chk{border: 1px solid #63b22c; background: none; width: 200px; height: 42px; border-radius: 5px; color:#63b22c; font-size:18px;outline: none; padding: 5px 20px;} .manage-strategy .cash-port-div {text-align-last: center; width: 320px; margin: 160px auto 0px auto;} .manage-strategy .sliderss{width: 100%; height: 2px; background-color: #ccc;} .manage-strategy #cashPortfolioDiv .value1{left: -38px;} .manage-strategy #cashPortfolioDiv .equi {margin-top: 0px;} .manage-strategy #cashPortfolioDiv .deb {margin-top: 0px;} .equi{display: inline-block; float:right;margin-top: 7px; margin-right: 10px;font-size: 16px; /*float: left; margin-left: 40px; margin-top: -20px;*/} .deb{display: inline-block;float: left; margin-left: 10px; margin-top: 7px;font-size: 16px;} .manage-strategy .bg-blue{background-color:#0076a3; height: 73px;} .manage-strategy input[id="currentWealth"], .manage-strategy input[id="annualSaving"]{background-color:#0076a3 !important; } .manage-strategy .cltxt{color:#fff; margin-top: -5px;} .manage-strategy .clrfix-bord{border-right:1px solid #ddd !important; border-left:1px solid #ddd !important;} .manage-strategy .fnt12{font-size: 12px; } .manage-strategy .fnt15{font-size: 15px;} .manage-strategy .font-robo{font-family: roboto;} .manage-strategy input[id="niftyReturn"]{float:none !important;} .manage-strategy .wdth122{width:95px;} .manage-strategy .common-btn-check { text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; height: 35px; border-radius: 3px; color: #63b22c; font-size: 16px; /* font-weight: bold; */ outline: none; padding: 7px 25px; margin: 0px auto;} .fwb{font-weight: bold;} .manage-strategy .clred{ color:red;} .manage-strategy .clgreen {color:#63b22c;} .manage-strategy .fnt14robo{ font-family: roboto;} .manage-strategy .pl15p{padding-left: 15px !important;} .common-btn-scenario { text-transform: uppercase; text-align: center; border: 1px solid #63b22c; background: none; border-radius: 5px; color: #63b22c; font-size: 16px; font-weight: bold; outline: none; padding: 8px 25px; margin: 0px auto;} .manage-strategy .pd65{padding: 0px 65px !important;} .manage-strategy .pdrt5{padding-right:5px;} .manage-strategy .clrorange{color:#ffbb4f;} .manage-strategy .cl-popup{font-weight: 700; font-size: 18px; color: #000000;} .manage-strategy .modal-width{width: 900px !important;} .manage-strategy .modal-content-color{ font-size: 16px; color: #999999;} .manage-strategy .modal-content-year{ font-size: 16px; color: #000000; font-weight: 700;} .manage-strategy .pd10 { padding: 0px 10px !important;} .manage-strategy .mdb { padding-top: 5px !important;} .manage-strategy .fnt-color-bold{color: #000 !important; font-weight: 700;} .manage-strategy .manage-header{ font-size: 26px; text-align: center; color: #000; font-weight: 400;} .manage-strategy .font-col{color:#333;} /*** NEW Slider ***/ .manage-strategy .slider.slider-horizontal .slider-track{height:3px !important; background-color:#efefef !important;} .manage-strategy .slider-track-low, .manage-strategy .slider-track-high{ background-color:#efefef !important;} .manage-strategy .slider-tick{ background-color:#d7d7d7 !important;background-image:none !important; width: 10px !important; height: 10px !important;} .manage-strategy .slider-handle{width: 22px !important; height: 22px !important; display: none;} .manage-strategy .slider.slider-horizontal .slider-tick{margin-top: -3px !important;} .manage-strategy .slider.slider-horizontal .slider-handle{margin-top: -10px !important;margin-left: -13px !important; background-image:url(../images/slider-handle.png); background-size:cover;} .manage-strategy .slider.slider-horizontal{width:100% !important; margin-top: 10px; pointer-events: none; } .manage-strategy .slider-selection.tick-slider-selection{ background-image:none !important; background-color:#63b22c !important;} .manage-strategy .color-txt{color: #63b22c;} .manage-strategy .color-txt2{color:#93d8d4;} .manage-strategy .pl13{padding-left: 13px;} /*** NEW Slider ***/ /*** NEW Spinner CW ***/ .manage-strategy .spinner_cw {width: 80%; display: inline-block;float: left;} .manage-strategy .spinner_cw input {text-align: center;} .manage-strategy .spinner_cw .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; pointer-events:none;} .manage-strategy .spinner_cw .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .manage-strategy .spinner_cw .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .manage-strategy .spinner_cw .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .manage-strategy .spinner_cw .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .manage-strategy .spinner_cw .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .manage-strategy .spinner_cw input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .manage-strategy .spinner_cw .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner CW ***/ /*** NEW Spinner YR ***/ .manage-strategy .spinner_yr {width: 80%; display: inline-block; float: none;} .manage-strategy .spinner_yr input {text-align: center;} .manage-strategy .spinner_yr .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .manage-strategy .spinner_yr .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .manage-strategy .spinner_yr .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .manage-strategy .spinner_yr .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .manage-strategy .spinner_yr .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .manage-strategy .spinner_yr .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .manage-strategy .spinner_yr input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .manage-strategy .spinner_yr .input-border{border:1px solid #ccc; display:inline-block; width:80%; } /*button{display:inline-block;}*/ /*** NEW Spinner YR ***/ /*** NEW Spinner AS ***/ .manage-strategy .spinner_as {width: 80%; display: inline-block;float: left;} .manage-strategy .spinner_as input {text-align: center;} .manage-strategy .spinner_as .input-group-btn-vertical {position: relative;white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell;} .manage-strategy .spinner_as .input-group-btn-vertical > .btn {display: inline-block;float: none;/*width: 100%;*/max-width: 100%;padding: 8px;margin-left: -1px; position: relative; border-radius: 0;} .manage-strategy .spinner_as .input-group-btn-vertical > .btn:first-child {border-top-right-radius: 4px; margin-top: -8px; left: 27px;} .manage-strategy .spinner_as .input-group-btn-vertical > .btn:last-child {margin-top: -2px; border-bottom-right-radius: 4px; margin-top: -8px; left: -27px;} .manage-strategy .spinner_as .input-group-btn-vertical i{position: absolute; top: 0; left: 4px;font-size: 25px; color: #63b22c; font-weight: lighter;} .manage-strategy .spinner_as .btn{border: none !important; background-color: none !important; border-top-right-radius: 0px; background: none !important; outline: none !important; box-shadow: none !important;} .manage-strategy .spinner_as input{width: 100% !important; padding: 5px !important; display:inline-block; border:none; font-size:28px; font-family:roboto; outline:none; /*margin-left: 10%;*/} .manage-strategy .spinner_as .input-border{border:1px solid #ccc; display:inline-block; width:77%; } /*button{display:inline-block;}*/ /*** NEW Spinner AS ***/ .manage-strategy .CAY-pop .ttl-amt{font-size: 48px;color: #0076a3;font-weight: bold;} .manage-strategy .CAY-pop .ttl-amt span{font-size: 42px;} .manage-strategy .CAY-pop .ttl{color: #000; font-size: 14px; font-weight: bold; margin-bottom: 5px;} .manage-strategy .CAY-pop .unit{float:right; margin-top: 10px; font-size: 21px;font-weight: 700;} .modal-dialog-height {margin: 10px auto !important; height: 623px !important;} .modal-cont-auto{height: 100%; overflow: auto ;} .header-mod{ background: #fff; height: 35px; line-height: 35px;} /*************** Scenario Analysis CSS END ***************/ /******************************* Media Queries ********************************/ @media screen and (max-width: 1500px){ .navbar .navbar-nav>li { border: none !important;} .user-info { top: 4px !important;} .wrapper-robo-fresh-funds .ls-ttl-pool {font-size: 21px;} .wrapper-robo-crnt_wlth .middleDiv {right: 0%; font-weight: bold;margin-top: 35px;} } @media only screen and (min-width: 1025px) { .brk-xs{display:inline-block; visibility:hidden;} } @media only screen and (min-width: 1025px) and (max-width:1366px) { .wdth1024{width: 75% !important; margin-left: 13% !important;} .wrapper-robo-account-opening .investment-para {margin-left: -113px;} .profile .pool-txt {width: 55%;} .profile .btn-signup {border: 1px solid #63b22c;background: none;width: 105px;} .profile .wdth60 {width: 55% !important;} .wrapper-robo-purchase-MF .pl32 {padding-left: 10px;} .ERR-ARERR input {width: 105px !important;} .wrapper-robo-signup .or-sizes {margin-top: 32%;} .scenario-analysis .box2 {font-size: 16px;display: block;text-align: left;/* width: auto;margin-top: -27px;margin-right: 26px; */} .scenario-analysis .currentWealth {width: 70px !important;padding-top: 8px !important;border: none;text-align: right;} .scenario-analysis .sub-text {font-size: 18px; width: 96px;} .scenario-analysis .annualSaving {width: 35% !important;} .wrapper-robo-100X .ws-vid-button {text-align: center;top: 40%;left: 44%;} .wrapper-robo-100X .ws-vid-button2 {text-align: center;top: 40%;left: 40%;} .manage-strategy .box2 { width: auto; /* margin-top: -27px;margin-right: 20px; */} .u1024hide{display:block !important;} .u1024hide1{display:none !important;} .login-div-left {left: 30px !important;} .u1024left{margin-left:-8.4% !important} } @media only screen and (min-width: 769px) and (max-width:1024px) { .wrapper-robo-home #letsMeet { margin-top: 150px;} .wrapper-robo-home .logo{margin-top:0px !important} .wrapper-robo-home .banner .bnr-txt-big{top:180px;} .wrapper-robo-home .banner .bnr-txt-sml{top:240px;} .wrapper-robo-home .hiw-button{font-size:17px;} .wrapper-robo-home .video-bg .video-bg-txt-big{top:200px;} .wrapper-robo-home .video-bg .video-bg-txt-sml{font-size:22px; top:250px;} .wrapper-robo-home .video-bg .vb-button{font-size: 18px;padding: 10px 18px;top:350px;} .wrapper-robo-home .footer .vr-sign{margin-right:15px;} .brk-xs{display:inline-block; visibility:hidden;} .wrapper-robo-home .banner .bnr-button{padding: 10px 28px; top:280px;} .wrapper-robo-home .banner .bnr-txt-htb{top:295px;} .wrapper-robo-signup .ar-two:before{content:"-----------------"} .wrapper-robo-signup .ttl-para {color: #ccc;font-size: 13px;margin-left: 0; margin-top: 20px;text-align: justify; width: 80%;} .wrapper-robo-home .video-bg video{top:22%;} .wrapper-robo-signup .white-bg{/* height: 90.6vh !important; */overflow:auto; width: 45%;} .change-pwd .white-bg{width: 45%;} .resp10{margin-top:10px;} .wrapper-robo-signup .ttl-para { color: #ccc; font-size: 13px; margin-left: 0; margin-top: 20px; text-align: justify; width: 80%;} .playstore .box-bg { min-height: 151vh;} .snapshot .marg-right { height: 18.5vh;} .wrapper-robo-purchase-MF .pool-txt { width: 60%;} .wrapper-robo-signup .ttl-para {color: #ccc;font-size: 13px; margin-left: 0; margin-top: 20px; text-align: justify; width: 80%;} .deb {margin-right: 0px;} .equi {margin-left: 0px;} .eq-question {margin-left:-5px;} .wrapper-robo-crnt_wlth .gr2 { margin-left: -40px;} .wrapper-robo-crnt_wlth .amount{width: 70%;} .wdth1024{width: 100% !important; margin-left: 0% !important;} .change-pwd .ar-two:before { content: "----------------";} .scenario-analysis .mt-107{margin-top:107px !important;} .manage-strategy .mt-107{margin-top:107px !important;} /*.scenario-analysis .mt-72{margin-top:72px !important;}*/ .quick-popup .portfolio input{width:77% !important;} .quick-popup .port-title{font-size:16px;} /* .wrapper-robo-home .fingerprint-button{margin: -100px auto;} */ /* .wrapper-robo-home .scrl-button3{margin-top: -55px;} */ /*.wrapper-robo-signup .mob { margin-left: -33%;}*/ .wrapper-robo-signup .ip-md{width:80%;} .wrapper-robo-signup .wdth60 { width: 59% !important;} /* .val_msg { margin-left: 10vh;} */ .wrapper-robo-purchase-act-open .ls-ttl-pool {font-size: 20px;font-weight: 700;margin-left: 41%;margin-top: 0px;color: #9C9C9C;} .change-pwd .mob3 { margin-left: 0%;} .change-pwd .mob4 { margin-left: 17.4%;} .change-pwd .wdth60 { width: 65% !important;} .footer-link .colpeo { margin-left: 8.33333333% !important;} .manage-strategy .visible-sm, .manage-strategy .visible-xs{display:block !important;} /* .manage-strategy .CAY-pop .unit { float: left !important;} */ .wrapper-robo-actserv .mod-ip-mob { width: 300px;} .change-pwd .val_msg_red { margin-left: 1.8vh;} .change-pwd .tx-cen1024{text-align:center !important;} .change-pwd .mob6 { margin-left: 0%;} .wrapper-robo-signup .mbt-60 { margin-bottom: 35px !important;} .wrapper-robo-signup .mob7{font-size:16px;} .wrapper-robo-signup .mob8 { margin-left: -23%;} .scenario-analysis .box2 { width: 100%; /* margin-left:12px; */ } /* .wrapper-robo-100X .ws-vid-button{font-size: 12px; height: 40px; margin-top: 40%; margin-left: -18%;} .wrapper-robo-100X .ws-vid-button2{font-size: 12px; height: 40px; margin-top: 40%; margin-left: -30%;} .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:12px;}*/ .wrapper-robo-signup .mar22 { margin-left: 20% !important;} .wrapper-robo-signup .p241 { margin-left: -135px !important;} .wrapper-robo-signup .p240 { padding-left: 160px;} .wdth88{width: 140px;} .bx-wrapper .bx-controls-direction a { top: 40% !important;} /* .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical > .btn:first-child, .wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical > .btn:first-child{left: -8px;} .wrapper-robo-crnt_wlth .spinner_cw .input-border, .wrapper-robo-crnt_wlth .spinner_as .input-border{width: 88%; margin-left: -35px;} .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical > .btn:last-child, .wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical > .btn:last-child{left: -27px;} .wrapper-robo-crnt_wlth .unit{margin-left:10px;} */ .wrapper-robo-crnt_wlth .spinner_cw, .wrapper-robo-crnt_wlth .spinner_as{margin-left: -20px;} .profile .pool-txt {width: 75%;} .profile .btn-signup {border: 1px solid #63b22c;background: none;width: 90px;} .profile .wdth60 {width: 70% !important;} .wrapper-robo-fresh-funds .ls-ttl-pool {font-size: 17px;} .ERR-ARERR .pl15p {padding-left: 15px !important; margin-top: 15px;} .snapshot .pos-div { margin-top: 12%;} .snapshot .posYears { margin-top: 160px;} .snapshot .opt {line-height: 2vh;} .snapshot .graph-image {background-position: 65% -25px;} /*.wrapper-robo-home .banner {height: 100vh;}*/ /*.wrapper-robo-home .banner .scrl-button1 {margin-top: -1px;}*/ .modal-dialog-height {margin: 10px auto !important; height: 623px !important;} .scenario-analysis .common-btn-check {padding: 1px 10px;} .ERR-ARERR input {width: 50% !important;} .videos .ws-vid-button{left:12%;} .videos .ws-vid-button2{left:29%;} .videos .ws-vid-button3{left:28%;} .videos .ws-vid-button4{left:13%;} .videos .ws-vid-button5{left:26%;} .videos .ws-vid-button6{left:30%;} .wrapper-robo-signup .or-sizes {margin-top: 50%;} .wrapper-robo-home .banner {background-position: center;background-size: cover;background-repeat: no-repeat; height: 82vh;} .wrapper-robo-signup .or-sizes {margin-top: 50%;} .wrapper-robo-home .banner { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100vh; } .scenario-analysis .annualSaving {width: 52% !important;padding: 5px !important;border: none;text-align: right;} .ERR-ARERR .year {width: 55% !important;} .ERR-ARERR .tr {font-size: 23px;color: #fff; outline: none;box-shadow: none !important; margin-bottom: 0px;} .ERR-ARERR .CAY-pop .ttl-amt {font-size: 33px;color: #0076a3;font-weight: bold;} .ERR-ARERR .CAY-pop .ttl-amt span {font-size: 33px;} .scenario-analysis .currentWealth {width: 70px !important; padding-top: 8px !important;border: none;text-align: right;} .scenario-analysis .sub-text {font-size: 18px;width: 85px;} /* .wrapper-robo-signup .or-sizes {margin-top: 50%;} */ .wrapper-robo-crnt_wlth .ttl-amt {font-size: 30px;color: #0076a3;font-weight: bold;} .wrapper-robo-100X .ws-vid-button{text-align:center; height:auto; background-color:transparent;border-radius:5px;outline:none;border:none;font-size:16px;position:absolute;top: 35%;left:43%;} .wrapper-robo-100X .ws-vid-button2{text-align:center; height:auto; background-color:transparent;border-radius:5px; outline:none; border:none;font-size:16px;position:absolute;top: 39%;left:37%;} .manage-strategy .box2 {text-align: left;margin-right: -15px;} .awards-txt{ margin: 10% 22%; width: 170px;} .awards-img {background-size: 100%;} .wrapper-robo-home .ip-md{width: 73%;} .wrapper-robo-home #letsMeet .modal-sm{width:45% !important;} .wrapper-robo-crnt_wlth .normal{display:none;} .wrapper-robo-crnt_wlth .ipad{display:inline-block;} } @media only screen and (min-width: 768px) and (max-width:991px) { .wrapper-robo-signup .mod-ip-mob-new-sign{width:44%;} .marg-lst {margin-left: 48% !important;} .fb-align { width: 90%;} .login-bt{width:40%;} .change-pwd .mr, .otp .mr{margin-top:5%;} .profile .border-right{border-right:0px solid #ddd; height:40vh;} .scenario-analysis .modal-width { width: auto !important;} .manage-strategy .modal-width { width: auto !important;} .modal-dialog-height {margin: 10px auto !important; height: 623px !important;} .bx-wrapper .bx-controls-direction a { top: 35% !important;} /* .snapshot .bg-blue-snap{ height:25vh; } */ /*.awards-txt { width: 126px; margin: 17% 32%;}*/ /*.awards-img{height:186px;}*/ } @media only screen and (min-width: 768px) and (max-width:1024px) { .scenario-analysis .spinner_as {width: 84%;display: inline-block;float: left;} .bx-wrapper .bx-controls-direction a{top:41%} .quick-popup .portfolio input { width: 40% !important;} .u1024hide{display:none !important;} .u1024hide1{display:block !important;} } @media only screen and (max-width: 640px){} .snapshot .graph-image { background-position: 64% 0px!important; } @media only screen and (min-width: 768px) and (max-width:768px){ .snapshot .graph-image { background-position: 62% 0px !important;} .snapshot .posYears {bottom: 31%!important;} .icon-Icon_Info{margin-top: -2px; margin-left: 2px;} } @media only screen and (min-width: 641px) and (max-width:768px) { .change-pwd .mod-ip-mob-new {margin-left: 0%;} .wrapper-robo-home .logo{margin-top:0px !important} .wrapper-robo-home #letsMeet { margin-top: 150px;} .wrapper-robo-home .modal-body .pll{padding-left:0px;} .wrapper-robo-home .modal-body .prr{padding-right:0px;} .playstore .box-bg { min-height: 58vh;} .wrapper-robo-home .banner .bnr-txt-big{top:140px;} .wrapper-robo-home .banner .bnr-txt-sml{top:210px;} .wrapper-robo-home .video-bg .video-bg-txt-big{top:150px;} .wrapper-robo-home .video-bg .video-bg-txt-sml{font-size:22px; top:200px;} .wrapper-robo-home .video-bg .vb-button{font-size: 18px;top:290px;} .wrapper-robo-home .footer .vr-sign{margin-right:15px;} .brk-xs{display:inline-block; visibility:hidden;} .wrapper-robo-home .banner .bnr-button{top:242px; left: 28px;} .wrapper-robo-home .banner .bnr-txt-htb{top:255px;} .wrapper-robo-signup .ar-two:before{content:"--------------------------"} .wrapper-robo-signup .step-icon{width: 88px;} .wrapper-robo-signup .icon-size{font-size:88px;} .wrapper-robo-signup .ar-two{margin-top: 30px;} .wrapper-robo-home .video-bg video{top:6%;} .wrapper-robo-signup .white-bg{/* height: 90.6vh !important; */overflow:auto; width: 55%;} .change-pwd .white-bg{width: 55%;} .wrapper-robo-signup .mod-ip-mob-new-sign{width:45%; } .marg-lst { margin-left: 55% !important;} .login-div-left {left: 12px !important;} .wrapper-robo-purchase-MF .label-font { font-size: 18px; } /* .wrapper-robo-signup .navbar .container-fluid .collapse .dropdown .dropdown-menu {min-width: 223px !important;} */ .fb-align { width: 90%;} .login-bt{width:35%;} .equi {margin-left: -20px;} .deb {margin-right: 40px;} .eq-question {margin-left:-25px;} .wrapper-robo-crnt_wlth .gr {margin-left: -5px;} .wrapper-robo-crnt_wlth .gr2 { margin-left: -30px;} /* .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { position: absolute !important;} */ .change-pwd .mr, .otp.mr{margin-top:5%;} .profile .border-right{border-right:0px solid #ddd; height:40vh} .wrapper-robo-crnt_wlth .amount{width: 60%;} .white-bg { height: 88.6vh;overflow:auto;} .quick-popup .portfolio input{width:80% !important;} .wrapper-robo-home .mt-120{margin-top:50px;} .wrapper-robo-home .wm{height:100vh;} .wrapper-robo-home .fingertip{height:100vh;} /* .wrapper-robo-home .scrl-button3{margin-top: 20px;} .wrapper-robo-home .fingerprint-button{margin: 20px auto;} */ .wrapper-robo-signup .ar-two {margin-top: 22px; color: #757575;} /*.wrapper-robo-signup .ar-two:before{content:"---------------------"}*/ .wrapper-robo-signup .wdth60 { width: 66% !important;} /* .wrapper-robo-signup .mob { margin-left: -36%;}*/ .wrapper-robo-signup .or-sizes { left: 90%;margin-top: 130%;} .wrapper-robo-signup #login_form .or-sizes {left: 90%;margin-top: 65%;} /* .val_msg { margin-left: 7vh;} */ .wrapper-robo-purchase-act-open .ls-ttl-pool {font-size: 20px;font-weight: 700;margin-left: 38%;margin-top: 0px;color: #9C9C9C;} .wrapper-robo-actserv .mod-ip-mob { width: 260px;} .change-pwd .wdth60 { width: 75% !important;} .change-pwd .mob4 { margin-left: 12.4%;} .change-pwd .val_msg_red { margin-left: 0vh;} .change-pwd .tx-cen1024{text-align:center !important;} .change-pwd .mob6 { margin-left: 0%;} .scenario-analysis .CAY-pop .unit, .ERR-ARERR .CAY-pop .unit{margin-top: 16px;} .scenario-analysis .spinner_cw .input-border { width: 71%;} .scenario-analysis .spinner_as .input-border{ width: 71%;} /* .scenario-analysis .spinner_cw .input-group-btn-vertical{left:9%;} */ /* .scenario-analysis .spinner_yr .input-group-btn-vertical, .scenario-analysis .spinner_as .input-group-btn-vertical{left:8%;} */ .wrapper-robo-home .user-icon{/*float:none;*/ text-align: center; width: 100%;} .wrapper-robo-home .fingertip p.text-left{text-align:center;} .wrapper-robo-home .footer ul .li-list, .wrapper-robo-home .footer ul .li-title{display:block; text-align:center; width:100%;} .wrapper-robo-signup .mbt-60 { margin-bottom: 30px !important;} .wrapper-robo-signup .mob8 { margin-left: -14%;} .box2 { width: 100%; /* margin-left: 14px; */ } .scenario-analysis .modal-width { width: auto !important;} .manage-strategy .modal-width { width: auto !important;} /* .wrapper-robo-100X .ws-vid-button{font-size: 12px; height: 40px; margin-top: 40%; margin-left: -18%;} .wrapper-robo-100X .ws-vid-button2{font-size: 12px; height: 40px; margin-top: 40%; margin-left: -30%;} .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:12px;} */ .wrapper-robo-100X .ws-vid-button{text-align:center; font-size:54px;position:absolute; top: 35%;left:42%;} .wrapper-robo-100X .ws-vid-button2{text-align:center; height:auto; background-color:transparent; border-radius:5px; outline:none; border:none; font-size:54px;position:absolute;top: 39%;left:37%;} .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:54px;} .mar22 { margin-left: 16% !important;} .wdth87 { width: 59% !important;} .wdth88{margin-left: 17%; width: 116% !important;} .snapshot .pl5 { padding-left: 5px; font-size: 15px;} .wrapper-robo-crnt_wlth .spinner_cw .input-group-btn-vertical > .btn:first-child,.wrapper-robo-crnt_wlth .spinner_as .input-group-btn-vertical > .btn:first-child{left: -5px;} .wrapper-robo-crnt_wlth .spinner_cw .input-border, .wrapper-robo-crnt_wlth .spinner_as .input-border{margin-left: -31px;width: 88%;} .wrapper-robo-crnt_wlth .unit{margin-left: 15px; float: left;} .profile .heading-prfile {color: #000000;font-size: 36px !important;font-weight: 700 !important;text-align: center;margin-top: 30px;} .profile .btn-signup {border: 1px solid #63b22c;background: none;width: 120px;} .profile .contact-profile {margin-left: 35%;} .profile .ml-30 {margin-left: 16px !important;} .wrapper-robo-purchase-MF .pool-txt {width: 50%;} .wrapper-robo-fresh-funds .hr_bdr{ display:none; } .col-sm-mt-15{margin-top:15px;} .quick-popup .portfolio input {width: 50% !important;} .ERR-ARERR .analysis-sub-box { background: #fff; padding: 10px; overflow: hidden; min-height: 250px; } .snapshot .pos-div { margin-top: 12%;} .snapshot .opt { height: auto; line-height: initial; font-size: 12px;} .snapshot .wdth39 { width: 50%;} .snapshot .graph-image { background-position: 56% 125px;} .snapshot .marg-right { height: 27vh;} /*.snapshot .posYears { margin-top: 78%;} .wrapper-robo-home .banner {height: auto;}*/ /*.wrapper-robo-home .banner .scrl-button1 {margin-top: -1px;}*/ .ERR-ARERR .tr {font-size: 22px;} .videos .ws-vid-button{left:11%; width:72%;} .videos .ws-vid-button2{left:11%; width:72%;} .videos .ws-vid-button3{left:11%; width:72%;} .videos .ws-vid-button4{left:11%; width:72%;} .videos .ws-vid-button5{left:11%; width:72%;} .videos .ws-vid-button6{left:11%; width:72%;} /* .scenario-analysis .annualSaving {width: 55% !important;} */ /* .scenario-analysis .annualSaving { width: 125px !important;} */ .ERR-ARERR .spinner_as {width: 90%; margin-left: -30px !important;} .ERR-ARERR input {width: 55% !important;} .ERR-ARERR .year {width: 52% !important;} .ERR-ARERR .tr {font-size: 23px;color: #fff; outline: none; box-shadow: none !important;margin-bottom: 0px;} .ERR-ARERR .CAY-pop .ttl-amt {font-size: 32px;color: #0076a3;font-weight: bold;} .ERR-ARERR .CAY-pop .ttl-amt span {font-size: 32px;} .scenario-analysis .currentWealth {width: 70px !important;padding-top: 8px !important; border: none;text-align: right;} /*.wrapper-robo-home .banner .scrl-button1 {margin-top: -32px;}*/ .wrapper-robo-home .banner { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100vh; overflow: hidden !important; margin-bottom: 30px; } /*.wrapper-robo-home .banner {background-position: center;background-size: cover;background-repeat: no-repeat;height: 42vh;}*/ .scenario-analysis .spinner_as {width: 85%;display: inline-block;float: left;} .wrapper-robo-signup .mar-right2 { border-right: 1px solid #ddd;height: 11vh; margin-top: 2px;} .wrapper-robo-crnt_wlth .ttl-amt {font-size: 30px;} .wrapper-robo-purchase-act-open .modal-width {width: 745px !important;} .awards-txt{ margin: 5% 39% 0% 39%; width: 170px;} .awards-img {background-size: 40%;} .wrapper-robo-home .awards-ttl{margin-top: 20px;} .wrapper-robo-home #letsMeet .modal-sm{width:55% !important; margin: auto !IMPORTANT;} .wrapper-robo-crnt_wlth .normal{display:none;} .wrapper-robo-crnt_wlth .ipad{display:inline-block;} } @media(max-width:767px) { .snapshot .bg-blue-snap {min-height: 33vh; } .wrapper-robo-purchase-act-open .text-center-resp{text-align:center !important;} .brdr-mar{border-bottom: 1px solid #eee; margin-top:5px !important;} .brdr-dark{border-bottom: 1px solid #000; margin-top:5px !important;} .txcenter{text-align:center;} .ml-30{margin-left:0px !important;} .inline-xs2{display:inline-block !important; } .inline-xs3{display:inline-block !important; margin-left:27%;} .wrapper-robo-signup .white-bg{/* height: 90.6vh !important; */ overflow:auto;} .formlist { margin-right: 4em;} .u1024dis{display:none !important;} .navbar-toggle .icon-bar, .navbar-toggle .icon-bar+.icon-bar{background-color:#000 !important;} .navbar-nav .open .dropdown-menu{background-color: #eee !important;} .navbar-nav .open .dropdown-menu { position: absolute !important;} .marg-lst { margin-left: 47% !important;} .paddingRt{padding-right:0px !important; } .mar10p{margin-top:10px;} .navbar {padding-right:0px !important;} .wd100-nav{width: 100% !important;} .navbar-nav .open .dropdown-menu {background-color:#fff !important; border:1px solid rgba(0,0,0,.15) !important;} .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#fff !important;} .navbar-default .navbar-toggle { border-color: #fff !important;} /*.ml-30{margin-left:0px !important;} .inline-xs3{display:inline-block !important; margin-left:27%;}*/ .wrapper-robo-signup .white-bg{/* height: 90.6vh !important; */ overflow:auto;} .wrapper-robo-signup .navbar .container-fluid .collapse .dropdown .dropdown-menu {min-width: 248px !important;} /*.login_height { height: 397px;}*/ .people .txt-cen-small{text-align:center;} .media .txt-cen-small{text-align:center;} .people .wd100{width:35%; } .media .wd100{width:35%; } .wrapper-robo-signup .mar-right { border-right: 0px solid #ddd; } .wrapper-robo-signup .fb{ margin-top: 0vh;; background-position: center;} .wrapper-robo-signup .fb-lg{ /* margin-top: 60px;; */ background-position: center;} .wrapper-robo-signup .or-sizes { left: 48%; /*font-size: 16px; line-height:10vh;*/} .wrapper-robo-signup .or { margin-top: 2vh;} .mar105resp{margin-top: 5vh;} .wrapper-robo-signup #login_form .mar-right2 { border-right: 0px solid #ddd; height: 8vh;} .mt-60 { margin-top: 0px !important;} .mt-51 { margin-top: 27px !important;} .mrgtop40{margin-top:40px;} .u1024hide{display:none !important;} .u1024hide1{display:block !important;} } @media only screen and (min-width: 481px) and (max-width:640px) { .change-pwd .mod-ip-mob-new {margin-left: 0%;} .wrapper-robo-home .logo{margin-top:0px !important} .wrapper-robo-home #letsMeet { margin-top: 150px;} .wrapper-robo-home .modal-body .pll{padding-left:0px;} .wrapper-robo-home .modal-body .prr{padding-right:0px;} .playstore .box-bg {min-height: 68vh;} .wrapper-robo-home .banner .bnr-txt-big{top:120px;} .wrapper-robo-home .banner .bnr-txt-sml{top:180px;} .wrapper-robo-home .video-bg .video-bg-txt-big{top:135px;} .wrapper-robo-home .video-bg .video-bg-txt-sml{font-size:18px; top:180px;} .wrapper-robo-home .video-bg .vb-button{font-size: 18px;top:240px;} .wrapper-robo-home .footer .vr-sign{margin-right:15px;} .mt-120{margin-top:60px;} .wrapper-robo-home .footer ul .li-title{text-align:center;} .wrapper-robo-home .footer ul .li-list{text-align:center;} .wrapper-robo-home .footer .stay-con{text-align:center;} .wrapper-robo-home .nav-rt-mar{margin-right:0px;} .wrapper-robo-home .navbar-right, .wrapper-robo-signup .navbar-right, .change-pwd .navbar-right{/*margin-right:0px !important; margin-left: 0px !important; width:100%;*/ float:right;} /* .wrapper-robo-signup .navbar-right{margin-right:0px !important; margin-left: 0px !important; width:100%;} */ .wrapper-robo-home .header-button{margin:10px auto !important;} .wrapper-robo-home .g-play{margin:10px auto !important;} .wrapper-robo-home .a-logo{margin:10px auto !important;} .wrapper-robo-signup .flr{float:none; margin-top:20px; margin-bottom:20px;} .wrapper-robo-signup .fll{float:none; margin-top:20px;} .wrapper-robo-signup .li-align{width: 40%; text-align: center;} .inline-xs{display:inline-block !important; margin-left:20%;} .inline-xs2{display:inline-block !important; margin-left:19% !important;} .inline-xs3{display:inline-block !important; margin-left:24.5%;} .brk-xs{display:block;} .wrapper-robo-home .banner .bnr-button{top:202px; left: 108px;} .wrapper-robo-home .banner .bnr-txt-htb{top:215px;} .wrapper-robo-home .expertise-mobile{background-image:url(../images/hw-it-works_mob.png); background-position:center; background-repeat:no-repeat; height: 100vh;} .wrapper-robo-home .expertise-desktop{display:none;} .wrapper-robo-signup .white-bg{/* height: 90.6vh !important; */overflow:auto;width: 65%;} .change-pwd .white-bg{width: 65%;} .wrapper-robo-signup .mod-ip-mob-new-sign{width:45%; } .marg-lst {margin-left: 55% !important;} .temp{display:none;} .collapse-bg{background-color:rgba(0,0,0,0.5)} .login-div-left { left: 32px !important;} .wrapper-robo-purchase-MF .label-font { font-size: 18px; } .wrapper-robo-signup .navbar .container-fluid .collapse .dropdown .dropdown-menu {min-width: 230px !important;} .lg-in-ml{margin-left: 130px;} .paddingRt{padding-right:0px !important; } .mar10p{margin-top:10px;} /*.login_height { height: 285px;}*/ .fb-align {width: 90%;} .login-bt{width:37%;} .quick-popup .btn-confirm{width:35%;} .white-bg { height: 90.5vh; overflow:auto;} .mb-height{margin-bottom:10px;} .snapshot .pos-div { position: relative; margin-top: 0%;} .deb {margin-right: 20px;} .equi {margin-left: 10px;} .eq-question {margin-left:0px;} .wrapper-robo-crnt_wlth .gr {margin-left: -5px;} /*.wrapper-robo-crnt_wlth .gr2 { margin-left: -30px;}*/ .navbar-collapse.in {background-color: rgba(0, 0, 0, 1); } .change-pwd .mr{margin-top:5%; margin-bottom: 5%;} .otp .label_height{line-height: 34px;} .profile .border-right{border-right:0px solid #ddd; height:40vh} .wrapper-robo-crnt_wlth .amount{width: 30%;} .white-bg { height: 88.6vh; overflow:auto;} .CAY-pop{width:95%;} .wrapper-robo-crnt_wlth1 .resetPwd { width: 98%; margin:0.2em;} .wrapper-robo-crnt_wlth1 .formHeight{height: 33vh;} #loading img.align{left:44% !important;} .change-pwd .common-btn {margin-left:55%;} /*.wrapper-robo-signup .mob { margin-left: -37%;}*/ /* .val_msg { margin-left: 15vh;} */ .wrapper-robo-purchase-act-open .ls-ttl-pool {font-size: 20px;font-weight: 700;margin-left: 35%;margin-top: 0px;color: #9C9C9C;} .change-pwd .mar-right3 { border-right: 0px solid #ddd; height: 18vh;} .change-pwd .fb { background-position: center; margin-top: 20px; width:99%;} .change-pwd .mt-50 { margin-top: 0px !important;} .change-pwd .or-sizes { left: 45%;} .change-pwd .or { margin-top: 5vh;} .change-pwd .mob3 { margin-left: 0%;} .change-pwd .mob4 { margin-left: 5%;} /*.change-pwd .wdth60 { width: 44% !important;} */ .change-pwd .common-btn { margin-left: 0%;} .change-pwd .mar-right3 { border-right: 0px solid #ddd; height: 15vh;} .change-pwd .mbt{margin-bottom: 10px;} .change-pwd .val_msg_red { margin-left: 0%;} .change-pwd .mt-80 { margin-top: 0px !important;} .change-pwd .mob6 { margin-left: 0%; } .wrapper-robo-purchase-act-open .modal-width { width: auto !important;} .wrapper-robo-100X .fnt-13{font-size: 13px; color: #333;} .wrapper-robo-home .user-icon{/*float:none;*/ text-align: center; width: 100%;} .wrapper-robo-home .fingertip p.text-left{text-align:center;} .wrapper-robo-home .footer ul .li-list, .wrapper-robo-home .footer ul .li-title{display:block; text-align:center; width:100%;} .wrapper-robo-signup .mbt-60 { margin-bottom: 10px !important;} .wrapper-robo-signup .mob8 { margin-left: -23%;} /* .box2 { width: 71%;} */ .scenario-analysis .box2 {width: 74%;} .scenario-analysis .modal-width { width: auto !important;} .managestrategy .modal-width { width: auto !important;} /* .wrapper-robo-100X .ws-vid-button{margin-top: 33%; margin-left: -16%;} .wrapper-robo-100X .ws-vid-button2{margin-top: 33%; margin-left: -26%;} .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:20px;} */ .wrapper-robo-100X .wm .pr{padding-right:15px !important;} .wrapper-robo-100X .wm .pl{padding-left:15px !important;} .wdth87 { width: 50.5% !important;} .ttcenter{text-align:center !important;} .mar22{margin-left:0% !important;} .wrapper-robo-signup #inputBoxDiv .fl{float:none !important;} .wrapper-robo-crnt_wlth .spinner_cw, .wrapper-robo-crnt_wlth .spinner_as{width: 50%; margin-left: 118px;} .wrapper-robo-crnt_wlth .unit{margin-left: 0px; margin-right: 70px;} .profile .heading-prfile {color: #000000;font-size: 36px !important;font-weight: 700 !important;text-align: center;margin-top: 30px;} .profile .contact-profile {margin-left: 33%;} .profile .ml-30 {margin-left: 20px !important;} .wrapper-robo-purchase-MF .pl32 {padding-left: 50px;} .wrapper-robo-fresh-funds .ls-ttl-pool {margin-right: 55px;} .manage-strategy .manage-para { margin: 10px 0px; } .ERR-ARERR .cpr-para {text-align: center !important;margin: 10px 0px;} .quick-popup .portfolio input {border: none; outline: none !important; width: 80% !important; font-size: 20px; border-bottom: 1px solid #6cb738; text-align: center; padding: 0px !important;} /*.snapshot .graph-image{background-image: url(../../images/snapshot.png);}*/ .snapshot .graph-image {background-position:-62px 130px;} .snapshot .snap-bord { height: 95vh;} /*.wrapper-robo-home .banner .scrl-button1 {margin-top: 3%;}*/ .wrapper-robo-home .bgvid{display:none;} .wrapper-robo-home .banner{/*background-image:url(../images/bg.png);*/ background-position:99% 0px;; height: 100vh;} /*.wrapper-robo-home .banner .bnr-txt-htb {margin-top: 10px;}*/ /*.wrapper-robo-home .banner .scrl-button1 {font-size: 40px;}*/ .ERR-ARERR input {width: 30% !important;} .wrapper-robo-100X .ws-vid-button{text-align:center; font-size:16px;position:absolute;top: 42%;left:44%; } .wrapper-robo-100X .ws-vid-button2{text-align:center; height:auto; background-color:transparent;border-radius:5px; outline:none; border:none; font-size:16px;position:absolute;top: 42%;left:44%; } .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:54px;} .wrapper-robo-100X .wsvideo-ttl { color: #999999;float: left;font-size: 18px;margin-left: 11%;} .videos .ws-vid-button{left:28%; width:42%;} .videos .ws-vid-button2{left:35%; width:25%;} .videos .ws-vid-button3{left:34%; width:27%;} .videos .ws-vid-button4{left:28%; width:40%;} .videos .ws-vid-button5{left:34%; width:28%;} .videos .ws-vid-button6{left:35%; width:25%;} .scenario-analysis .annualSaving {width: 20% !important;padding: 5px !important;border: none;text-align: right;} .scenario-analysis .currentWealth {width: 70px !important;} .abc{ float: left !important; list-style: none !important; position: relative !important; width: 250.25px !important; margin-right: 10px !important;} .manage-strategy .box2 {width: auto;} .cashPort-fr1{float:right; margin-right:40%;} .cashPort-fr2{float:left; margin-left:40%;} /*.awards-img{background-size: 36%;} .awards-txt{margin: 8% 35%;}*/ .awards-txt{ margin: 5% 36% 0% 36%; width: 170px;} .awards-img {background-size: 48%;} .wrapper-robo-home .awards-ttl{margin-top: 20px;} .wrapper-robo-home #letsMeet .modal-sm{width:65% !important; margin:45px auto 0px auto;} } @media(max-width:600px) { .wrapper-robo-home .video-bg video{top: 1%;} .wrapper-robo-home .fingerprint-button{ margin: -10px auto;} .wrapper-robo-home .scrl-button3{margin-top: 40px;} .wrapper-robo-home .expertise-mobile{height: 70vh;} .wrapper-robo-home .wm{height: 100vh;} .scenario-analysis .currentWealth{width: 80px !important;} .scenario-analysis .annualSaving{width: 100px !important;} .manage-strategy .currentWealth{width: 80px !important;} .manage-strategy .annualSaving{width: 80px !important;} } @media(max-width:320px) { .snapshot .pos-div { position: relative; margin-top: 40% !important;} .snapshot .posYears { margin-top: 60% !Important;} } @media(max-width:545px) { .m320 { width: 80% !important; margin-left: 12% !important;} } @media only screen and (min-width: 600px) and (max-width:600px){ .snapshot .pos-div {margin-top: 30%!important;} .snapshot .posYears {margin-top: 66% !important;} } @media only screen and (min-width: 1024px) and (max-width:1024px){ .snapshot .pos-div {margin-top: 14%;} .snapshot .posYears {margin-top: 170px !important;} .ml-50{ margin-left: -53px !important;} .snapshot .col-md-offset-3 { margin-left: 25%!important;} .pr{padding: 0!important;font-size: 12px!important;} .mt0{margin-top:0px !important} } @media only screen and (min-width: 321px) and (max-width:480px) { .wrapper-robo-home .logo{margin-top:0px !important} .wrapper-robo-home #letsMeet { margin-top: 150px;} .wrapper-robo-home .modal-body .pll{padding-left:0px;} .wrapper-robo-home .modal-body .prr{padding-right:0px;} .wrapper-robo-home .banner .bnr-txt-big{top:100px; font-size:30px;color: #fff;text-align: center;margin-top: 0px;} .wrapper-robo-home .banner .bnr-txt-sml{margin-top:10px; font-size:18px;} .wrapper-robo-home .wlth-mgt-ttl {font-size:25px;} .wrapper-robo-home .hiw-ttl {font-size:25px;} .wrapper-robo-home .video-bg .video-bg-txt-big{top:90px; font-size:25px;} .wrapper-robo-home .video-bg .video-bg-txt-sml{font-size:14px; top:130px;} .wrapper-robo-home .video-bg .vb-button{font-size: 18px; margin-top:60px;} .wrapper-robo-home .footer .vr-sign{margin-right:15px;} .mt-120{margin-top:40px;} /* .wrapper-robo-home .footer ul .li-title{text-align:center;} .wrapper-robo-home .footer ul .li-list{text-align:center;} */ .wrapper-robo-home .footer .stay-con{text-align:center;} .wrapper-robo-home .nav-rt-mar{margin-right:0px;} .wrapper-robo-home .navbar-right, .wrapper-robo-signup .navbar-right, .change-pwd .navbar-right{/*margin-right:0px !important; margin-left: 0px !important; width:100%;*/ float:right;} /* .wrapper-robo-signup .navbar-right{margin-right:0px !important; margin-left: 0px !important; width:100%;} */ .playstore .box-bg {min-height: 60vh;} .wrapper-robo-home .header-button{margin:10px auto !important;} .wrapper-robo-home .g-play{margin:10px auto !important;} .wrapper-robo-home .a-logo{margin:10px auto !important;} .wrapper-robo-signup .flr{float:none; margin-top:20px; margin-bottom:20px;} .wrapper-robo-signup .fll{float:none; margin-top:20px;} .wrapper-robo-signup .li-align{width: 38%; text-align: center;} .inline-xs{display:inline-block !important; margin-left:18%;} .inline-xs2{display:inline-block !important; margin-left:14%;} .wrapper-robo-signup .white-bg{/* height: 90.6vh !important; */ overflow:auto; width: 100%;} .change-pwd .white-bg{width:100%; height:69.5vh;} .wrapper-robo-purchase-MF .label-font { font-size: 18px; } .paddingRt{padding-right:0px !important; } .mar10p{margin-top:10px;} /*.login_height { height: 285px;}*/ .brk-xs{display:block;} /* .wrapper-robo-home .banner .bnr-button{top:145px; left: 55px;}*/ /*.wrapper-robo-home .banner .bnr-txt-htb{top:165px;}*/ .wrapper-robo-purchase-act-open .ls-ttl-pool{font-size:16px;} .wrapper-robo-purchase-act-open .pool-txt{width:20%;} .wrapper-robo-home .expertise-mobile{background-image:url(../images/hw-it-works_mob.png); background-position:center; background-repeat:no-repeat; height: 70vh;} .wrapper-robo-home .expertise-desktop{display:none;} .inline-xs3{display:inline-block !important;margin-left:21.5%;} .wrapper-robo-signup .mod-ip-mob-new-sign{width:45%; } .marg-lst { margin-left: 55% !important;} .collapse-bg{background-color:rgba(0,0,0,0.5)} .wrapper-robo-signup .navbar .container-fluid .collapse .dropdown .dropdown-menu {min-width: 223px !important;} .lg-in-ml{margin-left: 50px;} .login-div-left {left: 20px !important;} .fb-align { width: 90%;} .login-bt{width:50%;} .formlist { margin-right: 1em;} .wd320{width:90%;} .quick-popup .portfolio input{width:70% !important;} .quick-popup .btn-confirm{width:50%;} .quick-popup .bold-700 {font-weight: 700;font-size: 23px;} .white-bg {height: 90.5vh; overflow:auto;} .mb-height{margin-bottom:10px;} .scenario-analysis #sliders {width: 70%; margin-left: 22px;} .scenario-analysis .value2 {margin-left: 0px; position: absolute;} .scenario-analysis .value1 {left: -42px;} .manage-strategy #sliders {width: 70%; margin-left: 22px;} .manage-strategy .value2 {right: 70px; position: absolute;} .manage-strategy .value1 {left: -42px;} .ERR-ARERR .value2 {right: -61px; position: absolute;} .ERR-ARERR .value1 {left: -60px;} .deb {margin-left: 50px;} .equi {margin-left: 0px;} .eq-question {margin-left:-10px;} .wrapper-robo-crnt_wlth .gr {margin-left: 5px;} .wrapper-robo-crnt_wlth .gr2 { margin-left: -30px;} .m320 { width: 80% !important; margin-left: 8% !important;} .navbar-collapse.in {background-color: rgba(0, 0, 0, 1); } .otp .label_height{line-height: 18px;} .otp .forgotpassword{margin-bottom:10px;} .white-bg { height: 80vh; overflow:auto;} .CAY-pop{width:93%;} .wrapper-robo-crnt_wlth1 .resetPwd { width: 98%; margin:0.2em;} .wrapper-robo-crnt_wlth1 .formHeight{height: 33vh;} #loading img.align{left:39% !important;} .wrapper-robo-home .scrl-button3{margin-top: 10px;} .wrapper-robo-home .fingerprint-button{margin: -30px auto;} .wrapper-robo-home .video-bg video{top:2%;} .wrapper-robo-home .scrl-button4{margin-top: 240px;} .wrapper-robo-home .awards-ttl{font-size: 36px; margin-top: 20px;} .ERR-ARERR .amount-x{font-size: 18px;} .ERR-ARERR .title-x{margin-top:0px;} .change-pwd .fb {background-position: center; margin-top: 20px; width:99%;} .change-pwd .common-btn { margin-left: 35%;} /* .val_msg { margin-left: 9vh;} */ .wrapper-robo-purchase-act-open .ls-ttl-pool {font-size: 20px;font-weight: 700;margin-left: 28%;margin-top: 0px;color: #9C9C9C;} .account-setup-successfully .ls-ttl {color: rgb(34,34,34);font-size: 30px;font-weight: robo;margin-bottom: 0px;margin-top: 0;text-align: center;} .snapshot .pos-div { position: relative; margin-top: 30% !important;} .change-pwd .mt-50 { margin-top: 0px !important;} .change-pwd .or-sizes { left: 45%;} .change-pwd .or { margin-top: 5vh;} .change-pwd .mob3 { margin-left: 0%;} .change-pwd .mob4 { margin-left: 3.4%;} .change-pwd .wdth60 { width: 61% !important;} .change-pwd .common-btn { margin-left: 0%;} .change-pwd .mar-right3 { border-right: 0px solid #ddd; height: 15vh;} .change-pwd .mbt{margin-bottom: 10px;} .change-pwd .val_msg_red { margin-left: 2vh;} .change-pwd .mt-80 { margin-top: 0px !important;} .change-pwd .tx-cen1024{text-align:center !important;} .wrapper-robo-home .user-icon{/* float:none; */ text-align: center; width: 100%;} .wrapper-robo-home .fingertip p.text-left{text-align:center;} .wrapper-robo-home .footer ul .li-list, .wrapper-robo-home .footer ul .li-title{display:block; text-align:center; width:100%;} .wrapper-robo-signup .mbt-60 { margin-bottom: 0px !important;} .wrapper-robo-signup .mob8 { margin-left: -16%;} .scenario-analysis .modal-width { width: auto !important;} .manage-strategy .modal-width { width: auto !important;} .snapshot .posYears { margin-top: 48% !important;} /* .wrapper-robo-100X .ws-vid-button{font-size: 12px; height: 40px; margin-top: 37%; margin-left: -15%;} .wrapper-robo-100X .ws-vid-button2{font-size: 12px; height: 40px; margin-top: 37%; margin-left: -27%;} .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:12px;} */ .wrapper-robo-100X .wm .pr{padding-right:15px !important;} .wrapper-robo-100X .wm .pl{padding-left:15px !important;} .ERR-ARERR .wdth_resp100{width:100% !important;} .wrapper-robo-crnt_wlth .spinner_cw, .wrapper-robo-crnt_wlth .spinner_as{width: 50%; margin-left: 70px;} .wrapper-robo-crnt_wlth .unit{margin-left: 0px; margin-right: 50px;} .profile .heading-prfile { margin-top: -60px; color: #000000;font-size: 36px !important;text-align: center;font-weight: 700 !important;} .profile .pool-txt {width: 94%;box-shadow: none;border: 0px !important;border-bottom: 1px solid rgb(89,89,89) !important;outline: none;} .profile .contact-profile {margin-left: 30%;} .profile .ml-30 {margin-left: 16px !important;} .modal570 { width: 94% !important;} .wrapper-robo-fresh-funds .heading-fresh {margin-top:10px;} .wrapper-robo-fresh-funds .heading-fresh {margin-top:10px;} .manage-strategy .manage-para { margin: 10px 0px; } .ERR-ARERR .cpr-para {text-align: center !important;margin: 10px 0px;} .scenario-analysis .wealth-sta-para {text-align: center !important;margin: 10px 0px;} .profile .border-right {border-right: 1px solid #ddd;height: 35vh;} .ERR-ARERR .pl15p {padding-left: 15px !important;margin-top: 15px;} /* .wrapper-robo-home .banner .scrl-button1 {margin-top: -80px;} */ .wrapper-robo-home .banner {height: 100vh;} .wrapper-robo-home .banner .bnr-txt-htb {font-size: 20px;} .wrapper-robo-home .banner .scrl-button1 {font-size: 40px;} .ERR-ARERR input {width: 22% !important;} .ERR-ARERR .annualSaving {width: 22% !important;} .wrapper-robo-100X .ws-vid-button{text-align:center; font-size:16px;position:absolute; top: 42%;left:41%; } .wrapper-robo-100X .ws-vid-button2{text-align:center; height:auto; background-color:transparent; border-radius:5px; outline:none; border:none; font-size:16px;position:absolute;top: 42%;left:41%; } .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:54px;} .wrapper-robo-100X .wsvideo-ttl {color: #999999;float: left; font-size: 18px;margin-left: 12%;} .wrapper-robo-crnt_wlth .middleDiv {width: 130px; height: 0; right: 0%; font-weight: bold; margin-top: 35px;} .scenario-analysis .CAY-pop .ttl-amt span {font-size: 32px;} .scenario-analysis .currentWealth {width: 70px !important;} .ERR-ARERR .year {width: 30% !important;} .abc{ float: left !important; list-style: none !important; position: relative !important; width: 258.25px !important; margin-right: 10px !important; margin-left:75px !important; } .bx-wrapper .bx-controls-direction a { top: 50% !important;} .wrapper-robo-purchase-act-open .modal-width {width: auto !important;} .manage-strategy .box2 { width: auto;/* margin-top: -27px; margin-right: 48px; */} .cashPort-fr1{float:right; margin-right:35%;} .cashPort-fr2{float:left; margin-left:35%;} .awards-img{background-size: 58%;} .awards-txt{margin:10% 31.5%;} .wrapper-robo-home #letsMeet .modal-sm{width:80% !important; margin:45px auto 0px auto;} .wrapper-robo-home .bgvid{display:none;} .wrapper-robo-home .banner{/*background-image:url(../images/bg.png);*/ background-position:99% 0px;; height: 100vh;} } @media only screen and (max-width:460px) { .ERR-ARERR .hgh27, .scenario-analysis .hgh27, .manage-strategy .hgh27{height:40px !important;} .resp10 { margin-top: 10px;} } @media(max-width:381px) { .m320 { width: 100% !important; margin-left: 0% !important;} } @media(max-width:360px) { .resp10 { margin-top: 10px;} .wd320 { width: 100% !important; margin-right: 0 !important;} .quick-popup .btn-signup{width:45%;} .quick-popup .port-title3 { font-size: 13px;} .wrapper-robo-actserv .mod-ip-mob {width: 235px;} .wrapper-robo-account-opening .mod-ip-mob {width: 235px;} .wrapper-robo-100X .mod-ip-mob {width: 235px;} .m320{width: 100% !important; margin-left: 0% !important;} .dropdown-menu-right { width: 290px !important;} .logo-header { width: 192px;} .dropdown-menu-right { width: 284px !important;} .ERR-ARERR #sliders {width: 70%; margin-left: 22px; margin-top:20px;} .ERR-ARERR .value2 {right: -40px; margin-top:20px;} .ERR-ARERR .value1 {left: -40px; margin-top:20px;} .ERR-ARERR .hgh27 {height:62px !important;} .scenario-analysis #sliders {width: 70%; margin-left: 22px; margin-top:20px;} .scenario-analysis .value2 {right: -40px; margin-top:20px;} .scenario-analysis .value1 {left: -40px; margin-top:20px;} .scenario-analysis .hgh27{height:62px !important;} .snapshot .bg-green3{margin-top:0px;} .manage-strategy #sliders {width: 70%; margin-left: 22px; margin-top:20px;} /* .manage-strategy .value2 {right: -40px; margin-top:20px;}*/ /*.manage-strategy .value1 {margin-top:20px;}*/ .manage-strategy .hgh27{height:62px !important;} .snapshot .fnt17, .snapshot .opt { font-size: 12px;} /* .snapshot .posYears { margin-top: 105% !important;} */ /*.snapshot .graph-image{background-image:url(../../images/snapshot.png);}*/ .snapshot .snap-bord { height: 111vh !important; } .wrapper-robo-home .scrl-button2 {margin-top: -70px;} .wrapper-robo-home .expertise-mobile{height: 65vh;} .wrapper-robo-home .wlth-mgt-ttl{font-size:25px;} .wrapper-robo-home .hiw-ttl{font-size:25px;} .wrapper-robo-home .video-bg .video-bg-txt-big{font-size:25px;} .wrapper-robo-home .awards-ttl{font-size:25px;} .wrapper-robo-home .expertise-mobile{background-size:80%;} .wrapper-robo-home .fingerprint-button{margin: -20px auto 0px auto;} .wrapper-robo-home .scrl-button3{margin-top: -5px;} /*.wrapper-robo-home .video-bg video{transform: translateX(-50%) translateY(-46%);} */ .wrapper-robo-home .awrd-subttl{margin-top: 5px !important;} /* .login_height{margin-bottom:20px;} */ .wrapper-robo-crnt_wlth1 .resetPwd { width: 98%; margin:0.2em;} .wrapper-robo-crnt_wlth1 .formHeight{height: 43vh;} .footer-link .ls-ttl-content {font-size: 15px;margin-top: 10px; margin-bottom: 20px;} .logo{height:60px;} .margin-resp45{margin-top:-37px !important;} .wrapper-robo-signup .fb-lg{margin-top:21px;} .wrapper-robo-signup .white-bg{height:77vh;} .wrapper-robo-signup .wdth60 { width: 85% !important; } /* .wrapper-robo-signup .mob { margin-left: -49%;}*/ .val_msg { margin-left: 2vh;} .change-pwd .mob4 { margin-left: 0%;} .change-pwd .mob3 { margin-left: -35%;} .change-pwd .wdth60 { width: 100% !important;} .change-pwd .val_msg_red { margin-left: 0vh;} .change-pwd .mob5, .change-pwd .mob6 { margin-left: 0%;} .wrapper-robo-home .user-icon{/* float:none; */ text-align: center; width: 100%;} .wrapper-robo-home .fingertip p.text-left{text-align:center;} .box2 { width: 92%;} .scenario-analysis .modal-width { width: auto !important;} .manage-strategy .modal-width { width: auto !important;} .wrapper-robo-100X .wm .pr{padding-right:15px !important;} .wrapper-robo-100X .wm .pl{padding-left:15px !important;} .ERR-ARERR .wdth_resp100{width:100% !important;} .wrapper-robo-crnt_wlth .spinner_cw, .wrapper-robo-crnt_wlth .spinner_as{width: 80%; margin-left: 0px;} .wrapper-robo-crnt_wlth .unit{margin-left: 0px; margin-right: 0px;} .change-pwd .mob3 { margin-left: 0%;} /*#mffileuploadlink-div {width: auto !important; position:relative !important;} */ .videos .ws-vid-button{left:28%; width:42%;} .videos .ws-vid-button2{left:35%; width:25%;} .videos .ws-vid-button3{left:34%; width:27%;} .videos .ws-vid-button4{left:28%; width:40%;} .videos .ws-vid-button5{left:34%; width:28%;} .videos .ws-vid-button6{left:35%; width:25%;} .abc{ float: left !important; list-style: none !important; position: relative !important; width: 258.25px !important; margin-right: 10px !important; margin-left:10px;} .bx-wrapper .bx-controls-direction a { top: 50% !important;} .awards-img { background-size: 100%;} .awards-txt { margin: 14% 25%;} .deb {margin-left: 10px;} .white-bg {height: 86.6vh;} /* .snapshot .posYears { margin-top: 100% !important;}*/ .wrapper-robo-home .bgvid{display:none;} .wrapper-robo-home .banner{/*background-image:url(../images/bg.png);*/ background-position:99% 0px;; height: 100vh;} .navbar-nav .open .dropdown-menu {position: absolute !important;left: -150px; width: 345px !important;} } @media only screen and (max-width:320px) { .change-pwd .val_msg_red {margin-left: -3vh;} .quick-popup .bold-700 {font-weight: 700;font-size: 18px;} .fortfolo-items {/* color: #FFF !importan */t;text-decoration: none;} .wrapper-robo-home .banner .bnr-txt-big{margin-top:80px; font-size:22px;} .wrapper-robo-home .banner .bnr-txt-sml{margin-top:10px; font-size:14px;} .wrapper-robo-home .wlth-mgt-ttl {font-size:25px;} .wrapper-robo-home .awards-ttl{font-size: 32px; margin-top: 20px;} .wrapper-robo-home .hiw-ttl{font-size:25px;} .wrapper-robo-home .video-bg .video-bg-txt-big{top:70px; font-size:25px;} .wrapper-robo-home .video-bg .video-bg-txt-sml{font-size:10px; top:100px;} .wrapper-robo-home .video-bg .vb-button{font-size: 14px; top: 140px; padding: 5px; width: 140px;padding: 3px 18px;} .wrapper-robo-home .footer .vr-sign{margin-right:15px;} .mt-120{margin-top:20px;} .wrapper-robo-home .footer ul .li-title{text-align:center;} .wrapper-robo-home .footer ul .li-list{text-align:center;} .wrapper-robo-home .footer .stay-con{text-align:center;} .wrapper-robo-home .nav-rt-mar{margin-right:0px;} .wrapper-robo-home .navbar-right, .wrapper-robo-signup .navbar-right, .change-pwd .navbar-right{/*margin-right:0px !important; margin-left: 0px !important; width:100%;*/ float:right;} /* .wrapper-robo-signup .navbar-right{margin-right:0px !important; margin-left: 0px !important; width:100%;} */ .wrapper-robo-home .header-button{margin:10px auto !important;} .wrapper-robo-home .g-play{margin:10px auto !important;} .wrapper-robo-home .a-logo{margin:10px auto !important;} .wrapper-robo-signup .flr{float:none; margin-top:20px; margin-bottom:20px;} .wrapper-robo-signup .fll{float:none; margin-top:20px;} .inline-xs{display:inline-block !important; margin-left:14%;} .inline-xs2{display:inline-block !important; margin-left:3%;} .inline-xs3{display:inline-block !important; margin-left:15%;} .brk-xs{display:block;} .wrapper-robo-home .banner .bnr-button{top:100px; left: 42px; padding: 3px 18px; font-size:14px;width: 140px;} .wrapper-robo-home .banner .bnr-txt-htb{/*margin-top: 15px;*/ font-size:18px;} .wrapper-robo-signup .li-align{width: 32%; text-align: center;} .ERR-ARERR .hgh27, .scenario-analysis .hgh27, .manage-strategy .hgh27{height:62px !important;} .wrapper-robo-home .expertise-mobile{background-image:url(../images/hw-it-works_mob.png); background-position:center; background-repeat:no-repeat; height: 60vh;} .wrapper-robo-home .expertise-desktop{display:none;} .wrapper-robo-home .fingerprint-button{width: 250px;} .wrapper-robo-home .scrl-button3{margin-top:10px;} .wrapper-robo-account-opening .ls-ttl {color: rgb(34,34,34);font-size: 22px;font-weight: robo;margin-bottom: 0px;margin-top: 0;text-align: center;} .wrapper-robo-account-opening .pregress-list-para {color: rgb(68, 68, 68);font-size: 0.8em;} .ml-25{margin-left:0px !important;} .wrapper-robo-signup .mod-ip-mob-new-sign{width:45%; } .marg-lst { margin-left: 55% !important;} /*.login_height { height: 285px;}*/ .login-div-left { left: 2px !important; width: 32% !important;} .wrapper-robo-purchase-MF .label-font { font-size: 18px; } .collapse-bg{background-color:rgba(0,0,0,0.5)} /* .wrapper-robo-signup .navbar .container-fluid .collapse .dropdown .dropdown-menu {min-width: 234px !important;} */ .lg-in-ml a{margin-left: 100px;} .paddingRt{padding-right:0px !important; } .mar10p{margin-top:10px;} /*.login_height { height: 404px;}*/ .fb-align { width: 90%;} .login-bt{width:50%;} .quick-popup .portfolio input{width:50% !important;} .quick-popup .btn-confirm{width:65%;} .white-bg {height: 90.5vh; overflow:auto;} .mb-height{margin-bottom:10px;} .scenario-analysis #sliders{width:60%;margin-left: 23px;} .scenario-analysis .value1{left: -38px;} .scenario-analysis .value2{right: -35px;} .manage-strategy #sliders{width:60%;margin-left: 23px;} /* .manage-strategy .value1{left: -38px;}*/ /* .manage-strategy .value2{right: -35px;}*/ .ERR-ARERR #sliders{width:60%;margin-left: 23px; margin-top:20px;} .ERR-ARERR .value1{left: -38px; margin-top:20px;} .ERR-ARERR .value2{right: -35px; margin-top:20px;} .equi {margin-left: -12px;} .deb {margin-right: 0px;} .eq-question {margin-left: -20px;} .wrapper-robo-crnt_wlth .gr2 { margin-left: -35px;} .wrapper-robo-crnt_wlth .amount{width: 70%;} .quick-popup .port-title3 { font-size: 12px;} .wrapper-robo-actserv .check-line { font-size: 14px;} .wrapper-robo-actserv .check-line-chekbox { margin-top: 3px;} .wrapper-robo-account-opening .check-line { font-size: 14px;} .wrapper-robo-account-opening .check-line-chekbox { margin-top: 3px;} .wrapper-robo-100X .check-line { font-size: 14px;} .wrapper-robo-100X .check-line-chekbox { margin-top: 3px;} .m320{width: 100% !important; margin-left: 0% !important;} .dropdown-menu-right {min-width: 280px !important;} .logo-header { width: 192px;} .wrapper-robo-100X .white-bg{height: 410px; overflow:auto;} .navbar-collapse.in {background-color: rgba(0, 0, 0, 1); } .logo {width: 175px; background-size: 100%; background-position:5px 8px; height:70px;} .otp .label_height{line-height: 18px;} .profile .border-right{border-right:0px solid #ddd; height:40vh;} .white-bg { height: 80.6vh; } .CAY-pop{width:100%;} .manage-strategy .CAY-pop .ttl-amt span {font-size: 30px;} .wrapper-robo-crnt_wlth1 .resetPwd { width: 98%; margin:0.2em;} .wrapper-robo-crnt_wlth1 .formHeight{height: 43vh;} #loading img.align{left:33% !important;} .wrapper-robo-purchase-act-open .ls-ttl{font-size:25px;} .ERR-ARERR .amount-x{font-size: 18px;} .ERR-ARERR .title-x{margin-top:0px;} .wrapper-robo-signup .wdth60 { width: 100% !important; } /* .wrapper-robo-signup .mob { margin-left: -58%;}*/ .val_msg { margin-left: 0vh;} .account-setup-successfully .common-btn {text-transform: capitalize;text-align: center; border: 1px solid #63b22c;background: none;border-radius: 5px;color: #63b22c;font-size: 12px;font-weight: roboto;outline: none; padding: 4px 25px; line-height:14px;} .account-setup-successfully .fs14 {font-size: 14px !important;} .account-setup-successfully .ls-ttl {color: rgb(34,34,34);font-size: 19px;font-weight: robo;margin-bottom: 0px;margin-top: 0;text-align: center;} .wrapper-robo-purchase-act-open .ls-ttl-pool {font-size: 20px;font-weight: 700;margin-left: 4%;margin-top: 0px;color: #9C9C9C;} .change-pwd .fb { background-position: center; margin-top: 20px; width:99%;} .change-pwd .common-btn { margin-left: 35%;} /* .val_msg { margin-left: 9vh;} */ /*.change-pwd .mt-50 { margin-top: 0px !important;}*/ .change-pwd .or-sizes { left: 45%;} .change-pwd .or { margin-top: 5vh;} .change-pwd .mob3 {margin-left: 0%; padding:0px !important;} .change-pwd .mob4 { margin-left: 0%;} .change-pwd .wdth60 { width: 100% !important;} .change-pwd .common-btn { margin-left: 0%;} .change-pwd .mar-right3 { border-right: 0px solid #ddd; height: 15vh;} .change-pwd .mbt{margin-bottom: 10px;} .change-pwd .common-btn{padding: 8px 10px;} .change-pwd .mt-80 { margin-top: 0px !important;} .change-pwd .tx-cen1024{text-align:center !important;} .change-pwd .mob5, .change-pwd .mob6 { margin-left: 0%;} .wrapper-robo-actserv .mod-ip-mob { width: 190px;} .wrapper-robo-actserv .lf3 { left: 8%;} .icon-move{margin-left: -5px !important; position: absolute;} .wrapper-robo-home .user-icon{/* float:none; */ text-align: center; width: 100%;} .wrapper-robo-home .fingertip p.text-left{text-align:center;} .wrapper-robo-home .footer ul .li-list, .wrapper-robo-home .footer ul .li-title{display:block; text-align:center; width:100%;} .wrapper-robo-fresh-funds .ls-ttl {font-size: 30px;} .wrapper-robo-signup .mbt-60 { margin-bottom: 0px !important;} .wrapper-robo-signup .mob8 { margin-left: -16%;} .manage-strategy .box2 { width: 107%;} .scenario-analysis .modal-width { width: auto !important;} .manage-strategy .modal-width { width: auto !important;} .wrapper-robo-100X .wm .pr{padding-right:15px !important;} .wrapper-robo-100X .wm .pl{padding-left:15px !important;} .wrapper-robo-100X .common-btn{font-size:12px;} .ERR-ARERR .wdth_resp100{width:100% !important;} .wrapper-robo-crnt_wlth .spinner_cw, .wrapper-robo-crnt_wlth .spinner_as{width: 75%; margin-left: -10px;} .wrapper-robo-crnt_wlth .unit{margin-left: 0px; margin-right: -5px;} .wrapper-robo-crnt_wlth .common-btn{padding: 0px 16px;} .profile .heading-prfile {color: #000000;font-size: 25px !important;font-weight: 700 !important;text-align: center;margin-top: 40px;} .profile .pool-txt {width:89%;} .profile .contact-profile {margin-left: 22%;} .ml-30 {margin-left: 16px !important;} .wrapper-robo-home .banner .scrl-button1 {margin-top: 102px; font-size: 35px;} .wrapper-robo-home .banner {height: 100vh;} .wrapper-robo-home .header {width: 100%; height:auto;} .snapshot .brdr-rt {border-right: 1px solid #D6CDCD;} .wrapper-robo-purchase-act-open .not {margin-left:10px;} .wrapper-robo-fresh-funds .ls-ttl-pool {font-size: 16px;} .wrapper-robo-fresh-funds .heading-fresh {margin-top:10px;} .wrapper-robo-fresh-funds .common-btn { text-transform: uppercase;text-align: center;border: 1px solid #63b22c;background: none;height: 52px;border-radius: 5px;color: #63b22c; font-size: 16px;/* font-weight: bold; */font-family: roboto;outline: none;padding: 0px 25px;margin: 0px auto;/* line-height: 52px; */ width: 120px;} .wrapper-robo-fresh-funds .hr_bdr{ } .quick-popup .fntbold {font-weight: bold;font-size: 24px;} .ERR-ARERR .cpr-para {text-align: center !important;margin: 10px 0px;} .manage-strategy .manage-header {font-size: 30px;text-align: center;margin-top: 10px;font-weight: 600;margin-bottom: 20px;} .manage-strategy .manage-para { margin: 10px 0px; } .scenario-analysis .wealth-sta-para {text-align: center !important;margin: 10px 0px;} .ERR-ARERR input {width: 35% !important;} .wrapper-robo-100X .ws-vid-button{text-align:center; height:auto; background-color:transparent; border-radius:5px; outline:none; border:none;font-size:16px;position:absolute; top: 35%;left:42%;} .wrapper-robo-100X .ws-vid-button2{text-align:center; height:auto; background-color:transparent; border-radius:5px; outline:none; border:none; font-size:16px;position:absolute;top: 38%;left:42%; } .wrapper-robo-100X .ws-vid-button i,.wrapper-robo-100X .ws-vid-button2 i{font-size:30px;} .wrapper-robo-100X .wsvideo-ttl {float: left;} .wrapper-robo-crnt_wlth .middleDiv {position: absolute;width: 150px;height: 0px; font-weight: bold;margin-top: 35px;text-align: center;} .wrapper-robo-signup .ls-ttl {font-size: 30px;} /*#mffileuploadlink-div {width: auto !important; position:relative !important} */ .scenario-analysis .CAY-pop .ttl-amt span {font-size: 30px;} .scenario-analysis .box2 {width: 106%;} .scenario-analysis .currentWealth {width: 70px !important;} .videos .ws-vid-button{left:10%; width:75%;} .videos .ws-vid-button2{left:18%; width:57%;} .videos .ws-vid-button3{left:14%; width:67%;} .videos .ws-vid-button4{left:12%; width:70%;} .videos .ws-vid-button5{left:14%; width:68%;} .videos .ws-vid-button6{left:18%; width:60%;} .scenario-analysis .spinner_as input {font-size: 20px;} .scenario-analysis .spinner_yr input {font-size: 20px;} .scenario-analysis .spinner_cw input {font-size: 20px;} .ERR-ARERR .year {width: 50% !important;} .ERR-ARERR .CAY-pop .ttl-amt {font-size: 35px;} .ERR-ARERR .CAY-pop .ttl-amt span {font-size: 35px;} .ERR-ARERR input {width: 35% !important;} .abc{ float: left !important; list-style: none !important; position: relative !important; width: 265.25px !important; margin-right: 10px !important;} .wrapper-robo-purchase-act-open .modal-width {width: auto !important;} .wrapper-robo-signup .mar-right2 {/* border-right: 0px solid #ddd; */height: 20vh;} .wrapper-robo-signup .or {margin-top: 2vh; margin: 10px 0px;} .wrapper-robo-signup #login_form .mar-right2 {height: 10vh;} .cashPort-fr1{float:right; margin-right:22%;} .cashPort-fr2{float:left; margin-left:22%;} .resp10{margin-top:10px;} .awards-img{background-size: 100%;} .awards-txt{ margin: 14% 19%;} .snapshot .snap-bord { height: 150vh !important;} .wrapper-robo-home #letsMeet .modal-sm{width:90% !important; margin:0px auto 0px auto;} .wrapper-robo-signup .white-bg {width:95%; overflow:visible;} .change-pwd .white-bg{width:95%;height: 70.5vh;} .change-pwd .mod-ip-mob-new{margin-left: -6%;} .margin-resp45{margin-top: -45px !important;} .login_height {min-height: 345px; /*margin-top: -32px;*/} .wrapper-robo-signup .fb-lg{margin-top:9px;} .wrapper-robo-home .modal-body .pll{padding-left:0px;} .wrapper-robo-home .modal-body .prr{padding-right:0px;} .navbar-nav .open .dropdown-menu {position: absolute !important;left: -90px;width: 100px !important;} } .dsblredeemadd{color:#ccc !important; cursor: default !important; pointer-events: none !important;} /*---------------------Report Pages-------------------------*/ .paddingright10{padding-right: 10px; font-size:12px !important} .captialGainLoss table{width:100%; font-size:12px} .tableheader{background-color: #0d7a6e !important; } .tablesubheader{background-color:#cef7f3 !important} .captialGainLoss tr td{padding:5px;} .text-align-center{text-align:center} .fntbold{font-weight: bold; font-size: 15px} .border-bottom{border-bottom:solid 1px #0d7a6e} .border{border:solid 1px #000} .mt50{margin-top:50px} .detaillisttable { width: 800px !important; margin: auto; } .detaillisttable tr td{padding:5px; border:solid 1px #000; vertical-align: middle;} #confirmDateHtml input[type="text"] { position: relative; } #confirmDateHtml .wdth60 { width: 66% !important; } #confirmDateHtml .ip-md { border: none; outline: none; width: 86%; height: 28px; font-size: 16px; padding-left: 5px; } #confirmDateHtml .mod-ip-mob-new { border: none; border-bottom: 1px solid #63b22c; margin-top: 20px auto; } #confirmDateHtml .fromDateh{height: 28px; line-height: 36px; font-size:18px; color:#999;} .pdbt{padding: 0px 42px !important;} #confirmDateHtml input[type='radio']:hover { box-shadow: 0 0 1px 0px #63b22c inset; } #confirmDateHtml input[type='radio'] { -webkit-appearance: none; width: 17px; height: 17px; border: 1px solid #63b22c; border-radius: 50%; outline: none; margin-right: 12px; outline: none !important; } #confirmDateHtml input[type='radio']:checked:before { background: #63b22c; } .ppmsHtmlReportHead #confirmDateHtml input[type='radio']:checked:before { background: #63b22c !important; width:11px !important; height: 11px !important; margin:-3px -3px !important; } #confirmDateHtml input[type='radio']:before { content: ''; display: block; width: 60%; height: 60%; margin: 20% 20%; border-radius: 50%; } #confirmDateHtml .summary-trans{height: 28px; line-height: 36px; font-size: 18px; color: #999; margin-top: -6px; position: absolute;} .ppms-back-btn {text-transform: uppercase;text-align:center;border: 1px solid #0bc8b4;background: none;height: 52px;border-radius: 5px;color: #0bc8b4;font-size: 16px;/* font-weight:bold; */ font-family: roboto; outline: none;padding: 0px 25px;margin: 0px auto; /* line-height:52px; */} #applicationTypeDiv{margin-top:20px;} #pinModal .flr{float:right;} #pinModal .fll{float:left;} .cp{cursor:pointer} #fileModal{z-index:99999999; border:solid 1px #f00} @media only screen and (min-width: 768px) and (max-width:1024px) { body{overflow-x: hidden;} } @media(max-width:420px) { .snapshot .bg-green{width: 100% !important; margin-left: 0 !important;} } .buy-consent{ text-align:left!important; padding: 10px; border: solid 1px #ccc;} .checkbox-custom input[type=checkbox] { height: 14px; width: 14px;} .sell-btn{ background: none !important; border:solid 1px #63b22c!important; color:#63b22c!important; padding:8px 10px; border-radius: 5px; } .sell-btn:hover{background:#63b22c !important; border:solid 1px #63b22c!important; color:#fff!important; padding:8px 10px; border-radius: 5px; } .sell-btn-active{background:#63b22c !important; border:solid 1px #63b22c!important; color:#fff!important; padding:8px 10px; border-radius: 5px; } .radio-custom input[type='radio'] { -webkit-appearance: none; width: 17px; height: 17px; border: 1px solid #63b22c; border-radius: 50%; outline: none; margin-right: 12px; outline: none !important; } .text-center{text-align:center !important} .sell-model-footer{border-top:solid 1px #ddd !important} #confirm-sell-succes_err{z-index:9999999 !important} #Not-sell-succes{z-index:9999999 !important} #Not-sell-succes_err{z-index:9999999 !important} #confirm-sell-succes{z-index:9999999 !important} #selectdate{z-index:9999999 !important} #performance-head #error{padding: 15px; width: 40%; border: solid 1px #ddd; text-align: center; margin: auto; background: #d1f7ba; font-size: 20px; position: absolute; top: 30%; left: 30%; } #exitLoad span:first-child{ font-size:11px;} body{ margin:auto; padding:0; background: url("../../images/cee-images/background.jpg") #181d3b; background-size: 100% 100%; font-size:14px; font-family:'Conv_MuseoSans_0',Sans-Serif; } .main-body{margin-top:100px; min-height:480px;} footer{text-align:center; color:#fff; background:#272c6e; font-size:14px; padding:10px; margin-top:30px;} .page-name{ width: 445px; text-align: right !important; } .list-group-item{font-size:14px;} .fnt0{font-family:'Conv_MuseoSans_0',Sans-Serif;} .fnt1{font-family:'Conv_MuseoSans_1',Sans-Serif;} .fnt2{font-family:'Conv_MuseoSans_2',Sans-Serif;} .fnt3{font-family:'Conv_MuseoSans_3',Sans-Serif;} .clr{clear:both} .test-wrap{background:#ddd; min-height:150px;} .test{border:solid 1px #f00; min-height:150px;} .text-right{text-align:right} .text-center{text-align:center} .text-left{text-align:left} .fl{float:left} .fr{float:right} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt15{margin-top:15px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt33{margin-top:33px} .mt35{margin-top:35px} .mr5{margin-right:5px} .height100{height:100px} .height166{height:166px} .height200{height:200px} .height180{height:200px} .height250{height:250px} .height400{height:400px} .height500{height:500px} .height600{height:600px} .width100{width:100px} .width166{width:166px} .width200{width:200px} .width250{width:250px} .border-bottom{border-bottom:solid 1px #434760} .border-left{border-left: solid 1px #434760 ;} .prl0{padding-left:0px; padding-right:0px;} .red{color:#f00;} .force-overflow::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px #F5F5F5 !important; */background-color: #a3a3a3; overflow:scroll } .force-overflow::-webkit-scrollbar {width: 10px; background-color: rgba(0, 0, 0, .3); height: 12px} .force-overflow::-webkit-scrollbar-thumb { background-color:rgba(0, 0, 0, .3);} .performance td{color:#dddddd; padding:4px 0} .cssForColor option{background:#191c3a} #scheduletab{width:100%} #scheduletab li{width:33.3%; text-align:center} /*------------------Login Page---------------------------*/ .portal-name h1 { font-family:'Conv_TrajanPro-Regular',Sans-Serif; text-align:center; font-size:18px; color:#fff; margin-top:15px; } .header-portal-name { border-left: solid 1px #434760; margin: 15px 10px; float: left; padding: 0 0 0 10px; } .header-portal-name h1 { font-family:'Conv_TrajanPro-Regular',Sans-Serif; text-align:center; font-size:18px; color:#fff; margin:5px auto; } .header-page-name { margin: 15px 0; padding: 0 0 0 10px; } .header-page-name h1 { font-family:'Conv_TrajanPro-Regular',Sans-Serif; text-align:center; font-size:18px; color:#fff; margin:5px auto; } .header-btn{ font-size:16px; color:#fff; padding:20px; float:right; cursor: pointer; border: solid 1px #434760;} .header-btn .fa{padding:0 4px;} .header-btn:hover{background:#46496e} .logo{height:150px;text-align:center; padding:6% 0} .logo img{margin:auto} .login-wrap{min-height:400px;} .login { margin:60px auto; background:rgba(54, 67, 71, 0.3); padding: 10px 20px 20px 20px; border:solid 1px #434760; border-radius: 6px; font-size:14px; color:#93a4aa; } .login h1 { margin: 30px auto; font-size:26px; color: #93a4aa; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; } .login input { width: 100%; background: rgba(0,0,0,0.2); border: none; outline: none; padding: 15px; font-size: 14px; color: #93a4aa; border-radius: 4px; -webkit-transition: box-shadow .5s ease; -moz-transition: box-shadow .5s ease; -o-transition: box-shadow .5s ease; -ms-transition: box-shadow .5s ease; transition: box-shadow .5s ease; } .login input:focus { border:solid 1px #434760} .login input[type="submit"]{ color: #fff; background-color: #2a9fd6; border-color: #2a9fd6; } .login input[type="submit"]{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #remember{color:#93a4aa;} .header-nav li a{padding:0; margin:auto; line-height: 19px;} .icon-addon.addon-md .form-control, .center-block { float: none; margin-left: auto; margin-right: auto; } .input-group .icon-addon .form-control { border-radius: 0; } .icon-addon { position: relative; color: #555; display: block; } .icon-addon:after, .icon-addon:before { display: table; content: " "; } .icon-addon:after { clear: both; } .icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa { position: absolute; z-index: 2; left: 10px; font-size: 14px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px } .icon-addon.addon-lg .form-control { line-height: 1.33; height: 46px; font-size: 18px; padding: 10px 16px 10px 40px; } .icon-addon.addon-sm .form-control { height: 30px; padding: 5px 10px 5px 28px; font-size: 12px; line-height: 1.5; } .icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon { font-size: 18px; margin-left: 0; left: 11px; top: 4px; } .icon-addon.addon-md .form-control, .icon-addon .form-control { padding-left: 30px; float: left; font-weight: normal; } .icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon { margin-left: 0; font-size: 12px; left: 5px; top: -1px } .icon-addon .form-control:focus + .glyphicon, .icon-addon:hover .glyphicon, .icon-addon .form-control:focus + .fa, .icon-addon:hover .fa { color: #2580db; } /*------------------Login Page---------------------------*/ /*------------------custom-checkbox---------------------------*/ .checkbox-custom-wrap{width: 30px; margin: auto;} .checkbox-custom { padding: 5px 0 } .custom-radio, .custom-checkbox { position: absolute; display: none } .custom-radio[disabled], .custom-checkbox[disabled] { cursor: not-allowed } .custom-radio + label, .custom-checkbox + label { position: relative; display: block; padding-left: 30px; cursor: pointer; vertical-align: middle; font-weight: 400; padding-top: 3px; } .custom-radio + label:hover:before, .custom-checkbox + label:hover:before { animation-duration: .4s; animation-fill-mode: both; animation-name: hover-color } .custom-radio + label:before, .custom-checkbox + label:before { position: absolute; top: 0; left: 0; display: inline-block; width: 20px; height: 20px; content: ''; border: 1px solid #d6e1e5 } .custom-radio + label:after, .custom-checkbox + label:after { position: absolute; display: none; content: '' } .custom-radio[disabled] + label, .custom-checkbox[disabled] + label { cursor: not-allowed; color: #e4e4e4 } .custom-radio[disabled] + label:hover, .custom-radio[disabled] + label:before, .custom-radio[disabled] + label:after, .custom-checkbox[disabled] + label:hover, .custom-checkbox[disabled] + label:before, .custom-checkbox[disabled] + label:after { cursor: not-allowed } .custom-radio[disabled] + label:hover:before, .custom-checkbox[disabled] + label:hover:before { border: 1px solid #e4e4e4; animation-name: none } .custom-radio[disabled] + label:before, .custom-checkbox[disabled] + label:before { border-color: #e4e4e4 } .custom-radio:checked + label:before, .custom-checkbox:checked + label:before { animation-name: none } .custom-radio:checked + label:after, .custom-checkbox:checked + label:after { display: block } .custom-radio + label:before { border-radius: 50% } .custom-radio + label:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #3e97eb } .custom-radio:checked + label:before { border: 1px solid #3e97eb } .custom-radio:checked[disabled] + label:before { border: 1px solid #c9e2f9 } .custom-radio:checked[disabled] + label:after { background: #c9e2f9 } .custom-checkbox + label:before { border-radius: 3px; background: #fff; } .custom-checkbox + label:after { top: 2px; left: 7px; box-sizing: border-box; width: 6px; height: 12px; transform: rotate(45deg); border: 3px solid #02baf2; border-top: 0; border-left: 0 } .custom-checkbox:checked + label:before { border: #d6e1e5; background: #fff } .custom-checkbox:checked[disabled] + label:before { border: #c9e2f9; background: #c9e2f9 } /*------------------custom-checkbox---------------------------*/ /*------------------left nav---------------------------*/ .left-menu{font-size:15px; color:#fff} .left-menu .fa-circle{font-size: 10px; padding: 5px;} .tab-title{font-size:20px; color:#fff; padding:10px 0;} .border{border:solid 1px #434760; border-radius:3px; padding: 15px;} .target{font-size:20px} .reach h5{font-size:28px;} .reach h6{font-size:18px; color:#ababab} .contribution h6{font-size:14px; color:#ababab} .contribution h5{font-size:24px;color:#fff } .asset h3{font-size:38px; color:#fff; margin:auto} .asset h5{font-size:18px; color:#fff} .asset h6{font-size:14px; color:#ababab} .summary-table{text-align: center;width: 100%;} .summary-table td{padding:8px 0;} .fnt-color{color:#1d9e4c} .fnt-color1{color:#b9b9b9} .equity-market{color:#00aff0; text-decoration: underline; cursor: pointer;} .equity-market-details {display:none;background:#0699cd; border:solid 1px #434760; min-height:150px; border-radius:3px; width: 300px; margin:10px auto; padding:10px;} .equity-market-details:before{ position: absolute; top: 3px; left: 50%; display: inline-block; border-right: 7px solid transparent; border-bottom: 8px solid #0699cd; border-left: 7px solid transparent; content: ''; } .equity-market-table {width:100%; text-align:center } .equity-market-table td{padding: 2px 6px;} .portfolio{border: solid 1px #434760; border-radius: 3px; cursor:pointer} .portfolio :hover{background:#0699cd; } .portfolio-active{background:#0699cd; border: solid 1px #0699cd; } .portfolio-active :before{ position: absolute; bottom: -7px; left: 50%; display: inline-block; border-right: 7px solid transparent; border-top: 8px solid #0699cd; border-left: 7px solid transparent; content: ''; } #wealth-portfolio-details{display:none} #short-term-portfolio-details{display:none} #tax-saving-portfolio-details{display:none} #total-portfolio-details{display:none} .account-opening-box{min-height:130px; border-radius:3px; padding: 15px 5px; margin: 15px 0;} .account-active{background:rgba(0, 193, 63, 0.2); } .account-process{background:rgba(142, 142, 142, 0.2) } .account-rejected{background:rgba(254, 124, 34, 0.2); } .account-opening-box h3{font-size:22px; text-align:center; margin: auto; min-height:80px; border-bottom:1px rgba(0, 193, 63, 0.2) solid ;} .account-opening-box span{ display: inline-block; vertical-align: middle; line-height: normal;} .account-opening-box h4{font-size:12px;text-align:center; margin: auto; padding: 15px 0px 0px 0px;} .arrow-wrap-right{ /*transform: rotate(30deg);*/ width:30px; height:30px; background:rgba(26, 171, 226, 0.6); float: left; margin:70px auto;} .arrow-right { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 25px solid rgba(26, 171, 226, 0.6); float:right; margin-top:-15px; margin-right:-25px; } .arrow-wrap-left{ /*transform: rotate(30deg);*/ width:30px; height:30px; background:rgba(26, 171, 226, 0.6); float: right; margin:70px auto;} .arrow-left { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 25px solid rgba(26, 171, 226, 0.6); float:left; margin-top:-15px; margin-left:-25px; } .arrow-wrap-down { /*transform: rotate(30deg);*/ width: 30px; height: 30px; background: rgba(26, 171, 226, 0.6); float: left; margin: 1px 0px 35px 55px; } .arrow-down { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid rgba(26, 171, 226, 0.6); float: right; margin-top: 30px; margin-right: -15px; } .vertical-control-label{color: #fff; font-weight: normal;font-size: 15px; padding-top: 10px; } .funnel-wrap{ margin:auto; padding:0; background: url("../../images/cee-images/funnel.png"); width: 100%; height: 500px; background-repeat: no-repeat; float: left; } .funnel-wrap p{padding:0; margin: 0; font-size: 12px;} .funnel-wrap table{width:100%;} .funnel-wrap .fnt-color{color:#00aff0} .width250{width:250px} .funnel-lead{height:130px; width:100%;} .funnel-lead h3{width:100%; font-size:24px; text-align:center; padding-top:50px;} .funnel-ws{height:70px; width:100%;} .funnel-ws h3{width:100%; text-align:center; font-size:22px; margin-top: 25px;} .funnel-app-download{height:60px; width:100%;} .funnel-app-download h3{width:100%; text-align:center; font-size:20px; margin-top: 15px;} .funnel-ac-open{height:40px; width:100%;} .funnel-ac-open h3{width:100%; text-align:center; font-size:20px; margin: auto;} .funnel-investment-made{height:60px; width:100%;} .funnel-investment-made h3{width:100%; text-align:center; font-size:18px; margin-top: 5px; } .funnel-investment-made .mt20{width:100%; text-align:center; font-size:18px; margin-top: 20px; } .funnel-repeat-investment{height:30px; width:100%;} .funnel-repeat-investment h3{width:100%; text-align:center; font-size:14px; margin: auto;} .funnel-avg-aum{height:100px; width:100%;} .funnel-avg-aum h3{width:100%; text-align:center; font-size:16px; margin-top: 55px;} .funnel-avg-aum h4{width:100%; font-size:24px; margin-top: 44px;} /*------------------end left nav---------------------------*/ .tab-content{border:solid 1px #434760; padding: 15px;} .tab-content h6{color:#00aff0; font-family:'Conv_MuseoSans_2',Sans-Serif;} .control-label{color:#fff; font-weight: normal; font-size: 15px; margin-bottom: 15px;} .form-control{background: rgba(0,0,0,0.2); color:#fff;/* background:transparent; */border:solid 1px #434760} .table-responsive a{color:#1a9fd3} .profile{margin:auto; text-align: center; } .profile img{background:#ddd; width:90px; height:90px; margin:15px;} .client-wrap{color:#fff} .client-name{font-size:18px;} .client-wrap .title{color:#fff; padding:10px 0 5px 0; } .client-wrap .details{color:#ababab; word-wrap: break-word;} .category{ display: block; width: auto; padding: 3px 12px; font-size: 14px; line-height: 1.42857143; color: #fff; background-color: #2c3338; background-image: none; border: 1px solid #282828; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .select-days{ display: block; width: auto; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; background-image: none; color: #fff; background-color: #2c3338; border: 1px solid #434760; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .executed{color:#52c770} .pending{color:#ff9c3c} .expired{color:#ff3333} .failed{color:#ff470e} .total-box{background:rgba(255,255,255, 0.1); min-height:200px; border:solid 1px #434760; border-radius: 4px;} .total-box table{width:100%; text-align:center;} .total-box td{padding:15px;} .total-box h3{font-size:30px; margin:auto} .total-box h4{font-size:16px; margin:auto; color:#a9aab2; padding: 6px 0;} .sub-title h3{color:#00aff0; padding:10px 0;font-size: 18px; margin: auto;} .app-navigation {background:#1d2029; margin:auto; padding:15px } .app-navigation img{ margin:auto} /*------------------min 768 max 991---------------------------*/ @media (min-width : 768px) and (max-width : 991px){ } /*------------------min 768 max 991---------------------------*/ @media (min-width : 1024px) and (max-width : 1175px){ .page-name { width: 300px; text-align: center !important; } } /*------------------min 480 max 767---------------------------*/ @media (min-width : 480px) and (max-width : 767px){ .header-portal-name{display:none} } /*------------------min 480 max 767---------------------------*/ /*------------------max 479---------------------------*/ @media (max-width:479px) { .funnel-wrap p{padding:0; margin: 0; font-size: 10px;} .funnel-wrap{ margin: auto; padding: 0; background: url(../../images/cee-images/funnel.png); width: 100%; height: 500px; background-repeat: no-repeat; float: left; background-size: 180px; } .width250{width:180px} .funnel-lead{height:100px; width:100%;} .funnel-lead h3{width:100%; font-size:20px; text-align:center; padding-top:35px;} .funnel-ws{height:45px; width:100%;} .funnel-ws h3{width:100%; text-align:center; font-size:18px; margin-top: 10px;} .funnel-app-download{height:40px; width:100%;} .funnel-app-download h3{width:100%; text-align:center; font-size:16px; margin-top: 10px;} .funnel-ac-open{height:40px; width:100%;} .funnel-ac-open h3{width:100%; text-align:center; font-size:16px; margin: auto;} .funnel-investment-made{height:40px; width:100%;} .funnel-investment-made h3{width:100%; text-align:center; font-size:14px; margin-top: 0px; } .funnel-repeat-investment{height:30px; width:100%;} .funnel-repeat-investment h3{width:100%; text-align:center; font-size:12px; margin: auto;} .funnel-avg-aum{height:100px; width:100%;} .funnel-avg-aum h3{width:100%; text-align:center; font-size:20px; margin-top: 30px;} .funnel-avg-aum h4{width:100%; font-size:24px; margin-top: 20px;} .mb-none{display:none} } @media (max-width:680px) { .header-portal-name{display:none} } @media (min-width:767px) { .portfolio{min-height:140px} .portfolio:hover{min-height:140px; background: #0699cd;} } @media (max-width:1023px) { .page-name{display:none} } @media (max-width:767px) { .border-left{none} } .redColor { color: red; } input[type="email"], input[type="password"], input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; // Increase height as required margin-bottom: 30px; padding: 0 20px; // Now only left & right padding } .modal-header{color: #000; padding:4px !important} .modal-title{color: #000; font-size:22px!important;} .modal-body {padding:10px; color: #000;}