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 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; */} *:focus {outline: none !important;} 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;} .tooltip-arrow{top: 50% !important;left: 30px !important;margin-top: 2px !important;border-top: 20px solid transparent !important;border-bottom: 20px solid transparent !important;border-right: 17px solid #464e54 !important;} .tooltip-inner {max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: transparent !important;border-radius: 4px;} .mojo-points-M {position: absolute !important; z-index: 111 !important; top:0px !important; left:44px !important;} .mojo-points-M {background: #3e4850 url(https://i.marketsmojo.com/mojo_h.png) no-repeat;display: block; z-index: 1000; border-radius: 5px; position: absolute !important; width: 400px; padding: 40px 10px 10px 10px; background-position: 20px 20px;} .mojo-points-M div {padding:8px 0px 22px 6px; border-bottom: 1px solid #616970;color: #fff;} .mojo-points-M div:nth-child(3) {border: none;} .mojo-points-M span {white-space: nowrap; text-transform: capitalize !important; font-size: .9rem !important;} .mojo-points-M h6, .mojo-points-M span {color: #fff !important; text-align: left;} .mojo-points-M h6, .mojo-points-M span {display: -webkit-flex; display: flex;-webkit-flex-direction: row; flex-direction: row; float: left; margin: 0 5px 0 4px;font-size: 1rem; font-weight:400;line-height: 1rem;text-transform:uppercase;} .mojo-points-M h6 span { font-weight: 300 !important;} .dvButton{display:none;position:fixed;bottom:0;z-index:999999999999;width:100%; background:#ccc;} .textalign{text-align:right;float:right !important; margin-right:10px;margin-top:12px;} .reswaitext{text-align: center !important; margin-top: 6px; font-size: .8rem !important; font-weight: 500;text-transform: uppercase;} .modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0); -o-transform: translate(0, 0);transform: translate(0, 0); width: 100% !important;} .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;} .user-onboardtoptxt {margin: 0 auto!important;position: relative;margin-bottom: 20px;} .user-onboardtoptxt .best-of {text-align: center!important;} .by-sel {font-weight: 600;} .by-sel, .trgt-txt1 {font-size:14px;text-transform: uppercase;margin-bottom: 5px;} .maindiv { width: 100%; float: left; margin: auto; /* background-color: #d9dce2; */} .pf-folio-tab2 b, strong {font-weight:700;} .best-of {padding: 35px;text-align: center; font-size: 2.5rem;font-weight:200;line-height: 2.6rem;color: #fff !important;} .tab-content .table {width: 100%; max-width: 100%; margin-bottom:0px !important; margin-top: 1px;border-top: 1px solid #ddd;} .smallerDivs .tab-content .table {width: 100%;max-width: 100%; margin-bottom:0px;} .norecos{color: #8a6d3b; font-size:13px !important;} .alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; text-align: center!important;} .alert {padding: 10px!important; margin-bottom: 5px!important; border: 1px solid transparent; border-radius: 4px;} .mar-empty {margin: 50px 10px 10px 10px;} #UserTabs {position: relative;float:left;width:100%;} #UserTabs {border-bottom: 0;margin:6px 0 15px 10px;text-align:left;} #UserTabs button, #UserTabs button.active {position: relative;top: 9px;} #UserTabs button.active, #UserTabsMini button.active {background: none;color: #fff;border-top: 0px solid #00add1;border-left: 0px solid #00add1;border-right: 0px solid #00add1;border-bottom: 2px solid #00add1;-webkit-box-shadow: none!important;box-shadow: none!important;} #UserTabs button, #UserTabsMini button {background: none;color: #999;height: 40px;font-weight:600; font-size: 14px;width:9%;text-transform:uppercase;} #UserTabs button.active:after, #UserTabsMini button.active:after {content: '';position: absolute;top: 100%;left: 45%;width: 0;height: 0;border-top: solid 7px #00add1;border-left: solid 7px transparent;border-right: solid 7px transparent;} .search-inyourstk input[type="text"], .ad-stk-frm-serch, .ad-stk-frm-serch[type="text"] {-moz-border-radius: 0px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius:0px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;-webkit-transition: all .7s ease;background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 12px 8px #fff;border: 1px solid #d1d1d1;border-radius: 0px;box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;color: #333;padding:5px 15px 5px 30px;transition: all .7s ease;width: 86%;max-width:100%; height: 24px;position: relative;top: 9px;left:0px;}.ad-stk-frm-serch, .ad-stk-frm-serch[type="text"] {display: inline-block;font-size: 1.2rem;color: #333;} #UserTabs #searchUserBoarding.auto-search.userBoarding {top: 100%!important;} #UserTabs #searchUserBoarding.auto-search.userBoarding {top: 100%!important;left: 1%!important;} #UserTabs .auto-search {background: #fff;padding: 10px;-moz-border-radius: 10px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 10px;-webkit-box-shadow: 0 1px 3px rgba(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,.15) inset;transition: all .7s ease;width: 100%;position: absolute;top: 12%;display: none;height: 250px;overflow-y: auto;left: 20%;} .auto-search {cursor: pointer;} .auto-search {cursor: pointer;z-index: 100;} .userBoardFull .pf-table-sec section {overflow: auto!important;} .pf-table-sec section {padding: 0!important;height: auto;} .pf-table-sec section {border: 5px solid #2b3238;max-width: initial!important;} .pf-sec, .pf-table-sec, .pf-table-sec section {margin:7px; width:99% !important;padding: 0;} .pf-folio-tab2{background: #FFF!important;} .pf-table-sec .nav>li.active>a, .pf-table-sec .pf-folio-tab2 th {background: #eee!important;} .pf-table-sec .pf-folio-tab2 th {font-size: 1rem;font-weight: 400;line-height: 1.2rem;} .pf-table-sec .pf-folio-tab2 td, .pf-table-sec .pf-folio-tab2 th {text-align: left;border: 1px solid #ddd !important;} .pf-table-sec .pf-folio-tab2 th {color: inherit;} .pf-table-sec #PortfolioOverview .pf-folio-tab2 td:first-child, .pf-table-sec #Overview .pf-folio-tab2 td:first-child, .pf-table-sec #overview-pf .pf-folio-tab2 td:first-child {font-size: 1.1rem;} .pf-folio-tab2 [type=checkbox]:checked, .pf-folio-tab2 [type=checkbox]:not(:checked), .pf-folio-tabl [type=checkbox]:checked, .pf-folio-tabl [type=checkbox]:not(:checked) {position: relative;left:4px;visibility: visible;} .pf-table-sec .pf-folio-tab2 .row p {font-size: .78rem; color: #9ea4a7; line-height: 1rem;} input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 30px;width: 100%;font-size: .8rem;padding: 0;box-shadow: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;transition: all .3s;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;} input[type="radio"], input[type="checkbox"] {margin: 4px 0 0;margin-top: 1px \9;line-height: normal;} .columnSortToggle {color: #3b444b !important;font-weight: 400; line-height: 1.2rem; padding: 10px 0px; font-size: 15px;} .smallerDivs .tab-content .table thead {border-bottom: 1px solid #d0d0d0;} .reco-sgst1, .reco-sgst1 a {font-size:.78rem;color: #9ea4a7!important;} .pf-table-sec #PortfolioOverview .pf-folio-tab2 td, .pf-table-sec #Overview .pf-folio-tab2 td, .pf-table-sec #overview-pf .pf-folio-tab2 td {font-size: 14px !important;} .blu-cir-btn {background: #00add1;border:1px solid #00a0c9;border-radius: 20px;color: #FFF;text-transform: uppercase;font-weight: 500;} .grey-cir-btn {padding: 8px 25px;font-size:14px;margin: 5px;} .grey-cir-btn {background: #FFFFFF;border-radius:20px;border:1px solid #a4adb4;color: #333;text-transform: uppercase;} .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;} .col-btn {right:5px;bottom: 20px;} .auto-search li a {padding:10px;border-bottom: 1px solid #c9cdd3;display: block; color: #3e4850;} .watchlist_addstock .datedropdown .dropdown-menu {position: absolute; top: 100%; right: 0; /* left: 0; */ z-index: 1000; display: block; float: left; min-width: 314px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #f3f0f0 !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .watchlist_addstock .datedropdown .dropdown-menu { max-width: 314px !important;} .watchlist_addstock .datedropdown .dropdown-menu .btn { background: #FFFFFF; color: #333 !important;} .btn-group-sm>.btn, .btn-sm {padding: 5px 9px; font-size: 12px; line-height: 1.5; border-radius: 3px;} .watchlist_addstock .datedropdown .dropdown-menu td {padding: 3px !important; vertical-align: top;} .watchlist_addstock .datedropdown .dropdown-menu td, th {padding: 3px 5px !important; vertical-align: top !important;} .watchlist_addstock .datedropdown .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: 0;} .watchlist_addstock .dateport-input {-moz-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset; -moz-transition: all .7s ease; -o-transition: all .7s ease; -webkit-border-radius: 20px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset; -webkit-transition: all .7s ease; border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;transition: all .7s ease; background: #f8f7fa; line-height: 1.2rem; font-size: 1.1rem;background: url(https://i.marketsmojo.com/date-icon.png) no-repeat 96% 8px #fff !important; text-align: left !important;} .watchlist_addstock .dropdown-menu {position: absolute; top: 100%; right: 0; /* left: 0; */ z-index: 1000; display: block; float: left; min-width: 200px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #f3f0f0 !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);} /* Loader */ #loading {width: 97.3%; /* top: 40%; */ height: 320px; margin-left: 0; position: absolute; display: block; background-color: #fff; z-index: 1; text-align: center;} #loading-image {width:104px; float:left; margin:auto;position:relative;margin-top: 10%; margin-left: 43%;z-index: 1000;height:104px;text-align:center;} .mojo-points-new .up-arrow-mojoN {background: url(https://i.marketsmojo.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.marketsmojo.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(https://i.marketsmojo.com/w_ar_dwn.png) no-repeat;background-size: contain;height: 50px;width: 20px;display: inline-block;position: relative;top: 9px;left: -12px;} #container {height: 100%; overflow-y: hidden; background:transparent;} #line{overflow: visible;min-height:362px;max-height:100%; } .smallerDivs {min-height:320px; height:100%; width:100%; display: inline-block; background:#FFFFFF;} #tabcol .nav-tabs > li {background: url(https://i.marketsmojo.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: 10px 20px !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;font-size:14px;} #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;} #tabcol .nav-tabs>li:last-child {background: 0 0;} .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;} .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:9px 3px 5px 3px;line-height: 1.42857143;vertical-align: top !important;border-top: 1px solid #ddd;font-size:1.1rem;} .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: 3px;vertical-align: top;} .table-small{font-size:.88rem; font-weight: 200; color:#333 !important;} .table-small2{font-size:.88rem;font-weight:400; color:#666 !important;} .table-small3{font-size:.88rem;font-weight:500; color:#666;} /* .tab-content td p{margin: 3px 0 2px!important;font-size: .78rem;color: #9ea4a7;line-height: 1rem;} */ #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: 14px;} .mkt-stk-val-col p {font-size: 12px !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: 14px !important} .mkt-stk-nm div a, .mkt-stk-nm > a, .mkt-stk-val div {font-size: 1.1rem!important} .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: 14px;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 .orange-bx, td .grey-bx {box-shadow: 0px 0px 0px #999 !important;} .mkt-stk-val-col .grey-bx {background: #666} .mkt-stk-val-col .orange-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:0px 3px;font-size:12px;text-transform: uppercase;display: inline-block;margin:2px 0px;} .stts {color: #898e92;line-height: 1.4rem !important;font-size:.78rem !important;} .by-sel {font-weight: 600;} .by-sel, .trgt-txt1 {font-size: .8rem;text-transform: uppercase;margin-bottom: 5px;} .reco-sgst1 {font-size: .78rem;color: #9ea4a7;} .tablink{font-size:14px !important;} .pf-table-sec table td.green, .pf-folio-tab2 td.green{/* background: #e6f9f3; */} .pf-table-sec table td.red, .pf-folio-tab2 td.red{/* background: #fcefee; */} .pf-table-sec .pf-folio-tab2 th p, .pf-table-sec .pf-folio-tab2 th p a {font-size: .8rem; color: #666;} .green {color: #0ac488!important;} .red {color: #e35744!important;} .coltabmain{width:100%; float:left; margin:auto;} .coltab1{width:40%; float:left; margin:auto;} .coltab2{width:35%; float:left; margin:auto;} .coltab3{width:25%; float:left; margin:auto;} .coltab4{width:25%; float:left; margin:auto;} .maindiv .orange-mojo, .omojo {background: url(https://i.marketsmojo.com/orgdot.png) no-repeat;width:12px;height: 12px;background-size: contain;margin-right: 1px;display: inline-block;} .maindiv .green-mojo, .gmojo {background: url(https://i.marketsmojo.com/grndot.png) no-repeat;width: 12px;height: 12px;background-size: contain;margin-right: 1px;display: inline-block;} .maindiv .red-mojo, .gmojo {background: url(https://i.marketsmojo.com/reddot.png) no-repeat;width: 12px;height: 12px;background-size: contain;margin-right: 1px;display: inline-block;} .maindiv .grey-mojo, .gmojo {background: url(https://i.marketsmojo.com/greydot.png) no-repeat;width: 12px;height: 12px;background-size: contain;margin-right: 1px;display: inline-block;} /* ///////result tab/////////////////// */ .mojo-points-new .green-mojoN {background: url(https://i.marketsmojo.com/green_mojo_bg.png) no-repeat;width:40px;height: 40px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .mojo-points-new .grey-mojoN {background: url(https://i.marketsmojo.com/grey_mojo_bg.png) no-repeat;width: 40px;height: 40px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .mojo-points-new .red-mojoN {background: url(https://i.marketsmojo.com/red_mojo_bg.png) no-repeat;width: 40px;height: 40px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .mojo-points-new .orange-mojoN {background: url(https://i.marketsmojo.com/orange_mojo_bg.png) no-repeat;width: 40px;height: 40px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .mojo-points-new .down-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_dwn.png) no-repeat;background-size: contain;height:48px;width: 20px;display: inline-block;position: relative;top:9px;left:-10px;} .mojo-points-new .up-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_up.png) no-repeat;background-size: contain;height: 48px;width: 20px;display: inline-block;position: relative;top:9px;left:-10px;} .mojo-points-new .mid-arrow-mojoN {background: url(https://i.marketsmojo.com/w_ar_mid.png) no-repeat;background-size: contain;height: 48px;width: 36px;display: inline-block;position: relative;top:12px;left:-3px;} .sideway{background: url(https://i.marketsmojo.com/sideway.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .bulish{background: url(https://i.marketsmojo.com/bulish.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .midd-bulish{background: url(https://i.marketsmojo.com/midd-bulish.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .bearish{background: url(https://i.marketsmojo.com/bearish.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .midd-bearish{background: url(https://i.marketsmojo.com/midd-bearish.png) no-repeat;width: 45px;height: 45px;background-size: contain;margin-left:3px;display: inline-block;float: left;} .mojo-bullish h6 {font-size: .8rem !important; font-weight: 500;line-height: 1rem;text-transform: uppercase;margin:6px 0px;color: #000;text-align:right;} .grey {color:#9daab4 !important;} .fif-col-area {width: 99%; margin: 0 auto; margin-left: 0%; margin-top:0%; text-align: center;} .fif-col-head {font-size: 36px; color: #FFFFFF; font-weight: 300;} .fif-col-small {font-size: 15px; color: #FFFFFF; font-weight: 300; margin-top: 1.6%; line-height: 1.5; text-align: center;} .toplinktext a{font-size:20px; color: #FFFFFF; font-weight: 300;text-align: left;padding: 0px 12px;} .toplinktext2{font-size:20px; color: #FFFFFF; font-weight: 300;text-align: left;padding: 0px 12px;} .filhead{color: #0097c2 !important;font-weight: 600;font-size:34px;} .stocktext{font-size:19px !important;} #belaicon{display:inline-block;} /* #belaicon{display:none;} */ .resulthead{font-size: .8rem; text-transform: uppercase; font-weight: 600;} .col-btn-new a{right:0px;bottom:0px; color:#333 !important;text-align:center;} .popupmessage { position: relative; z-index: 999999999999; margin-left: 5px; } .popupmessage .modal-body { position: relative; padding: 10px 10px; box-shadow: 0px 0px 0px #666; background: #ecf0f1; color: #333; font-size: 13px; -webkit-box-shadow: 10px 10px 12px -7px rgba(0, 0, 0, 0.75); -moz-box-shadow: 10px 10px 12px -7px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 12px -7px rgba(0, 0, 0, 0.75);} .popupmessage .close {font-size: 16px; color: #333 !important; position: absolute;z-index: 999999999999999999999999999; right:-6px; top:-6px; padding: 0px 4px; border-radius: 15px; background: #ecf0f1; border: 1px solid #333; cursor: pointer; filter: alpha(opacity=50); opacity: 1 !important;} .nottred{font-size: .8rem !important; font-weight: 500;line-height: 1rem; color: #000000 !important;text-transform: uppercase;margin-top:8px;} .ct1{width:45%; float:left; margin:auto;} .ct2{width:45%; float:left; margin:auto;margin-left:1%;} .editbutton {font-size: 15px; margin: 3px 0px; text-align: center;} .textlink{font-size:14px;color:#039be5 !important;} #bottombutton{width: 100%; float: left; margin: auto;padding: 10px; background: #eee;border-top: 1px solid #ddd;} #bottombutton button{padding-left: 10px!important; padding-right: 10px!important; font-size: .8rem;background: #00bad2;} tr td:first-child.divid-tabl em, .divid-tabl em {font-size: .88rem!important; text-transform: initial!important;font-weight: 400; font-style: italic;} tr td:first-child.divid-tabl, .divid-tabl {background: #eee!important; color: #666; font-size: 1rem!important; text-transform: uppercase; font-weight: 700; text-align: left!important; padding: 2px!important;} .txt-rt {text-align: right !important;} .txt-lt {text-align: left !important} .watchlist_addstock {width: 66% !important; float: left; margin: 0 auto; margin-top:0% !important;} .watchlist_addstock input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {margin: 0 0 3px 0;background: #f8f7fa !important;} .watchlist_addstock .portdropdown .dropdown-menu {position: absolute; top: 100%; right: 0; /* left: 0; */ z-index: 1000; display: block; float: left; min-width:214px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left;list-style: none; background-color: #f3f0f0 !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .watchlist_addstock .portdropdown {width: 180px !important; overflow-y: scroll; overflow-x: hidden; max-height: 120px; float: right;} .watchlist_addstock .portdropsubdown {margin-left: 0px;width:100%; margin-top: -4px; min-height: auto; max-height: 120px; overflow-y: scroll; overflow-x: hidden;} .watchlist_addstock .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;} .watchlist_addstock .inline li {min-width: 192px !important; padding: 6px 4px; color: #333 !important; text-decoration: none !important; border-bottom: 1px solid #FFF;} .watchlist_addstock{width:65% !important;float:left; margin:0 auto;margin-top: 3% !important;} .watchlist_addstock .mod-cont .modal-secnd {float: left;width: 100% !important;border-radius: 2px;background: #374047 !important;} .search-addscroll{width:100%; float:left; margin:auto;} .watchlist_addstock .tablearea {margin:10px 8px;} .watchlist_addstock .search-add{padding: 3px 5px;} .watchlist_addstock .wl-list {width:100%; float:left; margin:auto;background: #ddd;margin: 10px 0px;border-radius: 5px;min-height: 318px; max-height: 319px; overflow: auto; overflow-x: hidden;} .watchlist_addstock .search-addscroll .stk-hed2, .search-addscroll .txt-stk-1 {font-size: 1.2rem;color: #333;margin: 0;padding: 10px;border-bottom: 1px solid #ccc;} .watchlist_addstock .stk-hed2, .txt-stk-1 {margin: 2px 0;} .btns{width:100%; float:left; margin:auto;margin-top: 6px;} .modal-content {overflow-y: auto; max-height: 400px; /* overflow-x: hidden; */ background:transparent; min-height: 350px;} .modal-content {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5); box-shadow: 0 0px 0 rgba(0, 0, 0, .5);border: 0px solid rgba(0, 0, 0, .2) !important;} .modal .modal-content {padding: 0 !important; min-height: 415px; width: 100%;} .modal .modal-content {padding: 0 !important; min-height: 450px; width: 100%;} .watchlist_addstock .inputcol2 {max-width: 90%; min-width: 95%; height: 39px; text-align: left !important; border-radius: 2px; font-size: 14px; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;padding: 10px; transition: all .7s ease; background: #f8f7fa; line-height: 1.2rem; font-size: 1.1rem;} .watchlist_addstock .btn .caret {margin-left: 0; text-align: right !important; float: right !important;top: 17px;position: absolute; right:18px;} .watchlist_addstock .add-scroll {width:100%; float:left; margin:auto;min-height:256px;max-height: 256px;} .watchlist_addstock .portfolioAddDiv_Markets {background: #eee!important; width: 100%; float: left;margin-bottom:5px; /* max-height: 240px; min-height: 240px;overflow-y: auto; margin-bottom: 10px; overflow-x: hidden; */} .watchlist_addstock .sec2 .wl-list .panel, .wl-list .panel {border-radius: 0;padding: 10px 0 20px;} .watchlist_addstock .wl-list .panel {position: relative;margin: 0;} .watchlist_addstock .portfolioAddDiv_Markets .panel-collapse.collapse.in {padding: 4px 12px;} .watchlist_addstock .panel {margin-bottom: 0;background-color: transparent;border: 0;} .watchlist_addstock .panel {margin-bottom: 20px;background-color: #fff;border:0px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);box-shadow: 0 0px 0px rgba(0, 0, 0, .05);} .watchlist_addstock .portfolioAddDiv_Markets .panel-heading {padding: 5px;background: #eee;border-bottom: 1px solid #ddd;margin-bottom: 10px;} .watchlist_addstock .add-scroll .wl-l-comp {border: 0!important;} .watchlist_addstock .wl-l-comp {font-size: 1.2rem;line-height: 1.4rem;padding: 5px !important;border: 1px solid #ddd;background: #eee;position: relative;} .watchlist_addstock .remove-btnsec {color: #eb513a !important;font-size: 1.2rem;border-left: 1px solid #ddd;padding-left: 20px;top: 10px;} .watchlist_addstock .remove-btnsec a {margin-left: 5px;font-size: 1rem;color: #eb513a !important;text-decoration: underline;} .watchlist_addstock .wl-list .panel .share-dtail-add {margin: 10px 6px !important;} .red {color: #e35744 !important;background: transparent;} .field-validation-error {font-size: .8rem!important;} /* .{width: 180px !important; min-height: 120px;max-height: 210px; float: right;top: -11%; background: #FFF;padding: 7px 0px !important;} */ .modal input {-moz-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset;-moz-transition: all .7s ease;-o-transition: all .7s ease;-webkit-border-radius: 20px;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset;-webkit-transition: all .7s ease;border: 1px solid #d1d1d1;border-radius: 5px;box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset;padding: 10px;transition: all .7s ease;background: #f8f7fa;width:90%;line-height: 1.2rem;font-size: 1.1rem;} .watchlist_addstock .ad-stock-full input {border: 1px solid #cccbce;padding: 5px 8px;width: 70%;border-radius: 5px;background: #eee;margin: 0;} .scr-txt-2 {margin: 0;padding: 0;font-weight: 300 !important;font-size: .88rem;} .share-dtail-add td, .txt-td-ad {padding: 4px 0 !important;} .bottomtextarea{width:100%; float:left; margin:auto;} .bottomtextarea .bottomtextarea {margin: 0;padding: 10px;} .bottomtextarea article h5{color: #fff !important;font-size: 14px;margin: 10px 0 5px;} .bottomtextarea article ol, .bottomtextarea article ol li{color: #ddd;font-size: .8rem;list-style: none;margin-left: 5px;padding-left: 5px;} .watchlist_addstock .btn-info {color: #fff;background-color: #00add1;border-color: #46b8da;} .modal-dialog {width: 100% !important; margin: 30px auto; float: left;} .mojo-points-new aside {float: left; margin-left: 0;margin: 5px 0px;} .mojo-points-new h6 {font-size: .8rem !important; font-weight: 500;line-height: 1rem; color: #000000 !important;text-transform: uppercase;} .pf-folio-tab2 td p, .pf-table-sec .pf-folio-tab2 .row p {font-size: .88rem; color: #666; margin: 0;} .margin-mojo .h4, .h5, .h6, h4, h5, h6 {margin-top: 1px;margin-bottom: 0px;} .container-fluid-new {width:100%; float:left;padding-right:0px;padding-left:0px;margin-right: auto;margin-left: auto;margin-top:0;} .big-card_new3{width:99.3% !important;height:auto;background-size: cover;min-height:150px;} 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;} @media only screen and (min-width:960px) and (max-width:1024px) { .addpopup .inputcol2 {max-width: 90%; min-width: 95%; height: 39px !important;text-align: left !important;background-color: #FFFFFF;border-radius: 2px;border: 1px solid #adaeb0;font-size: 14px;} } @media only screen and (max-width:750px){ .watchlist_addstock .dropdown-menu {position: absolute; top: 100%; right: 0; /* left: 0; */ z-index: 1000; display: block; float: left; min-width: auto; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #f3f0f0 !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .watchlist_addstock .datedropdown .dropdown-menu {position: absolute; top: 100%; right: 0; /* left: 0; */ z-index: 1000; display: block; float: left; min-width:234px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #f3f0f0 !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .watchlist_addstock .wl-list {width:100%; float:left; margin:auto;background: #ddd;margin: 10px 0px;border-radius: 5px;min-height:300px;max-height:300px;overflow: auto;overflow-x: hidden;} .watchlist_addstock .search-add{padding:0px;} .watchlist_addstock{width:100% !important;float:left; margin:0 auto;} } @media only screen and (max-width:320px){ .add-scroll {background: #ddd!important; min-height: 314px;max-height: 317px;} .watchlist_addstock .portfolioAddDiv_Markets {background: #eee!important;} } #toast-container {min-width: 8%; top:15%; right:5%;padding: 5px;} #toast-container {display: block; position: fixed; z-index: 10000;} input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {height: auto;} .addwatchlist{width:25% !important;float:left; margin:0 auto;} .addwatchlist .tablearea {width:94%; float:left; margin:0 auto;margin: 4% 2%;} .stock-pf-ad { background: #eee; padding: 10px;} .txt-stk-23 { font-size: 1.2rem; text-align: center; margin:0px 0;} .portfoliopopuparea1 .modal-body .tab-content{padding:12px;overflow-x: hidden;min-height:340px; max-height:500px;} .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;} @media only screen and (min-width:750px) and (max-width:960px) { .watchlist_addstock { width: 96% !important; float: left; margin: 0 auto; margin-top:2% !important;} .addpopup .modal {left: 0; right: 0;padding: 0; width: 96%;margin: 0 auto; overflow: visible !important; border-radius: 2px; will-change: top, opacity; font-size: 1rem !important; background-color: transparent; margin-top: 20px;} .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;} } .error_message {width: 100%;float: left;color: #c93e41;font-size: 12px;} .btn-default {color: #333; background-color: #f8f7fa !important; border-color: #ccc;} .portfoliopopuparea{width:100% !important; margin:0 auto; margin-top:12%;z-index:99999999;background: transparent;} .smallpopup {text-align: center !important;width: 34% !important;float: left;margin: auto;margin-left: 33%;margin-top:5%;z-index: 1155 !important;height: 100%;} .blu-cir-btn-small a{color: #FFF !important;} .blu-cir-btn-small {background: #00add1;border: 1px solid #00a0c9;padding: 0px 25px;height: 35px;font-weight: 400 !important;font-size: .9rem;border-radius: 30px !important;color: #FFF;margin: 0px;text-transform: uppercase;font-weight: 500;} @media only screen and (max-width: 750px){ .smallpopup {text-align: center !important;width: 90% !important;float: left;margin: auto;margin-left:5%;margin-right:1%;margin-top:20%;z-index: 1155 !important; min-height: 120px !important;background:#FFF !important;} #toast-container {width:90%;margin-top:5%;margin-left:5%;height: auto;} .portfoliopopuparea{width:100% !important; margin:0 auto; margin-top:14%;z-index:99999999;} .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;} .tabdropdown{width:100%; float:left; margin:0 auto;position: relative;top:10px; margin-bottom:15px !important;text-align: center;} #loading {width: 95.3%; /* top: 40%; */ height: 399px; margin-left: 0; position: absolute; display: block; background-color: #fff; z-index: 99; text-align: center;} #loading-image {width: 104px; float: left; margin: auto; position: relative; margin-top: 37%; margin-left: 36%; z-index: 1000; height: 104px; text-align: center;} .addwatchlist{width:100% !important;float:left; margin:0 auto;} #UserTabs #searchUserBoarding.auto-search.userBoarding { top: 100%!important; left: 5%!important; width: 87%;} } @media only screen and (min-width: 750px){ .close-blk {top: -20px;right: -20px;background: #656d73;color: #fff;padding: 5px 10px;border-radius: 50%;border: 2px solid #fff;} } @media only screen and (max-width:1200px) { #tabcol .nav>li>a {position: relative; display: block; padding: 8px 12px !important;background: #2b3238;color: #fff !important;} } @media only screen and (max-width:1100px) { #tabcol .nav>li>a {position: relative; display: block; padding: 8px 10px !important;background: #2b3238;color: #fff !important;} } @media only screen and (max-width:1030px) { #tabcol .nav>li>a {position: relative; display: block; padding: 8px 12px !important;background: #2b3238;color: #fff !important;} } @media only screen and (min-width:750px) and (max-width:1024px) { .smallpopup {text-align: center !important; width: 46% !important; float: left; margin: auto; margin-left: 27%; margin-top: 20%; z-index: 1155 !important; height: 100%;} #container {height: 100%; overflow-y: auto; background:transparent;} #line{overflow-x: auto;min-height:400px;max-height:410px;} .smallerDivs {height:300px; width: 1200px; display: inline-block;border-radius: 4px;} .topmiddleheadprice {width:auto; float: left;margin: auto;} } @media only screen and (min-width:1024px) and (max-width:1150px) { .txt-stk-23 {font-size: 1.2rem;text-align: center;margin: 1px 0;} .watchlist_addstock .search-add {padding: 2px;} } @media only screen and (max-width:960px){ .pf-sec, .pf-table-sec, .pf-table-sec section {margin: 7px; width: 98.3% !important; padding: 0;} } .small, small {font-size: 85%;} /* /////////section/////////////////// */ @media only screen and (max-width:750px) { .watchlist_addstock .tablearea {margin: 0px 7px;} .watchlist_addstock .datedropdown .dropdown-menu {max-width: 268px !important;} .txt-stk-23 {font-size: 1.1rem; text-align: center; margin: 0px 7px;} .watchlist_addstock .inputcol2 {padding: 18px 8px;line-height: 0;} .small, small {font-size: 80% !important;} .blu-cir-btn {background: #00add1; border: 1px solid #00a0c9; border-radius: 20px !important; color: #FFF; text-transform: uppercase; font-weight: 500; padding: 16px 15px;} .watchlist_addstock .datedropdown .dropdown-menu td, th {padding: 1px 2px !important; vertical-align: top !important;} .btn, .btn-large, .btn-flat {border: none; border-radius: 2px; display: inline-block; height:34px !important;line-height: 0;} .watchlist_addstock .btn .caret {margin-left: 0; text-align: right !important; float: right !important; top: 17px; position: absolute; right: 26px;} .best-of {padding: 0px; text-align: center; font-size: 26px; font-weight: 200; line-height: 2.6rem; color: #fff !important;} .pf-folio-tab2 b, strong {font-weight:400;} .pf-sec, .pf-table-sec, .pf-table-sec section {margin:0px; width:99.99% !important;padding:4px;border-radius: 10px;} .tabs .tab a.active { border-bottom: 2px solid #00add1; padding-bottom: 10px;color: #3a4050 !important; background: #eee;} .tabs .tab a {padding: 5px !important;} .mkt-stk-nm div a, .mkt-stk-nm > a, .mkt-stk-val div {font-size: 15px !important;} /*.tab-content td p{margin: 0px 0 2px!important;font-size:14px;/* color: #9ea4a7; line-height: 1rem;}*/ tr td:first-child.divid-tabl, .divid-tabl {background: #eee !important; text-transform: capitalize; color: #333;font-size: 14px !important;font-weight: 500; text-align: left!important;padding: 2px!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;} .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: 3px 9px 5px 8px;line-height: 1.42857143; vertical-align: top !important; border-top: 1px solid #ddd; font-size: 1.1rem;} } @media only screen and (max-width:960px) { .search-inyourstk input[type="text"], .ad-stk-frm-serch, .ad-stk-frm-serch[type="text"] {background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 12px 8px #fff; border: 1px solid #d1d1d1; border-radius: 0px; box-shadow: 0 1px 3px rgba(0,0,0,.15) inset; color: #333; padding:2px 10px 2px 30px; transition: all .7s ease; width:84%; max-width: 100%; position: relative; top:8px; left:0px;} } @media only screen and (max-width:320px) { .watchlist_addstock .inputcol2 {max-width: 93%; min-width: 98%;} .smallpopup {text-align: center !important; width: 98% !important; float: left; margin: auto; margin-left: 1%; margin-right: 1%;margin-top: 20%; z-index: 1155 !important; min-height: 120px !important; background: #FFF !important;} .small, small {font-size: 70% !important;} .best-of {padding: 0px; text-align: center; font-size: 26px; font-weight: 200; line-height: 2.6rem; color: #fff !important;} .search-inyourstk input[type="text"], .ad-stk-frm-serch, .ad-stk-frm-serch[type="text"] { background: url(https://i.marketsmojo.com/search_icon.png) no-repeat 12px 8px #fff; border: 1px solid #d1d1d1; border-radius: 0px; box-shadow: 0 1px 3px rgba(0,0,0,.15) inset; color: #333; padding:4px 15px 4px 30px; transition: all .7s ease; width:70%; max-width: 260px; position: relative; top: 9px; left: 15px;} } .mktlogo{width:78%;} .motimargin{padding:0px 0px;margin:10px 0px 0px 0px;} @media screen and (max-width:750px) { .mktlogo{width:100%;} } .w_app-content{position:absolute; right:0%; top:0px;z-index:1;} .w_apparea {float: right;right: 5%;height: 130px;width: 219px;position: relative;margin-top:0;background: url(https://i.marketsmojo.com/graph/mojo-go-logo_web_new.png) no-repeat;} .w_appstore{width:100%;position:relative;top:30px;float:right;right: 9px;text-align: right;} .w_googlestore{width:100%;position:relative;top:25px;float:right;right: 9px;text-align: right;} /* ************app store*************** */ .appbgarea{position:relative; right:8px; top:15px;z-index:1;float:right;} .appbg{float:left;width:304px;background-color:#e6e7e8;padding:6px 6px 6px 6px;} .appbgcontent{width:100%; float:left; margin:auto;text-align:center;font-size:18px;color:#00acd3;font-family: 'Barlow', sans-serif;font-weight:600;padding-bottom:6px;} .appbgimg{width:100%; float:left;position:relative;z-index:999999;} .appg{width:50%; float:left;border:1px solid #00acd3;} .appios{width:50%; float:left;border:1px solid #00acd3;} @media only screen and (min-width:1300px) and (max-width:1400px) { .appbgarea{top:22px;} } @media only screen and (min-width:1100px) and (max-width:1300px) { .appbgarea{top:26px;} } @media screen and (max-width:960px) { .appbgarea {position: relative;right: 0;float: left;width: 100%;left:8px;top:13px;padding-bottom:18px; z-index: 1;} .bannercolumn_new{width:100%;float:left;} .bannercolumn_new img{width:100%;} } .stbannernew_new { width:100% !important;float: left;margin: auto;cursor:pointer;padding: 4px 4px;background: transparent;border-top: 0px solid #808082;border-radius: 2px;margin-left:0%;margin-right:0%;margin-top:0px;margin-bottom:0px;} .stbannernew { width:100%;float: left;margin: auto;position:relative;z-index:2;cursor:pointer;padding: 4px 4px;background: transparent;font-family: 'Roboto Condensed', sans-serif;border-top: 0px solid #808082;border-radius: 2px;margin-left:0%;margin-right:0%;margin-top:0px;margin-bottom:0px;} .stbannernew2{width:100%; float:left;text-align:center;left:0;border:1px solid #a5a4a5;padding:3px;} .stbannernew3{width:100%; float:left;text-align:center;left:0;border:1px solid #a5a4a5;padding:0px 0px;} .stbannernew5{font-weight:600;} .stbannernew14 a{color:#FFFFFF;} .greencolorbg{background-color:#8ac440 !important;} .redcolorbg{background-color:#ff0000 !important;} .greencolor{color:#8ac440 !important;} .redcolor{color:#ff0000 !important;} .bluecolorbg{background-color:#00add4;} .stbannernew2 {width: 99%;} .stbannernew4{width:100%; float:left;padding:6px 5px;height:30px; text-align:center;color:#ffffff;font-size:15px;line-height:18px;} .stbannernew4 {padding: 6px 6px;height: auto;} .stbannernew7{width:100%; float:left;padding-right:0px;} .stbannernew9{width:100%; float:left;padding-right:0px;} .stbannernew12{width:100%; float:left;padding:0px 0px;} .stbannernew6{width:100%; float:left; margin:auto;height:auto;background-color: #FFF;} .stbannernew8{font-size:15px; line-height:15px;height:auto;text-align:center;padding:5px 6px;margin:0px 0px;font-family: 'Roboto Condensed', sans-serif;} .stbannernew13 {float:left;width:100%;font-size: 15px;line-height: 15px;height: auto;text-align: center;padding: 0px 6px;margin: 0px 0px 12px;} .stbannernew10{font-size:18px;font-weight:600; line-height:18px;text-align:center;padding:5px 6px;margin:0px 0px;font-family: 'Roboto Condensed', sans-serif;} .stbannernew14{width:38%;margin:0px 31%;font-size:16px;line-height:16px;font-weight:600;background-color:#8ac440;color:#FFFFFF;text-align:center;padding:4px 5px;font-family: 'Roboto Condensed', sans-serif;} @media (min-width:1300px) and (max-width:1400px){ .stbannernew { width:100%;float: left;margin: auto;padding: 4px 4px;background: transparent;font-family: 'Roboto Condensed', sans-serif;border-top: 0px solid #808082;border-radius: 2px;margin-left:0%;margin-right:0%;margin-top:0px;margin-bottom:0px;} } @media screen and (max-width:960px) { .stbannernew {width: 100%;} } .stb1_1 {width:100% !important;} .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{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: 0;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;} } @media only screen and (max-width: 1440px){ .alttooltip{left:112%;} } @media only screen and (max-width: 1366px){ .alttooltip{left:120%;} } @media only screen and (max-width: 1280px){ .alttooltip{left:108%;} } @media only screen and (max-width: 1091px){ .tbllftn{float: none; width:95px;} .tblrhtn{float: none; width:146px; text-align: left;margin: 0px 0px;} .alttooltip{left:62%;padding: 20px 14px;} } @media only screen and (max-width: 768px){ .alttooltip{left:50%;padding: 20px 14px;} } @media only screen and (max-width: 550px){ .alttooltip{transform: translate(-20%, 0%);} .tooltiparw{display: none;} } @media only screen and (max-width: 420px){ .alttooltip{transform: translate(-22%, 0%);} } @media only screen and (max-width: 375px){ .alttooltip{transform: translate(-20%, 0%);} } @media only screen and (max-width: 320px){ .alttooltip{transform: translate(-20%, 0%); width: 290px; height: 200px;} } .midcontent_add{margin-top:0 !important;} td.tableleftcol2 {border-right: 0;} .mojotag {position: relative;right:-5px;top:-3px;text-align:right;display:inline-block;} .mojotag img{width: 45px;} .scoreth{border-left: 2px solid #fff;width:150px;} @media screen and (max-width:960px) { .mojotag {top:-5px;} } .mojotagnew{font-family: Oswald;height:auto;width:72px;margin: 0px 25%;background: #48BF63;border-radius: 8px;position:absolute;top:-9px; left: 0px;font-style: normal;font-weight: normal;font-size: 10px;line-height: 10px;align-items: center;text-align: center;padding:3px 5px;text-transform: uppercase;color: #FFFFFF;} .addbuttonnew{width:100%; float:left;text-align:left;padding-right:6px; padding-top:14px;position: relative; left:0px;} .addbuttonnew2 {max-width: 220px;min-width: 220px;height:35px; letter-spacing: 0.5px;background-color: #00add1;padding:5px 6px; color: #000;float:left; font-size: 16px;font-weight:500;text-align: center;font-family: Oswald;border-radius:5px;} .addbuttonnew2 a{color:#FFF;text-decoration:none;} .addbuttonnew i.fa.fa-angle-down {font-size: 24px;line-height: 12px;position: relative;top: 4px;left: 4px;} .addbuttonnew22 {max-width: 220px;min-width: 220px;height:35px; letter-spacing: 0.5px;border:1px solid #000;background-color: #FFF;padding:5px 6px; color: #000;float:left; font-size: 16px;font-weight:500;text-align: center;font-family: Oswald;border-radius:0px;} .addbuttonnew22 a{color:#000000;text-decoration:none;} .addbuttonnew .dropdown-menu {left:0px; min-width: 226px;max-width: 290px;padding: 5px 0;margin: 2px 0 0;font-size: 16px;text-align: left; z-index: 2;} .addbuttonnew ul {margin: 0px 0px; padding: 0px 0px 4px;} .addbuttonnew ul li {display: block;margin: 0px 0px 0px 0px;position: relative;z-index: 1;} .addbuttonnew .inline li {cursor: pointer;min-width: 192px;padding: 6px 0px;font-family: Oswald;color:#000;text-decoration: none;border-bottom: 1px solid #FFF;background: #eee;margin: 1px 0px;margin-bottom:1px;} .addbuttonnew .inline li a{color:#000;padding: 0px 10px;} .addbuttonnew .sendbutton{width:100%;cursor:pointer;background-color:#00add1;padding:4px 6px;font-family: Oswald;border-radius:0px;text-align:center;font-size:16px;line-height:22px;} .addbuttonnew .sendbutton a{color:#FFFFFF;} .addbuttonnew .sendbutton2{width:100%;cursor:pointer;border:1px solid #00add1;background-color:#FFF;padding:4px 6px;font-family: Oswald;border-radius:0px;text-align:center;font-size:16px;line-height:22px;} .addbuttonnew .sendbutton2 a{color:#000;} .marginb{margin-top:6px;} .mrb{margin:4px 10px !important;} /* ************14072020 thankyou model**************** */ #addacount_new{width:40%;margin:0 auto; position:fixed;z-index:9999999;top:10%; font-family: 'Open Sans', sans-serif;} #addacount_new .close-blk {top:9px !important;right:36px !important;background: #FFF;color: #6e6e6e;font-weight:600;font-size: 15px; padding:0px 7px; border-radius: 50%; border: 2px solid #000000; position: absolute;z-index: 99999999999;} /* ****************** */ #addacount_new .streport1_new2{width:100%; float:left;margin:0px 0%;padding:30px;} #addacount_new .streport1_new{width:96%; float:left;margin:auto;background-color:#FFF;padding: 10px;} #addacount_new .streport1_1_new{width:100%; float:left;margin:auto;padding: 0px 12px;} #addacount_new .thtext_new{font-size:30px;line-height:32px; font-weight:600;font-family: Oswald;color:#000;line-height:24px;text-align:center;padding:10px 0px 0px;} #addacount_new .thtext_new2{font-size:20px;color:#000;font-weight:600;line-height:24px;text-align:center;padding:0px 15px 0px;} #addacount_new .thtext_new3{font-size:15px;color:#000;line-height:16px;text-align:center;padding:0px 15px;} #addacount_new .passcontent{width:100%; float:left;padding:0px 15%;margin-bottom:25px;} #addacount_new .form-control {border-radius:0px;} #addacount_new .sendbutton{width:100%;cursor:pointer;background-color:#00add1;padding:6px 6px;font-family: Oswald;border-radius:0px;text-align:center;font-size:16px;line-height:22px;} #addacount_new .sendbutton a{color:#FFFFFF;} #addacount_new .thtext_new4{font-size:14px;color:#000;line-height:20px;text-align:center;padding:10% 15px 0px;} #addacount_new .thtext_new4 a{text-decoration:underline;color:#00abcf;} #addacount_new i.fa.fa-check {font-size:13px;} #addacount_new .modelbuttonpadd{width:60%; float:left;margin:0px 20%;padding:10px 0% 0px;} #addacount_new input.form-control{height: 30px;padding: 3px 8px;width: 100%;border-radius:0px;} @media screen and (max-width:960px) { .addbuttonnew .dropdown-menu{left: 3px; max-width: 100%;} .addbuttonnew{left:0; padding: 3px 2% 8px;} .addbuttonnew2 {max-width: 100%;min-width:100%; padding: 3px 6px;} .addbuttonnew22 {max-width: 100%;min-width: 100%;height: 30px;padding:2px 6px;margin-bottom: 6px;} #addacount_new {width:100%;margin:0 auto; position:fixed;z-index:9999999;top:15%;} #addacount_new .streport1_new2 {padding: 8px;} #addacount_new .close-blk {top:4px !important;right:10px !important;} #addacount_new .passcontent {width: 100%;float: left;padding: 0px 8px;margin-bottom:15px;} #addacount_new .modelbuttonpadd{width:100%; float:left;margin:0px 0%;padding:15px 4% 0px;} #addacount_new .sendbutton {width: 100%;} #addacount_new .cancelbutton {width: 100%;margin-left:0px;} #addacount_new .thtext_new4 {font-size: 14px;color: #000;line-height: 20px;text-align: center;padding: 10% 0px 0px;} } /* ************14072020 thankyou model**************** */ #eddacount_new{width:40%;margin:0 auto; position:fixed;z-index:9999999;top:10%; font-family: 'Open Sans', sans-serif;} #eddacount_new .close-blk {top:9px !important;right:36px !important;background: #FFF;color: #6e6e6e;font-weight:600;font-size: 15px; padding:0px 7px; border-radius: 50%; border: 2px solid #000000; position: absolute;z-index: 99999999999;} /* ****************** */ #eddacount_new .streport1_new2{width:100%; float:left;margin:0px 0%;padding:30px;} #eddacount_new .streport1_new{width:96%; float:left;margin:auto;background-color:#FFF;padding: 10px;} #eddacount_new .streport1_1_new{width:100%; float:left;margin:auto;padding: 0px 12px;} #eddacount_new .thtext_new{font-size:30px;line-height:32px; font-weight:600;font-family: Oswald;color:#000;line-height:24px;text-align:center;padding:8px 0px 0px;} #eddacount_new .thtext_new2{font-size:20px;color:#000;font-weight:600;line-height:24px;text-align:center;padding:0px 15px 0px;} #eddacount_new .thtext_new3{font-size:15px;color:#000;line-height:16px;text-align:center;padding:0px 15px;} #eddacount_new .passcontent{width:100%; float:left;padding:0px 15%;margin-bottom:25px;} #eddacount_new .form-control {border-radius:0px;} #eddacount_new .sendbutton{width:100%;cursor:pointer;background-color:#00add1;padding:6px 6px;font-family: Oswald;border-radius:0px;text-align:center;font-size:16px;line-height:22px;} #eddacount_new .sendbutton a{color:#FFFFFF;} #eddacount_new .sendbutton2{width:100%;cursor:pointer;border:1px solid #00add1;background-color:#FFF;padding:4px 6px;font-family: Oswald;border-radius:0px;text-align:center;font-size:16px;line-height:22px;} #eddacount_new .sendbutton2 a{color:#000;} #eddacount_new .thtext_new4{font-size:14px;color:#000;line-height:20px;text-align:center;padding:10% 15px 0px;} #eddacount_new .thtext_new4 a{text-decoration:underline;color:#00abcf;} #eddacount_new i.fa.fa-check {font-size:13px;} #eddacount_new .modelbuttonpadd{width:60%; float:left;margin:0px 20%;padding:10px 0% 0px;} #eddacount_new input.form-control{height: 30px;padding: 3px 8px;width: 100%;border-radius:0px;} .trash{font-size:16px;line-height:16px;font-weight:600;font-family: Oswald;color:#ec1c24;position:relative;top:8px;} #eddacount_new .passcontent_new{width:100%; float:left;padding:0px 0%;margin-bottom:25px;} #eddacount_new .modelbuttonpadd_new{width:100%; float:left;margin:0px 0%;padding:10px 0% 0px;} @media screen and (max-width:960px) { .toplinktext2 {text-align:center;padding: 0px 6px;} .toplinktext {text-align:center;padding: 0px 6px;} #eddacount_new {width:100%;margin:0 auto; position:fixed;z-index:9999999;top:15%;} #eddacount_new .streport1_new2 {padding: 8px;} #eddacount_new .close-blk {top:4px !important;right:6px !important;} #eddacount_new .passcontent {width: 100%;float: left;padding: 0px 8px;margin-bottom:15px;} #eddacount_new .modelbuttonpadd{width:100%; float:left;margin:0px 0%;padding:15px 4% 0px;} #eddacount_new .sendbutton {width: 100%;} #eddacount_new .cancelbutton {width: 100%;margin-left:0px;} #eddacount_new .thtext_new4 {font-size: 14px;color: #000;line-height: 20px;text-align: center;padding: 10% 0px 0px;} #eddacount_new .streport1_new {width: 100%;padding: 10px;} #eddacount_new .streport1_1_new {padding: 0px 0px;} #addacount_new input.form-control {width: 100%;} .addbuttonnew ul {top:30px;} .addbuttonnew ul li {padding: 0px 4px;} } .webinarstbg2{display:none !important;} .alertq {cursor:pointer;height: auto; width: 40%; margin: 0px 30%; position: absolute; top: -10px; left: 0px; text-align: center; padding: 3px 5px; z-index: 1;} /*adplugg code*/ .sticky-top-ad { margin-top: 115px; margin-bottom: -80px; } @media (max-width: 740px) { .sticky-top-ad { margin-top: 100px; margin-bottom: -80px; } } .watchlist-unpaid-blur{background-image: url("https://i.marketsmojo.com/mojoprofessional/unpaid-blur.png"); background-repeat: no-repeat; height: 40px; width: 180px;} .som-tag{ background-color: #91C84D; color: #fff;} .green-tag{ background-color: #3AB54A; color: #fff;} .skyblue-tag{ background-color: #4968EB; color: #fff;} .blue-tag{ background-color: #00B7D6; color: #fff;} .purple-tag{ background-color: #640466; color: #fff;} .curve-tag{font-family:Oswald;position:absolute;top:-3px;left:50%;width:80%;transform:translate(-50%,-50%);/* margin:0px auto;*/ border-radius:8px;font-style:normal;font-weight:normal;font-size:10px;line-height:10px;align-items:center;text-align:center;padding:3px 5px;text-transform:uppercase;color:#FFFFFF;} .more-btn-portfolio{background:#7545db;color:#fff;font-size:10px!important;font-weight:500;position:absolute;bottom:-2px;left:35%;border-radius:20px;padding:1px 8px;margin:0 auto;text-align:center;} .more-btn-portfolio:hover{background:#7545db;color:#fff;font-size:10px!important;font-weight:500;position:absolute;bottom:-2px;left:35%;border-radius:20px;padding:1px 8px;margin:0 auto;text-align:center;} .product-icon-tag-wrapper{ display:inline-flex; position: relative;} .product-icon-tag{ font-size: 13px; text-align: left; display: flex; line-height: 26px; background: transparent; color: #424242;} .product-icon-Name{ font-weight: bold; position: relative; padding: 0px 10px;} .product-icon-detail{ border: 1px solid #4968EB; font-weight: 400; position: relative; padding: 0px 10px;} .product-icon-tag-wrapper p a{ color:#4968EB; font-style: italic;font-size:12px; margin: 0px 0px 0px 5px;} .green-tag .product-icon-Name{ background-color: #3AB54A; color: #fff;} .skyblue-tag .product-icon-Name{ background-color: #4968EB; color: #fff;} .blue-tag .product-icon-Name{ background-color: #00B7D6; color: #fff;} .purple-tag .product-icon-Name{ background-color: #640466; color: #fff;} .som-tag .product-icon-Name{ background-color: #91C84D; color: #fff;} #newstockscore .product-icon-Name{ padding: 6px 6px!important;} .product-icon-modal-md{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;width:40%;margin:0 auto;border-radius:12px;padding:20px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;} .mb-space{margin-bottom:10px;} .px-btn-border{border:2px solid #7545db;text-decoration:none;color:#7545db;padding:0 8px;line-height:33px;position:relative;display:inline-block;background:none;-moz-transition:ease all 0.35s;-o-transition:ease all 0.35s;-webkit-transition:ease all 0.35s;transition:ease all 0.35s;border-radius:8px;font-size:13px;font-weight:500;} .px-btn-border:hover{text-decoration:none;background:linear-gradient(93.47deg,#7545db 4.48%,#4968eb 97.9%);color:#fff;} .product-icon-tag-wrapper a{text-decoration:none;} @media (max-width:750px) { .product-icon-tag{ font-size: 12px;} .product-icon-detail, .product-icon-Name{ padding: 0px 5px;} .product-icon-modal-md{ width: 90%; margin: 0 auto;} } .watchlist_addstock .portfolioAddDiv_Markets .flag_wrap{display:flex;gap:5px} .watchlist_addstock .portfolioAddDiv_Markets .inline li{min-width:100%;} .watchlist_addstock .portfolioAddDiv_Markets .menu-flag-wrapper{gap:3px !important;font-size:12px;align-items:start;} .watchlist_addstock .portfolioAddDiv_Markets .panel-heading a{color:#1C1C1C;} .watchlist_addstock .portfolioAddDiv_Markets .menu-flag-wrapper span{width:70px;line-height:normal;white-space:normal;word-wrap:break-word;} .watchlist_addstock .portfolioAddDiv_Markets .portdropsubdown{background-color:#fff;padding:7px;border-radius:4px;max-height:150px;box-shadow:0 6px 12px rgba(0,0,0,.175);}