/* *****************shamshad siddique 13.11.2017*************** */ body{margin:0; padding:0;overflow-y: scroll; overflow-x: hidden;font-family: 'Open Sans', sans-serif !important;background: #393f4f;} #advancepanel ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000;font-size:15px;font-style: normal !important;} #advancepanel ::-moz-placeholder { /* Firefox 19+ */ color: #000;font-size:15px;font-style: normal !important;} #advancepanel :-ms-input-placeholder { /* IE 10+ */ color: #000;font-size:15px;font-style: normal !important;} #advancepanel :-moz-placeholder { /* Firefox 18- */ color: #000;font-size:15px;font-style: normal !important;} #loading-left{width: 100%;top:0px;height: 100% !important;min-height: 500px; left: 0; position: absolute;display: block; background-color: #fff; z-index:1; text-align: center;} #loading-image-left {width:104px; float:left; margin:auto;position:relative;top:33%;left:35%;z-index: 1000;height:104px;text-align:center;} /* Loader */ #loading {width: 100%;top: 0;height: 100% !important; left: 0; position: absolute;display: block; background-color: #fff; z-index: 99999999999999999; text-align: center;} #loading-image {width:104px; float:left; margin:auto;position:absolute;top:20%;left:40%;z-index: 1000;height:104px;text-align:center;} .topcontent{width:100%; float:left;background: transparent !important;border-color:transparent !important;border-radius:0px !important;margin-top:6%;} .submenuprofessnal ul{list-style: none;margin-bottom: 0px;} .submenuprofessnal li{display: table-cell;position: relative;background: #fff; padding: 0; margin: 0;border-right:1px solid #f3f3f3;} .submenuprofessnal li a {color:#000;padding: 6px 16px !important;margin: 8px 6px;line-height:50px;height:55px;font-size: 14px !important;text-decoration:none !important;} .submenuprofessnal li:last-child{border-right:0px solid #f3f3f3;} .submenuprofessnal li a:focus, .submenuprofessnal li a:hover {color: #00add1; text-decoration: underline;} .submenuprofessnal li a:focus, .submenuprofessnal li a:hover {color: #00add1; text-decoration: underline;} .submenuprofessnal li a:active, .submenuprofessnal li a:hover { outline: 0;} .submenuprofessnal .active{color:#00add1 !important;} @media only screen and (min-width:1700px) and (max-width:1800px){ .topcontent {margin-top: 5.3%;} } @media only screen and (min-width:1400px) and (max-width:1600px){ .topcontent{margin-top: 5.8%;} } @media only screen and (min-width:1100px) and (max-width:1300px){ .topcontent{margin-top:7%;} } .btns{float:left; margin-top:15px;} .tabcol .tab-content{float:left;} .fif-col-area {width: 100%;margin: 0 auto;margin-left: 0%;margin-top: 12px;text-align: center;padding-bottom: 38px;} .fif-col-small {cursor: pointer;font-size: 15px;color: #000;font-family: 'Open Sans', sans-serif;line-height:18px;text-align: center;border:0px solid #626365;padding:5px 15px;} .filhead {color: #000000;font-weight: 600;font-family: Oswald; text-transform: uppercase;font-size: 22px;float: left; width: 100%;padding-bottom:6px;text-align: center;} .topheadactive{color:#FFFFFF;font-weight: 600;font-size:22px;padding: 1px 4px;} .fif-col-small .active{color: #FFFFFF !important; background:#4bc5df;-webkit-box-shadow: 0px 0px 4px 2px #000;-moz-box-shadow: 0px 0px 4px 2px #000;box-shadow: 0px 0px 4px 2px #000} .wk-mon {margin: 5px 0px;} .weekly-monthly a.active, .weekly-monthly-price a.active {color: #333 !important;text-decoration: none;font-weight: 500 !important;} .wk-on {background: url(https://i.marketsmojo.com/on_off.png) no-repeat 2px;padding: 5px 0 5px 42px;background-size:60% !important; text-decoration: none;font-weight: 500 !important;} .wk-off {background: url(https://i.marketsmojo.com/on_off2.png) no-repeat 2px;padding: 5px 5px 5px 42px;background-size:60% !important; text-decoration: none;font-weight: 500 !important;} .wk-mon-pop {margin: 5px 0px;} .weekly-monthly-pop a.active, .weekly-monthly-price-pop a.active {color: #333 !important;text-decoration: none;font-weight: 500 !important;} .wk-on-pop {background: url(https://i.marketsmojo.com/on_off.png) no-repeat 2px;padding: 5px 0 5px 42px;background-size:35% !important; text-decoration: none;font-weight: 500 !important;} .wk-off-pop {background: url(https://i.marketsmojo.com/on_off2.png) no-repeat 2px;padding: 5px 5px 5px 42px;background-size:35% !important; text-decoration: none;font-weight: 500 !important;} .alert-warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;/* padding: 5px; */margin: 8px 4px !important;} .filtercloseicon{float: none !important; position: relative !important;font-size: 16px !important;right:0px !important;top:4px !important;} .topwhitetext{color:#333 !important;} .popuptext{font-size:15px !important;font-weight: 300 !important;margin-bottom: 20px !important;color: #fbee5d !important;line-height:1.5;} input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { height: auto;} .topmaindiv {width: 100%;float: left;/* margin: 0 auto; */margin-top: 92px;background: #fff;} .red {color: #fd6d5a !important;} .bottomrow {width:99%;float:left;margin:auto;position:relative;top:-21px;left:5px;border-bottom:1px solid #afa0a0;} .screenertab1{width:23%;text-align:center;/* border-right: 1px solid #c9c9c9; */} .screenertab2{width:23%;text-align:center;/* border-right:1px solid #757575; */} .screenertab3{width:23%;text-align:center;/* border-right:1px solid #757575; */} .screenertab4{width:10%;text-align:center;border-right:0px solid #757575;} .screenertab5{width:21%;text-align:center;border-right:1px solid #757575;} .main-body-new .sub-nav, .sub-nav ul {background: #ebeef3;float: none;/* border-top: 1px solid #cfd3d9; */} .main-body-new nav.navbar {margin-bottom: 0 !important;min-height: inherit !important;} .main-body-new .sub-nav nav {line-height: 44px;height: 32px;-webkit-box-shadow:0px 0px 0px 0px #000;-moz-box-shadow: 0px 0px 0px 0px #000;box-shadow: 0px 0px 0px 0px #666;} .main-body-new .navbar-collapse.collapse {display: block!important;height: auto!important;padding-bottom: 0;overflow: visible!important;padding: 0;} .main-body-new .sub-nav li.active > a {background: #00add1 !important;border-bottom: 0px solid #00add1;border-top: none;color: #fff !important;height:32px;} .main-body-new .sub-nav li.active > a :hover{height:32px !important;} .main-body-new .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: #00add1;height:32px;} .main-body-new .navbar-nav>li>a {padding-top:6px !important;padding-bottom: 10px;line-height: 20px;height:32px;font-weight: 600;color: #000;text-transform: uppercase !important;} .tablemargin{margin-top:8%;} .table-head{font-size:15px !important; /* font-weight:600 !important; */text-align:center !important;/* border-right: 1px solid #afa0a0; */ padding: 0px 0px 10px 2px !important;} .table-small{font-size:15px !important; font-weight:400 !important;text-align:center !important;} .bottombuttonarea{text-align: center;margin-bottom:0px;} h2 {font-size:16px;line-height: 2.2rem;font-weight: 500;color: #3e4850;} h3 {font-size:15px;line-height: 2rem;font-weight: 400;margin: 6px 0 8px 0;} .h1, .h2, .h3, h1, h2, h3 {margin-top: 6px;margin-bottom: 10px;} .mojo-points-new .green-mojoN {background: url(https://i.marketsmojo.com/green_mojo_bg.png) no-repeat;width: 52px;height: 52px;background-size: contain;margin-right: 1px;display: inline-block;float: left;} .mojo-points-new .grey-mojoN {background: url(https://i.marketsmojo.com/grey_mojo_bg.png) no-repeat;width: 52px;height: 52px;background-size: contain;margin-right: 1px;display: inline-block;float: left;} .mojo-points-new .red-mojoN {background: url(https://i.marketsmojo.com/red_mojo_bg.png) no-repeat;width: 52px;height: 52px;background-size: contain;margin-right: 1px;display: inline-block;float: left;} .mojo-points-new .orange-mojoN {background: url(https://i.marketsmojo.com/orange_mojo_bg.png) no-repeat;width: 52px;height: 52px;background-size: contain;margin-right: 1px;display: inline-block;float: left;} .mojo-points-new .down-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_dwn.png) no-repeat;background-size: contain;height: 60px;width: 20px;display: inline-block;position: relative;top: 13px;left: 15px;} .mojo-points-new .up-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_up.png) no-repeat;background-size: contain;height: 60px;width: 20px;display: inline-block;position: relative;top: 13px;left: 15px;} .mojo-points-new .mid-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_mid.png) no-repeat;background-size: contain;height: 60px;width: 36px;display: inline-block;position: relative;top: 15px;left: 9px;} .mojo-points-new aside {float: left;margin-left: 5px;} .mojo-points-new aside h6 {font-size:13px;} .mojo-points-new aside p {margin: 0;padding: 3px 0;font-size:14px;font-weight: 500;} .mojo-points-new aside div {font-size:12px;font-weight: 500;color: #9daab4;} .mojo-points-new {padding: 5px 0 0 0px;border-top: 0px solid #e7e7e7;margin-top: 5px;background: url(https://i.marketsmojo.com/mojo_ver.png) left center no-repeat;margin-left:4px;} .link-text {text-decoration: none !important;} .mojo-points-new h6 {font-size:12px !important;font-weight: 500;line-height: 15px;color: #000000 !important;text-transform: uppercase;} .recostocklink a{color: #fff;background-color: #31b0d5;border-color: #269abc;padding:4px 12px; font-size: 14px;font-weight: 400;text-align: center;margin-top:-4px;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border: 1px solid transparent;border-radius: 4px;} .buttonmargin{position:relative; right:20%;} .leftpoupscroll{overflow: hidden; overflow-y: auto; height: 400px;} @media only screen and (min-width:1025px) and (max-width:1400px) { .fif-col-area{padding-bottom: 24px;} } @media only screen and (min-width:960px) and (max-width:1024px) { .fif-col-area{padding-bottom: 24px;} .main-body-new .navbar-nav>li>a{font-size: 14px;padding: 10px 4px;} } @media only screen and (min-width:750px) and (max-width:960px) { .main-body-new .navbar-nav>li>a{font-size: 14px;padding: 6px 40px;margin-top: 0px;margin-left: 10px;} } @media only screen and (min-width:760px) and (max-width:960px) { .fif-col-area{margin-top: 12px;} .filhead {color: #000000;font-weight: 600;font-family: Oswald;text-transform: uppercase;font-size: 22px;line-height: 28px;float: left;width: 100%;padding-bottom:6px;text-align: center;} } /* ////////////////////////////////new page end css/////////////////////// */ #profileEdit .close-blk {position: absolute;top: 5px;right: 5px;} #profileEdit .close-blk {background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;} .topmaindiv .modal .modal-close {cursor: pointer;} .topmaindiv .close-blk {position: absolute;top: -10px;right: -10px;background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;} .topmaindiv .modal {left: 0;right: 0;padding: 0;width: 85%;margin: 0 auto;overflow: visible!important;border-radius: 2px;will-change: top,opacity;font-size: 14px !important;background-color: transparent;} .topmaindiv .modal section, .modal .modal-secnd {float: left;width: 100%!important;border-radius: 2px;background: #374047;height: auto!important;margin: 0;-webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,.59);-moz-box-shadow: 0 0 18px 0 rgba(0,0,0,.59);box-shadow: 0 0 18px 0 rgba(0,0,0,.59);padding: 7px;} .topmaindiv .mod-cont {background: none;overflow: hidden;overflow-y: hidden!important;border-radius: 5px;} .topmaindiv .model-head {background: #374047;color: #fff;font-size:16px !important;line-height: 2rem;} .topmaindiv .comp-name {float: left;font-size:14px;font-weight: 300;padding-bottom: 10px;} .topmaindiv .ad-ac-modal .modal-secnd .modal-content, .edit-ac-modal .modal-secnd .modal-content {padding: 0 10px!important;} .edt-pfl-cont {padding: 10px;} .prof-edit-sec {text-align: center;} .prof-edit-sec img {border-radius: 50%;width: 70px;height: 70px;margin-bottom: 10px;} .recotop-section{width:100%; float:left; margin:auto; background-color:#3a4050; margin-top:7%;} .recotop-section-col{/* background:#FFFFFF; */ padding:0px 14px; margin-top:5px; margin-bottom:5px;} .borderline-icon{background: url(https://i.marketsmojo.com/border-icon.png) no-repeat;width:13px;height:145px;background-size:contain;margin-top:0px; text-align:right;} .recofoot-note {font-size:12px;font-style: italic;margin-top: 4px;text-align:center; margin-bottom:0px;} .recotop-section-head{font-size:16px; font-weight:700; margin-bottom:10px; margin-top:6px;} .reco-leftarea .nav-tabs>li.active>a{color: #FFFFFF;cursor: default;background-color: #00add1;border-top:0px solid #00add1;border-bottom-color: transparent; /* text-decoration: underline; */} .navli{width: auto;} .reco-leftarea .nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: #00add1; color: #FFF;} .reco-leftarea-bottom .panel-title a {/* border-top: px solid #43495b; */padding: 5px 2px;color: #696f81;display: block;background: url(https://i.marketsmojo.com/dropdown_arrow_mob.png) no-repeat 96% 50%;font-size: 14px !important;} .reco-leftarea-bottom .panel-title-check a {/* border-top: px solid #43495b; */padding: 5px 2px;color: #696f81;display: block;font-size: 14px !important;} .reco-methbtn{width:100%; color:#FFFFFF !important; font-size:18px; font-weight:300; margin-bottom:0px;} .reco-feedbackbtn{width:100%; color:#FFFFFF !important; font-size:18px; font-weight:300; margin-bottom:15px;} .fif-col-area li{display:inline-block;margin-left: 0%; margin-top:0%;text-align: center;background: #ebeef3;padding: 25px 38px;} .fif-col-area .active {background:#4bc5df;color:#FFF !important;} .toplink{color:#FFF !important;} /* .fif-col-area a :hover {background:#4bc5df;color:#FFF !important;} */ .fif-col-head {font-size: 36px;color: #FFFFFF; font-weight: 300;} .brokerlist-head {font-size: 36px;color: #FFFFFF; font-weight:100;text-align:left !important;margin-bottom:15px;} /* .fif-col-small {font-size: 16px;color: #FFFFFF; font-weight: 300; margin-top: 1.6%; line-height: 1.5;} */ .table>thead>tr>th {vertical-align: bottom;border-bottom:0px solid #ddd !important;} #mobile-demo ul {height: 147px !important;overflow: hidden; overflow-y: auto; border-left: 2px solid #00add1;} #mobile-demo ul li a {text-transform: uppercase !important;} .main-body-new {/* background: #fff; */width:100%;float:left;margin:auto;margin-top: 0;height:46px;border-bottom: 16px solid #333333;/* overflow: hidden; */position: relative;top: 0;z-index: 3;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;} .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:10px;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} .top-section{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:7%; text-align:center;} /* .top-section-col{background:#FFFFFF;border-radius: 4px; padding:15px 10px; height:140px; margin-top:15px; margin-bottom:15px;} */ .top-section-col{/* background:#FFFFFF; */border-radius: 4px; padding:15px 10px; height:140px; margin-top:15px; margin-bottom:15px;} .top-section-head{font-size:18px; font-weight:700; margin-bottom:0px; margin-top:6px;} .top-section-head2{font-size:18px; font-weight:700; margin-bottom:15px;margin-top: 14%;} .margin-box-text{margin-top:3.5%; margin-left:0%; text-align:center; margin-right:15px; text-transform:uppercase;} .top-section-col hr {margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 1px solid #eee;} hr.style-two {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(95, 95, 95, 0.75), rgba(0, 0, 0, 0));} .star-icon{background: url(https://i.marketsmojo.com/star.png) no-repeat;width:14px;height:13px;background-size:contain;margin-top:0px;display: inline-block;} .star-blank-icon{background: url(https://i.marketsmojo.com/blank-star.png) no-repeat;width:14px;height:13px;background-size:contain;margin-top:4px;display: inline-block;} .loadmorearea{position:relative;/* z-index:99999; */ text-align:center; margin-top:20px; margin-bottom:4px;} .left-searchbox{overflow:auto; height:150px;} .margin30{margin-top:30px;} .margin35{margin-top:35px;} .filter{display:none !important;} .top-head{padding:0px; font-size:22px; color:#000000; font-weight:700; margin-top:3%; margin-bottom:4px;margin-left:18px;} .margin-bottom{margin-bottom:5%;} .colum{width:33%; float:left; margin:auto; padding:10px; margin-bottom:1%;} .margin{margin-top:24%;} .leftarea{width:15%; float:left; margin:auto; margin-left:3%;} .leftarea2{width:15%; float:left; margin:auto; margin-left:36%;} .rightarea{width:80%; float:right; margin:auto;} .leftarea-bottom{width:33%; float:left; margin:auto; margin-left:3%;line-height: 1.3;} .rightarea-center{width:32%; float:left; margin:auto;line-height: 1.3;} .rightarea-bottom{width:30%; float:left; margin:auto;line-height: 1.3;} .icon-bg{ background-image:url(https://i.marketsmojo.com/img-icon.png); width:57px; height:46px;} .icon-bg02{ background-image:url(https://i.marketsmojo.com/img-icon.png); width:57px; height:46px;} .text-padding{padding:14px; font-size:16px; color:#FFFFFF; font-weight:700;} .text-top{font-size:20px; color:#FFFFFF; font-weight:700;} .text-top0{color:#36444a; font-weight:500; margin-bottom:0px;} .stockname{position:relative;left: 0%;text-align:left;right:0px;font-size:15px;font-weight: 400; color:#00add1 !important;} .price-text-new{position: relative;left: 0%;text-align: right;right:0px;font-size:15px;font-weight: 400;} .text-top001{font-size:13px; color: #00add1; font-weight:500;} .brudcrum li{list-style:none; display:inline-block; margin:0px 5px 4px 0px !important; color:#36444a; font-size:14px;} .brudcrum li .chip i.material-icons {cursor: pointer; float: right;font-size: 16px;line-height: 12px; padding-left: 8px; margin-top:4px; color:#000000 !important;} .brudcrum-new li{list-style:none; display:inline; margin:0px 5px 8px 0px !important; color:#36444a; font-size:15px;line-height: 2.3;} .brudcrum-new li span{float:left !important;} .brudcrum-new span{float:left !important;} .reco-price li{list-style:none; display:inline-block;} .reco-price ol, ul {margin-top: 0; margin-bottom:0px; margin-left:0px !important; padding:0px;} .brudcrum-head{font-size: 18px !important;background: #00add1;padding: 4px 5px; color: #FFF; font-weight:600;} .border-margin{float:left;border:1px solid #ccc;padding:2px 2px;border-radius:3px;background: #e2e2e2;margin:4px 4px;line-height: 1.3;} .reco-price02 ol, ul {margin-top: 0; margin-bottom:0px; margin-left:10px; padding:0px;} .reco-link{color: #a9adaf;} .subactive{background-color: #292929 !important;} .applied{float: left;position: relative;top: 7px;} .text-top2{font-size:13px; color:#979ba5; font-weight:600;} .text-top3{font-size:17px; color:#09c488; font-weight:600; margin-top:6px;} .text-top5{font-size:17px; color:#979ba5; font-weight:600; margin-top:15px; text-align:center;} .text-top4{font-size:11px; /* color:#979ba5; */font-weight:400;} .text-top4-active{font-size:12px; color:#FFFFFF; font-weight:400;} .text-bottom-new{font-size:11px; color:#979ba5; font-weight:400;text-align:center; position:relative; bottom:6px;} .text-bottom{font-size:11px; color:#979ba5; font-weight:400;text-align:right; position:relative; bottom:6px;left:6px;} .icon-margin{margin-top:10px;} .text-top-right3{font-size:13px; color:#FFFFFF; font-weight:600;} .text-top-right4{font-size:17px; color:#09c488; font-weight:600;margin-top:6px;} .maindiv2{width:100%;float:left; margin:auto;background-color:#3a4050;background-image:url("https://i.marketsmojo.com/table-bg.jpg");} .leftextarea{width:23.3%; float:left; margin:auto;position: relative; background-color:#323847;margin-bottom: 25px; border-right:1px solid #474e60;background-image:url("https://i.marketsmojo.com/left-menu-bg.jpg");top:0px; } .leftextarea-anlst{width:23.3%; float:left; margin:auto;border-right:0px solid #474e60;background-color:#ebeef3;height:auto;} .nav-sidebar2 ul li {width:100%;line-height:14px;padding: 0px 8px; background-color:#333;border-bottom: 1px solid #4a4949; } .nav-sidebar2 ul li a {color: #c8eeff;border-left:4px solid #333; text-decoration:none;background-color:#333;} .nav-sidebar2 ul li .active {color: #c8eeff;border-left: 4px solid #00acd0;/* background-color: #00acd0; */float: left;width: 100%;background-color: #000 !important;padding: 3px 6px 0px;} .leftside{font-size:12px;color:#c7c7c7;margin-top:0px; /* font-style:italic; */} .leftlistmargin{padding:10px 0px;} .leftmenu-margin-text4{margin-left:0%;text-transform: none; font-weight:100; color:#FFFFFF;} .leftmenu-margin-text01{margin-left:0%; text-transform: none !important;} .leftmenu-margin-text01{margin-left:0%; text-transform: none !important;} .leftmenu-margin-text02{margin-left:0%;text-transform: none;} .leftmenu-margin-text03{margin-left:2%;} .menu-text{ color:#364445;} .headmarginarea02{margin-left:0%; background-color:#b5b9c2; padding:8px 0px; margin-top:0%;border-bottom:1px solid #848891;} .headmargin02{margin-left:5%; margin-top:3%; font-size:22px; color:#FFFFFF; padding:4px; margin-bottom:10px;} .righttextarea{width:75%; float:right; margin:auto; margin-left:0%; margin-right:1%; position:relative; z-index:99;min-height:540px;} .righttexcontent{width:100%; float:left; margin:auto;margin-left:0%; margin-top:3px;} .righttextarea02{width:75%; float:right; margin:auto;margin-left:0%; margin-right:1%; position:relative;margin-top:0%;} .righttexcontent2{width:100%; float:left; margin:auto;margin-left:0%; margin-top:0px;} .borderarea{width:98%; float:left; margin:auto;margin-left:0%; margin-top:0%;} .headmarginarea{margin-left:0%; margin-top:0%;border-bottom:1px solid #474e60;} .headactive{padding:0px 0px 8px 0px;border-bottom:0px solid #474e60;background:#00add1;} .headactive2{padding:0px 0px 8px 0px;border-bottom:0px solid #474e60;background:#3f3f3f;} .headmargin_new {margin:3px 14px;font-size: 20px;color: #FFFFFF;padding: 8px 0px 3px 0px;} .headmargin{margin:3px 14px;font-size: 20px;color: #FFFFFF;padding: 8px 0px 3px 0px;} .headmargin3{margin-left:4%; margin-top:0%; font-size:22px; color:#696f81; padding:4px; margin-bottom:10px;} .headmargin4{margin-left:4%; margin-top:0%; font-size:22px; color:#696f81; padding:4px; margin-bottom:10px;} .headmarginarea2{margin-left:0%; margin-top:0%;border-bottom:1px solid #474e60; background-color:#2e3340; height:30px;} .headmargin2{margin-top:0%; font-size:14px; color:#696f81; padding:5px; margin-left:4%;} .broker-rank{width:50%; float:left; margin:auto;} .broker-rank-arrow{width:50%; float:right; margin:auto; text-align:right;} .reco-leftarea .panel-heading {width:100%;float: left;padding: 5px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;} .panel2 {margin-bottom: 2px !important;} .reco-leftarea .panel-group {margin-bottom:0px;} .righttexcontent2 .panel-group .panel { margin-bottom: 0; border-radius: 4px; border-color: #98989a !important;} .reco-leftarea .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: transparent;width: 100%; float: left;} .panel-default {border-color:inherit !important;width: 100%;float: left;} .righttextarea .panel-default>.panel-heading {color: #333;border-color: #5e5e5f !important; background-color:#5d6272 !important; } .reco-leftarea .panel-collapse > ul{padding:4px;} [type="checkbox"].filled-in:checked + label:after {top: 0px;width: 20px;height: 20px;border: 2px solid #5d6272; background-color: #5d6272 !important;z-index: 0;} .filled-in[type="checkbox"]:not(:checked) + label::after {height: 20px;width: 20px;background-color: #262a35;border: 2px solid #414658 !important;top: 0px;z-index: 0;} .filled-in[type="checkbox"]:not(:checked) + label::after {height: 20px;width: 20px;background-color: #262a35;border: 2px solid #414658 !important;top: 0px;z-index: 0;} .right-head{font-size:22px; font-weight:600; color:#FFFFFF; margin-left:0%; margin-top:2%;margin-bottom:6px;} .rhs-scr {box-sizing: border-box; width: 100%; float: left; padding: 30px; min-height: 500px;} .scr-result1 {background: #FFFFFF; padding: 10px; border-top-right-radius: 5px;border-top-left-radius: 5px; margin-top:4px !important; margin-left:0%;} .scr-result3 {background: #FFFFFF; padding: 10px; border-top-right-radius: 5px ;border-top-left-radius: 5px; margin-top:16%; margin-left:5%;} .listtoparea{width:99.6%; float:left; margin:auto; border: 1px solid #d7dadb;background: #f1f2f3; padding:0px 10px; position:relative; left:4px;top:6px;} .rocomargin{position:relative;left:4px;top:1px;} .listhead1{font-size:15px !important; color: #3e4850;text-decoration: none !important;text-align:left;} .listhead{font-size:15px !important; color: #3e4850;text-decoration: none !important;text-align:right;} .gridhead{text-align:center;} .numbermargin{position:relative; left:0%; text-align:right;} .targetmargin{position:relative; left:0%; text-align:right;} .averagemargin{position:relative; left:0%; text-align:right;} .targetbottom{margin-top:5px;margin-bottom:0;} .potentialcol{width:auto; float: left; margin: auto;position:relative; top:6px;left:5%;} .columbg{font-size:16px;font-weight:500; margin-bottom:0px;text-align:center;background:#ececec;padding:3px 6px;border-radius:6px;} .columbgnone{font-size:16px;font-weight:500; margin-bottom:0px;text-align:center;/* background:#e2e2e2; */padding:3px 6px;border-radius:6px;} .recoarrowmargin{top:-13px;position:relative;} .scr-resultempty {width:100%;float:left;margin:auto;margin-top:0%;margin-left:0%;} .scr-resultempty .alert {text-align: center !important; width: auto; margin-top: 2% !important;} .soursetextlink{color:#a9adaf; font-size:13px; font-weight:500; margin-top:0px;text-align:center;} .scr-result2 {width: 100%; float: left;/* overflow-x: scroll;overflow-y: hidden; */background: #ffffff; padding: 10px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;margin-top:0px;margin-bottom:3%; margin-left:0%;} .scr-result-list1 {width:100%; float:left; margin:auto;background: #FFFFFF; padding:5px 5px 0px 0px; border-bottom-right-radius:0px;border-bottom-left-radius:0px;margin-top:0%;margin-bottom:0%; margin-left:0%;} .scr-result-list {background: #FFFFFF; padding:5px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;margin-top:0%;margin-bottom:0%; margin-left:0%;} .reco-leftarea .panel-collapse > ul > li > span {position: absolute; right: 5px;} .reco-leftarea .panel-title a {border-top:0px solid #43495b;padding: 5px 2px;text-transform:uppercase;color: #696f81;display: block;background: url("https://i.marketsmojo.com/dropdown_arrow_mob.png") no-repeat 98% 50%;font-size: 13px !important;font-weight:400;} .panel-title a:first-letter {text-transform: uppercase;} .panel-title :first-letter {text-transform: uppercase;} .reco-leftarea .panel-title-check a {border-top:0px solid #43495b;padding: 5px 2px;color: #696f81;display: block;font-size: 14px !important;} .border-right{border-right:0px solid #d7dadb; padding:9px; margin-top:0px; color:#d7dadb; font-size:16px;} .star li{list-style:none; display:inline-block; margin:0px 2px 0px 0px;} .margin-star02{margin-top:3%;} .table1>tbody>tr>td, .table1>tbody>tr>th, .table1>tfoot>tr>td, .table1>tfoot>tr>th, .table1>thead>tr>td, .table1>thead>tr>th {padding:2px 4px !important;margin:0px 100px 0px 0px !important;line-height: 1.42857143; vertical-align: top; border-top: 1px solid #4ba7c1;} .table1 { width: 100%; max-width: 100%;margin-bottom:0px !important;} .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border: 1px solid #ddd;} /* *******************mobile only**************************** */ .resultmobarea{width:100%;position:relative;display:none;margin-bottom:5px !important; display:block;padding:2px 2px !important;} .screenertabhead{text-transform: none !important;/* font-size: 15px !important; */} @media only screen and (max-width:750px){ .maindiv2{margin-top: 10px;padding: 0px 0px 0px;} .brudcrum-new li span {float: left !important; margin: 0px 2px;} .brudcrum-new li{list-style:none; display:inline-block; margin:0px 5px 13px 0px !important; color:#36444a; font-size:15px;line-height:1.1;} .resulttd{width:55%;} .resultmobarea{width:100%;float:left;position:relative;display:block;margin-bottom:5px !important; display:block;padding:2px 2px !important;} .tabcolmob{width:100%; float:left;margin:auto;} .checkstockareamob{width:12%;float:left; position:relative;margin-top:0;z-index: 100;} .stockareamob{width:88%;float:left; position:relative;margin-top:0;line-height: 1.1;font-size:14px;} .checkstockareamob [type="checkbox"]:not(:checked), [type="checkbox"]:checked {visibility: initial;height: 17px; width: 17px;margin:0px 0px;} #screenmob .table1 th, .table1 td {font-size: 14px;font-weight: 400;/* text-align: center; */word-spacing: 3px;vertical-align: top;} #screenmob .table1 th {border-top: 2px solid #ddd;} #screenmob .table1>tbody>tr>td, .table1>tbody>tr>th, .table1>tfoot>tr>td, .table1>tfoot>tr>th, .table1>thead>tr>td, .table1>thead>tr>th {padding:3px 4px !important;line-height: 1.42857143;vertical-align: top;border:1px solid #ddd; height:36px;} #screenmob.table1 td {background: #fff;} #screenmob table td.red, .table1 td.red, .table1 div.red, .table-card td.red, .table-card div.red, .pf-folio-tab2 td.red {background: #fcefee;} #screenmob table td.green, .table1 td.green, .table1 div.green, .table-card td.green, .table-card div.green, .pf-folio-tab2 td.green {background: #e6f9f3;} #screenmob .resultdate{width: 100%;margin:auto;font-size:12px !important;margin-top: 3px;} } .panel-heading { padding: 10px 14px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #e6e2eb; } @media only screen and (max-width:320px){ .resulttd {width: 48%;} .checkstockareamob{width:15%;float:left; position:relative;margin-top:0;z-index: 100;} .stockareamob{width:85%;float:left; position:relative;margin-top:0;line-height: 1.1;font-size:14px;} } .margin10{margin-top:10px;} .margin15{margin-top:15px;} .margin20{margin-top:20px;} .margin25{margin-top:25px;} .margin30{margin-top:5%;} .margin35{margin-top:5%;} .margin-short{margin-top:0% !important; text-align:left; margin-left:10px;} .short-color{color:#3b444b !important;font-size:15px !important;} .short-color2{color:#3b444b !important;font-size:15px !important;} .hand-text{padding:6px 0px 0px 22px !important; background: url(https://i.marketsmojo.com/hand.png) no-repeat top left; background-position: 0% 0%; margin-bottom:10px;text-align: left !important; text-align:left !important;} .hand-text-down{padding:6px 0px 0px 22px !important; background: url(https://i.marketsmojo.com/thumbdown-img.png) no-repeat top left; background-position: 0% 0%; margin-bottom:10px;text-align: left !important; text-align:left !important;} .by-text{border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-left-radius:15px;border-bottom-right-radius:15px; background-color:#09c488; padding:2px 8px; font-size:15px; color:#FFFFFF; font-weight:500; margin-left:2px;} .sell-text{border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-left-radius:15px;border-bottom-right-radius:15px; background-color:#ff0000; padding:2px 8px; font-size:15px; color:#FFFFFF; font-weight:500; margin-left:18px;} .grey-text{border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-left-radius:15px;border-bottom-right-radius:15px; background-color:#c9c9cb; padding:2px 8px; font-size:15px; color:#FFFFFF; font-weight:500; margin-left:18px;} .sell-text{border-top-left-radius:15px; border-top-right-radius:15px; border-bottom-left-radius:15px;border-bottom-right-radius:15px; background-color:#ff0000; padding:2px 8px; font-size:15px; color:#FFFFFF; font-weight:500; margin-left:18px;} .green-mojo2, .gmojo {background: url(https://i.marketsmojo.com/grndot.png) no-repeat;width:10px;height:10px;background-size: contain;margin-right:2px;display: inline-block;} .orange-mojo2, .gmojo {background: url(https://i.marketsmojo.com/orgdot.png) no-repeat;width:10px;height:10px;background-size: contain;margin-right:2px;display: inline-block;} .red-mojo2, .gmojo {background: url(https://i.marketsmojo.com/reddot.png) no-repeat;width:10px;height:10px;background-size: contain;margin-right:2px;display: inline-block;} .grey-mojo2, .gmojo {background: url(https://i.marketsmojo.com/greydot.png) no-repeat;width:10px;height:10px;background-size: contain;margin-right:2px;display: inline-block;} .middle-border{border-top:1px solid #d7dadb;border-bottom:1px solid #d7dadb;background:#f1f2f3;} .middle-border-list{margin-left:0px;border-top:0px solid #d7dadb;border-bottom:1px solid #d7dadb;/* background:#f1f2f3; */} .midd-margin{margin-top:10px; margin-bottom:6px; margin-left:1%;} .midd-marginlist{margin-top:6px; margin-bottom:6px; margin-left:0%;} .exportcol{width:19%; float:left; margin:auto;} #navi {height: 50px;margin-top: 50px;} #menu {margin: 0 auto;padding: 0;} #menu01{margin: 0 auto;padding: 0;} #content {width: 100%;margin: 0 auto;margin-bottom:0px;padding: 0px 0;text-align: left;} .default {width: 100%;height: auto;} .fixed {width:75%;float:right;margin:auto;position: fixed;top:10%; z-index:10;} .default01 {width: 100%;height: 10px !important;} .fixed01 {width: 22.3%;float:left;margin:auto;position: fixed;top:10%;background-image: url(https://i.marketsmojo.com/left-menu-bg.jpg);background-color: #323847; border-right: 1px solid #474e60; z-index:10;} .default02 {width: 100%;height: 100px !important;} .fixed02 {width: 76%;float:right;margin:auto;position: fixed;top:22%; z-index:10;} .grid-toptext-right{margin-top:-4%; margin-right:2%;} .grid-toptext-right-text{font-size:32px; color:#d4d5da;} .reco-slide section {background: 0 0 !important; border: 0 !important;height:200px !important; min-height:180px !important;width:32% !important;border-radius: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, .59) !important;-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .59) !important;-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .59) !important;padding:4px; margin: 14px 9px;} .reco-arrow-green{width:0;height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent;border-bottom: 7px solid #15c061;} .reco-arrow-red{width:0; height: 0;border-left: 7px solid transparent; border-right: 7px solid transparent;border-top: 7px solid #e82f2f;} .reco-arrow-grey{width:16px;height:13px;display: inline-block; background-image: url(https://i.marketsmojo.com/grey_arrow_dsh-new.png); background-size: 100%;} .tab-maindiv{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:0%;} .reco-leftarea .nav-tabs>li {float: left; margin-bottom: 0px; width: 50%;text-transform: uppercase; font-size: 16px; font-weight: 700;} .tabnrank{width:50%; float:right; margin:auto;margin-right:2%;margin-top:10px;text-align:right;} .tabalmojo{width:40%; float:left; margin:auto;margin-top:6px;margin-left:2%;} .reco-leftarea .nav>li>a {position: relative;display: block; padding:7px 32px;color: #fff;} .reco-leftarea .nav-tabs>li>a {line-height: 1.42857143; border-top:0px solid transparent; background: #333;border-radius:0px 0px 0 0 !important;text-align: center;} .reco-tab .nav-tabs { border-top:0px solid #DDD;} .reco-tab .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {color: #fff !important;background-color: #00add1 !important;} .reco-tab .nav-tabs > li > a { border: none; color: #666; } .reco-tab .nav-tabs > li.active > a, .nav-tabs > li > a:hover {color: #FFF !important;background-color: #00add1 !important;} .reco-tab .nav-tabs > li > a::after { content: ""; background: #00add1; height: 3px; position: absolute; width: 100%; left: 0px; top:0px;} .reco-tab .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {color: #333 !important;background-color: #00add1;} .reco-tab .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } .reco-tab .nav-tabs > li.active > a, .nav-tabs > li > a:active {color: #333 !important;background-color: #00add1;} .rocomargin .nav>li>a:focus, .nav>li>a:active {text-decoration: none; color: #333 !important;background-color: #00add1;} .rocomargin .nav>li> a .active {text-decoration: none; color: #ffffff !important;background-color: #00add1;} .rocomargin .nav>li>a {position: relative; display: block;} .rocomargin .nav-tabs>li>a {margin-right: 4px; line-height: 12px;border: 1px solid #ccc; border-radius: 0;} .rocomargin .nav>li>a:focus, .nav>li> a.active {text-decoration: none; color: #ffffff !important;background-color: #00add1;border-color: transparent;} .brudcrum-head_new {font-size: 18px !important;padding: 4px 5px; color: #333;} .reco-tab .tab-pane {padding:10px 5px;} .reco-tab .tab-content{padding:4px;} .tab-content-margin{float:left;} .reco-tab .card {background: #ebeef3; } .padding5{padding:2px 0px 2px 0px;} .reco-tab .nav > li > a:hover, .nav > li > a:focus {background-color:transparent !important;} .reco-leftarea {width: 100%; padding: 2px 0;box-sizing: border-box;} .rhs-scr {box-sizing: border-box;width: 77%; float: left;padding: 30px;min-height: 500px;} .scr-result {background: #fff;padding: 10px; border-radius: 5px;} .scr-result h2 {font-size: 15px; font-weight: 600;} .scr-result .chip {font-size: 12px; padding: 2px 5px !important;line-height: 15px !important; margin: 0 2px;height: 22px;} .scr-result .chip .close {line-height: 15px;margin: 0;padding: 0;} .cont-body {margin-top: 85px !important;} .reco-leftarea h3 {font-weight: 100;color: #fff !important;font-size: 1.3rem; margin-bottom: 10px;padding: 0 10px;} .reco-leftarea .panel-body{padding:3px 7px !important;} .reco-leftarea .panel, .reco-leftarea .panel-title-check {margin: 6px 0px 0px 0px;color:#FFF;border-radius: 0 !important;border: 0 !important; background-color: #292929 !important;} .reco-leftarea .panel, .reco-leftarea .panel-title, .reco-leftarea .panel-heading {border-radius: 0 !important;border: 0 !important; background-color: #292929;} .reco-leftarea .active{background-color: #00add1 !important;} .reco-leftarea .panel-collapse > ul > li {position: relative;} .reco-leftarea .panel-collapse > ul > li > {position: absolute;right: -10px;} .reco-leftarea .panel-collapse > ul {padding: 10px;} .reco-leftarea .panel-collapse > ul > li {color: #d0d1d3 !important; padding: 10px 0;border-bottom: 1px solid #3d4253} .reco-leftarea .panel-collapse .panel-body > ul > li {color: #d0d1d3 !important; margin:4px 0px 0px 10px;border-bottom: 1px solid #3d4253} .reco-leftarea [type="checkbox"] + label {position: relative;margin-left: -9px;cursor: pointer;display: inline-block;height: 18px !important;line-height: 25px;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;left: 20px;top: 4px;} .searchindustry{width:92%; float:left; margin:auto;margin-bottom:15px;margin-left:6%;} [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; visibility: hidden; } [type="checkbox"] + label { position: relative; padding-left: 30px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } [type="checkbox"].filled-in:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; transform-origin: 100% 100%; } [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after { content: ''; left: 0; position: absolute; transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s; z-index: 1; } [type="checkbox"] + label:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } [type="checkbox"].filled-in:not(:checked) + label:after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 0px; z-index: 0; } [type="checkbox"].filled-in:checked + label:before { top: 0; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:checked + label:before { top: -4px; left: -3px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #26a69a; border-bottom: 2px solid #26a69a; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"] + label:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } ul {list-style: none} .input-field-scrn { width: 100%;background: #2b303d !important; padding: 10px 20px;} .input-field-scrn input {width: 80%; margin: 0; -moz-border-radius: 20px;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease; -webkit-border-radius: 20px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all .7s ease;background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 8px 8px #fff; border: 1px solid #d1d1d1; border-radius: 20px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #bebebe; font: bold 12px Arial, Helvetica, Sans-serif;padding: 8px 15px 8px 32px;transition: all .7s ease;} .input-field-scrn-new input {width: 80%;margin: 0; background: url(https://i.marketsmojo.com/search_icon-new01.png) no-repeat 95% 8px #2c313e;border: 1px solid #4b5161; color: #bebebe; font: bold 12px Arial, Helvetica, Sans-serif;padding: 10px 40px 10px 4px;transition: all .7s ease;} .reco-leftarea .panel-title-new a { border-top: 0px solid #43495b; padding: 10px 18px; /* text-transform: lowercase; */ color: #696f81; display: block; background: url(https://i.marketsmojo.com/dropdown_arrow_mob.png) no-repeat 93% 50%; font-size: 13px !important;font-weight:400;} #contentScroll {max-height:200px;overflow-y: auto; margin-top:4px; padding:5px;} #ulIndustry {max-height:200px;overflow-x: hidden; margin-top:4px;} .ulIndustry {height:94px;max-height:200px;overflow: auto;overflow-x: hidden; margin-top:4px;margin-bottom:0px;} #ulBroker {max-height:200px;overflow-x: hidden; margin-top:4px;} #ulAnalyst {/* max-height:500px;overflow-x: hidden; */margin-top:-6px;} .scr-result .chip {font-weight: 500; text-transform: uppercase; font-size: 12px;} .scr-result .chip small {font-size: 12px;color: #333; text-transform: lowercase !important;} .reco-search-analys{width: 80% !important;border-radius:0px !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #bebebe;padding: 8px 15px 8px 32px !important; background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 12px 12px #fff !important;height:22px !important;border:none !important;box-sizing: content-box !important; outline: none !important; margin: 0 0 15px 0 !important;} .social-bt {position: fixed !important;top: 45px !important;z-index: 8;right: 320px;height: 35px !important;padding: 5px 5px 5px 0;/* background: rgba(255, 255, 255, 0.3);*/border-radius: 5px;background: none !important;border:0px solid #fff !important;} .table-small2{font-size:12px !important;font-weight: 400; color: #6f747a;} .scr-result2.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {color: #fff !important; text-decoration:none;} .scr-result2.panel-title>.small, .panel-title-check>.small>a, .panel-title-check>a, .panel-title-check>small, .panel-title-check>small>a {color: #fff !important; text-decoration:none;} .tlh{width:100% !important;margin-bottom:2px !important;} .tlhtext{text-align:left !important;padding:7px 15px !important;} /* ***************01.12.2017* basic table******************** */ .checkstockarea{width:3%;float:left; position:relative;margin-top:0;z-index: 100;} .stockarea{width:86%;float:right; position:relative;margin-top:0;} .checkmark:after { content: ""; position: absolute; display: none;} .container input:checked ~ .checkmark:after {display: block;} .checkstockarea [type="checkbox"]:not(:checked), [type="checkbox"]:checked {visibility: initial;height: 17px; width: 17px;margin:2px 4px;} .editcheck{position: initial !important;} .margin-textnew0{padding: 3px 4px 0px 3px;position:relative;} .margin-textnew{padding:3px 4px 0px 3px;position:relative;} [class*="cols-"] {padding: 4px 70px 0px 6px !important; padding-bottom:0; /* background-color: rgba(86,61,124,.15); border: 1px solid rgba(86,61,124,.2); */} .product2{background-position: center;background-size: cover;background-repeat: no-repeat;margin: 0 ;min-height:35px;} .producthead {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-position: center; background-size: cover; background-repeat: no-repeat;margin: 0 ; min-height:55px;} .product {border-right: 1px solid #ddd;word-break: break-word; border-bottom: 1px solid #ddd;background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0 ; min-height:65px;} .lefcol{width:22%; float:left; margin:0 auto; font-size: 15px !important;} .rgcol{width:78%; float:left; margin:0 auto; font-size: 15px !important;cursor: -webkit-grab; cursor: -moz-grab;cursor: grab;} .cols-01{width:15%;} .cl{width: 100%; float:left; margin:auto;padding: 0px 0px 0px 0px !important;padding-bottom:0;border-left: 1px solid #ddd;} .clb{background-color: rgba(86,61,124,.15);padding:10px 4px 10px 6px;border-right: 1px solid #ddd;} .cl1{width: 100%; float:left; margin:auto;padding:5px 0px 2px 4px; background: #eeeeef;border-left: 1px solid #ddd;} .rgcl{width:100%; position: relative;overflow-y: hidden;margin-left:0px;} .scrdiv{display: inline-flex;margin-left:-15px;} .coldiv{width:100%; position:relative;min-width:170px;} .coldiv2{width:100%; position:relative;min-width:164px;} .coldiv3{width:100%; position:relative;min-width: 180px;} .coldivbg{background-color: rgba(86,61,124,.15);padding:8px 4px 10px 6px;cursor:pointer;} .contdiv{display:flex;float:left;} .broker-top-link{color:#333333;font-size: 14px !important;font-weight: 500 !important;} .righttexcontent2 .btn-floating { /* background: url(https://i.marketsmojo.com/addBut.png) no-repeat; */ background: #00add1 !important; height: 46px; width: 46px; box-shadow: none; background-size: contain;display: inline-block; color: #fff; position: relative; overflow: hidden;z-index: 1;border-radius: 50%;transition: .3s;cursor: pointer; vertical-align: middle;} .brudcrumgrid{width:100%; float:left; margin:auto;margin-left:0%;} .recodropdown{position: absolute; right:18px; margin-top:0px;z-index: 9999999999999;} .recodropdowntext{text-align: left;position:absolute;right:0;min-height:81px;} .recodropdowntext li {border-bottom: 1px solid #ddd;padding: 2px 0px;} .pf-menu2 .inline li {cursor: pointer; min-width: 192px !important; padding: 1px 0px;color: #333 !important; text-decoration: none !important; border-bottom: 1px solid #FFF; background: #eee; margin: 1px 2px;} .pf-menu2 .dropdown-menu:after {content: '';display: block;position: absolute; right: 12px;bottom: 100%;width: 0; height: 0; border-bottom: 10px solid #eee;border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;} .dvButton {display: none;position: fixed; bottom: 0; z-index: 999999999999; width: 100%;padding:4px; background: #ccc;} .blu-cir-btn-small {background: #00add1; border: 1px solid #00a0c9;padding: 0px 25px; height: 35px; font-weight: 400 !important; font-size: 14px; border-radius: 30px !important; color: #FFF;margin: 0px; text-transform: uppercase;font-weight: 500;} .green {color: #0ac488 !important;background: transparent;} .coldiv2 .green, .coldiv2 div.green{background: #e6f9f3;} .coldiv3 .green, .coldiv3 div.green{background: #e6f9f3;} .coldiv .green, .coldiv div.green{background: #e6f9f3;} .red {color: #e35744 !important;background: transparent;} .coldiv2 .red, .coldiv2 div.red{background: #fcefee;} .coldiv3 .red, .coldiv3 div.red{background: #fcefee;} .coldiv .red, .coldiv div.red{background: #fcefee;} .orange{color:#ffbb02 !important;background: transparent;} .coldiv2 .orange, .coldiv2 div.orange{background: #ffe9ad;} .coldiv3 .orange, .coldiv3 div.orange{background: #ffe9ad;} .coldiv .orange, .coldiv div.orange{background: #ffe9ad;} .plusiconmargin {top: 9px;position: relative;text-align: center;width: 100%;} .abcd input {-moz-border-radius: 5px;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;padding: 2px 6px;transition: all .7s ease;background: #f8f7fa;width: 80%;line-height: 15px;font-size: 14px !important;} .magic-radio,.magic-checkbox { position: absolute; display: none; } .magic-radio[disabled],.magic-checkbox[disabled] {cursor: not-allowed; } .magic-radio + label,.magic-checkbox + label {position: relative; text-align: left; font-size:14px !important; font-weight:400 !important; color:#383e4e !important; display: block; padding-left:0px;cursor: pointer; /* vertical-align: middle; */} .magic-radio + label:hover:before,.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color; } .magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top:0px;right: 11px;display: inline-block;width: 20px;height: 20px;content: '';border: 1px solid #c0c0c0; } .magic-radio + label:after,.magic-checkbox + label:after {position: absolute;display: none;content: ''; } .magic-radio[disabled] + label,.magic-checkbox[disabled] + label {cursor: not-allowed;color: #e4e4e4; } .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,.magic-checkbox[disabled] + label:hover,.magic-checkbox[disabled] + label:before,.magic-checkbox[disabled] + label:after {cursor: not-allowed; } .magic-radio[disabled] + label:hover:before,.magic-checkbox[disabled] + label:hover:before {border: 1px solid #e4e4e4;animation-name: none; } .magic-radio[disabled] + label:before,.magic-checkbox[disabled] + label:before {border-color: #e4e4e4; } .magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none; } .magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block; } .magic-radio + label:before {border-radius: 50%; } .magic-radio + label:after {top: 5px; right: 16px; width: 9px; height: 9px; border-radius: 50%;background: #3e97eb;} .magic-radio:checked + label:before {border: 1px solid #3e97eb; } .magic-radio:checked[disabled] + label:before {border: 1px solid #c9e2f9; } .magic-radio:checked[disabled] + label:after {background: #c9e2f9; } .magic-checkbox + label:before {border-radius: 3px; } .magic-checkbox + label:after {top: 2px;left: 7px;box-sizing: border-box;width: 6px;height: 12px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0; } .magic-checkbox:checked + label:before {border: #3e97eb;background: #3e97eb; } .magic-checkbox:checked[disabled] + label:before {border: #c9e2f9;background: #c9e2f9;} .showmore{padding: 7px 10px !important; font-size: 16px;font-weight: 200;background-color: #00add1 !important;color: #FFF;border-radius: 5px;} .table-button-next, .table-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top:0px;z-index: 10;cursor: pointer;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat} .table-button-next.table-button-disabled, .table-button-prev.table-button-disabled {opacity: .0;cursor: auto;pointer-events: none} .table-button-prev, .table-container-rtl .table-button-next {left: -10px;right: auto} .table-button-next, .table-container-rtl .table-button-prev {right: 10px;left: auto} .slidebuttonleft{position:fixed !important; z-index:9999999 !important;left:23% !important;top:70% !important;} .slidebuttonright{position:fixed !important; z-index:9999999 !important;right:0 !important;top:70% !important;} .arrowbuttonleft{top:6px !important;position:relative;font-size:28px !important; width: 100%;text-align: center;} .arrowbuttonright{top: 6px;position:relative;font-size:28px !important;width: 100%;text-align: center;} .subpanneltext{font-size:13px;font-weight: 400;position:relative;top:2px;} .pannellink a{font-size:13px;font-weight: 400;color:#FFF;} .subpanneltext2{font-size:13px;font-weight: 400;padding-left:30px;color:#5ccde4;} .subpanneltext3{font-size:13px;font-weight: 400;color:#FFF;margin: 2px 0px;text-transform:uppercase;} .pannelsubmenu{background-color:#403f3f !important;width: 100%; float: left;margin-top:-9px !important;padding: 0px 0px;font-weight: 400 !important;font-size: 13px !important;} .activehead{color:#FFFFFF !important;} .poporowpadding{margin:15px 0px 0px 0px !important;} .popupbottomarea{border:1px solid #00add1; padding:3px 3px;min-height:95px;} .popupofferbg{background:#00add1;padding:13px 3px; font-size:18px;font-weight:100; text-align:center;border-radius:0%;color:#FFF;line-height: 1.1;} .popuplogoarea{width:100%; float:left; text-align:right;position:relative; top:20px;} .moti-content_c .popuplogoarea{width:100%; float:left; text-align:right;position:relative; top:27px;} .popuplogi-img{width:60%;} .moti-content_c .popuplogi-img{width:60%;} .filterheadtext{display:inline-block; margin:0px 4px;} @media only screen and (min-width:960px) and (max-width:1024px) { .plusiconmargin{top: 8px;} .arrowbuttonright{top: 4px !important;} .arrowbuttonleft{top: 0px !important;} } @media only screen and (min-width:750px) and (max-width:960px) { .main-body-new {margin-top: 0px; height: auto;} .reco-leftarea .panel-collapse .panel-body > ul > li {padding:0px 0px;} .plusiconmargin{top: 7px;} .arrowbuttonright{top: 3px !important;} .arrowbuttonleft{top: 0px !important;} .slidebuttonleft{left: 3% !important;} } @media only screen and (max-width:750px){ .dvButton {padding: 4px 4px 9px;} .checkstockareamob [type="checkbox"]:not(:checked), [type="checkbox"]:checked {margin:0px 0px;} .stockfilter {margin-top: 22px;font-size: 12px !important;color: #FFFFFF;padding: 0px;margin-bottom: 0px;text-align: center; /* margin-left:6px;margin-right:0;float: left; */} .product {min-height: 70px;} .stockarea {width:83%;float: right; position: relative; margin-top: 0;} .slidebuttonleft{position:fixed !important; z-index:9999999 !important;left:0% !important;top:70% !important;} .lefcol{width:48%; float:left; margin:0 auto;} .rgcol{width:52%; float:left; margin:0 auto;} } @media only screen and (max-width:1150px){ .leftextarea{top:16px;} } @media only screen and (max-width:1150px){ .leftextarea{top:15px;} .stockarea { width: 84%; float: right;position: relative;margin-top: 0;} } /* *************Stock Ideas 08.11.2017**************** */ .right-table{width: 100%; float: left;margin:auto;position:relative;margin-bottom:10px;} .scr-resultnew {width: 100%; float: left; min-height: 600px;/* background: #ddd; */ background: url(https://i.marketsmojo.com/bgnew-screener.jpg) no-repeat; background-size: cover;background-position: center;padding: 10px; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;margin-top:10px;margin-bottom:3%; margin-left:0%;} .stockhead{font-size:22px; font-weight:500; font-family: Oswald; color:#000333; text-transform:uppercase;margin:15px 0px;} /* .boxcontent{position:relative;z-index:1;background: url(https://i.marketsmojo.com/boxbg-new.png) no-repeat;color:#000333;width:100%; height:188px;padding:16% 0px;margin-bottom:5%;background-size:100% 100%;border:0px solid #e0e0e0; border-radius:5px;} */ .boxcontent{position:relative;z-index:1;background-color:#FFFFFF;color:#000333;width:100%; height:188px;padding:16% 0px;margin-bottom:5%;background-size:100% 100%;border:0px solid #e0e0e0; border-radius:5px;} .boxcontent:hover {position:relative;z-index:99999999;background: #00add1;color:#FFF;-webkit-transition: background-color 0s ease-out; -moz-transition: background-color 0s ease-out; -o-transition: background-color 0s ease-out; transition: background-color 0s ease-out;} .boxcontent2{position:relative;z-index:9999999;color:#000333;cursor:pointer;background-size:100% 100%;} .boxcontent2:hover {position:relative;z-index:99999999;color:#FFFFFF;} .bgnew{/* background: url(../images/newbanner2.jpg) no-repeat; */width:100%; float:left; margin:auto; height:100%;} .bgtext{width:100%; height:188px;text-align:center; font-size:18px; font-weight:200;position: absolute;top:0;line-height:1.3;opacity:0;} .bgtext:hover{width:100%; height:188px;text-align:center; font-size:18px;padding:0px 12px; font-weight:200;position: absolute;top:0;line-height:1.3;opacity:1;} .bghead{font-size:18px; font-weight:500;text-transform:uppercase;line-height: 1.3;margin: 0px 0px;width: 100%; text-align: center;} .bgmargin{position:relative; top:18%;} .bghead2{position:absolute; z-index:2;font-size:20px;color:#000;font-family: Oswald; font-weight:500;text-transform:uppercase; text-align:center; width:98%;margin:23% 1%;line-height: 1.3;} .portfoliopopuparea{width:100% !important; margin:0 auto; margin-top:0%;z-index:99999999;background: transparent;} .smallpopup {background:#FFFFFF;border:1px solid #dadada;text-align: center !important;width: auto !important;float: left;margin: auto;margin-left:34%;margin-top:27%;z-index: 1155 !important;height: 100%;} .portfoliopopuparea .blu-cir-btn-small {background: #00add1;border: 1px solid #00a0c9;padding: 0px 25px !important;height: 35px;font-weight: 400 !important;font-size:13px;border-radius: 30px !important;color: #FFF;margin: 0px;text-transform: uppercase;font-weight: 500;} .modelsmallarea {padding: 10px 6px !important;text-align: left;border-bottom: 1px solid #efefef;font-size: 16px;font-weight: 400;text-align:center;} .modelfooter-small {padding: 12px !important;text-align: center !important;} .poptextmargin{margin:14px 0px;} .btn-info {color: #fff;background-color: #00add1 !important; border-color: #46b8da;} #accountwrap:after {content: '';display: block;position: absolute;right: 12px;top:-10px;/* bottom: 100%; */width: 0;height: 0;border-bottom: 10px solid #fff;border-top: 10px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;} #accountwrap .inline li {cursor: pointer;min-width: 192px !important;/* padding: 6px 4px; */color: #333 !important;text-decoration: none !important;border-bottom: 1px solid #FFF;background:#eee;margin: 1px 4px;} #accountwrap .portdropsubdown {margin-left: 0px; width: 188px;margin-top: 0px;max-height:216px;overflow-y: auto;overflow-x: hidden;} #accountwrap .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1025;display: block;float: left;min-width: 200px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;/* background-color: #f3f0f0 !important; */-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #FFF;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} #accountwrap .portdropdown {width: 180px !important;overflow-y: hidden;overflow-x: hidden;max-height:308px;float: right;margin-top:0%;background: #FFF;/* padding: 7px 0px !important; */left: 0%;position: absolute;} #accountwrap .head-input {min-width: 82% !important;background: url(https://i.marketsmojo.com/select_down_arrow.png) 94% 54% no-repeat #eee;text-align: left;height: 38px;font-size: 13px;background-color:transparent !important;border-radius: 4px;border: 1px solid #e6e6e6 !important;color: #333 !important;} #accountwrap .headinputbtn {width:100%;display: inline-block;padding: 6px 8px;margin-bottom:6px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} #AddAccount, #EditAccount, #Portfolioadd-stock-listP, #add-wl-sgle {top: 15% !important;} #EditAccount input {width: 66% !important;} .addinput {-moz-border-radius: 5px !important;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset !important;-moz-transition: all .7s ease !important;-o-transition: all .7s ease !important;-webkit-border-radius: 20px !important;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset !important;-webkit-transition: all .7s ease !important;border: 1px solid #d1d1d1 !important;border-radius: 5px !important; box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset !important;padding: 5px !important;transition: all .7s ease !important; background: #f8f7fa !important; width: 95% !important; line-height: 1.2rem !important; font-size:15px !important; outline: none; height: 30px !important; border-bottom: 1px solid #9e9e9e !important; margin: 0 0 5px 0 !important;} .edit-btns .remove-btnsec, .editacnt .remove-btnsec {position: relative !important; border: 0 !important; left: 0 !important;} .remove-btnsec {position: relative !important;border: 0 !important;left: 0 !important;color: #eb513a !important;} .remove-btnsec {color: #eb513a !important;font-size: 1.2rem;position: absolute;left: 400px;border-left: 1px solid #ddd;padding-left: 20px;top: 0px;} .remove-btnsec a {margin-left: 5px;font-size: 15px;color: #eb513a !important;text-decoration: underline;} .remove-btnsec a .fa, .remove-btnsec a .fa-times, .remove-btnsec a i {font-weight: 100;font-size: 14px;} .mod-cont {background: none;/* overflow-y: hidden !important; */border-radius: 5px;} #editAccountPanel0 {margin-top: 10px !important;} #EditAccount .modal-content {padding: 10px;background: #FFF;} /* .modal .modal-content {padding: 0 !important;min-height: 406px;width: 100%;margin-bottom: 15px;} .modal-content {overflow-y: auto;max-height: 400px;background: #fff;min-height: 350px;} */ .ad-ac-modal .modal-secnd .modal-content, .edit-ac-modal .modal-secnd .modal-content {padding: 0 3px !important;} #EditAccount .list-mojo {overflow: visible !important;height: auto !important;} .modal .list-mojo {max-height: 446px;overflow: auto;} #editAccountPanel0 {margin-top: 10px;} .share-dtail-add2 {margin: 0px 6px;position: relative;width: 97%;} tr td:first-child, tr th:first-child {text-align: left !important;} .edit-btns .remove-btnsec, .editacnt .remove-btnsec {position: relative !important;border: 0 !important;left: 0 !important;} /* *****************advancepanel 08.12.2017************************ */ .middle-colum02{width:100%; float:left; margin-top:0px; margin-bottom:10px; padding:1px 1px; margin-left:0%; background-color:#FFFFFF;border-radius:3px !important;box-shadow: 0px 1px 6px #d3d4d5; border-right:0px solid #09c488;} .inputtextpadd [type="checkbox"] + label {position: relative; padding-left: 30px; cursor: pointer; display: inline-block; height: 20px; line-height: 25px; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} .reco-leftarea .panel .panelnew{background: #707990 !important;border-bottom:2px solid #343a48 !important;} .reco-leftarea .panel .panelnewinner{background: #707990 !important;} #advancepanel .panel {width: 100%;float:left;border-radius: 0!important;border: 1px solid rgba(0,0,0,.1);box-shadow: 0 1px 0 rgba(0,0,0,.1);margin-bottom: 20px;background-color: #fff;} #advancepanel .panel .panel-heading {background: #F5F5F5;border-radius: 0!important;min-height: 46px;padding: 12px 20px;border-bottom: 1px solid transparent;} #advancepanel .panel .panel-heading .panel-control {display: inline-block;float: right;margin-top:0px;padding: 0;position: relative;right: 0;top: 0;width: auto;font-weight: 300;vertical-align: middle;text-align: right;} #advancepanel .panel .panel-heading .panel-title {display: inline-block;font-size:20px;font-weight: 300;margin-right: 10px;color: inherit;margin-bottom: 0;margin-top: 0;vertical-align: middle;} #advancepanel .panel .panel-heading .panel-title-check {display: inline-block;font-size: 16px;font-weight: 300;margin-right: 10px;color: inherit;margin-bottom: 0;margin-top: 0;vertical-align: middle;} #advancepanel .panel .panel-body {padding: 16px 24px;} #advancepanel .hr.dotted, hr.dotted {border-top: 1px dotted #cfcfcf;} #advancepanel .hr, hr {border-top: 1px solid #cfcfcf;color: transparent;height: 1px;margin:8px 0;} .inputtextpadd span {display:inline-block;} #advancepanel span {display:inline-block;} #advancepanel input[type=text], input[type=password], input[type=serach], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: #FFFFFF;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: 12px;margin: 0 0 0px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;} #advancepanel .btn {display: inline-block; padding:2px 32px;border:0px solid transparent; border-radius:0px;} #advancepanel .colapseicon{color:#333; /* border:1px solid #a9a9a9; */ /* padding:4px 18px;top:10px; */position: relative;} #advancepanel .innerhead{margin:10px 0px;font-size:15px; font-weight:600;color:#000000;} #advancepanel .innerheadmargin{margin-top:5px;text-align:right;} #advancepanel .selectad{height:37px;border:1px solid #e1e1e1; font-size:15px; font-weight:400;color:#000000;padding:0px 4px;min-width:133px;} #advancepanel .closeicon{margin:6px 2px;display:inline-block;} #advancepanel .textright{text-align: right;} #advancepanel .innertext{margin:10px 0px;font-size:15px; font-weight:400;color:#000000;} #advancepanel .innerinput2{height:30px !important;border:1px solid #e1e1e1 !important;color: #000 !important;font-size:15px !important;text-align: right;font-style: normal !important;padding:0px 4px !important;width:80% !important;} #advancepanel .innerinput{height:30px !important;border:1px solid #e1e1e1 !important;color: #000 !important;font-size:15px !important;text-align: right;font-style: normal !important;padding:0px 4px !important;width:93% !important;} #advancepanel .innerinput-search{height:30px !important;border:1px solid #e1e1e1 !important;color: #000 !important;font-size:15px !important;text-align: right;font-style: normal !important;padding:0px 3px !important;width:96% !important;} #advancepanel .plusiconmargin{position:relative;top:4px;} #advancepanel .runbutton{width:100%;float:right !important;margin:auto; position:relative;right:0;margin:20px 0px;font-size:15px; font-weight:400;color:#000000;text-align:right;} #advancepanel .runbuttonmargin{font-size:20px; font-weight:100;} #advancepanel .savefilter{font-size:20px; font-weight:100;margin: 0px 0px 0px 8px;} #advancepanel .ibox {clear: both;margin-bottom: 25px;margin-top: 0;padding: 0;} #advancepanel .ibox-title h5 {display: inline-block;font-size: 14px;margin: 0 0 7px;padding: 0;text-overflow: ellipsis;float: left;} #advancepanel .ibox-title .label {float: left;margin-left: 4px;} #advancepanel .label-primary, .badge-primary {background-color: #1ab394;color: #FFFFFF;} #advancepanel .ibox-tools {display: block;float: none;margin-top: 0;position: relative;padding: 0;text-align: right;} #advancepanel .ibox-tools a {cursor: pointer;margin-left: 5px;color: #c4c4c4;} #advancepanel .ibox-content {clear: both;} #advancepanel .ibox-content {background-color: #ffffff;color: inherit; padding: 7px;/* border-color: #a9acaf; */ /* border-image: none; */ /* border-style: solid solid none; */ /* border-width: 1px 0; */ border: 1px solid #d2d2d2;} #advancepanel .ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 {margin-top: 5px;} #advancepanel .ibox-title {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #F5F5F5;border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;color: inherit;margin-bottom: 0;padding: 10px 8px 0px;min-height: 40px;width: 100%;float: left;} #advancepanel .ibox {clear: both;margin-bottom:8px;margin-top: 0;padding: 0;} #advancepanel .ibox-title h5 {display: inline-block;font-size: 14px;font-weight:600;margin: 0 0 7px;padding: 0;text-overflow: ellipsis;float: left;} #advancepanel .btn-secondary {background-color: #00add1;border-color: #047e98;} #selectinput:after {content: '';display: block;position: absolute;right: 12px;top:-10px;/* bottom: 100%; */width: 0;height: 0;border-bottom:0px solid #fff;border-top:0px solid transparent;border-left:0px solid transparent;border-right:0px solid transparent;} #selectinput .inline li {cursor: pointer;min-width: 192px !important;/* padding: 6px 4px; */color: #333 !important;text-decoration: none !important;border-bottom:0px solid #FFF;background:#eee;margin: 1px 4px;} #selectinput .portdropsubdown {margin-left: 0px; width: 188px;margin-top: 0px;max-height:216px;overflow-y: auto;overflow-x: hidden;} #selectinput .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1025;display: block;float: left;min-width: 200px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;/* background-color: #f3f0f0 !important; */-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #FFF;border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} #selectinput .portdropdown {width: 180px !important;overflow-y: hidden;overflow-x: hidden;max-height:308px;float: right;margin-top:0%;background: #FFF;/* padding: 7px 0px !important; */left: 0%;position: absolute;} #selectinput .head-input {min-width: 82% !important;background: url(https://i.marketsmojo.com/select_down_arrow.png) 94% 54% no-repeat #eee;text-align: left;height: 38px;font-size: 13px;background-color:transparent !important;border-radius: 4px;border: 1px solid #e6e6e6 !important;color: #333 !important;} #selectinput .head-input {width: 100% !important; text-align: left; background: url(https://i.marketsmojo.com/select_down_arrow.png) 94% 50% no-repeat #eee; height: 30px !important; font-size: 15px; background-color: #FFFFFF !important; border-radius:0px; border:1px solid #e1e1e1 !important; color: #333 !important;} #ex1Slider .slider-selection {background: #BABABA;} #advancepanel .addbutton{border-radius:4px;padding:4px 10px;color:#FFF !important;} #advancepanel .selectad-new{height:32px;border:1px solid #e1e1e1; font-size:15px; font-weight:400;color:#000000;padding:0px 4px;min-width:100%;} #advancepanel .inputtextmargin{margin-bottom:1px;margin:2px 2px;min-height: 30px;} #advancepanel .inputtextpadd{padding: 2px 2px 0px 3px;top:3px;position:relative;} .advancescroll{min-height:100px;max-height: 210px;overflow-x: hidden; margin-top: 4px;position: absolute !important;min-width:100%;} .scoreinput{height:18px !important;width:30px !important;border:1px solid #e1e1e1 !important;color: #000 !important;font-size:13px !important;text-align: right;font-style: normal !important;margin:0px 4px;padding:0px 4px !important;} .totalstock{font-size:18px;font-weight:600;margin: 0px 4px 0px 0px;} .totalscore{padding:2px 6px;display: inline-block;color: #fff;background-color: #00add1 !important;margin-bottom: 0;line-height: 1.42857143;white-space: nowrap;letter-spacing: .5px;} .totalmargin{margin:20px 0px;} /* *****************slider rating************ */ .rzslider {position: relative;display: inline-block;width: 100%;height: 4px;margin: 35px 0 15px 0;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .rzslider.with-legend {margin-bottom: 40px;} .rzslider[disabled] {cursor: not-allowed;} .rzslider[disabled] .rz-pointer {cursor: not-allowed;background-color: #d8e0f3;} .rzslider[disabled] .rz-draggable {cursor: not-allowed;} .rzslider[disabled] .rz-selection {background: #8b91a2;} .rzslider[disabled] .rz-tick {cursor: not-allowed;} .rzslider[disabled] .rz-tick.rz-selected {background: #8b91a2;} .rzslider span {position: absolute;display: inline-block;white-space: nowrap;} .rzslider .rz-base {width: 100%;height: 100%;padding: 0;} .rzslider .rz-bar-wrapper {left: 0;z-index: 1;width: 100%;height: 32px;padding-top: 16px;margin-top: -16px;box-sizing: border-box;} .rzslider .rz-draggable {cursor: move;} .rzslider .rz-bar {left: 0;z-index: 1;width: 100%;height: 4px;background: #d8e0f3;border-radius: 2px;} .rzslider .rz-bar-wrapper.rz-transparent .rz-bar {background: transparent;} .rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {background: #df002d;} .rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {background: #03a688;} .rzslider .rz-selection {z-index: 2;background: #0db9f0;border-radius: 2px;} .rzslider .rz-pointer {top: -14px;z-index: 3;width: 32px;height: 32px;cursor: pointer;background-color: #0db9f0;border-radius: 16px;} .rzslider .rz-pointer:after {position: absolute;top: 12px;left: 12px;width: 8px;height: 8px;background: #ffffff;border-radius: 4px;content: '';} .rzslider .rz-pointer:hover:after {background-color: #ffffff;} .rzslider .rz-pointer.rz-active {z-index: 4;} .rzslider .rz-pointer.rz-active:after {background-color: #451aff;} .rzslider .rz-bubble {bottom: 16px;padding: 1px 3px;color: #55637d;cursor: default;} .rzslider .rz-bubble.rz-limit {color: #55637d;} .rzslider .rz-ticks {position: absolute;top: -3px;left: 0;z-index: 1;width: 100%;height: 0;margin: 0;list-style: none;box-sizing: border-box;} .rzslider .rz-ticks-values-under .rz-tick-value {top: auto;bottom: -32px;} .rzslider .rz-tick {position: absolute;top: 0;left: 0;width: 10px;height: 10px;margin-left: 11px;text-align: center;cursor: pointer;background: #d8e0f3;border-radius: 50%;} .rzslider .rz-tick.rz-selected {background: #0db9f0;} .rzslider .rz-tick-value {position: absolute;top: -30px;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);} .rzslider .rz-tick-legend {position: absolute;top: 24px;max-width: 50px;white-space: normal;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);} .rzslider.rz-vertical {position: relative;width: 4px;height: 100%;padding: 0;margin: 0 20px;vertical-align: baseline;} .rzslider.rz-vertical .rz-base {width: 100%;height: 100%;padding: 0;} .rzslider.rz-vertical .rz-bar-wrapper {top: auto;left: 0;width: 32px;height: 100%;padding: 0 0 0 16px;margin: 0 0 0 -16px;} .rzslider.rz-vertical .rz-bar {bottom: 0;left: auto;width: 4px;height: 100%;} .rzslider.rz-vertical .rz-pointer {top: auto;bottom: 0;left: -14px !important;} .rzslider.rz-vertical .rz-bubble {bottom: 0;left: 16px !important;margin-left: 3px;} .rzslider.rz-vertical .rz-ticks {top: 0;left: -3px;z-index: 1;width: 0;height: 100%;} .rzslider.rz-vertical .rz-tick {margin-top: 11px;margin-left: auto;vertical-align: middle;} .rzslider.rz-vertical .rz-tick-value {top: auto;left: 24px;-webkit-transform: translate(0, -28%);transform: translate(0, -28%);} .rzslider.rz-vertical .rz-tick-legend {top: auto;right: 24px;max-width: none;white-space: nowrap;-webkit-transform: translate(0, -28%);transform: translate(0, -28%);} .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {right: 24px;bottom: auto;left: auto;} .filteradd{border-left:1px solid #ddd;border-top:0px solid #ddd;padding:0px 10px;margin:0px 0px;} .subcolapsehead{margin-top:1px;background-color: transparent !important;} .subcolapse{font-size: 14px !important;color: #FFF !important;font-weight: normal !important;background-color: transparent !important;} .colum-text-color-bott{margin-bottom:0px !important;} .rightgrid{margin:0px 0px;} .filtericon{color: #333;padding:4px 5px 4px 5px;background: #f4f4f4; border-radius:22px;font-weight:400;} .filtericon:hover{color: #FFFFFF;padding:4px 8px 4px 8px;background: #09c488; border-radius:22px;font-weight:400;} .filtericon:active{color:#FFFFFF !important;padding:4px 5px 4px 5px;background:#00add1; border-radius:22px;font-weight:400;} .filter-head-mob2 {margin-left:0; margin-top: 0px; font-size: 14px; color: #FFFFFF;padding: 0px; margin-bottom: 0px;} .stockfilter {margin-right:0px; margin-top:22px; font-size: 14px; color: #FFFFFF;padding: 0px; margin-bottom: 0px;text-align:center;margin-right:12px;} .lightbulb{font-size:16px;} .savenewpadd{border: 1px solid #03a7ca; padding: 4px 6px; border-radius: 3px; background: #00add1; color:#FFFFFF !important; text-decoration:none;margin: 4px 0px;} .savefixedicon{position: relative;right:0px; margin-top:2px; z-index: 99999999999;} hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(95, 95, 95, 0.75), rgba(0, 0, 0, 0));} hr {margin-top: 0px !important; margin-bottom: 0px !important; border: 0; border-top: 1px solid #eee;} .lefttopmargin{margin-bottom:2px;margin-top:-12px;} .head-input {width: 100% !important;text-align: left;background: url(https://i.marketsmojo.com/select_down_arrow.png) 94% 50% no-repeat #eee;height: 38px;font-size: 15px;background-color: #FFFFFF !important;border-radius: 4px;border: 1px solid #adaeb0 !important;color: #333 !important;} .recodropdown .portdropdown {width: 195px !important;min-height: auto;max-height: 308px;float: right;top: -11%;background: #FFF;padding: 7px 0px !important;} .recodropdown .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 999999999999;display: block;float: left;min-width: auto;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;/* background-color: #f3f0f0 !important; */-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .recodropdown .portdropsubdown {margin-left: 0px;width: 191px;margin-top:-4px;min-height: auto;max-height: 220px;overflow-y: scroll;overflow-x: hidden;} .recodropdown .inline li {cursor: pointer;min-width: 192px !important;padding: 6px 4px;color: #333 !important;text-decoration: none !important;border-bottom: 1px solid #FFF;background: #eee;margin: 1px 6px;} .inline li {min-width: 192px;color: rgb(51, 51, 51);padding: 6px 4px;border-bottom: 1px solid rgb(255, 255, 255);text-decoration: none !important;} #selectinput .inline li {min-width: 192px;color: rgb(51, 51, 51);padding:1px 2px 0px 2px;border-bottom:0px solid rgb(255, 255, 255);text-decoration: none !important;} /* .recodropdown .inline li a{font-size: 1.1rem; color: #3b444b;} */ .btn-info {color: #fff;background-color: #00add1 !important;border-color: #46b8da;} .headinputbtn {width: 100%;display: inline-block;padding: 6px 8px;margin-bottom:0px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} .colpadding{padding-right: 0px !important;padding-left:0px !important;} .headinputbtn-mob {width:auto;float: right;color:#FFF !important;display: inline-block; margin-top: 4px;padding: 1px 6px;margin-bottom:10px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} .headinputbtn-mob2 {width:auto;float: left;color:#FFF !important;display: inline-block;padding: 1px 6px;margin-bottom:10px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} @media only screen and (min-width:1400px) and (max-width:1700px) { .reco-leftarea [type="checkbox"] + label {left: 10px;top: 4px;} } @media only screen and (min-width:1300px) and (max-width:1400px) { .reco-leftarea [type="checkbox"] + label {left: 3px;top: 4px;} } @media only screen and (min-width:1100px) and (max-width:1300px) { .reco-leftarea [type="checkbox"] + label {left: 0px;top: 4px;} } @media only screen and (min-width:1100px) and (max-width:1300px) { .plusiconmargin{top: 8px;position: relative;} } @media only screen and (min-width:960px) and (max-width:1024px) { .fif-col-area{margin-top: 35px;} .topmaindiv {width: 100%;float: left; margin-top:78px;} .reco-leftarea {padding: 2px 5px;} .fif-col-area li {display: inline-block;margin-left: 0%;margin-top: 0%;text-align: center;background: #ebeef3;padding: 8px 50px;} .filhead {/* color: #0097c2; */font-weight: 600;font-size:16px;} .lefttopmargin{margin-bottom:2px;margin-top:0px;} } @media only screen and (min-width:750px) and (max-width:960px) { .bghead2 {margin: 13% 1%;} .addfiltermargin{ margin-top: 6px; } } @media only screen and (max-width:960px){ .stockfilter {margin-right:6px;margin-top:8px;font-size: 14px; color: #FFFFFF;padding: 0px;margin-bottom: 0px; text-align: left;position: relative;left: 10px;} .savefixedicon {position: relative; right: 0; z-index: 99999999999; text-align: right; margin-top: 0;} } .buttonright{margin:10px 0px;text-align:right;width: 100%; float: left; margin: auto;margin:6px 0px;} .brudcrumrightmargin{margin: 6px 0px;text-align:right;} @media only screen and (max-width:750px){ .arrowbuttonright {top: 5px;} .bgmargin{position:relative; top:10%;} .bgtext{width:100%; height:188px;text-align:center; font-size:16px; font-weight:200;position: absolute;top:0;line-height:1.3;opacity:0;} .bgtext:hover{width:92%; height:188px;text-align:center; font-size:16px; font-weight:200;position: absolute;top:0;line-height:1.3;opacity:1;} .bghead{font-size:16px; font-weight:500;text-transform:uppercase;line-height: 1.3;margin: 0px 12px;width: 100%; text-align: center;} .brudcrumrightmargin{margin: 6px 0px;text-align:left;} .modelfooter-small {padding: 6px !important; text-align: center !important;} .scr-resultnew {margin-left: 3px;} .recodropdown .portdropdown {width: 155px !important;overflow-y: hidden;overflow-x: hidden;max-height: 308px;margin-top: 0%; background: #FFF;padding: 7px 0px !important;position: absolute;} .recodropdown .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */ z-index: 1025;display: block; float: left;min-width:155px !important; padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;/* background-color: #f3f0f0 !important; */-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .buttonright{text-align:right;width: 100%; float: left; margin: auto;margin:0px 0px;} .border-margin {border: 1px solid #ccc; padding: 0px 0px;border-radius: 3px;background: #e2e2e2;margin: 0px 2px;} .iconmargin{position:relative; padding: 3px 0px; display: inline-block !important;top:0px;width: 40%;font-size: 14px;} .savenewpadd {border: 1px solid #03a7ca;padding: 1px 3px;border-radius: 3px;background: #00add1; color: #FFFFFF !important; text-decoration: none; margin: 0px 0px;} .coldiv2 {width: 100%;position: relative;min-width: 120px;} .coldiv3 {width: 100%;position: relative;min-width: 155px;} .coldiv {width: 100%;position: relative;min-width: 132px;} .clb {background-color: rgba(86,61,124,.15);padding: 10px 0px 10px 0px;border-right: 1px solid #ddd;} .coldivbg {background-color: rgba(86,61,124,.15);padding: 8px 0px 10px 0px;} .rgcol {font-size: 14px !important;} .broker-top-link {color: #333333; font-size: 13px !important; font-weight: 500 !important;} .bghead2 {position: absolute; z-index: 2; font-size: 14px; color: #000; font-weight: 500; text-transform: uppercase; text-align: center; width: 98%; margin:15% 1%; line-height: 1.3;} .boxcontent {position: relative; z-index: 1; color: #000333; width: 100%;height: 120px; padding: 16% 0px;margin-bottom: 10%; background-size: 100% 100%;border: 0px solid #e0e0e0;border-radius: 5px;} .bghead {font-size: 14px; font-weight: 500; text-transform: uppercase;line-height: 1.3; margin: 0px 12px; width: 100%; text-align: center;} .reco-leftarea .nav-tabs>li {float: left;margin-bottom: 0px;width: 50%;text-transform: uppercase;font-size: 14px;font-weight: 700;} .totalstock {font-size: 15px;font-weight: 600;margin: 0px 4px 0px 0px;} .totalscore {/* padding:0px 0px; */display: inline-block;/* color: #333;background-color:transparent !important; */margin-bottom: 0;vertical-align: top;} #advancepanel .runbuttonmargin {font-size: 12px;font-weight: 100;} #advancepanel .btn {display: inline-block;padding: 2px 4px;border: 0px solid transparent;border-radius: 0px;} .reco-leftarea .panel-body {padding: 1px 10px !important;} .reco-leftarea .panel-heading {padding: 1px 2px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;} .broker-top-link {color: #333333;font-size: 13px;font-weight: 500 !important;} .stockhead {font-size: 15px;font-weight: 500;color: #000333;text-transform: uppercase;margin: 9px 0px;} .brudcrum li {list-style: none;display: inline-block;margin: 5px 5px 0px 0px;color: #36444a;font-size: 10px;} .chip .small, small {font-size: 100% !important;} #loading-image {width: 104px;float: left;margin: auto;position: relative;margin-top: 0;margin-left:0%;z-index: 1000;height: 104px;text-align: center;} .filteradd{border:1px solid #ddd;padding:6px 10px;margin:6px 0px;} #advancepanel .runbutton {width: 100%; float: left !important; margin: auto; position: relative; right: 0; margin:0px 0px; font-size: 15px; font-weight: 400; color: #000000; text-align: center;} #advancepanel .savefilter {font-size:12px;font-weight: 100;margin: 0px 0px;} .savefilter{font-size:24px; font-weight:100;margin:10px 12px;} .runbutton{text-align:center;} .plusiconmargin{position:relative;top: 8px;font-size:15px !important;} #advancepanel input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: 12px;margin: 0 0 5px 0;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;} #advancepanel .innerinput{height:37px !important;border:1px solid #e1e1e1 !important;color: #000 !important;font-size:15px !important;text-align: right;font-style: normal !important;padding:0px 4px !important;width:105px !important;} .rowmobile{width:91%;float:left;border: 1px solid #00aed0; margin: 0px 14px;padding: 4px 0px;} .scr-resultnew {background-position: center 0;background-color: transparent;background-attachment: fixed;background-size: cover;background-position: center;} #advancepanel .panel .panel-body {padding: 16px 3px;} #advancepanel .panel .panel-heading { background: #F5F5F5 !important; border-radius: 0!important; min-height: 32px; padding: 7px 6px;border-bottom: 1px solid transparent;} #advancepanel .hr.dotted, hr.dotted {border-top: 1px dotted #cfcfcf; margin: 8px 0px;} #advancepanel .innerhead {margin:9px 0px; font-size: 15px;font-weight: 600;color: #000000;} #advancepanel .innerheadmargin {margin-top: 8px;text-align: left;} #advancepanel .selectad{height:37px;border:1px solid #e1e1e1; font-size:15px; font-weight:400;color:#000000;padding:0px 4px;min-width:115px;margin:0px 0px 5px 0px;} .righttexcontent2 .btn-floating {height:35px;width:35px;} .reco-leftarea [type="checkbox"] + label {position: relative; margin-left:-2px;left: 0;} } @media only screen and (min-width: 750px){ #edit_PortfolioAccountPanels {height: 350px;overflow: auto;} .close-blk {top: -20px;right: -20px;background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;z-index: 9999999999999999999;} } @media only screen and (max-width:750px){ .poptextmargin{margin:12px 24px;} .smallpopup {background: #FFFFFF;border: 1px solid #dadada;text-align: center !important;width: 96% !important;float: left;margin: auto;margin-left: 2%;margin-right: 1%;margin-top: 26%;z-index: 1155 !important;min-height: 120px !important;background: #FFF !important;} .portfoliopopuparea{width:100% !important; margin:0 auto; margin-top:14%;z-index:99999999;} } @media only screen and (max-width:1350px){ .righttexcontent2 .btn-floating {height: 40px;width: 40px;} .margin-bottom{margin-bottom:5%;margin-left:6px;} .margin-box-text{margin-top:3.5%; margin-left:18%; text-align:center; margin-right:0px; text-transform:capitalize;} .margin-bottom-text{margin-top:4%; margin-left:6%;} .rightarea-center{width:26%; float:left; margin:auto;line-height: 1.3;} .text-top4{font-size:11px; color:#979ba5; font-weight:500;} .text-top4-active{font-size:11px; color:#FFFFFF; font-weight:500;} .social-bt { position: fixed !important; top: 45px !important;z-index: 8;right:303px;height: 35px !important;padding: 5px 5px 5px 0;/* background: rgba(255, 255, 255, 0.3);*/ border-radius: 5px; background: none !important;border:0px solid #fff !important;} .percircle3{position:relative;font-size:61px;width:1em;height:1em;border-radius:50%;float:left;margin:7px 0px 0px 15px;background-color:#f5f5f5;} .anlyst-margin04{ margin-left:0%; margin-top:5%; text-align:center;} .text-top5{font-size:17px; color:#979ba5; font-weight:600; margin-top:15px; text-align:center;} } .savefixedicon {text-align: right;} @media only screen and (max-width:1234px){ .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:2%;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} .leftextarea{top:29px; } .savefixedicon {text-align: right;} } @media only screen and (max-width:1205px){ .coldiv {width: 100%;position: relative; min-width: 150px;} .top-head-text-small{font-size:30px; color:#FFFFFF; font-weight:300; text-align:center; margin-top:3%; line-height:1.3;} .leftextarea{width:23%;top:28px; } .midd-border-right{border-right:1px solid #d7dadb; height:32px !important; margin-right:10px;} .righttextarea{width:76%; float:right; margin:auto; margin-right:1%; position:relative; z-index:1;} .righttextarea02{width:76%; float:right; margin:auto; margin-right:1%; position:relative;margin-top:0%;} .reco-price ol, ul {margin-top: 0; margin-bottom:0px; margin-left:0px !important; padding:3px;} .brudcrum li{list-style:none; display:inline-block; margin:5px 5px 0px 0px; color:#36444a; font-size:14px;} .brudcrum li .chip i.material-icons {cursor: pointer;float: right;font-size: 16px;line-height: 12px; padding-left: 8px;color:#000000 !important;} .default {width: 100%;height:auto;} .fixed {width:75%;float:right;margin:auto;position: fixed;top:13%;} .scr-result1 {background: #FFFFFF; padding:3px; border-top-right-radius: 5px;border-top-left-radius: 5px; margin-top:2% !important; margin-left:0%;} .midd-margin{margin-top:6px; margin-bottom:6px; margin-left:4%;} .margin-short{margin-top:15% !important; text-align:left; margin-left:0px;} .table-head-text{color:#36444a; font-size:13px; font-weight:600;margin-left: 4px;} .table-small-text{color:#36444a; font-size:12px;margin-left:4px;} .cap-samall-text{font-size:11px; color:#a2a8bc; text-align:left !important;position: absolute;left:35% !important;} } @media only screen and (min-width:962px){.filter{display:none !important;}} @media only screen and (min-width:750px) and (max-width:1024px) { .lefcol {width: 26%;float: left;margin: 0 auto;font-size: 15px !important;} .rgcol {width: 74%;float: left;margin: 0 auto;font-size: 15px !important;/* cursor: -webkit-grab;cursor: -moz-grab;cursor: grab; */} .stockfilter {margin-right: 20px;margin-top: 8px;font-size: 14px;color: #FFFFFF;padding: 0px;margin-bottom: 0px;text-align: center;} .reco-leftarea [type="checkbox"] + label {position: relative;margin-left: -9px;cursor: pointer;display: inline-block;height: 18px !important;line-height: 25px;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;float: right;text-align: right;left: 2px;top: 0;} .margin0 {margin-top:12% !important;} .filteradd {border-left: 1px solid #ddd;border-top: 0px solid #ddd;padding: 0px 10px;margin: 6px 0px;} #advancepanel .innerheadmargin {margin-top: 5px;text-align: right;margin-bottom: 6px;} .advancescroll{min-height: 200px;max-height: 210px;overflow-x: hidden; margin-top: 4px;position: absolute !important;min-width: 37%;} } @media only screen and (min-width:960px) and (max-width:1024px) { .reco-leftarea .nav>li>a {position: relative; display: block; padding: 7px 16px !important;color: #fff;} .topmaindiv {width: 100%;float: left;/* margin: 0 auto; *//* margin-top:0%; */} .submenuprofessnal ul {list-style: none; margin-bottom: 0px; margin-top: 25px;} } @media only screen and (max-width:1024px){ .coldiv {width: 100%;position: relative;min-width: 160px;} .righttexcontent2 {width: 100%; float: left; margin: auto; margin-left: 0%; margin-top:0%;} .right-head {width: 100%;font-size: 22px;font-weight: 600;color: #FFFFFF;margin-left: 0%;top: 10px;margin-bottom: 6px;position: relative;float: left;} .return{display:none;} .tdmargin{position:relative; top:-7px;} .topboxtext-new{font-size:14px; color:#00add1 !important;font-weight:500; text-transform:normal;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:2px 2px !important; line-height: 1.42857143;vertical-align: top;border-top: 1px solid #4ba7c1;} .top-right-anls{width:100%; float:left; margin:auto; background-color:#FFFFFF; border-top:1px solid #3d4253;margin-top:1%;} .texttopbox-new{font-size:13px; color:#36444a; font-weight:500; position:relative;} .bottombuttonarea{text-align: center;margin-bottom: 12px;} .topboxbutton{color: #36444a;font-size: 15px;padding:4px 6px;position:relative; bottom:6px;} .texttopbox-new-active{font-size:13px; color:#FFFFFF; font-weight:500; position:relative;} .text-rank{font-size:12px; color:#3a4050; margin-top:1%;} .recotop-section{width:100%; float:left; margin:auto; background-color:#3a4050; margin-top:10%;} .table2 {margin: 15px 0; font-size:14px !important; width:100%;} .reco-analys-popup{position: relative;background-color: transparent !important;background-image: url(https://i.marketsmojo.com/left-menu-bg.jpg); -webkit-background-clip: padding-box;background-clip: padding-box;border: 0px solid #999 !important;border: 0px solid rgba(0,0,0,.2);border-radius: 0px !important;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);} .reco-search-analys{width: 95% !important;border-radius:0px !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #bebebe;padding: 8px 15px 8px 32px !important; background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 12px 12px #fff !important;height:22px !important;border:none !important;box-sizing: content-box !important; outline: none !important; margin: 0 0 15px 0 !important;} .margin0 {margin-top:13% !important;} .margin12{margin-top:12%;} .headmargin02{margin-left:1%; margin-top:0%; font-size:19px; color:#FFFFFF; padding:4px; margin-bottom:5px;} .headmargin{margin-left:0%; margin-top:0%; font-size:22px; color:#696f81; padding:4px; margin-bottom:10px;} .top-head-text-small{font-size:22px; color:#FFFFFF; font-weight:300; text-align:center; margin-top:7%; line-height:1.4;} .leftextarea{width:100%; float:left; margin:auto; background-color:#323847; border-right:1px solid #474e60;background-image:url("https://i.marketsmojo.com/left-menu-bg.jpg");/* position:fixed; */top:0; } .margin-bottom{margin-bottom:5%;margin-left:6px;} .margin-bottom-text{margin-top:4%; margin-left:6%;} .rightarea-center{width:40%; float:left; margin:auto;line-height: 1.3; text-align:center;} .text-top4{font-size:11px; color:#979ba5; font-weight:500;} .text-top4-active{font-size:11px; color:#FFFFFF; font-weight:500;} .leftarea-bottom{width:50%; float:left; margin:auto; margin-left:3%;line-height: 1.3;} .reco-leftarea .panel-heading {padding: 5px 12px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;} .righttextarea{width:75%; float:left; margin:auto; margin-left:1% !important;margin-right:1%; position:relative; z-index:1;} .righttextarea02{width:98%; float:left; margin:auto; margin-left:1%; margin-right:1%; position:relative;margin-top:0%;} .reco-leftarea .panel-title a {border-top:0px solid #43495b;padding: 5px 4px;color: #696f81;display: block;background: url("https://i.marketsmojo.com/dropdown_arrow_mob.png") no-repeat 100% 50%;font-size:14px !important;} .reco-leftarea .panel-title-check a {border-top:0px solid #43495b;padding: 5px 4px;color: #696f81;display: block;font-size:14px !important;} .reco-price ol, ul {margin-top: 0; margin-bottom:0px; margin-left:0px !important; padding:3px;} .brudcrum li{list-style:none; display:inline-block; margin:5px 5px 0px 0px; color:#36444a; font-size:12px;} .brudcrum li .chip i.material-icons {cursor: pointer;float: right;font-size: 16px;line-height: 12px;padding-left: 8px;margin-top:3px;color:#000000 !important;} .default {width: 100%;height:auto;} .fixed {width:98%;float:left;margin:auto;position: fixed;top:5%;} .scr-result1 {background: #FFFFFF; padding:3px; border-top-right-radius: 5px;border-top-left-radius: 5px; margin-top:2% !important; margin-left:0%;} .midd-margin{margin-top:6px; margin-bottom:6px; margin-left:2%;} .table-head-text{color:#36444a; font-size:13px; font-weight:600;margin-left: 4px;} .table-small-text{color:#36444a; font-size:12px;margin-left:4px;} .cap-samall-text{font-size:11px; color:#a2a8bc; text-align:left !important;position: absolute;left:35% !important;} .anlyst-margin03{ margin-left:10%; margin-top:10%;text-align:center;} .percircle3{position:relative;font-size:43px;width:1em;height:1em;border-radius:50%;float:left;margin:7px 0px 6px 20px;background-color:#f5f5f5;} /* .percircle3{position:relative;font-size:61px;width:1em;height:1em;border-radius:50%;float:left;margin:7px 0px 0px 125px;background-color:#f5f5f5;} */ .margin-star02{margin-top:0%;} .percircle2{position:relative;font-size:55px;width:1em;height:1em;border-radius:50%;float:left;margin:7px 0px 0px 15px;background-color:#ccc;} .brokercol{width:21.3%; float:left; margin:auto;border-right:1px solid #afa0a0;padding: 10px 3px;} .largercol{width:26.3%; float:left; margin:auto;border-right:1px solid #afa0a0;padding: 10px 3px;} .smallercol{width:20%; float:left; margin:auto;border-right:0px solid #afa0a0;padding: 10px 3px;} .listcol1{width:16%; float:left; margin:auto;border-right:0px solid #ddd;padding: 10px 3px;} .top-sort-text-col01{width:65%; float:left; margin:auto;} .top-sort-ico-col01{width:10%; float:left; margin:auto;} .headmarginarea-pop{margin-left:0%; margin-top:0px;border-bottom:0px solid #474e60;} .headmarginarea{width:100%;margin-left:6%; margin-top:2%;border-bottom:0px solid #474e60;text-align:center;} .headmargin{margin-left:0%; margin-top:4px; font-size:22px; color:#FFFFFF; padding:0px; margin-bottom:4px;} .head-pop-head{margin-left:3%; margin-top:0px; font-size:12px; color:#FFFFFF; padding:0px; margin-bottom:10px;} .filter-head-mob{margin-left:0%; margin-top:6px; font-size:14px; color:#FFFFFF; padding:0px; margin-bottom:6px;} .leftextarea{width:23%; float:left; margin:auto; background-color:#323847; border-right:1px solid #474e60;background-image:url("https://i.marketsmojo.com/left-menu-bg.jpg");/* position:fixed; */top:0; } .reco-leftarea .panel-title a {border-top:0px solid #43495b;padding: 5px 2px;color: #696f81;display: block;background: url("https://i.marketsmojo.com/dropdown_arrow_mob.png") no-repeat 96% 50%;font-size:14px !important;} .reco-leftarea .panel-title-check a {border-top:0px solid #43495b;padding: 5px 2px;color: #696f81;display: block;font-size:14px !important;} .reco-mob-popu-head{width:100%; float:left; margin:auto;} .reco-head-fil{margin-right: 14px; background-color:#FFFFFF; padding:3px; color:#000000;margin-top:0px;box-shadow: 0px 1px 6px #252627;} .topmaindiv .modal .modal-content {padding: 0 !important; min-height: 100% !important;/* overflow: hidden; overflow-y: auto; */} .topmaindiv .modal-body {position: relative;padding:0px !important;} .rating-left-margin{padding-left:12px;} .rating { height: 0px; padding:0px; margin:0px;} .recopop-close.modal-header {padding:2px;border-bottom:0px solid #e5e5e5; color:#FFFFFF !important;background:#323847;} .recopop-close .close {float: right; font-size: 30px;margin-top: -6px !important; right: -6px !important;font-weight: 700;line-height: 1;color: #FFFFFF !important; text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20); opacity:1;} .topmaindiv .modal-content {position: relative;background-color:transparent !important;background-image:url("https://i.marketsmojo.com/left-menu-bg.jpg");-webkit-background-clip: padding-box;background-clip: padding-box;border:0px solid #999 !important;border: 0px solid rgba(0,0,0,.2);border-radius: 0px !important;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);} .model-pop{width:100%; max-height:auto; overflow: hidden; overflow-y: auto; padding:0px;} .cap-samall-text{font-size:11px; color:#a2a8bc; text-align:left !important;position: absolute;left:22% !important;} .rating-check02{text-align:right !important; margin-right:4px; margin-top:0%;} .text-rank01-anls01{width:100%; float:left; margin:auto;font-size:12px; color:#a4a7b0; margin-top:4%;font-weight:500;} .text-top-anls04{font-size:12px; /* color:#979ba5; */ font-weight:500; margin-left:0%;} .text-top-anls02{font-size:14px; color:#09c488; font-weight:500; margin-top:0px; margin-left:0%;} .text-top05-anls{font-size:14px; color:#2b323c; font-weight:600;margin-top:0px; margin-left:10%;} .text-top04-anls{font-size:14px; color:#979ba5; font-weight:400; margin-top:0px; margin-left:10%;} .top-company-name-anls{width:74%; float:left; margin:auto; margin-top:3%;margin-left:4%;} .recoalltab{margin-top:18px; text-align:right; margin-right:12px;} .recoalltab{margin-top:12px; text-align:right; margin-left:15px;margin-bottom:12px;} .headmargin{margin-left:5%; margin-top:0%; font-size:22px; color:#696f81; padding:4px; margin-bottom:10px;} .headmargin3{margin-left:2%; margin-top:0%; font-size:22px; color:#696f81; padding:4px; margin-bottom:10px;} .exertcontentbottom{width:100%; float:left; margin:auto; position:relative;top:10px;left:0%; right:0%;margin-bottom:8px;} .topboxtexthead{font-size:12px; color:#979ba5; font-weight:600; text-transform:normal;} .topboxtext{font-size:14px; color:#979ba5; font-weight:500; text-transform:normal;} .text-top-anls01{font-size:24px; color:#37444a; font-weight:400; margin-bottom:4px;line-height:.9;} .tabborder { border-right: 1px solid #ddd !important;} } .tabborder{border-right:0px solid #ddd;} @media only screen and (min-width:750px) and (max-width:960px) { .buttonright {margin: 10px 0px;text-align: right;position: relative; top: 13px;} .topmaindiv .modal{left: 0;right: 0;padding: 0; width: 40%;margin: 0;overflow: visible !important; border-radius: 2px; will-change: top, opacity; font-size: 1rem !important; background-color: transparent;} .colpadding {padding-right: 4px !important;padding-left: 34px !important;} } @media only screen and (max-width:960px){ .leftextarea {width: 98%; float: left; margin: auto; background-color: #323847; border-right: 1px solid #474e60; background-image: url(https://i.marketsmojo.com/left-menu-bg.jpg); /* position: fixed; */ top: 15px;} .head-pop-head {margin-bottom: 0px;} .topboxtext-new {font-size: 11px;color: #00add1 !important; font-weight: 500;text-transform: normal;} .tabborder{border-right:1px solid #ddd;} .righttextarea {width: 98%; float: left; margin: auto; margin-left: 1% !important; margin-right: 1%; position: relative; z-index: 1;} .topmaindiv {width: 100%;float: left;/* margin: 0 auto; */margin-top: 78px;} } @media only screen and (max-width:1060px){ .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:3%;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} .leftarea-bottom{width:45%; float:left; margin:auto; margin-left:4%;line-height: 1.2;} .rightarea-bottom{width:40%; float:left; margin:auto;line-height: 1.2;} .recoalltab{margin-top:18px; text-align:left; margin-right:12px;} } @media only screen and (max-width:1024px){ .nav-sidebar2 ul li {width:100%;line-height:18px;padding:5px 5px; background-color:#333;border-bottom: 1px solid #4a4949; } .leftside{font-size:12px;color:#7d8a9c;margin-top:0px;position:relative;left:4px; font-style:italic;} .text-bottom{font-size:11px; color:#979ba5; font-weight:400;text-align:center; position:relative; bottom:10px;left:6px;} } @media only screen and (max-width:960px){ .tab-maindiv{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:5%;} .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:5%;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} .leftarea-bottom{width:45%; float:left; margin:auto; margin-left:4%;line-height: 1.2;} .rightarea-bottom{width:40%; float:left; margin:auto;line-height: 1.2;} .recoalltab{margin-top:18px; text-align:left; margin-right:12px;} .head-pop-head {margin-left: 1%; margin-top: 0px; font-size: 12px; color: #FFFFFF; padding: 0px; margin-bottom: 10px; margin-top: -13px;} .reco-leftarea {width: 100%;padding: 1px 0; box-sizing: border-box;} } @media only screen and (max-width:750px) { .topmaindiv {width: 100%;float: left;margin: 0 auto;margin-top: 78px;} .filter {display: block !important;} #loading-left {width: 100%;top: 16%;height: 100% !important;min-height: 500px;left: 0;position: fixed;display: block;background-color: #fff;z-index: 9999999999999;text-align: center;} #loading-image-left {width: 104px;float: left;margin: auto;position: relative;top: 17%;left: 32%;z-index: 1000;height: 104px;text-align: center;} .tabalign{min-height:500px;} #line {overflow-x: hidden; min-height: 100%;max-height: 100%; position: relative; z-index: 999999999999999;} .smallerDivs {width: 100%;display: inline-block;} .reco-leftarea .panel-collapse .panel-body > ul > li {color: #d0d1d3 !important; margin: 4px 0px 1px 0px; border-bottom: 1px solid #3d4253;} .topmaindiv .modal-header .close {margin-top: -6px;right: -6px;position: absolute; z-index:9999999999999999999; color: #fff;background: #333;padding: 0px 4px;border-radius: 46%;} .topmaindiv{width:100%; float:left; margin:0 auto;margin-top: 5px;} .page-professional .topmaindiv{width:100%; float:left; margin:0 auto;margin-top:80px;} .fif-col-area {width: 100%;margin: 0 auto; margin-left: 0%; text-align: center !important;margin-top:5%;} .fif-col-head {font-size:24px;color: #FFFFFF; font-weight: 300;} .brokerlist-head {font-size:24px;color: #FFFFFF; font-weight:100;text-align:left !important;margin-bottom:15px;} .fif-col-small {font-size:15px;color: #FFFFFF; font-weight: 300; margin-top: 1.6%; line-height: 1.5;} .topboxtext-new{font-size:14px; color:#00add1 !important;font-weight:500; text-transform:normal;} .middle-col-list .panel-title a {display: block;position: relative;padding:8px 6px 8px 4px;font-weight:500;font-size: 13px;line-height: 1.6;color: #36444a !important;} .middle-col-list .panel-title-check a {display: block;position: relative;padding:8px 6px 8px 4px;font-weight:500;font-size: 13px;line-height: 1.6;color: #36444a !important;} .numbermargin{position:relative; left:30%; text-align:right;} .text-bottom{font-size:11px; color:#979ba5; font-weight:400;text-align:center; position:relative; bottom:10px;left:6px;} .recotop-section{width:100%; float:left; margin:auto; background-color:#3a4050; margin-top:18%;} .targetbottom{margin-top:5px;margin-bottom:4px;} .text-top-new{font-size:17px; color:#36444a; font-weight:700;margin-top:4px;} .navli{width: 100%;bottom: 6px;} .margin-bottom{bottom:20px;top:0px;} .reco-search-analys{width: 85% !important;border-radius:0px !important;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;color: #bebebe;padding: 8px 15px 8px 32px !important; background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 12px 12px #fff !important;height:22px !important;border:none !important;box-sizing: content-box !important; outline: none !important; margin: 0 0 15px 0 !important;} .recotopcol1{width:100%; float:left; margin:0 auto;} #ulAnalyst {max-height:400px;overflow-y: auto; margin-top:-6px;} .reco-analys-popup{position: relative; background-color: transparent !important; background-image: url(https://i.marketsmojo.com/left-menu-bg.jpg); -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid #999 !important; border: 0px solid rgba(0,0,0,.2); border-radius: 0px !important; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);} .margin0 {margin-top:26% !important;} hr { margin-top: 0px; margin-bottom:6px;border: 0; border-top: 1px solid #eee; } hr.style-two {border: 0;height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(160, 157, 157, 0.75), rgba(0, 0, 0, 0)); } .margin12{margin-top:22%;} .headmargin02{margin-left:1%; margin-top:2%; font-size:19px; color:#FFFFFF; padding:4px; margin-bottom:5px;} .recoalltab{margin-top:5px; text-align:left; margin-right:12px;} .righttextarea{width:98%; float:left; margin:auto; margin-left:0% !important;margin-right:0%; position:relative; z-index:1;} .percircle3{position:relative;font-size:45px;width:1em;height:1em;border-radius:50%;float:left;margin:7px 0px 5px 32px;background-color:#f5f5f5;} .icon-bg{ background-image:url(https://i.marketsmojo.com/img-icon.png); width:57px; height:46px; margin-left:0%;} .icon-bg02{ background-image:url(https://i.marketsmojo.com/img-icon.png); width:57px; height:46px; margin-left:-66%;} .right-head{font-size:17px; font-weight:600; color:#FFFFFF; margin-left:1%; margin-top:2%;} .righttextarea-anly{width:100%; float:left; margin:auto; margin-right:0%; position:relative; z-index:1;} .righttextarea-anly{width:99%; float:left; margin:auto; margin-left:1%;margin-right:1%; position:relative; z-index:1;} .scr-result2 {width:100%;float:left;margin:auto;background:#FFFFFF;padding: 4px;border-radius: 5px;margin-top:3%;margin-bottom:1%;margin-left:1%;position:relative;/* z-index:99999; */} .middle-colum02{width:100%; float:left; margin-top:0px; margin-bottom:10px; padding:0px 0px; margin-left:0%; background-color:#FFFFFF;border-radius:3px !important;box-shadow: 0px 1px 6px #d3d4d5; border-right:0px solid #09c488;} .top-right-anls{width:100%; float:left; margin:auto; background-color:#FFFFFF; height:auto;border-top:0px solid #3d4253;} .top-leftarea-anls{width:8%; float:left; margin:auto; margin-top:0%;} .top-logo-anls{width:20%; float:left; margin:auto; margin-left:7%; margin-top:1%;} .top-company-name-anls{width:80%; float:left; margin:auto; margin-top:1%; margin-left:2%;} .text-top-anls01{width:100%; float:left; margin:auto;font-size:18px; color:#37444a; font-weight:700; margin-bottom:0px;} .text-rank01-anls01{width:100%; float:left; margin:auto;font-size:12px; color:#a4a7b0; margin-top:0%;font-weight:500; margin-bottom:12px;} .anlyst-margin{margin-top:0%;} .anlyst-margin02{width:100%; float:left; margin:auto;margin-top:7%;} .anlyst-margin03{ margin-left:15%; margin-top:1%;} .text-top-anls04{font-size:14px; /* color:#979ba5; */ font-weight:500;} .text-top-anls02{font-size:14px; color:#09c488; font-weight:500; margin-top:0px;} .left-colum-anls{width:14%; float:left; margin:auto; margin-left:0%;} .righ-colum-anls{width:80%; float:left; margin:auto;} .text-top04-anls{font-size:12px; color:#979ba5; font-weight:400; margin-top:0px;} .text-top05-anls{font-size:14px; color:#2b323c; font-weight:600;margin-top:0px;} .top-news-row {width:100%; float:left; margin:auto;font-size: 14px;color: #191919;padding: 2px 0px 0px 3px; background-color: #fff; font-size:15px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);} .headmarginarea02{margin-left:2%; margin-right:2%; background-color:#b5b9c2; padding:0px 0px; margin-top:0%;border-bottom:1px solid #848891;} .reco-slide section {bottom:20px;background: 0 0 !important;border: 0 !important;height:180px !important;min-height:180px !important; width:95% !important;border-radius: 0 !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, .59) !important;-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .59) !important;-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .59) !important;padding:4px; margin: 14px 9px;} .top-head-area{width:100%; float:left; margin:auto;background-image:url("https://i.marketsmojo.com/top-head-bg.jpg");position:relative;margin-top:22%; background-repeat:no-repeat;background-position:center 0; background-color:transparent;background-size:cover;} .colum{width:100%; float:left; margin:auto; padding:10px; margin-bottom:1%;} .top-head-text-small{font-size:18px; color:#FFFFFF; font-weight:300; text-align:center; margin-top:7%; line-height:1.3;} .top-left-colum{width:100%; float:left; margin:auto;margin-left:0%; margin-top:5%; font-weight:500; font-size:12px; background-color:#08c489; padding:6px; color:#FFFFFF;} .top-head-text-small2{font-size:16px; color:#575f66; font-weight:500; text-align:left; margin-top:4%; margin-bottom:2%; line-height:1.3;} .middle-col-mob{width:88%; float:left; margin:auto; margin-left:6%; margin-right:6%;border-bottom:0px solid #CCCCCC;} .middle-col-mob02{width:88%; float:left; margin:auto; margin-left:6%; margin-right:6%;border-top:1px solid #CCCCCC;} .headmarginarea-pop{margin-left:0%; margin-top:0px;border-bottom:0px solid #474e60;} .headmarginarea{margin-left:5%; margin-top:0%;border-bottom:0px solid #474e60;} .headmargin{margin-left:0%; margin-top:4px; font-size:22px; color:#FFFFFF; padding:0px; margin-bottom:4px;} .head-pop-head{margin-left:0%; margin-top:0px; font-size:12px; color:#FFFFFF; padding:0px; margin-bottom:0;} .filter-head-mob{margin-left:0;position: relative; left: 12px; margin-top:7px; font-size:12px; color:#FFFFFF; padding:0px; margin-bottom:0px;text-align:center;} .leftextarea{width:100%; float:left; margin:auto; background-color:#323847; border-right:1px solid #474e60;background-image:url("https://i.marketsmojo.com/left-menu-bg.jpg");/* position:fixed; */top:0; } .reco-leftarea .panel-title a {border-top:0px solid #43495b;padding: 5px 2px;color: #696f81;display: block;background: url("https://i.marketsmojo.com/dropdown_arrow_mob.png") no-repeat 96% 50%;font-size:14px !important;} .reco-leftarea .panel-title-check a {border-top:0px solid #43495b;padding: 5px 2px;color: #696f81;display: block;font-size:14px !important;} .reco-mob-popu-head{width:100%; float:left; margin:auto;} .reco-head-fil{margin-right: 14px; background-color:#FFFFFF; padding:3px; color:#000000;margin-top:0px;box-shadow: 0px 1px 6px #252627;} .topmaindiv .modal .modal-content {padding: 0 !important; min-height: 100% !important;overflow: hidden; overflow-y: auto;} .topmaindiv .modal-body {position: relative;padding:0px !important;} .rating-left-margin{padding-left:20px;} .rating { height: 0px; padding:0px; margin:0px;} .recopop-close.modal-header {padding:2px;border-bottom:0px solid #e5e5e5; color:#FFFFFF !important;background:#323847;} .recopop-close .close {float: right; font-size:30px;font-weight: 700;line-height: 1;color: #FFFFFF !important; text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20); opacity:1;} .topmaindiv .modal-content {position: relative;background-color:transparent !important;background-image:url("https://i.marketsmojo.com/left-menu-bg.jpg");-webkit-background-clip: padding-box;background-clip: padding-box;border:0px solid #999 !important;border: 0px solid rgba(0,0,0,.2);border-radius: 0px !important;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);} .model-pop{width:100%; max-height:510px; overflow: hidden; overflow-y: auto; padding:0px;} .cap-samall-text{font-size:11px; color:#a2a8bc; text-align:left !important;position: absolute;left:42% !important;} .rating-check02{text-align:right !important; margin-right:4px; margin-top:0%;} .top-head{padding:6px; font-size:16px; color:#000000; font-weight:700; margin-top:3%; margin-bottom:0px;margin-left:8px;} .leftarea-bottom{width:54%; float:left; margin:auto; margin-left:2%;line-height: 1.2;} .rightarea-bottom{width:54%; float:right; margin:auto;line-height: 1.2;} .topmaindiv .modal { left: 0; right: 0; padding: 0; width: 96%; margin: 0 auto; overflow: visible !important;border-radius: 2px; will-change: top,opacity; font-size: 14px !important; background-color: transparent; top:1%;} .reco-leftarea { width: 100%;/* background: #2a2f3b; */ /* min-height: 500px; */padding: 10px 0;box-sizing: border-box; float: left; margin:auto; margin-left:0%; margin-right:0%; /* min-width: 300px; */ } .input-field-scrn-new input { width:80%;margin: 0; background: url(https://i.marketsmojo.com/search_icon-new01.png) no-repeat 95% 8px #2c313e;border: 1px solid #4b5161; color: #bebebe; font: bold 12px Arial, Helvetica, Sans-serif; padding: 10px 40px 10px 4px;transition: all .7s ease;} .scr-result {background: #fff; padding: 10px; border-radius: 5px; } .scr-result h2 { font-size: 14px;font-weight: 600;} .scr-result .chip {font-size:12px; padding: 2px 5px !important;line-height: 15px !important; margin: 0 2px;height: 22px;} .scr-result .chip .close {line-height: 15px;margin: 0;padding: 0; } .cont-body { margin-top: 85px !important;} .reco-leftarea h3 {font-weight: 100; color: #fff !important; font-size:15px; margin-bottom: 10px;padding: 0 10px;} .reco-leftarea .panel, .reco-leftarea .panel-title, .reco-leftarea .panel-heading {background: transparent !important; background-color: #2c313e !important;border-radius: 0 !important;border: 0 !important;} .reco-leftarea .panel, .reco-leftarea .panel-title-check, .reco-leftarea .panel-heading {background: transparent !important; background-color: #2c313e !important;border-radius: 0 !important;border: 0 !important;} .reco-leftarea .panel-title-check {background: #2b303d !important;border-top: 0px solid #3e4454 !important;padding: 5px 10px;color: #696f81 !important;font-size: 14px !important;} .reco-leftarea .panel-title-check a {display: block} .reco-leftarea .panel-title {background: #2b303d !important;border-top: 0px solid #3e4454 !important;padding: 0px 8px;color: #696f81 !important;font-size: 14px !important;} .reco-leftarea .panel-title a {display: block} .reco-leftarea .panel-collapse > ul > li {position: relative;} .reco-leftarea .panel-collapse > ul > li > span {position: absolute; right: -10px;} .reco-leftarea .panel-collapse > ul {padding: 10px;} .reco-leftarea .panel-collapse > ul > li {color: #d0d1d3 !important;padding: 10px 0;border-bottom: 1px solid #3d4253;} ul {list-style: none;} .input-field-scrn {width: 100%;background: #2b303d !important;padding: 10px 20px;} .input-field-scrn input {width: 80%;margin: 0;-moz-border-radius: 20px;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-moz-transition: all .7s ease; -o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; -webkit-transition: all .7s ease;background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 8px 8px #fff; border: 1px solid #d1d1d1;border-radius: 20px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset; color: #bebebe; font: bold 12px Arial, Helvetica, Sans-serif;padding: 8px 15px 8px 32px;transition: all .7s ease;} .recostocklink a{color: #fff;background-color: #31b0d5;border-color: #269abc;padding:2px 4px; font-size: 14px;font-weight: 400;text-align: center;margin-top:-4px;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border: 1px solid transparent;border-radius: 4px;} .buttonmargin{position:relative; right:6%;} h2 {font-size:20px;line-height:1.3;font-weight: 500;color: #3e4850;} h3 {font-size:15px;line-height: 2rem;font-weight: 400;margin: 6px 0 8px 0;} .h1, .h2, .h3, h1, h2, h3 {margin-top:0px;margin-bottom:4px;} .starlefttext{width:60px !important; float:left; margin:0 auto;} .nav-sidebar2 ul li {width:100%;line-height:18px;padding:5px 5px; background-color:#333;border-bottom: 1px solid #4a4949; } .leftside{font-size:12px;color:#7d8a9c;margin-top:0px;position:relative;left:4px; font-style:italic;} .middle-col-list .panel-title .expand-icon-wrap {position: absolute;right: 0;top: 0;bottom: 0;border-left: 1px solid #d9d7d7;font-size:18px; font-weight:700; /* line-height: 46px; */color: #36444a !important;padding:0px 9px;} .middle-col-list .panel-title-check .expand-icon-wrap {position: absolute;right: 0;top: 0;bottom: 0;border-left: 1px solid #d9d7d7;font-size:18px; font-weight:700; /* line-height: 46px; */color: #36444a !important;padding:0px 9px;} .reco-green{font-size:13px; color: #09c488; font-weight:500;} .reco-red{font-size:13px; color: #e82f2f; font-weight:500;} .reco-yellow{font-size:13px; color: #00add1; font-weight:500;} .averagemargin{position:relative; left:-20%; text-align:left;} .experttopbox{width:90%; float:left; margin:auto;margin-left:0%; position:relative; margin-bottom:8px; border-top:1px solid #f4f4f4; top:2px;} .exertcontentbottom{width:90%; float:left; margin:auto; position:relative;top:10px;left:5%; right:5%;margin-bottom:8px;} .listhead1{font-size:13px !important; font-weight:400;color: #36444a;text-decoration: none !important;text-align:left;} .listhead{font-size:13px !important; font-weight:400;color: #36444a;text-decoration: none !important;text-align:center;} .middle-col-list .panel-body {padding:0px !important;} .text-top0{font-size:14px; color:#36444a; font-weight:500; margin-bottom:0px;} .stockname{position:relative;left: 0%;text-align:left;right:0px;font-size:13px;font-weight: 400; color:#00add1 !important;} } @media only screen and (max-width:750px) { .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:8%;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} .tab-maindiv{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:18%;} } @media only screen and (max-width:650px) { .tab-maindiv{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:15%;} .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:10%;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} } @media only screen and (max-width:550px) { .tab-maindiv{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:15%;} .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:15%;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} .topmaindiv {width: 100%;float: left;/* margin: 0 auto; *//* margin-top: 88px; */} } @media only screen and (max-width:450px) { .recotop-section{width:100%; float:left; margin:auto; background-color:#3a4050; margin-top:24%;} .tab-maindiv{width:100%; float:left; margin:auto; background-color:#ebeef3; margin-top:16%;} .top-section-new{width: 100%;float: left; margin:0 auto;background: #fff;margin-top:21%;margin-bottom:10px;box-shadow:0px 1px 6px #cecece;border-radius:4px;} } .filled-in[type="checkbox"]:not(:checked) + label::after {height: 20px;width: 20px;background-color: transparent;border: 2px solid #ddd;top: 0px;z-index: 0;} .left-menu-default{background-color:#43495b !important;color: #7c8399 !important; font-weight:700;} @media only screen and (max-width:750px) { .tabalmojo { width: 90%;float: left;margin: auto;margin-top: 6px;margin-left: 4%;} .tabnrank {width: 80%; float: left;margin: auto;margin-left:4%;margin-top: 3px;text-align:left !important;} } @media only screen and (min-width: 750px){ .close-blk {top:-20px;right: -20px;background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;} } @media only screen and (max-width:410px) { .topmaindiv {width: 100%;float: left;/* margin: 0 auto; *//* margin-top: 0; */} } .watchlist_addstock .portfolioAddDiv_Markets .panel-collapse.collapse.in {padding: 4px 12px;} .watchlist_addstock {width: 65% !important;float: left;margin: 0 auto;margin-top: 3% !important;} .watchlist_addstock .mod-cont .modal-secnd {float: left;width: 100% !important;border-radius: 2px;background: #374047 !important;} .search-addscroll {width: 100%;float: left;margin: auto;} .watchlist_addstock .search-add {padding: 3px 5px;} .watchlist_addstock .wl-list {width: 100%;float: left;margin: auto;background: #ddd;margin: 10px 0px;border-radius: 5px;min-height: 318px;max-height: 319px;overflow: auto;overflow-x: hidden;} .watchlist_addstock .search-addscroll .stk-hed2, .search-addscroll .txt-stk-1 {font-size: 1.2rem;color: #333;margin: 0;padding: 10px;border-bottom: 1px solid #ccc;} .watchlist_addstock .add-scroll {width: 100%;float: left;margin: auto;min-height: 256px;max-height: 256px;} .watchlist_addstock .portfolioAddDiv_Markets {background: #eee!important;width: 100%;float: left;margin-bottom: 5px;} .watchlist_addstock .portfolioAddDiv_Markets .panel-heading {padding: 5px;background: #eee;border-bottom: 1px solid #ddd;margin-bottom: 10px;} .watchlist_addstock .add-scroll .wl-l-comp {border: 0!important;} .watchlist_addstock .wl-l-comp {font-size: 1.2rem;line-height: 1.4rem;padding: 5px !important;border: 1px solid #ddd;background: #eee;position: relative;} .watchlist_addstock .remove-btnsec {color: #eb513a !important;font-size: 1.2rem;border-left: 1px solid #ddd;padding-left: 20px;top: 10px;} .watchlist_addstock .remove-btnsec a {margin-left: 5px;font-size: 16px;color: #eb513a !important;text-decoration: underline;} .watchlist_addstock .tablearea {margin: 10px 8px;} .share-dtail-add td, .txt-td-ad {padding: 4px 0 !important;} .watchlist_addstock input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {margin: 0 0 3px 0;background: #f8f7fa !important;} .watchlist_addstock .dateport-input {-moz-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;transition: all .7s ease;background: #f8f7fa;line-height: 1.2rem;font-size:16px;background: url(https://i.marketsmojo.com/date-icon.png) no-repeat 96% 8px #fff !important;text-align: left !important;} .error_message {width: 100%;float: left;color: #c93e41;font-size: 12px;} .modal input {-moz-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;padding: 10px;transition: all .7s ease;background: #f8f7fa;width: 90%;line-height: 1.2rem;font-size:16px;} .watchlist_addstock .inputcol2 {max-width: 90%;min-width: 95%;height: 39px;text-align: left !important;border-radius: 2px;font-size: 14px;border-radius: 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;padding: 10px;transition: all .7s ease;background: #f8f7fa;line-height: 1.2rem;font-size:16px;} /* .btn-default {color: #333;background-color: #f8f7fa;border-color: #ccc;} */ .watchlist_addstock .btn .caret {margin-left: 0;text-align: right !important;float: right !important;top: 17px;position: absolute;right: 18px;} .watchlist_addstock .datedropdown .dropdown-menu {max-width: 314px !important;} .watchlist_addstock .datedropdown .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1000;display: block;float: left;min-width: 314px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #f3f0f0 !important;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .watchlist_addstock .dropdown-menu {position: absolute;top: 100%;right: 0;/* left: 0; */z-index: 1000;display: block;float: left;min-width: 200px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #f3f0f0;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .watchlist_addstock .portdropsubdown {margin-left: 0px;width: 100%;margin-top: -4px;min-height: auto;max-height: 120px;overflow-y: scroll;overflow-x: hidden;} .bottomtextarea {width: 100%;float: left;margin: auto;} .watchlist_addstock .btn-info {color: #fff;background-color: #00add1;border-color: #46b8da;} .bottomtextarea article h5 {color: #fff !important;font-size: 14px;margin: 10px 0 5px;} .bottomtextarea article ol, .bottomtextarea article ol li {color: #ddd;font-size: .8rem;list-style: none;margin-left: 5px;padding-left: 5px;} .bottomtextarea article ol, .bottomtextarea article ol li {color: #ddd;font-size: .8rem;list-style: none;margin-left: 5px;padding-left: 5px;} .watchlist_addstock .inline li {min-width: 192px !important;padding: 6px 4px;color: #333 !important;text-decoration: none !important;border-bottom: 1px solid #FFF;} .watchlist_addstock .datedropdown .dropdown-menu .btn {background: #FFFFFF;color: #333 !important;} .btn-group-sm>.btn, .btn-sm {padding: 5px 9px;font-size: 12px;line-height: 1.5;border-radius: 3px;} .watchlist_addstock .datedropdown .dropdown-menu td, th {padding: 3px 3px !important;vertical-align: top !important;} .ad-ac-modal, .edit-ac-modal {width: 350px;} @media only screen and (max-width: 750px){ .slidebuttonleft {top:60% !important;} .slidebuttonright {top:60% !important;} .watchlist_addstock {width: 100% !important;float: left;margin: 0 auto;} .modal .modal-secnd {float: left;width: 100% !important;border-radius: 2px;background: #374047;height: 820px !important;margin: 0;-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);padding: 3px;} .watchlist_addstock .search-add {padding: 0px;} .watchlist_addstock .wl-list {width: 100%;float: left;margin: auto;background: #ddd;margin: 10px 0px;border-radius: 5px; min-height: 203px; max-height: 205px;overflow: auto;overflow-x: hidden;} .add-scroll {background: #ddd!important;min-height: 314px;max-height: 317px;} .watchlist_addstock .portfolioAddDiv_Markets {background: #eee!important;} .watchlist_addstock .tablearea {margin: 0px 7px;} .watchlist_addstock .inputcol2 {max-width: 93%;min-width: 98%;} .watchlist_addstock .inputcol2 {padding: 18px 8px;line-height: 0;} .watchlist_addstock .btn .caret {margin-left: 0;text-align: right !important;float: right !important;top: 17px;position: absolute;right: 26px;} .btn, .btn-large, .btn-flat {border: none; border-radius: 2px; display: inline-block; height: 34px !important;line-height: 1.3;letter-spacing: -0.5px;} } .modal .modal-secnd {float: left;width: 100% !important;border-radius: 2px;background: #374047;height: auto !important;margin: 0;-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);padding: 7px;} .modal {left: 0;right: 0;padding: 0;/* width: 100%; */margin: 0 auto;overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 16px !important;background-color: transparent;} .ad-ac-modal .modal-secnd .modal-content, .edit-ac-modal .modal-secnd .modal-content {padding:5px 3px !important;} #AddFilter .modal-content {padding: 10px;background: #FFF;} .mod-cont .modal-secnd {float: left; width: 100% !important; border-radius: 2px; background: #374047 !important;} @media only screen and (max-width:750px){ .model-head {padding: 0 5px 5px;} .modal .modal-secnd {float: left;width: 100% !important; border-radius: 2px; background: #374047;height: auto !important;height: 384px !important;margin: 0;-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59); -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59); padding: 3px;} .ad-ac-modal, .edit-ac-modal {width: 340px !important;} } @media only screen and (max-width: 320px){ .model-pop{width:100%; max-height:418px; overflow: hidden; overflow-y: auto; padding:0px;} .brudcrum-new li {list-style: none;display: inline-block; margin: 0px 5px 7px 0px !important; color: #36444a;font-size: 12px;line-height: 1;} .reco-leftarea .panel-title a {border-top:0px solid #43495b;padding: 5px 2px;color: #696f81;display: block;background: url("https://i.marketsmojo.com/dropdown_arrow_mob.png") no-repeat 97.5% 50%;font-size:14px !important;} .ad-ac-modal, .edit-ac-modal {width: 320px !important;} /* .modal .modal-content {padding: 0 !important;min-height: 210px !important;max-height: 352px !important;width: 100%;margin:2px 0px;overflow-y: auto !important;} */ #AddFilter, #AddFilter, #Portfolioadd-stock-listP, #add-wl-sgle {top: 46px !important;} } /* ************02.02.2018**************** */ .pointstech {width: auto; float: right !important; padding: 4px 0px 0px 8px; /* border-bottom: 1px solid #ddd; */ /* min-height: 65px; */ text-align: right; background-size: cover;margin-right:5px;} .pointstech aside {float: left; margin-left: 0;margin: 5px 0px;} .pointstech h6 {font-size: 13px !important; font-weight: 500;line-height: 16px; color: #000000 !important;text-transform: uppercase;} .pointstech p {font-size: 14px; color: #666; margin: 0;} .margin-mojo2 .h4, .h5, .h6, h4, h5, h6 {margin-top: 1px;margin-bottom: 0px;} .pointstech .green-mojoN {background: url(https://i.marketsmojo.com/green_mojo_bg.png) no-repeat;width:44px;height: 44px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .pointstech .grey-mojoN {background: url(https://i.marketsmojo.com/grey_mojo_bg.png) no-repeat;width: 44px;height: 44px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .pointstech .red-mojoN {background: url(https://i.marketsmojo.com/red_mojo_bg.png) no-repeat;width: 44px;height: 44px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .pointstech .orange-mojoN {background: url(https://i.marketsmojo.com/orange_mojo_bg.png) no-repeat;width: 44px;height: 44px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .pointstech .down-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_dwn.png) no-repeat;background-size: contain;height:48px;width: 20px;display: inline-block;position: relative;top:9px;left:-11px;} .pointstech .up-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_up.png) no-repeat;background-size: contain;height: 48px;width: 20px;display: inline-block;position: relative;top:9px;left:-11px;} .pointstech .mid-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_mid.png) no-repeat;background-size: contain;height: 48px;width: 36px;display: inline-block;position: relative;top:12px;left:-5px;} /* *******markets************ */ .mktscardarea{max-width:100%; float:left; margin:auto;margin-right:0%;} .mktcontentarea{width: 99.9%;float: left; margin: auto; border: 1px solid #ddd; padding: 2px 0px 2px 2px; cursor: pointer; position: relative; z-index: 9999999999999;} .mkttextarea{width: 100%;float: left;margin:5px 5px 0px 0px;background:#FFF;padding: 0px;} .mktcardtopcontent{width:100%; float:left; margin:auto;margin-bottom:10px;top:0px;} .mkttopcol{width:33%; float:left;text-align: left;position: relative;top:0px;} .mktmiddlearea{width:100%; float:left; margin:auto;} .mktcompany{text-align:left !important;width:50%;font-size: 12px !important;} .mktfin{text-align:center !important;width:40%;font-size: 12px !important;} .mktreturn{text-align:center !important;width:5%;font-size: 12px !important;} .mktbottomlogoarea{width:99%; float:left; margin:auto;margin:0px 0px;} .mkttext{font-size: 12px !important;} .mktdothead {color: #FFF; position: relative;top:30px;font-size:22px; font-weight:500; text-align: center;} .topmktmargin{position:relative;top:24px;text-align: left;line-height: 1.2;} .toptexthead {font-size: 15px;text-align:left;} .toptextsmall {font-size: 12px;} .org_scroreiconmkt{position: relative; width:86px; text-align: center;color:#FFF; height:87px;margin:auto;background: url(https://i.marketsmojo.com/org_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .green_scroreiconmkt{position: relative; width:86px; text-align: center;color:#FFF; height:87px;margin:auto;background: url(https://i.marketsmojo.com/green_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .red_scroreiconmkt{position: relative; width:86px; text-align: center;color:#FFF; height: 87px;margin:auto;background: url(https://i.marketsmojo.com/red_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .grey_scroreiconmkt{position: relative; width:86px; text-align: center;color:#FFF; height:87px;margin:auto;background: url(https://i.marketsmojo.com/grey_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} @media only screen and (max-width:1024px){ .mktdothead {color: #FFF; position: relative;top:22px;font-size:18px; font-weight:500; text-align: center;} .pointstech {width: auto;float: right !important;padding: 4px 0px 0px 2px;text-align: right;background-size: cover;margin-right:4px;} .org_scroreiconmkt{position: relative; width:58px; text-align: center;color:#FFF; height:59px;margin:auto;background: url(https://i.marketsmojo.com/org_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .green_scroreiconmkt{position: relative; width:58px; text-align: center;color:#FFF; height: 59px;margin:auto;background: url(https://i.marketsmojo.com/green_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .red_scroreiconmkt{position: relative; width:58px; text-align: center;color:#FFF; height: 59px;margin:auto;background: url(https://i.marketsmojo.com/red_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .grey_scroreiconmkt{position: relative; width:58px; text-align: center;color:#FFF; height:59px;margin:auto;background: url(https://i.marketsmojo.com/grey_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} } @media only screen and (min-width:960px) and (max-width:1024px) { .topmktmargin {position: relative; top: 10px; text-align: left; line-height: 1.2;} } @media only screen and (min-width:750px) and (max-width:960px) { .pointstech h6 {font-size: 11px !important;line-height: 15px;} .pointstech p {font-size: 12px; color: #666; margin: 0;} } @media only screen and (max-width:966px){ .topmktmargin {position: relative;top: 3px;text-align: center;} } @media only screen and (max-width:750px){ .pointstech h6 {font-size: 13px !important;} .mktcardtopcontent {width: 100%; float: left; margin: auto; margin-bottom: 17px; position: relative; top: 13px;} .pointstech {padding: 4px 0px 0px 0px;margin-right:3px;} .mktdothead {color: #FFF; position: relative;top:12px;font-size:14px; font-weight:500; text-align: center;} .topmktmargin{position:relative;top:0px;text-align: center;line-height: 1;} .toptexthead {font-size:14px;text-align:left;} .toptextsmall {font-size: 12px;} .org_scroreiconmkt{position: relative; width:45px; text-align: center;color:#FFF; height:46px;margin:auto;background: url(https://i.marketsmojo.com/org_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .green_scroreiconmkt{position: relative; width:45px; text-align: center;color:#FFF; height:46px;margin:auto;background: url(https://i.marketsmojo.com/green_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .red_scroreiconmkt{position: relative; width:45px; text-align: center;color:#FFF; height: 46px;margin:auto;background: url(https://i.marketsmojo.com/red_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} .grey_scroreiconmkt{position: relative; width:45px; text-align: center;color:#FFF; height:46px;margin:auto;background: url(https://i.marketsmojo.com/grey_scroe_big_bg.png) no-repeat 0% 100%;background-size:100%;background-position: center;position: relative;top:0px;} } .modal .modal-secnd {float: left;width: 100% !important;border-radius: 2px;background: #374047;height: auto !important;margin: 0;-webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);-moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.59);padding: 7px;} @media only screen and (min-width: 750px){ .modal-content { overflow-y: auto;max-height: 400px;/* overflow-x: hidden; */background: #fff;min-height: 350px;} } .modal .modal-content {padding: 0 !important;min-height: 446px;width: 100%;} #includ_popup .modal .modal-content {padding: 0 !important;min-height: 468px;width: 100%;} #includ_popupfive .modal .modal-content {padding: 0 !important;min-height: 468px;width: 100%;} .blu-cir-btn {padding:2px 25px;font-size: .9rem;margin: 5px;} .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;border-radius: 20px;color: #FFF;text-transform: uppercase;font-weight: 500;} .grey-cir-btn {background: #FFFFFF;border-radius: 20px;border: 1px solid #a4adb4;color: #333;text-transform: uppercase;} .grey-cir-btn {padding: 9px 25px;font-size: .9rem;margin: 0px 5px;} .planbox{margin:10px 25px;text-align:center;background:#00add1; min-height:100px;max-height:100px;border-radius:5px;cursor:pointer;} .planbox1{margin:10px 25px;text-align:center;background:#fdaf31; min-height:100px;max-height:100px;border-radius:5px;cursor:pointer;} .plantext{padding:20px 10px; color:#FFF; font-size:16px; font-weight:100;line-height:1.3;} .plantext2{padding:30px 10px; color:#FFF; font-size:16px; font-weight:100;line-height:1.3;} #includ_popup{margin:0 auto; position:fixed; margin-top:3%; z-index:9999999999999999999999;width:90%;} #includ_popupfive{margin:0 auto; position:fixed; margin-top:7%; z-index:9999999999999999999999;width:90%;} .motihead{font-size:26px; font-weight:600;margin:30px 25px;line-height:1.3;color:#333 !important;text-align:center;} .motimargin{margin:10px 25px;} .motimargin ul li{list-style:disc; margin:10px 20px;} .mt-toparea{width:98%; float:left; margin: 10px 0px 0px 6px;} .mt-logoarea{width:16%; float:left;display:inline-block; margin:0px 10px;} .mt-tophead{width:82%; float:left;display:inline-block;margin:0px 0px;position:relative; top:0px;} .mt-tophead_c{width:82%; float:left;display:inline-block;margin:0px 0px;position:relative; top:10px;} .mt-coltextlarge1{font-weight:400;color:#000000;font-size:16px !important;} .mt-coltextlarge{font-weight:600;color:#00add1;font-size:18px !important;} .mt-coltextlarge2{font-weight:400;color:#FFFFFF;font-size:14px !important;background:#00add1;padding: 1px 2px 2px 2px;line-height: 1.6;} .mt-coltextlarge3{font-weight:500;color:#333;font-size:16px !important;background:#fef348;padding: 1px 2px 2px 2px;line-height: 1.6;} .Subscriptionarea{width:100%; float:left; text-align:center;margin-top:12px;} .subscribe-head{font-size:17px; font-weight:600;} .screen-stepsul {margin:1px 0px 12px;margin-left:0% !important;} .screen-stepsul li {margin-bottom:15px;margin-left: 0px;font-size:16px; font-weight:400;} .screen-stepsul2 {margin:0px 0; margin-left:0% !important;} .screen-stepsul2 li {margin-bottom:12px;margin-left: 0px;font-size:16px; font-weight:400;} .screen-stepsul3 {margin:0px 0; margin-left:0% !important;} .screen-stepsul3 li {margin-bottom:6px;margin-left: 0px;font-size:16px; font-weight:400;} .colpadding{padding-left: 0px;padding-right: 0;} .subbuttonarea{width:100%; float:left; text-align:center;font-size:16px; font-weight:600;margin-top:15px;} .subbuttonarea-new {width: 100%;float: left;text-align: center;font-size: 15px;font-weight: 400;margin-top:6px;} .subbuttonarea-new2 {width: 100%;float: left;text-align: left;font-size: 15px;font-weight: 400;margin-top:33px;} .moti-content_c .subbuttonarea-new2 {width: 100%;float: left;text-align: left;font-size: 15px;font-weight: 400;margin-top:30px;} .subbuttonarea-new3 {width: 100%;float: left;text-align: left;font-size: 15px;font-weight: 400;margin-top:30px;} .mt-button-new {border-radius: 8px;font-size: 14px !important;font-weight: 400;padding: 0px 11px !important;height: 35px !important;} .mt-button{border-radius:8px; font-size:16px !important;font-weight:500;padding:8px 45px !important;height: 45px !important;} .mt-offerarea{width:100%; float:left;margin-top:10px;margin-left:0px;} .mt-offerleft{width:13%; float:left;float:left;display:inline-block;margin:0px 4px;} .mt-offerright{width:70%; float:left;float:left;display:inline-block;margin:0px 0px;text-align:center;position:relative;top:12px;font-size:15px;} .avail-button{width:100%; float:left; text-align:center;font-size:16px; font-weight:600;margin-top:24px;} .magic-radio,.magic-checkbox { position: absolute; display: none; } .magic-radio[disabled],.magic-checkbox[disabled] {cursor: not-allowed; } .magic-radio + label,.magic-checkbox + label {position: relative; text-align: left; font-size:14px !important; font-weight:400 !important; color:#333 !important; display: block; padding-left: 38px;cursor: pointer; /* vertical-align: middle; */} .magic-radio + label:hover:before,.magic-checkbox + label:hover:before {animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color; } .magic-radio + label:before,.magic-checkbox + label:before {position: absolute;top:-3px;left: 0;display: inline-block;width: 25px;height: 25px;content: '';border: 1px solid #c0c0c0; } .magic-radio + label:after,.magic-checkbox + label:after {position: absolute;display: none;content: ''; } .magic-radio[disabled] + label,.magic-checkbox[disabled] + label {cursor: not-allowed;color: #e4e4e4; } .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,.magic-checkbox[disabled] + label:hover,.magic-checkbox[disabled] + label:before,.magic-checkbox[disabled] + label:after {cursor: not-allowed; } .magic-radio[disabled] + label:hover:before,.magic-checkbox[disabled] + label:hover:before {border: 1px solid #e4e4e4;animation-name: none; } .magic-radio[disabled] + label:before,.magic-checkbox[disabled] + label:before {border-color: #e4e4e4; } .magic-radio:checked + label:before,.magic-checkbox:checked + label:before {animation-name: none; } .magic-radio:checked + label:after,.magic-checkbox:checked + label:after {display: block; } .magic-radio + label:before {border-radius: 50%; } .magic-radio + label:after {top: 5px;left: 8px;width: 9px;height: 9px;border-radius: 50%;background: #3e97eb; } .magic-radio:checked + label:before {border: 1px solid #3e97eb; } .magic-radio:checked[disabled] + label:before {border: 1px solid #c9e2f9; } .magic-radio:checked[disabled] + label:after {background: #c9e2f9; } .magic-checkbox + label:before {border-radius: 3px; } .magic-checkbox + label:after {top: 2px;left: 7px;box-sizing: border-box;width: 6px;height: 12px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #fff;border-top: 0;border-left: 0; } .magic-checkbox:checked + label:before {border: #3e97eb;background: #3e97eb; } .magic-checkbox:checked[disabled] + label:before {border: #c9e2f9;background: #c9e2f9; } .radio {padding-left: 20px; } .radio label {display: inline-block;position: relative;padding-left: 5px; } .radio label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -20px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out; } .radio label::after {display: inline-block;position: absolute;content: " ";width: 9px;height: 9px;left: 4px;top: 4px;margin-left: -20px;border-radius: 50%;background-color: #555555;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] {opacity: 0; } .radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; } .radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); } .radio input[type="radio"]:disabled + label {opacity: 0.65; } .radio input[type="radio"]:disabled + label::before {cursor: not-allowed; } .radio.radio-inline {margin-top: 0;} .moti-popupbottomtext{width:100%; float:left;text-align:center;margin-top:8px;} .moti-linktext {font-size:14px;text-align:center; font-weight:400px;} .magic-radio-new{ position: absolute; display: none; } .magic-radio-new[disabled] {cursor: not-allowed; } .magic-radio-new + label{position: relative; text-align: left;height:22px;right:4px;top:4px; font-size:14px !important; font-weight:400 !important; color:#333 !important; display: block; padding-left:0px;cursor: pointer;vertical-align: middle;} .magic-radio-new + label:hover:before{animation-duration: 0.4s;animation-fill-mode: both;animation-name: hover-color; } .magic-radio-new + label:before{position: absolute;top:-3px;left: 0;display: inline-block;width: 20px;height: 20px;content: '';border:2px solid #FFFFFF;background-color:#b5b3b3; } .magic-radio-new + label:after {position: absolute;display: none;content: ''; } .magic-radio-new[disabled] + label {cursor: not-allowed;color: #e4e4e4; } .magic-radio-new[disabled] + label:hover .magic-radio-new[disabled] + label:after{cursor: not-allowed; } .magic-radio-new[disabled] + label:hover:before{border: 1px solid #e4e4e4;animation-name: none; } .magic-radio-new[disabled] + label:before {border-color: #e4e4e4; } .magic-radio-new:checked + label:before {animation-name: none; } .magic-radio-new:checked + label:after {display: block; } .magic-radio-new + label:before {border-radius: 50%; } .magic-radio-new + label:after {top: 3px;left: 5px;width:10px;height:10px;border-radius: 50%;background: #484747;} .magic-radio-new:checked + label:before {border:2px solid #FFFFFF; } .magic-radio-new:checked[disabled] + label:before {border: 1px solid #c9e2f9; } .magic-radio-new:checked[disabled] + label:after {background: #c9e2f9; } /* .lable_new{margin:2px -9px 29px !important;} */ .motipopup-toptext{float: right;text-align:center;font-size:16px; font-weight:400;line-height:1.3;margin:0px 25px;} .toplinehead{margin-top:0px;text-align:center;} @media only screen and (max-width:1024px) { .popupbottomarea {min-height:124px;margin: 15px 0px;} .poporowpadding {margin: 15px 0px 0px 0px !important;} .popuplogoarea {top:38px;} } @media only screen and (max-width:960px) { #includ_popup {margin-top: 10%;} #includ_popupfive {margin-top: 10%;} } @media only screen and (max-width:750px) { #includ_popup{width:98%; margin:0 auto; position:fixed; margin-top:10%; z-index:9999999;} #includ_popupfive{width:98%; margin:0 auto; position:fixed; margin-top:10%; z-index:9999999;} .stocklogincont{padding:0px 0px;} .toplinetext{font-size:16px; line-height:1.2;margin:4px 0px 0px 0px;font-family: Georgia, "Times New Roman", Times, serif !important;font-style: italic;} .stockloginbutton a{font-size:12px; color:#FFFFFF;padding:6px 4px;} .stockloginbutton2 a{font-size:12px; color:#FFFFFF;padding:6px 4px;} } .moti-bulletline li{float:left;padding: 0px 0px 0px 35px !important;background: url(https://i.marketsmojo.com/motilal/arrow.png) no-repeat top left; background-position:0% 4%; margin-bottom: 10px;text-align: left !important; margin-top:4px !important;line-height: 1.3; color: #000000;font-size:14px;margin:5px 31px;} .moti-bulletline-new li{width:100%;float:left;padding: 0px 0px 0px 35px !important;font-weight: 500;background: url(https://i.marketsmojo.com/motilal/arrow2.png) no-repeat top left; background-position:0% 55%; margin-bottom: 10px;text-align: left !important; margin-top:4px !important;line-height: 1.3; color: #92d050;font-size:26px;margin:5px 31px;} .popover {max-width:400px !important;} .moti-content{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:570px !important;} .moti-content5{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:510px !important;} .moti-content_c{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:520px !important;} .popupbottomtextarea{width:100%;float:left;margin-left:0%; margin-right:0%; text-align:center;} .popupbottomsmall{font-size:16px;line-height:1.3;margin:10px 0px; text-align:center;} .popupbottombig{font-weight:600; font-size:26px;line-height:1.3;color:#333;margin-bottom:12px; text-align:center;} .well {background: #fafafa; border: 1px solid #cacaca; padding: 10px 15px; box-shadow: inset 0px 0px 2px #eee; margin:0px 0px;} .mt-popuptohead-new{font-size:20px !important;background:#808080 !important; padding:6px 8px !important; color:#FFF !important;} .toplinehead-new {margin-top: 15px;text-align: center;} .moti-subbutton-new {padding: 14px 1px !important;height: 50px !important;border-radius: 4px !important;background: #a5a5a5 !important;color: #FFF;width:40%;margin:0px 0px 0px 12%;border:1px solid #8a8a8a;-webkit-box-shadow:0 8px 15px -6px rgb(23, 23, 23);-moz-box-shadow:0 8px 15px -6px rgb(23, 23, 23);box-shadow:0 8px 15px -6px rgb(23, 23, 23);} .moti-subbutton-new2 {padding: 14px 1px !important;height: 50px !important;border-radius: 4px !important;background: #92d050 !important;color: #FFF;width:70%;margin:0px 0px 0px 6%;border:1px solid #8a8a8a;-webkit-box-shadow:0 8px 15px -6px rgb(23, 23, 23);-moz-box-shadow:0 8px 15px -6px rgb(23, 23, 23);box-shadow:0 8px 15px -6px rgb(23, 23, 23);} .moti-btnsubbutton-new {display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 6px;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;} @media (min-width:1500px) and (max-width:1700px){ .moti-content_c .popuplogoarea {width: 100%;float: left; text-align: right;position: relative; top: 22px;} .mt-popuptohead-new{font-size:22px !important;background:#808080 !important; padding:6px 8px !important; color:#FFF !important;} .mt-coltextlarge2 {font-size: 15px !important;} .popupbottomtextarea{width:95%;float:left;margin-left:4.7%; margin-right:0%;} .toplinehead{margin-top:15px;text-align:center;} .moti-bulletline li{margin-top:8px !important;font-size:15px;} .moti-bulletline-new li{margin-top:8px !important;font-size:22px;} .motihead {font-size:26px;} .mt-tophead {top:0px;} .mt-tophead_c {top:10px;} .mt-offerleft {width: 18%;} .mt-offerright {width:75%;top: 15px;font-size: 17px;} .moti-content{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:588px !important;} .moti-content5{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:496px !important;} .moti-content_c{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:554px !important;} } @media (min-width:1200px) and (max-width:1300px){ .moti-content {min-height: 500px !important;} .moti-content5 {min-height:450px !important;} .moti-content_c {min-height: 500px !important;} .mt-popuptohead-new{font-size:17px !important;background:#808080 !important; padding:6px 8px !important; color:#FFF !important;} .popupbottomsmall {margin:5px 0px;} .moti-bulletline li {float: left;padding: 0px 0px 0px 35px !important;background: url(https://i.marketsmojo.com/motilal/arrow.png) no-repeat top left;background-position: 0% 4%;margin-bottom:8px;text-align: left !important;margin-top:2px !important;line-height: 1.3;color: #000000; font-size: 14px;margin:0px 31px;} .moti-bulletline-new li {float: left;padding: 0px 0px 0px 35px !important;background: url(../images/motilal/arrow2.png) no-repeat top left;background-position: 0% 55%;margin-bottom:8px;text-align: left !important;margin-top:2px !important;line-height: 1.3;color: #000000; font-size: 18px;margin:10px 31px;} .poporowpadding {margin: 11px 0px 0px 0px !important;} .popupbottomtextarea{width:93%;float:left;margin-left:5.7%; margin-right:0%;} .popuplogoarea {top:27px;} .mt-logoarea {width:16%; float: left; display: inline-block; margin: 0px 10px;} .motihead {font-size:24px;font-weight: 600;margin:0px 25px;line-height: 1.3;color: #00add1;} .mt-tophead {width: 80%;float: left; display: inline-block; margin: 0px 10px; position: relative; top:0px;} .mt-tophead_c {width: 80%;float: left; display: inline-block; margin: 0px 10px; position: relative; top:10px;} .popupbottombig{font-size:24px;} } @media (min-width:1080px) and (max-width:1200px){ .popuplogoarea {top: 33px;} } @media (min-width:1025px) and (max-width:1200px){ .mt-logoarea {width:18%; float: left; display: inline-block; margin: 0px 10px;} .motihead {font-size:26px;font-weight: 600;margin:0px 25px;line-height: 1.3;color: #00add1;} .mt-tophead {width: 77%;float: left; display: inline-block; margin: 0px 10px; position: relative; top:0px;} .mt-tophead_c {width: 77%;float: left; display: inline-block; margin: 0px 10px; position: relative; top:10px;} } @media (min-width:960px) and (max-width:1024px){ .moti-content_c .popuplogi-img {width: 84%;} .mt-button-new {padding: 0px 7px !important;} .mt-popuptohead-new {width: 100%;float: left;} .moti-content {min-height: 590px !important;} .moti-content5 {min-height: 590px !important;} .moti-content_c {min-height: 590px !important;} .mt-logoarea {width:20%; float: left; display: inline-block; margin: 0px 0px;} .motihead {font-size:24px;font-weight: 600;margin:0px 25px;line-height: 1.3;color: #00add1;} .mt-tophead {width: 79%;float: left; display: inline-block; margin: 0px 0% 0px 1%; position: relative; top:0px;} .mt-tophead_c{width: 79%;float: left; display: inline-block; margin: 0px 0% 0px 1%; position: relative; top:0px;} } @media only screen and (max-width:960px) { .mt-popuptohead-new {width: 100%;float: left;} .well {margin: 12px 0px !important;} .popupbottombig{font-size:20px;} .moti-content {min-height:640px !important;} .moti-content5 {min-height:640px !important;} .moti-content_c {min-height:640px !important;} .mt-tophead {width: 100%;float: left; display: inline-block; margin: 0px 10px; position: relative; top:0px;} .mt-tophead_c {width: 100%;float: left; display: inline-block; margin: 0px 10px; position: relative; top:10px;} .motihead {font-size:20px; font-weight: 600; color: #00add1;} .popupbottomarea {border: 1px solid #00add1; padding: 10px 10px; height: auto;margin:10px 0px;} .poporowpadding {margin: 15px 0px 0px 0px !important;} .popuplogoarea {margin-bottom: 10px;top:18px;text-align: right;} .popuplogi-img {width:65%;} .moti-content_c .popuplogi-img {width:65%;} } .mt-popuptohead{background:#808080 !important; padding:6px 10px !important; color:#FFF !important;} .topbottomhead{font-size: 16px !important;font-weight: 500 !important;} .earlyhead{font-size:20px !important;font-weight:500;} .advapplymargin{position: relative; float: left; top: 6px;} #divFilterChip .panel-body {padding: 5px 4px;} @media only screen and (max-width:750px) { .mt-popuptohead-new{width: 98%;float: left;font-size:15px !important;background:#808080 !important; padding:6px 8px !important; color:#FFF !important;} .well {margin: 12px 0px !important;} .popupbottombig{font-size:15px;} .motipopup-toptext {margin: 16px 25px;} .mt-offerarea { width: 100%; float: left; margin-top: 10px; margin-left: 0; text-align: center;} .mt-logoarea {width: 100%; margin: 0px 0px;text-align: center;} .moti-bulletline li{background-position:3% 4%;} .moti-bulletline-new li{background-position:3% 4%;} .Subscriptionarea {margin-top: 8px;} .mt-tophead {width: 100%;margin: 0px 0px;} .mt-tophead_c {width: 100%;margin: 0px 0px;} .moti-content{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:550px !important;max-height:550px !important;} .moti-content5{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:550px !important;max-height:550px !important;} .moti-content_c{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:550px !important;max-height:550px !important;} .motihead {font-size:15px;text-align: center;} .mt-offerleft {width: 100%;display: inline-block;margin: 0px 0px;text-align: center;} .mt-offerright {float: left;width: 100%;display: inline-block;margin: 0px 0px;text-align: center;position: relative;top: 15px;font-size: 16px;text-align: center;} .avail-button {width: 100%;float: left;text-align: center;font-size: 16px;font-weight: 600;margin-top:36px;margin-bottom: 15px;} .subbuttonarea {margin-top: 3px;} .moti-popupbottomtext {width: 100%; float: left; text-align: center;margin-top: 0px;} .pbuttonmargin{padding-left: 0px;} .poporowpadding {margin: 15px 0px 0px 0px !important;} .popupbottomarea {border: 1px solid #00add1; padding: 10px 10px; min-height: auto;height: auto;margin:10px 0px;} .screen-stepsul2 {margin: 7px 0; margin-left: 4% !important; width: 89%;} .subbuttonarea-new2 {width: 100%;float: left; text-align: center; font-size: 15px; font-weight: 400; margin-top: 7px;} .subbuttonarea-new3 {width: 100%;float: left; text-align: center; font-size: 15px; font-weight: 400; margin-top: 7px;} .mt-button-new {height: 32px !important;} .magic-radio + label, .magic-checkbox + label {padding-left: 34px;font-size: 13px !important;} .popupofferbg {background: #00add1; padding: 6px 0px;} .mt-button-new {border-radius: 8px; font-size: 12px !important; font-weight: 400;padding: 0px 4px !important; height: 30px !important;} .mt-popuptohead {background: #808080 !important; padding: 6px 17px !important;color: #FFF !important; width: 97%; float: left;margin: 0px 9px;} } @media only screen and (max-width:750px) { .moti-bulletline li {padding: 4px 10px 0px 58px !important;margin: 0px 7px;} .moti-bulletline-new li {padding: 4px 10px 0px 58px !important;margin: 0px 7px;font-size:16px;} .popuplogi-img {width: 54%;} .moti-content_c .popuplogi-img {width: 54%;} .subbuttonarea-new2 {width: 97%;float: left; text-align: left; font-size: 14px; font-weight: 400; margin-top:15px;} .popuplogoarea {margin-bottom: 10px;top:9px;text-align: right;} } @media only screen and (max-width:460px) { .popupbottomarea {min-height: auto; margin: 15px 0px;} .moti-bulletline li {padding: 4px 10px 0px 48px !important;margin: 0px 7px;} .moti-bulletline-new li {padding: 4px 10px 0px 44px !important;margin: 0px 0px;} .popuplogi-img {width: 100%;} .moti-content_c .popuplogi-img {width: 100%;} .mt-popuptohead {background: #808080 !important; padding: 6px 17px !important;color: #FFF !important; width: 93%; float: left;margin: 0px 9px;} } @media only screen and (max-width:320px) { .moti-content{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:450px !important;max-height:450px !important;} .moti-content5{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:450px !important;max-height:450px !important;} .moti-content_c{background:#FFF;overflow-x: hidden !important;margin-bottom:0px !important;min-height:450px !important;max-height:450px !important;} .subbuttonarea-new2 {margin-top:8px;} .subbuttonarea-new3 {margin-top:8px;} } .popover.right>.arrow {top: 50%;left: -18px; margin-top: -11px;border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,.25);} .popover>.arrow:after {border-width: 15px; content: "";} .popover.bottom>.arrow:after {top: 1px;margin-left: -14px;content: " ";border-top-width: 0;border-bottom-color: #00add1 !important;} .popover.right>.arrow:after {content: " "; left: 1px; bottom: -14px; border-left-width: 0; border-right-color: #00add1 !important;} .popover.left>.arrow:after {content: " "; left: 1px; bottom: -14px; border-left-width: 0; border-right-color: #00add1 !important;} .popover.top>.arrow:after {content: " "; left: 1px; bottom: -14px; border-left-width: 0; border-right-color: #00add1 !important;} .popover-title {margin: 0 -1px;width: 100.4%;padding:10px 14px;position:relative;top:-2px;font-size: 16px;background-color: #00add1;border-bottom: 0px solid #000000;border-top-left-radius: 20px;border-top-right-radius: 20px;color: #fff;} .popover {position: absolute;top: 0;left: 0;z-index: 1060;display: none;border: 1px solid #00add1 !important;z-index: 10000000;width: 40%;max-width: 600px;box-shadow: 3px 3px 8px #666;background: #333;color: #fff;font-size: 17px;font-family: Georgia !important;border-radius: 30px;background: rgba(0, 0, 0, .8) !important;box-shadow: 1px 1px 4px #000;-webkit-background-clip: padding-box;background-clip: padding-box;border:0px solid rgba(0, 0, 0, .2);border-radius:20px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);line-break: auto;} .popover-navigation{padding: 18px 25px;} .popover>.arrow {border-width: 18px;} .btn-default {color: #333; background-color: #00add1 !important; border-color: #ccc;} .btn-default:hover { color: #333; background-color: #00add1 !important; border-color: #ccc;} .popover .popover-navigation .btn-default {color: #fff; background-color: #00add1 !important; border-color: #00add1;} .popover .popover-navigation .btn-default :hover {color: #fff; background-color: #00add1 !important; border-color: #00add1;} .btn.disabled, .btn[disabled], fieldset[disabled] .btn{color:#000;cursor: not-allowed !important;} @media only screen and (max-width:750px) { .popover {width:100%;max-width: 600px;box-shadow: 3px 3px 8px #666;} .colapse-mob{float: right;display:inline-block !important;top:-22px !important;position:relative !important;} .panel-mob{display: inline-block !important;width:100% !important;} } .newtextmenubar{display: inline-block;font-size: 10px;height: 14px;line-height: 11px;padding: 1px 3px;color: #fff;background: #FF3300;border-radius: 3px;position: relative;z-index: 999;left: 4%;border: transparent;text-align:right;} /* *************05.04.2018******new popup******************* */ #includ_popup-new .modal .modal-content {padding: 0 !important;min-height: 468px;} #includ_popup-new{margin:0 auto; position:fixed; margin-top:4%; z-index:9999999999999999999999;width:47%;} .moti-content-new {background: #FFF; overflow-x: hidden !important; margin-bottom: 0px !important; min-height:353px !important;max-height:494px !important;} #includ_popup-new1 .modal .modal-content {padding: 0 !important;min-height: 368px;} #includ_popup-new1{margin:0 auto; position:fixed; margin-top:10%; z-index:9999999999999999999999;width:45%;} .moti-content-new1{background: #FFF; overflow-x: hidden !important; margin-bottom: 0px !important; min-height:353px !important;max-height:494px !important;} .mt-logoarea-new{width:38%; float:left;display:inline-block;} .mt-tophead-new{width:45%; float:left;display:inline-block;position:relative; top:8px;} .mksmalllogo{width:175px;} .motihead-new{font-size:22px; font-weight:600;line-height:1.3;color:#333 !important;text-align:left;} .notice {margin:7px 8px 0px 8px; padding: 15px;text-align:center; background-color: #fafafa;border-left:0px solid #00add1; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);} .notice-green {margin:7px 8px 0px 8px; padding: 15px;text-align:center; background-color: #e6f9f3;border-left:0px solid #00add1; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);} .notice-success {border-color: #80D651;} .btnsubbutton {display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 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;} .subbutton{width:45%;padding:8px;margin:8px 0px 0px 0px; border-radius: 4px !important;background: #00add1 !important;color:#FFF;-webkit-box-shadow: 0 8px 8px -4px #2196F3;-moz-box-shadow: 0 8px 8px -4px #2196F3;box-shadow: 0 8px 8px -4px #2196F3;} .subbutton:hover{background: #00a0c1 !important;} .subbutton-green{width:45%;padding:8px;margin:8px 0px 0px 0px; border-radius: 4px !important;background: #0ac488 !important;color:#FFF;-webkit-box-shadow: 0 8px 8px -4px #0ac488;-moz-box-shadow: 0 8px 8px -4px #0ac488;box-shadow: 0 8px 8px -4px #0ac488;} .subbutton-green:hover{background: #0aa472 !important;} .buttontoptext{text-align:center;font-size: 18px;padding: 8px;} .popnewmotiimg{width:100px;} .verticaltext {transform: rotate(-40deg); transform-origin: right, top; -ms-transform: rotate(-40deg); -ms-transform-origin: right, top; -webkit-transform: rotate(-40deg); -webkit-transform-origin: right, top; position: absolute; font-size:14px;font-weight:200;background:#00b37a; border-radius:4px;padding:2px 4px;color:#FFFFFF; bottom:65%; left:3%;-webkit-box-shadow: 0 8px 8px -4px #0ac488;-moz-box-shadow: 0 8px 8px -4px #0ac488;box-shadow: 0 8px 8px -4px #0ac488;} @media only screen and (max-width:1024px) { #includ_popup-new{margin:0 auto; position:fixed; margin-top:10%; z-index:9999999999999999999999;width:60%;} #includ_popup-new1{margin:0 auto; position:fixed; margin-top:10%; z-index:9999999999999999999999;width:60%;} } @media only screen and (max-width:960px) { #includ_popup-new .modal .modal-content {padding: 0 !important;min-height: 468px;} #includ_popup-new{margin:0 auto; position:fixed; margin-top:10%; z-index:9999999999999999999999;width:70%;} #includ_popup-new1{margin:0 auto; position:fixed; margin-top:10%; z-index:9999999999999999999999;width:70%;} .moti-content-new {background: #FFF; overflow-x: hidden !important; margin-bottom: 0px !important; min-height:356px !important;max-height:454px !important;} .moti-content-new1 {background: #FFF; overflow-x: hidden !important; margin-bottom: 0px !important; min-height:356px !important;max-height:454px !important;} .mt-logoarea-new{width:100%; float:left;display:inline-block;text-align:center;} .mt-tophead-new{width:100%; float:left;display:inline-block;position:relative; top:8px;} .mksmalllogo{width:175px;} .motihead-new{font-size:22px; font-weight:600;line-height:1.3;color:#333 !important;text-align:center;} .notice {margin:7px 8px 0px 8px; padding: 15px;text-align:center; background-color: #fafafa;border-left:0px solid #00add1; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);} .subbutton{width:95%;} .subbutton-green{width:95%;} .buttontoptext{text-align:center;font-size: 16px;} .popnewmotiimg{width:100px;} } @media only screen and (max-width:750px) { #includ_popup-new .modal .modal-content {padding: 0 !important;min-height: 468px;} #includ_popup-new{margin:0 auto; position:fixed; margin-top:10%; z-index:9999999999999999999999;width:98%;} #includ_popup-new1{margin:0 auto; position:fixed; margin-top:10%; z-index:9999999999999999999999;width:98%;} .moti-content-new {background: #FFF; overflow-x: hidden !important; margin-bottom: 0px !important; min-height:410px !important;max-height:454px !important;} .moti-content-new1 {background: #FFF; overflow-x: hidden !important; margin-bottom: 0px !important; min-height:410px !important;max-height:454px !important;} .mt-logoarea-new{width:100%; float:left;display:inline-block;text-align:center;} .mt-tophead-new{width:100%; float:left;display:inline-block;position:relative; top:8px;} .mksmalllogo{width:175px;} .motihead-new{font-size:22px; font-weight:600;line-height:1.3;color:#333 !important;text-align:center;} .notice {margin:10px 8px 0px 8px; padding: 10px;text-align:center; background-color: #fafafa;border-left:0px solid #00add1; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);box-shadow: 0 5px 8px -4px rgba(0,0,0,.2);} .subbutton{width:95%;} .subbutton:hover{width:95%;} .subbutton-green{width:95%;} .subbutton-green:hover{width:95%;} .buttontoptext{text-align:center;font-size: 14px;} .popnewmotiimg{width:100px;} .verticaltext {bottom:81%;left:4%;} } .moti-small-button{width:100%; float:left; margin:auto;text-align:center;margin:0px 0px 0px 0px;} .cl-button{background: #00add1 !important;width: 96% !important; padding: 12px 10px !important; font-size:22px !important; font-weight: 200 !important; color: #fff !important; border-radius: 5px !important; text-align: center;line-height:0 !important;-webkit-box-shadow:0 8px 15px -6px rgb(23, 23, 23);-moz-box-shadow:0 8px 15px -6px rgb(23, 23, 23);box-shadow:0 8px 15px -6px rgb(23, 23, 23);} .cl-button:hover{background: #01809a !important;color: #fff !important;} /* ****************banner 5****************** */ .starlogoarea{position:absolute; right:0;top:-78px;z-index:99999999999999999999999999;} .starlogo{width:90%;transform: rotate(30deg);transform-origin: right, top; -ms-transform: rotate(30deg); -ms-transform-origin: right, top; -webkit-transform: rotate(30deg); -webkit-transform-origin: right, top;} .motibannerfive-tophead{text-align:left;font-size:38px; font-weight:500;margin:10% 0px;} .motibannerfive-tophead2{text-align:left;font-size:38px; font-weight:500;margin:10% 0px;} .textright{text-align:right;} .textleft{text-align:left;} .motibannerfive-margin{margin:3% 0px 0px 4%;} .motibannerfive-lefttext{font-size:48px; font-weight:600;line-height:1.3;} .motibannerfive-lefttext3{font-size:26px; font-weight:600;line-height:1.3;} .mtmargin{padding-right: 4px !important;} .blinkbg{background:#a2a2a2;color:#FFFFFF;padding:0px 6px;} .blink_me {animation: blinker 1s linear infinite;} @keyframes blinker { 50% { opacity: 0; } } .motifivemargin2{margin-top:25px;} .moti-no-buttontext{display:inline-block;margin:0px 10px;font-size:40px; font-weight:400;position:relative;top:2px;} .moti-no-buttontext-small{display:inline-block;margin:0px 10px;font-size:14px; font-weight:400;position:relative;top:-9px;} .moti-yes-buttontext{display:inline-block;margin:0px 10px;font-size:40px; font-weight:400;position:relative;top:0px;} .moti-yes-buttontext-small{display:inline-block;margin:0px 10px;font-size:14px; font-weight:400;position:absolute;top:6px;} .motibgmargin{margin:0px 4%;} .motitosmalbg{font-size: 13px;padding: 4px 3px; background: #ffdd52;color:#4267b2;width: 84%;} .importtext {color: #4267b2;font-weight: 700; text-decoration: underline;} @media (min-width:1500px) and (max-width:1700px){ .motibgmargin{margin:0px 4%;} .motitosmalbg{font-size: 13px;padding: 4px 3px; background: #ffdd52;color:#4267b2;width:76%;text-align:center;} .motibannerfive-margin {margin:2% 0px 0px 4%;} .moti-yes-buttontext-small{font-size:15px;} .moti-no-buttontext-small{font-size:15px;} } @media (min-width:1200px) and (max-width:1300px){ .motitosmalbg{font-size: 13px;padding: 4px 3px; background: #ffdd52;color:#4267b2;width: 84%;} .motibgmargin{margin:0px -5%;} .motibannerfive-margin {margin:2.3% 0px 0px 4%;} .moti-subbutton-new2 {width: 76%;margin: 0px 0px 0px 6%; } } @media (min-width:1025px) and (max-width:1200px){} @media (min-width:960px) and (max-width:1024px){ .motitosmalbg {font-size: 13px; padding: 4px 3px; background: #ffdd52; color: #4267b2; width: 84%;float:left;} .starlogoarea {right:-13px;top:-84px;} .moti-bulletline-new li{margin: 5px 0px;} .motibannerfive-tophead{text-align:center;font-size:38px; font-weight:500;margin:10% 0px;} .motibannerfive-tophead2{text-align:center;font-size:38px; font-weight:500;margin:10% 0px;} .motibannerfive-margin{margin:4% 0px 0px 2%;} .motibannerfive-lefttext{font-size:42px; font-weight:600;line-height:1.3;} .motifivemargin2{margin-top:25px;} .moti-no-buttontext{display:inline-block;margin:0px 10px;font-size:40px; font-weight:400;position:relative;top:2px;} .moti-no-buttontext-small{display:inline-block;margin:0px 10px;font-size:14px; font-weight:400;position:relative;top:-9px;} .moti-yes-buttontext{display:inline-block;margin:0px 10px;font-size:40px; font-weight:400;position:relative;top:0px;} .moti-yes-buttontext-small{display:inline-block;margin:0px 10px;font-size:14px; font-weight:400;position:absolute;top:6px;} .moti-subbutton-new {padding: 14px 1px !important;width: 56%; margin: 0px 0px 0px 12%;} .moti-subbutton-new2 {padding: 14px 1px !important;width: 92%;margin: 0px 0px 0px 0%;} } @media (min-width:750px) and (max-width:960px){ .motitosmalbg {font-size: 12px;padding: 4px 3px;background: #ffdd52;color: #4267b2; width: 100%;float: left;} .textright{text-align:left;} .starlogoarea {position: absolute; left: 0; top: -50px;} .starlogo {width:30%;transform: rotate(-360deg); transform-origin: left, top; -ms-transform: rotate(-360deg); -ms-transform-origin: left, top; -webkit-transform: rotate(-360deg); -webkit-transform-origin: left, top;} .motibannerfive-margin {margin:5% 0px 0px 0%;} .motibannerfive-tophead {text-align: right;font-size: 30px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-tophead2 {text-align: left;font-size: 30px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-lefttext{font-size:36px; font-weight:600;line-height:1.3;text-align:center;} .moti-subbutton-new {padding:16px 1px !important;height: auto !important;width: 95%;margin: 0px 0px 0px 3%;} .moti-subbutton-new2 {padding:16px 1px !important; height:auto !important;width: 95%; margin: 34px 0px 35px 3%;} .moti-no-buttontext-small{top:-2px;} .moti-no-buttontext {margin: 0px 10px;font-size:26px; top:0px;} .moti-yes-buttontext {margin: 0px 10px;font-size:26px;top:0px;} .moti-yes-buttontext-small {margin: 0px 0px 0px 2px;font-size: 14px;top:8px;padding: 0px 15px 0px 10px;} } @media only screen and (max-width:750px) { .motibgmargin {margin: 0px 0%;} .motitosmalbg {font-size: 12px;padding: 4px 3px;background: #ffdd52;color: #4267b2; width: 100%;float: left;} .textright{text-align:center;} .starlogoarea {position: absolute; left: 0; top: -50px;} .starlogo {width:50%;transform: rotate(-360deg); transform-origin: left, top; -ms-transform: rotate(-360deg); -ms-transform-origin: left, top; -webkit-transform: rotate(-360deg); -webkit-transform-origin: left, top;} .motibannerfive-margin {margin: 2% 0px 0px 0%;} .motibannerfive-tophead {text-align: center;font-size:26px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-tophead2{text-align: center;font-size:26px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-lefttext{font-size:30px; font-weight:600;line-height:1.3;} .moti-subbutton-new {padding: 0px 1px !important;height: 45px !important;width: 95%;margin: 0px 0px 0px 3%;} .moti-subbutton-new2 {padding: 0px 1px !important; height:90px !important;width: 95%; margin: 34px 0px 35px 3%;} .moti-no-buttontext-small{top:-2px;} .moti-no-buttontext {margin: 0px 2px;font-size:26px; top: 2px;} .moti-yes-buttontext {margin: 0px 3px;font-size:26px;top:6px;} .moti-yes-buttontext-small {margin: 0px 0px 0px 2px;font-size: 14px;top:8px;padding: 0px 15px 0px 10px;} } @media only screen and (max-width:414px) { .motibannerfive-tophead {text-align: center;font-size:26px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-tophead2 {text-align: center;font-size:26px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-lefttext{font-size:30px; font-weight:600;line-height:1.3;} .moti-subbutton-new2 {padding: 0px 1px !important; height:60px !important;width: 95%; margin: 34px 0% 35px 3%;} } @media only screen and (max-width:375px) { .moti-subbutton-new {padding: 0px 1px !important;height: 45px !important;width: 95%;margin: 0px 0px 0px 3%;} .moti-subbutton-new2 {padding: 0px 1px !important; height:90px !important;width: 95%; margin: 34px 0px 35px 3%;} .motibannerfive-tophead {text-align: center;font-size:26px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-tophead2 {text-align: center;font-size:26px;font-weight: 500;margin:3% 0px 0px;} .motibannerfive-lefttext{font-size:26px; font-weight:600;line-height:1.3;} } @media only screen and (max-width:320px) { .moti-yes-buttontext-small { margin: 0px 0px 0px 6px; font-size: 14px; top: 8px; padding: 0px 15px 0px 10px; } } .mktlogo{width:100%;} .motimargin{padding:6px 8px;margin:10px 0px 0px 0px;} @media screen and (max-width:750px) { .mktlogo{width:100%;} } /* ***********result corner************ */ .screenertab_new {width: 28%;text-align: center;border-right: 1px solid #ddd;} li.screenertab_new {height: 42px;} .portfolioadd3 {width:97%;float: left;position: relative;top:0px;border-radius: 4px;display: inline-block;padding:0px 0px;margin: 0px 4px; line-height: 26px;} .portfolioadd3 .btn {padding: 0px 4px;} .portfolioadd3 .head-input {text-align: left; padding:6px 6px; background-size: 14px;height: auto;font-size: 15px;line-height:21px;background-color: transparent;border:0px solid #adaeb0 !important;color: #FFFFFF !important;} .portfolioadd3 .portdropdown {margin-left: 0px;width: 191px;margin-top:-4px;min-height:140px;max-height: 220px;overflow-y: scroll;overflow-x: hidden;margin: 0px 4px;} .portfolioadd3 ul li {display: inline-block;margin: 0px 0px 0px 0px;position: relative;z-index: 1;} .portfolioadd3 ul {margin: 0px 4px;} .portfolioadd3 .inline li {cursor: pointer;min-width: 192px;padding:0px 4px;color: #333;text-decoration: none !important;border-bottom: 1px solid #FFF;background: #eee;margin:0px 0px;} .portfolioadd3 .inline li a{font-size:15px; color: #3b444b;} .portfolioadd3 .headinputbtn {width: 100%;display: inline-block;padding: 6px 8px;margin-bottom: 6px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;} @media (min-width:960px) and (max-width:1024px){ .main-body-new{margin-top: 4px;} } @media screen and (max-width:960px) { .right-table{margin-bottom:4px;} .righttextarea .navbar-nav>li {float: left;padding: 3px 10px 0px;} .righttextarea .navbar-nav {margin: 0px 0;padding-left: 0px;position: absolute;right:24px;top: 0;} .righttextarea .activemenu {border-bottom:0px solid #969595;color: #fff;} .righttextarea .navbar-nav>li>a {padding-top: 10px;padding-bottom: 15px;line-height: 20px;font-size: 15px;color: #ffffff;text-transform: uppercase;font-weight: 600;} /* .mobilemenutab {overflow: auto; overflow-y: hidden;} */ .righttextarea .mobilemenutab ul {margin: 0px 30px;overflow: auto;overflow-x: hidden;min-width:750px;position:relative; overflow-y: hidden;} .righttextarea .mobilemenutab{width:100%;overflow:auto;overflow-y:hidden;float:left;background-color: #00add1;position: fixed;height: 44px;margin-top:28px;z-index:999;top: 83px;border-top:1px solid #252525;padding-left: 25px;} .endingcol{width:100%; float:left; margin:auto; position:relative;top:0px;left:3px;} .endingcol .end1{width:54%;float:left;display:inline-block;position:relative;} .endingcol .end2{min-width:100px; float:left;display: inline-block;} .endingcol .btn {font-size: 11px;margin: 2px 3px 5px;padding: 4px 5px !important;color: #000000;background: #FFF; border-radius: 22px;font-weight: 400;height: auto !important;} .endingcol .active {font-size: 11px;margin: 2px 3px;padding: 4px 5px !important;color: #FFFFFF;background: #00add1 !important;border-radius: 22px;font-weight: 400;height: auto !important;} .end2.dropdown, .dropup {position: relative;z-index: 999999 !important;} .head-input {width: 100% !important;text-align: left;background: url(https://i.marketsmojo.com/select_down_arrow.png) 94% 50% no-repeat #eee !important;border:0px solid #adaeb0 !important; color: #333 !important;} .endingcol .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {color: #fff;background-color: #00add1;border-color: #122b40;} } @media screen and (max-width:750px) { .endingcol{width:100%; float:left; margin:auto; position:relative;top: 10px;left:3px;} } @media screen and (max-width:320px) { .endingcol .end1{width:64%;} } #main-nav-web .navbar-nav>li {float: left;height:32px;} .tooltip-arrow{top: 50% !important;left: 30px !important;margin-top: 2px !important;border-top: 20px solid transparent !important;border-bottom: 20px solid transparent !important;border-right: 17px solid #464e54 !important;} .tooltip-inner {max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: transparent !important;border-radius: 4px;} .mojo-points-M {position: absolute !important; z-index: 111 !important; top:0px !important; left:44px !important;} .mojo-points-M {background: #3e4850 url(https://i.marketsmojo.com/mojo_h.png) no-repeat;display: block; z-index: 1000; border-radius: 5px; position: absolute !important; width: 400px; padding: 40px 10px 10px 10px; background-position: 20px 20px;} .mojo-points-M div {padding:8px 0px 22px 6px; border-bottom: 1px solid #616970;color: #fff;} .mojo-points-M div:nth-child(3) {border: none;} .mojo-points-M span {white-space: nowrap; text-transform: capitalize !important; font-size: .9rem !important;} .mojo-points-M h6, .mojo-points-M span {color: #fff !important; text-align: left;} .mojo-points-M h6, .mojo-points-M span {display: -webkit-flex; display: flex;-webkit-flex-direction: row; flex-direction: row; float: left; margin: 0 5px 0 4px;font-size: 1rem; font-weight:400;line-height: 1rem;text-transform:uppercase;} .mojo-points-M h6 span { font-weight: 300 !important;} .modal-secnd .addbutton {float: left; width: 100%; padding: 6px 0px 0px;} .modal-backdrop{background-color: transparent;} .topmaindiv .webinarstbg2 {float:right;position:absolute; margin-right: 0;cursor:pointer;top:0px;right:8px;background: url(https://i.marketsmojo.com/webinar/bg28.png) no-repeat center top;background-size: cover;height:102px;width:263px;} .topmaindiv .wbconetnt{width:100%;float:left;position:relative;padding: 3px 50px 0px 7px;text-align: left;} .topmaindiv .wb1_2{font-family: Poppins;font-style: normal;font-weight: bold;font-size: 14px;line-height:18px;align-items: center;padding-right: 6px;color: #000000;margin-bottom:4px;} .topmaindiv .wb1_3{width: auto;border-top: 0px solid #FFF;border-bottom: 0px solid #FFF;padding: 0px 0px;font-family: Poppins;font-style: normal;font-weight: 600;font-size: 14px;line-height: 20px;align-items: center;color: #000000;} .topmaindiv .wb3{position:absolute;right:-3px;top:6px;} .topmaindiv .wb3 img{height:96px; width: auto;} .topmaindiv .wb1_1{display:none;} .topmaindiv .wb1_4{display:none;} .wb1_6{display:none;} .topmaindiv .wbbt22 {position: relative;top: 0;background-color: #000;min-width: 190px;max-width: 244px; margin: 0px 0px; height: 28px; float: left; font-family: 'Poppins', sans-serif; font-style: normal; font-weight: bold; font-size: 15px; line-height: 30px; align-items: center; color: rgba(1, 248, 255, 0.9); left: -24px; padding: 0px 8px; text-align: center;} .topmaindiv .wb11 {height: 70px;width: 100%;float: left;} .topmaindiv .wbbt2222 {position: relative;top: 0;margin: 0px 0px;height: 28px;float: left;color: rgba(1, 248, 255, 0.9);left: 0;padding: 0px 0px;} .topmaindiv .wbbt2222 img{width:auto;height: 24px;} @media only screen and (max-width: 960px){ .topmaindiv .webinarstbg2{ display: none; } } @media only screen and (max-width:750px){ .addfiltermargin{margin-top: 8px;} .topmaindiv .webinarstbg2 {float: left;position: relative;top: 10px;margin-bottom: 20px;margin-top: 2px;background:#FFFFFF url(https://i.marketsmojo.com/webinar/bg28.png) no-repeat center top;background-size: contain;height: auto;width: 100%;display: block;} .topmaindiv .wbconetnt {padding: 3px 26% 10px 22%;} .topmaindiv .wb3{right:37px;top:13px;} } @media only screen and (max-width:414px){ .topmaindiv .wbconetnt {padding: 3px 26% 0px 20%;} } @media only screen and (max-width:360px){ .topmaindiv .wbconetnt {padding: 3px 24% 0px 16%;} } @media only screen and (max-width:320px){ .topmaindiv .wbconetnt {padding: 3px 30% 0px 10%;} .topmaindiv .wb3 {right: 0;top: 4px;} } /*adplugg css*/ .topmaindiv .sticky-top-ad{margin-top:0px; margin-bottom:0px;} .showme .adplugg-position-bottom { z-index: 100 !important; } .topmaindivmargin {margin-top: 84px !important;} @media (max-width: 740px) { .topmaindiv .sticky-top-ad {margin-top:0px;margin-bottom:0px;} .clientlogoback{text-align: left;padding: 12px 0px 2px;} .topmaindivmargin {margin-top: 70px !important;} } .page-resultcorner .topmaindiv{margin-top:12px} #ScreenerElement .st-blur-img.unpaid-blur{ height: 50px; } .stock-img-md{ cursor: pointer; display: block; width:auto;height:auto;background: url("https://i.marketsmojo.com/stock/stock-blur-images-v6.png") no-repeat;zoom:0.9;-ms-zoom:0.9;-webkit-zoom:0.9;-moz-transform:scale(0.9,0.9);-moz-transform-origin:top center;} .stock-three-dots1{background-position:-297px -46px;width:63px;height:24px;} .stock-three-dots2{background-position:-352px -46px;width:63px;height:24px;} .stock-three-dots3{background-position:-407px -46px;width:63px;height:24px;} .accordion-toggle img{ cursor: pointer; } #ScreenerElement .ct_pgname_header_web { padding-top: 0 !important; } @media screen and (max-width:767px){ .page-professional #ScreenerElement{margin-top: 80px!important;} } @media only screen and (min-device-width:768px) and (max-device-width:1024px){ .page-professional #ScreenerElement{margin-top: 90px!important;} } ul.reco-price a{display:inline-block;width:18ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}