body{margin:0; padding:0;font-family: "Roboto", arial, sans-serif;font-size:15px;} html {font-size: 14px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /* ////////////new CSS 15.06.2017 page Shamshad Siddique////////////// */ ::-webkit-scrollbar { width: 0.4em; height: 0.6em;background-color:#e4e5e8;} ::-webkit-scrollbar-thumb {background: slategray;border-radius: 8px;} ::-webkit-scrollbar-track {background: #e4e5e8; border-radius: 8px;} .field2::-webkit-input-placeholder {color: #9b9ea3;font-weight: 300;font-size:15px; text-align:left;/* font-style: italic; */} .field2:-moz-placeholder {color: #9b9ea3;font-weight: 300;font-size:15px; text-align:left;/* font-style: italic; */} .field2::-moz-placeholder {color: #9b9ea3;font-weight: 300;font-size:15px; text-align:left;/* font-style: italic; */} .field2:-ms-input-placeholder {color: /*#515a61;*/ #333;font-weight: 400;font-size: .89rem; text-align:left; /* font-style: italic; */} ::-webkit-input-placeholder {color: #9b9ea3;font-weight: 300;font-size:15px; text-align:left;/* font-style: italic; */} :-moz-placeholder {color: #9b9ea3;font-weight: 300;font-size:15px; text-align:left;/* font-style: italic; */} ::-moz-placeholder {color: #9b9ea3;font-weight: 300;font-size:15px; text-align:left;/* font-style: italic; */} :-ms-input-placeholder {color: /*#515a61;*/ #333;font-weight: 400;font-size: .89rem; text-align:left; /* font-style: italic; */} body::-webkit-scrollbar {width: 0.8em;height: 0.8em;} body::-webkit-scrollbar-thumb { background: slategray; border-radius: 10px;} body {scrollbar-face-color: slategray;scrollbar-track-color: #d2d5d7;} .bold { font-weight:bold !important; } .ani-red { -webkit-animation-name: rblink; /* Chrome, Safari, Opera */ -webkit-animation-duration: 8s; /* Chrome, Safari, Opera */ animation-name: rblink;animation-duration: 3s;} @-webkit-keyframes rblink {from {background-color: #df5644; color: #fff;} to {background-color: #fff;color: #3a3f43;} } @keyframes rblink {from {background-color: #df5644; color: #fff;} to {background-color: #fff;color: #3a3f43;} } .ani-green {-webkit-animation-name: gblink;-webkit-animation-duration: 8s;animation-name: gblink;animation-duration: 3s;} @-webkit-keyframes gblink {from {background-color: #09c489;color: #fff;} to {background-color: #fff;color: #3a3f43;} } @keyframes gblink {from {background-color: #09c489;color:#fff;} to {background-color: #fff;color: #3a3f43;} } a {color: #039be5;text-decoration: none; -webkit-tap-highlight-color: transparent;} .holdinghead{width:90%; float:left; margin:auto;} .needhelphead{width:6%; float:left; margin:auto;margin-top:6px;} .modelfooter-small .btn.focus, .btn:focus, .btn:hover {color: #fffefe; text-decoration: none;} .small, small {font-size: 75% !important;} .pricesummrytext02 {font-size:12px !important; font-weight: 500 !important;margin-left: 15px;color:#000;} .ref-text { /* border: 2px solid #039be5; */ background: transparent; font-size:12px; color: #6f7a7f; padding: 4px 4px 3px 0px; border-radius: 5px; text-transform: uppercase; text-align: right; margin-left:5%;} .textcenter{text-align:center !important;} .norecos{font-weight:700;font-size: .9rem !important;color: #8a6d3b;padding: 10px !important; margin-bottom: 5px !important;} .topmiddleheadprice .h4, .h5, h4, h5{margin-top: 10px; margin-bottom:6px !important;} .smallpopup {text-align: center !important;width: 30% !important;float: left;margin: auto; margin-left: 35%; margin-top: 4%;z-index: 1155 !important;min-height: 120px !important;background:#FFF !important;} .modelsmallarea {padding: 20px !important; text-align: left;border-bottom: 1px solid #efefef; font-size: 16px; font-weight: 400;} .modelfooter-small {padding: 12px !important; text-align: right !important;} .modelsmallarea {padding: 20px !important; text-align: left; border-bottom: 1px solid #efefef; font-size: 16px; font-weight: 400;} .port-auto-search {cursor: pointer;z-index: 100;} .port-auto-search {background: #fff;padding: 8px;text-align: left;-moz-border-radius: 10px;-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: 10px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;transition: all .7s ease;width: 100%;position: absolute;z-index: 999999;top: auto;height: 180px;overflow-y: auto;margin-left: -8px;} .port-auto-search li a {padding: 10px;border-bottom: 1px solid #c9cdd3;display: block;color: #3e4850;} .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;} .head-input {width: 100% !important;text-align: left;background: url(https://i-mojo.geojit.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;} .topheaddrop .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;} .topheaddrop .portdropsubdown {margin-left: 0px;width: 191px;margin-top: -4px;min-height:auto;max-height:220px;overflow-y: scroll;overflow-x: hidden;} .topheaddrop .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 #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);} .topheaddrop .portdropdown {width: 180px !important;/* overflow-y: scroll;overflow-x: hidden; */min-height:120px;max-height:308px;float: right;top: -11%;background: #FFF;padding: 7px 0px !important;} .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;} #myNavbar .nav>li>a {position: relative;display: block; padding: 7px 10px !important;height: 44px !important;} .sub-nav, .sub-nav ul {background: #ebeef3;float: none;border-top: 0px solid #cfd3d9;} .txt-crd .profile figure img {border-radius: 50%; height: 120px;} .main-body #main-nav-web .navbar .navbar-collapse.collapse {display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important;-webkit-box-shadow: 1px 1px 1px 1px #666;-moz-box-shadow: 1px 1px 1px 1px #666;box-shadow: 1px 1px 1px 1px #666;} /******** fixed right dropdown menu *********/ .pf-top2 .no-mob .fixed-action-btn2 {position: absolute;right: 60px;bottom: -17px;} .pf-menu2 .dropdown-menu {left:45px !important;} .pf-menu2 .dropdown-menu:after {content: '';display: block;position: absolute;right: 12px;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;} .pf-menu2 .dropdown-menu {height:106px !important;position: relative;top: 100%;left: 0;z-index: 1000;display: none;float: left;max-width: 220px;min-width:220px;padding: 5px 50px;margin: 2px 0 0;font-size: 14px;list-style: none;background-color: #fff;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);background-clip: padding-box;} .pf-menu2 ul li {background: transparent !important;border-bottom: 1px solid #ddd;padding: 0 0px;} .pf-menu2 ul li :last-child{border-bottom:0px solid #ddd;padding: 10px;text-transform: uppercase;} .pf-menu2 ul li a {/* border-bottom:0px solid #ddd !important; */padding:0px;text-transform: uppercase;} .pf-menu2 .dropdown-menu>li>a {display: block;padding: 11px 6px;clear: both;font-weight: normal;line-height: 1.428571429;color: #333;white-space: nowrap;width: 211px;margin:3px 4px;} .pf-menu2 .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #fff;text-decoration: none;background-color: #428bca;} .fixed-action-btn ul li {margin-bottom: 0px;} .dropdown-divider {height: 1px;margin: .5rem 0;overflow: hidden;background-color: #eceeef;} /******** fixed right dropdown menu mobile*********/ .pf-menu-mob .dropdown-menu:after {content: '';display: block;position: absolute;right: 12px;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;} .pf-menu-mob .dropdown-menu {position: relative;top:0;left:6px;z-index: 1000;display: none;float: left;min-width:160px;padding: 5px 50px;margin: 2px 0 0;font-size: 14px;list-style: none;background-color: #fff;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);background-clip: padding-box;} .pf-menu-mob ul li {background: transparent !important;border-bottom: 1px solid #ddd !important;padding: 0 0px;} .pf-menu-mob ul li :last-child{border-bottom:0px solid #ddd !important;padding: 10px;text-transform: uppercase;} .pf-menu-mob ul li a {/* border-bottom:0px solid #ddd !important; */padding:0px;text-transform: uppercase;} .pf-menu-mob .dropdown-menu>li>a {display: block;padding: 11px 6px;clear: both;font-weight: normal;line-height: 1.428571429;color: #333;white-space: nowrap;width: 211px;margin:4px 4px;} .pf-menu-mob .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #fff;text-decoration: none;background-color: #428bca;} .fixed-action-btn ul li {margin-bottom: 0px;} .dropdown-divider {height: 1px;margin: .5rem 0;overflow: hidden;background-color: #eceeef;} @media only screen and (min-width:750px) { .ad-ac-modal, .edit-ac-modal {width: 350px;} } /**********************edit and add popup************************ */ .addaccount-list {max-height: 432px; overflow: auto;} .modal-content.addaccount-list {min-height: 425px;} #AddAccount .modal .modal-content {padding: 0 !important; min-height: 425px; width: 100%;} #AddAccount, #EditAccount, #Portfolioadd-stock-listP, #add-wl-sgle {top:10% !important;} .comp-name {float: left;/* color: #3a4050 !important; */font-size: 1.3em;font-weight: 300;padding-bottom: 10px;} #AddAccount .mod-cont .modal-secnd .announc-top2 {background: #fdf6a6;padding: 2px;text-align: center;font-size: .88rem;margin-top: 41px;} #AddAccount .modal-content, #EditAccount .modal-content {padding: 10px;} #AddAccount .modal-content{padding: 10px;background: #FFF;} .ad-ac-modal .modal-secnd .modal-content, .edit-ac-modal .modal-secnd .modal-content {padding: 0 3px !important;} .field-validation-error {font-size: .77rem;} .addbutton{margin: 2px 0px;padding: 10px;} .share-dtail-add2 {margin:0px 6px;position: relative;width: 97%;} .ad-ac-modal label, .best-of em, .edit-ac-modal label {display: block;} #AddAccount input {width: 95% !important;} .share-dtail-add2 p {margin-bottom: 2px;} .field-validation-error {font-size: .77rem;} .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:100% !important;line-height: 1.2rem !important;font-size: 1.1rem !important;outline: none;height:30px !important;border-bottom: 1px solid #9e9e9e !important;margin: 0 0 5px 0 !important;} #AddAccount input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {border-bottom: 1px solid #26a69a !important;box-shadow: 0 1 0 0 #26a69a;box-shadow: 0px 1px 0px 0px #26a69a !important;} #EditAccount input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {border-bottom: 1px solid #26a69a !important;box-shadow: 0 1 0 0 #26a69a;box-shadow: 0px 1px 0px 0px #26a69a !important;} #EditAccount .mod-cont .modal-secnd .announc-top2 {background: #fdf6a6;padding: 2px;text-align: center;font-size: .88rem;margin-top: 41px;} #EditAccount .modal-content{padding: 10px;background: #FFF;} #EditAccount input {width: 66% !important;} #EditAccount .list-mojo {overflow: visible !important;height: auto !important;} #editAccountPanel0{margin-top: 10px;} @media only screen and (min-width: 750px){ #edit_PortfolioAccountPanels {height: 350px;overflow: auto;} .edit-ac-modal input {width: 60% !important;} .remove-btnsec {color: #eb513a !important;font-size: 1.2rem;position: absolute;left: 400px;border-left: 1px solid #ddd;padding-left: 20px;top:0px;} .green-border {border-left: 4px solid #0ac488 !important;} .red-border {border-left: 4px solid #e53935 !important;} .grey-border {border-left: 4px solid #3e4850 !important;} } .remove-btnsec a {margin-left: 5px;font-size: 1rem;color: #eb513a !important;text-decoration: underline;} .remove-btnsec a .fa, .remove-btnsec a .fa-times, .remove-btnsec a i {font-weight: 100;font-size: .9rem;} .edit-btns .remove-btnsec, .editacnt .remove-btnsec {position: relative !important;border: 0 !important;left: 0 !important;} .editbutton {background: #374047;} .editbutton button, .editbutton button {padding-left: 10px !important;padding-right: 10px !important;font-size: .8rem;} /**********************edit and add popup end************************ */ .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;} .table-fixed tbody td, .table-fixed thead > tr> th {float: left; border-bottom-width: 0;} .table-fixed tbody td, .table-fixed thead > tr> th:first-child{width:20% !important; float: left;} .table-fixed tbody td{width:10% !important;} /* /////////mobile header///////////// */ #mobile-tech li a {padding: 5px 10px 5px 25px !important;font-size: .9rem !important;color: #fff !important;border-bottom: 1px solid #5a6167;text-transform: capitalize;background: #323b42 url(https://i-mojo.geojit.com/menu_arrow.png) no-repeat 10px 10px;} .pf-top-ac {background: #f5f6f7 !important;border-bottom: 1px solid #cbd3d8;position: relative;padding: 5px 0 5px;} .pf-swip-btn {position: absolute;padding: 3px 5px;border-radius: 20px;border: 1px solid #cbd3d8;background: #f2f6f9;bottom: -43px;left: 31%;} .pf-swip-btn a {padding: 2px 2px;text-transform: uppercase;color: #9da1a4;display: inline-block;font-size: .9rem;width: 60px;text-align: center;} .pf-swip-btn a.active {color: #333;background: #fff;border-radius: 10px;box-shadow: 1px 2px 1px #666;} .toprightmob { width: 88%;float: left; margin: auto; position: relative; margin-top: -8%; margin-right: 10px;text-align: right;} .brokermenu{float:right; display: inline-block; font-size: 10px; height: 12px; line-height: 11px; padding: 0 3px;color: #fff; background: #FF3300; border-radius: 3px; position: absolute; z-index: 999; left:93.6%; top:70%; border: transparent;text-align:right;} .sidenav {height: 100%; width: 250px; position: fixed; z-index: 1;top:13%; left: 0; background-color: #3b444b;overflow-x: hidden;padding-top: 5px;} .sidenav a {display: block;} .sidenav ul li > a {padding: 10px !important;font-size: 1rem !important;color: #fff !important; border-bottom: 1px solid #5a6167;text-transform: uppercase;} .sidenav a:hover, .offcanvas a:focus{color: #f1f1f1;} .sidenav .closebtn {position: absolute;top: 42px;right: 100px;font-size: 14px;left: 174px;} /* //////////////mobile header end ////////// */ .alert {text-align: center !important;width:auto;margin-top:10% !important;} /*//////mainheader start////////////////////// */ .main-body {background: #fff; width: 100%; /* 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;} .main-body {-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;} .top-head-area{width:100%; float:left; margin:auto;background-image:url("https://i-mojo.geojit.com/top-head-bg.jpg");max-height:136px;min-height:136px; position:relative;margin-top:6%; background-repeat:no-repeat;background-position:center 0; background-color:transparent;background-size:cover;} #header {width: 100%;height: 800px;float:right;margin:auto;left:0%;z-index: 999;} .topheadarea{width:98%; float:left; margin:auto; position:relative; left:2%;top:2px;margin-bottom:0px;} .shrink .topheadarea{width:98%; float:left; margin:auto;position:relative; left:2%;top:0px !important;margin-bottom: 10px;} .topheadleftprice{min-width:10%;width:auto; float:left; margin:auto;} .topmiddleheadprice{min-width:40%;width:auto; float:left; margin:auto;margin-left:14px;margin-top: 8px;margin-bottom:8px;} .topheadmiddtprice{width:auto; float:left; margin:auto;} .topheadrighttprice{width:auto; float:left; margin:auto;} .topheadbanner{width:21%; float:left; margin:auto; display:block;} .topheaddrop{width:12%; float:right; margin:auto; display:block;margin-right:1%;} .toprihgtinput{width:100%;height:35px !important; padding:2px 2px !important;} .todaystext{padding:8px 0 6px 12px; font-size:24px;} .todaystext h5 {font-size:.9rem;line-height: .982rem;color: #666 !important;font-weight:normal;bottom:0px;position: relative; padding: 0px 26px;} .todaystext .green-ar-new {background: url(https://i-mojo.geojit.com/up_arrow_dsh-new.png) no-repeat no-repeat 0 53%;padding: 0 15px 0 26px;min-height: 40px;margin: 2px 0;background-size: 22px;} .todaystext .red-ar-new {background: url(https://i-mojo.geojit.com/down_arrow_dsh-new.png) no-repeat no-repeat 0 53%;padding: 0 15px 0 26px;min-height: 40px;margin: 2px 0;background-size: 22px;} .todaystext .grey-ar-new {background: url(https://i-mojo.geojit.com/grey_arrow_dsh-new.png) no-repeat no-repeat 0 53%;padding: 0 15px 0 26px;min-height: 40px;margin: 2px 0;background-size: 22px;} .smalltext{font-size: 1.1rem;} .price-b-industry { display:block;border-top: 1px solid #e7e7e7; padding:9px 10px; margin-top: 10px;} .s-volh {font-size: .9rem; color: #6d7b80; font-weight: 500;} .s-vol {font-size: .9rem; color: #36444a; font-weight: 500;} .s-vol + .s-volh, .slide-card h3, .s-vol + br + .s-volh { margin-left: 10px;} .shrink .price-b-industry {padding-top: 0px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;display:none !important;} h3 {font-size: 1.9rem;line-height: 2rem;font-weight: 400;margin: 6px 0 8px 0 !important;} h3 {font-size: 1.9rem;line-height: 2rem;font-weight: 400;margin: 6px 0 8px 0;} .h1, .h2, .h3, h1, h2, h3 {margin-top:0px;margin-bottom:0px !important;} .point-margin{margin-top:40px;} .headprice{font-size:2.5rem; line-height: 2.8rem;padding: 21px 0px 4px 0px;} .kotakmojo{width:100%; float:left; margin:auto;} .kotakmargin{position:relative; top:16px;} .kotakheight{height:auto;width:auto;} .selectmargin{position:relative; top:16px;} .topselect {width: 100%; height: 35px !important; padding: 2px 2px !important; position: relative;right: 10px;} /* .shrink {width:100%; float:left; margin:0 auto;margin-left:22px; margin-top:0px; margin-bottom:0px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;} */ .shrink #topsensex {padding-top: 0px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;display:none;} /*//////mainheader end////////////////////// */ .btn-info {color: #fff; background-color: #00add1 !important; border-color: #46b8da;} /* ***********************************modal******************************** */ .modal-lg {width:60% !important;margin-top:6%;} #toast-container {min-width: 8%; top:15%; right:5%;} #toast-container {display: block; position: fixed; z-index: 10000;border-radius: 22px; padding: 10px 25px;} @media only screen and (min-width: 750px){ .toast {border-radius:20px; background-color: #fffa7a; font-weight:200; padding:13px 20px; font-size: 1.1rem;color: #333 !important;line-height: 1rem; border: 1px solid #efea61;text-align: center;} .modal {left: 0;right: 0;padding: 0; width: 74%; margin: 0 auto; overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 1rem !important;background-color: transparent;/* margin-top: 20px; */} .close-blk { top: -20px; right: -20px;background: #656d73;color: #fff;padding: 5px 10px; border-radius: 50%; border: 2px solid #fff;z-index: 9999999999999999999;} #dot1, #dot2, #dot3, .close-blk {position: absolute; } .close-mob {display: none;} .mod-cont {background: none; overflow-y: hidden !important;border-radius: 5px;} .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, 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 section h2, .model-head {font-size: 1.123rem;/* padding: 10px 0 0; */} /* .modal-content { overflow-y: auto;max-height: 400px;background: transparent;min-height: 350px;} */ .modal-content { overflow-y: auto;max-height: 400px;/* overflow-x: hidden; */background: #fff;min-height: 350px;} .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);box-shadow: 0 5px 15px rgba(0,0,0,.5);} } .change-compare-bg {background:#ccc !important;} .model-head .select{margin-left:15px;border:1px solid #666;background:transparent;padding:3px 64px 0px 0px;border-radius:3px;height:38px; margin-bottom:10px;} .mod-table .mod-hed-td td {background:#eee !important;font-weight:500 !important;font-size:1.132rem !important;} .mod-table .mod-hed-td th {font-weight:500 !important;font-size:1.132rem !important;} .modal td {padding:7px !important; vertical-align: top;} .modal-content {position: relative;background-color:transparent;border: 1px solid #999;border: 0px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 0px 0px rgba(0,0,0,.5);background-clip: padding-box;} .modal .modal-content {padding:0 !important;min-height:446px;width: 100%;} .modal .modal-content {padding:24px;} .comp-name {float:left;/* color: #3a4050 !important; */font-size: 1.3em;font-weight: 300;padding-bottom: 10px;} .model-head {background:#374047;color: #fff;font-size: 1.145rem !important;line-height: 2rem;} .mod-cont .modal-secnd {float:left;width:100% !important;border-radius:2px;background:#374047 !important;} .modal .modal-close {cursor:pointer;} .close-mob a {top: 10px;margin-right: 0px;} .close-mob a, .info-dis .close-btn a {color: #000;position:absolute;right: 0;background: #fff;padding: 2px 5px;border-radius: 10px;top: -15px;font-size: .8rem;border: 1px solid #000;} /* **************corporate action popup************************* */ .modal .corporatearea .modal-content {padding: 10px !important;} .corporatearea .modal-content {position: relative;background-color: #FFF;border: 1px solid #999;border: 0px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 0px 0px rgba(0,0,0,.5);background-clip: padding-box;} .corporatearea .flt2 i, .search-add, .stock-pf-ad {padding: 10px;} .corporatearea .bonus-cont {padding: 20px 10px;} .corporatearea .search-add {/* overflow-y: auto; */position: relative;} .corporatearea .ca-top-table {margin-bottom: 10px;width:100%;} .corporatearea .ca-top-table tr td, .sell-d table tr td, .share-dtail-add2 td {padding: 1px 0 !important;text-align: left !important;} .corporatearea .txt-pf-s-1C {color: #999 !important;font-size: .9rem;text-transform: uppercase;} .corporatearea .txt-pf-s-3 {font-size: 1.3rem;} .corporatearea .splt-txt1 {margin: 10px 0;font-size: .9rem; color: #666;} .corporatearea .btns{text-align:center;} .corporatearea .bottombutton{margin-top:10px; color:#FFF;} .corporatearea .bottomtext article h5, .bottomtext article h5 { color: #fff !important; font-size: .9rem; margin: 10px 0 5px;} .corporatearea .bottomtext article ol, .STKLastBTN article ol li, .STKLastBTN3 article ol, .STKLastBTN3 article ol li {color: #ddd; font-size: .8rem; list-style: none; margin-left: 5px; padding-left: 5px;} .corporatearea .btn, .btn-large {text-decoration: none; color: #fff; background-color: #00add1; text-align: center; letter-spacing: .5px; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -o-transition: .2s ease-out; -ms-transition: .2s ease-out; transition: .2s ease-out; cursor: pointer;} .corporatearea .search-addscroll .bonus-cont .btns .grey-cir-btn {padding:8px 25px;font-size: .9rem;margin:0px;} /* --------all edit & sell modal------------- */ .editModal .modal {width:73% !important; float:left:margin:0 auto;} .editModal .modal .mod-cont {background: none; overflow-x: hidden !important; border-radius: 5px; min-height:400px;} #editModal{width:100%; float:left; margin:0 auto;max-height:535px;position:relative; margin-left:0%;background: #333 !important; display:block;} #sellModal{width:100%; float:left; margin:auto;background: #333 !important; display:block;} .modalHead{width:35%; float:left; margin:auto;padding:4px 6px; color:#FFFFFF !important; font-weight:300; font-size:22px;} .modalHead2{width:38%; float:left; margin:auto;padding:4px 6px; color:#FFFFFF !important; font-weight:300; font-size:22px;} .selectarea{width:33%; float:left; margin:auto;position: relative;top: -8px;} .modalSelect{height:35px !important;background:#333 !important;border:1px solid #666 !important;color:#FFF !important;padding:2px 3px !important;font-size:15px;} .modalannounc-top {background:#fff3d3 !important;padding:6px;margin:10px 8px;color:#333;text-align:center;font-size:13px;} #editModal .modal-header .close {margin-top: -18px;right: -7px;position: relative;color: #fff;background: #333;padding: 0px 8px;border-radius: 32px;font-size:40px;} #sellModal .modal-header .close {margin-top: -18px;right: -7px;position: relative;color: #fff;background: #333;padding: 0px 8px;border-radius: 32px;font-size:40px;} .selltable {width:100%;margin:15px 0;position: relative;} .edittable {width:100%;margin: 10px 0px 0px 0px;position: relative;} .txt-pf-s-1 {color: #999 !important;font-size: 1rem;} .txt-pf-s-2 {font-size: 1.2rem;} .margintext{position:relative; left:10px; bottom:6px;} .margintext2{position:relative; left:0px; bottom:6px;} .sellstockhead {font-size: 1.4rem !important; line-height: 1.4rem !important;} .sellstockhead {color: #00add1 !important;} .selllink{font-size:15px !important;} .edit-btns a {margin: 0 10px !important;} .remove-btnsec {position: relative !important;border: 0 !important;left: 0 !important;color: #eb513a !important;} .remove-btnsec a {margin-left: 5px;font-size: 1rem;color: #eb513a !important;text-decoration: underline;} .sts-stk{width: 100px;padding: 2px 10px;background: #ddd;position: relative;top:0px;font-size: 1.1rem;} .sts-stk:after {content: '';display: block;position: absolute;left: 100%;top: 50%;margin-top: -13px;width: 0;height: 0;border-top: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 15px solid #ddd;} .STKLastBTN3 {margin:50px 0px;padding: 10px;} .STKLastBTN3 button {padding-left: 10px !important;padding-right: 10px !important;font-size: .8rem; margin-top: 10px;} /* .btn {background: #00add1;} */ .STKLastBTN3 article h5 {color: #fff !important;font-size: .9rem;margin: 10px 0 5px;} .modalpadd{padding:4px 6px;color: #00add1 !important;} .editModal .editmodalcontentarea.btns{text-align:center;} .editModal .editmodalcontentarea{width:100%; float:left; margin:auto;height:360px;overflow-x: hidden;margin-top:0px;} .editModal .editmodalhead{background:#eee !important;padding:0px 0px 0px 0px;margin:4px 8px;color:#333;font-size:16px;box-shadow: 1px 1px 4px #ddd;border: 1px solid #ddd;} .editModal .editmodalmidd{background:#fafafa !important;padding:0px 4px; px;margin:0px 8px;color:#333;font-size:16px;box-shadow: 1px 1px 4px #ddd;border: 1px solid #ddd;} .editModal .editdate{width:30%;padding:2px 2px;font-size:15px;height:40px !important;background: #FFF;border: 1px solid #efeded; border-radius:0px !important;} .editModal .edityy{width:32%;padding:2px 2px;font-size:15px;height:40px !important;background: #FFF;border: 1px solid #efeded; border-radius:0px !important;} #collapseList .edittable .dateport-input {width: 86% !important;padding: 0px 15px 0px 8px; background: url(https://i-mojo.geojit.com/date-icon.png) no-repeat 96% 12px #f8f7fa !important;text-align:left;} #collapseList .edittable 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: 0px 6px; transition: all .7s ease; background: #f8f7fa; width:90%; line-height: 1.2rem; font-size: 14px !important;} #collapseList .edittable 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]{height: 40px;} #collapseList .edittable .uib-datepicker-popup.dropdown-menu {max-width:314px !important;} #collapseList .edittable .uib-datepicker-popup.dropdown-menu .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {margin-left:3px;} #collapseList .edittable .uib-datepicker-popup.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);} #collapseList .edittable .uib-datepicker-popup.dropdown-menu .btn {background: #FFFFFF;color: #333 !important;} #collapseList .edittable .uib-datepicker-popup.dropdown-menu td {padding:3px !important; vertical-align: top;} .blu-cir-btn {background: #00add1;border: 1px solid #00a0c9;border-radius: 20px;color: #FFF;text-transform: uppercase;font-weight: 500;} .grey-cir-btn {padding:9px 25px;font-size: .9rem;margin:0px 5px;} .grey-cir-btn {background: #FFFFFF;border-radius: 20px;border: 1px solid #a4adb4;color: #333;text-transform: uppercase;} .blu-cir-btn{padding:9px 25px; font-size: .9rem; margin: 5px;} .wl-list2 .btns {margin: 10px 0;} .dateport-input {width: 95% !important;padding: 8px 15px 8px 0px; background: url(https://i-mojo.geojit.com/date-icon.png) no-repeat 96% 12px #fff !important;text-align:left;} .portfoliopopuparea1 .modal-body .tab-content{padding:12px;overflow-x: hidden;min-height:400px; max-height:500px;} #collapseList .blu-cir-btn {padding:9px 25px; font-size: .9rem; margin: 5px;} .modalcontentarea{width:100%; float:left; margin:auto;padding:8px 6px;} .modaltd1{width:15%; float:left; margin:auto;} .modaltd2{width:25%; float:left; margin:auto;} .modaltd3{width:25%; float:left; margin:auto;} .modaltd4{width:25%; float:left; margin:auto;} .modaltd5{width:10%; float:left; margin:auto;} .editmodalcontentarea{width:100%; float:left; margin:auto;} .editcoltd1 {width:40%; float:left; margin:auto;} .editcoltd2 {width:40%; float:left; margin:auto;} .editcoltd3 {width:15%; float:left; margin:auto;margin-top:0;} .editinput{width:80%;} .coltd1 {width:16%; float:left; margin:auto;} .coltd2 {width: 30%; float:left; margin:auto;} .coltd3 {width:22%; float:left; margin:auto;} .coltd4{width:15%; float:left; margin:auto;} .coltd5{width:15%; float:left; margin:auto;} .editModal .selmodalcontentarea .btns{text-align:center;} .editModal .selmodalcontentarea{width:100%; float:left; margin:auto;height:380px;overflow-x: hidden;} .editModal .selmodalhead{background:#eee !important;padding:0px 0px 0px 0px;margin:4px 8px;color:#333;font-size:16px;box-shadow: 1px 1px 4px #ddd;border: 1px solid #ddd;} .editModal .selmodalmidd{background:#fafafa !important;padding:0px 4px; px;margin:0px 8px;color:#333;font-size:16px;box-shadow: 1px 1px 4px #ddd;border: 1px solid #ddd;} .editModal .editdate{width:30%;padding:2px 2px;font-size:15px;height:40px !important;background: #FFF;border: 1px solid #efeded; border-radius:0px !important;} .editModal .edityy{width:32%;padding:2px 2px;font-size:15px;height:40px !important;background: #FFF;border: 1px solid #efeded; border-radius:0px !important;} .modalseltd1{width:15%; float:left; margin:auto; display:block;} .modalseltd2{width:25%; float:left; margin:auto; display:block;} .modalseltd3{width:25%; float:left; margin:auto; display:block;} .modalseltd4{width:25%; float:left; margin:auto; display:block;} .modalseltd5{width:10%; float:left; margin:auto; display:block;} .coltdsell {width: 30%; float:left; margin:auto;} @media only screen and (max-width: 750px){ #networthhead{width:100%; float:left; margin:auto;display:none;position:fixed;background: #FFFFFF;} .shrink #networthhead{width:100%; float:left; margin:auto;display:block;position:fixed;background: #FFFFFF;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} #networthhead .pf-value-sec{padding:4px 10px 4px 10px !important;} #networthhead.pf-value-sec > div {display: inline-block; margin-right: 8px;} #networthhead .pf-value-sec .pf-value {font-size: 1.3rem !important;line-height: 2.1rem;padding:0px 0 0 0;display: inline-block !important;margin-top:0px;} #networthhead.pf-all-td.green-ar-new, .pf-today-td.green-ar-new {display: inline;background: url(https://i-mojo.geojit.com/up_arrow_dsh-new.png) no-repeat 0 66%;padding: 0 23px 0 22px;min-height: 20px;margin: 2px 6px;background-size: 15px;} #networthhead.pf-all-td.red-ar-new, .pf-today-td.red-ar-new {display: inline;background: url(https://i-mojo.geojit.com/down_arrow_dsh-new.png) no-repeat 0 66%; padding: 0 23px 0 22px;min-height: 20px; margin: 2px 6px; background-size: 15px;} #networthhead.pf-all-td span, .pf-today-td span {font-size: 1.3rem !important; margin-right: 5px;} #toast-container {width:100%;margin-top:5%;right: 0%;height: auto;} .dropdown, .dropup {position: relative; top: 0;} #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 6px;} #accountwrap .portdropsubdown {margin-left: 0px;width:172px;margin-top: 0px;max-height:216px;overflow-y: scroll;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 #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);} #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-mojo.geojit.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;} .movementcard .valuation-new {float: left; width: 100%; margin-top: 18px;} .toast {border-radius:20px; background-color: #fffa7a; font-weight:200; padding:13px 20px; font-size: 1.1rem;color: #333 !important;line-height:1.3 !important; border: 1px solid #efea61;text-align: center;} .editinput{width: 98%;} .margintext { position: relative; left: 0; bottom: 6px;} .coltd1 {width:36%;float: left;margin: auto;} .coltd2 {width: 50%;float: left;margin: auto;} .coltd3 {width:30%;float: left;margin: auto;} .coltd4 {width:20%;float: left;margin: auto;} .coltd5{width:35%; float:left; margin:auto;} .sellstockhead {color: #333 !important;} .sellstockhead {font-size: 1.2rem !important; line-height: 1.4rem !important;} .corporatearea .txt-pf-s-1C {color: #333 !important;font-size: .9rem;text-transform: uppercase;} .modalseltd1{width:50%; float:left; margin:auto; display:block;} .modalseltd2{width:50%; float:left; margin:auto; display:block;} .modalseltd3{width:25%; float:left; margin:auto; display:none;} .modalseltd4{width:25%; float:left; margin:auto; display:none;} .modalseltd5{width:10%; float:left; margin:auto; display:none;} .coltdsell {width:33%; float:left; margin:auto;} .modaltd1 {width:100%;float:left;margin:auto;} .modalcontentarea {width: 100%; float: left; margin: auto; padding: 0px 6px;} .editModal .selmodalcontentarea {width: 100%;float: left; margin: auto;height:270px; overflow-x: hidden; background: #FFF; position:relative; margin-top: -13%;} #collapseList .edittable .dateport-input {width: 90% !important;padding: 0px 15px 0px 4px !important; background: url(https://i-mojo.geojit.com/date-icon.png) no-repeat 96% 6px #fff !important;text-align: left !important;} #collapseList .blu-cir-btn {padding: 6px 25px; font-size: .9rem; margin: 5px;} #collapseList .blu-cir-btn, .grey-cir-btn {padding: 6px 20px !important; font-size: .9rem; margin: 5px;} .editcoltd3 {width:11%; float: left; margin: auto; /* position: absolute; */right: 0; margin-top: -27px;} .editModal .editmodalmidd {background: #fafafa !important; padding: 0px 4px; margin: 0px 8px; color: #333; font-size: 15px; box-shadow: 1px 1px 4px #ddd; border: 1px solid #ddd;} } @media only screen and (max-width:340px){ .editcoltd3 {width: 9%;float: left; margin: auto;/* position: absolute; */ right: 0;margin-top: -27px;} .editcoltd1 {width: 46%;float: left; margin: auto;} .coltd5{width:37%; float:left; margin:auto;} .editModal .editmodalmidd {background: #fafafa !important; padding: 0px 4px; margin: 0px 8px; color: #333; font-size: 13px; box-shadow: 1px 1px 4px #ddd; border: 1px solid #ddd;} } .btn-group-sm>.btn, .btn-sm {padding: 5px 10px;font-size: 12px; line-height: 1.5; border-radius: 3px;} @media only screen and (max-width:320px){ #collapseList .blu-cir-btn, .grey-cir-btn {padding: 6px 10px !important; font-size: .9rem; margin: 5px;} .modal-content.addaccount-list {min-height: 340px !important;} .addinput {width: 70% !important;} .modal .modal-content {padding: 0 !important; min-height: 335px; width: 99%;} .ad-ac-modal, .edit-ac-modal {width: 310px !important;} .modal-body {position: relative; padding: 10px 0px !important;} .movementcard .valuation-new .red-border, .valuation-new .grey-border, .valuation-new .green-border {margin: 0px 0; padding: 3px 4px; height: 50px;} .editModal .editmodalmidd .btn-group-sm>.btn, .btn-sm {padding:0px 8px; font-size: 12px; line-height: 1.5; border-radius: 3px;} #collapseList .edittable .uib-datepicker-popup.dropdown-menu td {padding: 2px !important; vertical-align: top;} .editModal .editmodalmidd .uib-datepicker-popup td, th {padding: 3px 1px !important; vertical-align: top !important;} .editModal .editmodalmidd {background: #fafafa !important; padding: 0px 3px; margin: 0px 0px; color: #333; font-size: 13px; box-shadow: 1px 1px 4px #ddd; border: 1px solid #ddd;} .editModal .editmodalmidd {background: #fafafa !important; padding: 0px 4px;margin: 0px 6px;color: #333;font-size: 12px;box-shadow: 1px 1px 4px #ddd;border: 1px solid #ddd;} } @media only screen and (min-width:750px) and (max-width:960px) { .holdinghead {width: 83%; float: left; margin: auto;} .coltd2 {width: 24%; float: left; margin: auto;} .coltd3 {width: 16%; float: left; margin: auto;} .coltd5 {width: 20%; float: left; margin: auto;} .modalseltd2 {width: 18%; float: left;margin: auto;display: block;} .modalseltd3 {width: 28%; float: left;margin: auto;display: block;} .modalseltd4 {width: 28%;float: left;margin: auto;display: block;} } /* //////////Holding Dropdown Popup//////////////////// */ .holdingpop table {width: 99.99%; display: table;} .holdingpop .th-txt1 {font-size: .8rem; margin: 10px;} .holdingpop .prof-edit-sec, .th-txt1, .trahis-top {text-align: center;} .holdingpop .finselect{padding: 10px 2px;height: 38px !important;background: #fff !important;border: 1px solid #f2f2f2;} .holdingpop .trahis-top {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #eee;padding: 10px;} .holdingpop .trahis-top table {width:65%;margin: 0 auto;} .holdingpop .trahis-top table tr td:first-child {padding-top: 12px !important;} .holdingpop .trahis-top table tr td {padding: 2px !important;} .holdingpop .trahis-top table tr td .date-dropdowns {display: inline-block;} .dd, .mm, .yyyy {position: relative !important;width: auto !important;display: inline-block !important;right: inherit !important;top: inherit !important;padding: 10px 2px;height: 38px !important;background: #fff !important;} .dd, .mm, .yyyy {position: relative !important;width: auto !important;display: inline-block !important;right: inherit !important;top: inherit !important;padding: 10px 2px;height: 38px !important;background: #fff !important;border: 1px solid #f2f2f2;} @media only screen and (min-width: 750px){ .browser-default {background: #ebeef3;padding: 5px;border:0px solid #8b97a1;} } .date-fild {min-width: 200px;} .tbl-stkbt {margin: 25px 0 0;} @media only screen and (min-width:1024px){ .date-fild {min-width: 180px;} } .browser-default {position: absolute;top: 5px;right: 25px;width: 120px;background: #fff;padding: 0 !important;height: 25px;font-size: 1rem;} .trahis-top .input-field input, .trahis-top input {width: 100px;padding: 2px !important;margin: 0;} .tbl-stkbt th {background: #eee;text-align: center !important;} .tbl-stkbt td, .tbl-stkbt th {border: 1px solid #ddd;} /* ----------------Add stock in your Portfolio ----------------------------------- */ .search-add {/* overflow-y: auto; */position: relative;} #add-stock-list .search-mod {padding: 10px 10px 0 !important;} .search-add .search-mod {padding: 0;} .search-mod {background: #efeef1;padding: 15px 15px 0 15px;text-align: center;border-radius: 8px;} input.search-input[type=text] {-moz-border-radius: 20px;border-radius: 20px;width: 90%;background: url(https://i-mojo.geojit.com/search_icon.png) 12px 12px no-repeat #fff;padding: 10px 10px 10px 35px;transition: all .7s ease;font-size: 1.4rem;background-size: 2.9%;margin-bottom: 10px;margin-top:10px;} .search-add .auto-search2 {position: absolute;top: 80px;left: 100px;display: none;z-index: 200000;} .auto-search2 {position: absolute;top: 100px;left: 40px;display: none;z-index: 200000;} .auto-search2 {display: block;z-index: 200000;position: absolute;background: #fff;top: 60px;padding: 20px;border-radius: 10px;border: 1px solid #ddd;left: 150px;} .announc-top2 {background: #fdf6a6;padding: 2px;text-align: center;font-size: .88rem;} .scrollableport {height: 330px;} .scrollableport .stk-hed2 {font-size: 1.2rem;color: #333;margin: 8px 0px;padding: 10px;text-transform: uppercase;border-bottom: 1px solid #ccc;background: #ddd;border-top-left-radius:5px;border-top-right-radius:5px;} .scrollableport .stk-hed2 small {font-size: .8rem;text-transform: initial;} .scrollableport .hm-stk-val-col.green {background: #d5f1e5 !important;border: 1px solid #09c488 !important;border-radius: 5px !important;} .scrollableport .hm-stk-val-col.red {background: #f9d3cf !important;border: 1px solid #eb513a !important;border-radius: 5px !important;} .scrollableport .hm-stk-val-col.grey {background: #373944 !important;border: 1px solid #585962 !important;border-radius: 5px !important;} .scrollableport .hm-stk-val-col.green {background: #283c42;border: 1px solid #1d6f5c;border-radius: 5px;} .scrollableport .hm-stk-val-col.red {background: #39323b;border: 1px solid #8d423d;border-radius: 5px;} .scrollableport .hm-stk-val-col .red, .hm-stk-val-col.red, .homecard-top .red, .nf-sen .red {color: #f13c24 !important;} .scrollableport .hm-stk-nm div {color: #333 !important;text-transform: normal;font-size: 1.1rem !important;} .scrollableport .hm-stk-val div {font-size: 1.1rem;color: #333 !important;} .scrollableport .hm-stk-nm p {font-size:.8rem;color: #75777d;margin: 4px 0 0 0;padding: 0;} .scrollableport .hm-stk-val p {font-size:.8rem;color: #75777d;margin: 4px 0 0 0;padding: 0;} .scrollableport .hm-stk-nm span {height: 10px !important;width: 10px !important;} .scrollableport .mojo-hover {font-size: 0;} .scrollableport .stock-last-visit2 .row p {font-size: .8rem;color: #75777d;margin: 4px 0 0 0;padding: 0;} /* //////modal end////////////////////////////// */ /* *************************************************/ /* //////////card//////////////////// */ /* /////////section/////////////////// */ section.padnno-sec {padding: 0; width: 770px !important; padding-bottom: 30px;} .marginright {margin-right: 10px !important;} .card {min-height: 400px !important;} .card { position: relative; overflow: hidden; background-color: #fff; transition: box-shadow .25s; border-radius: 2px;} .card-head {padding: 0;} .card-head h2 {padding-bottom:12px; margin-top:5px;} .slide-card:before {display: block;content: " ";height: 200px;margin-top: -200px;visibility: hidden;} .green {color: #0ac488 !important;background: transparent;} .red {color: #e35744 !important;background: transparent;} .port-bottom p{padding: 4px 6px; font-size:12px !important;} .pf-table-sec ul li {font-size: 0.9rem;color: #666; text-transform: uppercase;} .link-text {text-decoration: none !important;} .mojo-points-new h6 {font-size: .8rem !important;font-weight: 500;line-height: 1rem;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;} .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;position: relative;} .no-bor {border: none!important;} .small-card {min-width: 398px;max-width:400px;} .small-card, .table-card, .blank-card {width: 28% !important;max-width: 400px;} section { margin-right: 10px; height: 448px; overflow: hidden;} section {padding:10px !important;background: #fff;border-radius: 4px;margin: 8px 3px;width: 750px !important;float: left;position: relative;display: inline-block;white-space: normal;min-height: 350px;-webkit-box-shadow: 1px 1px 1px 1px #36444a;-moz-box-shadow: 1px 1px 1px 1px #36444a;box-shadow: 1px 1px 1px 1px #36444a;} section h2 {border-bottom: 1px solid #f2f2f2;margin-bottom: 0;font-size: 1.1rem;font-weight: 500;} .card .card-title.activator {cursor: pointer;} .card .card-title {color: #fff;font-size: 24px;font-weight: 300;} .info-act {background: url(https://i-mojo.geojit.com/info_small.png) no-repeat;padding: 2px 8px;height: 1px;width: 8px;position: relative;top: 12px;left: 5px;background-size: contain;line-height: 0;} .refresh-link {text-decoration: none !important;color: #00add1;} .msg-text {text-align: center; margin-top:0px;} /* *********************new return card********************************** */ .price-details-new table td.green, .table1 td.green, .table1 div.green, .table-card td.green, .table-card div.green, .pf-folio-tab2 td.green {background: #e6f9f3;} .price-details-new table td.red, .table1 td.red, .table1 div.red, .table-card td.red, .table-card div.red, .pf-folio-tab2 td.red {background: #fcefee;} .return-new .price-mojo {text-align: center;} .price-details-new .price-mojo .priced {font-size: 1.1rem;line-height: 1.6rem;font-weight: 400;margin: 12px 0;} .price-details-new .price-mojo .priced {text-align: center !important;} .price-details-new .txt-hed-1 {font-size: 1.4rem !important;/* margin: 10px 0; */line-height: 1.8rem !important;} .price-details-new tr td:first-child, tr th:first-child {text-align: left !important;} .price-details-new .return-new td, .return-new th {font-size: .88rem !important;} .price-details-new .table1 th, .table-card th {color: #3e4850;padding: 4px !important;border-color: #ddd !important;white-space: nowrap !important;} .price-details-new .table1 th, .table1 td {border: 1px solid #ddd;font-size: 1rem;font-weight: 400;text-align: center;word-spacing: 3px;} .price-details-new td {padding: 5px !important;vertical-align: top;} .tdbgcolor{border-left:2px solid #ddd !important;} .price-details-new .table1 th, .table1 td {border: 1px solid #ddd; font-size: 1rem; font-weight: 400; /* text-align: center; */ word-spacing: 3px; vertical-align: top;} /* **********************************Trans History popup***************************************** */ #TransHistory .modal {left: 0;right: 0;padding: 0;width:85%;margin: 0 auto;overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 1rem !important;background-color: transparent;/* margin-top: 20px; */} .th-txt1 {font-size: .8rem;margin: 10px;} #TransHistory .trahis-top {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #eee;padding: 10px;} #TransHistory .prof-edit-sec, .th-txt1, .trahis-top {text-align: center;} #TransHistory .trahis-top table {width: 75%;margin: 0 auto;} #TransHistory .trahis-top table tr td:first-child {padding-top: 12px !important;} #TransHistory .trahis-top table tr td {padding: 2px !important;} @media only screen and (min-width: 1024px){ #TransHistory .date-fild {min-width: 180px;} } #TransHistory .date-fild {min-width: 200px;} #TransHistory .trahis-top table tr td .date-dropdowns {display: inline-block;} #TransHistory .dd, .mm, .yyyy {position: relative !important;width: auto !important;display: inline-block !important;right: inherit !important;top: inherit !important;padding: 10px 2px;height: 38px;background: #fff !important;border: 1px solid #f2f2f2;} #TransHistory .browser-default {position: absolute;top: 5px;right: 25px;width: 120px;background: #fff;padding: 0 !important;height: 25px;font-size: 1rem;} #TransHistory .tbl-stkbt {margin: 25px 0 0;} #TransHistory .tbl-stkbt th {background: #eee;text-align: center !important;} #TransHistory .tbl-stkbt td, .tbl-stkbt th {border: 1px solid #ddd;} /* *********************Trans Listing Popup********************************** */ #TransListing .modal {left: 0;right: 0;padding: 0;width:85%;margin: 0 auto;overflow: visible !important;border-radius: 2px;will-change: top, opacity;font-size: 1rem !important;background-color: transparent;/* margin-top: 20px; */} #TransListing .trahis-top {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #eee;padding: 10px;} #TransListing .prof-edit-sec, .th-txt1, .trahis-top {text-align: center;} @media only screen and (min-width: 1024px){ #TransListing .date-fild {min-width: 180px;} } #TransListing .tbl-stkbt {margin: 25px 0 0;} #TransListing .tbl-stkbt th {background: #eee;text-align: center !important;} #TransListing .tbl-stkbt td, .tbl-stkbt th {border: 1px solid #ddd;} /* //////////card your portfoliio movement//////////////////// */ .movementcard .valuation-new {float: left; width:100%; margin-top: 0px;} .movementcard .topheadarea{width:100%; float:left; margin:auto;} .movementcard .tophead{font-size:17px; text-align:center;margin:10px 0 0;} .movementcard .cardmiddle{width:100%; float:left; margin:auto;} .movementcard .cardgraph{width:80%; float:left; margin:auto;position:relative;top:0px;height:260px;} .movementcard .cardgraphright{width:15%; float:left; margin:auto;position:relative; left:2%;top:1px;} .movementcard .valuation-new .red-border, .valuation-new.grey-border, .valuation-new .green-border {margin: 20px 0px 40px 0px;} .movementcard .valuation-new .red-border, .valuation-new .grey-border, .valuation-new .green-border {margin: 10px 0; padding:0px 10px;} .movementcard .stockmargin{margin-bottom:33px !important;} .movementcard .stock-per h6, .sector-per h6, .sensex-per h6 {font-size: .77rem !important; text-transform: uppercase;font-weight: 500;color: #666; margin-bottom: 0 !important;} .movementcard .stock-per h6, .sector-per h6, .sensex-per h6 {color: #374548;text-transform: uppercase !important; font-size: 0.886rem !important; margin-bottom: 8px;} .movementcard .green-border .Dcolor {color: #0ac488; word-spacing: 5px;font-size: 1.82rem ;line-height: 1.8rem;} .movementcard .grey-border .Dcolor {word-spacing: 5px;font-size: 1.82rem ;line-height: 1.8rem;} .movementcard .red-border .Dcolor {color: #e35744; word-spacing: 5px;font-size: 1.82rem ;line-height: 1.8rem;} .movementcard .pr-gr-bottright-content {width: 100% !important; float: left; margin: auto; border: none !important;margin-top:0px;} .movementcard .cardgraphbottom{width:100%; float:left; margin:auto; position:relative; top:0;} .movementcard .adv-dec .advance {float: right;text-align: right;position: relative;padding: 0 20px;background: url(https://i-mojo.geojit.com/arrow_green.png) no-repeat right center;background-size: contain;height: 60px;} .movementcard .adv-dec h6 {text-transform: uppercase;font-size: .9rem;font-weight: 500;color: #b8bbbd;} .movementcard .adv-dec div {font-size: 1.1rem;line-height: 1.5rem;} .movementcard .adv-dec .advance h4, .adv-dec .advance p {color: #0ac488;font-weight: 300 !important;} .movementcard .adv-dec .advance h4, .adv-dec .decliens h4 {font-size: 1.23rem !important;font-weight: 100 !important;} .movementcard .adv-dec .decliens h4 span, .adv-dec .advance h4 span {font-size: 1rem !important;font-weight: 400;white-space: nowrap;} .movementcard .adv-dec .decliens {float: left;text-align: left;position: relative;padding: 0 20px;background: url(https://i-mojo.geojit.com/arrow_red.png) no-repeat left center;background-size: contain;height: 60px;margin-top: 0px;} /* //////////card end//////////////////// */ /* //////////what happend in portfoilo card//////////////////// */ /* .marginright{margin-right:12px !important;} */ .happend .qtrl-details {padding: 4px;} .happend .list-mojo {max-height: 360px;overflow: auto;} .happend .qtrl-details.list-mojo > div {border-bottom: 1px solid #ddd;margin-top:5px;padding-bottom: 6px;} .happend .qtrl-details_new.list-mojo > div {border-bottom: 1px solid #ddd;} .happend .qtr-green {background: url(https://i-mojo.geojit.com/green_arrow2_up.png) no-repeat left center; padding: 5px 0 5px 30px;/* margin: 0 15px; */ text-align: left; min-height: 25px; vertical-align: middle;line-height: 1.4rem;} .happend .qtr-red {background: url(https://i-mojo.geojit.com/red_arrow2_dwn.png) no-repeat left center;padding: 5px 0 5px 30px;text-align: left;min-height: 25px;vertical-align: middle; line-height: 1.4rem;} .happend .qtr-grey {background: url(https://i-mojo.geojit.com/grey_arrow2_dwn.png) no-repeat left center; padding: 5px 15px 5px 30px;text-align: left !important; min-height: 25px; vertical-align: middle;line-height: 1.4rem;} /* //////////what happend in portfoilo card end//////////////////// */ /* //////////today contributors card/////////////////// */ .contributors td, th {padding: 4px;} .list-mojo {max-height:360px;overflow: auto;} /* ////////////end////////////////////// */ /* **********top section mobile portfolio*********** */ .market-view-container02 {padding: 0px 8px 0px 8px;margin-top: 2%;margin-bottom: 0px;display:none;} .market-view-container02 h3 {position: relative;text-align: center;color: #3e4250;font-size: 13px !important;padding: 0;margin: 0 15px 7px;} .market-view-container02 h3 {position: relative;text-align: center;color: #3e4250;font-size: 15px !important;padding: 0;margin: 0 15px 7px;} .market-view-container02 h3 span {position: relative;background-color: #e7ebee;padding: 0 12px;z-index: 1;font-size: 13px !important;font-weight: 600;color: #039be5;margin-left: 14%;} .ref-text-new {background-color: #e7ebee; font-size: .85rem; font-weight: 400; color: #039be5;padding: 2px 4px;border: none; border-radius: 2px; display: inline-block; outline: 0; vertical-align: middle;-webkit-tap-highlight-color: transparent;} .market-view-container02 h3:after {content: "";position: absolute;top: 50%;bottom: 0;left: 0;right: 0;width: 90%;height: 4px;border-top: 1px solid #b4babe;border-bottom: 1px solid #b4babe;margin-top: -2px;} .top-section2 {width:100%;float: left;margin: auto;margin-left:0%;margin-right:0%;margin-top:0%;background: #FFFFFF;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);} .toparea-band {width: 100%;float: left;margin: auto;background-color: #FFFFFF;border-top: 0px solid #bfbfbf;} .top-band-pad {padding: 8px 0px 8px 8px;text-transform: uppercase;font-size: 15px;color: #000000;font-weight: 700;text-align: left;} .top-text-head {font-size: 22px;font-weight: 600;padding: 0px 4px;color: #000000;} 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;} .red-box {float: left;width: 50%;height: auto !important;padding: 8px 2px;line-height: 1.4;border-right: 0px solid #ffffff;text-align: center;} .topband {height: auto !important;background-color: #FFFFFF;} .port-sensex-grey {text-align: center; cursor: pointer; /* background-color: #f5f5f6; */ border-right: 1px solid #bfb9b9 !important; border-bottom: 0px solid #bfbfbf;} .red-box .sensex-details ul.grey {color: #74767e;} .arrow-sensex-grey {width: 16px; height: 13px; display: inline-block; background-image: url(https://i-mojo.geojit.com/grey_arrow_dsh-new.png); background-size: 100%;} .port-sensex-green {text-align: center;cursor: pointer;/* background-color: #dcf5ea; */border-right: 1px solid #bfb9b9 !important;border-bottom: 0px solid #bfbfbf;} .port-sensex-red {text-align: center; cursor: pointer; /* background-color: #fbe6e3; */border-right: 1px solid #bfb9b9 !important;border-bottom: 0px solid #e35744; } .red-box .sensex {font-size: 15px;color: #000000;text-transform: uppercase;margin-bottom: 6px;font-weight: 500;text-align: center;} .red-box .sensex-details ul.green {color: #15c061;} .red-box .sensex-details ul li {list-style: none;display: inline-block;font-size: 17px;font-weight: 700;} .port-sensex-green-rtl {text-align: center;cursor: pointer;/* background-color: #dcf5ea; */border-left: 0px solid #bfb9b9;border-bottom: 0px solid #bfbfbf;} .red-box .sensex-details ul.green li:nth-child(3n) {background-color: #15c061;color: #fff;padding: 1px 5px;border-radius: 2px;} .red-box .sensex-details ul.red li:nth-child(3n) {background-color: #e82f2f;color: #fff;padding: 1px 2px;border-radius: 2px;} .arrow-sensex-red {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #e82f2f;} .arrow-sensex-green {width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #15c061;} /* //////////feedback-frm card/////////////////// */ .feedback .txt-crd {padding: 10px 0;overflow: hidden;height: 380px;overflow-y: auto;font-size: .9rem;line-height: 1.1rem;} .importbutton{text-align: center; margin-left:8%; padding: 6px;position: relative;top: -15px;} .feedback .buttonpadd{background: #00add1;border-radius: 40px;height: 36px;line-height: 36px;outline: 0;padding:8px 20px;color: #FFF !important;} .feedback .middtext{width:100%; float:left; margin:auto;} .feedback .txt-crd .feedback-frm {margin: 0 auto;background: #fff;padding:8px;} .feedback .txt-crd .feedback-frm .profile {margin: 10px 10px 10px 0;float: left; text-align: center;} .feedback .feedback-frm article {margin: 20px;line-height: 1.3rem;width:100%; position:relative;top:-10px;padding: 0px 18px; } .feedback .feedback-frm article h4 {margin-bottom: 10px;} .feedback .feedback-frm article p {line-height: 1.3rem;} .feedback .txt-crd .input-field.col p {margin: 10px 0 0 !important;} .feedback .feedback-frm input, .feedback-frm textarea {background: #f8f7fa;border-radius: 5px;border: 1px solid #cccbce;padding: 5px;} .feedback textarea.materialize-textarea {overflow-y: hidden;padding:0 0;resize: none;min-height:55px;width: 103%;} .feedback .field-validation-error {font-size: .77rem;} .feedback form p:last-child {margin-bottom: 0;} .feedback .feedback-frm input, .feedback-frm select {background: #f8f7fa; border-radius: 5px; border: 1px solid #cccbce; padding: 0px 7px; height: 42px;} .feedback .option-input{width:98%;} .feedback .suggestion-input{width:98%;} .feedback .name-input{width:93%;} .feedback .email-input{width:93%;} #FeedbackForm .input-field p { margin: 0 0 5px;} #FeedbackForm .input-field 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 5px 0;} .greybox { color: #e7e9ea; margin-left: 20px;} #tabcol_new .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #555;cursor: default; background-color: #e2e1e1 !important; border-top: 4px solid #00add1;} /* //////////end/////////////////// */ /* //////////bottomlink////////////////// */ .porbottomlink .small-card .bottom-card-links {margin-left: 0 !important;} .porbottomlink .bottom-card-links {background: #f5f6f6;padding: 5px 0px;display: -webkit-flex;display: flex;border-top: 1px solid #e1e1e1;position: absolute;width: 100%;bottom: 0;margin-left: 0px;left: 0 !important;} .porbottomlink .bottom-card-links a {display: block;color: #36444a;font-size: 1.1rem;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;padding: 6px 0;} .porbottomlink .bottom-card-links img {height: auto !important;} /* //////////end/////////////////// */ /* //////////news/////////////////// */ .news {position: relative;max-height:375px;overflow: auto;} .list-mojo {max-height:360px;overflow: auto;} .modal .list-mojo {max-height:446px;overflow: auto;} .news-item {padding: 10px 0; border-bottom: 1px solid #dadbdd;} .newshead a {color: #00add1;/* font-weight: 500; */line-height: 1.3rem;} .newshead a {color: #00add1;/* font-weight: 500; */line-height: 1.3rem;} .news-date {color: #8c98a2;padding: 10px 0;font-size: .896rem;} .news-date span {display: block;} .news-scroll-new {height: auto; max-height: 380px; overflow: auto;} /* ////////////end////////////////////// */ /* *********************news popup************************** */ #newspupup .modal-content {position: relative;background-color: #fff;border: 1px solid #999;border: 0px solid rgba(0,0,0,.2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 0px 0px rgba(0,0,0,.5);background-clip: padding-box;} #newspupup .news {position: relative;} #newspupup .p10 {padding: 10px;} #newspupup .news-item {padding: 10px 0;border-bottom: 1px solid #dadbdd;} #newspupup .newshead, .newshead a {color: #00add1;/* font-weight: 500; */line-height: 1.3rem;} #newspupup .news-date {color: #8c98a2;padding: 10px 0;font-size: .896rem;} #newspupup .news-date span {display: block;} #newspupup .news-item {padding: 10px 0;border-bottom: 1px solid #dadbdd;} #newspupup .news-item .news-img {float: left;} #newspupup .news-item .news-img img {width: 80px !important;margin: 0 10px 5px 0;} @media only screen and (min-width:750px) { #newspupup .modal450 {width: 45% !important; min-width: 430px;} } /* /////////////////////////////////////////////// */ /* //////////breakup card/////////////////// */ .breakupcard .pf-by-m-cap-sec .pftbl-lt tr td:first-child {width:55%;} .breakupcard .pf-by-m-cap-sec .pftbl-lt tr td:last-child {width:35%; text-align:right;} .breakupcard .pf-by-m-cap-sec {padding-bottom: 10px;border-bottom: 1px solid #dfe3e5;margin: 5px 0 15px 0;} .breakupcard .pf-by-m-cap-sec {margin: 10px 0;} .breakupcard .pf-by-margin {padding-bottom: 18px;} .breakupcard .txt-cr, td.txt-cr {text-align: center !important;} .breakupcard .pf-by-margin02 {padding-top: 12px;} .breakupcard .pf-by-m-cap-sec h6.red {background: #e35744;color: #fff !important;display: inline-block;padding: 2px 5px;border-radius: 5px;font-size:15px;text-transform: uppercase;} .breakupcard .pf-by-m-cap-sec h6.green {background: #09c488;color: #fff !important;display: inline-block;padding: 2px 5px;border-radius: 5px;font-size:15px;text-transform: uppercase;} .breakupcard tr td:first-child, tr th:first-child {text-align: left;} .breakupcard .pftbl-lt td {text-align: left;width: 0;} .breakupcard .pf-txt-1 {font-size: 1.106rem;font-weight: 500;line-height: 1.6rem;} .breakupcard .pf-txt-2 {font-size: 1.050rem;font-weight: 400;} .breakupcard .pf-txt-3 {font-size: 1.2rem;font-weight: 400;line-height: 1.6rem;color: #959bae;} /* //////////end/////////////////// */ /* //////////pf-box card/////////////////// */ .pf-box {-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;margin: 10px 5px;/* color: #fff; */position: relative;min-height: 150px;} .pf-box-set {display: -webkit-flex;display: flex;} .pf-box {position: relative;} .grey-bx {background: url(https://i-mojo.geojit.com/grey_dot_over.png) no-repeat 50% 2px; border: 0px solid #ccc; padding: 48px 10px 5px 10px; border-radius: 2px; background-size: 40px; box-shadow: 1px 1px 5px #999;} .red-bx {background: url(https://i-mojo.geojit.com/red_dot_over.png) no-repeat 50% 2px;border: 0px solid #e35744;padding: 48px 10px 5px 10px;border-radius: 2px;background-size: 40px;box-shadow: 1px 1px 5px #999;} .green-bx {background: url(https://i-mojo.geojit.com/green_dot_over.png) no-repeat 50% 2px;border: 0px solid #09c488;padding: 48px 10px 5px 10px;border-radius: 2px;background-size: 40px;box-shadow: 1px 1px 5px #999;} .yellow-bx {background: url(https://i-mojo.geojit.com/orange_dot_over.png) no-repeat 50% 2px;border: 0px solid #ffbb02;padding: 48px 10px 5px 10px;border-radius: 2px;background-size: 40px;box-shadow: 1px 1px 5px #999;} .red-bx .pf-box-txt2 strong {color: #e35744 !important;} .yellow-bx .pf-box-txt2 strong {color: #ffbb02 !important;} .yellow-bx .pf-box-txt2 strong {color: #ffbb02 !important;} .pf-bx-a, .pf-bx-a div, .pf-bx-a p {color: #3b444b;text-decoration: none !important;} .pf-bx-a, .pf-bx-a div, .pf-bx-a p {color: #3b444b;text-decoration: none !important;} .pf-box-hed {font-size: .9rem;font-weight: 500;} .pf-box-txt2 {font-size: .8rem;font-weight: 400 !important;} .pf-box-txt4 {font-size: .8rem;font-weight: 400 !important;} .pf-box-txt1, .pf-box-txt2 strong {font-size: 1.5rem;line-height: 1.6rem;margin: 10px 0;font-weight: 400 !important;} .pf-overall-boxs2 .pf-box-txt2 {font-size: 15px; font-weight: 400 !important; line-height: 1.4rem;margin: 8px 0px;} /* ////////////portfolio profile/////////////// */ .portfoliocard .pf-profile-sec1 {border-bottom: 1px solid #dce0e3;padding: 3px 0;text-align: center;display: -webkit-flex;display: flex;} .portfoliocard .pf-profile-sec1 > div {-webkit-flex: 1;flex: 1;border-right: 1px solid #dce0e3;padding: 5px 10px;} .portfoliocard .pf-profile-txt1 {font-size: .9rem;color: #6f777b;} .portfoliocard .pf-profile-txt2 {font-size: 1.3rem;color: #36444a;line-height: 1.6rem;} .portfoliocard .pf-profile-sec1 > div:last-child {border: none;} .portfoliocard .pf-profile-txt3 {font-size: .8rem;color: #9ba0a2;} .portfoliocard .pf-profile-sec2 {border-bottom: 1px solid #dce0e3;padding: 0;text-align: center;display: -webkit-flex;display: flex;} .portfoliocard .pf-profile-sec2 > div {-webkit-flex: 1;flex: 1;border-right: 1px solid #dce0e3;padding: 5px 10px;} .portfoliocard .pf-profile-txt2 {font-size: 1.3rem;color: #36444a;line-height: 1.6rem;} .portfoliocard .pf-profile-txt3C {font-size: .8rem;color: #9ba0a2;text-transform: uppercase;} .portfoliocard .pf-profile-sec3 {border-bottom: 1px solid #dce0e3;padding: 10px 0;text-align: center;} .portfoliocard .pf-profile-txt4 {font-size: 1rem;} .portfoliocard .pf-profile-sec4 {border-bottom: 1px solid #dce0e3;padding: 0px 0;text-align: center;display: -webkit-flex;display: flex;} .portfoliocard .pf-profile-sec4 > div {-webkit-flex: 1;flex: 1;border-right: 1px solid #dce0e3;padding: 5px 10px;} /* ////////////end/////////////// */ /* ////////////Portfolio Networth Break-Up ////////////// */ .pf-net-breakup .companycv {margin: 10px 0 10px;} .pf-net-breakup .companycv li {margin: 10px 0;padding: 0 0 15px;} .pf-net-breakup .companycv ul li {padding: 0px 0px 8px 0; border-bottom: 1px solid #dddee1;} .pf-net-breakup table thead tr th:first-child, .pf-net-breakup table tbody tr td:first-child {border-right: 1px solid #ddd;} .pf-net-breakup table tbody tr td {font-size: 1rem;padding: 10px 5px !important;color: #6f777b;border-bottom: 1px solid #ddd;} .pf-net-breakup table tr th {font-weight: 500;background: #eee;font-size: 1.1rem;padding: 10px 5px !important;} .pf-net-breakup table thead tr th.green, .pf-net-breakup table tbody tr td.green {background: #e6f9f3;} .pf-net-breakup table thead tr th.red, .pf-net-breakup table tbody tr td.red {background: #fcefee;} .pf-net-breakup .companycv li strong {font-size: 1.1rem !important;} /* ////////////all score card////////////// */ .sevn-dot-card {text-align: center;} .head-7dot {padding: 10px;font-size: 1.2rem;text-align: center;text-transform: uppercase;font-weight: 700;} .sev-txt2, .sev-txt3 {font-weight: 400;font-size: 1.1rem;} .red-7dot {background: url(https://i-mojo.geojit.com/red_scroe_big_bg.png) 50% 100% no-repeat;background-size: contain;} .green-7dot {background: url(https://i-mojo.geojit.com/green_scroe_big_bg.png) 50% 100% no-repeat; background-size: contain;} .yellow-7dot {background: url(https://i-mojo.geojit.com/org_scroe_big_bg.png) 50% 100% no-repeat; background-size: contain;} .grey-7dot {background: url(https://i-mojo.geojit.com/grey_scroe_big_bg.png) 50% 100% no-repeat; background-size: contain;} .green-7dot, .grey-7dot, .yellow-7dot, .red-7dot {position: relative;height: 180px;margin-bottom: 10px;width: 100%;text-align: center;} .con-7dot {position: absolute;width: 100%;top: 60px;} .sev-txt1 {font-weight: 400;font-size: 1.6rem;margin: 0 auto;width: 170px;line-height: 1.8rem;} .sev-txt1 small {font-size: .9rem !important;opacity: .8;display: block;line-height: 1.1rem;} .sev-txt1 small i {font-size: .78rem;} .sev-txt1, .sev-txt2 {color: #fff;} .condi-p-7 {font-size: 1.7rem;line-height: 2rem;text-align: center;margin-top: 20px;} .scr-txt-2 {margin: 0; padding: 0; font-weight: 300 !important; font-size: .88rem;} /* ////////////Return Summary card////////////// */ .divd-table td, .divd-table th {font-size: .88rem !important;} .ReturnSummary .returns-snap {height: 350px;overflow: hidden;overflow-y: auto;} .ReturnSummary .score-card2, .score-card {padding: 2px;margin: 10px 0;} .ReturnSummary .returns-snap .score-card {margin: 0 !important;} .ReturnSummary .returns-snap .high-risk-head {text-align: center;margin: 0;} .ReturnSummary .returns-snap {padding: 10px 0;} .ReturnSummary .high-risk-head {line-height: 1rem;} .ReturnSummary .high-risk-head {margin:26px 0;font-size: 1.2rem;font-weight: 500;} .ReturnSummary .high-risk-head span.date-ince {font-size: .8rem !important;color: #777 !important;font-style: italic;} .ReturnSummary .returns-snap .cf .score-card {float: left;width: 49%;text-align: center;margin-bottom: 10px;} .ReturnSummary .returns-snap .score-card p {font-size: 1.1rem;margin-bottom: 5px;} .ReturnSummary .red-score .socre-head, .score-red h6, .green-score .socre-head, .score-green h6 {padding: 2px 5px !important;font-size: .9rem;} .ReturnSummary .red-score .socre-head, .score-red h6 {background: #e35744;color: #fff;font-size:.9rem;line-height: 1.4rem;} .red-score .socre-head, .score-red h6, .green-score .socre-head, .score-green h6 {padding: 2px 5px !important; font-size: .9rem;} .green-score .socre-head, .score-green h6 {background: #09c488; color: #fff; font-size: 1rem; line-height: 1.4rem;} .ReturnSummary .socre-head {font-size: .85rem;margin-bottom: 10px !important;} .ReturnSummary .socre-head {/* margin: 10px 0; */padding: 8px;border-radius: 5px;color: #fff;text-transform: uppercase;letter-spacing: .04rem;display: inline-block;} .ReturnSummary .qtr-none {padding: 8px;margin: 0 0 5px;border-bottom: 1px solid #ddd;} .ReturnSummary .condi-p-7 {font-size: 1.7rem;line-height: 2rem;text-align: center;margin-top: 20px;} .ReturnSummary .returns-snap .qty-lst {padding: 8px 8px 8px 80px;} .ReturnSummary .returns-snap .qty-lst { padding: 8px 8px 8px 80px; min-height: 40px;} .ReturnSummary .qty-lst {background: url(https://i-mojo.geojit.com/Qr1.png) left no-repeat;cursor: pointer !important;background-size: contain;padding: 8px 8px 8px 10px;margin: 15px 0 5px;} .ReturnSummary .qtr-none, .qty-lst, .rec-comp-dtil {line-height: 1.4rem;} .ReturnSummary .qtr-2 {background-image: url(https://i-mojo.geojit.com/Qr2.png) !important;} .ReturnSummary .qtr-3 {background-image: url(https://i-mojo.geojit.com/Qr3.png) !important;} .ReturnSummary .qtr-4 {background-image: url(https://i-mojo.geojit.com/Qr4.png) !important;} .ReturnSummary .returns-snap .high-risk-head strong {font-size: 1.5rem !important; line-height: 2.1rem; display: block;} .ReturnSummary .returns-snap .score-card p strong {font-size: 1.3rem;} /* ////////////What is Composite Index?////////////// */ .score-cols {display: -webkit-flex;display: flex;/* margin-top: 10px; */margin: 10px 0 10px;} .info-txt-card2 {text-align: center;margin: 30px 0 0 0;} .info-txt-card2 .txt-hed-1 {font-size: 1.7rem !important;margin: 10px 0;line-height: 2rem;} .info-txt-card2 p {font-size: 1.1rem;line-height: 1.5rem;} .txt-hed-1 {font-size: 1.4rem !important;/* margin: 10px 0; */line-height: 1.8rem !important;} /* ////////////Return v/s Composite Index////////////// */ .compositeindex .h4, .h5, .h6, h4, h5, h6 {margin-top:1px;margin-bottom: 0px;} .compositeindex .score-card-cft {margin-top: 10px;text-align: center;} .compositeindex .no-bor {border: none !important;} .compositeindex .current-trend {display: -webkit-flex;display: flex;} .compositeindex .current-trend {margin-bottom: 10px;} .compositeindex .current-trend div {padding: 0;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;background: #e7e9ea;margin-right: 12px !important;color: #fff;font-size: .98rem;margin-bottom: 5px;} .compositeindex .red-score .socre-head, .score-red h6, .green-score .socre-head, .score-green h6 {padding: 2px 5px !important;font-size: .9rem;} .compositeindex .red-score .socre-head, .score-red h6 {background: #e35744;color: #fff;font-size: 1rem;line-height: 1.4rem;} .compositeindex .score-red h6 {background: #e35744;color: #fff;} .compositeindex .score-red h6, .score-grey h6, .score-green h6 {font-size: .912rem !important;font-weight: 400;display: block;padding: 5px;height: auto;} .compositeindex .current-trend div {padding: 0;-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;background: #e7e9ea;margin-right: 12px !important;color: #fff;font-size: .98rem;margin-bottom: 5px;} .compositeindex .grey-score .socre-head, .score-grey h6 {background: #868f92;color: #fff;font-size: 1rem;line-height: 1.4rem;} .compositeindex .score-grey h6 {background: #868f92;color: #fff;} .compositeindex .current-trend div p {margin: 0;padding: 5px 0;font-size: .772rem !important;} .compositeindex .score-red p {color: #e35744;} .compositeindex .indics-new {font-size: .8rem;/* margin-left: 9%; */margin-top: 4px;text-align: center !important;} /* ////////////Calendar Year Returns////////////// */ .calendaryrs .graphtabarea.{width:100%; float:left; margin:auto;text-align: center;} .calendaryrs .nav>li>a {position: relative; display: block;padding: 8px 16px !important;border-right: 1px solid #c5c8ca;border-left: 1px solid #c5c8ca;border-bottom:1px solid #c5c8ca; color: #a2a4aa !important;} .calendaryrs .nav>li {width:33% !important;float:left; margin:auto;text-align:center;} .calendaryrs .tab .active{border-right: 1px solid #333;border-left: 1px solid #333;border-bottom:2px solid #333; color: #36444a !important;} .calendaryrs .nav > li > a:hover, .nav > li > a:focus {background-color:transparent !important;/* color: #36444a !important; */} .calendaryrs .graph-return {height: 300px;} /* ////////////Dividend Contribution to Returns////////////// */ .dividend .price-mojo {text-align: center;} .dividend .price-mojo .priced {font-size: 1.1rem;line-height: 1.6rem;font-weight: 400;margin: 12px 0;} .dividend .price-mojo .priced {text-align: center !important;} .dividend .txt-hed-1 {font-size: 1.4rem !important;/* margin: 10px 0; */line-height: 1.8rem !important;} .dividend tr td:first-child, tr th:first-child {text-align: left !important; word-break:break-word;} .dividend .divd-table td, .divd-table th {font-size: .88rem !important;} .dividend .table1 th, .table-card th {color: #3e4850;padding: 4px !important;border-color: #ddd !important;white-space: nowrap !important;} .dividend .table1 th, .table1 td {border: 1px solid #ddd;font-size: 1rem;font-weight: 400;text-align: center;word-spacing: 3px;} .dividend td {padding: 5px !important;vertical-align: top;word-break:break-word;} /* //////////Return Quartiles - Market Cap////////////////// */ .returnquartiles .intraday {padding: 10px 0;text-align: center;} .returnquartiles .txt-hed-1 {font-size: 1.4rem !important;/* margin: 10px 0; */line-height: 1.8rem !important;} .returnquartiles .portfolio-return-area {width: 90%;float: left;margin: auto;margin-left: 10%;} .returnquartiles .portfolio-col01 {width: 50%;float: left;margin: auto;margin-bottom:18px;} .returnquartiles .quartiles.pf-quart .qr1, .quartiles.pf-quart .qr2, .quartiles.pf-quart .qr3, .quartiles.pf-quart .qr4 {height: 90px !important;width: 90px !important;color: #3b444b;} .returnquartiles .qr1, .qr2, .qr3, .qr4 {float: left;width: 101px;margin: 5px 5px 30px 5px;height: 100px;text-align: center;padding: 20px 0 0 0;cursor: pointer !important;} .returnquartiles .qr1 {background: url(https://i-mojo.geojit.com/Qr1.png) no-repeat;cursor: pointer !important;background-size: contain;} .returnquartiles .qr2 {background: url(https://i-mojo.geojit.com/Qr2.png) no-repeat;cursor: pointer !important;background-size: contain;} .returnquartiles .qr3 {background: url(https://i-mojo.geojit.com/Qr3.png) no-repeat;cursor: pointer !important;background-size: contain;} .returnquartiles .qr4 {background: url(https://i-mojo.geojit.com/Qr4.png) no-repeat;cursor: pointer !important;background-size: contain;} .returnquartiles .qr1 p span, .qr2 p span, .qr3 p span, .qr4 p span {font-size: 1.28rem;display: block;cursor: pointer !important;margin-top: 20px;} .returnquartiles .qr1 .mnts, .qr2 .mnts, .qr3 .mnts, .qr4 .mnts {padding-top: 35px;font-size: .9rem;cursor: pointer !important;} .returnquartiles .qr1 p, .qr2 p, .qr3 p, .qr4 p {margin: 2px 15px;font-size: .8rem;text-align: center;line-height: .98rem;cursor: pointer !important;} .returnquartiles .quartiles.pf-quart .qr1, .quartiles.pf-quart .qr2, .quartiles.pf-quart .qr3, .quartiles.pf-quart .qr4 {height: 90px !important;width: 90px !important;color: #3b444b;} /* /////////Risk Summary////////////////// */ .risksummary .risk-txt1 {font-size: 1.5rem !important;margin: 10px 0 0;font-weight: 500;text-align: center;} .risksummary .risk-txt1, .risk-txt2, .risk-txt3 {line-height: 1.8rem;} .risksummary .risk-txt2 {font-size: 1.1rem !important;margin-bottom: 5px;font-weight: 300;text-align: center;} .risksummary .comp-peers2 {margin: 20px 20px 10px 20px;border-top: 1px solid #c5c8ca;} .risksummary .comp-peers2 div {top: -10px;position: relative;text-align: center;} .risksummary .comp-peers2 span {background: #fff !important;color: #9ba0a2;font-weight: 500;text-transform: uppercase;padding: 5px;} .risksummary .risk-summary-container {margin: 10px 0 0 10px;} .risksummary .risk-summary-container div:first-child {} .risksummary .risk-txt4 {font-size: 1.1rem !important;line-height: 1.4rem;} .risksummary .risk-txt3, .risk-txt4 {margin-bottom: 5px;font-weight: 500;text-align: center;} .risksummary .rsk1 p, .rsk2 p, .rsk3 p, .rsk4 p {font-size: .9rem;color: #666;} .risksummary .rsk2 {border-bottom: 1px solid #ddd;} .risksummary .rsk1, .rsk2, .rsk3, .rsk4 {padding: 10px;background-size: 40px;float: left;width: 45%;min-height: 120px;text-align: center;} .risksummary .risk-summary-container div:first-child {} .risksummary .risk-txt4 {font-size: 1.1rem !important;line-height: 1.4rem;} .risksummary .rsk1 {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .risksummary .rsk3 {border-right: 1px solid #ddd;} /* /////////Volatility////////////////// */ .volatility .valuation-head {margin-top: 10px;} .volatility .txt-hed-1.red, .txt-hed-1.green {background-color: transparent !important;} .volatility .txt-cr, td.txt-cr {text-align: center !important;} .volatility #vd_valuationDtail .sales_txt.txt-cr {font-size: 1.2rem;margin: 10px;} .volatility .sales_txt {font-size: 1rem;color: #36444a;font-weight: 500;line-height: 1.3rem;margin: 5px 0;text-align: center !important;} .volatility .txt-cr {text-align: center !important;} .volatility .txt-hed-1 {font-size: 1.4rem !important;/* margin: 10px 0; */line-height: 1.8rem !important;} .volatility .comp-peers2 {margin: 20px 20px 10px 20px;border-top: 1px solid #c5c8ca;} .volatility .comp-peers2 div {top: -10px;position: relative;text-align: center;} .volatility .comp-peers2 span.small-txt {font-size: .8rem;} .volatility .comp-peers2 span {background: #fff !important;color: #9ba0a2;font-weight: 500;text-transform: uppercase;padding: 5px;} .volatility .price-eps {padding: 10px;width: 100%;} .volatility .price-eps {padding: 10px;width:100%;margin: 0 auto;display: -webkit-flex;display: flex;} .volatility .price-eps .red-border, .price-eps .green-border {padding: 10px 10px 0 5px;margin: 5px;-webkit-flex: 1;-ms-flex: 1;flex: 1;} .volatility h6 {font-size: 1rem !important;font-weight: 400;line-height: 1rem;color: #00add1;text-transform: uppercase;} .volatility .green-border p {font-size: 1.4rem;margin: 5px 0 0 0;line-height: 1.4rem;} .volatility .green-border {border-left: 4px solid #0ac488 !important;} .volatility .condi-cent {text-align: center;color: #9ba0a2;} /* /////////Beta////////////////// */ .beta .intraday {padding: 10px 0;text-align: center;} .beta .txt-hed-1 {font-size: 1.4rem !important;/* margin: 10px 0; */line-height: 1.8rem !important;} .beta .txt-cr, td.txt-cr {text-align: center !important;} .beta .txt-cr {text-align: center !important;} /* /////////Value at risk (VAR)////////////////// */ .valuerisk .valuation-head {margin-top: 10px;} .valuerisk .high-risk-head {font-size: 1.5rem;font-weight: 500;} .valuerisk .valuation-head .high-risk-head {text-align: center;line-height: 1.8rem;} .valuerisk .high-risk-head {line-height: 1rem;} .valuerisk .high-risk-head {margin: 10px 0;font-size: 1.2rem;font-weight: 500;} .valuerisk .txt-cr, td.txt-cr {text-align: center !important;} .valuerisk .sales_txt {font-size: 1rem;color: #36444a;font-weight: 500;line-height: 1.3rem;margin: 5px 0;text-align: center !important;} .valuerisk .sales_txt.txt-cr {font-size: 1.2rem;margin: 10px;} /* /////////Risk Adjusted Returns////////////////// */ .riskAdjusted .valuation-head {margin-top: 10px;} .riskAdjusted .high-risk-head {font-size: 1.5rem;font-weight: 500;} .riskAdjusted .valuation-head .high-risk-head {text-align: center;line-height: 1.8rem;} .riskAdjusted .high-risk-head {line-height: 1rem;} .riskAdjusted .high-risk-head {margin: 10px 0;} .riskAdjusted .sales_txt.txt-cr {font-size: 1.2rem;margin: 10px;} .riskAdjusted .txt-cr, td.txt-cr {text-align: center !important;} /* /////////Allocation Risk////////////////// */ .allocation .pbt-mojo .mojo-txt {height: auto !important;} .allocation .pbt-mojo .mojo-txt {height: 125px;margin: 10px 0 10px;text-align: center;} .allocation .mojo-txt {height: 135px;margin: 10px 0 10px;text-align: center;} .allocation .foot-note, .condi-p {font-size: .8rem !important;font-style: italic;bottom: 44px;text-align: left;margin-top: 2px;} .allocation .condi-p p {margin: 0;padding: 0;} .allocation .comp-peers2 {margin: 20px 20px 10px 20px;border-top: 1px solid #c5c8ca;} .allocation .comp-peers2 div {top: -10px;position: relative;text-align: center;} .allocation .comp-peers2 span.small-txt {font-size: .8rem;} .allocation .comp-peers2 span {background: #fff !important;color: #9ba0a2;font-weight: 500;text-transform: uppercase;padding: 5px;} .allocation .diversi-graph {margin-top: -10px;} .allocation .diversi-graph {height: 180px !important;} .allocation .diversi-graph {text-align: center;width: 95%;height: 200px;} .allocation .col-grey .Dcolor, .col-green .Dcolor, .col-red .Dcolor, .col-orange {font-size: 1.4rem !important; line-height: 1.6rem !important;} /* /////////Liquidity Summary////////////////// */ .liquidity .ql-sec{width:100%; float:left; margin:auto;margin-top:10px;max-height:351px;overflow: auto;} .liquidity .sec1 {float: left;width: 49%;margin: 10px 0;} .liquidity .sec2 {float: right;width: 50%;} .liquidity .ullist {margin-top: 0px;} .liquidity .ullist li {padding: 4px 5px 4px 25px;background: url(https://i-mojo.geojit.com/list_icon.png) no-repeat 0 50%;text-align: left;border-bottom: 1px solid #dddee0;} .liquidity ul {padding: 0;} .liquidity .sec1 .graphmargin{width:100%; margin-top:12px; position:relative;} .liquidity .sec1 .smallgraph{height:200px;text-align: center;margin-top:6px;} /* /////////Liquidity Analysis Details////////////////// */ .LiquidityAnalysis table tr td:first-child {width: 30% !important;} .LiquidityAnalysis td, th {padding:3px 5px !important;vertical-align: top !important;} .LiquidityAnalysis .list-mojo {max-height: 360px;overflow: auto;} .LiquidityAnalysis .scr-txt-2 {margin: 0; padding: 0; font-weight: 300 !important; font-size: .88rem;} /* /////////Is my portfolio diversified? - Summary////////////////// */ .portdivers .mojo-txt3 {margin: 10px 0;} .portdivers .txt-cr, td.txt-cr {text-align: center !important;} .portdivers .mt-head {font-size: 1.4rem;font-weight: 500;line-height: 1.8rem;} .portdivers .table05 {background: #f5f6f6;margin-bottom: 3px;width:100%;} .portdivers .table05 td {padding: 12px 5px !important;vertical-align: top;} .portdivers .table-col05 {width: 76%;} .portdivers .table-col06 {width: 24%;} .portdivers .grey-table{border-left: 2px solid #ccc;background:#eeeeee !important;border-bottom:4px solid #FFF; margin:7px 0px;} .pportdivers .green-table{border-left: 2px solid #09c488;background:#e6f9f3 !important;border-bottom:4px solid #FFF; margin:7px 0px;} .portdivers .green-table{border-left: 2px solid #09c488;background:#e6f9f3 !important;border-bottom:4px solid #FFF; margin:7px 0px;} .portdivers .red-table{border-left: 2px solid #e35744;background:#fceeec !important;border-bottom:4px solid #FFF; margin:7px 0px;} .portdivers .grey-table .new-badge{color:#333 !important;font-size:1rem;right:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .portdivers .green-table .new-badge{color:#09c488 !important;font-size:1rem;right:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .portdivers .red-table .new-badge{color:#e35744 !important;font-size:1rem;right:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* /////////all Diversification - Sectors////////////////// */ .diversified .mojo-txt-pf {height: auto;margin-bottom:18px;} .diversified .header {font-size:20px !important; text-align:center;margin:5px 0px;line-height:1.2;} .diversified .pbt-mojo p {font-size:14px;margin-top:5px;} .diversified .comp-peers2 {margin: 20px 20px 10px 20px;border-top: 1px solid #c5c8ca;} .diversified .comp-margin {margin-top: -5px !important;} .diversified .comp-peers2 div {top: -10px;position: relative;text-align: center;} .diversified .comp-peers2 span.small-txt {font-size: .8rem;} .diversified .comp-peers2 span {background: #fff !important;color: #9ba0a2;font-weight: 500;text-transform: uppercase;padding: 5px;} .diversified .diversi-graph {margin-top:0px;} .diversified .diversi-graph {height: 180px !important;} .diversified .diversi-graph {text-align: center;width: 95%;height: 200px;} /* /////////Diversification - Stocks////////////////// */ .diversifiedstock .ullist {margin-top: 0px;} .diversifiedstock .list-mojo {max-height: 360px;overflow: auto;} .diversifiedstock ul {padding: 0;} .diversifiedstock .pfulist li {background-position: 2px 8px;margin: 10px 8px;} .diversifiedstock .ullist li {padding: 4px 5px 4px 22px;background: url(https://i-mojo.geojit.com/list_icon.png) no-repeat 0 4%;text-align: left;border-bottom: 1px solid #dddee0;} .diversifiedstock .pfulist li strong {display: block;margin-bottom: 5px;} /* /////////Liquidity Analysis Details////////////////// */ .liquidityDetails .table25{width:100% !important;} .liquidityDetails .price-mojo {text-align: center;} .liquidityDetails thead { border-bottom: 1px solid #d0d0d0;} .liquidityDetails .table25 th:first-child, .table25 td:first-child, .table26 th:first-child, .table26 td:first-child {padding-left: 8px !important; border-left: 0 !important; border-left: 1px solid #e7e7e7 !important;} .liquidityDetails .table25 th, .table26 th {background: #f5f6f6;font-weight: normal !important;} .liquidityDetails .table25 th, .table25 td, .table26 th, .table26 td { border: 1px solid #e7e7e7 !important;padding: 8px 4px !important;font-size: 1.028rem;} .liquidityDetails .txt-lt, td.txt-lt { text-align: left !important;} .liquidityDetails .txt-lt.selected-td {background: #ddd;} /* /////////Tax Analysis////////////////// */ .taxAnalysis .pf-profile-sec1 {border-bottom: 1px solid #dce0e3;padding: 3px 0;text-align: center;display: -webkit-flex;display: flex;} .taxAnalysis .pf-profile-sec1 > div {-webkit-flex: 1;flex: 1;border-right: 1px solid #dce0e3;padding: 5px 10px;} .taxAnalysis .pf-profile-txt1 {font-size: .9rem;color: #6f777b;} .taxAnalysis .pf-profile-txt2 {font-size: 1.3rem;color: #36444a;line-height: 1.6rem;} .taxAnalysis .pf-profile-sec1 > div:last-child {border: none;} .taxAnalysis .pf-net-breakup table thead tr th:first-child, .pf-net-breakup table tbody tr td:first-child {border-right: 1px solid #ddd;} .taxAnalysis .pf-net-breakup table tbody tr td {font-size: 1rem;padding: 10px 5px !important;color: #6f777b;border-bottom: 1px solid #ddd;} .taxAnalysis .pf-net-breakup table tr th {font-weight: 500;background: #eee;font-size: 1.1rem;padding: 15px 5px !important;} .taxAnalysis tr td:first-child, tr th:first-child {text-align: left !important;} .taxAnalysis .qtrl-details {padding: 4px;} .taxAnalysis .qtrl-details .list-mojo > div {border-bottom: 1px solid #ddd;} .taxAnalysis .qtrl-details .shortarea {width:100%;float:left; margin:auto;padding: 8px 0;border-bottom: 1px solid #e7e7e7; line-height: 1.5rem;} .date-dd {width:65px;height:46px;padding:0px 0px;border: 1px solid #0ac488;color: #0ac488;border-radius: 5px;text-transform: uppercase; text-align: center;display: inline-block;margin: 5px 0px;} .sttext {color: #868c8f;} .taxAnalysis .list-mojo {max-height: 360px;overflow: auto;} .s01{width:22%; float:left; margin:auto;} .s02{width:76%; float:left; margin:auto;} .optionbg{background:#374047;} .contentbg{background:#FFF !important;} .scr-txt-2 {margin: 0;padding: 0;font-weight:300 !important;font-size:.88rem;} .price-mojo {text-align: center;} .price-mojo .priced {font-size: 1.1rem;line-height: 1.6rem;font-weight: 400;margin: 12px 0;} .price-mojo .priced {text-align: center !important;} .port-bottom { padding: 4px 6px;} .total {background: #eee !important;font-weight: 700 !important;font-size: 1.1rem !important; color: #3e4850 !important;} .total .blu-hed, .total td {font-weight: 700; color: #3e4850 !important;} .alerttax { text-align: center !important; width: auto; margin-top: 0% !important;} .alerttax { margin-top: 0; color: inherit;font-size: 16px !important;} .alerttax { padding: 3px; margin-bottom: 0px; border: 1px solid transparent; border-radius: 4px;} .warningtax{color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; padding:3px 6px;margin-top: 3px;} .alert-warningtax { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;} /* /////////Tax Analysis////////////////// */ .card .card-reveal {position: absolute;background-color: #fff;width: 100%;overflow-y: auto;top:9%;height: 100%;z-index: 100000000;border-top: 1px solid #ddd;} .card .card-reveal .card-title {cursor: pointer;display: block;} .card .card-title {color: #fff;font-size: 24px;font-weight: 300;} .right {float: right;margin-left: 10px;margin-top: 8px;color: #666;} .card-reveal-text {padding: 10px;margin-bottom: 40px;} .card-reveal-text ul li {margin-left:14px;list-style-type: disc;margin-bottom: 5px;line-height: 1.3rem;} .card ul {padding: 0;} .table1 th, .table-card th {color: #3e4850;padding: 4px !important;border-color: #ddd !important;white-space: nowrap !important;} table tbody tr td, table thead tr th, table tbody tr td, table tfoot tr th {text-align: right !important;} td, th {padding:3px 5px !important;vertical-align: top !important;} tr td:first-child, tr th:first-child {text-align: left !important;} .table1 td {background: #fff;} .table-card th, .table-card td {font-size: .983rem;} .table1 th, .table1 td {border: 1px solid #ddd;font-size:.88rem;font-weight: 400;text-align: center;word-spacing: 3px;} table tbody tr td, table thead tr th, table tbody tr td, table tfoot tr th {text-align: right !important;} .foot-note, .condi-p {font-size: .8rem !important;font-style: italic;bottom: 44px;text-align: left;margin-top: 1px;} .condi-p p {margin: 0;padding: 0;} ul li {list-style:none;} .h4, h4 {font-size: 18px !important;} h3 {font-size: 1.6rem !important;line-height: 1.7rem !important;} .modal-header .close {margin-top: -18px;right: -7px;position: relative;color: #fff;background: #333;padding: 0px 4px;border-radius: 46%;} .close {float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity:1;} .nf-sen .green {color: #0ef6ab !important;} .nf-sen .red {color: #e35744 !important;} .hm-stk-val-col.green {background: #283c42 !important;border: 1px solid #1d6f5c !important;border-radius: 5px !important;} .hm-stk-val-col.red {background: #39323b !important;border: 1px solid #8d423d !important;border-radius: 5px !important;} .hm-stk-val-col {text-align: center;padding: 5px;} .hm-stk-val-col {position: relative;} .hm-stk-val div, .hm-stk-val-col div {font-size: 1.1rem;} .hm-stk-val-col .col-btn {position: absolute;right: -20px;bottom: 20px;} #date {text-align: right; padding-top: 0px !important; font-size: 0.7375rem; color: #7e909e;} tr td:first-child, tr th:first-child {text-align: left !important;} .comp2-table th { vertical-align: top !important;} .price-details table th, .table1 th {background: #f5f6f6;font-weight: 600;} .score-card-cft .table {width: 100%; max-width: 100%;margin-bottom:10px !important;} /* .modal-lg {width: 80% !important;margin-top:6%;} */ .modal-body {position: relative; padding: 2px;} .modal-header {padding:5px !important;border-bottom:0px solid #e5e5e5 !important;} .check-box-col{width:82%;} .check-box-col02{width:10%;} .auto-search li a {padding:10px;border-bottom: 1px solid #c9cdd3;display: block; color: #3e4850;} .ad-ac-modal, .edit-ac-modal{width: 350px;} #date {text-align: right;font-size: 0.7375rem;color: #7e909e;padding-top: 0px;} .fixed-action-btn {bottom: 5px;right: 5px;position: absolute;z-index: 1023 !important; top: 48%;} .sub-nav a.btn-floating {line-height: inherit;height: auto;} .fixed-action-btn .main-bt {background: url(https://i-mojo.geojit.com/addBut_new.png) no-repeat;height:47px !important;width:47px;box-shadow: none;background-size: contain;} .fixed-action-btn .main-bt2 {/* background: url(http://i-mojo.geojit.com/addBut.png) no-repeat; */ background:#00add1 !important; height:46px !important;width:46px;box-shadow: none;background-size: contain;} .newbutton {width: 63%;display: inline-block;font-size: 10px;height: 12px;line-height: 11px;padding: 0 0px;color: #fff;background: #FF3300;border-radius: 3px;position: relative;z-index: 999999999;left: 9px;top: 22px;border: transparent;text-align: center;} /* Loader */ #loading {width: 100%;/* top: 40%; */height: 350px;left: 0;position: relative;display: block;/* opacity: .; */background-color: #fff;z-index: 99;text-align: center;} #loading-image {width:104px; float:left; margin:auto;position:absolute;top:35%;left:40%;z-index: 1000;height:104px;text-align:center;} /*////////cards tab///// */ .pf-table-sec .nav > li.active > a, .pf-table-sec .pf-folio-tab2 th {background: #eee !important;} .pf-table-sec section {padding: 0 !important;height: auto !important;} .pf-table-sec section {width: 99.3% !important;} .pf-table-sec section {border: 5px solid #2b3238;max-width: initial !important;} .pf-folio-tab2 td img, .userBoardFull .pf-folio-tab2 td img {height: auto !important;} .tab-content .table {width:100%;max-width: 100%;margin-bottom:6px !important;margin-top:1px;border-top:1px solid #ddd;} .pf-table-sec .pf-folio-tab2 td, .pf-table-sec .pf-folio-tab2 th {text-align: right;border: 1px solid #ddd;padding: 4px !important;font-size: 1.1rem;} .pf-table-sec section {padding: 0 !important;height: auto; border-radius:0px ;} .pf-folio-tab2 td p, .pf-table-sec .pf-folio-tab2 .row p {font-size: .88rem;color: #666;margin: 0;} .pf-folio-tab2 td:first-child div > a {font-size: 1.1rem;} .open-stk-dtl a {position: relative;top:0px;} .open-stk-dtl {display: block;width: 28px;height: 30px;padding: 5px 5px 5px 0;float: left;cursor: pointer;} .mojo-points-new .up-arrow-mojoN {background: url(https://i-mojo.geojit.com/w_ar_up.png) no-repeat;background-size: contain;height: 50px;width: 20px;display: inline-block;position: relative;top: 9px;left: -12px;} .mojo-points-new .mid-arrow-mojoN {background: url(https://i-mojo.geojit.com/w_ar_mid.png) no-repeat;background-size: contain;height: 50px;width: 36px;display: inline-block;position: relative;top: 12px;left: -4px;} .mojo-points-new .down-arrow-mojoN {background: url(http://i-mojo.geojit.com/w_ar_dwn.png) no-repeat;background-size: contain;height: 50px;width: 20px;display: inline-block;position: relative;top: 9px;left: -12px;} /* .tabcol{width:100%; height:200px !important; overflow: auto;} */ #container {height: 100%; overflow-y: hidden; background:transparent;} #line{overflow: visible;min-height:400px;max-height:100%; } .smallerDivs {height:100%; width:100%; display: inline-block;} .smallerDivs2 {height:auto; width:100%; display: inline-block;} #tabcol .nav-tabs > li {background: url(https://i-mojo.geojit.com/divider_bg.png) 100% 50% no-repeat;} #tabcol .nav-tabs {border-bottom: 0px solid #ddd; background: #2b3238 !important; border-left: 1px solid #ddd;} #tabcol .nav>li>a {position: relative;display: block; padding:8px 16px !important; background: #2b3238;color: #fff !important;} #tabcol .nav-tabs>li>a {line-height: 1.42857143;border-top:0px solid transparent !important;border-radius:0px 0px 0 0;} #tabcol .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #666 !important;cursor: default;background: #eee !important;border:0px solid #ececec !important;} .tab-content .table1 th {font-weight: 400 !important;} .table1{width:100% !important;} .table1 th, .table-card th {color: #3e4850; padding: 4px !important; border-color: #ddd !important; white-space: nowrap !important;} /* .table1 th, .table1 td {border: 1px solid #ddd !important;font-size: 1rem; font-weight: 400; text-align: center;word-spacing: 3px;} */ .tab-content .table>thead>tr>th {vertical-align: top !important;border-bottom: 2px solid #ddd;} .tab-content .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: 0px 6px 10px 6px;line-height: 1.42857143;vertical-align: top !important;border-top: 1px solid #ddd;} .table1 th {font-weight: 500 !important;} .table1 th, .table1 td {border: 1px solid #ddd;font-size: 1rem;font-weight: 400;/* text-align: center; */word-spacing:1px;vertical-align: top;} .table-small{font-size: 12px; font-weight: 200; color:#333;} .table-small2{font-size: 13px; font-weight:400; color:#333;} #row1 .row {margin-right: -8px !important;margin-left: -8px !important;} .mkt-stk-val, .mkt-stk-val-col {text-align: right;margin-left: 5px;font-size: .9rem;} .mkt-stk-val-col p {font-size: .9rem !important;text-align: center} .mkt-stk-val-col .green-bx p, .mkt-stk-val-col .grey-bx p, .mkt-stk-val-col .red-bx p {color: #fff !important;font-size: .9rem !important} .mkt-stk-nm div a, .mkt-stk-nm > a, .mkt-stk-val div {font-size: 1.1rem} .mkt-stk-val-col .green-bx, .mkt-stk-val-col .grey-bx, .mkt-stk-val-col .red-bx {border-radius: 2px;padding:1px 2px;color: #fff;font-size: 1rem;text-align: center;margin: 3px 0px;} .mkt-stk-val-col .green-bx {background: #09c488} .mkt-stk-val-col .red-bx {background: #e35744;} td .green-bx, td .red-bx, td .yellow-bx, td .grey-bx {box-shadow: 0px 0px 0px #999 !important;} .mkt-stk-val-col .grey-bx {background: #666} .mkt-stk-val-col .yellow-bx {background: #ffbb02;} .stats.green, .stats.red {color: #fff !important;} .stats.green {background: #09c488;} .stats.red {background: #e35744;} .stats.grey {background: #666; color: #fff !important;} /* .alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; text-align: center !important;} */ .stats.green, .stats.grey, .stats.red {border-radius: 2px;padding: 1px 5px;font-size: .77rem;text-transform: uppercase;display: inline-block;margin:3px 0px;} .stts {color: #898e92 !important;line-height: 1.4rem !important;font-size:.9rem !important;} .by-sel {font-weight: 600;} .by-sel, .trgt-txt1 {font-size: .9rem;text-transform: uppercase;margin-bottom: 5px;} .reco-sgst1 {font-size: .78rem;color: #9ea4a7;} .tablink{font-size:14px !important;} .price-details table td.green, .table1 td.green, .table1 div.green, .table-card td.green, .table-card div.green, .pf-folio-tab2 td.green {background: #e6f9f3;} .price-details table td.red, .table1 td.red, .table1 div.red, .table-card td.red, .table-card div.red, .pf-folio-tab2 td.red {background: #fcefee;} .price-details table td.orange, .table1 td.orange, .table1 div.orange, .table-card td.orange, .table-card div.orange, .pf-folio-tab2 td.orange {background: #ffdcb3;} .orange{color:#f7941e !important} .columnSortToggle {color: #3b444b !important;font-weight: 400;line-height: 1.2rem;padding: 10px 0px;font-size: 15px;} .pf-table-sec .pf-folio-tab2 th p, .pf-table-sec .pf-folio-tab2 th p a {font-size: 12px;color: #3b444b !important;font-weight: 400;} .pf-table-sec .pf-folio-tab2 th {font-size: 15px !important; font-weight: 400; line-height: 1.2rem;} .orange-mojo, .omojo {background: url(https://i-mojo.geojit.com/orgdot.png) no-repeat;width:10px;height: 10px;background-size: contain;margin-right:0px;display: inline-block;} .green-mojo, .gmojo {background: url(https://i-mojo.geojit.com/grndot.png) no-repeat;width: 10px;height: 10px;background-size: contain;margin-right:0px;display: inline-block;} .red-mojo, .gmojo {background: url(https://i-mojo.geojit.com/reddot.png) no-repeat;width: 10px;height: 10px;background-size: contain;margin-right:0px;display: inline-block;} .grey-mojo, .gmojo {background: url(https://i-mojo.geojit.com/greydot.png) no-repeat;width: 10px;height: 10px;background-size: contain;margin-right:0px;display: inline-block;} /* ///////result tab/////////////////// */ .mojo-points-new .green-mojoN {background: url(https://i-mojo.geojit.com/green_mojo_bg.png) no-repeat;width:45px;height: 45px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .mojo-points-new .grey-mojoN {background: url(https://i-mojo.geojit.com/grey_mojo_bg.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .mojo-points-new .red-mojoN {background: url(https://i-mojo.geojit.com/red_mojo_bg.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .mojo-points-new .orange-mojoN {background: url(https://i-mojo.geojit.com/orange_mojo_bg.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:5px;display: inline-block;float: left;} .mojo-points-new .down-arrow-mojoN {background: url(https://i-mojo.geojit.com/w_ar_dwn.png) no-repeat;background-size: contain;height:50px;width: 20px;display: inline-block;position: relative;top:9px;left:-12px;} .mojo-points-new .up-arrow-mojoN {background: url(https://i-mojo.geojit.com/w_ar_up.png) no-repeat;background-size: contain;height: 50px;width: 20px;display: inline-block;position: relative;top:9px;left:-12px;} .mojo-points-new .mid-arrow-mojoN {background: url(https://i-mojo.geojit.com/w_ar_mid.png) no-repeat;background-size: contain;height: 50px;width: 36px;display: inline-block;position: relative;top:12px;left:-4px;} .mojo-points-new aside {float: left;margin-left:5px;} .mojo-points-new aside h6 {font-size:16px;color:#333;} .mojo-points-new aside p {margin: 0;padding: 3px 0;font-size: 13px;font-weight: 500;} .mojo-points-new aside div {font-size:12px;font-weight: 500;color: #337ab7;} @media screen and (max-height:750px) { .mojo-points-new aside {float: left;margin-left: 0;} .mojo-points-new .orange-mojoN {background: url(https://i-mojo.geojit.com/orange_mojo_bg.png) no-repeat; width: 45px; height: 45px; background-size: contain;margin-left:0px; margin: 2px;display: inline-block; float: none;} } /* #tabalign .table>tbody>tr>td, .table>thead>tr>th {text-align:left !important;} */ .margin10{margin-top:10px;} .margin15{margin-top:15px;} .margin20{margin-top:20px;} .margin25{margin-top:25px;} .margin30{margin-top:10%;} .margin12{margin-top:12%;} .margin-left1{margin-left:1%;} .margin-left3{margin-left:3%;} .margin-left5{margin-left:5%;} .margin-left7{margin-left:0%;} .margin-left10{margin-left:10%;} .margin-left15{margin-left:15%;} .margin-left20{margin-left:20%;} .margin0 {margin-top:24%;} .margin35{margin-top:5%;} /* ****************auto search**************************** */ .ui-widget-content {background: #fff;padding: 10px;color: #333333;-moz-border-radius: 10px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;-webkit-border-radius: 10px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15) inset; border: 1px solid #d1d1d1;border-radius: 10px;box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;line-height:1.4;height:250px;position: relative;z-index:1000;overflow-y: auto;} .ui-menu .ui-menu-item-wrapper {position: relative;padding: 3px 1em 3px .4em;z-index:1000;} .ui-menu .ui-menu-item {margin: 0;cursor: pointer;} .ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;} /* ************************************************ */ .top-head-area2{width:100%; float:left; margin:auto; background-color:#ffffff; position:relative;margin-top:0%;} .maindiv{width:100%; float:left; margin:auto; /* background-color:#d9dce2; */ margin-top:0%;} .copyrte-foot {border-top: 1px solid #424652; margin: 0 !important; padding: 10px 0; font-size: .8rem;} /* ***********slider**********/ .SectionDetails, .bull-ico, .rec-foot {position: absolute;} /* #news_ticker, #news_tickerweb, .swiper-pagination {position: relative;} */ .swiper-pagination {background: none;opacity: .9;display: inline-block;margin: 0 0 0 10px;} .swiper-pagination {position: relative;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;} .swiper-pagination-bullet {width: 12px !important;height: 12px !important;} .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: 0 0 !important;border: 1px solid #ddd;opacity:1;margin-right: 5px;} .swiper-pagination-bullet {background: #fff !important;} .swiper-pagination-bullet-active {background: #007aff !important;} .slide-card h3 {line-height: 2rem !important;margin-bottom: 10px;} .s-vol + .s-volh, .slide-card h3, .s-vol + br + .s-volh {margin-left: 10px;} .SectionDetails {right:0px;top: 18px;width: 600px;text-align: right; display:block;} .slide-card h3 {color: #fff;font-size: 1.826rem !important;font-weight: 300; margin-left: 5px !important;padding:6px 0px;} .top-head{color:#FFFFFF;} .swiper-container {/*margin: 0 auto;*/position: relative;overflow: hidden;z-index: 1;} .swiper-container-no-flexbox .swiper-slide {float: left;} .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column} .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box} .swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .swiper-container-multirow>.swiper-wrapper {-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap} .swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto} .swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;/*height: 100%;*/position: relative;} .swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000} .swiper-wp8-horizontal {-ms-touch-action: pan-y;touch-action: pan-y} .swiper-wp8-vertical {-ms-touch-action: pan-x;touch-action: pan-x} .swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;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} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .05;cursor: auto;pointer-events: none} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -10px;right: auto} .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto} /* .swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10} */ @media only screen and (min-width: 600px) { .swiper-pagination.swiper-pagination-hidden {opacity: 0} .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2} button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;-moz-appearance: none;-ms-appearance: none;-webkit-appearance: none;appearance: none} .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer} .swiper-pagination-white .swiper-pagination-bullet {background: #fff} .swiper-pagination-bullet-active {opacity: 1;background: #007aff} .swiper-pagination-white .swiper-pagination-bullet-active {background: #fff} .swiper-pagination-black .swiper-pagination-bullet-active {background: #000} .swiper-container-vertical>.swiper-pagination {right: 10px;top: 50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-o-transform: translate(0, -50%);-ms-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0)} .swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {margin: 5px 0;display: block;} .swiper-container-horizontal>.swiper-pagination {bottom: 10px;left: 0;width: 100%} .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 5px} .swiper-container-3d {-webkit-perspective: 1200px;-moz-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;} .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10} } .swiper-container-3d .swiper-slide-shadow-left {background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right {background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom {background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))} .swiper-container-coverflow .swiper-wrapper {-ms-perspective: 1200px} .swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out} .swiper-container-fade .swiper-slide {pointer-events: none} .swiper-container-fade .swiper-slide .swiper-slide {pointer-events: none} .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto} .swiper-container-cube {overflow: visible} .swiper-container-cube .swiper-slide {pointer-events: none;visibility: hidden;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;width: 100%;height: 100%;z-index: 1} .swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0} .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {pointer-events: auto;visibility: visible} .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {z-index: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden} /* //////////////////////footerarea start//////////////////// */ /* .btn {background: #00add1;} */ /* ///////////////////////////footer end///////////////////////// */ .avtar-login {position: absolute; right: 5px; top:18px !important;} @media only screen and (min-width:1840px) and (max-width:1920px) { .maindiv {width: 100%;float: left;margin: auto;/* background-color: #d9dce2; */margin-top: 0%;} } @media only screen and (min-width:1641px) and (max-width:1840px) { .maindiv {width: 100%;float: left;margin: auto;/* background-color: #d9dce2; */margin-top: 0%;} } @media only screen and (min-width:1575px) and (max-width:1640px) { .maindiv {width: 100%;float: left;margin: auto;/* background-color: #d9dce2; */margin-top: 0%;} } @media only screen and (min-width:1440px) and (max-width:1575px) { .maindiv {width: 100%;float: left;margin: auto;/* background-color: #d9dce2; */margin-top: 0%;} } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } @media only screen and (max-width:1300px) { .maindiv { width: 100%; float: left; margin: auto; /* background-color: #d9dce2; */ margin-top:0%;} } @media (max-width: 1250px) and (min-width: 750px){ #myNavbar ul.nav a {padding:5px 8px !important;font-size: .8rem !important;} } @media only screen and (max-width:1200px) { .holdinghead{width:89%; float:left; margin:auto;} .maindiv { width: 100%; float: left; margin: auto; /* background-color: #d9dce2; */ margin-top: 0%;} .topmiddleheadprice {width: auto;float: left;margin: auto;} .topheadbanner { width: 26%; float: left;margin: auto;display: block;} .kotakheight{height:33px;} .topheadleftprice {width: 16%;float: left;margin: auto;} #tabcol .nav>li>a {position: relative; display: block; padding: 8px 12px !important;background: #2b3238;color: #fff !important;} } @media only screen and (max-width:1100px) { .maindiv { width: 100%; float: left; margin: auto; /* background-color: #d9dce2; */ margin-top: 0%;} .kotakheight{height:30px;} .selectmargin{position:relative; top:5px;right: 10px;} #tabcol .nav>li>a {position: relative; display: block; padding: 8px 10px !important;background: #2b3238;color: #fff !important;} } @media only screen and (max-width:1030px) { .holdinghead{width:88%; float:left; margin:auto;} .maindiv { width: 100%; float: left; margin: auto; /* background-color: #d9dce2; */ margin-top: 0%;} #tabcol .nav>li>a {position: relative; display: block; padding: 8px 7px !important;background: #2b3238;color: #fff !important;} } @media only screen and (max-width:1024px) { #container {height: 100%; overflow-y: auto; background:transparent;} #line{overflow-x: auto;min-height:400px;max-height:410px;} .smallerDivs {height:300px; width:100%; display: inline-block;} .smallerDivs2 {height:auto; width:100%; display: inline-block;} .topmiddleheadprice {width:auto; float: left;margin: auto;} /* ////////modal///// */ .modal-lg {width: 85% !important;margin-top: 6%; } .coltd1 {width: 24%; float: left;margin: auto;} .modalHead2 {width: 40%; float: left;margin: auto;padding: 4px 6px; color: #FFFFFF !important; font-weight: 300; font-size: 20px;} /* //////////////// */ .fixed-action-btn {bottom: 5px;right: 5px;position: absolute;z-index: 1023 !important;top: 54%;} .topheadcol1{width:19%; float:left; margin:auto;} .topheadcol2{width:19%; float:left; margin:auto;} .maindiv {width: 100%;float: left;margin: auto; /* background-color: #d9dce2; */margin-top:0%;} #mobile-tech li a {padding: 5px 10px 5px 24px !important;font-size: .9rem !important;color: #fff !important;border-bottom: 1px solid #5a6167;text-transform: capitalize;background: #323b42 url(https://i-mojo.geojit.com/menu_arrow.png) no-repeat 10px 10px;margin-left:0%;position: relative;} .headprice { font-size: 2.5rem;line-height: 2.8rem;padding:15px 0 8px 0px;} .topheadleftprice{width:auto; float:left; margin:auto;} .topheadmiddtprice{width:auto; float:left; margin:auto;} .topheadrighttprice{width:auto; float:left; margin:auto;} .topheadbanner{width:28%; float:left; margin:auto; display:none;} .topheaddrop{min-width:20%; max-width:24%; float:right; margin:auto; display:block;margin-right:1%;} .todaystext {padding: 15px 0 8px 22px;font-size: 24px;margin-top:0px;} } @media only screen and (min-width:750px) and (max-width:1024px) { .search #search input[type=text] {-moz-border-radius: 20px; box-shadow: none;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-transition: all .7s ease;background: url(https://i-mojo.geojit.com/search_icon_new.png) no-repeat 12px 2px;padding: 8px 15px 8px 25px;transition: all .7s ease;width: 0;height: 25px;border: none;} 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 !important;height: auto;} .search { position: absolute;ight: 50px;top:8px;margin: 10px 10px 0 0;} .search {margin: 5px;} } @media only screen and (min-width:750px) and (max-width:960px) { .modal .modal-content {padding: 0 !important; min-height: 402px; width: 100%;} .modalHead2 {width:55%; float: left;margin: auto;padding:15px 6px; color: #FFFFFF !important; font-weight: 300; font-size: 20px;} .selectarea {width: 33%; float: left;margin: auto; position: relative; top: 0;} .maindiv {width: 100%;float: left;margin: auto; /* background-color: #d9dce2; */margin-top:0%;} .search { position: absolute; right: 70px; top: -3px; margin: 10px 10px 0 0;} .headprice { font-size: 2.5rem;line-height: 2.8rem;padding: 18px 0 8px 3px;} .smallpopup {text-align: center !important;width: 80% !important;float: left;margin: auto;margin-left: 10%;margin-top: 4%; z-index: 1155 !important;min-height: 120px !important;background: #FFF !important;} } @media only screen and (max-width: 1024px){ .card {border-radius: 8px;} section.padnno-sec {padding: 3px;width: 96% !important;padding-bottom: 30px;height: 443px;left:0%;} } @media only screen and (max-width:1024px) { .small-card {width: 98.2% !important;} .smallerDivs {height:300px; width:1200px; display: inline-block;} .smallerDivs2 {height:auto; width:100%; display: inline-block;} #myNavbar .nav>li>a {position: relative;display: block;padding: 7px 8px !important;} .homecard-top {float: left;margin: 10px 8px;width:92%;} .topheadcol1{width:90%; float:left; margin:auto;margin-left:3%;} .shrink .topheadcol1{width:90%; float:left; margin:auto;margin-left:3%; display:none;} .topheadcol2{width:90%; float:left; margin:auto;margin-left:3%;} .h4, h4 {font-size:14px !important;} .modal-header .close {margin-top:-18px; right:-7px;position:relative;color:#fff; background: #333;padding:0px 4px;border-radius:46%;} .close { float: right;font-size: 21px;font-weight:700;line-height: 1;color:#000;text-shadow:0 1px 0 #fff; filter: alpha(opacity=20);opacity:1;} .down-arrow-mojo {height:30px !important;width:60px !important;left:40px !important;top:44px !important;} .ft-flat .score-card-col2 {left:34%;top:-15px;} .main-body { top: 0;-webkit-box-shadow: 1px 1px 1px 1px #666;-moz-box-shadow:1px 1px 1px 1px #666;box-shadow: 1px 1px 1px 1px #666;} .table { width: 100%;max-width:100%;margin-bottom:0px !important;} .socre-head2 {margin:18px 0 0;padding:6px 0 0;color:#fff;text-transform:uppercase;display: inline-block; /* font-size: 1.3rem; */font-size: 12px;font-weight: 400 !important;line-height: 1.1;} } @media only screen and (min-width:1024px) { .no-web {display: none !important} } /* /////////section/////////////////// */ .toprightmob .pf-menu-mob .mob-bar{position:relative; top:1px;} #returnsOverview .card-body{overflow-y: auto;max-height: 396px;} .card-body{overflow-y: auto;max-height:362px;} .tax-txt10 {font-size: 1.1rem; font-weight: 700;} .pf-net-breakup .small, small {font-size:75%;} @media only screen and (max-width:750px) { .movementcard .cardgraph {width: 80%; float: left; margin: auto; position: relative; top: 0px; height: 250px;} .calendaryrs .graph-return {height:255px;} .modal .list-mojo {max-height: 350px; overflow: auto;} .portfoliocard .pf-profile-sec3 {border-bottom: 1px solid #dce0e3; padding:8px 0;text-align: center;} .modal .modal-content {padding: 0; margin: 4px; overflow-y: auto !important; max-height:380px; min-height:380px !important;} #loading {width: 100%;/* top: 40%; */ height: 320px; left: 0; position: relative; display: block; background-color: #fff; z-index: 99; text-align: center;} section, .small-card {width: 94% !important;min-height: 350px; padding: 2px 4px; max-width:362px; height: 410px; overflow: hidden;} .small-card {min-width: 362px; max-width: 400px;} .feedback .option-input{width:98%;} .feedback .suggestion-input{width:98%;} .feedback .name-input{width:93%;} .feedback .email-input{width:93%;} #returnsOverview .card-body{overflow-y: auto;max-height: 365px;} .card-body{overflow-y: auto;max-height: 322px;} #EditAccount .modal-content {padding: 0 !important; min-height: 390px !important; width: 98%;} #EditAccount 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:4px !important; height: auto;} #EditAccount input {width:70% !important;} .modal-content.addaccount-list {min-height: 350px !important; max-height: 350px !important;} .editModal .editmodalcontentarea {width: 100%; float: left; margin: auto; height:260px; overflow-x: hidden; margin-top:-13%} .movementcard .tophead {font-size: 15px; text-align: center;margin:0px 0 0;} .slide-card h3 {color: #fff;font-size: 1.6rem !important;font-weight: 300;margin-left: 5px !important;padding: 6px 0px;} .toprightmob { width: 88%;float: left; margin: auto; position: relative; margin-top: -2%; margin-right: 10px;text-align: right;} .modal {left: 0; right: 0; padding: 0; width: 100%; margin: 0 auto; overflow: visible !important; border-radius: 2px; will-change: top, opacity; font-size: 1rem !important; background-color: transparent;} .main-body {background: #e7ebee; width: 100%; float: left; margin: auto; margin-top:0%; position: relative; top:0px;z-index: 3;-webkit-transition: height 0.3s;-moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; padding: 0px 0px 5px 0px;} .feedback .feedback-frm article {margin: 12px;line-height: 1.3rem; width: 100%; position: relative; top:0px;} .modalHead2 {width:100%; float: left;margin: auto;padding:0px 6px; color: #FFFFFF !important; font-weight: 300; font-size: 20px;} #loading-image {width: 104px; float: left; margin: auto; position: absolute; top: 35%; left: 38%; z-index: 1000; height: 104px; text-align: center;} .portfoliopopuparea1 .model-head .comp-name {float: left;/* color: #3a4050 !important; */font-size: 1.1em;font-weight: 300;padding-bottom: 0px;margin-top: 4px;text-align: center;width: 100%;} .portfoliopopuparea1 .model-head {background: #374047;color: #fff;font-size: 1.145rem !important;line-height: 2rem;height: 35px;padding:0px;} .addpopup #myModal03 .close-mob a {top:13px;margin-right:6px;z-index: 9999999999999999; position: absolute;} .portfoliopopuparea1 #tabcol .tabdropdown select {background: transparent !important;border-radius: 5px !important; border: none !important;padding: 5px !important;width:90%;height: 30px;color: #818388; float: left;text-align: left;} .fixed-action-btn {bottom: 5px;/* right:0px; *//* position: absolute; */ z-index: 1023 !important;/* top: 0; margin-top: 0; */} .select-wrapper select {background: url(https://i-mojo.geojit.com/select_down_arrow.png) 96% 70% no-repeat !important; border-color:#ddd !important;border:1px solid #ddd !important;width:80%;margin-left:10%;text-transform: uppercase; font-size: 12px;} #accountwrap{margin-top:10px;} #accountwrap .select-wrapper select {background: url(https://i-mojo.geojit.com/select_down_arrow.png) 96% 60% no-repeat !important; border-color: transparent !important;width:auto; padding: 0px;height:32px;margin-left: 3px;text-transform: uppercase;font-size:12px;margin:3px 0px 0px 5px;} #FeedbackForm .input-field .select-wrapper select { background: url(https://i-mojo.geojit.com/select_down_arrow.png) 96% 70% no-repeat !important;border-color: #ddd !important;border: 1px solid #ddd !important; width:95%; margin-left: 0; text-transform: uppercase;font-size: 12px;} .topselect { width: 100%;height:22px !important;padding:0px 4px !important;position: relative; right: 0px;} .topheadarea {width:100%;float: left;margin: auto;position: relative;left: 0%;top:0px;padding: 3px;} .nf-sen {background: #2b303c;padding: 0px;min-height: 35px !important;opacity: 1;top:0px;position: fixed;z-index: 2; width: 100% !important;} .table1 th {font-weight:400 !important;} .liquidityDetails .txt-lt.selected-td {background:transparent;} #container {height:100%;overflow-y:auto;background:#f2f6f9;} .card {min-height: 413px !important;} .pf-box {position: relative; } .pf-box {margin-bottom: 5px; padding-bottom: 5px;border-bottom: 1px solid #eee;text-transform: uppercase;color: #666;margin-top: 5px;min-height:30px;text-align: left;} .pf-box-hed.red-dot {padding-left: 18px; background: url(https://i-mojo.geojit.com/reddot.png) no-repeat 0 2px;background-size: 3;} .red-dot {padding-left: 18px;background: url(https://i-mojo.geojit.com/reddot.png) no-repeat 0 3px;background-size: 3%;} .pf-box-hed.green-dot {padding-left: 18px;background: url(https://i-mojo.geojit.com/grndot.png) no-repeat 0 2px;background-size: 3%; } .pf-box-hed.green-dot {padding-left: 18px;background: url(https://i-mojo.geojit.com/grndot.png) no-repeat 0 2px; background-size:3%;} .pf-box-hed.orange-dot { padding-left: 18px; background: url(https://i-mojo.geojit.com/orgdot.png) no-repeat 0 2px;background-size:3%;} .pf-box-hed {font-weight: 500;} .pf-box-hed {font-size: .9rem; margin-bottom: 5px; line-height: 1.3rem;} .pf-overall-boxs.pf-box span, .pf-box small {font-weight: 500;text-transform: none;font-size: 1.1rem !important;} .pf-net-breakup table tr th {font-weight: 500;background: #eee;font-size: 1.1rem;padding: 15px 17px !important;} .ReturnSummary .returns-snap .cf .score-card {float: left;width: 100%;text-align: center; margin-bottom: 10px;} .score-red h6, .score-grey h6, .score-green h6 {height: 38px !important;margin-bottom: 0px;} .compositeindex .score-red h6, .score-grey h6, .score-green h6 {font-size: .912rem !important;font-weight: 400;display: block; padding: 0px; height: auto;} .tabs .tab a.active { border-bottom: 2px solid #00add1; padding-bottom: 10px;color: #3a4050 !important; background: #eee;} .tabs .tab a {padding: 5px !important;} .tabs .tab a {color: #a2a4aa !important; text-transform: capitalize; font-size: .98rem !important; border-left: 1px solid #36444a; border-right: 1px solid #36444a; padding: 10px;} .liquidity .sec1 .{height:80px;position: relative; margin-top: 17%;} .green-border {border-left: 4px solid #0ac488 !important;} .movementcard .valuation-new .red-border, .valuation-new .grey-border, .valuation-new .green-border {margin: 10px 0; padding: 3px 4px; height:50px;} .movementcard .cardgraph { width:100%;float: left; margin: auto; position: relative; top:0px;} .movementcard .cardgraphright{width:100%; float:left; margin:auto;position:relative; left:2%;top:-12px;} .movementcard .stockmargin {width:33%; float: left; margin: auto; margin-bottom: 20px !important; } .pf-table-sec section { width: 99% !important;} .pf-table-sec section {padding: 0 !important;height: auto;border-radius: 10px;} .SectionDetails {right:0px;top: 10px;width: 600px;text-align: right; display:none;} .marginright {margin-right: 2px !important;} section.padnno-sec {padding: 3px;width: 96% !important;padding-bottom: 30px;height: 410px;left:0%;} section {height: 420px; overflow: hidden;} section {padding:5px;background: #fff;border-radius: 4px;margin: 8px 3px;width: 750px !important;float: left;position: relative;display: inline-block;white-space: normal;min-height:410px;-webkit-box-shadow: 1px 1px 1px 1px #36444a;-moz-box-shadow: 1px 1px 1px 1px #36444a;box-shadow: 1px 1px 1px 1px #36444a;} .tab-content .table {width: 98%; max-width: 100%;margin-bottom: 6px !important;margin: 1%;} select { -webkit-appearance: none;-moz-appearance: none; text-indent: 1px; text-overflow: '';} select {background:transparent !important;border-radius:5px !important;border:none !important;padding:3px !important;width:107%;height:20px;color:#818388;} .tabdropdown{width:100%; float:left; margin:0 auto;position: relative;top:10px; margin-bottom:15px !important;text-align: center;} .tabmob-content{width:100%; float:left; margin:auto;margin-top: 20px;} .pf-menu {color: #818388;padding: 0 25px 0 5px; z-index: 99999999;background: #fff url(https://i-mojo.geojit.com/dwn_acrdn.png) no-repeat 95% 50%;border-radius: 30px;margin: 0px;display: block;border: 1px solid #CCCCCC;} .mojo-points-new .up-arrow-mojoN {background: url(https://i-mojo.geojit.com/w_ar_up.png) no-repeat;background-size: contain;height: 36px;width:20px;display: inline-block;position: relative;top: 9px; text-align:center;} .mojo-points-new .green-mojoN {background: url(https://i-mojo.geojit.com/green_mojo_bg.png) no-repeat; width: 45px; height: 45px; background-size: contain;margin-left: 0;display: inline-block;float: none;} .mojo-points-new .red-mojoN { background: url(https://i-mojo.geojit.com/red_mojo_bg.png) no-repeat; width: 45px; height: 45px; background-size: contain; margin-left: 0; display: inline-block; float: none;} .mojo-points-new .grey-mojoN {background: url(https://i-mojo.geojit.com/grey_mojo_bg.png) no-repeat;width: 45px; height: 45px;background-size: contain; margin-left: 0; display: inline-block; float: none;} .columnSortToggle {color: #3b444b !important;font-weight: 400;line-height: 1.2rem;padding:2px 0px;font-size: 12px;} .pf-table-sec .pf-folio-tab2 th {font-size: 12px !important;font-weight: 400; line-height: 1.2rem;} .pf-folio-tab2 th {font-size: .88rem; background: #eaedf0;font-weight: 400;} .pf-folio-tab2 td p, .pf-folio-tab2 th p {color: #898e92;font-size: .88rem; word-break: break-word;} .addac{width: 100px; height: 26px; padding: 0px;font-size: 13px;margin:2px;} .bariconmargin{position:relative; top:0px;font-size:14px !important;} .toprightmob .pf-menu-mob .mob-bar {position: relative; top: -1px;} .fixed-action-btn .main-bt {background: url(https://i-mojo.geojit.com/addBut_new.png) no-repeat;height:37px !important;width:37px;box-shadow: none;background-size: contain;} .fixed-action-btn .main-bt2 {/* background: url(http://i-mojo.geojit.com/addBut.png) no-repeat; */ background:#00add1 !important; height:35px !important;width:35px;box-shadow: none;background-size: contain;right:0px; position: relative;} .newbutton {width: 63%;display: inline-block;font-size: 10px;height: 12px;line-height: 11px;padding: 0 0px;color: #fff;background: #FF3300;border-radius: 3px;position: relative;z-index: 999999999;left:-6px;top:5px;border: transparent;text-align: center;} .headprice {font-size: 1.3rem;line-height: 1rem;padding: 15px 0 24px 10px; } .todaystext {padding:10px 0 8px 10px;font-size:1.3rem;} .todaystext .green-ar-new {background: url(https://i-mojo.geojit.com/up_arrow_dsh-new.png) no-repeat no-repeat 0 42%;padding: 0 15px 0 24px; min-height: 40px;margin: 2px 0; background-size: 19px;} h3 { font-size: 1.6rem !important;line-height: 1.7rem !important;} .topheadleftprice{width:auto; float:left; margin:auto;} .topheadmiddtprice{width:50%; float:left; margin:auto;} .topheadbanner{width:28%; float:left; margin:auto; display:none;} .topheaddrop{width:10%; float:left; margin:auto; display:none;} .baricon{font-size: 30px; cursor: pointer; position: relative; top:0px;} .mobile-head {margin-top:85%;background: #fff;padding: 10px 10px 0 10px; margin-bottom:0px;} .maindiv{width:100%; float:left; margin:auto; /* background-color:#d9dce2; */ margin-top:0%;} #editModal{width:100%; float:left; margin:auto;background: #333 !important; display:block;} #sellModal{width:100%; float:left; margin:auto;background: #333 !important; display:none;} .feedback .feedback-frm input, .feedback-frm select {width:95%; background: url(https://i-mojo.geojit.com/select_down_arrow.png) 96% 70% no-repeat !important;background: #f8f7fa !important; border-radius: 5px !important; border: 1px solid #cccbce !important;height: 40px !important; padding: 0px 4px !important;} .liquidity .ql-sec {width: 98%;float: left;margin: auto;margin-top: 10px;overflow-y: auto; overflow-x: hidden;height: 293px; margin-left:1%;} .liquidity .sec1 {float: left;width: 100%;margin: 10px 0;} .liquidity .sec2 {float: left;width: 100%;} #row1 .row {margin-right:-15px !important; margin-left: -15px !important;} .risksummary .rsk1, .rsk2, .rsk3, .rsk4 {width: 100%;float: left;padding:2px;background-size: 40px;min-height:auto;text-align: left;} .risksummary .risk-txt3, .risk-txt4 {margin-bottom: 5px;font-weight: 500; text-align: left;} .risksummary .rsk1 { border-right:0px solid #ddd; border-bottom: 1px solid #ddd;} .risksummary .rsk3 {border-right:0px solid #ddd;} #collapseList .edittable 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] {height: 30px;} .editModal .selectarea select.input-lg {height: 46px;line-height:30px;} .selectarea {width: 100%;float: left;margin: auto;position: relative;top: 0px;} .modal-dialog {width: auto !important;margin: 30px auto;min-height:830px;} .coltd1 {width: 50%;float: left;margin: auto;text-align:right;} .editModal .modal{width:100% !important; float:left:margin:0 auto;} .modal { background: 0 0 !important;} .no-mob, .smaller .mojo-points-new, .smaller h5 { display: none !important;} .close-blk { position: absolute; top: -10px; right: -10px;background: #656d73;color: #fff;padding: 5px 10px; border-radius: 50%; border: 2px solid #fff;} .close-mob a {top: 10px; margin-right: 2px;z-index: 10;} .model-head {padding: 0 5px 5px; } .modal .modal-content {padding: 0;margin:4px; overflow-y: auto !important;max-height:380px; min-height:380px;} .modal-content {overflow-y: auto;max-height: 320px;/* overflow-x: hidden; */ /* background: #fff; */min-height: 350px;} .modal .modal-content {padding: 0 !important; min-height:320px; width: 99%;} .list-mojo {max-height:318px;overflow: auto;} .pf-box small {font-weight: 400 !important; font-size: .9rem; line-height: 1.2rem !important;} .condi-p-7 {font-size: 1.7rem;line-height: 1.8rem; text-align: center; margin-top: 0px;} .head-7dot {padding: 6px;font-size: 1.2rem; text-align: center; text-transform: uppercase;font-weight: 700;} .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;} } .blu-but {color: #fff !important;background: #00add1 !important; border: none !important;} .pf-info-txt {background: #ddd; padding: 15px; text-align: center; font-size: 1.5rem; font-weight: 300; line-height: 2rem;} @media only screen and (max-width:750px) { .holdinghead{width:68%; float:left; margin:auto;} .needhelphead{width:6%; float:left; margin:auto;margin-top:10px;} .movementcard .green-border .Dcolor {color: #0ac488;word-spacing: 5px;font-size: 1.55rem; line-height: 1.8rem;} .movementcard .red-border .Dcolor {color: #e35744;word-spacing: 5px;font-size: 1.55rem;line-height: 1.8rem;} .smalltext {width:auto;font-size: 1.1rem;position: absolute;margin-top: -23px;right: 16%;} .small-card {width: 96.2% !important;} .search #search input[type=text] {-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-transition: all .7s ease;background: url(https://i-mojo.geojit.com/search_icon_new.png) no-repeat 12px 2px;padding: 8px 15px 8px 25px;transition: all .7s ease;width: 0;height: 25px;border: none;} 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 !important;height: auto;} .search { position: absolute;ight: 50px;top:8px;margin: 10px 10px 0 0;} .search {margin: 5px;} } @media only screen and (min-width:960px) and (max-width:1024px) { .no-tab4{display: none !important;} } @media only screen and (min-width:750px) and (max-width:1024px) { .no-tab {display: none !important;} } .team-web{ display:inline;} .team-tab{ display: none;} .team-mob{ display: none;} @media only screen and (max-width:1024px) { .team-web{ display: none;} .team-tab{ display:inline;} .team-mob{ display: none;} } @media only screen and (max-width:750px) { .team-web{ display: none;} .team-tab{ display: none;} .team-mob{ display:inline;} .no-mob {display: none !important;} } .refmargin{margin-top:12px;} @media only screen and (max-width:640px) { .main-body {background: #e7ebee; width: 100%; float: left; margin: auto; margin-top:0%; position: relative; top:0px;z-index: 3;-webkit-transition: height 0.3s;-moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; padding: 0px 0px 5px 0px;} } @media only screen and (max-width:540px) { .main-body {background: #e7ebee; width: 100%; float: left; margin: auto; margin-top:17%; position: relative; top:0px;z-index: 3;-webkit-transition: height 0.3s;-moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; padding: 0px 0px 5px 0px;} } @media only screen and (max-width:414px) { #accountwrap {margin-top: 13px;} .refmargin {margin-top: 17px;} .toprightmob { width: 88%;float: left; margin: auto; position: relative; margin-top:1%; margin-right: 10px;text-align: right;} } @media only screen and (max-width:410px) { .refmargin {margin-top: 15px;} .pf-box-hed.red-dot {padding-left: 18px; background: url(https://i-mojo.geojit.com/reddot.png) no-repeat 0 4px;background-size:4%;} .red-dot {padding-left: 18px;background: url(https://i-mojo.geojit.com/reddot.png) no-repeat 0 3px;background-size: 4%;} .pf-box-hed.green-dot {padding-left: 18px;background: url(https://i-mojo.geojit.com/grndot.png) no-repeat 0 4px;background-size:4%; } .pf-box-hed.green-dot {padding-left: 18px;background: url(https://i-mojo.geojit.com/grndot.png) no-repeat 0 4px; background-size:4%;} .pf-box-hed.orange-dot { padding-left: 18px; background: url(https://i-mojo.geojit.com/orgdot.png) no-repeat 0 4px;background-size:4%;} .toprightmob { width: 88%;float: left; margin: auto; position: relative; margin-top:-2%; margin-right: 10px;text-align: right;} .main-body {background: #e7ebee; width: 100%; float: left; margin: auto; margin-top: 0%;position: relative; top:0px;z-index: 3; -webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s; padding: 0px 0px 5px 0px;} .maindiv{width:100%; float:left; margin:auto; /* background-color:#d9dce2; */ margin-top:0%;} } @media only screen and (max-width:375px) { #accountwrap {margin-top: 10px;} .toprightmob { width: 88%;float: left; margin: auto; position: relative; margin-top:-2%; margin-right: 10px;text-align: right;} } @media only screen and (max-width:360px) { .toprightmob { width: 88%;float: left; margin: auto; position: relative; margin-top:0%; margin-right: 10px;text-align: right;} } @media only screen and (max-width:320px) { .editprofilearea .blu-cir-btn, .grey-cir-btn {padding: 8px 25px; font-size: .9rem; margin: 2px;} .red-box .sensex-details ul li {list-style: none;display: inline-block; font-size: 15px; font-weight: 700;} .red-box .sensex-details ul.green li:nth-child(3n) {background-color: #15c061;color: #fff; padding: 1px 2px; border-radius: 2px;} .red-box .sensex-details ul.red li:nth-child(3n) {background-color: #e82f2f; color: #fff; padding: 1px 2px; border-radius: 2px;} .holdinghead{width:65%; float:left; margin:auto;} .modal-dialog {width: auto !important; margin: 30px auto; min-height:auto;} .modal .modal-content {padding: 0; margin: 4px; overflow-y: auto !important; max-height:352px; min-height:352px !important;} .portfoliocard .pf-profile-sec3 {border-bottom: 1px solid #dce0e3; padding: 6px 0;text-align: center;} .s01 {width: 26%; float: left; margin: auto;} .s02 {width: 73%; float: left; margin: auto;} .table1 th, .table1 td {word-spacing: 0px;} .green-7dot, .grey-7dot, .yellow-7dot, .red-7dot {position: relative;height: 170px;margin-bottom: 0px;width: 100%; text-align: center;} section h2 {border-bottom: 1px solid #f2f2f2; margin-bottom: 0; font-size: 14px; font-weight: 500;} .movementcard .green-border .Dcolor {color: #0ac488; word-spacing: 5px;font-size:17px; line-height: 1.8rem;} .movementcard .red-border .Dcolor {color: #e35744; word-spacing: 5px; font-size: 17px; line-height: 1.8rem;} .modal-content.addaccount-list {min-height:210px !important; max-height:210px !important;overflow-y:auto;} .STKLastBTN3 {margin: 0px 0px; padding: 10px;} .addpopup #myModal03 .close-mob a {top:0px;} #AddAccount, #EditAccount, #Portfolioadd-stock-listP, #add-wl-sgle {top:46px !important;} .modalSelect {height: 19px !important; background: #333 !important;border: 1px solid #666 !important; color: #FFF !important; padding: 2px 3px !important; font-size: 15px;} .editModal .selectarea select.input-lg { height: 46px; line-height: 12px;} .modal .modal-content {padding: 0 !important; min-height:352px;max-height:352px !important; width: 99%;} .edittable {width: 100%; margin: 5px 0; position: relative;} .editModal .editmodalcontentarea {height:180px; margin-top:-2%;} .editModal .selmodalcontentarea {height:180px;margin-top:0%;} .editModal .editmodalcontentarea {width: 100%; float: left; margin: auto; height:200px; overflow-x: hidden; margin-top:0%} #EditAccount .modal-content {padding: 0 !important; min-height:230px !important; width: 98%;overflow-y: auto !important;} .refmargin {margin-top: 12px;} .refresh-link {text-decoration: none !important; color: #00add1; font-size: 11px;} .ref-text-new {background-color: #e7ebee; font-size: .85rem; font-weight: 400; color: #039be5; padding: 2px 1px; border: none; border-radius: 2px; display: inline-block; outline: 0; vertical-align: middle; -webkit-tap-highlight-color: transparent;} .topselect {width: 100%; padding: 2px 9px !important; position: relative; right: 0px;} .toprightmob { width: 88%; float: left; margin: auto; position: relative; margin-top: -4%;margin-right: 10px;text-align: right;} .refmargin{margin-top:5px;} #accountwrap { margin-top:0px;} .select-wrapper select {background: url(https://i-mojo.geojit.com/select_down_arrow.png) 92% 71% no-repeat !important;border-color: transparent !important;width:96px;padding: 5px 10px 3px 0px;height: 26px !important;margin-left: 3px;text-transform: uppercase;font-size: 0.8rem;} .small-card {min-width: 304px;max-width: 380px;} .small-card {width: 96.2% !important;} .main-body {background: #e7ebee; width: 100%;float: left; margin: auto; margin-top:0;position: relative; top:0px; z-index: 3; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; padding: 0px 0px 5px 0px;} .maindiv {width: 100%; float: left; margin: auto; /* background-color: #d9dce2; */ margin-top:0%;} .addac {width: 84px;height: 26px;padding: 0px;font-size: 13px;margin: 2px;} .pf-swip-btn {position: absolute;padding: 3px 0px;border-radius: 20px;border: 1px solid #cbd3d8;background: #f2f6f9; bottom: -43px;left: 28%;} .movementcard .cardgraphright {width: 100%; float: left; margin: auto;position: relative; left: 2%; top: -34px;} .pf-top-ac {background: #f5f6f7 !important; border-bottom: 1px solid #cbd3d8; position: relative;padding: 0px 0 2px;} .toprightmob {width: 97%; float: left; margin: auto; position: absolute;margin-top: -11%; right: 17%;} .fixed-action-btn .main-bt2 { /* background: url(http://i-mojo.geojit.com/addBut.png) no-repeat; */ background: #00add1 !important; height: 34px !important; width: 34px; ox-shadow: none; background-size: contain; right: 3px; position: relative;} .fixed-action-btn .main-bt {background: url(https://i-mojo.geojit.com/addBut_new.png) no-repeat; height: 37px !important; width: 37px; box-shadow: none; background-size: contain;} } /* For row hide animation in holding tab*/ .animate-show {line-height:20px; opacity:1;padding:10px; border:1px solid black; background:white;} .animate-show.ng-hide-add.ng-hide-add-active, .animate-show.ng-hide-remove.ng-hide-remove-active { -webkit-transition:all linear 0.2s; transition:all linear 0.2s;} /* info icon effect */ .animate-show.ng-hide {line-height:0; opacity:0; padding:0 10px;} [ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; } #slide{position:absolute; width:100%; height:100px; background: red;} .animate-slide {background:red; position:absolute; width: 100%; height:100%; top: 0; -webkit-transform: translate3d(0,0,0); /* Chrome, Safari, Opera */ transform: translate3d(0,0,0,);-webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000;} .animate-slide.ng-hide-add,.animate-slide.ng-hide-remove { display:block!important;} .animate-slide.ng-hide-remove.ng-hide-remove-active {-webkit-animation:0.5s slide-up; animation:0.5s slide-up;} .animate-slide.ng-hide-add.ng-hide-add-active { -webkit-animation:0.5s slide-down; animation:0.5s slide-down;} .animate-slide.ng-hide {top:100%; display:block!important;} /* Chrome, Safari, Opera */ @-webkit-keyframes slide-up { 0% {top:100%;} 100% {top:0;} } /* Standard syntax */ @keyframes slide-up { 0% {top:100%;} 100% {top:0;} } /* Chrome, Safari, Opera */ @-webkit-keyframes slide-down { 0% {top:0;} 100% {top:80%;} } /* Standard syntax */ @keyframes slide-down { 0% {top:0;} 100% {top:80%;} } /* ****************video******************** */ .video_portfolio{position:absolute;right:22px; top:5px;} .videoarea {float: right;right:0;display: inline-block; cursor: pointer;position: relative;margin-top: 0px;height: 56px;width: 156px;background: url(https://i-mojo.geojit.com/stock/videoicon_small.gif) no-repeat;} .resulttext {color: #FFFFFF;font-size: 12px;padding: 0px 0px;font-weight: 300;letter-spacing: 0px;text-align: center;} /* ******video********* */ .video-content{position:absolute; right:10%; top:-6px;} .stockbannermargin .modal .modal-close {cursor: pointer;} .stockbannermargin .close-blk {position: absolute;top:3px;right:3px;background: #656d73; color: #fff;padding: 5px 4px;border-radius: 50%;border: 2px solid #fff;} @media only screen and (max-width:960px) { .videoarea {float: left;left:10px;margin-top:0px;} .video-content {z-index:2;} } @media only screen and (max-width: 750px) { .video-content {position: relative;right: 0px;margin-top:0px;} } @media only screen and (max-width:320px) { .video-content {position: relative;right: 0px;margin-top:0px;width: 100%; float: left;} } /* ******************Video Model New************* */ #includ_popup_video {margin: 0 auto;position: fixed;margin-top:6%; z-index: 9999999; width:65%;} #includ_popup_video .close-blk {z-index: 9; color: #FFFFFF;top: 10%;right: 16%;cursor: pointer; background: #656d73; color: #fff;padding:10px 10px; border-radius: 50%; border: 2px solid #fff; position: fixed; z-index: 99999 !important;} .modal .modal-close {cursor: pointer;} .videoloader {width:100%;float: left;padding: 24px 25%;min-height:416px;} .videoloader2 {width:100%;float: left;padding:0px 15px;min-height:350px;background: url(https://i-mojo.geojit.com/stock/videobg.png) no-repeat;} .pload{width:100%; float:left;padding: 0px 22% 2%;} .videoloadingtext {font-size: 13px;font-weight:400;color: #8e8cff;line-height: 1.3;text-align: left;} .video-mob{display:inline-block; float: right;margin-left:0px;text-align:right;position: relative;right:10px;top:0%;} .video-icon {float: right;height:36px;width:36px;background-color: rgba(184,35,255,0.25);border-radius: 50%; margin:-2px 5px 0px 0px;cursor: pointer;} .video-icon-arrow {top: 11%;right:22%;position: relative; font-size:20px;color: #b823ff;} #resultvideoholder_msg{padding: 25% 0%;background: #333;color: #FFF;font-size:36px;text-align:center;} .iframearea{width:100%;height:500px;transform: scale(1);border:none !important;} .videopopup{width:100%;height:500px;transform: scale(1);} .videoimg{width:auto;} .load1{font-size:22px; font-weight:600;text-align:center;margin:12px 0px;color: #b823ff;} .load4{width:100%; float:left; margin:auto;padding:15px 2% 5px;} .loader-green{width:100%;display:inline-block;margin:0px 0px 0px;border-left:0px solid #3DC961;color:#3DC961;padding:0px 0px;} .loader-red{width:100%;display:inline-block;margin:0px 0px 0px;border-left:0px solid #F03C50;color:#F03C50 !important;padding:0px 0px;} .load2{font-size:20px;text-align:left;margin:0px 0px 2px;line-height:30px;padding:5px 4px 0px;color: #FFFFFF;} .loadcenter{text-align:center;margin:15px 0px;} .loaderpadd{padding: 10px 0% 0px;} .marstcok{margin:0px 0px 6px;color: #FFFFFF;font-size:17px;} .marstcok1{margin:4px 0px 0px;font-size:18px;font-weight:600;} .load3{width:25%; float:left;margin:auto;padding-right:0px;padding-left:0px;} .loadhead{font-weight:600;} .playbutton{border:1px solid #000000;text-align:center;background-color:#000000;color:#FFFFFF;padding:7px 10px;margin:15px 0px; border-radius: 4px;font-family:'san_francisco_displayregular';font-size:13px;font-weight:400;letter-spacing: 0.5px;line-height: 21px;height:30px;} .video-icon1 {height:38px;width:38px;background-color: rgba(184,35,255,0.25);border-radius: 50%; margin:5px 5px 0px 0px;cursor: pointer;} .video-icon-arrow1 {top: 8px;left: 3px;position: relative;font-size: 20px;margin-bottom:12px;color: #b823ff;} .pcol1{width:22%;float:left;display:inline-block;margin:0px 4px 0px 0px;} .pcol2{width:75%;float:left;display:inline-block;position:relative;top:0px;} .pcolimg{height:28px;} .videobutton{width:100%;float:left;background-color: rgb(12, 18, 0);text-align:center;padding:0px 48% 18px;margin:5% 0px;} .ancontent{width: 100%;float: left;margin: auto;height: 280px;margin-top:10px;} .vmargin{padding:5px 0px;} .ancontent ol, ul {margin-top: 0;margin-bottom: 10px;padding: 0 !important;} .listmargin{list-style: disc !important; margin:0px 30px;color: #FFF;font-size:27px !important;} .mobile_video{position:relative;padding: 10px 0px;} @media (min-width:1200px) and (max-width:1300px){ .iframearea{width:100%;height:462px;transform: scale(1);} .videopopup{width:100%;height:462px;transform: scale(1);} } @media screen and (max-width:1200px) { .optimizerlogo {width: 15%;} .optimizerlogomargin {width: 100%;position: absolute;} } @media screen and (max-width:1024px) { .optimizerlogo {width:22%;top: 8px;} .iframearea{width:100%;height:477px;transform: scale(1);} .videopopup{width:100%;height:477px;transform: scale(1);} .optimizerlogomargin { width:100%; position: absolute;padding: 7px 3px;} } @media (min-width:750px) and (max-width:960px){ #includ_popup_video {margin: 0 auto;position: fixed;margin-top:16%; z-index: 9999999; width:80%;} #includ_popup_video .close-blk {top:11%;margin-top:6%;right:16% !important;} } @media screen and (max-width:960px) { .video-mob{margin-left:0px;text-align:right;right:10px;top:0%;} .optimizerlogo {width: 57%;float: left;position: relative;top: 5px;right: 0;margin-bottom: 7px;} .iframearea{width:100%;height:283px;transform: scale(1);} .videopopup{width:100%;height:283px;transform: scale(1);} } @media screen and (max-width:750px) { #includ_popup_video .close-blk {top:4px; right: 4px !important; background: #656d73; color: #fff; padding:2px 4px; border-radius: 50%; border: 2px solid #fff; position: absolute;z-index: 99999999999;} .vmargin {padding: 0px 0px;} .listmargin {list-style: disc !important; margin: 0px 31px; color: #FFF;font-size: 16px !important;} .load1 {font-size: 13px; margin-bottom:0px;} .ancontent{width: 100%;float: left;margin: auto;height: 249px;} .load2{font-size:14px;text-align:left;margin:4px 0px;padding:2px 4px;line-height: 20px;} .loader-green{margin:0px 0px 4px;padding:0px 4px;} .loader-red{margin:0px 0px 4px;padding:0px 4px;} .load3{width:50%; float:left;margin:auto;padding-right:10px;padding-left:15px;} .loaderpadd{padding:10px 0%;} .videoimg{width: 279px;} .videoloader {width:98%;float: left;padding: 24px 5%;min-height:250px;background:#FFFFFF;} .videoloader2 {width:100%;float: left;padding: 24px 2%;min-height:250px;} .videoloading-img img{width:90%;} .pload {width: 100%;float: left;padding: 0px 1% 2%;} #includ_popup_video {margin: 0 auto; position: fixed;margin-top:10%;z-index:99999999999;width: 98%;} .iframearea{width:100%;height:210px;transform: scale(1);} .videopopup{width:100%;height:210px;transform: scale(1);} .videoarea-new {float: left;right: 0%;height: 65px;width: 100%;background-size: contain;} .optimizerlogomargin{width:82%;padding:6.7px 14px;height: auto;} } @media screen and (max-width:320px) { .optimizerlogo {width:98%; float:left;position: relative;top: 5px;right:0;margin-left:1%;margin-right:1%;margin-bottom:3px;} .videoarea-new {float: left;right:0%;height:60px;width: 100%; background-size: contain;} .optimizerlogomargin{width:50%;padding:3px 14px;height: auto;} .iframearea{width:100%;height:178px;transform: scale(1);} .videopopup{width:100%;height:178px;transform: scale(1);} } .btnsbuy{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#53be62 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnsbuy p{color:#53be62 !important;} .tblrhtn a.btnsbuy p{color:#53be62 !important;} .btnbuy{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#53be62 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnbuy p{color:#39b54a !important;} .tblrhtn a.btnbuy p{color:#53be62 !important;} .tblrhtn a:hover{text-decoration:none;} .btnsell{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#ff0000 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnsell p{color:#ff0000 !important;} .tblrhtn a.btnsell p{color:#ff0000 !important;} .btnssell{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#ff0000 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnssell p{color:#ff0000 !important;} .tblrhtn a.btnssell p{color:#ff0000 !important;} .btnunrated{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#7f7f7f !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnunrated p{color:#7f7f7f !important;} .btnunactive{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#7f7f7f !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnunactive p{color:#7f7f7f !important;padding-top:5px;} .tblrhtn a.btnunactive p{color:#7f7f7f !important;} .btnhold{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#fbb03b !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnhold p{color:#fbb03b !important;} .tblrhtn a.btnhold p{color:#fbb03b !important;} .btnmm{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#808080 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnmm p{color:#808080 !important;} .tbllftn p{display:inline-block} .tbllftn{float:left;width:100%;} .tblrhtn{float:left;width:146px;text-align:left;margin:0px 6px;position:relative;padding:0px 0px 0px 0px;font-family:'Poppins',sans-serif;} .upaidsell{min-width:100%;height:32px;border:0px solid #ff0000;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#ff0000 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .upaidssell{min-width:100%;height:32px;border:0px solid #53be62;text-align:center;background:#fff;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#ff0000 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .btnsbuy p{color:#ff0000 !important;} .tblrhtn a p{color:#fff !important;} .bdf{font-weight:600;} .rnarrow{border:solid #50b0f6;border-width:0 2px 2px 0;display:inline-block;padding:2px;position:absolute;right:5px;bottom:5px;} .upaidsell .rnarrow{border:solid #000;border-width:0 2px 2px 0;display:inline-block;padding:2px;position:absolute;right:5px;bottom:5px;} .upaidssell .rnarrow{border:solid #000;border-width:0 2px 2px 0;display:inline-block;padding:2px;position:absolute;right:5px;bottom:5px;} .rightarw{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .alttooltip{position:absolute;z-index:9999999;background:#1b2143;border:1px solid #fff;-moz-box-shadow:3px 3px 5px #9b9b9b;/* -webkit-box-shadow:2px 3px 5px #9b9b9b;*/ /* box-shadow:3px 3px 5px #9b9b9b;*/ border-radius:5px;padding:10px 23px;width:342px;min-height:149px;left:106%;top:50%;margin-top:-95px;text-align:center;border:1px solid #F5C0B8;} .alerttxt{color:#ff0000;font-size:34px;text-transform:uppercase;font-weight:700;display:inline-block;padding-bottom:5px;line-height:36px;font-family:Oswald,sans-serif;} .talerttxt{color:#fff;font-size:13px;line-height:18px;padding-bottom:12px;text-align:left;} .find_stock{color:#fff !important;background:#00add1 !important;padding:5px 10px;border-radius:5px;} .tooltiparw{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:15px solid #1B2143;position:absolute;z-index:9;left:-15px;top:45%;} .tblrhtn:hover .alttooltip{display:block;} .btnrsell{min-width:100%;height:32px;border:0px solid #ff0000;background:#fff;text-align:center;font-style:normal;font-weight:normal;font-size:13px !important;line-height:29px;align-items:center;padding:2px 3px 3px 3px;color:#ff0000 !important;text-decoration:none;display:inline-block;position:relative;margin:9px 0px 9px;-moz-box-shadow:0px 3px 14px rgb(0 0 0 / 15%);background:#FFFFFF;box-shadow:0px 3px 14px rgb(0 0 0 / 15%);border-radius:7px;} .tblrhtn a.closemobile{position:absolute;right:10px;top:4px;color:#FFF;cursor:pointer;z-index:99999999;} .alttooltip a.find_stock{font-size:15px !important;} @media screen and (max-width:960px){.btnsbuy{font-size:12px !important;} .btnbuy{font-size:12px !important;} .btnsell{font-size:12px !important;} .btnunrated{font-size:12px !important;} .btnunactive{font-size:12px !important;} .btnhold{font-size:12px !important;} .btnmm{font-size:12px !important;} .upaidsell{font-size:12px !important;} .upaidssell{font-size:12px !important;} .btnrsell{font-size:12px !important;} }