/* * Zacks MF Screener * @author: Subhranil Dutta (subhranild@zacksindia.com) * @ copyright: 2019 */ legend+* { clear: inherit; } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*font-color*/ .text-danger { color: #dc3545 !important; } a{ color: #1256AF; } a:focus { outline-offset: 2px; } .dataTable thead th button{ background: none; width: 100%; border: none; color: #333; font-weight: bold; } .dataTable thead th button:focus{ outline: 2px dotted #000; box-shadow: none; } .appear-on-focus { position: absolute; left: -10000px; padding: 6px; } .appear-on-focus:focus, .appear-on-focus:focus-within { position: static; left: 0; top: 0; } button.modal_external:focus{ position: absolute; z-index: 9; padding: 4px 3px; min-width: 150px; font-size: 9pt; top: 2px; left: -16px; } /*Default Class*/ input[type=text], input[type=password], select, input[type=search]{ border: 1px solid #cacaca; color: #29323b; min-width: 80px; font-weight: normal; @media screen and (max-width: 991.98px) { min-height: 30px; } } :focus{ -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); } #modal_interface :focus{ -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; outline: 2px dotted #000; } input[type=text]:focus , input[type=password]:focus , select:focus , input[type=search]:focus , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading button:focus , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer button:focus , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a:focus , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a:focus , input[type=submit]:focus , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table td > a:focus{ border: 1px solid #000000; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); } /*Rank Chip*/ #screener_table_wrapper .rank_chip{ width: 21px; height: 21px; } #screener_table_wrapper .rank_chip.rankrect_NA{ color: #000; text-shadow: none; font-size: 13px; font-weight: normal; } #screener_table_wrapper .rank_chip.style_score.style_score_NA , #screener_table_wrapper .composite_val.composite_val_vgm.composite_val_NA{ font-size: 13px; font-weight: normal; } #screener_table_wrapper .composite_val_vgm{ display: inline-block; margin: 0 2px 0 0; width: 21px; height: 21px; padding-top: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font: bold 14px Helvetica, Arial, sans-serif; color: #ffffff; text-align: center; text-shadow: 0px -1px 1px rgba(0,0,0,0.9); -webkit-text-shadow: 0px -1px 1px rgba(0,0,0,0.9); -moz-text-shadow: 0px -1px 1px rgba(0,0,0,0.9); box-shadow: 0px 1px 1px #ffffff; -webkit-box-shadow: 0px 1px 1px #ffffff; -moz-box-shadow: 0px 1px 1px #ffffff; line-height: 15px !important; } #screener_table_wrapper span.rank_chip.style_score{ border: 1px solid #cacaca; background: #e0e0e0; color: #000000; text-shadow: none; } #screener_table_wrapper table.dataTable tbody td img.premium_ico{ margin: 0 auto; display: block; position: relative; left: -5px; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: pointer; pointer-events: auto; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading button, .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer button, .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a, .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table td > a, .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table td > a, .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a, input[type=submit], input[type=button]{ border: 1px solid #4AA255; background: #0f771c; color: #fff; } input[type=submit], input[type=button]{ min-width: 80px; } /*Main Container*/ .container-custom{ width: 1004px; } /* Style the tab */ .tab { border: none; background-color: #0f771c; height: 34px; } .tab button.disabled, .tab button.disabled:hover{ /*opacity: 0.3;*/ } /* Style the buttons that are used to open the tab content */ .top-kebab-menu { display: none; } ul.screener-tabs li a.js-tablist__link{ padding: 31px 10px 5px; color: #fff; text-transform: uppercase; font-size: 9pt; font-weight: bold; min-width: auto; background: none; padding: 10px 12px 7px; border-right: 1px solid #41ab01; border-left: 1px solid #000; border-bottom: none; box-shadow: none; float: left; cursor: pointer; } /* Change background color of buttons on hover */ ul.screener-tabs li a.js-tablist__link:hover { background: none; transition: all linear 0s; -moz-transition: all linear 0s; -webkit-transition: all linear 0s; opacity: 1; text-decoration: none; } ul.screener-tabs li a.js-tablist__link:focus{ -webkit-box-shadow: inset 0px 0px 12px -6px rgba(15 119 28); -moz-box-shadow: inset 0px 0px 12px -6px rgba(15 119 28); box-shadow: inset 0px 0px 12px -6px rgba(15 119 28); border-right: 1px solid #41ab01; border-top: none; border-bottom: none; outline: 2px dotted #000; outline-offset: -4px; } /* Create an active/current tablink class */ ul.screener-tabs li.tabhighlight a{ border-left: 1px solid #01aed0; border-right: 1px solid #01aed0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d697d+0,1d6578+24,1c4f5e+100 */ background: rgb(29,105,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(29,105,125,1) 0%, rgba(29,101,120,1) 24%, rgba(28,79,94,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(29,105,125,1) 0%,rgba(29,101,120,1) 24%,rgba(28,79,94,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(29,105,125,1) 0%,rgba(29,101,120,1) 24%,rgba(28,79,94,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d697d', endColorstr='#1c4f5e',GradientType=0 ); /* IE6-9 */ border-left: 1px solid #4aa255; border-top: 1px solid #4aa255; border-right: 1px solid #4aa255; background: rgb(255, 255, 255); color: #000; } ul.screener-tabs li a:focus{ -webkit-box-shadow: inset 0px 0px 12px -6px rgba(15 119 28); -moz-box-shadow: inset 0px 0px 12px -6px rgba(15 119 28); box-shadow: inset 0px 0px 12px -6px rgba(15 119 28); outline: 2px dotted #000; outline-offset: -4px; } ul.screener-tabs li a[aria-disabled="true"] , ul.screener-tabs li a[aria-disabled="true"]:hover{ background: rgb(175, 175, 175); color: #ececec; opacity: 1; text-decoration: none; } ul.screener-tabs li a.disabled{ box-shadow: none; } /* Style the tab content */ .tabcontent { border: 1px solid #29323B; margin-bottom: 15px; min-height: 500px; } /* Page Header */ .container-custom > h3.page-header{ background:url(../../../images/screener/valueline/stick-strip-bg.png) repeat 0 0 #f2f2f2; border-bottom: 1px solid #4AA255; } /* Left Panel */ .tabcontent > aside { float: left; } /* accordion list item */ .tabcontent > aside .panel-group .panel .panel-body ul li a{color: #000000; font-weight: bold;} .tabcontent > aside .panel-group .panel .panel-body ul li a:hover{color: #1d5eb5; font-weight: bold;} .tabcontent > aside .panel-group .panel .panel-body ul li.active{background: #d0d0d0; color: #000;} .tabcontent > aside .panel-group .panel .panel-body ul li.active a:first-child{color: #000;} /* Right Panel */ .tabcontent > aside .panel-group .panel .panel-body ul li:hover a{color: #1d5eb5;} .tabcontent > aside .panel-group .panel .panel-heading , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel > .panel-heading , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading{ background: #535252; padding: 10px 6px; } /* Right Panel - My Criteria Section */ .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table{ width: 100%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table caption , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table caption{ width: 0; height: 0; padding: 0; margin: 0; font-size: 0; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table tr:nth-child(even) , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table tr:nth-child(even){ background: #fff; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table tr th , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table tr th { width: 92%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table tr th , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table tr th , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table tr td , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table tr td{ padding: 3px 3px 3px 4px; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > label , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > legend{ width: 190px; padding-top: 0; position: relative; top: 3px; margin-bottom: 5px; } /*Select Items sections*/ .tabcontent > section.criteria-wrapper #criteria_panel ul li fieldset span.rank-chip-selector{ float: right; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset{ width: 92%; border: none; margin: 0; padding: 0; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset{ width: 100%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset label.criteria-name , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset legend.criteria-name , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset legend.criteria-name , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset legend.criteria-name{ width: 427px; margin-right: 5px; margin-bottom: 5px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset legend.criteria-name h3 , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset legend.criteria-name h3 , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset legend.criteria-name h3{ color: #4b4b4b; font-size: 9pt; float: left; margin: 0; font-weight: bold; margin-right: 5px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset legend.criteria-name h3 span.criteria-select-box{ position: absolute; left: 437px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset span.criteria-select { width: 124px; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset span.criteria-select{ width: 106px; } /*My Criteris sections*/ .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset { width: 90.8%; border: none; margin: 0; padding: 0; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select{ width: 100px; } /*Results Tab datatable width*/ .datatable-list .panel-heading{ display: inline-block; width: 100%; } .datatable-list .panel-heading h5, .datatable-list .panel-heading h2{ font-weight: bold; display: inline; margin-left: 45px; position: relative; top: 6px; font-size: 14px; } #screener_table_wrapper.dt-container{ position: relative; } #screener_table_wrapper .dt-buttons{ position: absolute; right: -5px; top: -49px; } #screener_table_wrapper .dt-buttons a.dt-button , .datatable-list .panel-heading a.dt-button , .datatable-list .panel-heading button.dt-button { padding: 0; border: 1px solid #6b6b6b; float: left; height: 26px; border-radius: 3px; text-transform: uppercase; position: relative; background: #ccc; } #screener_table_wrapper .dt-buttons a.dt-button span , .datatable-list .panel-heading a.dt-button span , .datatable-list .panel-heading button.dt-button span{ font-weight: bold; font-size: 8pt; color: #6b6b6b; margin-top: 5px; background-repeat: no-repeat; /* background-color: #4aa255; */ background-color: #5d5d5d; width: 150px; height: 150px; float: left; position: relative; border-radius: 50%; text-indent: 155px; line-height: 185px; -webkit-box-shadow: 10px 10px 5px -13px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px -13px rgba(0,0,0,0.75); box-shadow: 10px 10px 5px -13px rgba(0,0,0,0.75); } .datatable-list .panel-heading a.back-to{ background: #ccc; color: #4b4b4b; padding: 2px 7px 4px 4px; border-radius: 5px; border: 1px solid #4b4b4b; font-weight: bold; text-decoration: none; position: absolute; left: 20px; top: 15px; width: 28px; height: 22px; transform: rotate(180deg); font-size: 14pt; line-height: 17px; display: inline-block; } .datatable-list .panel-heading a.back-to > span{ display: none; } .datatable-list .panel-heading a.back-to:hover > span{ display: block; transform: rotate(-180deg); position: absolute; top: 25px; left: -11px; font-size: 10pt; background: #fff; padding: 1px 5px; color: #000; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); } .datatable-list .panel-heading a.dt-button.buttons-portfolio:focus:not(.disabled) , .datatable-list .panel-heading button.dt-button.buttons-portfolio:focus:not(.disabled){ border: 1px solid #6b6b6b; text-shadow: none; background: #ccc; background-image: none; } #screener_table_wrapper .dt-buttons a.dt-button.buttons-save{ width: 80px; } #screener_table_wrapper .dt-buttons a.dt-button.buttons-csv{ width: 90px; /*right: -89px; position: relative;*/ } #screener_table_wrapper .dt-buttons a.dt-button.buttons-csv, #screener_table_wrapper .dt-buttons a.dt-button.buttons-copy, #screener_table_wrapper .dt-buttons a.dt-button.buttons-print { padding: 0; border: 1px solid #6b6b6b; float: left; height: 26px; border-radius: 3px; text-transform: uppercase; position: relative; background: #ccc; } #screener_table_wrapper .dt-buttons a.dt-button:first-child span, #screener_table_wrapper .dt-buttons a.dt-button:nth-child(2) span { background-image: url(../../../images/screener/save.png) !important; background-position: 123px 83px; left: -119px; top: -85px; } #screener_table_wrapper .dt-buttons a.dt-button:nth-child(2) span{ background-image: url(../../../images/screener/refresh.png) !important; } #screener_table_wrapper a.dt-button.buttons-portfolio span, #screener_table_wrapper .dt-buttons a.dt-button:first-child span{ background-image: url(../../../images/screener/csv.png) !important; background-position: 123px 83px; left: -119px; top: -85px; } #screener_table_wrapper .dt-buttons a.dt-button:nth-child(2) { width: 86px; /*position: relative; right: 252px;*/ } #screener_table_wrapper .dt-buttons a.dt-button:hover { background-color: #6B6B6B; transition: all linear 0.3s; -moz-transition: all linear 0.3s; -webkit-transition: all linear 0.3s; border: 1px solid #000; background-image: inherit; } #screener_table_wrapper .dt-buttons a.dt-button:hover span { color: white; } .datatable-list .panel-heading a.dt-button , .datatable-list .panel-heading button.dt-button{ position: relative; top: 3px; /*right: 90px;*/ right: 180px; z-index: 1; } .datatable-list .panel-heading a.dt-button.buttons-portfolio span , .datatable-list .panel-heading button.dt-button.buttons-portfolio span{ background-image: url(../../../images/screener/portfolio.png) !important; background-position: 123px 83px; left: -119px; top: -85px; } .datatable-list .panel-body .dataTables_wrapper .dataTables_paginate{ width: auto; margin-top: 11px; position: relative; float: left; top: 1px; } .datatable-list .panel-body .panel-footer{ padding: 0 15px; } /*.tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li:nth-child(even) {background: #f1f1f1;}*/ .tabcontent > aside .panel-group .panel .panel-heading h4.panel-title , .tabcontent > aside .panel-group .panel .panel-heading h2.panel-title , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel > .panel-heading h4.panel-title , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading h4.panel-title , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel > .panel-heading h2.panel-title , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading h2.panel-title{ font-size: 10pt; font-weight: bold; color: #fff; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading h4.panel-title span#cr_cnt , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-heading h4.panel-title span#cr_cnt{ display: inline-block; margin-left: 5px; } #predefined.tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body{ padding: 15px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a.premium{ width: 35px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a.premium img{ position: relative; top: -1px; } /*Tooltip*/ /** Container for positioning */ .tooltip-container { display: inline-block; position: relative; } /*Trigger button icon*/ .trigger { background: none; border: 0; background-color: inherit; color: rgba(255,255,255,1); width: 20px; height: 20px; padding: 1px 1px 0 0; margin: -8px 0 0 0; font-size: 10px; vertical-align: middle; border-radius: 100px; cursor: pointer; min-width: 16px; } .trigger:focus { outline: 3px dotted black; outline-offset: 2px; box-shadow: none; border: none; } .trigger[aria-expanded="true"] + .tooltip { display: block; opacity: 1; } /* Tooltip */ .tooltip { display: none; position: absolute; top: -22px; left: 26px; width: 350px; padding: 10px 15px 10px 15px; background-color: rgba(0,0,0,.9); color: rgba(255,255,255,1); font-size: 12px; border-radius: 10px; } .info-icon-best:before{ content: ''; background-image: url(/images/icons/general/info-icon.png); background-position: inherit; background-size: 14px 14px; background-repeat: no-repeat; height: 14px; width: 14px; display: inline-block; position: relative; top: 0; } /** Arrow indicator */ .tooltip:before { position: absolute; left: -10px; top: 15px; content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid rgba(0,0,0,.9); border-bottom: 10px solid transparent; } @media (max-width: 414px){ .tooltip{ top: -91px; width: 165px; } .tooltip:before{ top: 85px; } } /** Close button */ .tooltip .close-button { position: absolute; right: -10px; top: -15px; width: 25px; height: 25px; padding: 1px 0 0 0; background: none; border: 1px solid rgba(255,255,255,1); border-radius: 100px; cursor: pointer; color: rgba(255,255,255,1); font-size: 11px; opacity: 1; min-width: 16px; font-weight: bold; z-index: 99999999; font-weight: bold; font-size: 23pt; line-height: 10px; background: #000; } .tooltip .close-button:hover, .tooltip .close-button:focus { opacity: 1; } .tooltip .close-button:focus { outline: 2px dotted white; outline-offset: 4px; } .tooltip h2 { font-size: 16px; } .tooltip h2:first-of-type { margin-top: 5px; margin-bottom: 0; } .tooltip p { opacity: .7; margin: 5px 0 20px 0; } .tooltip .button-link { display: inline-block; background-color: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.4); color: #fff; text-decoration: none; padding: 7px 15px; margin-bottom: 10px; border-radius: 5px; } .tooltip .button-link:hover, .tooltip .button-link:focus { background-color: rgba(255,255,255,.15); border-color: rgba(255,255,255,.6); } .tooltip .button-link:focus { outline: 2px dashed rgba(255,255,255,.8); outline-offset: 4px; } /*Help Tab*/ #help .col-xs-12 .panel-group .panel-heading{ background: #535252; } #help img.premium{ width: 16px; border: none !important; box-shadow: none !important; } #help a{ color: #1d5eb5; text-decoration: none; font-weight: bold; } #help a:hover{ color: #1d5eb5; text-decoration: underline; } #help a:focus , #help a:visited{ outline: 2px dotted #000; outline-offset: 1px; box-shadow: none; } /*Save Screen*/ .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#saveScreenField , .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen{ padding-top: 0; margin-bottom: 10px; background: #f1f1f1; padding: 10px 10px 0 10px; } .criteria-wrapper.save-screen{ float: left; } .criteria-wrapper.save-screen form{ padding: 10px; border: 1px solid #cacaca; margin: 5px; } .criteria-wrapper.save-screen .form-group{ display: inline-block; max-width: 100%; width: 100%; margin-bottom: 15px; font-weight: 700; } .criteria-wrapper.save-screen .form-group label{ width: 100%; font-size: 10pt; } .criteria-wrapper.save-screen .form-group input{ margin-bottom: 5px; } .criteria-wrapper.save-screen .form-group input, .criteria-wrapper.save-screen .form-group textarea{ font-weight: normal; width: 100%; } .criteria-wrapper.save-screen .form-group .form-text{ display: block; margin-top: .25rem; } .criteria-wrapper.save-screen table{ margin-bottom: 10px; border: 1px solid #cacaca; } .criteria-wrapper.save-screen table tr:nth-child(even) {background: #f1f1f1;} .criteria-wrapper.save-screen .formError{ margin-left: -100px; } .criteria-wrapper.save-screen .form-group.parameters{ border: 1px solid #cacaca; } .criteria-wrapper.save-screen .form-group.parameters > label , .criteria-wrapper.save-screen .form-group.parameters > h3{ background: #cacaca; border-top: 1px solid #cacaca; padding: 5px 10px; margin-bottom: 0; font-size: 10pt; margin-top: 0; font-weight: bold; line-height: 1.4; } .criteria-wrapper.save-screen .form-group.parameters > ul{ margin: 5px 10px; display: block; list-style: none; } .criteria-wrapper.save-screen .form-group.parameters > ul li{ margin: 0 0 5px 0; list-style: none; padding: 7px 8px !important; } /*.criteria-wrapper.save-screen .form-group.parameters > ul li:hover{ background: none; }*/ .criteria-wrapper.save-screen .form-group.parameters > ul li:nth-child(odd){ background: #e8e8e8; } .criteria-wrapper.save-screen .form-group.parameters > ul li > b{ font-size: 10pt; } .criteria-wrapper.save-screen .form-group.parameters > ul li > span{ font-size: 10pt; color: #000; padding: 3px 6px; } .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table thead th{ width: auto; } .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table tbody tr:hover , .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table tbody tr , .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table tbody td{ background: none; } .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table tbody th{ font-weight: normal; width: auto; height: 30px; border-bottom: 1px solid #cacaca; border-top: none !important; font-size: 9pt; } .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table tbody td{ height: 30px; } .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table tbody td:first-child{ width: 100px; } .tabcontent > section.criteria-wrapper.save-screen .panel-group.select-criteria .panel .panel-body#configScreen table tbody td:last-child input{ width: 65px; } label.visuallyhidden , .sr-only{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /*My Screen and Save Screen button*/ .predifined-screen .select-criteria a{ color: #1256AF !important; } .button, .criteria-wrapper.save-screen button, .criteria-wrapper.my-screen a.button, .criteria-wrapper.predifined-screen a.button, .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-up a.button{ border: 1px solid #004208; background: #0f771c; color: #fff !important; border-radius: 0; text-decoration: none; padding: 2px 5px; font-size: 10pt; text-align: center; font-weight: normal; outline: 0 none; display: inline-block; margin: 0 0 0 0; text-decoration: none; } .button:hover{ text-decoration: none; color: #fff; } .criteria-wrapper.save-screen button:focus, .criteria-wrapper.my-screen a.button:focus, .criteria-wrapper.predifined-screen a.button:focus, .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-up a.button:focus, button:focus, button.ui-button:focus, a.dt-button:focus{ border: 1px solid #000000; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); } a.button.multi_ticker_add_button{ color: #fff !important; text-decoration: none !important; } .criteria-wrapper.predifined-screen a.button.unpublish, a.button.delete.unpublish{ border: 1px solid #8e8e8e; background: #adadad; color: #000000 !important; } a.button.delete.publish{ border: 1px solid #131313; background: #7A7A7A; color: #000000 !important; } .criteria-wrapper a.button.premium{ border: 1px solid #000000; background: #ffffff; color: #000000 !important; } .criteria-situation a.button.premium-req{ border: none; background: none; color: #1d5eb5; font-weight: bold; } .criteria-situation a.button.premium-req:hover{ text-decoration: underline; } .criteria-situation a.button.premium-req img{ position: relative; top: -2px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details ul li span.sort-label > label{ font-weight: normal; font-style: italic; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details ul li span.sort-label input{ width: 50px; padding: 0 0 0 3px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a.premium , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table a.premium , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table a.premium:hover , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body#criteria_panel ul li fieldset span.criteria-select-box a.button.premium{ border: none; background: none; } /*My Screen and Save Screen Table view*/ .criteria-wrapper.save-screen table, .criteria-wrapper.my-screen table{ width: 100% } .criteria-wrapper.save-screen table thead th, .criteria-wrapper.save-screen table tbody td, .criteria-wrapper.my-screen table thead th, .criteria-wrapper.my-screen table tbody td, .criteria-wrapper.my-screen table tbody th{ font-size: 9pt; padding: 4px 8px 4px 4px; line-height: 15px; outline: 0 none; } .criteria-wrapper.save-screen table thead th, .criteria-wrapper.my-screen table thead th{ background: #dadada; border-bottom: 1px solid #000; } .criteria-wrapper.save-screen table tbody td , .criteria-wrapper.my-screen table tbody td , .criteria-wrapper.my-screen table tbody th{ border-bottom: 1px solid #cacaca; border-top: none !important; } .criteria-wrapper.save-screen table tbody td:last-child input{ width: 25px; } /*My Screen*/ .criteria-wrapper.my-screen .panel.panel-default{ -webkit-box-shadow: none; box-shadow: none; } .criteria-wrapper.my-screen table{ border: 1px solid #cacaca; } .criteria-wrapper.my-screen .panel-body{ /* padding: 10px !important; border: 1px solid #cacaca;*/ margin: 5px; } table tr:nth-child(even) {background: #f1f1f1} .criteria-wrapper.my-screen table.dataTable.no-footer{ border-bottom: none; } .criteria-wrapper.my-screen .dataTables_length{ float: right; margin-top: 13px; font-size: 9pt; position: relative; right: 11px; } .criteria-wrapper.my-screen .dataTables_info{ float: left; position: relative; top: -41px; font-size: 9pt; } .criteria-wrapper.my-screen .dataTables_paginate{ font-size: 9pt; float: left; position: relative; top: 14px; padding-top: 0; } .criteria-wrapper.my-screen .dataTables_length select{ min-width: 55px; margin-left: 5px; } /*Run Screen/Results/My Screen*/ .criteria-wrapper.my-screen .dataTables_paginate.paging_simple_numbers a, #runscreen_result .dataTables_paginate.paging_simple_numbers a{ font-size: 10pt; padding: 2px 6px; min-width: 0; border: none !important; min-width: 21px; line-height: 18px; height: auto; } .criteria-wrapper.my-screen .dataTables_paginate.paging_simple_numbers a.paginate_button.current, #runscreen_result .dataTables_paginate.paging_simple_numbers a.paginate_button.current{ padding: 2px 6px; min-width: 21px; background: #000000; font-weight: bold; color: #fff !important; margin-left: 0; border: none; height: auto; line-height: 18px; } #runscreen_result p.premium-message{ width: 80%; max-height: 468px; position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); line-height: 25px; } /*Predefined Screen*/ .predefined-screen-details{ border: 1px solid #cacaca; padding: 0; float: left; width: 100%; } .predefined-screen-details form#sort_config > h4, .predefined-screen-details form#sort_config > h3{ background: #0f771c; font-weight: bold; margin: 0; padding: 10px; color: #fff; font-size: 18px; } .predefined-screen-details form#sort_config > h4 span#hding, .predefined-screen-details form#sort_config > h3 span#hding{ font-size: 18px; position: inherit; } .predefined-screen-details form#sort_config > h4 span, .predefined-screen-details form#sort_config > h3 span{ font-size: 9pt; position: relative; top: -2px; } .predefined-screen-details form#sort_config > h4 span.filter, .predefined-screen-details form#sort_config > h3 span.filter{ margin-right: 21px; } .predefined-screen-details form#sort_config > h4 span + span input[type=submit] , .predefined-screen-details form#sort_config > h3 span + span input[type=submit] , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details form > input[type=submit] { background: #fff; padding: 5px 15px; color: #000; } .predefined-screen-details form#sort_config > h4 span + span input[type=submit], .predefined-screen-details form#sort_config > h3 span + span input[type=submit]{ margin-right: 12px; } .predefined-screen-details ul{ list-style: none; margin: 0; padding: 0; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details .screen-bucket:last-child{ margin-bottom:15px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details .screen-bucket{ margin: 10px 10px 15px 10px; float: left; /*width: 100%;*/ width: calc(100% - 20px); border: 1px solid #cacaca; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details .screen-bucket h4{ padding: 10px 10px 5px 10px; margin: 0; font-size: 14pt; font-weight: bold; border-bottom: 1px solid #000; background-color: #dedede; color: #0f771c; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details .screen-bucket h2 input[type=number] , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details .screen-bucket h4 input[type=number]{ position: relative; top: -3px; width: 125px; padding: 0 0 0 3px; line-height: 10px; color: #000; margin-left: 8px; font-size: 10pt; font-weight: normal; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details ul li{ list-style: none; margin: 0; padding: 10px 10px 5px 10px; border-bottom: 1px solid #cacaca; width: 100%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details ul li:last-child{ border-bottom: none; } .predefined-screen-details ul li:nth-child(even) { background: #f1f1f1; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body .predefined-screen-details form > input[type=submit]{ margin: 0 0 15px 10px; } .predefined-screen-details ul li h4, .predefined-screen-details ul li h5{ font-size: 11pt; font-weight: bold; margin: 0 0 5px 0; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer p{ margin-top: 0; } nav.pagination-region{ position: relative; } nav.pagination-region .records-counting{ position: absolute; right: 0; top: 0; } nav.pagination-region .records-counting label{ font-weight: normal; } /*Sign In*/ .criteria-wrapper.login-screen{ /*margin-top: 16%;*/ } .criteria-wrapper.login-screen .panel.panel-default{ box-shadow: none; } .criteria-wrapper.login-screen .panel.panel-default .panel-body{ border-bottom: 1px solid #e6e6e6; padding-top: 0 !important; border-left: none; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in form{ position: relative; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in { padding-bottom: 15px; overflow: hidden; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in .form-group{ margin-bottom: 5px; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel-footer a.view-criteria{ display: none; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in h3{ font-size: 14pt; font-weight: bold; } .criteria-wrapper.login-screen .form-group label { width: 100%; font-size: 10pt; } .criteria-wrapper.login-screen .form-group input { font-weight: normal; width: 75%; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in span.skew-bg{ width: 150px; height: 80px; background-color: #efeeee; -ms-transform: skewY(-50deg); -webkit-transform: skewY(-50deg); transform: skewY(-50deg); position: absolute; right: -63px; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in span.skew-bg-2{ width: 294px; height: 80px; background-color: #f5f5f5; -ms-transform: skewY(-50deg); -webkit-transform: skewY(-50deg); transform: skewY(-50deg); position: absolute; right: -62px; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-up{ background: #d4d4d4; min-height: 226px; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-up h3{ font-size: 14pt; font-weight: bold; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-up p { font-size: 10pt; margin-top: 0; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in-footer-link{ position: absolute; top: 330px; } .sign-in-footer-link .btn-1, .sign-in-footer-link .btn-2{ min-width: 280px; } /*Ad Content*/ .ad-content .panel{ box-shadow: none; border: none; } .ad-content .panel-body{ border: 3px solid #0f771c; box-shadow: none; background: #ececec; } .ad-content .panel-body .ad-mod h2, .ad-content .panel-body .ad-mod p{ margin: 0; font-size: 14pt; font-weight: bold; } .ad-content .panel-body .ad-mod h2 a, .ad-content .panel-body .ad-mod p a{ color: #1d5eb5; } .ad-content h5{ line-height: 20px; } .criteria-wrapper.my-screen #screenlist_wrapper table thead tr th + th{ min-width: 170px; } .criteria-wrapper.my-screen #screenlist_wrapper table thead tr th:last-child{ min-width: 200px; } .criteria-wrapper.my-screen #screenlist_wrapper table tbody tr th:first-child{ font-weight: normal; } .criteria-wrapper.my-screen #screenlist_wrapper table tbody th a{ color: #1256AF; } /* Datatable wrapper*/ .data-table-wrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner{} #screener_table_wrapper.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { height: 500px; } #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child{ text-align: left !important; } #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child input[type="checkbox"] , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child input[type="checkbox"]{ position: relative; top: 3px; } #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child a img{ position: relative; top: -3px; } .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child > a , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child > a , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child > a{ margin-left: 3px; } /*.dataTables_scrollBody table tr td{width: auto !important; min-width: auto !important; max-width: auto !important; padding-right: 15px !important;} .dataTables_scrollBody table tr td:first-child{width: 102px !important; min-width: 102px !important; max-width: 102px !important; padding-right: 15px !important;} .dataTables_scrollBody table tr td:nth-child(2){width: 55px !important; min-width: 55px !important; max-width: 55px !important; padding-right: 15px !important;} .DTFC_LeftBodyLiner table tr td:first-child{width: 102px !important; min-width: 102px !important; max-width: 102px !important; padding-right: 15px !important;} .DTFC_LeftBodyLiner table tr td:nth-child(2){width: 55px !important; min-width: 55px !important; max-width: 55px !important; padding-right: 15px !important;} .dataTables_scrollHead table tr th{width: auto !important; min-width: auto !important; max-width: auto !important;} .dataTables_scrollHead table tr th:first-child{width: 102px !important; min-width: 102px !important; max-width: 102px !important;} .dataTables_scrollHead table tr th:nth-child(2){width: 55px !important; min-width: 55px !important; max-width: 55px !important;} .DTFC_LeftHeadWrapper table tr th:first-child{width: 102px !important; min-width: 102px !important; max-width: 102px !important;} .DTFC_LeftHeadWrapper table tr th:nth-child(2){width: 55px !important; min-width: 55px !important; max-width: 55px !important;}*/ table.dataTable.display tbody tr.odd > .sorting_1{ background-color: #f9f9f9 !important; } table.dataTable.display tbody tr.even > .sorting_1{ background-color: #ffffff !important; } table.dataTable.hover tbody tr:hover , table.dataTable.display tbody tr:hover sorting_1 , table.dataTable.display tbody tr.odd:hover > .sorting_1 , table.dataTable.display tbody tr.even:hover > .sorting_1{ background-color: whitesmoke !important; } /* Default Page Loader */ /*ui-dialog modal*/ .ui-dialog{ padding: 0 !important; border: none !important; overflow: visible !important; } .ui-dialog-titlebar > h1{ font-size: 1.1em; font-weight: bold; } .ui-dialog .ui-dialog-titlebar-close , .ui-dialog .ui-dialog-titlebar-close:hover{ background: url(/images/icons/general/close_sign.png) no-repeat 10px 9px !important; top: -10px !important; right: -9px !important; background-color: inherit; min-width: auto; margin-top: -3px !important; background-color: #2b2b2b !important; border-radius: 50%; width: 35px !important; height: 35px !important; overflow: visible; border: none !important; text-indent: -999999px; opacity: 1; z-index: 999; } .ui-dialog .ui-dialog-titlebar-close input[type=submit]:hover, .ui-dialog .ui-dialog-titlebar-close input[type=button]:hover, .ui-dialog .ui-dialog-titlebar-close:hover button .ui-dialog .ui-dialog-titlebar-close button:hover { opacity: 1; } .ui-state-default .ui-icon{ background-image: none !important; } .ui-dialog #add_to_portfolio{ border: 1px solid #2b2b2b; } /*Delete Modal*/ .delete-modal{ position: absolute; left: 50%; top: 26%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .delete-modal p.buttons a{ min-width: 60px; } .delete-modal h1{ font-size: 9pt; } .delete-modal h1#runScreenMsg{ font-size: 10pt; margin: 0; line-height: 20px; } .delete-modal .modal-body p a:focus{ border: 1px solid #000000; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.85); } .delete-modal .modal-footer{ padding: 0; border-top: none; } .delete-modal .modal-footer button{ position: absolute !important; right: -12px !important; top: -12px !important; background: #000 !important; border: 1px solid #fff !important; width: 25px; height: 25px; padding: 5px; min-width: 20px; line-height: 15px; } .delete-modal .modal-footer button:hover{ color: #fff !important; opacity: 1 !important; } .delete-modal .modal-footer button:active, .delete-modal .modal-footer button:focus{ outline: 1px dotted #000 !important; } #add_to_portfolio .folioName.folioCheck{ width: 85%; } #add_to_portfolio .folioStatus{ vertical-align: bottom; } #add_to_portfolio .folioName.folioCheck h2{ margin: 5px 0 0 10px; font-size: 12pt; font-weight: bold; text-align: left; } .folioName.folioCheck form{ margin: 5px 10px !important; text-align: left; width: calc(100% - 20px) !important; } #add_to_portfolio .portfolio-data{ height: 185px; overflow-y: auto; margin-bottom: 10px; overflow-x: hidden; } #add_to_portfolio .portfolio-data table{ font-size: 10pt; } #add_to_portfolio .portfolio-data table thead th{ background: #4b4b4b; color: #fff; } #add_to_portfolio .portfolio-data table thead th:last-child{ min-width: 120px; } #add_to_portfolio .folioCheck input[type=checkbox]{ margin-top: 4px; } #add_to_portfolio table tr.newFolio{ background: #e2e2e2; border-top: 3px solid #f1f1f1; } #add_to_portfolio table td:nth-child(2){ padding-bottom: 8px; width: 80%; } #add_to_portfolio table input[type=submit]{ min-width: auto; height: 26px; line-height: normal; color: #fff; background: #3d8646; } #add_to_portfolio table input[type=submit].ui-state-disabled{ background: #c0c0c0; } #add_to_portfolio a.view-all-folio{ margin-top: 2px; color: #1d5eb5; background: #4b4b4b; color: #fff; font-size: 10pt; padding: 3px 10px; float: right; position: relative; top: -2px; } #add_to_portfolio .newFolio .folioStatus{ float: none; width: auto; margin: inherit; } #add_to_portfolio span#notify_user{ background: #ffebb4; padding: 0 2px; display: block; margin: 0 -3px 5px; color: #3e3300; line-height: 23px; } /*Modal*/ #deleteScreen , #saveScreen , #saveScreenSeo{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 300px; } #saveScreen , #saveScreenSeo{ top: 62%; transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); } #deleteScreen .buttons a , #saveScreen .buttons a , #saveScreenSeo .buttons a{ min-width: 80px; } /* Firefox Hack */ @-moz-document url-prefix() { a.tool-tip span::before{padding: 1px 1px 0 0;} .datatable-list .panel-heading a.back-to{line-height: 16px;} } /* IE 10+11 hack */ @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none){ } /* IE edge hack(12+) */ @supports (-ms-ime-align:auto) { .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset{ width: 92%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset label.criteria-name{ width: 430px; } } /* Tooltip */ a.tool-tip span:before{ margin-left: 0; height: 12px; width: 12px; } /*Q-Tip*/ .qtip .qtip-content .hide{ display: inherit !important; } .qtip.qtip-default{ background-color: #ffffff !important; color: #000 !important; width: 310px !important; max-width: 310px !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:0; font-size:10pt; border: 1px solid #000 !important; } .qtip-tip canvas{ display: none; } .qtip.qtip-default .qtip-content{ padding: 0; } .qtip.qtip-default .hoverquote{ width: 305px !important; max-width: 305px !important; padding: 2px; } .hoverquote .rank_chip{ height: 18px !important; } .hq_detail > div, .hoverquote .hq_links{ width: 300px !important; max-width: 300px !important; } .hoverquote .zr_90per.headline h1{ margin-top: 0; margin-bottom: 0; padding-top: 0; } .hoverquote .appear-on-focus table.hidden{ display: inherit !important; } /* IE 10+11 hack */ @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none){ .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child input , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child input{ position: relative; top: 3px; } } /* min 768px (above ipad potrait)*/ @media (min-width: 769px){ .container-custom{ overflow-x: hidden; margin: 0 auto; padding-bottom: 20px; } #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyLiner{ /*width: 323px !important;*/ /*width: 474px !important;*/ } /*Stock Datatable first column width*/ .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child /*ETF Datatable first column width*/ , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child /*MF Datatable first column width*/ , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child { /*width: 80px !important; max-width: 60px !important; min-width: 60px !important;*/ } /*Stock Datatable Second column width*/ .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:nth-child(2) , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:nth-child(2) , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:nth-child(2) , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:nth-child(2) , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:nth-child(2) , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:nth-child(2) /*ETF Datatable Second column width*/ , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:nth-child(2) , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:nth-child(2) , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:nth-child(2) , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:nth-child(2) , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:nth-child(2) , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:nth-child(2) /*MF Datatable Second column width*/ , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:nth-child(2) , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:nth-child(2) , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:nth-child(2) , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:nth-child(2) , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:nth-child(2) , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:nth-child(2) { /*width: 200px !important; max-width: 200px !important; min-width: 200px !important; */ /*padding-right: 15px !important;*/ } #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:nth-child(2) , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:nth-child(2) { /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } /*table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{ border: 1px dotted #000; }*/ table.dataTable thead .sorting:focus, table.dataTable thead .sorting_asc:focus, table.dataTable thead .sorting_desc:focus{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: 2px dotted #000; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{ text-align: center !important; } .datatable-list .panel-body .dataTables_wrapper table.dataTable tbody tr{ height: 25px !important; } .datatable-list .panel-body .dataTables_wrapper table.dataTable thead td , .datatable-list .panel-body .dataTables_wrapper table.dataTable thead th , .datatable-list .panel-body .dataTables_wrapper table.dataTable tbody td{ height: 25px; } .datatable-list .panel-body .dataTables_wrapper table.dataTable thead td, .datatable-list .panel-body .dataTables_wrapper table.dataTable thead th, .datatable-list .panel-body .dataTables_wrapper table.dataTable tbody td, .datatable-list .panel-body .dataTables_wrapper table.dataTable tbody th{ padding: 2px 8px 2px 4px; } .ui-dialog{ top: 125px !important; } } #screener_table_wrapper .dataTables_scrollBody tbody th{ min-width: 90px !important; width: 90px !important; max-width: 90px !important; padding: 2px 15px 2px 4px; } .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td{ width: 90px !important; min-width: 90px !important; max-width: 90px !important; padding: 2px 15px 2px 4px !important; } .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child{ width: 90px !important; min-width: 90px !important; max-width: 90px !important; padding: 2px 15px 2px 4px !important; } .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:nth-child(2) , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:nth-child(2){ width: 300px !important; min-width: 300px !important; max-width: 300px !important; padding: 2px 15px 2px 4px !important; text-align: left !important; } .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:nth-child(3){ text-align: left !important; } .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td{ padding: 2px 15px 2px 4px !important; } /* Responsive Part */ /* max 768px (upto ipad potrait)*/ @media screen and (max-width: 768px){ .tabcontent{ margin-bottom: 0; } /*Top Kebab menu*/ .tabcontent > aside .panel-group .panel{ margin-bottom: 2px; } span.kebab-menu{ display: inline-block !important; float: right; position: relative; top: -5px; } span.kebab-menu small{ background: #fff; padding: 2px; width: 30px; display: block; height: 1px; margin: 3px 0; } .tabcontent > aside .panel-group .panel #tabLink.panel-body{ display: none; } .tabcontent > aside .panel-group .panel #tabLink.panel-body.show-menu{ display: block; } .tabcontent > aside .panel-group .panel #tabLink ul.close-menu{ display: none; } .tabcontent > aside .panel-group .panel #tabLink.panel-body ul.close-menu{ display: none; } /*Wrapper*/ .container-custom{ width: 1px; min-width: 100%; overflow: hidden; border-top: 1px solid #000; margin-top: 0; /*width: 320px; height: 480px; overflow-y: auto; overflow-x: hidden; border-top: 1px solid #000; margin-top: 0;*/ } /*Top Tab/Button*/ .tab_container.container-custom.js-tabs .screener-tab-wrapper{ width: 100%; overflow-x: scroll; background-color: #0f771c; } .tab_container ul.screener-tabs{ width: 650px; } ul.screener-tabs li{ display: inline-block; } ul.screener-tabs li.disabled, ul.screener-tabs li.disabled:hover{ display: none; } /*full width items*/ aside.category-list , section.criteria-wrapper , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset label.criteria-name , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset legend.criteria-name , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > label , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > legend , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > div.criteria-situation , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset legend.criteria-name , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset > legend.criteria-name { width: 100%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset legend.criteria-name{ width: 80%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table fieldset legend.criteria-name h3 span.criteria-select-box{ position: absolute; left: 80%; margin-left: 3px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset{ width: 87%; } /*Edit View*/ .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body#criteria_panel ul li fieldset span.criteria-select-box{ width: auto; float: right; margin-top: -25px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body#criteria_panel ul li fieldset span.criteria-select-box a.button.premium{ padding-left: 0; padding-right: 0; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body{ padding-bottom: 25px; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset{ width: 68%; } /*float left items*/ .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset > div.criteria-situation , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table fieldset > div.criteria-situation{ float: left; } /*Datatable first two column width*/ .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:first-child , .data-table-wrapper.stock-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:first-child , .data-table-wrapper.mf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:first-child , .data-table-wrapper.etf-dt-content #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:first-child { /*width: 90px !important; max-width: 90px !important; min-width: 90px !important;*/ } /*#screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody td:first-child{ white-space: inherit; text-overflow: inherit; } #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftHeadWrapper table tr th:nth-child(2) , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table thead th:nth-child(2) , #screener_table_wrapper .DTFC_ScrollWrapper .DTFC_LeftWrapper .DTFC_LeftBodyWrapper .DTFC_LeftBodyLiner table tbody th:nth-child(2) , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table tr th:nth-child(2) , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table thead th:nth-child(2) , #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:nth-child(2) { width: inherit !important; max-width: inherit !important; min-width: inherit !important; padding-right: 15px !important; }*/ #screener_table_wrapper .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table tbody td:nth-child(n+3){ width: 150px !important; min-width: 150px !important; max-width: 150px !important; padding: 2px 15px 2px 4px !important; } /*Datatable fix column remove*/ .data-table-wrapper .DTFC_LeftWrapper{ position: inherit !important; top: inherit !important; left: inherit !important; display: none; } /*Datatable features*/ .datatable-list .panel-heading h5{ display: block; float: left; width: 100%; margin-left: 5px; position: inherit; min-height: 35px; } .datatable-list .panel-heading h2{ margin-left: 5px; top: -1px; } /*DT Button*/ .datatable-list .panel-heading button.dt-button{ float: left !important; position: inherit; margin-left: 46px; } .datatable-list .panel-heading a.back-to{ top: 34px; } .datatable-list .panel-body .dataTables_wrapper .dt-buttons{ position: inherit; top: -13px; } .datatable-list .panel-body .dataTables_wrapper .dt-buttons a.dt-button:nth-child(2){ right: 0; left: 11px; } .datatable-list .dataTables_scrollHeadInner table thead tr th:first-child input[type="checkbox"], .datatable-list .dataTables_scrollBody table tbody td:first-child input[type="checkbox"]{ position: relative; top: 3px; } /*Datatable footer*/ .datatable-list .panel-body .dataTables_wrapper .dataTables_length , .datatable-list .panel-body .dataTables_wrapper .dataTables_paginate{ width: 100%; } .criteria-wrapper.my-screen .dataTables_paginate.paging_simple_numbers a , #runscreen_result .dataTables_paginate.paging_simple_numbers a{ padding: 2px 4px; } /*Select Item listing*/ .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li{ margin-bottom: 15px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li fieldset span.criteria-select , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset span.criteria-select{ width: 50%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a.button.premium , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a , .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a{ margin-left: 0; margin-right: 10px; margin-top: 10px; width: 30%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body table td > a{ position: relative; top: 11px; min-width: 50px; min-height: 30px; line-height: 25px; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a.button.premium , .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body ul li > a{ margin-left: 0; margin-right: 0; margin-top: 26px; width: 12%; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li > label a{ float: left; width: auto; margin-right: 3px; margin-top: 22px; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body table label a{ position: relative; top: 15px; } section.criteria-wrapper{ padding-left: 0 !important; position: relative; } .tabcontent > section.criteria-wrapper .panel-group.choose-category{ position: absolute; bottom: 35px; display: block !important; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel-footer{ position: fixed !important; bottom: 0; z-index: 9; /*width: 320px !important;*/ } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel-footer a.view-criteria{ font-weight: bold; font-size: 9pt; position: relative; right: -5px; color: #1d5eb5; display: inline-block; float: right; position: relative; top: 2px; right: 104px; /*display: none;*/ } .tabcontent > section.criteria-wrapper .panel-group.select-criteria.bottom-margin , .tabcontent > section.criteria-wrapper .panel-group.select-criteria{ margin-bottom: 245px; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel .panel-body ul li fieldset + label{ float: left; text-align: left; width: 31%; } .tabcontent > section.criteria-wrapper .panel-group.select-criteria .panel .panel-body#configScreen{ overflow-x: auto; padding-bottom: 15px; } /*Tooltip*/ .tooltip-content{ left: -70px; width: 165px; } .tooltip-content:before{ display: none; } /*My Screen Table*/ .criteria-wrapper.my-screen #example_wrapper{ overflow-x: auto; padding-bottom: 15px; } .criteria-wrapper.my-screen #example_wrapper table#example{ width: 500px !important; } .criteria-wrapper.my-screen #example_wrapper table#example thead tr th:first-child{ width: 15px !important; } .criteria-wrapper.my-screen #example_wrapper table#example thead tr th:last-child{ width: 180px !important; } /*Help Tab image*/ #help .panel-body img{ width: 100%; } #help .panel-body img.premium{ width: 16px; } /*Login Page*/ .criteria-wrapper.login-screen{ margin-top: 0; } .criteria-wrapper.login-screen .panel.panel-default .panel-body{ border-top: none; border-right: none; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in-footer-link{ position: inherit; margin-top: 15px; } .criteria-wrapper.login-screen .panel.panel-default .panel-body .sign-in-footer-link p a{ margin-bottom: 10px; } /*My Screene Datatable*/ .criteria-wrapper.my-screen #screenlist_wrapper{ overflow-x: auto; padding-bottom: 50px; } .criteria-wrapper.my-screen #screenlist_wrapper table#screenlist{ width: 800px !important; } .criteria-wrapper.my-screen .dataTables_length , .criteria-wrapper.my-screen .dataTables_paginate{ width: 100%; position: inherit; } /*Ad Content*/ .ad-content{ display: none; } .predefined-screen-details > h4{ float: left; width: 100%; } .predefined-screen-details > h4 span{ position: inherit; margin: 8px 0; float: left; width: 100%; margin-right: 0 !important; } .predefined-screen-details form#sort_config > h3{ float: left; width: 100%; position: relative; } .predefined-screen-details form#sort_config > h3 span.float_right{ float: left; width: 100%; margin-top: 12px; } .predefined-screen-details form#sort_config > h3 span.float_right + span.float_right{ position: absolute; top: 6px; right: 0; float: none; width: auto; margin-top: 0; } .predefined-screen-details form#sort_config > h3 span.float_right + span.float_right input[type=submit]{ padding: 5px 10px; background: #fff; color: #000; } } /* max 769px (above ipad potrait)*/ @media (min-width: 769px){ .criteria-wrapper.login-screen .panel.panel-default .panel-body .col-md-6{ width: 50%; } .tabcontent > section.criteria-wrapper .panel-group.choose-category .panel > .panel-footer{ position: relative; } } @media (max-width: 414px){ /*ui-dialog modal*/ .ui-dialog{ width: 100% !important; margin-top: 12px; } } @media (min-width: 414.1px) and (max-width: 767.9px){ /*ui-dialog modal*/ .ui-dialog{ width: 100% !important; } } /* min 568px (above ipad potrait)*/ @media (min-width: 568px) and (max-width: 767px){ .screener-bucket .iframe-wrapper iframe { min-height: 270px; } } /* Custom tooltip styling */ .zacks-tooltip, .tippy-box { background-color:#efefef; border:1px solid #999; border-radius:5px; text-align: left; line-height:1.6em; color:#000; } .tippy-box:after { content:""; display:table; clear:both; } .tippy-arrow{ display: none !important; } .tippy-content, .tippy-content div{ font-size: 10pt !important; font-weight: normal !important; text-shadow: none; line-height: 15px; text-transform: none; } .tippy-content div a{ padding: 0; display: inline-block; } .tippy-box p { float: left; width: 100%; margin-bottom: 5px !important; margin-top: 0 !important; font-weight: normal; } .tippy-box p a{ color: #1d5eb5!important; text-decoration: none; font-size: 10pt !important; font-weight: normal; float: none !important; position: inherit !important; } .tippy-box p a:hover , .tippy-content div a:hover{ text-decoration: underline !important; color: #1d5eb5!important; } .tippy-box p , .tippy-box table th , .tippy-box table td { text-align: left; } .ui-dialog .hoverquote a.in_copy{ color: #1d5eb5!important; } /* Only set width if user has at least 1024px screen */ @media screen and (min-width: 1024px) { .zacks-tooltip, .tippy-box[data-theme~='zacks'] { width:400px; } } @media screen and (max-width: 414px){ .tippy-box{ width: 300px; position: absolute; } } @media screen and (max-width: 1023px){ .tippy-box{ position: absolute; } } .tippy-box[data-theme~=zacks]{ width: 305px; background-color: #ffffff; } .tippy-box[data-theme~=zacks] .tippy-content{ padding: 0 !important; } @media (max-width: 414px){ [data-tippy-root]{ left: 0 !important; position: fixed !important; transform: inherit !important; } nav.pagination-region .records-counting{ position: inherit; right: inherit; top: inherit; } } span.tt-trigger + div .tippy-box[data-theme~=zacks]{ width: 400px; background-color: #efefef; } span.tt-trigger + div .tippy-box[data-theme~=zacks] .tippy-content{ padding: 10px !important } /* Password Reset Form */ #login-error { display:none; } #password-reset-details { display:none; } .sign-in > h3:first-child, #password-reset-details { display:none; } #login_sec {display:block !important;} #login-error .headline { color:#b00; } #login-error p { margin:12px 0; } #login-error .bold { font-weight:bold; } #password-reset-message-module { padding:10px 10px 15px; background:#f0f0f0; margin:10px 0; border:solid 1px orange; max-width:340px; } #password-reset-message-module p.pw-reset-message { font-size:15px; line-height:1.5; margin:0 0 10px; } #password-reset-message-module a.fancy_button.green { font-size:14px; line-height:1; background:#5b775c; color:#fff; border-radius:3px; padding:5px 18px 6px; display:inline-block; border:none; } .password-reset-details.ui-dialog .ui-widget-header{ background:#0f6c15 url('/images/zacks/hoverquote/ui-bg_highlight-soft_60_0f6c15_1x100.png') 50% 50% repeat-x !important; } .password-reset-details.ui-dialog .ui-dialog-titlebar { padding:10px; border-bottom-right-radius:0; border-bottom-left-radius:0; } .password-reset-details.ui-dialog .ui-dialog-title { font-size:17px; line-height:1.5; margin:0; } .password-reset-details.ui-dialog .ui-dialog-content { padding:15px; } .password-reset-details.ui-dialog .ui-dialog-content p { font-size:14px; line-height:1.5; margin:0 0 15px; } .password-reset-details.ui-dialog a.fancy_button.green { padding:6px 18px; color:#fff; font-size: 10.5pt; display: inline-block; text-shadow: 0 -1px 2px #000; border:1px solid #007a25; border-radius: 3px; box-shadow: 0 1px 4px rgba(0,0,0,.5),inset 1px 1px 3px rgba(255,255,255,.5); background:#437f25; background:linear-gradient(to bottom,#7ecd40 0,#61bf35 4%,#5eaf39 7%,#59a42e 11%,#50a331 14%,#4da324 18%,#54a131 21%,#4e9e2d 29%,#489128 39%,#468c29 43%,#408322 50%,#3e7c24 54%,#37761e 57%,#346f1c 61%,#306419 71%,#32651a 79%,#2f6818 82%,#366d1d 86%,#376d1f 89%,#387621 93%,#377d1a 96%,#437f25 100%) } /** New Structure **/ .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{ font-size: 14px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .container-custom{ border: none !important; background: none !important; padding: 0 !important; border-radius: 0 !important; } ul.screener-tabs{ padding: 0 !important; border-radius: 0; border: none; background: none; background-color: #0f771c; } ul.screener-tabs li{ padding: 0 !important; border-radius: 0; border: none !important; background: none !important; margin: 0 !important; } ul.screener-tabs li a{ color: #fff !important; text-transform: uppercase; font-size: 9pt; font-weight: bold; min-width: auto; background: none; padding: 10px 12px 7px !important; border-right: 1px solid #41ab01; border-left: 1px solid #000; border-bottom: none; box-shadow: none; background-color: none; } ul.screener-tabs li.ui-tabs-active a , ul.screener-tabs li.tabhighlight a{ border-left: 1px solid #4aa255; border-top: 1px solid #4aa255; border-right: 1px solid #4aa255; background: rgb(255, 255, 255); color: #000 !important; } ul.screener-tabs li.ui-tabs-active a:hover , ul.screener-tabs li.tabhighlight a:hover{ background: #ffffff; } .ui-tabs .ui-tabs-panel{ padding: 0 !important; } .disabled{ cursor: inherit !important; /*opacity: .35; filter:Alpha(Opacity=35);*/ /* support: IE8 */ background-image: none; pointer-events: none; } /*Password field :: Black eye icon show/hide toggle */ .eye-ico-dark{ background-image: url(/images/zacks/icons/eye-ico-black.png) !important; background-repeat: no-repeat !important; background-position: 0 0 !important; background-size: 19px 13px !important; width: 19px; min-width: 19px; height: 13px; display: inline-block; position: relative; top: 2px; z-index: 1; position: relative; margin-left: 0; border: none !important; background: none; box-shadow: none !important; } .eye-ico-dark.password-toggle{ background-image: url(/images/zacks/icons/eye-ico-cross-black.png) !important; } .eye-ico-dark.password-toggle:hover{ background-color: inherit !important; } #login_form .pw-field button.eye-ico-dark{ left: -36px; top: -2px; }