#saved-screens-header { width:100%; margin:0 auto; padding:10px 60px 0 60px; text-align:left; }
#saved-screens-count { margin:0 0 10px 0; padding:5px 10px; font-size:14px; text-align:left; }
#saved-screens-count span.count { font-weight:900; color:#4f5964; }
#saved-screens-header #saved-screens { width:450px; }
#saved-screens-header #saved-screen-actions { display:inline-block; vertical-align:middle; margin:0; padding:0; }
@media (max-width:1199px) {
    #saved-screens-header {padding:10px 30px 0 30px;}
}
@media (max-width:991px) {
    #saved-screens-header #saved-screens {width:390px;}
}
@media (max-width:767px) {
    #saved-screens-header { padding:10px 15px 15px 15px; }
    #saved-screens-header #saved-screens {margin:0 0 10px 0; width:100%;}
    #saved-screens-header #saved-screen-actions {display:block; margin:10px 0 0 0; text-align:center;}
}

#screener-demo-notice { width:100%; margin:0 auto; padding:20px 60px 25px 60px; background-color:#fff; }
#screener-demo-notice .demo-notice-card { display:flex; align-items:center; gap:30px; padding:20px 30px; background-color:#eafaf2; border:1px solid #c0ced8; border-top:4px solid #1282f3; border-radius:5px; box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.10); }
#screener-demo-notice .demo-notice-text { flex:1 1 auto; text-align:left; }
#screener-demo-notice .demo-notice-headline { margin:0 0 4px 0; font-size:13px; font-weight:700; letter-spacing:1px; color:#707f8f; }
#screener-demo-notice .demo-notice-headline i { color:#1282f3; }
#screener-demo-notice .demo-notice-title { margin:0 0 10px 0; font-size:28px; font-weight:700; line-height:1.2; color:#16191d; }
#screener-demo-notice .demo-notice-title span { color:#1282f3; }
#screener-demo-notice .demo-notice-info { margin:0 0 10px 0; font-size:15px; line-height:1.5; color:#434c56; }
#screener-demo-notice .demo-notice-bullets { columns:2; column-gap:30px; margin:0; font-size:14px; color:#434c56; }
#screener-demo-notice .demo-notice-bullets li { break-inside:avoid; margin-bottom:4px; }
#screener-demo-notice .demo-notice-actions { flex:0 0 auto; text-align:center; }
#screener-demo-notice .demo-notice-actions h4 { margin:0 0 10px 0; font-size:15px; font-weight:700; color:#cc000e; }
#screener-demo-notice .demo-notice-actions .btn-row { margin:0; line-height:2.4; }
@media (max-width:1199px) {
    #screener-demo-notice { padding:20px 30px 25px 30px; }
}
@media (max-width:991px) {
    #screener-demo-notice .demo-notice-card { flex-direction:column; align-items:stretch; gap:15px; }
    #screener-demo-notice .demo-notice-bullets { columns:1; }
}
@media (max-width:767px) {
    #screener-demo-notice { padding:15px 15px 20px 15px; }
    #screener-demo-notice .demo-notice-card { padding:15px; }
    #screener-demo-notice .demo-notice-title { font-size:22px; }
}

#screener-header { width:100%; margin:0 auto; padding:0 45px 15px 45px; background-color:#fff; }
@media (max-width:1199px) {
    #screener-header { padding:0 15px 15px 15px; }
}
@media (max-width:767px) {
    #screener-header { padding:0 0 15px 0; }
}

#screener-components { margin-bottom:0; }
#screener-components .panel-body { padding-bottom:15px; border:1px solid #c0ced8 !important; }
#screener-components .panel-body.body-0 { display:flex; flex-direction:column; }
#screener-components .panel-body.body-0 > .tab-content { flex:0 1 auto; min-height:0; }
#screener-components .panel-body .form-group { margin-bottom:10px; }

.scan-components-tabs-wrap { overflow-x:auto; overflow-y:hidden; white-space:nowrap; margin-bottom:12px; padding:12px 10px 10px 10px; background-color:#dfe7ec; border-bottom:1px solid #c0ced8; border-radius:0 0 5px 5px; box-shadow:0 0.25em 0.25em 0 rgba(0,0,0,0.15); }
#scan-components-tabs { margin:0; width:auto; white-space:nowrap; display:inline-flex; }
#scan-components-tabs > li > a { white-space:nowrap; }
.scan-components-tab { max-height:none !important; padding:0; }
.scan-components-tab .col-sm-6 { padding-left:10px; padding-right:10px; }
.scan-components-tab .col-xs-12 { padding-left:10px; padding-right:10px; }
.scan-components-tab .form-group select.form-control { width:100%; }
.scan-components-tab .form-group .btn-darkgrey { display:none; }
.scan-components-tab .form-group.btn-row .btn { margin-left:3px; }
hr.components-divider { margin:5px 0 15px 0; }
@media (min-width:1749px) {
    .scan-components-tab .col-xl-2 {width:16.66666667%;}
}
@media (max-width:767px) {
    .scan-components-tab { max-height:500px !important; overflow-y:scroll; }
}

.activemenu .form-group label { color:#1282f3 !important; }
.activemenu .form-group select { color:#1282f3 !important; background-color:#e7f2fe !important; border-color:#1282f3 !important; }

#screener-components .panel-footer { padding:10px 10px; }
#screener-group-required-hint { display:inline-block; display:none; width:calc(100% - 205px); margin-bottom:5px; font-size:14px; font-weight:bold; line-height:1.35; color:#434c56; }
#screener-components .panel-footer .btn-row {display:inline-block; vertical-align:middle;}
#screener-components .panel-footer .btn { margin-right:10px; }
#screener-components .panel-footer #btn-convertToScan { margin-right:0; }
#screener-components .panel-footer .btn-row::after { content:""; display:block; clear:both; }

#scan-components-tabs .tab-badge { display:none; margin-left:5px; vertical-align:top; height:17px; width:17px; border-radius:50%; background-color:#f9690e; text-align:center; line-height:17px; font-weight:normal; font-size:12px; color:#fff; }
#scan-components-tabs .tab-badge.active { display:inline-block; }

#active-filters-bar { display:inline-block; display:none; width:calc(100% - 205px); }
#active-filters-bar .filter-chip { display:inline-block; margin:2px 1px; padding:3px 6px; font-size:11px; font-weight:bold; color:#1282f3; background-color:#e7f2fe; border:1px solid #1282f3; border-radius:12px; white-space:nowrap; cursor:pointer; }
#active-filters-bar .filter-chip.chip-group { color:#434c56; background-color:transparent; border:1px solid #434c56; }
#active-filters-bar .filter-chip .chip-remove { margin-left:5px; color:#cc000e; cursor:pointer; font-size:13px; font-weight:normal; line-height:1.0; vertical-align:text-top; }
#active-filters-bar .filter-chip .chip-remove:hover { color:#e6000f; font-weight:bold; }
#active-filters-bar .filter-label { font-size:11px; font-weight:bold; color:#16191d; margin-right:0; }
#active-filters-bar .active-group-label { display:block; font-size:11px; font-weight:600; color:#555; margin-bottom:6px; }
@media (max-width: 767px) {
    #screener-components .panel-footer .btn-row {display:block; width:100%;}
    #active-filters-bar {display:block; width:100%; margin-bottom:10px;}
}

#screener-body { padding:10px 0; background-color:#f2f5f7; }

/* Sample results, shown to visitors who aren't members in place of real ones */
.sample-results-only { display:none; }
#drawer.sample-results .sample-results-only { display:block; }
#drawer.sample-results .table-info-row,
#drawer.sample-results .hover-note,
#drawer.sample-results #sharpcharts-header,
#drawer.sample-results #cgcharts-header,
#drawer.sample-results #cg-ma-text { display:none; }
#sample-results-note { margin:0 0 10px 0; padding:12px 15px; font-size:16px; color:#5c4400; background-color:#ffe8a1; border:2px solid #ffc400; border-left:8px solid #ffc400; }
#sample-results-note .fa-exclamation-triangle { margin-right:5px; color:#e08e0b; }
#sample-results-note .sample-results-title { margin-right:8px; font-size:18px; text-transform:uppercase; letter-spacing:0.5px; }
.sample-chart-message { margin:10px 0; font-size:14px; text-align:center; }

/* Quick Tips drawer */
#quick-tips-drawer { padding:10px 15px 8px 15px; background-color:#f2f5f7; border-bottom:3px solid #1282f3; box-shadow:inset 0 0.25em 0.5em -0.25em rgba(0,0,0,0.25); font-size:13px; }
#quick-tips-drawer .quick-tips-header { display:flex; align-items:center; gap:15px; }
#quick-tips-drawer .quick-tips-header h4 { margin:0; white-space:nowrap; font-weight:bold; }
#quick-tips-drawer .quick-tips-header .fa-lightbulb-on { margin-right:5px; color:#e08e0b; }
#quick-tips-drawer .quick-tips-intro { flex:1 1 auto; margin:0; font-size:14px; }
#quick-tips-drawer .quick-tips-header .btn-row { margin:0; white-space:nowrap; }
#quick-tips-drawer .quick-tips-header .close { float:none; font-size:22px; opacity:0.6; }
#quick-tips-drawer .quick-tips-header .close:hover { opacity:1; }
#quick-tips-drawer .quick-tips-heading { margin:10px 0 5px 0; font-size:12px; font-weight:bold; letter-spacing:0.5px; color:#1282f3; }
#quick-tips-drawer .quick-tips-steps { display:grid; grid-template-columns:repeat(3, 1fr); column-gap:30px; margin:0; padding-left:20px; }
#quick-tips-drawer .quick-tips-more { columns:3; column-gap:30px; margin:0; }
#quick-tips-drawer .quick-tips-more li { break-inside:avoid; margin-bottom:4px; }
#btn-quickTips.active { box-shadow:inset 0 3px 5px rgba(0,0,0,0.2); }

@media (max-width: 991px) {
    #quick-tips-drawer .quick-tips-steps { grid-template-columns:1fr; }
    #quick-tips-drawer .quick-tips-more { columns:2; }
}

@media (max-width: 767px) {
    #quick-tips-drawer .quick-tips-header { flex-wrap:wrap; }
    #quick-tips-drawer .quick-tips-more { columns:1; }
}

#pagePillTabs { background-color:#dfe7ec; border-bottom:1px solid #c0ced8; box-shadow:0 0.25em 0.25em 0 rgba(0,0,0,0.15); }

#sharpcharts-header { position:sticky; top:0; z-index:101; overflow-x:auto; overflow-y:hidden; white-space:nowrap; margin:0 -15px 10px -15px; padding:5px 15px 10px 15px; box-shadow:0 0.25em 0.25em 0 rgba(0, 0, 0, 0.15); background-color:#f2f5f7; text-align:left; }
#sharpcharts-header .select-chart { width:auto; min-width:200px; }
.chartpanel .panel-body .chart-wrapper { margin:0; padding:0; text-align:center; overflow-x:scroll; }
.chartpanel .panel-body .chart-wrapper img { border:0; }
#scc-sharpcharts img { max-width:100%; }
#cgcharts-header { position:sticky; top:0; z-index:101; overflow-x:auto; overflow-y:hidden; white-space:nowrap; margin:0 -15px 10px -15px; padding:5px 15px 10px 15px; box-shadow:0 0.25em 0.25em 0 rgba(0, 0, 0, 0.15); background-color:#f2f5f7; text-align:left; }
.cgchart { position:relative; display:inline-block; margin:2px; border:1px solid #c6ccd2; min-height:176px; min-width:305px; vertical-align:top; }
.cgchart img { height:100%; width:100%; padding:0; margin:0; }
#cg-ma-text { margin:10px auto; text-align:center; }
#cg-ma-text p { margin:0; font-size:14px; font-weight:300; }

div.dt-button-collection button.dt-button,
div.dt-button-collection a.dt-button { display:block; width:100%; position:relative; padding-left:30px !important; }
div.dt-button-collection button.dt-button:before,
div.dt-button-collection a.dt-button:before { position:absolute; left:8px; top:50%; transform:translateY(-50%); }
div.dt-button-collection button.dt-button.dt-button-active:before,
div.dt-button-collection a.dt-button.dt-button-active:before { font-family:'Font Awesome 5 Pro',FontAwesome,sans-serif; content:"\f058"; font-weight:900; }
div.dt-button-collection button.dt-button.dt-button-active:not(.disabled),
div.dt-button-collection a.dt-button.dt-button-active:not(.disabled) { outline:none !important; box-shadow:none !important; text-shadow:none !important; background:#707f8f; background-image:none; border-color:#707f8f !important; color:#fff !important; }
div.dt-button-collection button.dt-button.dt-button-active:not(.disabled):hover,
div.dt-button-collection a.dt-button.dt-button-active:not(.disabled):hover { background:#707f8f; border-color:#707f8f !important; color:#fff !important; opacity:0.5 !important; }


.dt-scroll-headInner .table { margin-bottom:0 !important; border-bottom:0 !important; }
.table > thead > tr > th.nosort { padding-right:8px !important; }
.table > tbody > tr > td { white-space:nowrap; }
table.table-blue thead tr > .dtfc-fixed-left { background-color:#0e263e; }
table.table-blue thead tr > th.dtfc-fixed-left.sorting_asc,
table.table-blue thead tr > th.dtfc-fixed-left.sorting_desc { background-color:#3281d0; }
td.dtfc-fixed-left:has(.dropdown.open) { z-index:10 !important; }
td.dtfc-fixed-left .dropdown-menu { z-index:1000; }
.table > tbody > tr > td.symbol,
.table > tbody > tr > td:nth-child(3) { text-align:center; }

/* ---------------- */
/* SCREENER DRAWER  */
/* ---------------- */
/* Default (unpinned): drawer stays in normal document flow. */
#drawer.unpinned { position:relative; }

/* Pinned: drawer floats as a fixed panel anchored to the bottom of the viewport. */
#drawer.pinned {
    z-index:1000;
    position:fixed;
    top:auto;
    right:0;
    bottom:0;
    left:0;
    height:var(--screener-drawer-height, 33vh);
    display:flex;
    flex-direction:column;
    box-shadow:0 -0.25rem 0.75rem rgba(0,0,0,0.25);
}
#drawer.pinned #pagePillTabs { flex:0 0 auto; position:relative; }
#drawer.pinned #drawer-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; }

/* Minimized: only the pagePillTabs bar shows. */
#drawer.pinned.minimized { height:auto; }
#drawer.pinned.minimized #drawer-scroll { display:none; }

/* Maximized: drawer takes over the full screen. */
#drawer.pinned.maximized { top:0; height:auto; }

/* DRAWER RESIZE HANDLE */
#drawer .drawer-resize-handle {
    display:none;
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    cursor:ns-resize;
    background-color:transparent;
    z-index:1001;
}
#drawer .drawer-resize-handle::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    height:3px;
    width:30px;
    background-color:rgba(128,128,128,0.5);
    border-radius:3px;
}
#drawer .drawer-resize-handle:hover,
#drawer .drawer-resize-handle.resizing { background-color:rgba(128,128,128,0.5); }
#drawer .drawer-resize-handle:hover::after,
#drawer .drawer-resize-handle.resizing::after { background-color:rgba(128,128,128,0.95); }
/* Resize handle is only usable when pinned and at a draggable height. */
#drawer.pinned .drawer-resize-handle { display:block; }
#drawer.pinned.minimized .drawer-resize-handle,
#drawer.pinned.maximized .drawer-resize-handle { display:none; }

/* DRAWER ACTION BUTTON VISIBILITY */
#drawer-actions .drawer-pinned-only { display:none; }
#drawer.pinned #drawer-actions .drawer-pinned-only { display:inline-block; }
#drawer-actions .drawer-unpinned-only { display:inline-block; }
#drawer.pinned #drawer-actions .drawer-unpinned-only { display:none; }
/* Rotate the maximize icon when the drawer is maximized. */
#drawer-actions #drawer-btn-maximize i { transition:transform 0.3s ease; }
#drawer.maximized #drawer-actions #drawer-btn-maximize i { transform:rotate(180deg); }

#scc-footer .app-version { margin:0 0 5px; font-size:12px; color:#707f8f; }