/*
================================================
Qlik Override Stylesheet
================================================
*/

/*
================================================
 removing the magnifying glass icon from the 
 Column Header at the top Data table and 
 Search Result table 
================================================
*/
/*
th[aria-label^="FEI Number"] + th .lui-icon.lui-icon--search
{
  display: none;
  pointer-events: none !important;
  cursor: none !important;
}
*/
.recalls th[aria-label*="Recall Details"] + th .lui-icon.lui-icon--search
{
  display: none;
  pointer-events: none !important;
  cursor: none !important;
}
.recalls .qv-st-header-cell-search[aria-label*="Recall Details"] {
  pointer-events: none;
}
/*
================================================
 override Qlik style to address scroll-y issue 
 in Qlik filter Pane removing margin top from the list style
================================================
*/

.qv-listbox-scroll-area ul > li + li {
    margin-top: 0em;
}

/*
================================================
filter Pane on each dashboard
================================================
*/

/*** Overriding to remove the filter pane header div, 
so the filter pane with show up properly inside the wrapper ***/
.qv-object .qv-object-header.thin {
    display: none;
}

/*** Overriding to remove the overflow-y bar from the wrapper
around the filter pane ***/
.qv-filterpane.qv-filterpane-scrollable {
    overflow: hidden;
}


/*
================================================
FSER Search Result Page
================================================
*/

/*** Overriding the Value underneath the current selections on the 
Black Bar above the Search input box on the FSER Search page ***/
#qv-current-selections.fserbar div.qv-panel-current-selections li.ng-scope span.values {
	display: none;
}

#firm-search-results .qv-object-table .qv-object-header {
    padding: 0 0 0 5px;
}

/*
============================================================
Qlik Map Attribution -- Removing copy right symbol from map
============================================================
*/

.idevio-attribution {
	display: none;
}

/*
================================================
Import Summary Dashboard
================================================
*/


/** override Qlik style to line-up the word "Measures" with Legends on **/
/** Imports Summary Examined and Sampled Line Totals by Fiscal Year **/
div.dcl-title-inner[title="Measures"] {
    line-height: 2.2em;
}

/*
======================================================
Overriding Scroll Bar - Y on all Data Table in CHROME
======================================================
*/

/*.qv-st.qv-st-navigatable:not(.qv-st-virtual-scroll-enabled) .qv-grid-object-scroll-area:not(*:root) { width: 99.35%; }*/
/* .no-overflow .qv-grid-object-scroll-area { width: 99%; }
.overflow .qv-grid-object-scroll-area { width: 100%; } */


/** override Qlik style to reduce the width of the Credited-Body Data Table on TPP Dashboard for CHROME browser only **/
/*#QVTppCbDetails .qv-st.qv-st-navigatable:not(.qv-st-virtual-scroll-enabled) .qv-grid-object-scroll-area:not(*:root) { width: 99.125%; }*/

/*
==========================================================================================
Overriding Removing the Search Icon on the Table Header of Data Table on Firm Profile page
==========================================================================================
*/

#output.firmprofile .datatable-container div .qv-st-header th i.lui-icon, 
#output.firmprofile .datatable-container div .qv-st-header th + th i.lui-icon {
    display: none;
}


.clearable, #search {
  background: #fff url(../img/searchclear.png) no-repeat right -16px center;
  transition: background 0.4s;
}
.clearable.x, #search.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX, #search.onX { cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear, #search::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

/*
==========================================================================================
Fix Qlik popup Z-index
==========================================================================================
*/
.sel-toolbar-card { z-index:  10 !important; }
.desktop.selectionsbar.closeTop .lui-popover { top: 20px !important; position:fixed;  }
.desktop.stickyActive.selectionsbar .lui-popover { top: 105px !important; position:fixed;  }
.desktop.selectionsbar.closeRight .lui-popover { right:30px !important; }
.desktopView.stickyActive.selectionsbar .lui-popover .lui-popover__arrow, .mobilePopup .qv-listbox-popover .lui-popover__arrow { display:none; }
.mobilePopup .lui-popover-container { left: 50px !important; }
.mobilePopup .qv-listbox-popover, .mobilePopup.selectionsbar .qv-listbox-popover, .mobilePopup.selectionsbar.stickyActive .qv-listbox-popover {position: fixed !important; top: 10px !important; left: 20px !important; }
.iPadPopup .qv-listbox-popover { position: fixed !important; top: 175px!important; left: 40%!important; }
.filterPop .qv-listbox-popover {position: fixed !important; top:10px !important; z-index: 3500 !important;  left: inherit !important;}
.iPadPopup.filterPop .qv-listbox-popover {position: fixed !important; top:30px !important; z-index: 3500 !important;  left: inherit !important;}
.filterPop .lui-popover__arrow, .desktop.closeTop.selectionsbar .lui-popover__arrow, .desktop.closeRight.selectionsbar .lui-popover__arrow { display: none; }

/* ==========================================================================================
Overriding "3 dots" on the selection menu on the column of every Data Table
==========================================================================================
*/

.datatable-container .sel-toolbar-icon.sel-toolbar-icon-toggle, .firm-search-results .sel-toolbar-icon.sel-toolbar-icon-toggle {
    color: #333;
    background-color: #fccb51;
    border: 1px solid #c69823;
}

.datatable-container .sel-toolbar-icon.sel-toolbar-icon-toggle:hover, .firm-search-results .sel-toolbar-icon.sel-toolbar-icon-toggle:hover,
.datatable-container .sel-toolbar-icon.sel-toolbar-icon-toggle.menu-active, .firm-search-results .sel-toolbar-icon.sel-toolbar-icon-toggle.menu-active {
    background-color: #fab404;
}

/*
==========================================================================================
FOR IE BROWSER TO DISPLAY SCROLLBAR Y-AXIS WIDER AT THE RIGHT SIDE
Always Displaying on both Data table and Search Result Data table
Leo wrote the code on 3.20.2018
==========================================================================================
*/

@media (min-width: 48em) {

    /* Code below is making the scroll bar Y-axis wider on IE browser on all viewports */
    /*.vertical.scrollbar-track { opacity: 1 !important; }*/
    .scrollbar-track { opacity: 1 !important; }

    /* .touch-off .vertical.scrollbar-track .scrollbar-hitarea { */
    .vertical.scrollbar-track .scrollbar-hitarea {
        /*width: 20px !important;*/
        min-width: 10px !important;
        background-color: #E9E9E9;
    }

    /* .touch-off .vertical.scrollbar-track .scrollbar-thumb { */
    .vertical.scrollbar-track .scrollbar-thumb {
            /*min-width: 14px !important;*/
        min-width: 6px !important;
        min-height: 40px !important;
    }
}

/*** Fix popup search scroll ***/
.modal--opened {
  position: fixed;
  left: 0;
  right: 0;
}

/*
==========================================================================================
Overriding Selection Tool Bar
==========================================================================================
*/

/*** Selections bar - fix positioning of text on smaller devices to resolve issue after upgrade 6.2019 ***/
.qv-panel-current-selections .name { float: left; }

/*** Show OnFocus outline when tabbing for the active selection on the selection Tool Bar (black bar) ***/
.qv-panel-current-selections .item:focus {
    outline: 1px dotted #28a8ea;
}

/**** Hide 'No selections applied' message*/
.qv-panel-current-selections .no-selection { display:none; }


/*
==============================================================================================
Overriding by removing text-decoration on Hover State in Data Table and Search Result Table
and setting the line-height to make the link active and hover state appears in FF, IE, Chrome
==============================================================================================
*/
.qv-st-links-interactive .qv-st-data-cell a,
.qv-st-links-interactive .qv-st-data-cell a:active, 
.qv-st-links-interactive .qv-st-data-cell a:hover {
    text-decoration: none;
	line-height: 1.75em;
}

/*
==========================================================================================
Make panning bar under bar graphs appear grayed out
==========================================================================================
*/
div[tid="component.miniChart"] { opacity:0.6 !important; }
canvas[data-key="mini-marker"] { opacity: 0.6 !important; }



/*
==========================================================================================
Override article background color
==========================================================================================
*/
article.qv-object { background: none; }


/*------------------------------------------------------------------------------------------------ 	*/
/*  Upgrade 1/2020 - Selections bar override														*/
/*------------------------------------------------------------------------------------------------- */
.bright.qv-panel-current-selections .wrap {
  background:none;
}
.bright.qv-panel-current-selections, .qv-panel-current-selections {
  background-color: #333; 
  min-height: 39px;
  min-width: 150px;
  width: 100%;
  float: left;
  border: 1px #333 solid;
}
.bright.qv-panel-current-selections .item, .bright.qv-panel-current-selections .active, .bright.qv-panel-current-selections .item:hover, .bright.qv-panel-current-selections li, .bright.qv-panel-current-selections li:hover  {
  background:none; 
  background-color: #333 !important; 
  color:#ddd;
  border:none;
  border-right: 1px solid #575757;
}
.bright.qv-panel-current-selections .values :not(.item-locked), .bright.qv-panel-current-selections .remove {
  color: #ddd;
  font-size:13px;
}
.bright.qv-panel-current-selections .remove:hover {
  color: #fff !important;
}
/* IE issue */
.bright.qv-panel-current-selections .values {
  clear:both;
}
/*** End upgrade ***/

/*------------------------------------------------------------------------------------------------ 	*/
/*Table odd-even row alternating background*/
/*------------------------------------------------------------------------------------------------ 	*/
.qv-st tr:nth-child(even) { background-color: #efefef !important; }
/*.qv-st-header, .qv-st-header-wrapper*/ .qv-st-header-cell { background-color: #666 !important; color: #fff; opacity: 1; /*border-right: 1px #fff solid;*/}
.qv-st-header-cell-search { border-left: 1px #666 solid; }
th, .qv-st-header-wrapper { color: #fff !important; background-color: #666;}
th .lui-icon--triangle-top { color: #eee !important; }
/* Retain look search icon of table header when selecting table cells */   
.qv-st-selections-active .qv-st-header-cell-search {
  opacity: 1;
}


/*------------------------------------------------------------------------------------------------ 	*/
/*Override Qlik graph title ellipses*/
/*------------------------------------------------------------------------------------------------ 	*/
.qv-object .qv-object-title .qv-object-title-text {
	-webkit-text-overflow:visible !important;
    text-overflow: visible !important;
    overflow: visible !important;
    white-space: normal !important;
}

/*------------------------------------------------------------------------------------------------ 	*/
/*Overrides for 7.2020 Upgrade */
/*------------------------------------------------------------------------------------------------ 	*/

.qv-object .qv-object-title {
    font-weight: 100;
}

/*------------------------------------------------------------------------------------------------ 	*/
/*Override for Map object 
/*------------------------------------------------------------------------------------------------ 	*/
/*footer - font color */
.map_object footer { color: #222; }

/*Override for Map Area Layer tool */
.inspections #QV04 .sel-toolbar-list-item-optionslist { display:none; }

/*Override for Map Footer */
.inspections #QV04 .qv-object .qv-object-footnote {
  max-height: none !important;
  line-height: 1.4em;
  overflow: visible;
  word-wrap: normal;
  padding: 4px;
}

/*------------------------------------------------------------------------------------------------ 	*/
/* Remove global list item styles from new Qlik filter popup - 11.2020  */
/*------------------------------------------------------------------------------------------------ 	*/
ul.sel-toolbar-list > li, .sel-toolbar-list li { margin-left: 0; }
.sel-toolbar-list li, sel-toolbar-list li + li, sel-toolbar-list li > ul { margin-top: 0; width: 3.0em !important; }
.sel-toolbar-list { padding-right: 0.5em;}
.sel-toolbar-list .sel-toolbar-separator { width: 1px !important; }
.sel-toolbar-list select { display:none; }

/*------------------------------------------------------------------------------------------------ 	*/
/* Adjust selection toolbar width (... button of selection) in data tables only - DASH-2968 - 2.2021  */
/*------------------------------------------------------------------------------------------------ 	*/
.datatable-container .sel-toolbar-menu,  #firm-search-results #QV051 .sel-toolbar-menu {
    width:auto;
}


/*------------------------------------------------------------------------------------------------ 	*/
/* Filter popup elipsis yellow - DASH-3150 - 10.2021  */
/*------------------------------------------------------------------------------------------------ 	*/
.lui-popover-container .sel-toolbar-btn {
  width: 42px !important;
  height: 28px !important
}
.lui-popover-container .sel-toolbar-btn.sel-toolbar-icon-toggle {
    color: #333;
    background-color: #fab404 !important;
    border: 1px solid #c69823;
}

.lui-popover-container .sel-toolbar-btn.sel-toolbar-cancel {
  color: white;
  background-color: #dc423f !important;
  border: 1px solid #0000;
}

.lui-popover-container .sel-toolbar-btn.sel-toolbar-confirm {
  color: white;
  background-color: #009845 !important;
  border: none;
}

.lui-popover-container .sel-toolbar-btn:disabled .sel-toolbar-span-icon {
  color: #cccccc !important;
}

.touch-off .qv-listbox li .qv-listbox-tick {
    margin-right: 1em;
}


/*---------------------------------------------------------------------------------------------------------------------  */
/* Long Description table cell shows no indication of hidden overflow text (5.2023 Qlik Upgrade)  - DASH-xxxx - 5.2023   */
/*---------------------------------------------------------------------------------------------------------------------  */

td .qv-st-value-overflow {
    /*overflow: visible !important; */ /* Does not adjust overall height of <td> so overflows into cell below */
    max-height: fit-content !important;
}


/*---------------------------------------------------------------------------------------------------------------------  */
/* Null value shading override - DASH-xxxx - 8.2023   */
/*---------------------------------------------------------------------------------------------------------------------  */

.qv-st-data-cell-null-value {
    background-color: inherit;
}
/*--------------------------Filters title adjustments Qlik Nov 2023 update---------*/
.css-li0fmb {
    font-size: 11px !important;
	box-sizing: border-box !important;
    flex: 1 1 auto !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    padding: 0 8px !important;
    text-align: left !important;
    -webkit-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
	color: rgb(89, 89, 89) !important;
	margin: -15px !important;
}

.css-sxlm4z {
    height: 33px !important;
}

/* Selection toolbar button colors 2.2024 */
.qvt-selection-toolbar.detached-selection-toolbar .sel-toolbar-btn.sel-toolbar-cancel  {
  color: white;
  background-color: #dc423f !important;
  border: 1px solid #0000;

}
.qvt-selection-toolbar.detached-selection-toolbar .sel-toolbar-btn.sel-toolbar-confirm  {
  color: white !important;
  background-color: #009845 !important;
  border: none;

}