/*
    217086      | TDA   | 01/25/18      | Created
    219647      | SN    | 04/04/18      | Added background color variable for dashboard tiles.
    219663      | TDA   | 05/01/18      | Added tile styles
    216573      | MHM   | 05/25/18      | Added tpm-landingtile-bg
    226558      | TDA   | 10/02/18      | Additional styling for collapsed navbar menu
    229524      | TDA   | 12/04/18      | Added Calendar colors
    230449      | TDA   | 01/08/19      | Added calendar nowindicator
    258918      | TDA   | 09/21/20      | Theme changes
*/
/*
157987      | MDL   | 04/22/15      | Added logic to show loading image on ajax request.
160934      | MDL   | 04/22/15      | Remove igDateTimeEditor disabled css ( adding height by 25) to prevent ipad issue.
158624      | MJ    | 04/24/15      | Added Strike for grid.  
161931      | MJ    | 06/22/15      | Added ScreenControlHyperlinkBlue
162568      | RJR   | 07/29/15      | Removed sidebar control.
166032      | AH    | 09/11/15      | Added  offline icon
166602      | AH    | 09/16/15      | removed right margin from offline icon
162246      | TDA   | 09/17/15      | Infragistics 2015.1 upgrade changes
166656      | SAM   | 09/23/15      | Added offlineDisabled
166235      | AH    | 09/29/15      | Added tablet support for offlineicon to fix de-alignment issue
162256      | TDA   | 10/13/15      | CRUD Styling
132874      | AH    | 10/21/15      | Added  pullrightfavourite
167755      | TDA   | 11/11/15      | Style changes for top labels and removed lowercase of labels in editors
169303      | MHM   | 11/23/15      | Added HeaderPane.
143908      | AH    | 10/28/15      | Modified deletesavesearchtext
169484      | TDA   | 12/02/15      | Updated CrudHeaderPanel 
161696      | KSS   | 12/03/15      | Added MonitorcolumnChart
169241      | MHM   | 12/09/15      | Added style for monitor summary tiles.
170629      | MHM   | 12/09/15      | modified to display the insight summary tiles properly.
169240      | MHM   | 12/10/15      | Addded style for breadcrumb
171138      | MHM   | 12/22/15      | Modified css to display the indicator tile pane properly.
167799      | TDA   | 12/22/15      | Fixed styles due to bundle order
170284      | MHM   | 12/28/15      | Added style for Refresh and modified for "Jump to Insight"
171121      | TDA   | 01/08/16      | Set width correctly for DateEditor
173017      | TDA   | 01/28/16      | Style Summary Tile changes to appear more like DM Mobile
173018      | TDA   | 01/28/16      | Style Header changes to appear more like DM Mobile
169142      | TDA   | 01/28/16      | Style Menu changes to appear more like DM Mobile
170283      | MHM   | 01/28/16      | updated css for Work Monitoring  "active" tiles. 
170679      | MHM   | 02/02/16      | updated css for Work Monitoring  "summary" tiles. 
173432      | MHM   | 02/03/16      | updated css to reduce the monitor indicator tiles padding. 
173021      | TDA   | 02/03/16      | Restyled navbar
173490      | MHM   | 02/04/16      | Removed the  word-wrap setting for monitor summary tiles
170826      | KSS   | 02/04/16      | Added css for Monitor column chart responsiveness.
173019      | TDA   | 02/10/16      | Accordion and child control css updates
173022      | TDA   | 02/16/16      | Modal dialog styling
170631      | KSS   | 02/18/16      | Added style for highchart
171423      | MHM   | 02/18/16      | Modified styles for Breadcrumb bar.
171423      | MHM   | 02/18/16      | Updated Monitorrefresh to display the Refresh icon and text alligned correctly.    
174142      | KSS   | 02/24/16      | Modified css for highchart size
173020      | TDA   | 02/25/16      | Grid/Header style changes
173301      | RJR   | 02/24/16      | Added excelIcon, floppyDiskIcon, and starIcon styling and modified fixed menu styling.
174482      | KSS   | 02/29/16      | Changed made to fix the monitor screen responsive issue.
174418      | MHM   | 03/01/16      | Refresh Icon and text allignment fixed.
172359      | KSS   | 03/01/16      | Changes made for indicatortile hover.
173023      | TDA   | 03/02/16      | Style crud
141623      | RJR   | 03/01/16      | Independent scrolling of panes. 
173329      | RJR   | 03/07/16      | Show badge when search filter applied. 
169962      | TDA   | 03/09/16      | Font changes to support a 12pt base font size (16px)
174398      | MHM   | 03/09/16      | Added active class for breadcrumb navigation.
169243      | KSS   | 03/09/16      | Added style for Tile critical level. 
176283      | MHM   | 03/15/16      | Reduce the font size of breadcrumbdata and label. 
167762      | TDA   | 03/15/16      | Styled a Menu that appears in an accordion, also cleaned up some styles that are no longer used
169125      | TDA   | 03/16/16      | Hide placeholder when combo/date picker is focused in all browsers
176372      | TDA   | 03/17/16      | Fix menu highlight on hover
176608      | TDA   | 03/23/16      | Fixed styles for menubutton with image and text
176624      | TDA   | 03/23/16      | Styled placeholder text
176560      | MHM   | 03/23/16      | Rename Actiontile to Indicatortile.
176617      | MHM   | 02/18/16      | Added the css style for first breadcrumb navigation
177142      | TDA   | 04/05/16      | Removed bottom margin for top label
177742      | RJR   | 05/04/16      | Fixed Microsoft Surface drill down issue. 
178412      | TDA   | 06/07/16      | Added css style accordionsidebar
178414      | MJ    | 06/07/16      | Added css style for sidebar divider.
180074      | RJR   | 06/20/16      | Added css for Url Modal.
179182      | KSS   | 07/01/16      | Added buttonicon.
180188      | KSS   | 07/08/16      | Added transactionScreenGroupPanel, initialScreenGroupPanel
181909      | TDA   | 07/09/16      | Removed no longer needed touch styles
180208      | KSS   | 07/21/16      | Added hover for anchor 
180315      | AH    | 07/22/16      | Added transactiongrid
184021      | RS    | 07/27/16      | Fixed intermittently happening issue of icons (tick mark etc.) not appearing correctly in toastr messages in Firefox.
185287      | RJR   | 08/16/16      | Removed ability to hide list pane.
185231      | SP    | 08/16/16      | Reduce the size of the menu bar
180219      | KSS   | 08/24/16      | Added css for ImageButton.
185232      | SP    | 08/29/16      | Added style for summaryToggle
185860      | RJR   | 08/31/16      | Modified advanced criteria to be loaded on the fly in modal dialog.
185996      | SO    | 09/01/16      | Added Css for lookup.
185867      | RJR   | 09/08/16      | New summary pane sizes.
182285      | NRJ   | 09/09/16      | Modified glyphicon-circle-arrow-right:before.
187075      | SAM   | 09/09/16      | Modified glyphicon-circle-arrow-right:before.
185347      | SO    | 09/12/16      | Added CSS for Lookup button.
185347      | SO    | 09/14/16      | Modified CSS for Lookup button.
187343      | NRJ   | 09/16/16      | Added CSS imageButtonControlMarginTop.
187478      | MJ    | 09/22/16      | Removed padding-top from ScreenGroupSubAccordion.
186434      | KSS   | 09/28/16      | Modified imageButtonTop to get the image text in center
185644      | TDA   | 09/16/16      | Added System Menu CSS.
188526      | RS    | 10/04/16      | Fixed word wrap for system menu.
187619      | SO    | 10/03/16      | Added css for menu with sidebar. 
185482      | SSD   | 10/04/16      | Added css for indicator tiles in insight screens.
188594      | RS    | 10/04/16      | System menu word wrap (better fix).
186434      | KSS   | 10/06/16      | Added transactionlookupbutton, customEditorInputs  and modified imageButtonFont;
188709      | SO    | 10/06/16      | Modified css for menu with sidebar.
188594      | RS    | 10/11/16      | Fixed russian language word wrap.
185482      | SSD   | 10/07/16      | Modified the css for insight screens indicator tiles.
186434      | KSS   | 10/17/16      | Added imageButtonText
182281      | KSS   | 10/18/16      | Added transactionscreensectionlabel, transactionscreenfieldlabel,imageButtonLabel
189158      | SO    | 10/19/16      | Modified css for subaccordion class 
187300      | KSS   | 10/19/16      | Added css imageButtonTextBelow, imageButtonTextBelow_disable,defaultImage
188697      | AU    | 10/19/16      | Changed the lookupbutton
189223      | RJR   | 10/20/16      | Added disabled indicator tile.
186643      | RS    | 28/10/16      | Made toggle switch focussable using tab key
189188      | TDA   | 11/02/16      | Added ModalDataGrid styling
190414      | SSD   | 11/10/16      | Changed the font size of buttonicon.
187610	    | RS 	| 11/16/16	    | Added CSS for favorite section in system menu.   
192002	    | RS 	| 11/16/16	    | Changed CSS for favorite section in system menu.  
188076  	| RS    | 11/24/16      | Added CSS for favorite edit and delete buttons.
188076  	| RS    | 11/24/16      | Added word-wrap for menu favorite links.
167148      | TDA   | 11/29/16      | Changes for the igUpgrade 2016.2
191299  	| RS    | 11/30/16      | Added class to adjust font for modal body.
190555      | RJR   | 12/05/16      | Added style for groupByToggle.
193726      | TDA   | 12/13/16      | Fixed style for hiding clear button on disabled input
194099      | RJR   | 12/14/16      | Support filter statements on insight screens.
193268      | NRJ   | 12/16/16      | Added style for HelpAbout.
193560      | RJR   | 12/16/16      | Readonly text editor styling.
195378      | TDA   | 01/11/17      | Set z-index on modal
195603      | RJR   | 01/23/17      | Readonly date time editor styling.
196759      | RS    | 01/20/17      | Added lookupfilterbutton class.
197210      | TDA   | 01/27/17      | Fixed hyperlink color
191838      | AH    | 02/07/17      | Added modalHelpIcon and multiModal.
181285      | RJR   | 02/14/17      | Support check boxes on menu buttons.
198229      | SAM   | 02/22/17      | Added receiptWorkBenchLookup, glyphicon-plus-sign:before, receiptWorkbenchButton
197166      | KSS   | 02/24/17      | Added subaccordionToggle
187294      | TDA   | 03/01/17      | Signon screen changes
199073      | RJR   | 03/02/17      | Styled new version of nav bar warehouse list. 
199043      | SAM   | 03/02/17      | Adjusted padding in receiptWorkbench initiation screen. 
198529      | SHS   | 03/10/17      | Added margin top and bottom to favMenurow to decrease space
200820      | RJR   | 03/13/17      | Fix system menu flying out when minimizing screen.
200882      | RJR   | 03/21/17      | Added styling for home page support.
200901      | RJR   | 03/23/17      | Added styling for home icon on nav bar.
191955      | SO    | 04/07/17      | Added styling for failed Wave icon in wave insight. 
197158      | TDA   | 04/11/17      | Styled disabled indicator tiles
198529      | TDA   | 04/20/17      | Favorites modifications
195132      | TDA   | 05/03/17      | System menu changes
203942      | RJR   | 05/03/17      | Dashboard tiles styling.
204167      | MMM   | 05/18/17      | Updated ajax spinning wheel position to fixed
205782      | RJR   | 05/23/17      | Fixed error screen multi-line message.
197407      | SO    | 05/25/17      | Added buttoniconInvAdjustment and imgItemInvAdjustment class.
207012      | SO    | 06/02/17      | renamed buttoniconInvAdjustment and imgItemInvAdjustment class.
206361      | RS    | 06/08/17      | Added img-detailitem..
207905      | AH    | 06/14/17      | Modfied  receiptWorkBenchLookup to fix top allignment.
206823      | TDA   | 06/16/17      | Added modalScrollableContentRow
206754      | TDA   | 06/21/17      | Changed disabled tile color
207165      | RJR   | 06/21/17      | Handle menu in sub accordion for immediate loading content type.
203806      | SO    | 06/30/17      | Added transdetailtopsection. 
208774      | RS    | 07/10/17      | Added viewlink class.
207528      | NRJ   | 07/14/17      | Added imageControlMarginCenter.
209220      | TDA   | 07/19/17      | Removed chart styles not loaded from this class
209406      | SHS   | 09/05/17      | Added classes for main menu search combo
216256      | TDA   | 12/04/17      | Added listpaneicon removed failedwaveicon
212937      | TDA   | 12/19/17      | IG 2017.2
217086      | TDA   | 01/25/18      | New branding
217481      | MHM   | 02/07/18      | Modified so that Spinning wheel should appear with no scroll bars.
219665      | TDA   | 04/09/18      | Gotham Font
219665      | MHM   | 04/11/18      | Added for TPM order submit screen
221292      | MHM   | 04/13/18      | Added tpmOrderSubmitLabel.  
221585      | TDA   | 04/19/18      | Added all font formats 
219665      | TDA   | 04/09/18      | Gotham Font, additional styling
224165      | MHM   | 05/10/18      | Added style for TPM order header.
216573      | MHM   | 05/25/18      | Added style for TPM Dashboard.
224720      | MHM   | 05/28/18      | Modified font color for TPM order confirmation screen.
224284      | MHM   | 06/08/18      | Added pading for tpm excel icon.
225065      | SO    | 06/08/18      | Modified css to use FontAwesome 5 
225432      | TDA   | 06/20/18      | Fixed lookup button on iPad
225342      | KSS   | 06/21/18      | Added tpmDisabled
227086      | TDA   | 08/17/18      | Navigation bar portrait view changes
227044      | SO    | 08/22/18      | modified style for offline icon
227044      | SO    | 08/22/18      | Added style for refresh icon on dashboard
226558      | TDA   | 10/02/18      | Additional styling for collapsed navbar menu
228309      | PMB   | 10/10/18      | Modified style for .detailpaneheaderrowcolumn .ScreenControlHyperlink > a making overflow anchor text and avoiding horizontal scroll bar.
229407      | SHS   | 11/14/18      | Removed references to roboto font
229525      | TDA   | 11/30/18      | Added Full Calendar Styles
229524      | TDA   | 12/04/18      | Updated Full Calendar Styles
230331      | TDA   | 01/03/19      | Allow wrapping of text in combos
230449      | TDA   | 01/08/19      | Full Calendar changes
229545      | SHS   | 01/11/19      | Added changes for fullCalendar popover
230853      | SHS   | 01/14/19      | Added padding to avoid overlap of divs
229322      | SO    | 01/18/19      | Added css for modal-open
230295      | SHS   | 02/05/19      | Added css for full calendar highlight
230326      | TDA   | 02/11/19      | Added DateTimeRange for TopLabel 
233005      | TDA   | 03/26/19      | Set z-index for datePicker
232822      | TDA   | 05/30/19      | Hide overflow to prevent extra scrollbars horizontally on screens
236055      | TDA   | 06/04/19      | Added media query for about window
235536      | PS    | 31/05/19      | Added css to hide horinzontal scrollbar
238266      |AC     | 09/20/19      | Added css to fix the refresh button alignment on monitoring screens.
239922      | SHS   | 12/03/19      | Separated css for refreshIcon without margin top for workbench typre screens.
235002      | MHM   | 01/27/19      | Added css for tpm Personal views.
259254      | TDA   | 10/02/20      | Increased DatePicker z-index for advanced filter
*/
/*source-sans-pro is downloaded and used from https://google-webfonts-helper.herokuapp.com/fonts/source-sans-pro?subsets=latin*/
@font-face {
  font-family: 'SourceSansPro';
  src: url("../fonts/source-sans-pro-v21-latin-regular.eot");
  src: url("../fonts/source-sans-pro-v21-latin-regular?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v21-latin-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-v21-latin-regular.woff") format("woff"), url("../fonts/source-sans-pro-v21-latin-regular.ttf") format("truetype"), url("../fonts/source-sans-pro-v21-latin-regular.svg") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal; }

/*Below two fonts are commented as ther is no reference found in the project.*/
/*
@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/gotham-medium-webfont.eot');
    src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium-webfont.woff') format('woff'),
         url('../fonts/Gotham-Medium.ttf') format('truetype'),
         url('../fonts/gotham-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBlack';
     src: url('../fonts/gotham-black-webfont.eot');
     src: url('../fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-black-webfont.woff') format('woff'),
         url('../fonts/Gotham-Black.ttf') format('truetype'),
         url('../fonts/gotham-black-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/*login screen*/
.loginbody {
  background-image: url(../images/SignonImage.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; }

.loginErrorSummary {
  display: block;
  margin-top: 5px;
  width: 100%;
  background-color: #E03C31;
  color: #FFFFFF;
  border-width: 0 !important;
  border-style: none !important;
  font-size: 1.125em;
  list-style: none; }

.unencryptErrorSummary {
  display: block;
  margin-top: 5px;
  width: 100%;
  background-color: #E03C31;
  color: #FFFFFF;
  border-width: 0 !important;
  border-style: none !important;
  font-size: 1.125em;
  list-style: none; }

/*icons*/
.monitorInsight {
  font-size: 1.42em;
  margin-right: 25px;
  margin-top: 7px; }

.refreshIconMonitorInsight {
  font-size: 1.42em;
  margin-right: 25px;
  margin-bottom: 7px; }

.refreshIcon {
  font-size: 1.42em;
  margin-right: 25px;
  margin-top: auto; }

.starIcon {
  padding-top: 0px !important; }

.menuicon {
  padding-top: 14px !important; }

.refreshIcon > .menuicon {
  padding-top: 7px !important;
  font-size: 1em !important; }

.buttonicon {
  font-size: 64px !important;
  background: transparent;
  border: none !important;
  outline: none; }

.menutextandicon {
  line-height: 5px;
  cursor: pointer; }

.iconLabel {
  font-size: .675em;
  color: #000000;
  font-weight: 400;
  margin-top: 10px; }

.summaryToggle {
  font-weight: bold;
  margin: -1px 0px 0px -5px; }

/*insight screens*/
html, body {
  height: 100%;
  font-family: SourceSansPro;
  font-size: 16px; }

body {
  padding-top: 53px; }

.fixedtotop {
  position: fixed;
  z-index: 1025;
  right: 12px;
  left: 14px;
  margin-right: 1px;
  /*margin-left:1px;*/
  background-color: #FFFFFF; }

.scrollablecontent {
  height: 100% !important;
  margin: 0;
  right: 4px;
  left: -1px;
  width: 100%;
  /*position:fixed;*/ }

.form-horizontal .scrollablecontent {
  position: absolute; }

.modal .scrollablecontent {
  margin-right: 0px; }

.accordionsidebar .scrollablecontent {
  padding-top: 1px !important;
  position: relative;
  width: 99.2%;
  left: -4px; }

.accordionsidebar > div > .sidebar-name > li.divider {
  margin: 12px 8px 12px 0px;
  height: 1px;
  overflow: hidden;
  background-color: #FFFFFF; }

.accordionsidebar {
  margin-right: -5px;
  margin-left: -5px; }

.navbar-small {
  min-height: 44px;
  height: 44px; }

.navbar-small .navbar-brand {
  padding: 10px 12px;
  line-height: 28px; }

.navbar-small .navbar-nav > li > a {
  margin-top: 10px;
  line-height: 28px; }

.dashboardbody .navbar-small .navbar-nav > li > a, .transbody .navbar-small .navbar-nav > li > a, .tpmdashboardbody .navbar-small .navbar-nav > li > a {
  margin-top: 10px;
  padding: 10px 0px;
  line-height: 28px; }

.navbar-header {
  height: 0px; }

.transbody {
  overflow-x: hidden; }

.navhistory, .navuser, .navrefresh {
  padding-top: 5px !important; }

.navhelp, .navhome, .navuserImg {
  padding-top: 2px !important; }

.transbody {
  overflow-x: hidden; }

.collapsedrefreshsettings {
  margin-top: 10px;
  margin-right: 18px; }

/*Header Navigation Bar*/
.headernavbar {
  margin-right: 2px;
  margin-left: 2px;
  font-weight: 400; }

.headernavbarcrud {
  margin-right: 2px;
  margin-left: 2px; }

.navbartitle {
  color: #FFFFFF !important;
  font-size: 1.313em;
  margin-top: 10px;
  font-weight: 400; }

.headernavbar .dropdown-menu {
  background-color: #2D2F3B;
  top: 85%; }

.headernavbar .dropdown-menu > a {
  background-color: #2D2F3B;
  color: #FFFFFF !important;
  font-size: 1.5em;
  font-weight: 400;
  display: block;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 20px; }

.headernavbar .dropdown-menu > a:hover {
  background-color: #FFFFFF !important;
  color: #2D2F3B !important;
  text-decoration: none; }

.headernavbar .dropdown-menu > li > a {
  background-color: #2D2F3B;
  color: #FFFFFF !important;
  font-size: 1.5em;
  font-weight: 400; }

/*.headernavbar .nav > a:hover, .nav > a:focus {color:$white !important; background-color: $navbar !important}*/
/*.headernavbar .navbarright > a:hover, .navbarright > a:focus {color:$white !important; background-color:$black}*/
.headernavbar .dropdown-menu > .disabled > a, .headernavbar .dropdown-menu > .disabled > a:hover, .headernavbar .dropdown-menu > .disabled > a:focus {
  background-color: #2D2F3B !important;
  color: #767676 !important; }

.headernavbar .dropdown-menu > li > a:hover, .headernavbar .dropdown-menu > li > a:focus {
  background-color: #FFFFFF !important;
  color: #2D2F3B !important; }

.headernavbar .collapsepane > .disabled > a, .headernavbar .collapsepane > .disabled > a:hover, .headernavbar .collapsepane > .disabled > a:focus {
  background-color: #222222;
  color: #555555 !important;
  cursor: not-allowed; }

.headernavbar .collapsepane > div > a:hover, .collapsepane > div > a:focus {
  color: #FFFFFF !important; }

.subaccordionmenu {
  padding-bottom: 4px;
  height: 49px;
  color: #BCBCBC;
  margin-right: 8px; }

.subaccordiongrid {
  margin-left: 15px;
  margin-right: 24px; }

.ScreenGroupSubAccordion {
  padding-right: 2px !important;
  overflow-x: hidden !important; }

.transactiongrid {
  margin-right: 15px; }

.gridtopspace {
  margin-top: 15px;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  min-height: 400px; }

.portraitmenu {
  padding-top: 10px;
  padding-left: 10px; }

.collapsedtitle {
  margin-top: 5px; }

.navbarsearch {
  padding-top: 5px; }

.navbarmenu {
  padding-top: 0px !important;
  background-color: #2D2F3B !important; }

.navbarposition {
  margin-top: -37px !important; }

.navbar-right .navbarposition {
  padding-right: 30px;
  margin-top: -37px !important; }

.navbar-right .navbarposition .insight {
  padding-right: 30px;
  margin-top: -37px !important; }

.visible-xs.navbarposition {
  margin-left: 24px; }

.navbarmargin {
  margin-right: 5px; }

.navbar-text, .putawayGroups .helpText {
  color: #FFFFFF !important;
  font-size: 1em;
  font-weight: 400;
  margin-top: 10px; }

/*override bootstrap text color*/
.navbar-nav > li > a {
  line-height: 5px !important; }

.navimageanchor {
  text-align: center;
  display: block;
  margin-top: -37px !important; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: inherit;
  border-color: inherit; }

.navimage {
  margin-top: -5px;
  display: block; }

.navbar-inverse {
  background-color: #2D2F3B; }

.navbar-text .fa.fa-bars, .putawayGroups .helpText .fa.fa-bars, .navbar-text .packcomponent .fa-bars.fa_pointer, .packcomponent .navbar-text .fa-bars.fa_pointer, .putawayGroups .helpText .packcomponent .fa-bars.fa_pointer, .packcomponent .putawayGroups .helpText .fa-bars.fa_pointer, .navbar-text .shippingQCCount .fa-bars.fa_pointer, .shippingQCCount .navbar-text .fa-bars.fa_pointer, .putawayGroups .helpText .shippingQCCount .fa-bars.fa_pointer, .shippingQCCount .putawayGroups .helpText .fa-bars.fa_pointer, .navbar-text .receiptWorkbench .fa-bars.fa_pointer, .receiptWorkbench .navbar-text .fa-bars.fa_pointer, .putawayGroups .helpText .receiptWorkbench .fa-bars.fa_pointer, .receiptWorkbench .putawayGroups .helpText .fa-bars.fa_pointer, .navbar-text .fas.fa-bars, .putawayGroups .helpText .fas.fa-bars, .navbar-text .far.fa-bars, .putawayGroups .helpText .far.fa-bars, .navbar-text .fal.fa-bars, .putawayGroups .helpText .fal.fa-bars {
  font-size: 1.313em;
  margin-top: 1px; }

.navbar-text .fa.fa-home, .putawayGroups .helpText .fa.fa-home, .navbar-text .packcomponent .fa-home.fa_pointer, .packcomponent .navbar-text .fa-home.fa_pointer, .putawayGroups .helpText .packcomponent .fa-home.fa_pointer, .packcomponent .putawayGroups .helpText .fa-home.fa_pointer, .navbar-text .shippingQCCount .fa-home.fa_pointer, .shippingQCCount .navbar-text .fa-home.fa_pointer, .putawayGroups .helpText .shippingQCCount .fa-home.fa_pointer, .shippingQCCount .putawayGroups .helpText .fa-home.fa_pointer, .navbar-text .receiptWorkbench .fa-home.fa_pointer, .receiptWorkbench .navbar-text .fa-home.fa_pointer, .putawayGroups .helpText .receiptWorkbench .fa-home.fa_pointer, .receiptWorkbench .putawayGroups .helpText .fa-home.fa_pointer, .navbar-text .fas.fa-home, .putawayGroups .helpText .fas.fa-home, .navbar-text .far.fa-home, .putawayGroups .helpText .far.fa-home, .navbar-text .fal.fa-home, .putawayGroups .helpText .fal.fa-home {
  font-size: 1.313em; }

.navsearch .glyphicon, .navsearch .far, .navsearch .fal, .navsearch .fa, .navsearch .packcomponent .fa_pointer, .packcomponent .navsearch .fa_pointer, .navsearch .shippingQCCount .fa_pointer, .shippingQCCount .navsearch .fa_pointer, .navsearch .receiptWorkbench .fa_pointer, .receiptWorkbench .navsearch .fa_pointer, .navsearch .fas {
  font-size: 1.313em;
  color: #FFFFFF; }

.navsearch .visiblepane .glyphicon, .navsearch .visiblepane .fa, .navsearch .visiblepane .packcomponent .fa_pointer, .packcomponent .navsearch .visiblepane .fa_pointer, .navsearch .visiblepane .shippingQCCount .fa_pointer, .shippingQCCount .navsearch .visiblepane .fa_pointer, .navsearch .visiblepane .receiptWorkbench .fa_pointer, .receiptWorkbench .navsearch .visiblepane .fa_pointer, .navsearch .visiblepane .far, .navsearch .visiblepane .fal, .navsearch .visiblepane .fas {
  font-size: 1.313em;
  color: #4F93E4; }

.navdetailpane .glyphicon, .navdetailpane .fa, .navdetailpane .packcomponent .fa_pointer, .packcomponent .navdetailpane .fa_pointer, .navdetailpane .shippingQCCount .fa_pointer, .shippingQCCount .navdetailpane .fa_pointer, .navdetailpane .receiptWorkbench .fa_pointer, .receiptWorkbench .navdetailpane .fa_pointer, .navdetailpane .fas, .navdetailpane .far, .navdetailpane .fal {
  font-size: 1.313em;
  color: #FFFFFF; }

.navdetailpane .visiblepane .glyphicon, .navdetailpane .visiblepane .fa, .navdetailpane .visiblepane .packcomponent .fa_pointer, .packcomponent .navdetailpane .visiblepane .fa_pointer, .navdetailpane .visiblepane .shippingQCCount .fa_pointer, .shippingQCCount .navdetailpane .visiblepane .fa_pointer, .navdetailpane .visiblepane .receiptWorkbench .fa_pointer, .receiptWorkbench .navdetailpane .visiblepane .fa_pointer, .navdetailpane .visiblepane .fal, .navdetailpane .visiblepane .fas, .navdetailpane .visiblepane .far {
  color: #4F93E4; }

.nav > li.disabled > a {
  background-color: #767676; }

.fa.fa-question-circle, .packcomponent .fa-question-circle.fa_pointer, .shippingQCCount .fa-question-circle.fa_pointer, .receiptWorkbench .fa-question-circle.fa_pointer, .far.fa-question-circle, .fas.fa-question-circle, .fal.fa-question-circle {
  font-size: 1.313em; }

.offline-icon .fa.fa-circle, .offline-icon .packcomponent .fa-circle.fa_pointer, .packcomponent .offline-icon .fa-circle.fa_pointer, .offline-icon .shippingQCCount .fa-circle.fa_pointer, .shippingQCCount .offline-icon .fa-circle.fa_pointer, .offline-icon .receiptWorkbench .fa-circle.fa_pointer, .receiptWorkbench .offline-icon .fa-circle.fa_pointer, .offline-icon .fas.fa-circle, .offline-icon .fal.fa-circle.offline-icon .far.fa-circle {
  font-size: 1.313em;
  color: #38F55B; }

.offline-icon.disabled .fa.fa-circle, .offline-icon.disabled .packcomponent .fa-circle.fa_pointer, .packcomponent .offline-icon.disabled .fa-circle.fa_pointer, .offline-icon.disabled .shippingQCCount .fa-circle.fa_pointer, .shippingQCCount .offline-icon.disabled .fa-circle.fa_pointer, .offline-icon.disabled .receiptWorkbench .fa-circle.fa_pointer, .receiptWorkbench .offline-icon.disabled .fa-circle.fa_pointer, .offline-icon.disabled .fas.fa-circle, .offline-icon.disabled .fal.fa-circle.offline-icon.disabled .far.fa-circle {
  font-size: 1.313em;
  color: #E03C31; }

.offline-icon {
  font-size: .5em;
  margin-left: 0px;
  margin-right: 5px; }

.offline-icon.disabled {
  font-size: .5em;
  margin-left: 0px;
  margin-right: 5px; }

.offlinecollapsed {
  margin-right: 5px; }

.img-responsive.img-circle.navBarImg {
  height: 22px;
  width: 22px; }

ul.dropdown-menu.userMenu {
  background-color: #487CC9;
  padding-bottom: 0px; }

li.extraBottomPadding {
  padding-bottom: 5px; }

.userMenuNameArea {
  background-color: #487CC9; }

.userMenuName {
  color: #FFFFFF;
  font-size: 1.75em;
  text-align: center;
  margin-left: 1.25em;
  margin-top: .25em;
  margin-bottom: .5em;
  margin-right: 1.25em; }

.visiblepane .badge {
  font-family: SourceSansPro;
  font-weight: 700;
  font-size: .688em;
  color: #FFFFFF;
  background-color: #4F93E4;
  vertical-align: top;
  border-radius: 10px !important; }

.badge {
  font-family: SourceSansPro;
  font-weight: 700;
  font-size: .688em;
  color: #2D2F3B;
  background-color: #FFFFFF;
  vertical-align: top;
  border-radius: 10px !important; }

@media all and (min-width: 1200px) {
  .visible-lg.menuhamburger {
    display: inline-block !important; } }

@media all and (max-width: 1199px) and (min-width: 992px) {
  .visible-md.menuhamburger {
    display: inline-block !important; } }

@media all and (max-width: 991px) and (min-width: 768px) {
  .visible-sm.menuhamburger {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .nav > li > label, .nav > li > div.dropdown {
    position: relative;
    display: block;
    padding-left: 15px; }
  .navbar-collapse {
    background-color: #2D2F3B;
    border: none;
    overflow-y: visible !important;
    text-align: center; }
  .navbar-right {
    background-color: #2D2F3B;
    margin-top: -25px !important;
    margin-right: -25px !important; }
  .navbar-collapse.in .navbar-right {
    background-color: #494D60; }
  .navbar-collapse.collapse.in .navhelp, .navbar-collapse.collapse.in .navbarWhs {
    border-bottom: 1px solid #BFC4D0; }
  .navbar-collapse.collapse.in .navbarWhs, .navbar-collapse.collapse.in .navbarWhs a {
    background-color: #494D60; }
  .navbar-collapse.collapse.in .navbarHelp, .navbar-collapse.collapse.in .navbarHelp a {
    background-color: #494D60; }
  .navbar-collapse.collapse.in .navbarUser, .navbar-collapse.collapse.in .navbarUser a {
    background-color: #494D60; }
  .navbar-collapse.collapse.in .navbarWhs #currentWhsVal {
    font-size: 1.25em; }
  .navbar-collapse.collapse.in .navbarWhs li a, .navbar-collapse.collapse.in .navbarHelp li a, .navbar-collapse.collapse.in .navbarUser li a {
    background-color: #F4F4F8;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #000000 !important;
    border-bottom: 1px solid #C8C7CC; }
  .navbar-collapse.collapse.in .userMenuNameArea {
    padding-bottom: 5px; }
  .navbar-collapse.collapse.in .userMenuName {
    margin-top: 0px;
    padding-top: 10px; }
  .navbar-collapse.collapse.in .navbarenv {
    margin-top: 10px !important;
    font-size: 1.25em;
    background-color: #487CC9; }
  .navbartitle {
    margin-top: 0px;
    font-size: 1.2em; }
  .navbarmenucollapsed {
    padding-left: 15px; }
  .offlinenotificationcollapsed {
    margin-top: 4px;
    margin-right: 10px; }
  .collapsedrightmenu {
    background-color: transparent !important;
    border: none !important;
    margin-top: 2px;
    margin-right: 0px; }
  .collapsedsettings {
    margin-right: 10px;
    margin-top: 10px; }
  .fa-user, .fas-user, .far-user, .fal-user {
    font-size: 1.31em; }
  .navbarenv {
    margin-top: 35px !important; }
  .navhome {
    padding-left: 44px !important; }
  .navuserImg {
    padding-left: 182px !important; } }

.container-fluid {
  height: 100%;
  min-height: 100%;
  /*overflow: auto;*/ }

/*overflow auto pushes the scrollbar under the header but causes the header to float on the IPad*/
/*container main row - stretch all columns to size to browser*/
.containercontent {
  height: 100%;
  min-height: 100%; }

.rowmenupanel {
  padding-left: 1px;
  padding-right: 1px; }

#screenpartcontainer {
  /*padding: 1px;*/
  height: 100%; }

.searchpanepart #screenpartcontainer, .listpanepart #screenpartcontainer, .detailpanepart #screenpartcontainer {
  padding: 1px;
  height: 100%;
  margin-top: 0px; }

.searchpanepart .ui-igTextEditor-disabled, .searchpanepart .ui-igNumericEditor-disabled, .searchpanepart .ui-igDatePicker-disabled, .searchpanepart .ui-igDateEditor-disabled, .searchpanepart .ui-igCombo-disabled input {
  background-color: #F0F0F0; }

.searchpanepart input[disabled] {
  background-color: #F0F0F0;
  opacity: 1; }

.searchpanepart .ui-state-disabled .ui-igedit-buttonimage {
  opacity: 0.35; }

.ScreenGroupPanel {
  height: 100%; }

.ScreenGroupPanelTextAlignCenter {
  height: 100%;
  text-align: center; }

.transactionScreenGroupPanel {
  height: 100%; }

.workflowScreenGroupPanel {
  height: 100%;
  padding-Top: 10px; }

.ScreenGroupMenu {
  height: 100%;
  background-color: #494e53; }

.ScreenGroupMenu .pull-left a, .ScreenGroupMenu .pull-right a {
  color: #FFFFFF;
  font-size: 1.13em;
  overflow: hidden;
  font-weight: 300; }

.ScreenGroupMenu.subaccordionmenu .pull-left a, .ScreenGroupMenu.subaccordionmenu .pull-right a {
  color: #FFFFFF !important;
  font-size: 1.13em;
  display: block;
  height: 45px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-decoration-line: none !important;
  text-decoration: none !important;
  overflow: hidden; }

.ScreenGroupMenu .pull-left a.disabled, .ScreenGroupMenu .pull-right a.disabled {
  color: #D9D9D6;
  font-size: 1.13em;
  opacity: .5;
  overflow: hidden; }

.ScreenGroupMenu .pull-left a.disabled:hover, .ScreenGroupMenu .pull-right a.disabled:hover {
  cursor: default;
  font-size: 1.13em;
  opacity: .5;
  overflow: hidden; }

.ScreenGroupMenu .dropdown-menu > .disabled > a, .ScreenGroupMenu .dropdown-menu > .disabled > a:hover, .ScreenGroupMenu .dropdown-menu > .disabled > a:focus {
  opacity: .5; }

.ScreenGroupMenu .nav .open > a, .ScreenGroupMenu .nav .open > a:hover, .ScreenGroupMenu .nav .open > a:focus {
  background-color: #FFFFFF;
  color: #494e53;
  outline: none; }

/*.ScreenGroupMenu .nav > li.disabled > a:hover, .ScreenGroupMenu .nav > li.disabled > a:focus{color: $ma-lightgray; outline:none;}*/
.ScreenGroupMenu .nav > li > a:hover, .ScreenGroupMenu .nav > li > a:focus {
  background-color: #4F93E4;
  outline: none; }

.ScreenGroupMenu .dropdown-menu {
  background-color: #494e53; }

.ScreenGroupMenu .dropdown-menu > li.divider {
  background-color: #D9D9D6;
  margin: 6px 0; }

.ScreenGroupMenu .dropdown-menu > li > a {
  background-color: #494e53;
  color: #FFFFFF; }

.ScreenGroupMenu .dropdown-menu > .disabled > a, .ScreenGroupMenu .dropdown-menu > .disabled > a:hover, .ScreenGroupMenu .dropdown-menu > .disabled > a:focus {
  background-color: #494e53;
  color: #FFFFFF;
  outline: none; }

.ScreenGroupMenu .dropdown-menu > li > a:hover, .ScreenGroupMenu .dropdown-menu > li > a:focus {
  background-color: #4F93E4;
  color: #FFFFFF;
  outline: none; }

.ScreenGroupMenu .menubuttonsave, .ScreenGroupMenu .menubuttoncancel {
  background-color: #4F93E4;
  margin-left: 2px; }

.ScreenGroupMenu .menubuttoncreatework {
  background-color: #4F93E4;
  margin-right: 2px; }

.ScreenGroupMenu .img-responsive img-circle navBarImg {
  background-color: #4F93E4;
  margin-left: 2px; }

.ScreenGroupMenu .menubuttonnew, .ScreenGroupMenu .menubuttonnewwave {
  background-color: #4F93E4; }

.ScreenGroupMenu .menubuttonstop {
  background-color: #4F93E4; }

.ScreenGroupMenu .menubuttonnew {
  background-color: #4F93E4; }

.ScreenGroupMenu.subaccordionmenu .disabled a, .ScreenGroupMenu.subaccordionmenu .disabled a {
  Color: #D9D9D6 !important; }

.ScreenGroupMenu .menubuttonjumptoinsight a {
  color: #FFFFFF; }

.ScreenGroupMenu .menubuttonpreview a {
  color: #FFFFFF; }

.ScreenGroupMenu .menubuttonexport a {
  color: #FFFFFF; }

.ScreenGroupMenu .cruddetailmenubutton a {
  color: #FFFFFF; }

li.pull-right.menubutton.subaccordionbutton {
  display: block;
  height: 45px;
  position: relative;
  text-decoration-line: none !important;
  text-decoration: none !important;
  background-color: #4F93E4; }

.transparentscreengroup .ScreenGroupMenu {
  background-color: transparent !important; }

.ScreenGroupMenu .nav > li.disabled > a {
  background-color: #494e53; }

/*.ScreenGroupMenu .cruddetailtitlepanel.nav > li.disabled > a:hover, .ScreenGroupMenu .cruddetailtitlepanel.nav > li.disabled > a:focus{background-color:#EBECEE; color: #BEC0C2; outline:none;}*/
.summaryToggle .visiblepane {
  color: #4F93E4 !important; }

.subaccordionToggle {
  margin-top: 2px !important; }

.groupByToggle.visiblepane {
  color: #4F93E4 !important; }

.ScreenGroupMenu .nav > li > a.visiblepane:focus, .ScreenGroupMenu .nav > li > a.visiblepane:hover {
  background-color: #FFFFFF !important; }

/*Search pane*/
.searchpanepart {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.searchpanepart .accordionwrapper {
  height: 100%; }

.searchpanecriteria {
  height: 96.25%; }

.transscrollablecontent, .crudscrollablecontent {
  height: 96.25%;
  padding-left: 8px;
  /*padding-right:1px;*/
  /*padding-bottom:1px;*/
  /*padding-top: 1px;*/ }

.ScreenControlDateTimeRangeTop.basiccriteriarow > span {
  width: 100% !important; }

.modalgrid {
  margin-left: 12px; }

.cancelwavegrid, .splitshipmentgrid {
  margin-left: 16px; }

/*List pane*/
.listpanepart {
  height: 100%;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

/*.listpanepanel{padding:1px; }
.listpanepanelnosummarytiles{padding:1px;}*/
.listpanesummarypanel {
  overflow: auto;
  /*padding-left:1px; padding-right:1px; padding-bottom:1px;*/
  padding-top: 1px; }

.listpanedatagrid {
  height: 100%;
  width: 100%;
  white-space: nowrap; }

.modaldatagrid {
  height: 87vh;
  width: 100%;
  white-space: nowrap; }

tr.strike > td {
  text-decoration: line-through; }

.listpaneicon {
  font-size: 1.5em;
  padding-top: .1em;
  padding-left: .15em; }

/*Detail pane*/
.detailpanepart {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.detailpaneheaderpanel {
  padding-Top: 2px;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px; }

.detailpaneheaderpanel .ScreenGroupPanel {
  background-color: #333A45; }

.detailpaneheaderpanel .ScreenGroupPanel .headerpanelleft {
  background-color: #333A45;
  white-space: nowrap;
  overflow: hidden; }

.detailpaneheaderrowcolumn .ScreenControlHyperlink > a, .detailpaneheaderrowcolumn .ScreenControlHyperlink > a:hover, .detailpaneheaderrowcolumn .ScreenControlHyperlink > a:focus {
  margin-bottom: 5px; }

.detailpaneheaderrowcolumn .ScreenControlHyperlink > a:hover {
  cursor: pointer !important;
  text-decoration: underline; }

/*used on modal windows*/
.modalscrollablecontentrow {
  background-color: #333A45 !important; }

.modal-body body {
  background-color: #333A45 !important; }

/*crud data pane*/
.cruddatapart {
  height: 100%; }

/*Monitor UI*/
.monitorchartpanepart {
  height: auto;
  background-color: #FFFFFF; }

.monitorindicatorpanepart {
  height: 98%;
  overflow: visible;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*monitor SummaryTile styling*/
.monitorsummarypanel {
  overflow: auto;
  padding-top: 1px; }

.monitorpanesummarytile .TileLabel {
  color: #FFFFFF;
  text-align: center;
  font-family: SourceSansPro;
  font-weight: 400;
  overflow: hidden;
  font-size: 1.063em;
  white-space: nowrap; }

.monitorpanesummarytile .TileData {
  color: #FFFFFF;
  font-family: SourceSansPro;
  font-weight: 500;
  text-align: center;
  font-size: 1.313em; }

.monitorpanesummarytile, .largepanesummarytile {
  background-color: #487CC9;
  border-right: 1px solid;
  border-bottom: 1px solid; }

.monitorpanesummarytile .TileLabel, .largepanesummarytile .TileLabel {
  display: block; }

.monitorpanesummarytile .TileData, .largepanesummarytile .TileData {
  display: block; }

/*Indicator Tile */
.indicatortilepanel {
  padding-right: .75px; }

.indicatortileindicator {
  height: 8% !important;
  background-color: #333A45;
  margin-top: 2px;
  text-align: center;
  font-size: 1.50em;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: SourceSansPro;
  color: #FFFFFF;
  margin-bottom: 2px; }

.indicatortile {
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0.5px;
  padding-right: 0.5px;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  height: 100%;
  cursor: pointer; }

.indicatortile:hover {
  cursor: pointer;
  opacity: .8; }

.indicatortileCaution {
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0.5px;
  padding-right: 0.5px;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  height: 100%;
  cursor: pointer;
  background-color: #E8C248;
  border-style: solid;
  border-width: .10px; }

.indicatortileCaution:hover {
  cursor: pointer;
  opacity: .8; }

.indicatortileWarning {
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0.5px;
  padding-right: 0.5px;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  height: 100%;
  cursor: pointer;
  background-color: #E03C31;
  border-style: solid;
  border-width: .10px; }

.indicatortileWarning:hover {
  cursor: pointer;
  opacity: .8; }

.indicatortile .TileLabel, .indicatortileCaution .TileLabel, .indicatortileWarning .TileLabel {
  color: #FFFFFF;
  text-align: center;
  overflow: hidden;
  font-size: 1.17em;
  word-wrap: break-word;
  font-weight: 400; }

.indicatortile .TileLabel:hover {
  cursor: pointer;
  opacity: .8; }

.indicatortile .TileData, .indicatortileCaution .TileData, .indicatortileWarning .TileData {
  color: #FFFFFF;
  text-align: center;
  font-size: 4em;
  font-weight: 400; }

.indicatortile .TileData:hover {
  cursor: pointer;
  opacity: .8; }

.indicatortile, .largepanesummarytile {
  background-color: #1489B5;
  border-style: solid;
  border-width: .10px; }

.indicatortile .TileLabel, .largepanesummarytile .TileLabel, .indicatortileCaution .TileLabel, .indicatortileWarning .TileLabel {
  display: block; }

.indicatortile .TileData, .largepanesummarytile .TileData, .indicatortileCaution .TileData, .indicatortileWarning .TileData {
  display: block; }

/* Indicator tiles in insight screens */
.insightindicatortile1, .insightindicatortile1:hover {
  background-color: #1489B5; }

.insightindicatortile2, .insightindicatortile2:hover {
  background-color: #1489B5; }

.insightindicatortile3, .insightindicatortile3:hover {
  background-color: #1489B5; }

.insightindicatortile4, .insightindicatortile4:hover {
  background-color: #1489B5; }

.insightindicatortile1, .insightindicatortile2, .insightindicatortile3, .insightindicatortile4, .insightindicatortileError {
  font-family: SourceSansPro;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0.5px;
  padding-right: 0.5px;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
  height: 100%;
  cursor: pointer;
  color: #FFFFFF;
  border-style: solid;
  border-width: .10px; }

.insightindicatortile1:hover, .insightindicatortile2:hover, .insightindicatortile3:hover, .insightindicatortile4:hover {
  cursor: pointer;
  opacity: .75; }

.insightindicatortile1 .TileLabel, .insightindicatortile2 .TileLabel, .insightindicatortile3 .TileLabel, .insightindicatortile4 .TileLabel, .insightindicatortileError .TileLabel {
  font-family: SourceSansPro;
  color: inherit;
  text-align: center;
  overflow: hidden;
  font-size: 1.06em;
  word-wrap: break-word;
  font-weight: 400;
  display: block; }

.insightindicatortile1 .TileLabel:hover, .insightindicatortile2 .TileLabel:hover, .insightindicatortile3 .TileLabel:hover, .insightindicatortile4 .TileLabel:hover {
  color: inherit;
  cursor: pointer; }

.insightindicatortile1 .TileData, .insightindicatortile2 .TileData, .insightindicatortile3 .TileData, .insightindicatortile4 .TileData, .insightindicatortileError .TileData {
  font-family: SourceSansPro;
  color: inherit;
  text-align: center;
  font-size: 3.5em;
  font-weight: 400;
  display: block; }

.insightindicatortile1 .TileData:hover, .insightindicatortile2 .TileData:hover, .insightindicatortile3 .TileData:hover, .insightindicatortile4 .TileData:hover {
  color: inherit;
  cursor: pointer; }

.insightindicatortile1 .TileLabel, .insightindicatortile1 .TileData, .insightindicatortile2 .TileLabel, .insightindicatortile2 .TileData, .insightindicatortile3 .TileLabel, .insightindicatortile3 .TileData, .insightindicatortile4 .TileLabel, .insightindicatortile4 .TileData, .insightindicatortileError .TileLabel, .insightindicatortileError .TileData {
  display: block; }

.disabledIndicatorTile, .disabledIndicatorTile:hover {
  cursor: not-allowed !important;
  background-color: #6C7D93 !important;
  font-family: SourceSansPro;
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0.5px;
  padding-right: 0.5px;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
  height: 100%;
  cursor: pointer;
  color: #FFFFFF;
  border-style: solid;
  border-width: .10px; }

.disabledIndicatorTile .TileLabel, .disabledIndicatorTile .TileLabel:hover {
  cursor: not-allowed !important;
  font-family: SourceSansPro;
  color: inherit;
  text-align: center;
  overflow: hidden;
  font-size: 1.06em;
  word-wrap: break-word;
  font-weight: 400;
  display: block; }

.disabledIndicatorTile .TileData, .disabledIndicatorTile .TileData:hover {
  cursor: not-allowed !important;
  font-family: SourceSansPro;
  color: inherit;
  text-align: center;
  font-size: 3.5em;
  font-weight: 400;
  display: block; }

.insightindicatortileError, .insightindicatortileError:hover {
  background-color: #E03C31;
  color: #FFFFFF;
  opacity: 1 !important;
  cursor: not-allowed !important;
  overflow: hidden; }

.insightindicatortileError .TileLabel, .insightindicatortileError .TileLabel:hover {
  color: inherit;
  cursor: not-allowed !important;
  overflow: hidden;
  display: block; }

.insightindicatortileError .TileData, .insightindicatortileError .TileData:hover {
  color: inherit;
  cursor: not-allowed !important;
  overflow: hidden;
  display: block; }

.indicatortilewithbackground:hover {
  opacity: .75 !important; }

.insightindicatortileLoading .TileData, insightindicatortileLoading .TileData:hover {
  font-size: 1.75em !important;
  margin-bottom: 1.5em; }

.aboutwindowrow {
  margin-top: 0.5em;
  margin-left: 2.5em; }

@media (max-width: 480px) {
  .aboutwindowrow {
    margin-top: 0.5em;
    margin-left: 1em; } }

/*Breadcrumb*/
/*.monitorbreadcrumbpanel {
    overflow: auto;
    background-color: #EBECEE;
    margin-top: 13px;
}*/
.monitorbreadcrumbgroup {
  height: 100%; }

.monitorbreadcrumbleft {
  height: inherit;
  overflow: hidden;
  padding-left: 1px; }

.monitorbreadcrumbright {
  height: inherit;
  overflow: hidden; }

.monitorInsightDiv {
  float: right;
  margin-right: 8px;
  margin-top: 15px;
  margin-bottom: 15px; }

/*change breadcrumb links color*/
/*.breadcrumb  {
    background-color: #CCC; 
}*/
.breadcrumb a {
  color: black; }

.breadcrumb a:hover {
  text-decoration: none; }

/*change active color*/
/*.breadcrumb > .active {
     color: #9CD05F;
}*/
/* ------------ breadcrumb toolbar --------------*/
.breadcrumbbar {
  list-style: none;
  margin-bottom: 1px;
  overflow: hidden;
  padding-left: 1px; }

.breadcrumbbar li {
  float: left;
  padding-right: 5px; }

.breadcrumbbar li a {
  color: #4f93e4;
  display: block;
  background: #EBECEE;
  text-decoration: none;
  position: relative;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
  margin-top: 2px;
  vertical-align: middle;
  line-height: 24px; }

.breadcrumb-2lines {
  line-height: 20px !important; }

/*.breadcrumb-subtext {
  color: #3684FC;
}*/
.breadcrumbbar li:nth-child(even) a {
  background-color: #EBECEE; }

.breadcrumbbar li:nth-child(even) a:before {
  border-color: #EBECEE;
  border-left-color: transparent; }

.breadcrumbbar li:nth-child(even) a:after {
  border-left-color: #EBECEE; }

.breadcrumbbar li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 0 0 0 0; }

.breadcrumbbar li:first-child a:before {
  border: none; }

/*.breadcrumbbar li:last-child a {
  color: #42424C;
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0 4px 4px 0;
  background-color: transparent;
}*/
.breadcrumbbar li:last-child a:after {
  border: none; }

.breadcrumbbar li:last-child a:before {
  border: 0 solid #EBECEE; }

.breadcrumbbar li a:before, .breadcrumbbar li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #EBECEE;
  border-width: 24px 12px;
  width: 0;
  height: 0; }

.breadcrumbbar li a:before {
  left: -20px;
  border-left-color: transparent; }

.breadcrumbbar li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #EBECEE; }

.breadcrumbbar li a:hover {
  background-color: #487CC9;
  color: #FFFFFF; }

.breadcrumbbar li a:hover:before {
  border-color: #487CC9;
  color: #FFFFFF;
  border-left-color: transparent; }

.breadcrumbbar li a:hover:after {
  border-left-color: #487CC9; }

.breadcrumbbar li a:active {
  background-color: #487CC9;
  color: #FFFFFF; }

.breadcrumbbar li a:active:before {
  border-color: #487CC9;
  border-left-color: transparent; }

.breadcrumbbar li a:active:after {
  border-left-color: #487CC9; }

/*.breadcrumbbar li:last-child a span.breadcrumb-subtext {
    color: #42424C;
         
}*/
.breadCrumbLabel {
  font-size: 1.06em;
  font-weight: 400; }

.breadCrumbFirstLabel {
  font-size: 1.06em;
  font-weight: 400;
  padding-top: 12px;
  padding-bottom: 12px; }

.breadCrumbData {
  font-size: 1.18em;
  font-weight: 400; }

.breadcrumbbar li a.active {
  color: #000000;
  pointer-events: none;
  cursor: default; }

/*HeaderPane*/
/*.headerpanepart{height:auto; border-color:#083c73;background-color:$white;}*/
/*need to figure out why it adds a gap around all the labels.detailpaneheaderpanel .ScreenGroupPanel label {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}*/
.detailpaneheaderpanel .ScreenGroupPanel .headerpanelright {
  background-color: #333A45; }

.detailpaneheaderpanel .ScreenControlImage {
  margin-top: 5%; }

.detailpaneheaderbottompanel {
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px; }

.detailpaneheadertoppanel {
  padding-left: 1px;
  padding-right: 1px; }

.detailpaneheadertoppanel .detailpaneheaderrowcolumn {
  background-color: #333A45; }

/*.cruddetailtitlepanel .ScreenGroupPanel{background-color: #EBECEE;}*/
.detailpaneheadermiddlepanel {
  padding-left: 1px;
  padding-right: 1px; }

.detailpaneheadermiddlepanel .ScreenGroupPanel {
  background-color: #333A45; }

.detailpaneheaderbottompanel .detailpaneheaderrowcolumn {
  background-color: #333A45; }

.img-detailitem {
  max-height: 7em;
  padding-left: 3em; }

/*Media Query Styles*/
.detailpaneheaderlargelabel, .summarypaneheaderlargelabel {
  margin-left: .01%;
  color: #FFFFFF; }

.cruddetailtitlelargelabel {
  margin-left: .01%;
  color: #000000; }

.detailpaneheadermediumlabel, .summarypaneheadermediumlabel {
  margin-left: .01%;
  color: #FFFFFF;
  font-family: SourceSansPro; }

.detailpaneheadersmalllabel {
  margin-left: .01%;
  color: #FFFFFF;
  font-family: SourceSansPro; }

.cruddetailtopsection {
  padding-top: 15px; }

.cruddetailbottomsection {
  padding-bottom: 15px; }

/*.detailsummarypanel {overflow: auto;padding-left:1px;padding-top:1px;padding-right:1px;}
.detailsummaryumpanel{padding-left:1px;padding-right:1px; }
.detailsummaryumpanelgroup {background-color: #EBECEE;color: $black; padding-bottom:2px;} 
.detailtotalspanel {overflow: auto;padding-left:1px;padding-right:1px;}
.detailpanedetails{padding-left:1px;padding-right:1px;background-color: #fffcfc;}*/
.detailpanepart .accordionwrapper {
  height: 100%; }

.cruddatapart .accordionwrapper {
  height: 100%;
  margin-right: -12px; }

.accordionwrapper .ScreenGroupPanel {
  margin-right: 4px !important; }

.detailPaneMiniDataGrid {
  white-space: nowrap;
  padding-top: 18px;
  padding-bottom: 8px; }

.detailpaneheaderrowcolumn .ScreenControlHyperlink > a, .detailpaneheaderrowcolumn .ScreenControlHyperlink > a:hover, .detailpaneheaderrowcolumn .ScreenControlHyperlink > a:focus {
  color: #4f93e4 !important;
  text-decoration: none;
  font-weight: bold;
  display: block; }

.detailpaneheaderlabel {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
  font-weight: 400; }

.crudheaderlabel {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
  font-size: 1.5em;
  color: #FFFFFF;
  font-weight: 300 !important;
  margin-left: 8px;
  margin-top: 6px; }

.transactionheaderlabel {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: pre;
  font-size: 1.5em;
  color: #FFFFFF;
  font-weight: 300 !important;
  margin-left: 8px;
  margin-top: 6px; }

.transactionscreenlabel {
  font-size: 1.5em;
  font-weight: 300 !important;
  margin-top: 6px;
  border: solid;
  padding-left: 1em;
  padding-right: 1em; }

.cruddetailmenutitle {
  padding-left: 15px; }

.transactionscreensectionlabel {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.3em;
  color: #FFFFFF;
  font-weight: 300 !important;
  margin-top: 6px; }

.transactionscreenfieldlabel {
  display: block;
  word-wrap: break-word;
  color: #000000;
  font-size: .875em;
  font-weight: 400;
  margin-left: 8px;
  margin-bottom: .25em; }

.crudheadermiddlepanel {
  background-color: #333A45 !important;
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: .5em;
  margin-right: -18px;
  margin-right: -14px; }

.transheadermiddlepanel {
  background-color: #333A45 !important;
  padding-left: .5em;
  margin-right: -18px;
  margin-top: 1em; }

/* Grid cell width */
.ui-iggrid ui-iggrid-filtereditor {
  height: 24px; }

/* Large desktops and laptops */
@media (min-width: 1350px) {
  .detailpaneheaderlargelabel {
    font-size: 1.5em; }
  .summarypaneheaderlargelabel {
    font-size: 1em; }
  .cruddetailtitlelargelabel {
    font-size: 1.5em; }
  .detailpaneheadermediumlabel {
    font-size: 1.313em; }
  .summarypaneheadermediumlabel {
    font-size: 0.750em; }
  .detailpaneheadersmalllabel {
    font-size: 1.063em; }
  .largepanesummarytile .TileLabel {
    font-size: 1.063em; }
  .largepanesummarytile .TileData {
    font-size: 1.313em; }
  .panesummarytile .TileLabel {
    font-size: 1.063em; }
  .panesummarytile .TileData {
    font-size: 1.313em; }
  .listpanepanel {
    height: 93.5%; }
  .listpanepanelnosummarytiles {
    height: 100% !important; }
  .detailpanedetails {
    height: 71.5%; } }

/* Not as large desktops and laptops */
@media (min-width: 1200px) {
  .detailpaneheaderlargelabel {
    font-size: 1.5em; }
  .summarypaneheaderlargelabel {
    font-size: 1em; }
  .cruddetailtitlelargelabel {
    font-size: 1.5em; }
  .detailpaneheadermediumlabel {
    font-size: 1.313em; }
  .summarypaneheadermediumlabel {
    font-size: 0.750em; }
  .detailpaneheadersmalllabel {
    font-size: 1.063em; }
  .largepanesummarytile .TileLabel {
    font-size: 1.063em; }
  .largepanesummarytile .TileData {
    font-size: 1.313em; }
  .panesummarytile .TileLabel {
    font-size: 1.063em; }
  .panesummarytile .TileData {
    font-size: 1.313em; }
  .listpanepanel {
    height: 90%; }
  .listpanepanelnosummarytiles {
    height: 100% !important; }
  .detailpanedetails {
    height: 68%; } }

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .detailpaneheaderlargelabel {
    font-size: 1.5em; }
  .summarypaneheaderlargelabel {
    font-size: 1em; }
  .cruddetailtitlelargelabel {
    font-size: 1.5em; }
  .detailpaneheadermediumlabel {
    font-size: 1.313em; }
  .summarypaneheadermediumlabel {
    font-size: 0.750em; }
  .detailpaneheadersmalllabel {
    font-size: 1.063em; }
  .largepanesummarytile .TileLabel {
    font-size: 1.063em; }
  .largepanesummarytile .TileData {
    font-size: 1.313em; }
  .panesummarytile .TileLabel {
    font-size: 1.063em; }
  .panesummarytile .TileData {
    font-size: 1.313em; }
  .listpanepanel {
    height: 90%; }
  .listpanepanelnosummarytiles {
    height: 100% !important; }
  .detailpanedetails {
    height: 68%; } }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .modaldatagrid {
    height: 78vh;
    width: 100%;
    white-space: nowrap; } }

/* Portrait tablets and small desktops */
/* Landscape phones and portrait tablets */
/* Landscape phones and smaller */
/*SummaryTile styling*/
.panesummarytile .TileLabel, .largepanesummarytile .TileLabel {
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.063em;
  font-weight: 400; }

.panesummarytile .TileData, .largepanesummarytile .TileData {
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  font-size: 1.313em; }

.panesummarytile, .largepanesummarytile {
  background-color: #487CC9;
  border-right: 1px solid;
  border-bottom: 1px solid; }

.panesummarytile .TileLabel, .largepanesummarytile .TileLabel {
  display: block; }

.panesummarytile .TileData, .largepanesummarytile .TileData {
  display: block; }

/*Accordion styling*/
.detailgroupaccordion {
  height: 100%;
  padding: 0;
  width: 100%; }

.groupaccordion {
  height: 100%;
  padding: 0;
  width: 100%; }

/*Editor styling*/
.modaltopsection {
  margin-right: 1em !important;
  padding-top: 15px; }

.ScreenControlTextEditorLeft, .ScreenControlTextEditorInline, .ScreenControlTextEditorNone {
  margin-left: .5em;
  margin-bottom: .25em; }

.ScreenControlMultiSelectionComboBoxLeft, .ScreenControlMultiSelectionComboBoxInline, ScreenControlMultiSelectionComboBoxNone {
  margin-left: .5em;
  margin-bottom: .25em; }

.ScreenControlDateRangeLeft, .ScreenControlDateRangeInline, .ScreenControlDateRangeNone, .ScreenControlDateRangeTop {
  margin-bottom: .25em;
  position: relative;
  z-index: 10; }

.ScreenControlTextEditorTop, .ScreenControlNumericEditorTop, .ScreenControlToggleSwitchTop, .ScreenControlDatePickerTop, .ScreenControlDateRangeTop, .ScreenControlDateTimeEditorTop, .ScreenControlTimePickerTop, .ScreenControlHyperlinkTop, .ScreenControlCheckedListBoxTop {
  margin-left: .5em;
  margin-bottom: .5em; }

.ScreenControlTextEdtiorTop, .cruddetailtopsection {
  margin-left: 0em !important;
  margin-right: 1em !important; }

.ScreenControlTextEdtiorTop, .transdetailtopsection {
  margin-left: 0em !important; }

.ScreenControlNumericEditorLeft, .ScreenControlNumericEditorInline, .ScreenControlNumericEditorNone {
  margin-left: .5em;
  margin-bottom: .25em; }

.ScreenControlToggleSwitchLeft, .ScreenControlToggleSwitchInline, .ScreenControlToggleSwitchNone {
  margin-left: .5em;
  margin-bottom: .25em;
  z-index: 0;
  margin-top: .5em; }

.ScreenControlDatePickerLeft, .ScreenControlDatePickerInline, .ScreenControlDatePickerNone {
  margin-bottom: .25em;
  position: relative;
  z-index: 10; }

.ScreenControlDateTimeEditorLeft, .ScreenControlDateTimeEditorInline, .ScreenControlDateTimeEditorNone {
  margin-left: .5em;
  margin-bottom: .25em; }

.ScreenControlDateTimeRangeLeft, .ScreenControlDateTimeRangeInline, .ScreenControlDateTimeRangeNone {
  margin-left: .5em;
  margin-bottom: .25em; }

.ScreenControlDatePicker {
  z-index: 10; }

.ScreenControlToggleSwitchButton {
  z-index: inherit !important; }

textarea[readOnly] {
  color: #a9a9a9; }

.toggle.btn {
  width: 80px !important;
  height: 30px !important; }

.toggle {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 20px !important; }

.toggle-on.btn {
  padding-right: 40px !important; }

.toggle-off.btn {
  padding-left: 40px !important; }

.toggle-handle {
  position: relative !important;
  margin: 0 auto !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 100% !important;
  width: 45% !important;
  border-width: 0 1px !important;
  border-radius: 20px !important; }

.toggle.btn-primary {
  font-size: 0em !important;
  border: 0.5px solid #7258AC !important; }

.toggle-on.btn-primary {
  font-size: 0em !important; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 0.65;
  cursor: not-allowed; }

.readonlycombo input[disabled][class="ui-igcombo-field ui-corner-all"], .readonlydateeditor input[disabled][data-controltype="igDatePicker"] {
  color: #a9a9a9;
  height: 30px !important; }

input[disabled][class="ui-igcombo-field ui-corner-all"], input[disabled][data-controltype="igDatePicker"] {
  color: #a9a9a9; }

.ui-datepicker {
  z-index: 25000 !important; }

.ui-igedit-cleararea.ui-state-disabled {
  display: none !important; }

.readonlynumeric .ui-igedit-buttonclear, .readonlyeditor.ui-igedit-buttonclear {
  display: none !important; }

.readonlynumeric .ui-state-default, .readonlyeditor .ui-state-default {
  border: none !important;
  font-size: 1em !important; }

.readonlynumeric.ui-igedit-field.ui-igedit-disabled, .readonlyeditor.ui-igedit-field.ui-igedit-disabled {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.6);
  -webkit-opacity: .9;
  background-color: #FFFFFF;
  font-weight: 400;
  color: #777777 !important;
  border: none !important;
  text-align: left !important;
  height: 30px !important; }

/*manh custom*/
input[data-controltype="igTextEditor"], input[data-controltype="igNumericEditor"], input[data-controltype="igDatePicker"], input[data-controltype="igDateEditor"] {
  font-size: 0.93em !important; }

[data-controltype="CheckedListBox"] {
  font-size: 0.93em !important; }

[data-controltype="advancedCriteriaModalDialog"] .modal-dialog {
  margin-top: 4px; }

::-moz-placeholder {
  color: #a8a8a8 !important;
  font-style: italic;
  font-size: .875em !important;
  text-align: left !important; }

.ui-igcombo-field::-moz-placeholder {
  color: #a8a8a8 !important;
  font-style: italic;
  font-size: .875em !important;
  opacity: 1;
  text-align: left !important; }

input:focus::-moz-placeholder {
  color: transparent !important;
  text-align: left !important; }

input::-webkit-input-placeholder {
  color: #a8a8a8 !important;
  font-style: italic;
  font-size: .875em !important;
  text-align: left !important; }

:-ms-input-placeholder {
  color: #a8a8a8 !important;
  font-style: italic;
  font-size: .875em !important;
  text-align: left !important; }

input:focus::-webkit-input-placeholder {
  color: transparent !important; }

.readonlydateeditor .ui-igedit-buttonimage {
  display: none !important; }

.readonlydateeditor.ui-igedit-field.ui-igedit-disabled {
  background-color: #FFFFFF;
  font-weight: 400;
  color: #777777;
  height: 30px !important; }

/*Label styling*/
.LabelLeft {
  display: inline-block;
  word-wrap: break-word;
  width: 100px;
  color: #FFFFFF;
  font-size: .875em;
  font-weight: 400; }

.LabelTop, .LabelNone {
  display: block;
  word-wrap: break-word;
  color: #FFFFFF;
  font-size: .875em;
  font-weight: 400;
  margin-bottom: .25em; }

.ui-iggrid-responsive-vertical {
  overflow: hidden; }

.ui-iggrid-responsive-vertical tr > td:first-child {
  font-size: 1em;
  font-weight: 500 !important;
  color: #000000 !important; }

/*.ui-iggrid td.ui-state-hover a {color: $white !important;}*/
/* manh custom*/
.ui-igedit .ui-igedit-button {
  min-width: 16px;
  position: relative;
  /*height: 100% !important;*/
  padding: 0 5px;
  min-height: 16px;
  width: auto !important; }

.advancedcriteriagrid .ui-iggrid-scrolldiv {
  height: 100% !important; }

/* manh custom */
/*Checkedlistbox styling*/
.ScreenControlCheckedListBox {
  margin-left: -1.313em; }

.imageButton {
  color: #6f6f6f;
  font-size: 5em; }

.imageButtonFont {
  color: #6f6f6f;
  font-size: 1em;
  font-family: SourceSansPro;
  text-decoration: none;
  font-weight: 700;
  padding-left: 5px; }

.imageButtonText {
  font-size: 1em;
  font-family: SourceSansPro;
  text-decoration: none;
  font-weight: 700;
  padding-left: 13px; }

.imageButtonDiv {
  padding-top: 2em; }

.imageButtonTop {
  padding-top: 1.15em;
  font-size: 1em;
  text-align: center;
  padding-left: 10px; }

.imageButtonLabel {
  color: #6f6f6f;
  font-size: 1em;
  font-family: SourceSansPro;
  text-decoration: none;
  font-weight: 700;
  padding-left: 10px; }

.customEditorInputs {
  width: 100% !important;
  font-size: 1.5em;
  font-family: SourceSansPro !important; }

.imageButtonTextBelow:hover {
  cursor: pointer;
  opacity: 0.5; }

.imageButtonTextBelow_disable {
  color: #BEC0C2;
  cursor: not-allowed; }

.defaultImage {
  text-align: center !important; }

/*ComboBox styling*/
.comboInfo {
  padding: 5px;
  width: 100%;
  font-size: 1.31em; }

.emphasizedText {
  font-weight: 500;
  font-size: .75em;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: #000000; }

.searchcombomenu .emphasizedText {
  white-space: normal; }

.ui-state-active .emphasizedText, .ui-state-hover .emphasizedText {
  color: #000000; }

.deEmphasizedText {
  font-weight: 400;
  font-style: italic;
  font-size: .625em;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: #000000; }

.ui-state-active .deEmphasizedText, .ui-state-hover .deEmphasizedText {
  color: #000000; }

.comboTemplate {
  width: 100%;
  white-space: normal; }

.ScreenControlComboBoxLeft, .ScreenControlComboBoxInline, .ScreenControlComboBoxNone {
  margin-left: .5em;
  margin-bottom: .25em; }

.ScreenControlComboBoxTop, .ScreenControlCategoryComboBoxTop {
  margin-left: .5em;
  margin-bottom: .5em;
  margin-top: .1em; }

span[data-controltype=igCombo] {
  height: 25px !important; }

/*Anchor styling*/
a {
  color: #FFFFFF;
  outline: none !important; }

a.hover {
  cursor: pointer !important; }

/*hyper link styling*/
.ScreenControlHyperlinkBlue {
  color: #4f93e4 !important; }

/*Basic criteria styling*/
.basiccriteriarow {
  width: 99%;
  margin-left: .05em; }

.lookuprow {
  position: relative; }

.lookupbutton {
  position: absolute;
  bottom: 3px;
  right: 30px; }

.lookupbutton .ImageButton {
  padding: 1px 6px; }

.lookupfilterbutton {
  position: absolute;
  top: 25px;
  right: 30px; }

.transactionlookupbutton {
  position: absolute;
  bottom: 2px;
  right: 60px; }

.receiptWorkBenchLookup, .receiptWorkbench .partialCheckinLookup {
  position: absolute;
  right: 25px;
  top: 28px; }

.quantityticker {
  margin-left: 5px;
  margin-right: -25px;
  font-size: 1.5em; }

.quantitytickerremovebutton {
  width: 50px; }

.quantitytickereditor {
  margin-left: 8px;
  margin-right: -24px;
  margin-top: 12px; }

.qccountbutton {
  width: 70px;
  padding-left: 10px; }

.qcprintbutton {
  width: 70px;
  padding-left: 5px; }

.qcsubmitbutton {
  padding-left: 0px; }

/*Advanced criteria styling*/
.advancedcriteriarow {
  width: 99%;
  margin-left: .05em; }

.advancedcriteriabuttonrow {
  width: 98%;
  margin: .25em; }

.advancedcriteriaaddbutton {
  float: right; }

.advancedcriteriagrid {
  margin-top: .2em;
  font-size: .85em; }

.advancedCriteriaInline {
  white-space: nowrap;
  margin-left: -5px; }

.ScreenControlMiniDataGrid {
  font-size: .85em; }

/*make the grid a smaller font base than the body font-size*/
.ScreenControlDataGrid {
  font-size: .85em; }

/*make the grid a smaller font base than the body font-size*/
.ScreenControlVerticalMiniDataGrid {
  font-size: .90em; }

/*make the grid a smaller font base than the body font-size*/
/*Button styling*/
.btn-primary {
  background-color: #BCBCBC !important;
  color: #FFFFFF;
  font-size: 1em; }

.btn-primary.active {
  background-color: #BCBCBC !important;
  color: #FFFFFF; }

/*.btn-default {color: $black;background-color: #EBECEE;font-size: 1em;}*/
.screenControlArrowButton {
  float: right; }

.screenControlImageButton {
  padding: 0px; }

.refreshsettings {
  margin-right: 20px;
  margin-top: 10px; }

/*Global widget styling*/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget .button {
  font-family: SourceSansPro !important; }

.dropdownaction :active {
  cursor: wait; }

/*menu buttons with checkbox*/
.dropdown-menu > li.dropdownaction > a.showcheckbox > .far {
  visibility: visible; }

.dropdown-menu > li.dropdownaction > a > .far {
  visibility: hidden; }

.displayinline {
  display: inline; }

/*temp fix for CAS-138376-K8K1V1*/
li[id$=_ColumnMovingDialog] {
  display: none; }

.deletesavedsearchtext {
  right: 15px; }

.deletesavedsearchbutton {
  margin-top: 5px;
  margin-right: -5px; }

/* Error message styles */
.error {
  background-color: #E03C31;
  color: #FFFFFF;
  display: block;
  text-align: center; }

.errorbody, .errorcontainer {
  background-color: #432A7B !important; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  background-color: #E03C31 !important;
  color: #FFFFFF !important;
  display: block;
  text-align: center;
  height: 25px !important; }

/*grid validator label*/
.securityaccessdiv {
  text-align: center;
  margin-top: 50px;
  margin-left: 10px;
  margin-right: 10px; }

.securityaccessviolation {
  color: #FFFFFF;
  display: block;
  text-align: center;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 1.125em; }

.securityaccesslabel {
  background-color: #E03C31;
  padding: 10px;
  display: block;
  color: #FFFFFF; }

.securityaccessparentdiv {
  text-align: center;
  margin: auto;
  margin-top: 50px; }

.securityaccessheadernavbar {
  margin: auto;
  font-weight: bold; }

/*pull right favroite button next to search */
.pullrightfavourite {
  position: absolute !important;
  right: 100px; }

.modalHelpIcon, .putawayGroups .putawayHelpIcon {
  bottom: 4px;
  font-size: 1.15em; }

.multiModal {
  z-index: 1039 !important;
  top: 4em; }

/*monitor chart css*/
.monitorColumnChartDiv {
  height: 100%;
  position: absolute;
  padding-bottom: 24px; }

.monitorColumnChart {
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  height: 100%;
  -ms-touch-action: none; }

.highcharts-container {
  height: 100%; }

.monitorchartPane {
  height: 85%; }

/*---------------------------------------------------------------------------third party css modifications---------------------------------------------------------------------------------*/
/*toastr notifications*/
.toast-error {
  background-color: #FF7C6A !important;
  color: #000000 !important;
  font-size: 1em;
  font-weight: 400;
  border-radius: 8px !important;
  text-shadow: 0 0 0 #000000; }

.toast-info {
  background-color: #B7D8F4 !important;
  color: #000000 !important;
  font-size: 1em;
  font-weight: 400;
  border-radius: 8px !important;
  text-shadow: 0 0 0 #000000; }

.toast-success {
  background-color: #CDF474 !important;
  color: #000000 !important;
  font-size: 1em;
  font-weight: 400;
  border-radius: 8px !important;
  text-shadow: 0 0 0 #000000; }

.toast-success .toast-message {
  margin-left: -25px; }

.toast-warning {
  background-color: #FFEDB5 !important;
  color: #000000 !important;
  font-size: 1em;
  font-weight: 400;
  border-radius: 8px !important;
  text-shadow: 0 0 0 #000000; }

#toast-container > .toast {
  background-image: none !important; }

#toast-container > div {
  opacity: 1;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12) !important;
  width: 76% !important; }

#toast-container > .toast:before {
  position: fixed;
  font-family: "Font Awesome\ 5 Pro";
  font-size: 1.25em;
  line-height: 18px;
  margin: .25em 0.5em auto -1.65em;
  text-shadow: 0 0 1px #000000;
  font-weight: 300; }

#toast-container > .toast-error:before {
  content: "\f071";
  color: #000000;
  position: absolute;
  font-family: "Font Awesome\ 5 Pro";
  margin-top: var(--icontopmargin); }

#toast-container > .toast-info:before {
  content: "\f06a";
  color: #000000;
  position: absolute;
  font-family: "Font Awesome\ 5 Pro";
  margin-top: var(--icontopmargin); }

#toast-container > .toast-success:before {
  color: #000000;
  position: absolute;
  font-family: "Font Awesome\ 5 Pro"; }

#toast-container > .toast-warning:before {
  content: "\f071";
  color: #000000;
  position: absolute;
  font-family: "Font Awesome\ 5 Pro";
  margin-top: var(--icontopmargin); }

.toast-close-button {
  color: #000000 !important;
  -webkit-text-shadow: 0 1px 0 #000000 !important;
  text-shadow: 0 1px 0 #000000 !important; }

#toast-info-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/ }

#toast-info-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-info-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-info-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-info-container > .toast:before {
  position: fixed;
  font-family: "Font Awesome\ 5 Pro";
  font-size: 1.25em;
  line-height: 18px;
  margin: .25em 0.5em auto -1.65em;
  text-shadow: 0 0 1px #000000;
  font-weight: 300; }

#toast-info-container > .toast-info:before {
  content: "\f06a";
  color: #000000;
  position: absolute;
  font-family: "Font Awesome\ 5 Pro";
  margin-top: var(--icontopmargin); }

/*bootstrap modal*/
.modal-header {
  background-color: #494E5E; }

.modal-header .close {
  color: #FFFFFF;
  opacity: 1;
  margin-top: -4px;
  font-size: 2.5em;
  outline: none; }

.modal-title {
  color: #FFFFFF;
  font-weight: 400;
  text-align: center;
  font-size: 1.313em; }

.modal-body, .modal-body .LabelTop {
  background-color: #F4F4F8;
  font-weight: 700;
  color: #4A4A4A; }

.modal-body .error {
  background-color: #E03C31;
  color: #FFFFFF;
  display: block;
  text-align: center; }

.modal-footer {
  background-color: #494E5E;
  border-top: none;
  padding: 2% 0; }

.modal-footer .btn {
  background-color: #4F93E4;
  color: #FFFFFF;
  margin-right: 4px;
  font-weight: 400;
  font-size: .875em;
  margin-left: 0px !important;
  outline: none;
  border: none; }

.modal-informationtext {
  font-size: 1.063em;
  font-weight: 400;
  padding-bottom: 8px; }

.modal-checkboxlabel {
  margin-left: 8px;
  padding-bottom: 4px;
  font-size: 0.875em;
  font-weight: 400;
  vertical-align: top; }

.modal-body .ui-igcombo-field, .modal-body .ui-igedit-input {
  background-color: #F4F4F8 !important;
  color: #4A4A4A !important; }

.modal-body .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable, .modal-body .ui-state-default {
  background-color: #F4F4F8 !important; }

/*Url inside bootstrap modal*/
.modal-url {
  padding-right: 5px !important;
  padding-left: 5px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  z-index: 1000000; }

.modal-url .modal-dialog {
  width: 98%;
  height: 94vh;
  min-height: 94vh;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: auto;
  padding: 0;
  border-radius: 0; }

.modal-url .modal-content .iframe-modalurl {
  display: block;
  margin: 0 auto; }

/*.modal-open body {overflow-x: hidden;}*/
.modal-url .modal-content {
  height: 94vh;
  min-height: 94vh;
  border-radius: 0; }

.modal-url .modal-header {
  height: 40px;
  border-bottom: none; }

.modal-url .modal-header .close {
  margin-top: -16px; }

.modal-url .modal-body {
  width: 100%;
  height: 94vh;
  min-height: 94vh;
  margin: 0;
  padding: 1px;
  border-radius: 0;
  -webkit-overflow-scrolling: touch !important; }

.iframe-modalurl {
  width: 100%;
  height: 94vh;
  min-height: 94vh;
  margin: 0;
  padding: 0;
  border: 0 none; }

.modal-url .modal-content, .modal-url .modal-content .modal-body {
  box-shadow: none;
  background-color: transparent;
  border: 0; }

.modalBodyFont {
  font-weight: 100; }

.modal-open {
  overflow: auto; }

.fal.fa-arrow-circle-right, .fal.fa-plus-circle {
  color: #4F93E4; }

.imageButtonControlMarginTop {
  margin-top: 25px; }

.imageControlMarginCenter {
  margin: auto;
  display: block; }

.screenControlImage {
  width: 50%;
  max-height: 10em; }

.buttonicon span:hover {
  opacity: .5 !important; }

.buttonicon span:focus {
  opacity: .5 !important; }

#ajaxloadingfade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #D9D9D6;
  z-index: 9998;
  -moz-opacity: 0.8;
  opacity: .70;
  filter: alpha(opacity=80); }

#ajaxloadingmodal {
  display: none;
  position: fixed;
  top: 45%;
  left: 45%;
  border: 3px solid #D9D9D6;
  box-shadow: 1px 1px 10px #D9D9D6;
  border-radius: 20px;
  background-color: white;
  z-index: 9999;
  text-align: center;
  overflow: hidden; }

.closecontaineraccordion {
  margin-top: -.75em; }

.ui-igcombo-clear, .ui-igedit-buttonclear {
  margin-right: 8px; }

.offlineDisabled {
  pointer-events: none; }

.fa-angle-times::before, .far-angle-times::before, .fas-angle-times::before, .fal-angle-times::before {
  content: "\F105\F104";
  letter-spacing: -0.15em; }

.systemmenudivider {
  margin-top: 3em;
  margin-bottom: 0px;
  border-color: #6f6f6f; }

.systemsearchcombomenudivider {
  margin-top: 0.5em;
  margin-bottom: 0px;
  border-color: #6f6f6f; }

.systemmenuclose {
  float: right;
  margin-right: 10px;
  font-size: 2em; }

.systemmenuclose:hover {
  color: #FFFFFF;
  cursor: pointer; }

.menuhamburger:hover {
  color: #FFFFFF;
  cursor: pointer; }

.systemmenu {
  background-color: #333A45;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: none;
  /*left: 2px !important;top:44px*/ }

.systemmenu .ui-icon-minusthick, .systemmenu .ui-icon-plusthick {
  visibility: hidden; }

.systemmenu .ui-state-default.ui-accordion-header a, .systemmenu .ui-state-default a:link, .systemmenu .ui-state-default a:visited {
  color: #FFFFFF;
  margin-left: 0px;
  padding-bottom: 0.8em; }

.systemmenu .ui-state-default.ui-accordion-header {
  background: #494E5E; }

.systemmenu .ui-accordion .ui-accordion-header {
  margin-top: -5px;
  margin-bottom: -5px;
  border-bottom: 0.01em solid #6f6f6f !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important; }

.systemmenu .ui-accordion-content {
  background-color: #333A45;
  margin-bottom: 0px !important; }

.systemmenu ul {
  list-style: none;
  padding-left: 0px;
  padding-right: 0px; }

.systemmenu ul .systemmenulist {
  list-style: none; }

.systemmenu li {
  list-style-type: none;
  margin-left: 20px;
  margin-right: 2em; }

.systemmenu .ui-state-active a, .systemmenu .ui-state-active a:link, .systemmenu .ui-state-active a:visited, .systemmenu .ui-state-default a, .systemmenu .ui-state-default a:link, .systemmenu .ui-state-default a:visited {
  text-decoration: none;
  display: block; }

.systemmenu .accordionwrapper .ui-icon-triangle-1-s {
  visibility: hidden; }

.systemmenu a.navmenuchild {
  color: #BCBCBC !important; }

.systemmenu a.navmenuchild:hover {
  color: #FFFFFF !important; }

#sidebar-wrapper {
  background-color: #1489B5;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.sidebar-name {
  list-style: none;
  padding-left: .25em;
  padding-top: .75em;
  padding-right: .5em; }

.sidebar-name .ui-igcombo-wrapper {
  width: 100%; }

#sidebar-wrapper .sidebar-name > li > a {
  font-size: 1.25em;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding: 3px 10px;
  white-space: nowrap;
  clear: both;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis; }

#sidebar-wrapper .sidebar-name > li > a:hover, .headernavbar .dropdown-menu > li > a:focus {
  background-color: #FFFFFF;
  color: #071D49;
  margin-right: 5px; }

.toggled#wrapper #sidebar-wrapper {
  overflow: hidden; }

.ui-igcombo-listitemholder .ui-igcombo-listitem {
  margin-left: 0px !important; }

@media (min-width: 250px) {
  #wrapper {
    padding-left: 250px; }
  #wrapper.toggled {
    padding-left: 0; }
  #sidebar-wrapper {
    width: 250px; }
  #wrapper.toggled #sidebar-wrapper {
    width: 0; }
  #page-content-wrapper {
    padding: 20px;
    position: relative; }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0; } }

.ImageButton:enabled span:hover {
  color: #ffffff !important; }

.ImageButton:enabled span:focus {
  color: #ffffff !important; }

.ImageButton:enabled span {
  color: #6f6f6f !important; }

.ImageButton:disabled {
  visibility: hidden; }

.ImageButton:enabled {
  visibility: visible; }

.menuWithSideBar {
  font-size: 1.31em;
  font-weight: 400;
  color: #FFFFFF;
  vertical-align: bottom;
  padding-left: 10px;
  padding-right: 5px;
  position: relative;
  padding-top: 4px; }

.li-menu-withsidebar {
  margin-left: -15px;
  margin-right: -10px; }

.span-menu-withsidebar {
  padding-right: 15px;
  margin-right: -15px; }

.faiconwithTextbelow {
  color: #FFFFFF;
  padding-left: 1.5em;
  cursor: pointer; }

.viewlink {
  cursor: pointer; }

.menuFavoriteRow {
  padding-top: 0.2em; }

.favoriteStack {
  margin-top: -12px;
  margin-bottom: 1em; }

.favoriteButton {
  padding-top: 1.75em;
  padding-left: 0.25em;
  font-size: 0.87em; }

.favoriteEditButton {
  float: right;
  margin-right: 40px; }

.hiddenButton {
  display: none; }

.deleteFavoriteButton {
  color: #BCBCBC;
  font-size: 1.25em;
  float: right;
  margin-top: -4vh;
  margin-right: 0;
  cursor: pointer; }

.favwidth {
  width: 22vh;
  word-wrap: break-word;
  margin-left: -.5em !important; }

.favoriteEditBlue {
  color: #4F93E4; }

.menucheckbox {
  padding-left: .5em;
  font-size: 1em; }

@media (max-width: 480px) {
  #sidebar-wrapper {
    height: 85vh; } }

/* hide when in portrait view*/
@media (max-width: 767px) {
  #sidebar-wrapper {
    height: 97vh !important;
    overflow: hidden; }
  .toggled#wrapper {
    padding-left: 0px;
    display: none !important; } }

@media (min-width: 768px) {
  #sidebar-wrapper {
    height: 85vh; } }

@media (min-width: 992px) {
  #sidebar-wrapper {
    height: 85vh; } }

@media (min-width: 1200px) {
  #sidebar-wrapper {
    height: 85vh; } }

@media (min-width: 1350px) {
  #sidebar-wrapper {
    height: 87vh; } }

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  #sidebar-wrapper {
    height: 90vh; } }

.lookupfilterbutton .disabled {
  visibility: hidden; }

/* TPM Submit order*/
.tpmthankssubmitorder {
  font-weight: bold;
  font-size: 23px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 1px; }

.italic {
  font-style: italic; }

.tpmdisabled {
  pointer-events: none;
  color: #767676 !important;
  cursor: not-allowed; }

.tpmOrderSubmitComments {
  padding-top: 2em; }

.tpmOrderSubmitRow {
  margin-left: 1em;
  margin-bottom: .5em; }

@media (min-width: 992px) {
  .tpmOrderSubmitRow {
    margin-left: 6em;
    margin-bottom: .5em; } }

.tpmOrderSubmitLabel {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  display: block !important;
  white-space: nowrap;
  font-size: .975em;
  font-weight: 500 !important;
  font-family: SourceSansPro !important;
  color: #FFFFFF; }

.tpmOrderSubmitOrderNumLabel {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  display: block !important;
  white-space: nowrap;
  font-size: 1.125em;
  font-weight: 500 !important;
  font-family: SourceSansPro !important;
  color: #FFFFFF; }

.tpmOrderSubmitOrderNumValue {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  display: block !important;
  white-space: nowrap;
  font-size: 1.125em;
  font-weight: 700 !important;
  font-family: SourceSansPro !important;
  color: #FFFFFF; }

.tpmOrderSubmitValue {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  display: block !important;
  white-space: nowrap;
  font-size: 1em;
  font-weight: 700 !important;
  font-family: SourceSansPro !important;
  color: #FFFFFF; }

.tpmPersonalViewLabel {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #000000;
  font-size: 1em;
  font-weight: 400;
  margin-top: 0.1em;
  margin-left: 3em;
  font-family: sans-serif !important; }

.tpmOrderHeaderConditionDelivered {
  margin-bottom: 0.8em; }

.tpmexcel {
  padding-right: 1em !important; }

.tpmPersonalViewParameters {
  margin-left: 10px; }

.tpmPersonalViewGrid {
  font-size: 11pt !important;
  padding-left: 10px;
  height: 100%;
  width: 100%;
  white-space: nowrap; }

.tpmGridTable {
  font-size: 11pt !important; }

.calendarpanel {
  margin-left: .5em;
  margin-top: .5em;
  width: 99%;
  height: 99%; }

.fullCalendar {
  background-color: #FFFFFF; }

.fullCalendar .fc-center {
  font-family: SourceSansPro; }

.fullCalendar .fc-cell-text {
  font-family: SourceSansPro; }

.popover-title {
  font-family: SourceSansPro;
  font-size: 1em;
  background-color: #494E5E;
  color: #FFFFFF; }

.popover-content {
  font-family: SourceSansPro; }

.popover-content #popover {
  max-height: 325px !important;
  max-width: 1000px !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 9px 18px; }

.fullCalendar .fc-title {
  font-family: SourceSansPro; }

.fullCalendar .fc-highlight {
  background: #8FBEF5;
  opacity: .5; }

.fullCalendar .fc-prev-button, .fullCalendar .fc-next-button, .fullCalendar .fc-today-button {
  font-family: SourceSansPro;
  font-size: 1em !important;
  border-color: #4574B0;
  color: #4574B0;
  background: #FFFFFF;
  outline: 0;
  cursor: pointer; }

.fullCalendar .fc-today-button.fc-state-disabled {
  opacity: .25;
  color: #000000;
  border-color: #000000; }

.fullCalendar .fc-timelineSevenDays-button.fc-state-default, .fullCalendar .fc-timelineDay-button.fc-state-default {
  font-family: SourceSansPro;
  font-size: 1em !important;
  border-color: #4574B0;
  color: #4574B0;
  background: #FFFFFF;
  outline: 0;
  cursor: pointer; }

.fullCalendar .fc-timelineDay-button.fc-state-active, .fullCalendar .fc-timelineSevenDays-button.fc-state-active {
  font-family: SourceSansPro;
  font-size: 1em !important;
  border-color: #4574B0;
  color: #FFFFFF;
  background: #4574B0;
  outline: 0;
  cursor: pointer; }

.fullCalendar .fc-header-toolbar {
  padding-top: 1em;
  padding-left: .25em;
  padding-right: .25em; }

.fullCalendar .fc-time-area.fc-widget-header {
  background-color: #40516E;
  border-color: #40516E;
  color: #FFFFFF; }

.fullCalendar .fc-event, .fullCalendar .fc-event-dot {
  background-color: #4F93E4;
  font-size: 1em;
  line-height: 1.75em; }

.fullCalendar .fc-event {
  border: 1px solid #40516E; }

.fullCalendar .fc-resource-area .fc-widget-content {
  background-color: #40516E;
  color: #FFFFFF; }

.fullCalendar .fc-widget-header {
  background-color: #40516E;
  color: #FFFFFF; }

.fc-now-indicator {
  border: 0 solid #53A8E2; }

.fc-timeline-event .fc-content {
  text-overflow: ellipsis; }

.popover-content-header {
  font-family: SourceSansPro;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.225em;
  word-break: break-word;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.popover-content-value {
  font-family: SourceSansPro;
  font-size: 1em;
  font-weight: 500;
  padding-top: .25em;
  padding-bottom: .75em;
  line-height: 1.125em;
  word-break: break-word;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.calendarpopoverbutton, .calendarpopoverbutton:hover {
  background-color: #4F93E4;
  color: #FFFFFF;
  margin-left: 0px !important;
  margin-right: 4px;
  font-weight: 400;
  outline: none;
  border: none;
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 175px; }

.modal-backdrop.in {
  z-index: 999 !important; }

#dashboardGadgetSelectorPlaceholder .toggle.btn.btn-primary {
  width: 90px !important; }

#dashboardGadgetSelectorPlaceholder .toggle.btn.btn-primary .toggle-handle.btn.btn-default {
  width: 40% !important; }

[data-theme='light'] {
  /*.ScreenGroupMenu .cruddetailtitlepanel.nav > li.disabled > a:hover, .ScreenGroupMenu .cruddetailtitlepanel.nav > li.disabled > a:focus{background-color:#EBECEE; color: #BEC0C2; outline:none;}*/
  /*.headernavbar .nav > a:hover, .nav > a:focus {color:$white !important; background-color: $navbar !important}*/
  /*.headernavbar .navbarright > a:hover, .navbarright > a:focus {color:$white !important; background-color:$black}*/
  /*Detail pane*/
  /*monitor chart css*/
  /*Global widget styling*/
  /* accordion */
  /* Fixing Stuff */
  /* Indicator tiles in insight screens */
  /*bootstrap modal*/ }
  [data-theme='light'] .ScreenGroupMenu {
    height: 100%;
    background-color: #7258AC;
    line-height: 1.2; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu {
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 0.25px solid #E3DFED;
    padding: 0;
    overflow: hidden; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li > a {
    background-color: #FFFFFF;
    color: #000000; }
  [data-theme='light'] .transactionScreenGroupPanel {
    height: 100%; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu > .disabled > a, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > .disabled > a:hover, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > .disabled > a:focus {
    background-color: #FFFFFF;
    color: #000000;
    outline: none; }
  [data-theme='light'] .ScreenGroupMenu .nav > li.disabled > a {
    background-color: #7258AC;
    opacity: 0.3;
    color: #FFFFFF; }
  [data-theme='light'] .ScreenGroupMenu .pull-left a, [data-theme='light'] .ScreenGroupMenu .pull-right a {
    color: #FFFFFF;
    font-size: 19px; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu > .disabled > a, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > .disabled > a:hover, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > .disabled > a:focus {
    opacity: .5; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li:hover, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li:focus {
    background-color: #E3DFED !important;
    color: #000000;
    outline: none; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li.disabled:hover, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li.disabled:focus {
    background-color: #FFFFFF !important; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li:hover > a, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li:focus > a {
    background-color: #E3DFED; }
  [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li.disabled:hover > a, [data-theme='light'] .ScreenGroupMenu .dropdown-menu > li.disabled:focus > a {
    background-color: #FFFFFF !important; }
  [data-theme='light'] .ScreenGroupMenu .pull-right.menubuttonsave, [data-theme='light'] .ScreenGroupMenu .pull-right.menubuttoncancel,
  [data-theme='light'] .ScreenGroupMenu .pull-left.menubuttonsave, [data-theme='light'] .ScreenGroupMenu .pull-left.menubuttoncancel {
    background-color: #7258AC; }
  [data-theme='light'] .ScreenGroupMenu .menubuttonsave, [data-theme='light'] .ScreenGroupMenu .menubuttoncancel {
    background-color: #FFFFFF; }
  [data-theme='light'] .ScreenGroupMenu .menubuttoncreatework {
    background-color: #7258AC; }
  [data-theme='light'] .ScreenGroupMenu .img-responsive img-circle navBarImg {
    background-color: #7258AC; }
  [data-theme='light'] .ScreenGroupMenu .menubuttonnew, [data-theme='light'] .ScreenGroupMenu .menubuttonnewwave {
    background-color: #7258AC; }
  [data-theme='light'] .ScreenGroupMenu .menubuttonstop {
    background-color: #7258AC; }
  [data-theme='light'] .ScreenGroupMenu .menubuttonnew {
    background-color: #7258AC; }
  [data-theme='light'] .ScreenGroupMenu.subaccordionmenu .disabled a, [data-theme='light'] .ScreenGroupMenu.subaccordionmenu .disabled a {
    Color: #D9D9D6 !important; }
  [data-theme='light'] .ScreenGroupMenu .menubuttonjumptoinsight a {
    color: #FFFFFF; }
  [data-theme='light'] .ScreenGroupMenu .menubuttonpreview a {
    color: #FFFFFF; }
  [data-theme='light'] .ScreenGroupMenu .menubuttonexport a {
    color: #FFFFFF; }
  [data-theme='light'] .ScreenGroupMenu .cruddetailmenubutton a {
    color: #FFFFFF; }
  [data-theme='light'] .transparentscreengroup .ScreenGroupMenu {
    background-color: transparent !important; }
  [data-theme='light'] .summaryToggle .visiblepane {
    color: #4F93E4 !important; }
  [data-theme='light'] .groupByToggle.visiblepane {
    color: #4F93E4 !important; }
  [data-theme='light'] .errorbody, [data-theme='light'] .errorcontainer {
    background-color: #F7F7F9 !important; }
  [data-theme='light'] .tpmordersubmitscrollablecontentrow {
    background-color: #F7F7F9 !important; }
  [data-theme='light'] .modal-footer .btn {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-theme='light'] .navbarmenu {
    background-color: #432A7B !important; }
  [data-theme='light'] .headernavbar .dropdown-menu {
    background-color: #FFFFFF;
    border-radius: 5px;
    overflow: hidden; }
  [data-theme='light'] .headernavbar .dropdown-menu > a {
    background-color: #432A7B;
    color: #FFFFFF !important; }
  [data-theme='light'] .headernavbar .dropdown-menu > a:hover {
    background-color: #E3DFED !important;
    color: #FFFFFF !important;
    text-decoration: none; }
  [data-theme='light'] .headernavbar .dropdown-menu > li > a {
    background-color: #FFFFFF;
    color: #000000 !important; }
  [data-theme='light'] .headernavbar .dropdown-menu > .disabled > a, [data-theme='light'] .headernavbar .dropdown-menu > .disabled > a:hover, [data-theme='light'] .headernavbar .dropdown-menu > .disabled > a:focus {
    background-color: #432A7B !important;
    color: #767676 !important; }
  [data-theme='light'] .headernavbar .dropdown-menu > li > a:hover, [data-theme='light'] .headernavbar .dropdown-menu > li > a:focus {
    background-color: #E3DFED !important;
    color: #000000 !important; }
  [data-theme='light'] .navbar-inverse {
    background-color: #432A7B; }
  [data-theme='light'] .navsearch .visiblepane .glyphicon, [data-theme='light'] .navsearch .visiblepane .fa, [data-theme='light'] .navsearch .visiblepane .packcomponent .fa_pointer, .packcomponent [data-theme='light'] .navsearch .visiblepane .fa_pointer, [data-theme='light'] .navsearch .visiblepane .shippingQCCount .fa_pointer, .shippingQCCount [data-theme='light'] .navsearch .visiblepane .fa_pointer, [data-theme='light'] .navsearch .visiblepane .receiptWorkbench .fa_pointer, .receiptWorkbench [data-theme='light'] .navsearch .visiblepane .fa_pointer, [data-theme='light'] .navsearch .visiblepane .far, [data-theme='light'] .navsearch .visiblepane .fal, [data-theme='light'] .navsearch .visiblepane .fas {
    color: #FFFFFF; }
  [data-theme='light'] .navdetailpane .glyphicon, [data-theme='light'] .navdetailpane .fa, [data-theme='light'] .navdetailpane .packcomponent .fa_pointer, .packcomponent [data-theme='light'] .navdetailpane .fa_pointer, [data-theme='light'] .navdetailpane .shippingQCCount .fa_pointer, .shippingQCCount [data-theme='light'] .navdetailpane .fa_pointer, [data-theme='light'] .navdetailpane .receiptWorkbench .fa_pointer, .receiptWorkbench [data-theme='light'] .navdetailpane .fa_pointer, [data-theme='light'] .navdetailpane .fas, [data-theme='light'] .navdetailpane .far, [data-theme='light'] .navdetailpane .fal {
    color: #FFFFFF; }
  [data-theme='light'] .navdetailpane .visiblepane .glyphicon, [data-theme='light'] .navdetailpane .visiblepane .fa, [data-theme='light'] .navdetailpane .visiblepane .packcomponent .fa_pointer, .packcomponent [data-theme='light'] .navdetailpane .visiblepane .fa_pointer, [data-theme='light'] .navdetailpane .visiblepane .shippingQCCount .fa_pointer, .shippingQCCount [data-theme='light'] .navdetailpane .visiblepane .fa_pointer, [data-theme='light'] .navdetailpane .visiblepane .receiptWorkbench .fa_pointer, .receiptWorkbench [data-theme='light'] .navdetailpane .visiblepane .fa_pointer, [data-theme='light'] .navdetailpane .visiblepane .fal, [data-theme='light'] .navdetailpane .visiblepane .fas, [data-theme='light'] .navdetailpane .visiblepane .far {
    color: #FFFFFF; }
  [data-theme='light'] .nav > li.disabled > a {
    background-color: #767676; }
  [data-theme='light'] ul.dropdown-menu.userMenu {
    background-color: #D2CFDE; }
  [data-theme='light'] .userMenuNameArea {
    background-color: #D2CFDE; }
  [data-theme='light'] .userMenuName {
    color: #000000; }
  [data-theme='light'] .dropdown-menu .divider {
    margin: 0px; }
  [data-theme='light'] .summaryToggle .visiblepane {
    color: #FFFFFF !important; }
  [data-theme='light'] .groupByToggle.visiblepane {
    color: #FFFFFF !important; }
  [data-theme='light'] .ScreenGroupMenu .nav > li > a:hover, [data-theme='light'] .ScreenGroupMenu .nav > li > a:focus {
    background-color: #E3DFED;
    outline: none;
    color: #FFFFFF; }
  [data-theme='light'] .headernavbar .collapsepane > div > a:hover, [data-theme='light'] .collapsepane > div > a:focus {
    color: #FFFFFF !important; }
  [data-theme='light'] .subaccordionmenu {
    color: #BCBCBC; }
  [data-theme='light'] .nav .open > a, [data-theme='light'] .nav .open > a:hover, [data-theme='light'] .nav .open > a:focus {
    background-color: inherit;
    border-color: inherit; }
  [data-theme='light'] .offline-icon.disabled .fa.fa-circle, [data-theme='light'] .offline-icon.disabled .packcomponent .fa-circle.fa_pointer, .packcomponent [data-theme='light'] .offline-icon.disabled .fa-circle.fa_pointer, [data-theme='light'] .offline-icon.disabled .shippingQCCount .fa-circle.fa_pointer, .shippingQCCount [data-theme='light'] .offline-icon.disabled .fa-circle.fa_pointer, [data-theme='light'] .offline-icon.disabled .receiptWorkbench .fa-circle.fa_pointer, .receiptWorkbench [data-theme='light'] .offline-icon.disabled .fa-circle.fa_pointer, [data-theme='light'] .offline-icon.disabled .fas.fa-circle, [data-theme='light'] .offline-icon.disabled .fal.fa-circle.offline-icon.disabled .far.fa-circle {
    color: #E03C31; }
  @media (max-width: 767px) {
    [data-theme='light'] .navbar-collapse {
      background-color: #432A7B; }
    [data-theme='light'] .navbar-right {
      background-color: #432A7B; }
    [data-theme='light'] .navbar-collapse.in .navbar-right {
      background-color: #432A7B; }
    [data-theme='light'] .navbar-collapse.collapse.in .navhelp, [data-theme='light'] .navbar-collapse.collapse.in .navbarWhs {
      border-bottom: 1px solid #FFFFFF; }
    [data-theme='light'] .navbar-collapse.collapse.in .navbarWhs, [data-theme='light'] .navbar-collapse.collapse.in .navbarWhs a {
      background-color: #432A7B; }
    [data-theme='light'] .navbar-collapse.collapse.in .navbarHelp, [data-theme='light'] .navbar-collapse.collapse.in .navbarHelp a {
      background-color: #432A7B; }
    [data-theme='light'] .navbar-collapse.collapse.in .navbarUser, [data-theme='light'] .navbar-collapse.collapse.in .navbarUser a {
      background-color: #432A7B; }
    [data-theme='light'] .navbar-collapse.collapse.in .navbarWhs li a, [data-theme='light'] .navbar-collapse.collapse.in .navbarHelp li a, [data-theme='light'] .navbar-collapse.collapse.in .navbarUser li a {
      background-color: #FAFAFA;
      color: #000000 !important;
      border-bottom: 1px solid #707070; }
    [data-theme='light'] .navbar-collapse.collapse.in .navbarenv {
      background-color: #D2CFDE; }
    [data-theme='light'] .navbarmenu {
      background-color: #432A7B !important; }
    [data-theme='light'] .collapsedrightmenu {
      background-color: transparent !important;
      border: none !important; } }
  [data-theme='light'] .visiblepane .badge {
    color: #432A7B;
    background-color: #FFFFFF; }
  [data-theme='light'] .badge {
    color: #432A7B;
    background-color: #FFFFFF; }
  [data-theme='light'] .panesummarytile, [data-theme='light'] .largepanesummarytile, [data-theme='light'] .monitorpanesummarytile {
    background-color: #BA5A07;
    box-shadow: 0px 0px 4px #0000005D;
    border-radius: 8px;
    height: 77px;
    border-right: 0px;
    border-bottom: 0px; }
  [data-theme='light'] .panesummarytile.col-xs-4.col-sm-4.col-md-4.col-lg-4,
  [data-theme='light'] .largepanesummarytile.col-xs-4.col-sm-4.col-md-4.col-lg-4,
  [data-theme='light'] .monitorpanesummarytile.col-xs-4.col-sm-4.col-md-4.col-lg-4 {
    width: 32.33%;
    margin: 0 0.5%; }
  [data-theme='light'] .panesummarytile.col-xs-3.col-sm-3.col-md-3.col-lg-3,
  [data-theme='light'] .largepanesummarytile.col-xs-3.col-sm-3.col-md-3.col-lg-3,
  [data-theme='light'] .monitorpanesummarytile.col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    width: 24%;
    margin: 0 0.5%; }
  [data-theme='light'] .panesummarytile.col-xs-2.col-sm-2.col-md-2.col-lg-2,
  [data-theme='light'] .largepanesummarytile.col-xs-2.col-sm-2.col-md-2.col-lg-2,
  [data-theme='light'] .monitorpanesummarytile.col-xs-2.col-sm-2.col-md-2.col-lg-2 {
    width: 15.66%;
    margin: 0 0.5%; }
  [data-theme='light'] .detailpanepart {
    background-color: #F7F7F9; }
  [data-theme='light'] .detailpaneheaderpanel .ScreenGroupPanel {
    background-color: #F7F7F9; }
  [data-theme='light'] .detailpaneheaderpanel .ScreenGroupPanel .headerpanelleft {
    background-color: #F7F7F9; }
  [data-theme='light'] .detailpaneheadertoppanel .detailpaneheaderrowcolumn {
    background: #FFFFFF;
    border-radius: 8px;
    border: 0.25px solid #000000;
    width: 92%;
    margin: 15px 5px 5px 5px;
    box-shadow: 0px 0px 4px #00000029;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden; }
  [data-theme='light'] .detailpaneheadermiddlepanel .ScreenGroupPanel {
    background-color: #F7F7F9; }
  [data-theme='light'] .detailpaneheaderbottompanel .detailpaneheaderrowcolumn {
    background-color: #F7F7F9; }
  [data-theme='light'] .detailpaneheadermediumlabel, [data-theme='light'] .summarypaneheadermediumlabel {
    color: #000000; }
  [data-theme='light'] .monitorchartpanepart {
    background-color: #FFFFFF; }
  [data-theme='light'] .monitorindicatorpanepart {
    background-color: #F7F7F9; }
  [data-theme='light'] .monitorColumnChartDiv {
    background-color: #F7F7F9; }
  [data-theme='light'] .ui-widget input, [data-theme='light'] .ui-widget select, [data-theme='light'] .ui-widget textarea, [data-theme='light'] .ui-widget .button {
    font-family: SourceSansPro !important;
    border-radius: 5px; }
  [data-theme='light'] .ui-datepicker {
    z-index: 20004 !important; }
  [data-theme='light'] .systemmenu {
    background-color: #FFFFFF; }
  [data-theme='light'] .systemmenu .ui-accordion-content {
    background-color: #FFFFFF; }
  [data-theme='light'] .crudheadermiddlepanel {
    background-color: #FFFFFF !important; }
  [data-theme='light'] .transheadermiddlepanel {
    background-color: #FFFFFF !important; }
  [data-theme='light'] .systemmenu .ui-state-default.ui-accordion-header {
    background: #7258AC; }
  [data-theme='light'] .systemmenu a.navmenuchild {
    color: #000000 !important; }
  [data-theme='light'] .systemmenu a.navmenuchild:hover {
    color: #432A7B !important; }
  [data-theme='light'] .systemmenudivider {
    border-color: #FFFFFF; }
  [data-theme='light'] .systemsearchcombomenudivider {
    border-color: #B0B2C2; }
  [data-theme='light'] .systemmenu .ui-accordion .ui-accordion-header {
    border-bottom: none !important; }
  [data-theme='light'] .systemmenu .ui-state-default.ui-accordion-header a, [data-theme='light'] .systemmenu .ui-state-default a:link, [data-theme='light'] .systemmenu .ui-state-default a:visited {
    color: #000000; }
  [data-theme='light'] .systemmenuheader {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-theme='light'] .offline-icon .fa.fa-circle, [data-theme='light'] .offline-icon .packcomponent .fa-circle.fa_pointer, .packcomponent [data-theme='light'] .offline-icon .fa-circle.fa_pointer, [data-theme='light'] .offline-icon .shippingQCCount .fa-circle.fa_pointer, .shippingQCCount [data-theme='light'] .offline-icon .fa-circle.fa_pointer, [data-theme='light'] .offline-icon .receiptWorkbench .fa-circle.fa_pointer, .receiptWorkbench [data-theme='light'] .offline-icon .fa-circle.fa_pointer, [data-theme='light'] .offline-icon .fas.fa-circle, [data-theme='light'] .offline-icon .fal.fa-circle.offline-icon .far.fa-circle {
    color: #38F55B;
    font-size: 0.6rem; }
  [data-theme='light'] .toggle .toggle-group .toggle-on {
    color: #FFFFFF !important;
    background-color: #7258AC !important; }
  [data-theme='light'] .breadcrumbbar li:last-child a:before {
    border: 0 solid #EBECEE; }
  [data-theme='light'] .breadcrumbbar li a:before, [data-theme='light'] .breadcrumbbar li a:after {
    border: 0 solid #EBECEE; }
  [data-theme='light'] .breadcrumbbar li a:before {
    border-left-color: transparent; }
  [data-theme='light'] .breadcrumbbar li a:after {
    border-left-color: #EBECEE; }
  [data-theme='light'] .breadcrumbbar li a:hover {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-theme='light'] .breadcrumbbar li a:hover:before {
    border-color: #7258AC;
    color: #FFFFFF;
    border-left-color: transparent; }
  [data-theme='light'] .breadcrumbbar li a:hover:after {
    border-left-color: #7258AC; }
  [data-theme='light'] .breadcrumbbar li a:active {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-theme='light'] .breadcrumbbar li a:active:before {
    border-color: #7258AC;
    border-left-color: transparent; }
  [data-theme='light'] .breadcrumbbar li a:active:after {
    border-left-color: #7258AC; }
  [data-theme='light'] .monitorpanesummarytile .TileLabel {
    color: #FFFFFF; }
  [data-theme='light'] .monitorpanesummarytile .TileData {
    color: #FFFFFF; }
  [data-theme='light'] .monitorpanesummarytile, [data-theme='light'] .largepanesummarytile {
    background-color: #BA5A07; }
  [data-theme='light'] .indicatortileindicator {
    background-color: #F7F7F9;
    color: #000000;
    font-size: 19px; }
  [data-theme='light'] .indicatortileCaution {
    background-color: #544772;
    border-radius: 15px;
    border: 7px solid #FFFFFF; }
  [data-theme='light'] .indicatortileWarning {
    background-color: #544772;
    border-radius: 15px;
    border: 7px solid #FFFFFF; }
  [data-theme='light'] .indicatortile .TileLabel, [data-theme='light'] .indicatortileCaution .TileLabel, [data-theme='light'] .indicatortileWarning .TileLabel {
    color: #FFFFFF; }
  [data-theme='light'] .indicatortile .TileData, [data-theme='light'] .indicatortileCaution .TileData, [data-theme='light'] .indicatortileWarning .TileData {
    color: #FFFFFF; }
  [data-theme='light'] .indicatortile, [data-theme='light'] .largepanesummarytile {
    background-color: #544772;
    border: 7px solid #FFFFFF;
    border-radius: 15px; }
  [data-theme='light'] .indicatortile .TileLabel, [data-theme='light'] .largepanesummarytile .TileLabel, [data-theme='light'] .indicatortileCaution .TileLabel, [data-theme='light'] .indicatortileWarning .TileLabel {
    display: block; }
  [data-theme='light'] .indicatortile .TileData, [data-theme='light'] .largepanesummarytile .TileData, [data-theme='light'] .indicatortileCaution .TileData, [data-theme='light'] .indicatortileWarning .TileData {
    display: block; }
  [data-theme='light'] .insightindicatortile1, [data-theme='light'] .insightindicatortile1:hover {
    background-color: #544772; }
  [data-theme='light'] .insightindicatortile2, [data-theme='light'] .insightindicatortile2:hover {
    background-color: #544772; }
  [data-theme='light'] .insightindicatortile3, [data-theme='light'] .insightindicatortile3:hover {
    background-color: #544772; }
  [data-theme='light'] .insightindicatortile4, [data-theme='light'] .insightindicatortile4:hover {
    background-color: #544772; }
  [data-theme='light'] .insightindicatortile1, [data-theme='light'] .insightindicatortile2, [data-theme='light'] .insightindicatortile3, [data-theme='light'] .insightindicatortile4, [data-theme='light'] .insightindicatortileError {
    border-color: #FFFFFF;
    border-radius: 8px;
    margin: 0px -10px 0px -10px; }
  [data-theme='light'] .disabledIndicatorTile, [data-theme='light'] .disabledIndicatorTile:hover {
    background-color: #544772 !important;
    color: #FFFFFF;
    border-color: #FFFFFF; }
  [data-theme='light'] .insightindicatortileError, [data-theme='light'] .insightindicatortileError:hover {
    background-color: #E03C31;
    color: #FFFFFF;
    overflow: hidden; }
  [data-theme='light'] #sidebar-wrapper {
    background-color: #544473; }
  [data-theme='light'] #sidebar-wrapper .sidebar-name > li > a:hover, [data-theme='light'] .headernavbar .dropdown-menu > li > a:focus {
    background-color: #FFFFFF;
    color: #071D49; }
  [data-theme='light'] .toggled#wrapper #sidebar-wrapper {
    overflow: hidden; }
  [data-theme='light'] .ImageButton:enabled span:hover {
    color: #000000 !important; }
  [data-theme='light'] .ImageButton:enabled span:focus {
    color: #000000 !important; }
  [data-theme='light'] .ImageButton:enabled span {
    color: #000000 !important; }
  [data-theme='light'] .favoriteEditBlue {
    color: #432A7B; }
  [data-theme='light'] .faiconwithTextbelow {
    color: #000000; }
  [data-theme='light'] .LabelTop, [data-theme='light'] .LabelNone {
    color: #000000; }
  [data-theme='light'] .modal-header {
    background-color: #E3DFED;
    border-radius: 10px 10px 0px 0px !important; }
  [data-theme='light'] .modal-header .close {
    color: #000000; }
  [data-theme='light'] .modal-title {
    color: #000000; }
  [data-theme='light'] .modal-body, [data-theme='light'] .modal-body .LabelTop {
    background-color: #F7F7F9;
    color: #000000; }
  [data-theme='light'] .modal-body .error {
    background-color: #E03C31;
    color: #FFFFFF; }
  [data-theme='light'] .modal-footer {
    background-color: #E3DFED;
    border-radius: 0px 0px 5px 5px !important; }
  [data-theme='light'] .modal-footer .btn {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-theme='light'] .modal-content {
    border-radius: 8px !important; }
  [data-theme='light'] .scaletable th, [data-theme='light'] .packcomponent .packdetailpane th, .packcomponent [data-theme='light'] .packdetailpane th, [data-theme='light'] .singlespackcomponent .detailpane th, .singlespackcomponent [data-theme='light'] .detailpane th, [data-theme='light'] .signbolcomponent .detailpane th, .signbolcomponent [data-theme='light'] .detailpane th, [data-theme='light'] .shippingQCCount .qcdetailpane th, .shippingQCCount [data-theme='light'] .qcdetailpane th, [data-theme='light'] .packcomponent .packdetailpane th, [data-theme='light'] .shippingQCCount .qcdetailpane th, [data-theme='light'] .scaletable td, [data-theme='light'] .packcomponent .packdetailpane td, .packcomponent [data-theme='light'] .packdetailpane td, [data-theme='light'] .singlespackcomponent .detailpane td, .singlespackcomponent [data-theme='light'] .detailpane td, [data-theme='light'] .signbolcomponent .detailpane td, .signbolcomponent [data-theme='light'] .detailpane td, [data-theme='light'] .shippingQCCount .qcdetailpane td, .shippingQCCount [data-theme='light'] .qcdetailpane td, [data-theme='light'] .packcomponent .packdetailpane td, [data-theme='light'] .shippingQCCount .qcdetailpane td {
    border: 1px solid #DCDCDC;
    color: #000000; }
  [data-theme='light'] .funcAreaHeaderRow {
    background-color: #D2CFDE;
    border-radius: 8px 8px 0px 0px;
    border: 0.25px solid #000000; }
  [data-theme='light'] .inboundRow, [data-theme='light'] .outboundRow, [data-theme='light'] .workLaborRow {
    background-color: #F7F7F9; }
  [data-theme='light'] .funcAreaContainerRow {
    background-color: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    border: 0.25px solid #000000;
    border-top: 0px;
    overflow: hidden; }
  [data-theme='light'] .funcAreaHeader, [data-theme='light'] .groupTitle, [data-theme='light'] .today, [data-theme='light'] .tomorrow, [data-theme='light'] .thisWeek, [data-theme='light'] .atRiskRow, [data-theme='light'] .remainingRow, [data-theme='light'] .processedRow, [data-theme='light'] .expectedRow, [data-theme='light'] .averageRow, [data-theme='light'] .throughputText, [data-theme='light'] .throughputValue, [data-theme='light'] .throughputUnits, [data-theme='light'] .totalExpectedRow {
    color: #000000; }
  [data-theme='light'] .ui-state-default.ui-corner-all.ui-igcheckbox-normal {
    border-color: #707070 !important;
    border-radius: 2px !important; }
  [data-theme='light'] .ui-iggrid th.ui-iggrid-rowselector-class {
    border-bottom-color: #6F6F6F !important;
    border-width: 0px 0px 1px 0px !important;
    border-radius: 0px !important; }
  [data-theme='light'] th.ui-iggrid-header.ui-widget-header {
    border-radius: 0px !important; }
  [data-theme='light'] .modalscrollablecontentrow {
    background-color: #FFFFFF !important; }
  [data-theme='light'] .fullCalendar {
    background-color: #FFFFFF; }
  [data-theme='light'] .fullCalendar .fc-header-toolbar {
    background-color: #D2CFDE;
    color: #000000;
    padding-bottom: 1em;
    margin-bottom: 0;
    border: 0.25px solid #000000;
    border-radius: 8px 8px 0px 0px;
    border-bottom-width: 0px; }
  [data-theme='light'] .fullCalendar .fc-time-area.fc-widget-header {
    border-color: #000000; }
  [data-theme='light'] .fullCalendar .fc-resource-area .fc-widget-content, [data-theme='light'] .fullCalendar .fc-widget-header {
    color: #000000;
    background-color: #E3DFED; }
  [data-theme='light'] .fc-unthemed .fc-content, [data-theme='light'] .fc-unthemed .fc-divider, [data-theme='light'] .fc-unthemed .fc-list-heading td, [data-theme='light'] .fc-unthemed .fc-list-view, [data-theme='light'] .fc-unthemed .fc-popover, [data-theme='light'] .fc-unthemed .fc-row, [data-theme='light'] .fc-unthemed tbody, [data-theme='light'] .fc-unthemed td, [data-theme='light'] .fc-unthemed th, [data-theme='light'] .fc-unthemed thead {
    border-color: #000000; }
  [data-theme='light'] .fullCalendar .fc-cell-text {
    color: #000000 !important;
    font-weight: 100 !important; }
  [data-theme='light'] .popover-title {
    color: #000000;
    background-color: #D2CFDE; }
  [data-theme='light'] .transactionscreensectionlabel {
    color: #000000; }
  [data-theme='light'] .serialComponent .button {
    background-color: #7258AC; }
  [data-theme='light'] .tpmOrderSubmitValue, [data-theme='light'] .tpmOrderSubmitLabel, [data-theme='light'] .tpmOrderSubmitOrderNumLabel, [data-theme='light'] .tpmOrderSubmitOrderNumValue {
    color: #000000 !important; }
  [data-theme='light'] .crudheaderlabel {
    color: #FFFFFF !important; }

.insightlight {
  background-color: #F7F7F9 !important; }

.headernavbar {
  margin-right: 0px;
  margin-left: 0px; }

[data-igTheme='dark'] {
  /*.headernavbar .nav > a:hover, .nav > a:focus {color:$white !important; background-color: $navbar !important}*/
  /*.headernavbar .navbarright > a:hover, .navbarright > a:focus {color:$white !important; background-color:$black}*/
  /*Detail pane*/
  /*monitor chart css*/
  /* accordion */
  /* Anywhere with accordion-gray */
  /* Fixing Stuff */
  /* Indicator tiles in insight screens */
  /*bootstrap modal*/ }
  [data-igTheme='dark'] .ScreenGroupMenu {
    height: 100%;
    background-color: #7258AC;
    line-height: 1.2; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu {
    background-color: #2C2A48;
    border-radius: 5px;
    border: 0.25px solid #9695A4;
    padding: 0;
    overflow: hidden; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li > a {
    background-color: #2C2A48;
    color: #FFFFFF; }
  [data-igTheme='dark'] .transactionScreenGroupPanel {
    height: 100%; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > .disabled > a, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > .disabled > a:hover, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > .disabled > a:focus {
    background-color: #2C2A48;
    color: #FFFFFF;
    outline: none; }
  [data-igTheme='dark'] .ScreenGroupMenu .nav > li.disabled > a {
    background-color: #7258AC;
    opacity: 0.3;
    color: #FFFFFF; }
  [data-igTheme='dark'] .ScreenGroupMenu .nav > li > a:hover, [data-igTheme='dark'] .ScreenGroupMenu .nav > li > a:focus {
    background-color: #636274;
    color: #FFFFFF;
    outline: none; }
  [data-igTheme='dark'] .ScreenGroupMenu .pull-left a, [data-igTheme='dark'] .ScreenGroupMenu .pull-right a {
    color: #FFFFFF;
    font-size: 19px; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > .disabled > a, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > .disabled > a:hover, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > .disabled > a:focus {
    opacity: .5; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li:hover, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li:focus {
    background-color: #636274 !important;
    color: #FFFFFF;
    outline: none; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li.disabled:hover, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li.disabled:focus {
    background-color: #2C2A48 !important; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li:hover > a, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li:focus > a {
    background-color: #636274; }
  [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li.disabled:hover > a, [data-igTheme='dark'] .ScreenGroupMenu .dropdown-menu > li.disabled:focus > a {
    background-color: #2C2A48 !important; }
  [data-igTheme='dark'] .ScreenGroupMenu .pull-right.menubuttonsave, [data-igTheme='dark'] .ScreenGroupMenu .pull-right.menubuttoncancel,
  [data-igTheme='dark'] .ScreenGroupMenu .pull-left.menubuttonsave, [data-igTheme='dark'] .ScreenGroupMenu .pull-left.menubuttoncancel {
    background-color: #7258AC; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttonsave, [data-igTheme='dark'] .ScreenGroupMenu .menubuttoncancel {
    background-color: #2C2A48; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttoncreatework {
    background-color: #7258AC; }
  [data-igTheme='dark'] .ScreenGroupMenu .img-responsive img-circle navBarImg {
    background-color: #7258AC; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttonnew, [data-igTheme='dark'] .ScreenGroupMenu .menubuttonnewwave {
    background-color: #7258AC; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttonstop {
    background-color: #7258AC; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttonnew {
    background-color: #7258AC; }
  [data-igTheme='dark'] .ScreenGroupMenu.subaccordionmenu .disabled a, [data-igTheme='dark'] .ScreenGroupMenu.subaccordionmenu .disabled a {
    Color: #D9D9D6 !important; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttonjumptoinsight a {
    color: #FFFFFF; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttonpreview a {
    color: #FFFFFF; }
  [data-igTheme='dark'] .ScreenGroupMenu .menubuttonexport a {
    color: #FFFFFF; }
  [data-igTheme='dark'] .ScreenGroupMenu .cruddetailmenubutton a {
    color: #FFFFFF; }
  [data-igTheme='dark'] .transparentscreengroup .ScreenGroupMenu {
    background-color: transparent !important; }
  [data-igTheme='dark'] .summaryToggle .visiblepane {
    color: #4F93E4 !important; }
  [data-igTheme='dark'] .groupByToggle.visiblepane {
    color: #4F93E4 !important; }
  [data-igTheme='dark'] .errorbody, [data-igTheme='dark'] .errorcontainer {
    background-color: #181029 !important; }
  [data-igTheme='dark'] .tpmordersubmitscrollablecontentrow {
    background-color: #181029 !important; }
  [data-igTheme='dark'] .headernavbar .dropdown-menu {
    background-color: #2C2A48;
    border-radius: 5px;
    overflow: hidden; }
  [data-igTheme='dark'] .headernavbar .dropdown-menu > a {
    background-color: #432A7B;
    color: #FFFFFF !important; }
  [data-igTheme='dark'] .headernavbar .dropdown-menu > a:hover {
    background-color: #000000 !important;
    color: #432A7B !important;
    text-decoration: none; }
  [data-igTheme='dark'] .headernavbar .dropdown-menu > li > a {
    background-color: #2C2A48;
    color: #FFFFFF !important; }
  [data-igTheme='dark'] .headernavbar .dropdown-menu > .disabled > a, [data-igTheme='dark'] .headernavbar .dropdown-menu > .disabled > a:hover, [data-igTheme='dark'] .headernavbar .dropdown-menu > .disabled > a:focus {
    background-color: #432A7B !important;
    color: #767676 !important; }
  [data-igTheme='dark'] .headernavbar .dropdown-menu > li > a:hover, [data-igTheme='dark'] .headernavbar .dropdown-menu > li > a:focus {
    background-color: #636274 !important;
    color: #FFFFFF !important; }
  [data-igTheme='dark'] .navbarmenu {
    background-color: #432A7B !important; }
  [data-igTheme='dark'] .navbar-inverse {
    background-color: #432A7B; }
  [data-igTheme='dark'] .navsearch .visiblepane .glyphicon, [data-igTheme='dark'] .navsearch .visiblepane .fa, [data-igTheme='dark'] .navsearch .visiblepane .packcomponent .fa_pointer, .packcomponent [data-igTheme='dark'] .navsearch .visiblepane .fa_pointer, [data-igTheme='dark'] .navsearch .visiblepane .shippingQCCount .fa_pointer, .shippingQCCount [data-igTheme='dark'] .navsearch .visiblepane .fa_pointer, [data-igTheme='dark'] .navsearch .visiblepane .receiptWorkbench .fa_pointer, .receiptWorkbench [data-igTheme='dark'] .navsearch .visiblepane .fa_pointer, [data-igTheme='dark'] .navsearch .visiblepane .far, [data-igTheme='dark'] .navsearch .visiblepane .fal, [data-igTheme='dark'] .navsearch .visiblepane .fas {
    color: #FFFFFF; }
  [data-igTheme='dark'] .navdetailpane .glyphicon, [data-igTheme='dark'] .navdetailpane .fa, [data-igTheme='dark'] .navdetailpane .packcomponent .fa_pointer, .packcomponent [data-igTheme='dark'] .navdetailpane .fa_pointer, [data-igTheme='dark'] .navdetailpane .shippingQCCount .fa_pointer, .shippingQCCount [data-igTheme='dark'] .navdetailpane .fa_pointer, [data-igTheme='dark'] .navdetailpane .receiptWorkbench .fa_pointer, .receiptWorkbench [data-igTheme='dark'] .navdetailpane .fa_pointer, [data-igTheme='dark'] .navdetailpane .fas, [data-igTheme='dark'] .navdetailpane .far, [data-igTheme='dark'] .navdetailpane .fal {
    color: #FFFFFF; }
  [data-igTheme='dark'] .navdetailpane .visiblepane .glyphicon, [data-igTheme='dark'] .navdetailpane .visiblepane .fa, [data-igTheme='dark'] .navdetailpane .visiblepane .packcomponent .fa_pointer, .packcomponent [data-igTheme='dark'] .navdetailpane .visiblepane .fa_pointer, [data-igTheme='dark'] .navdetailpane .visiblepane .shippingQCCount .fa_pointer, .shippingQCCount [data-igTheme='dark'] .navdetailpane .visiblepane .fa_pointer, [data-igTheme='dark'] .navdetailpane .visiblepane .receiptWorkbench .fa_pointer, .receiptWorkbench [data-igTheme='dark'] .navdetailpane .visiblepane .fa_pointer, [data-igTheme='dark'] .navdetailpane .visiblepane .fal, [data-igTheme='dark'] .navdetailpane .visiblepane .fas, [data-igTheme='dark'] .navdetailpane .visiblepane .far {
    color: #FFFFFF; }
  [data-igTheme='dark'] .nav > li.disabled > a {
    background-color: #767676; }
  [data-igTheme='dark'] ul.dropdown-menu.userMenu {
    background-color: #474564; }
  [data-igTheme='dark'] .userMenuNameArea {
    background-color: #474564; }
  [data-igTheme='dark'] .userMenuName {
    color: #FFFFFF; }
  [data-igTheme='dark'] .dropdown-menu .divider {
    margin: 0px; }
  [data-igTheme='dark'] .summaryToggle .visiblepane {
    color: #FFFFFF !important; }
  [data-igTheme='dark'] .groupByToggle.visiblepane {
    color: #FFFFFF !important; }
  [data-igTheme='dark'] .offline-icon.disabled .fa.fa-circle, [data-igTheme='dark'] .offline-icon.disabled .packcomponent .fa-circle.fa_pointer, .packcomponent [data-igTheme='dark'] .offline-icon.disabled .fa-circle.fa_pointer, [data-igTheme='dark'] .offline-icon.disabled .shippingQCCount .fa-circle.fa_pointer, .shippingQCCount [data-igTheme='dark'] .offline-icon.disabled .fa-circle.fa_pointer, [data-igTheme='dark'] .offline-icon.disabled .receiptWorkbench .fa-circle.fa_pointer, .receiptWorkbench [data-igTheme='dark'] .offline-icon.disabled .fa-circle.fa_pointer, [data-igTheme='dark'] .offline-icon.disabled .fas.fa-circle, [data-igTheme='dark'] .offline-icon.disabled .fal.fa-circle.offline-icon.disabled .far.fa-circle {
    font-size: 1.313em;
    color: #E03C31; }
  @media (max-width: 767px) {
    [data-igTheme='dark'] .navbar-collapse {
      background-color: #432A7B; }
    [data-igTheme='dark'] .navbar-right {
      background-color: #432A7B; }
    [data-igTheme='dark'] .navbar-collapse.in .navbar-right {
      background-color: #432A7B; }
    [data-igTheme='dark'] .navbar-collapse.collapse.in .navhelp, [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarWhs {
      border-bottom: 1px solid #FFFFFF; }
    [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarWhs, [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarWhs a {
      background-color: #432A7B; }
    [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarHelp, [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarHelp a {
      background-color: #432A7B; }
    [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarUser, [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarUser a {
      background-color: #432A7B; }
    [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarWhs li a, [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarHelp li a, [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarUser li a {
      background-color: #FAFAFA;
      color: #000000 !important;
      border-bottom: 1px solid #707070; }
    [data-igTheme='dark'] .navbar-collapse.collapse.in .navbarenv {
      background-color: #474564; }
    [data-igTheme='dark'] .collapsedrightmenu {
      background-color: transparent !important; } }
  [data-igTheme='dark'] .visiblepane .badge {
    color: #432A7B;
    background-color: #FFFFFF; }
  [data-igTheme='dark'] .badge {
    color: #432A7B;
    background-color: #FFFFFF; }
  [data-igTheme='dark'] .panesummarytile, [data-igTheme='dark'] .largepanesummarytile, [data-igTheme='dark'] .monitorpanesummarytile {
    background-color: #BA5A07;
    box-shadow: 0px 0px 4px #0000005D;
    border-radius: 8px;
    height: 77px; }
  [data-igTheme='dark'] .panesummarytile.col-xs-4.col-sm-4.col-md-4.col-lg-4,
  [data-igTheme='dark'] .largepanesummarytile.col-xs-4.col-sm-4.col-md-4.col-lg-4,
  [data-igTheme='dark'] .monitorpanesummarytile.col-xs-4.col-sm-4.col-md-4.col-lg-4 {
    width: 32.33%;
    margin: 0 0.5%; }
  [data-igTheme='dark'] .panesummarytile.col-xs-3.col-sm-3.col-md-3.col-lg-3,
  [data-igTheme='dark'] .largepanesummarytile.col-xs-3.col-sm-3.col-md-3.col-lg-3,
  [data-igTheme='dark'] .monitorpanesummarytile.col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    width: 24%;
    margin: 0 0.5%; }
  [data-igTheme='dark'] .panesummarytile.col-xs-2.col-sm-2.col-md-2.col-lg-2,
  [data-igTheme='dark'] .largepanesummarytile.col-xs-2.col-sm-2.col-md-2.col-lg-2,
  [data-igTheme='dark'] .monitorpanesummarytile.col-xs-2.col-sm-2.col-md-2.col-lg-2 {
    width: 15.66%;
    margin: 0 0.5%; }
  [data-igTheme='dark'] .detailpanepart {
    background-color: #000000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  [data-igTheme='dark'] .detailpaneheaderpanel .ScreenGroupPanel {
    background-color: #181029; }
  [data-igTheme='dark'] .detailpaneheaderpanel .ScreenGroupPanel .headerpanelleft {
    background-color: #181029;
    white-space: nowrap;
    overflow: hidden; }
  [data-igTheme='dark'] .detailpaneheadertoppanel .detailpaneheaderrowcolumn {
    background-color: #181029;
    border-radius: 8px;
    border: 0.25px solid #707070;
    width: 92%;
    margin: 15px 5px 5px 5px;
    box-shadow: 0px 0px 4px #00000029;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden; }
  [data-igTheme='dark'] .detailpaneheadermiddlepanel .ScreenGroupPanel {
    background-color: #181029; }
  [data-igTheme='dark'] .detailpaneheaderbottompanel .detailpaneheaderrowcolumn {
    background-color: #181029; }
  [data-igTheme='dark'] .monitorchartpanepart {
    background-color: #000000; }
  [data-igTheme='dark'] .monitorindicatorpanepart {
    background-color: #000000; }
  [data-igTheme='dark'] .monitorColumnChartDiv {
    background-color: #000000; }
  [data-igTheme='dark'] .ui-widget input, [data-igTheme='dark'] .ui-widget select, [data-igTheme='dark'] .ui-widget textarea, [data-igTheme='dark'] .ui-widget .button {
    font-family: SourceSansPro !important;
    border-radius: 5px; }
  [data-igTheme='dark'] .ui-datepicker {
    z-index: 20004 !important; }
  [data-igTheme='dark'] .systemmenu {
    background-color: #2C2A48; }
  [data-igTheme='dark'] .systemmenu .ui-accordion-content {
    background-color: #2C2A48; }
  [data-igTheme='dark'] .crudheadermiddlepanel {
    background-color: #2C2A48 !important; }
  [data-igTheme='dark'] .transheadermiddlepanel {
    background-color: #2C2A48 !important; }
  [data-igTheme='dark'] .systemmenu .ui-state-default.ui-accordion-header {
    background: #474564; }
  [data-igTheme='dark'] .ui-state-active .deEmphasizedText, [data-igTheme='dark'] .ui-state-hover .deEmphasizedText {
    color: #FFFFFF !important; }
  [data-igTheme='dark'] .deEmphasizedText {
    color: #FFFFFF; }
  [data-igTheme='dark'] .ImageButton:enabled span:hover {
    color: #ffffff !important; }
  [data-igTheme='dark'] .ImageButton:enabled span:focus {
    color: #ffffff !important; }
  [data-igTheme='dark'] .ImageButton:enabled span {
    color: #ffffff !important; }
  [data-igTheme='dark'] .ImageButton:disabled {
    visibility: hidden; }
  [data-igTheme='dark'] .ImageButton:enabled {
    visibility: visible; }
  [data-igTheme='dark'] .systemmenudivider {
    border-color: #2C2A48; }
  [data-igTheme='dark'] .systemsearchcombomenudivider {
    border-color: #2C2A48; }
  [data-igTheme='dark'] .systemmenuheader {
    background-color: #474564;
    color: #FFFFFF; }
  [data-igTheme='dark'] .offline-icon .fa.fa-circle, [data-igTheme='dark'] .offline-icon .packcomponent .fa-circle.fa_pointer, .packcomponent [data-igTheme='dark'] .offline-icon .fa-circle.fa_pointer, [data-igTheme='dark'] .offline-icon .shippingQCCount .fa-circle.fa_pointer, .shippingQCCount [data-igTheme='dark'] .offline-icon .fa-circle.fa_pointer, [data-igTheme='dark'] .offline-icon .receiptWorkbench .fa-circle.fa_pointer, .receiptWorkbench [data-igTheme='dark'] .offline-icon .fa-circle.fa_pointer, [data-igTheme='dark'] .offline-icon .fas.fa-circle, [data-igTheme='dark'] .offline-icon .fal.fa-circle.offline-icon .far.fa-circle {
    color: #38F55B;
    font-size: 0.6rem; }
  [data-igTheme='dark'] .toggle .toggle-group .toggle-on {
    color: #FFFFFF !important;
    background-color: #7258AC !important; }
  [data-igTheme='dark'] .breadcrumbbar li:last-child a:before {
    border: 0 solid #EBECEE; }
  [data-igTheme='dark'] .breadcrumbbar li a:before, [data-igTheme='dark'] .breadcrumbbar li a:after {
    border: 0 solid #EBECEE; }
  [data-igTheme='dark'] .breadcrumbbar li a:after {
    border-left-color: #EBECEE; }
  [data-igTheme='dark'] .breadcrumbbar li a:hover {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-igTheme='dark'] .breadcrumbbar li a:hover:before {
    border-color: #7258AC;
    color: #FFFFFF;
    border-left-color: transparent; }
  [data-igTheme='dark'] .breadcrumbbar li a:hover:after {
    border-left-color: #7258AC; }
  [data-igTheme='dark'] .breadcrumbbar li a:active {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-igTheme='dark'] .breadcrumbbar li a:active:before {
    border-color: #7258AC;
    border-left-color: transparent; }
  [data-igTheme='dark'] .breadcrumbbar li a:active:after {
    border-left-color: #7258AC; }
  [data-igTheme='dark'] .monitorpanesummarytile .TileLabel {
    color: #FFFFFF;
    font-size: 16px; }
  [data-igTheme='dark'] .monitorpanesummarytile .TileData {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600; }
  [data-igTheme='dark'] .monitorpanesummarytile, [data-igTheme='dark'] .largepanesummarytile {
    background-color: #BA5A07; }
  [data-igTheme='dark'] .indicatortileindicator {
    background-color: #181029;
    color: #FFFFFF;
    font-size: 19px; }
  [data-igTheme='dark'] .indicatortileCaution {
    background-color: #544772;
    border-radius: 15px;
    border: 7px solid #000000; }
  [data-igTheme='dark'] .indicatortileWarning {
    background-color: #544772;
    border-radius: 15px;
    border: 7px solid #000000; }
  [data-igTheme='dark'] .indicatortile .TileLabel, [data-igTheme='dark'] .indicatortileCaution .TileLabel, [data-igTheme='dark'] .indicatortileWarning .TileLabel {
    color: #FFFFFF; }
  [data-igTheme='dark'] .indicatortile .TileData, [data-igTheme='dark'] .indicatortileCaution .TileData, [data-igTheme='dark'] .indicatortileWarning .TileData {
    color: #FFFFFF; }
  [data-igTheme='dark'] .indicatortile, [data-igTheme='dark'] .largepanesummarytile {
    background-color: #544772;
    border: 7px solid #000000;
    border-radius: 15px; }
  [data-igTheme='dark'] .insightindicatortile1, [data-igTheme='dark'] .insightindicatortile1:hover {
    background-color: #544772; }
  [data-igTheme='dark'] .insightindicatortile2, [data-igTheme='dark'] .insightindicatortile2:hover {
    background-color: #544772; }
  [data-igTheme='dark'] .insightindicatortile3, [data-igTheme='dark'] .insightindicatortile3:hover {
    background-color: #544772; }
  [data-igTheme='dark'] .insightindicatortile4, [data-igTheme='dark'] .insightindicatortile4:hover {
    background-color: #544772; }
  [data-igTheme='dark'] .insightindicatortile1, [data-igTheme='dark'] .insightindicatortile2, [data-igTheme='dark'] .insightindicatortile3, [data-igTheme='dark'] .insightindicatortile4, [data-igTheme='dark'] .insightindicatortileError {
    color: #FFFFFF;
    border-radius: 8px;
    margin: 0px -10px 0px -10px; }
  [data-igTheme='dark'] .disabledIndicatorTile, [data-igTheme='dark'] .disabledIndicatorTile:hover {
    background-color: #544772 !important;
    color: #FFFFFF;
    border-color: #000000; }
  [data-igTheme='dark'] .insightindicatortileError, [data-igTheme='dark'] .insightindicatortileError:hover {
    background-color: #E03C31;
    color: #FFFFFF; }
  [data-igTheme='dark'] #sidebar-wrapper {
    background-color: #544473; }
  [data-igTheme='dark'] #sidebar-wrapper .sidebar-name > li > a:hover, [data-igTheme='dark'] .headernavbar .dropdown-menu > li > a:focus {
    background-color: #FFFFFF;
    color: #071D49; }
  [data-igTheme='dark'] .ImageButton:enabled span:hover {
    color: #ffffff !important; }
  [data-igTheme='dark'] .ImageButton:enabled span:focus {
    color: #ffffff !important; }
  [data-igTheme='dark'] .ImageButton:enabled span {
    color: #ffffff !important; }
  [data-igTheme='dark'] .favoriteEditBlue {
    color: #FFFFFF; }
  [data-igTheme='dark'] .modal-header {
    background-color: #474564;
    border-radius: 10px 10px 0px 0px !important; }
  [data-igTheme='dark'] .modal-header .close {
    color: #FFFFFF; }
  [data-igTheme='dark'] .modal-title {
    color: #FFFFFF; }
  [data-igTheme='dark'] .modal-body, [data-igTheme='dark'] .modal-body .LabelTop {
    background-color: #2C2A48;
    color: #FFFFFF; }
  [data-igTheme='dark'] .modal-body .error {
    background-color: #E03C31;
    color: #FFFFFF; }
  [data-igTheme='dark'] .modal-footer {
    background-color: #474564; }
  [data-igTheme='dark'] .modal-footer .btn {
    background-color: #7258AC;
    color: #FFFFFF; }
  [data-igTheme='dark'] .modal-content {
    background-color: transparent !important;
    border-radius: 8px !important; }
  [data-igTheme='dark'] .emphasizedText {
    color: #FFFFFF; }
  [data-igTheme='dark'] .ui-state-active .emphasizedText, [data-igTheme='dark'] .ui-state-hover .emphasizedText {
    color: #FFFFFF; }
  [data-igTheme='dark'] .scaletable th, [data-igTheme='dark'] .packcomponent .packdetailpane th, .packcomponent [data-igTheme='dark'] .packdetailpane th, [data-igTheme='dark'] .singlespackcomponent .detailpane th, .singlespackcomponent [data-igTheme='dark'] .detailpane th, [data-igTheme='dark'] .signbolcomponent .detailpane th, .signbolcomponent [data-igTheme='dark'] .detailpane th, [data-igTheme='dark'] .shippingQCCount .qcdetailpane th, .shippingQCCount [data-igTheme='dark'] .qcdetailpane th, [data-igTheme='dark'] .packcomponent .packdetailpane th, [data-igTheme='dark'] .shippingQCCount .qcdetailpane th, [data-igTheme='dark'] .scaletable td, [data-igTheme='dark'] .packcomponent .packdetailpane td, .packcomponent [data-igTheme='dark'] .packdetailpane td, [data-igTheme='dark'] .singlespackcomponent .detailpane td, .singlespackcomponent [data-igTheme='dark'] .detailpane td, [data-igTheme='dark'] .signbolcomponent .detailpane td, .signbolcomponent [data-igTheme='dark'] .detailpane td, [data-igTheme='dark'] .shippingQCCount .qcdetailpane td, .shippingQCCount [data-igTheme='dark'] .qcdetailpane td, [data-igTheme='dark'] .packcomponent .packdetailpane td, [data-igTheme='dark'] .shippingQCCount .qcdetailpane td {
    border: 1px solid #DCDCDC;
    color: #FFFFFF; }
  [data-igTheme='dark'] .funcAreaHeaderRow {
    background-color: #474564;
    border-radius: 8px 8px 0px 0px;
    border: 0.5px solid #707070; }
  [data-igTheme='dark'] .inboundRow, [data-igTheme='dark'] .outboundRow, [data-igTheme='dark'] .workLaborRow {
    background-color: #000000; }
  [data-igTheme='dark'] .funcAreaContainerRow {
    background-color: #2C2A48;
    border-radius: 0px 0px 8px 8px;
    border: 0.5px solid #707070;
    border-top: 0px;
    overflow: hidden; }
  [data-igTheme='dark'] .ui-state-default.ui-corner-all.ui-igcheckbox-normal {
    border-color: #707070 !important;
    border-radius: 2px !important; }
  [data-igTheme='dark'] .ui-iggrid th.ui-iggrid-rowselector-class {
    border-bottom-color: #6F6F6F !important;
    border-width: 0px 0px 0.5px 0px !important;
    border-radius: 0px !important; }
  [data-igTheme='dark'] th.ui-iggrid-header.ui-widget-header {
    border-radius: 0px !important; }
  [data-igTheme='dark'] .modal-body .ui-igcombo-field, [data-igTheme='dark'] .modal-body .ui-igedit-input {
    background-color: #2C2A48 !important;
    color: #FFFFFF !important; }
  [data-igTheme='dark'] .modal-body .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable, [data-igTheme='dark'] .modal-body .ui-state-default {
    background-color: #2C2A48 !important; }
  [data-igTheme='dark'] #HelpAboutDialog .modal-body {
    background-color: #F7F7F9;
    color: #000000; }
  [data-igTheme='dark'] .modalscrollablecontentrow {
    background-color: #2C2A48 !important; }
  [data-igTheme='dark'] .fullCalendar {
    background-color: #2C2A48; }
  [data-igTheme='dark'] .fullCalendar .fc-header-toolbar {
    background-color: #474564;
    color: #FFFFFF;
    padding-bottom: 1em;
    margin-bottom: 0;
    border: 0.25px solid #FFFFFF;
    border-radius: 8px 8px 0px 0px;
    border-bottom-width: 0px; }
  [data-igTheme='dark'] .fullCalendar .fc-time-area.fc-widget-header {
    border-color: #FFFFFF; }
  [data-igTheme='dark'] .fullCalendar .fc-resource-area .fc-widget-content, [data-igTheme='dark'] .fullCalendar .fc-widget-header {
    color: #FFFFFF;
    background-color: #636274; }
  [data-igTheme='dark'] .fc-unthemed .fc-content, [data-igTheme='dark'] .fc-unthemed .fc-divider, [data-igTheme='dark'] .fc-unthemed .fc-list-heading td, [data-igTheme='dark'] .fc-unthemed .fc-list-view, [data-igTheme='dark'] .fc-unthemed .fc-popover, [data-igTheme='dark'] .fc-unthemed .fc-row, [data-igTheme='dark'] .fc-unthemed tbody, [data-igTheme='dark'] .fc-unthemed td, [data-igTheme='dark'] .fc-unthemed th, [data-igTheme='dark'] .fc-unthemed thead {
    border-color: #FFFFFF; }
  [data-igTheme='dark'] .fullCalendar .fc-cell-text {
    color: #FFFFFF !important;
    font-weight: 100 !important; }
  [data-igTheme='dark'] .popover-title {
    color: #FFFFFF;
    background-color: #474564; }
  [data-igTheme='dark'] .serialComponent .button {
    background-color: #7258AC; }
  [data-igTheme='dark'] .tpmOrderSubmitValue, [data-igTheme='dark'] .tpmOrderSubmitLabel, [data-igTheme='dark'] .tpmOrderSubmitOrderNumLabel, [data-igTheme='dark'] .tpmOrderSubmitOrderNumValue, [data-igTheme='dark'] .crudheaderlabel {
    color: #FFFFFF !important; }

.insightdark {
  background-color: #000000 !important; }

.headernavbar {
  margin-right: 0px;
  margin-left: 0px; }

.dashboardTile .dashboardIndicatorTile {
  background-color: #BA5A07 !important;
  border: 0.5px solid #6D6C70;
  border-radius: 8px;
  margin: 10px 0px 0px -6px;
  height: 90px;
  width: 160px; }

.dashboardTileLabel {
  font-size: 15px !important; }

.dashboardTileData {
  font-size: 20px !important;
  font-weight: 600 !important; }

.panesummarytile .TileLabel {
  font-size: 16px; }

.panesummarytile .TileData {
  font-weight: 600;
  font-size: 20px; }

.sidr-menu-title {
  height: 50px;
  width: 100%;
  color: white;
  margin-bottom: 10px;
  background-color: #7258AC;
  font-size: 20px;
  padding-left: 10px;
  padding-top: 10px; }

.systemmenuclose {
  font-size: 25px !important; }

.dashboardcomponent div.row.workLaborRow {
  margin-right: 1px !important; }

.monitorindicatorpanepart .indicatortileWarning i.fa.fa-exclamation-triangle, .monitorindicatorpanepart .indicatortileWarning .packcomponent i.fa-exclamation-triangle.fa_pointer, .packcomponent .monitorindicatorpanepart .indicatortileWarning i.fa-exclamation-triangle.fa_pointer, .monitorindicatorpanepart .indicatortileWarning .shippingQCCount i.fa-exclamation-triangle.fa_pointer, .shippingQCCount .monitorindicatorpanepart .indicatortileWarning i.fa-exclamation-triangle.fa_pointer, .monitorindicatorpanepart .indicatortileWarning .receiptWorkbench i.fa-exclamation-triangle.fa_pointer, .receiptWorkbench .monitorindicatorpanepart .indicatortileWarning i.fa-exclamation-triangle.fa_pointer {
  color: #F04C31;
  display: block !important;
  text-align: center;
  font-size: 20px; }

.monitorindicatorpanepart .indicatortileCaution i.fa.fa-exclamation-triangle, .monitorindicatorpanepart .indicatortileCaution .packcomponent i.fa-exclamation-triangle.fa_pointer, .packcomponent .monitorindicatorpanepart .indicatortileCaution i.fa-exclamation-triangle.fa_pointer, .monitorindicatorpanepart .indicatortileCaution .shippingQCCount i.fa-exclamation-triangle.fa_pointer, .shippingQCCount .monitorindicatorpanepart .indicatortileCaution i.fa-exclamation-triangle.fa_pointer, .monitorindicatorpanepart .indicatortileCaution .receiptWorkbench i.fa-exclamation-triangle.fa_pointer, .receiptWorkbench .monitorindicatorpanepart .indicatortileCaution i.fa-exclamation-triangle.fa_pointer {
  color: #E8C248;
  display: block !important;
  text-align: center;
  font-size: 20px; }

.breadcrumbbar li a {
  background-color: transparent !important;
  color: #FFFFFF !important;
  text-decoration: underline;
  padding: 0; }

.breadcrumbbar li a:before {
  border-left-color: transparent;
  content: ">";
  padding-top: 13px; }

.breadcrumbbar li a.active {
  text-decoration: none; }

.breadCrumbLabel {
  display: inline-flex;
  padding-top: 12px;
  padding-bottom: 12px; }

.breadCrumbData {
  display: inline-flex;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 5px; }

.fullCalendar .fc-prev-button, .fullCalendar .fc-next-button, .fullCalendar .fc-today-button {
  border-color: #7258AC;
  color: #7258AC; }

.fullCalendar .fc-timelineSevenDays-button.fc-state-default, .fullCalendar .fc-timelineDay-button.fc-state-default {
  color: #7258AC;
  border-color: #7258AC; }

.fullCalendar .fc-timelineDay-button.fc-state-active, .fullCalendar .fc-timelineSevenDays-button.fc-state-active {
  color: #FFFFFF;
  background-color: #7258AC; }

.fullCalendar .fc-header-toolbar .fc-center h2 {
  font-size: 24px; }

.fc-now-indicator {
  border: 1px solid #067BB8; }

.fc-event .fc-bg {
  background-color: #067BB8; }

.fc-timeline .fc-divider {
  display: none; }

.fullCalendar .fc-event {
  border: 0; }

.calendarpopoverbutton, .calendarpopoverbutton:hover {
  background-color: #7258AC; }

.tpmDashboardIndicatorlabel {
  background-color: #7258AC !important;
  box-shadow: 0px 0px 4px #0000005D !important;
  border-radius: 8px !important; }

.tpmDashboardCenterImage {
  width: 318px !important;
  height: 152px !important; }

body.tpmdashboardbody {
  background-color: #FFFFFF !important; }

.searchpanecriteria .ScreenGroupAccordion.ui-accordion {
  overflow: hidden;
  border-radius: 8px;
  margin: 12px 2px 0px 6px;
  box-shadow: 0px 1px 0px 1px #000000 inset; }

.listpanepanel {
  margin: 0px -10px; }

.ui-icon-triangle-1-s:before {
  content: '\f078';
  font-family: "Font Awesome 5 Pro"; }

.caret {
  font-family: "Font Awesome 5 Pro";
  border: 0;
  vertical-align: unset; }

.caret:before {
  content: "\f078"; }

.ui-icon-circle-close:before {
  content: "\f057";
  font-family: "Font Awesome 5 Pro";
  font-size: 14px !important; }

.nav > li.dropdown.pull-right > a {
  padding-right: 20px; }

.listpanesummarypanel, .monitorsummarypanel {
  margin-top: 12px; }

.ui-iggrid > .ui-widget-header.ui-helper-reset {
  margin-top: 10px;
  border: 0.5px solid #707070 !important; }

@media (min-width: 1200px) {
  .listpanepanel {
    height: 87%; } }

.ui-iggrid-rowselector-class .ui-igcheckbox-normal, .ui-iggrid-rowselector-header .ui-igcheckbox-normal {
  float: none !important; }

.totalExpected, .totalByTime {
  font-weight: bold !important; }

.navbar-small {
  height: 50px; }

.listpanesummarypanelgroup > div {
  margin-bottom: 5px; }

.ScreenGroupMenu .nav > li > a.visiblepane:focus, .ScreenGroupMenu .nav > li > a.visiblepane:hover, .ScreenGroupMenu .nav > li > a.visiblepane {
  background-color: #b2a2dc99 !important; }

.modal-body > .ui-igedit {
  margin-top: 5px; }

.accordionsidebar > div > .sidebar-name > li.divider {
  margin: 12px 10px 12px 10px;
  background-color: #FFFFFF80; }

.dropdown-menu > li.dropdownaction:last-of-type {
  border-bottom: 0px;
  margin: 0; }

.ScreenGroupMenu .nav-pills .menubutton > a:hover, .ScreenGroupMenu .nav-pills .menubutton > a:focus,
.ScreenGroupMenu .nav-pills .dropdown > a:hover, .ScreenGroupMenu .nav-pills .dropdown > a:focus {
  background-color: #b2a2dc99 !important; }

.ScreenGroupMenu .nav .open > a, .ScreenGroupMenu .nav .open > a:hover, .ScreenGroupMenu .nav .open > a:focus {
  background-color: #b2a2dc99 !important; }

.packcomponent, .receiptWorkbench, .shippingQCCount {
  margin-top: -14px !important;
  padding-top: 14px; }

.packcomponent {
  width: 98%; }

.packcomponent .packdetailpane .accordionwrapper {
  border-radius: 8px;
  overflow: hidden;
  border: 0.1px solid #707070;
  margin-left: 2%; }

.packcomponent .packdetailpane .accordionwrapper .ui-accordion-content {
  border-radius: 0 !important; }

li.pull-right.menubutton.subaccordionbutton {
  background-color: transparent; }

.scalesmalllabel, .scaletable th, .packcomponent .packdetailpane th, .singlespackcomponent .detailpane th, .signbolcomponent .detailpane th, .shippingQCCount .qcdetailpane th, .scaletable td, .packcomponent .packdetailpane td, .singlespackcomponent .detailpane td, .signbolcomponent .detailpane td, .shippingQCCount .qcdetailpane td, .packcomponent .packdetailpane label, .singlespackcomponent .detailpane label, .signbolcomponent .detailpane label, .shippingQCCount .qcdetailpane label {
  font-size: .875em;
  font-weight: 400; }

.top-buffer {
  margin-top: .5em; }

.scaletable table, .packcomponent .packdetailpane table, .singlespackcomponent .detailpane table, .signbolcomponent .detailpane table, .shippingQCCount .qcdetailpane table {
  border: 2px solid #DCDCDC;
  border-width: 2px;
  width: 90%;
  empty-cells: show;
  margin-left: 2px; }

.scaletable th, .packcomponent .packdetailpane th, .singlespackcomponent .detailpane th, .signbolcomponent .detailpane th, .shippingQCCount .qcdetailpane th, .scaletable td, .packcomponent .packdetailpane td, .singlespackcomponent .detailpane td, .signbolcomponent .detailpane td, .shippingQCCount .qcdetailpane td {
  padding-left: 5px;
  border: 1px solid #DCDCDC;
  color: #FFFFFF;
  border-width: 1px;
  text-align: left; }

.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

/*
185964      | MDL   | 09/05/16      | Created
185967      | MDL   | 09/08/2016    | Added grid
194610      | SAM   | 01/11/2017    | Added last packed item css.
217086      | TDA   | 01/25/18      | Branding changes    
219665      | TDA   | 04/09/18      | Gotham font  
    */
.packcomponent {
  height: 100%; }
  .packcomponent .packdetailpane {
    height: inherit;
    padding-left: 15px;
    padding-right: 15px; }
    .packcomponent .packdetailpane .header {
      height: 120px; }
    .packcomponent .packdetailpane .packDetailpaneHeaderlabel {
      font-size: 1.063em !important;
      font-weight: 700 !important; }
    .packcomponent .packdetailpane .packDetaillabelpadding {
      padding-bottom: 0.5em; }
    .packcomponent .packdetailpane .lastPackeditemimg {
      padding-top: 10px;
      width: 75%; }
      @media only screen and (orientation: portrait) {
        .packcomponent .packdetailpane .lastPackeditemimg {
          width: 50%; } }
    .packcomponent .packdetailpane .shipToColumn {
      width: 50%; }
  .packcomponent .packbuttonContainer {
    display: table;
    margin: auto; }
  .packcomponent .packButtons {
    color: #4F93E4;
    font-size: 2.7em;
    text-decoration: none !important;
    padding-top: 0px; }
  .packcomponent .ButtonIconWidth {
    width: 73px; }
  .packcomponent .inputEditor {
    background-color: #494E5E; }
    .packcomponent .inputEditor .inputEditorMargin {
      margin-bottom: 0.25em;
      margin-top: 0.25em; }
  .packcomponent .inputEditor .ui-igcombo-field {
    background-color: #494E5E !important; }
  .packcomponent .inputEditor .ui-igedit-input, .packcomponent .inputEditor .ui-igcombo-fieldholder, .packcomponent .inputEditor .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable, .packcomponent .inputEditor .ui-igedit-cleararea,
  .packcomponent .inputEditor .ui-igedit-cleararea.ui-state-hover, .packcomponent .inputEditor .ui-igedit.ui-state-hover .ui-igedit-cleararea, .packcomponent .inputEditor .ui-igedit.ui-state-focus .ui-igedit-cleararea {
    background-color: #494E5E !important; }
  .packcomponent .inputEditor .ui-state-default, .packcomponent .inputEditor .ui-widget-content .inputEditor .ui-state-default, .packcomponent .inputEditor .ui-widget-header .ui-state-default {
    background-color: #494E5E !important; }
  .packcomponent .infoPane {
    margin-top: 10px;
    margin-left: -5px; }
  .packcomponent .gridPane {
    margin-top: -10px;
    margin-left: 1px;
    margin-right: -15px; }
  .packcomponent .packQtytickerPadding {
    margin-top: .3em; }
  .packcomponent .bottomiconlabel {
    padding-top: 20px;
    padding-left: 15px; }
  .packcomponent #packingdetailkoGrid_container {
    font-size: .85em !important;
    margin-top: 30px;
    margin-left: 10px; }
  .packcomponent #serialnumberkoGrid_container {
    font-size: .85em !important;
    margin-left: 5px; }
  .packcomponent .buttoncolumn {
    text-align: center; }
  .packcomponent .nextline {
    display: block; }
  .packcomponent .buttonText {
    font-size: .5em;
    font-family: SourceSansPro;
    text-decoration: none;
    text-align: center;
    padding-top: 41px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .packcomponent .fa_pointer {
    cursor: pointer; }
  .packcomponent .faiconwithTextbelow {
    font-size: 18px;
    /* EDIT THIS */
    color: #4F93E4;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer; }
  .packcomponent .faiconwithTextbelow span:hover {
    opacity: .5; }
  .packcomponent .faiconwithTextbelow_disabled {
    font-size: 28px;
    /* EDIT THIS */
    color: #5B5D67;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: not-allowed; }

.packingLookup {
  position: absolute;
  right: 25px;
  top: 4px; }

/*
12936      | SSM   | 09/01/22      | Created
*/
.singlespackcomponent {
  margin-top: -10px;
  padding-top: 10px;
  margin-left: -10px;
  margin-right: -5px; }
  .singlespackcomponent .detailpane {
    height: inherit;
    padding-left: 15px;
    padding-right: 15px; }
    .singlespackcomponent .detailpane .header {
      height: 120px; }
    .singlespackcomponent .detailpane .shipToColumn {
      width: 50%; }
  .singlespackcomponent .ButtonIconWidth {
    width: 73px; }
  .singlespackcomponent .inputEditor {
    background-color: #494E5E; }
    .singlespackcomponent .inputEditor .inputEditorMargin {
      margin-bottom: 0.25em;
      margin-top: 0.25em; }
  .singlespackcomponent .rowMargin {
    margin-top: 0.3em;
    margin-left: 1px; }
  .singlespackcomponent .labelMargin {
    margin-top: 0.25em; }
  .singlespackcomponent .packQtyControls {
    padding-right: 5px; }
  .singlespackcomponent .packQtyWidth {
    width: 35%; }
  .singlespackcomponent .infoPane {
    border-radius: 8px;
    overflow: hidden;
    border: 0.1px px solid #707070;
    /*margin-left: 2%;*/
    margin-right: 2%; }
  .singlespackcomponent .buttoncolumn {
    text-align: center; }
  .singlespackcomponent .buttonpadding {
    padding-top: 10px;
    padding-left: 2px; }
  .singlespackcomponent .bold {
    font-weight: bold; }
  .singlespackcomponent .buttonText {
    font-size: .5em;
    font-family: SourceSansPro;
    text-decoration: none;
    text-align: center;
    padding-top: 41px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .singlespackcomponent .faiconwithTextbelow {
    font-size: 18px;
    /* EDIT THIS */
    color: #4F93E4;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer; }
  .singlespackcomponent .faiconwithTextbelow span:hover {
    opacity: .5; }
  .singlespackcomponent .faiconwithTextbelow_disabled {
    font-size: 28px;
    /* EDIT THIS */
    color: #5B5D67;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: not-allowed; }
  .singlespackcomponent .imageTag {
    display: block;
    height: auto;
    max-width: 100px; }

.lastRightMenuButton {
  margin-right: 25px; }

.singlespackinitiation {
  margin-top: -10px;
  padding-top: 25px; }

/*
31011      | AU   | 09/01/24      | Created
*/
.signbolcomponent {
  margin-top: -10px;
  padding-top: 10px;
  margin-left: -10px;
  margin-right: -5px; }
  .signbolcomponent .detailpane {
    height: inherit;
    padding-left: 15px;
    padding-right: 15px; }
    .signbolcomponent .detailpane .header {
      height: 120px; }
    .signbolcomponent .detailpane .shipToColumn {
      width: 50%; }
  .signbolcomponent .ButtonIconWidth {
    width: 73px; }
  .signbolcomponent .inputEditor {
    background-color: #494E5E; }
    .signbolcomponent .inputEditor .inputEditorMargin {
      margin-bottom: 0.25em;
      margin-top: 0.25em; }
  .signbolcomponent .rowMargin {
    margin-top: 0.3em;
    margin-left: 1px; }
  .signbolcomponent .labelMargin {
    margin-top: 0.25em; }
  .signbolcomponent .infoPane {
    border-radius: 8px;
    overflow: hidden;
    border: 0.1px px solid #707070;
    /*margin-left: 2%;*/
    margin-right: 2%; }
  .signbolcomponent .buttoncolumn {
    text-align: center; }
  .signbolcomponent .buttonpadding {
    padding-top: 10px;
    padding-left: 2px; }
  .signbolcomponent .bold {
    font-weight: bold; }
  .signbolcomponent .buttonText {
    font-size: .5em;
    font-family: SourceSansPro;
    text-decoration: none;
    text-align: center;
    padding-top: 41px;
    font-weight: 700;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap; }
  .signbolcomponent .faiconwithTextbelow {
    font-size: 18px;
    /* EDIT THIS */
    color: #4F93E4;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer; }
  .signbolcomponent .faiconwithTextbelow span:hover {
    opacity: .5; }
  .signbolcomponent .faiconwithTextbelow_disabled {
    font-size: 28px;
    /* EDIT THIS */
    color: #5B5D67;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: not-allowed; }
  .signbolcomponent .imageTag {
    display: block;
    height: auto;
    max-width: 100px; }

.lastRightMenuButton {
  margin-right: 25px; }

.transactionheaderlabelSignBOL {
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  font-size: 1.5em;
  color: #FFFFFF;
  font-weight: 300 !important;
  margin-left: 8px;
  margin-top: 6px; }

.signbolcanvas {
  width: 350px;
  height: 100px;
  border: 1px solid #000000;
  background: none #FFFFFF !important; }

.clear-button {
  vertical-align: top;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background-color: #ccc;
  font-size: 25px;
  cursor: pointer; }

.shippingQCCount {
  height: 100%;
  margin-top: -4px; }
  .shippingQCCount .infoPane {
    margin-top: 10px;
    margin-left: -5px; }
  .shippingQCCount .qcdetailpaneHeaderlabel {
    font-size: 1.063em !important;
    font-weight: 700 !important; }
  .shippingQCCount .qclabelpadding {
    padding-bottom: 0.5em; }
  .shippingQCCount .lastcounteditemimg {
    padding-top: 10px;
    width: 75%;
    max-height: 10em; }
    @media only screen and (orientation: portrait) {
      .shippingQCCount .lastcounteditemimg {
        width: 50%; } }
  .shippingQCCount .qccounteditormargin {
    margin-top: .3em; }
  .shippingQCCount .qcbutton {
    color: #4F93E4 !important;
    font-size: 2.7em;
    text-decoration: none !important;
    padding-top: 0px !important; }
  .shippingQCCount .qcbutton:hover {
    opacity: .75 !important; }
  .shippingQCCount .inputEditor {
    background-color: #494E5E;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: 1px; }
    .shippingQCCount .inputEditor .inputEditorMargin {
      margin-right: 15px;
      margin-bottom: 0.25em;
      margin-top: 0.25em; }
  .shippingQCCount .inputEditor .ui-igcombo-field {
    background-color: #494E5E !important; }
  .shippingQCCount .inputEditor .ui-igedit-input, .shippingQCCount .inputEditor .ui-igcombo-fieldholder, .shippingQCCount .inputEditor .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable, .shippingQCCount .inputEditor .ui-igedit-cleararea,
  .shippingQCCount .inputEditor .ui-igedit-cleararea.ui-state-hover, .shippingQCCount .inputEditor .ui-igedit.ui-state-hover .ui-igedit-cleararea, .shippingQCCount .inputEditor .ui-igedit.ui-state-focus .ui-igedit-cleararea {
    background-color: #494E5E !important; }
  .shippingQCCount .inputEditor .ui-state-default, .shippingQCCount .inputEditor .ui-widget-content .inputEditor .ui-state-default, .shippingQCCount .inputEditor .ui-widget-header .ui-state-default {
    background-color: #494E5E !important; }
  .shippingQCCount .faIconRightMargin {
    margin-right: 15px; }
  .shippingQCCount .qcdetailpane {
    height: inherit;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: -10px; }
    .shippingQCCount .qcdetailpane .header {
      height: 120px; }
  .shippingQCCount .bottomiconlabel {
    padding-top: 20px;
    padding-left: 15px; }
  .shippingQCCount .commonMargin, .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .reasoncodegriddiv, .shippingQCCount .receiptWorkbench .receiptGridAlignment, .receiptWorkbench .shippingQCCount .receiptGridAlignment, .shippingQCCount .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench .shippingQCCount #ReceiptdetailkoGrid, .shippingQCCount .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench .shippingQCCount #ReceiptParentContainerkoGrid, .shippingQCCount .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .shippingQCCount #ReceiptChildtContainerkoGrid, .shippingQCCount .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .shippingQCCount .catchWeightGridInfo, .shippingQCCount .verifyInboundQC #ReceiptVerifyItemUmkoGrid, .verifyInboundQC .shippingQCCount #ReceiptVerifyItemUmkoGrid {
    margin-top: 12px; }
  .shippingQCCount .gridFont, .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .reasoncodegriddiv, .shippingQCCount .receiptWorkbench .receiptGridAlignment, .receiptWorkbench .shippingQCCount .receiptGridAlignment, .shippingQCCount .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench .shippingQCCount #ReceiptdetailkoGrid, .shippingQCCount .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench .shippingQCCount #ReceiptParentContainerkoGrid, .shippingQCCount .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .shippingQCCount #ReceiptChildtContainerkoGrid, .shippingQCCount .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .shippingQCCount .catchWeightGridInfo, .shippingQCCount .verifyInboundQC #ReceiptVerifyItemUmkoGrid, .verifyInboundQC .shippingQCCount #ReceiptVerifyItemUmkoGrid {
    font-size: .85em !important; }
  .shippingQCCount #qcCountdetailkoGrid_container {
    margin-left: 0px;
    width: 100%; }
  .shippingQCCount .buttoncolumn {
    text-align: center; }
  .shippingQCCount .nextline {
    display: block; }
  .shippingQCCount .buttonText {
    font-size: .5em;
    font-family: SourceSansPro;
    text-decoration: none;
    text-align: center;
    padding-top: 41px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis; }
  .shippingQCCount .fa_pointer {
    cursor: pointer; }
  .shippingQCCount .faiconwithTextbelowa {
    font-size: 28px;
    color: #4F93E4;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer; }
  .shippingQCCount .faiconwithTextbelow {
    font-size: 28px;
    color: #4F93E4;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer; }
  .shippingQCCount .faiconwithTextbelow span:hover {
    opacity: .5; }
  .shippingQCCount .faiconDisabled {
    color: #5B5D67;
    cursor: not-allowed; }
  .shippingQCCount .faiconEnabled {
    color: #4F93E4;
    cursor: pointer; }

.qclookup {
  position: absolute;
  right: 30px;
  top: 27px; }

.receiptWorkbench {
  height: 100%;
  width: 100%;
  margin-top: -14px; }
  .receiptWorkbench .infoPane {
    margin-top: 10px;
    margin-left: -5px; }
  .receiptWorkbench .receiptContainerActions {
    color: #000000 !important;
    text-decoration: none; }
  .receiptWorkbench .receiptWorkbenchlabelpadding {
    padding-bottom: 0.5em; }
  .receiptWorkbench .itemInfoimg {
    max-height: 8em;
    float: none;
    margin: 0 auto; }
  .receiptWorkbench .partialCheckinItemInfoimg {
    max-height: 105px;
    float: none;
    margin: 0 auto; }
  .receiptWorkbench .ScreenGroupSubAccordion .ui-iggrid .ui-iggrid-deletebutton .ui-icon {
    background-image: url(../images/ui-icons_888888_256x240.png) !important; }
  .receiptWorkbench .inputEditor {
    background-color: #494E5E; }
    .receiptWorkbench .inputEditor .inputEditorMargin {
      margin-bottom: 0.25em;
      margin-top: 0.25em; }
  .receiptWorkbench .inputEditor .ui-igcombo-field {
    background-color: #494E5E !important; }
  .receiptWorkbench .inputEditor .ui-igedit-input, .receiptWorkbench .inputEditor .ui-igcombo-fieldholder, .receiptWorkbench .inputEditor .ui-igcombo.ui-widget .ui-igcombo-clear.ui-unselectable, .receiptWorkbench .inputEditor .ui-igedit-cleararea,
  .receiptWorkbench .inputEditor .ui-igedit-cleararea.ui-state-hover, .receiptWorkbench .inputEditor .ui-igedit.ui-state-hover .ui-igedit-cleararea, .receiptWorkbench .inputEditor .ui-igedit.ui-state-focus .ui-igedit-cleararea {
    background-color: #494E5E !important; }
  .receiptWorkbench .inputEditor .ui-state-default, .receiptWorkbench .inputEditor .ui-widget-content .inputEditor .ui-state-default, .receiptWorkbench .inputEditor .ui-widget-header .ui-state-default {
    background-color: #494E5E !important; }
  .receiptWorkbench .faIconRightMargin {
    margin-right: 30px; }
  .receiptWorkbench .bottomiconlabel {
    padding-top: 20px;
    padding-left: 15px; }
  .receiptWorkbench .gridFont, .receiptWorkbench .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .receiptWorkbench #qcCountdetailkoGrid_container, .receiptWorkbench .shippingQCCount .reasoncodegriddiv, .shippingQCCount .receiptWorkbench .reasoncodegriddiv, .receiptWorkbench .receiptGridAlignment, .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .receiptWorkbench .catchWeightGridInfo, .receiptWorkbench .verifyInboundQC #ReceiptVerifyItemUmkoGrid, .verifyInboundQC .receiptWorkbench #ReceiptVerifyItemUmkoGrid {
    font-size: .85em !important; }
  .receiptWorkbench .commonMargin, .receiptWorkbench .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .receiptWorkbench #qcCountdetailkoGrid_container, .receiptWorkbench .shippingQCCount .reasoncodegriddiv, .shippingQCCount .receiptWorkbench .reasoncodegriddiv, .receiptWorkbench .receiptGridAlignment, .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .receiptWorkbench .catchWeightGridInfo, .receiptWorkbench .verifyInboundQC #ReceiptVerifyItemUmkoGrid, .verifyInboundQC .receiptWorkbench #ReceiptVerifyItemUmkoGrid {
    margin-top: 12px; }
  .receiptWorkbench .receiptGridAlignment, .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench #ReceiptChildtContainerkoGrid {
    margin-left: 0px;
    width: 100%; }
  .receiptWorkbench #ReceiptdetailkoGrid a.gridDetailLineFont {
    color: #4f93e4 !important;
    text-decoration: none; }
  .receiptWorkbench #ReceiptdetailkoGrid td.ui-state-hover > a.gridDetailLineFont {
    color: #FFFFFF !important; }
  .receiptWorkbench #ReceiptParentContainerkoGrid_container {
    min-height: 275px; }
  .receiptWorkbench .buttoncolumn {
    text-align: center; }
  .receiptWorkbench .actionPane {
    margin-top: 10px;
    padding-left: 20px; }
  .receiptWorkbench .archiveIcon {
    margin-top: 13px;
    margin-left: -23px; }
  .receiptWorkbench .archiveIcon span:hover {
    opacity: .5; }
  .receiptWorkbench .accordionLinesPane {
    margin-top: 27px; }
  .receiptWorkbench .scrollable-menu {
    height: auto;
    overflow-x: hidden; }
  .receiptWorkbench .buttonText {
    font-size: .5em;
    font-family: SourceSansPro;
    text-decoration: none;
    text-align: center;
    position: relative;
    display: block;
    font-weight: 700;
    line-height: normal;
    text-overflow: ellipsis;
    width: 125px;
    margin-left: -30px; }
  .receiptWorkbench .fa_pointer {
    cursor: pointer; }
  .receiptWorkbench .faiconwithTextbelow {
    font-size: 28px;
    font-size: 1.5em;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer; }
  .receiptWorkbench .faiconwithTextbelow span:hover {
    opacity: .75; }
  .receiptWorkbench .faiconDisabled {
    color: #5B5D67;
    cursor: not-allowed; }
  .receiptWorkbench .faiconEnabled {
    color: #4F93E4;
    cursor: pointer; }
  .receiptWorkbench .receiptContainerActions {
    padding: 10px 15px;
    position: absolute;
    color: #071D49 !important; }
  .receiptWorkbench .centerAlign {
    text-align: center; }
  .receiptWorkbench .partialCheckinLookup {
    top: 5px;
    right: 15px;
    width: 20px;
    padding: 0px; }

/*
	Mod Number	| Programmer	| Date   	| Modification Description
	-------------------------------------------------------------------- 
    185235      | DN            | 02/09/17  | Created
    195763      | SAM           | 02/22/17  | Applied css for faiconwithoutTextbelow on focus
    207780      | TDA           | 07/10/17  | Added item image css
    217086      | TDA           | 01/25/18  | Branding changes    
*/
.serialComponent .faiconwithoutTextbelow {
  font-size: 18px;
  /* EDIT THIS */
  color: #4F93E4;
  font-size: 1.5em;
  padding-right: 5px;
  padding-left: 5px;
  cursor: pointer; }

.serialComponent .ui-widget.ui-ignotify.ui-ignotify-inline {
  position: relative;
  margin-bottom: 5px !important;
  font-weight: 700;
  font-size: 16px; }

.serialComponent .ui-ignotify-content {
  background-color: #E03C31;
  color: #FFFFFF;
  display: block;
  text-align: center; }

.serialComponent .ui-ignotify-error {
  border-color: #E03C31; }

.serialComponent .faiconwithoutTextbelow span:hover {
  opacity: .5; }

.serialComponent .faiconwithoutTextbelow span:focus {
  opacity: .5;
  outline: none; }

.serialComponent .faiconwithoutTextbelow_disabled {
  font-size: 28px;
  /* EDIT THIS */
  color: #5B5D67;
  font-size: 1.5em;
  padding-right: 5px;
  padding-left: 5px;
  cursor: not-allowed; }

.serialComponent .button {
  Margin-top: 40%;
  Background-color: #4F93E4;
  color: #FFFFFF;
  font-size: 1.5em;
  border: none;
  font-size: 400; }

.serialComponent .button:hover {
  opacity: 0.5; }

.gridmargin {
  margin-left: -5px; }

.webThumbnailImg {
  max-height: 6.75em;
  margin: 0 auto;
  float: none; }

.dashboardcomponent {
  /* Landscape phones and portrait tablets */
  /* Landscape phones and smaller */ }
  .dashboardcomponent div.row {
    margin-right: 0px !important;
    margin-left: -3px !important; }
  .dashboardcomponent div.vdivide:after {
    content: "";
    position: absolute;
    top: 40px;
    right: 0;
    width: 1px;
    height: 250px;
    background: #707070; }
  @media (max-width: 480px) {
    .dashboardcomponent div.vdivide:after {
      visibility: hidden; }
    .dashboardcomponent div.activityGaugeContainer {
      margin-left: -18px !important; }
    .dashboardcomponent .dashboardcomponent div.row {
      margin-right: 0px !important; }
    .dashboardcomponent .dashboardIndicatorTile, .dashboardcomponent .dashboardIndicatorTileError {
      width: 190px; }
    .dashboardcomponent .expandedContainer .dashboardIndicatorTile, .dashboardcomponent .expandedContainer .dashboardIndicatorTileError {
      width: 100vw; }
    .dashboardcomponent div.row .atRiskRow, .dashboardcomponent div.row .expectedRow, .dashboardcomponent div.row .processedRow, .dashboardcomponent div.row .remainingRow, .dashboardcomponent div.row .averageRow {
      margin-left: -20px !important;
      margin-right: -20px !important; }
    .dashboardcomponent .tileExpander {
      height: 2em; }
    .dashboardcomponent .moreTiles {
      font-size: 2em; } }

.tileSettingsRow {
  display: flex; }

.tileSettingsColumn {
  margin-top: auto; }

body.dashboardbody {
  padding-top: 42px;
  overflow-x: hidden; }

div.container-fluid.dashboard {
  padding-right: 0px !important;
  padding-left: 0px !important; }

.dashboardnav {
  margin-left: 0px;
  margin-right: 0px; }

.activityGaugeContainer {
  margin-top: -.75em; }

/* Landscape phones and smaller */
@media (max-width: 480px) {
  .groupTitle {
    text-align: center; } }

.activityGaugeRow, .activityGauge {
  height: 110px;
  width: 110px;
  margin: 0 auto; }

.barChart {
  height: 246px; }

.ordersBarChart {
  height: 260px;
  padding-top: .5em; }

.workBarChartText {
  font-size: 1.083em !important;
  line-height: 1em;
  font-weight: 400;
  font-family: 'SourceSansPro'; }

.timeChart {
  height: 250px;
  padding-top: 2.25em; }

.funcAreaHeader {
  color: #FFFFFF;
  font-size: 1.15em;
  padding-left: .75em;
  padding-top: .625em;
  padding-bottom: .625em;
  letter-spacing: .016em;
  line-height: 1.25em;
  font-weight: 300; }

.funcAreaContainerRow {
  background-color: #293443;
  border-radius: 4px; }

.funcAreaHeaderRow {
  background-color: #4B596C;
  border-radius: 4px 4px 0 0; }

.inboundRow, .outboundRow, .workLaborRow {
  padding-left: .75em;
  padding-top: .5em;
  padding-right: .25em; }

.workLaborRow {
  margin-bottom: 1em; }

.totalExpectedRow {
  color: #D8D8D8;
  padding-top: .5em;
  padding-bottom: .25em; }

.totalExpected {
  line-height: 2em;
  padding-left: 1em;
  font-size: 1em;
  letter-spacing: 0px;
  font-weight: 300; }

.totalByTime {
  line-height: 2em;
  padding-left: 1em;
  font-size: .875em;
  padding-top: .5em;
  letter-spacing: 0px;
  font-weight: 300; }

.thisWeek {
  padding-left: 1em !important; }

.today, .tomorrow, .thisWeek {
  color: #D8D8D8;
  font-weight: 300;
  font-size: 0.875em;
  line-height: 2em;
  padding-left: .5em;
  white-space: nowrap; }

.atRiskRow, .remainingRow, .processedRow, .expectedRow, .averageRow {
  color: #D8D8D8;
  letter-spacing: 0.21px;
  line-height: 0.875em;
  font-size: 0.750em;
  padding-left: 1.75em;
  font-weight: 400; }

/*.dockToStockGaugeRow {
    padding-top: 1em;
}*/
.throughputRow, .dockToStockThroughputRow {
  color: #D9D9D9;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: .33px; }

.dockToStockThroughputRow {
  padding-top: 2em; }

.throughputText {
  font-size: 1.167em;
  color: #D8D8D8;
  letter-spacing: 0.33px;
  line-height: 1.167em;
  font-weight: 400; }

.throughputValue {
  font-size: 1.667em;
  color: #FFFFFF;
  letter-spacing: 0.28px;
  line-height: 1.583em;
  font-weight: 400; }

.throughputUnits {
  font-size: 0.833em;
  color: #D8D8D8;
  letter-spacing: 0px;
  line-height: 1em;
  font-style: italic;
  font-weight: 400;
  vertical-align: text-top; }

.atRiskRow, .expectedRow {
  padding-top: 1em; }

.atRiskIcon {
  color: #D46256; }

.remainingIcon, .averageIcon {
  color: #4F5761; }

.remainingRow, .averageRow {
  padding-bottom: 1.5em; }

.processedIcon {
  color: #268971; }

.expectedIcon {
  color: #53A8E2; }

.atRisk, .processed, .remaining, .expected, .average {
  font-size: 1em;
  letter-spacing: 0.013em;
  line-height: 0.875em;
  font-weight: 500; }

.gauge {
  margin: 0 auto;
  height: 200px; }

.tileContainer {
  white-space: nowrap;
  overflow: hidden;
  margin-left: 1px; }

.tileExpander {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 12px;
  background-color: #3C4452; }

.tileExpander div a, .tileExpander div i {
  color: #D8D8D8;
  cursor: pointer;
  text-decoration: none; }

.dashboardIndicatortileLoading {
  padding-top: 2.5em; }

.dashboardIndicatortileLoading .dashboardTileLabel {
  opacity: 0; }

.dashboardIndicatortileLoading .dashboardTileData {
  cursor: not-allowed !important;
  color: inherit;
  font-size: 30px;
  font-weight: 400;
  vertical-align: middle;
  margin-left: 1em;
  float: none;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }

.dashboardIndicatorTile {
  background-color: #6C7D93 !important;
  cursor: not-allowed !important;
  padding-left: 0.5px;
  padding-right: 0.5px;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  height: 70px;
  width: 145px;
  color: #FFFFFF; }

.dashboardIndicatorTileError {
  background-color: #E03C31 !important;
  cursor: not-allowed !important;
  padding-left: 0.5px;
  padding-right: 0.5px;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  height: 70px;
  width: 145px;
  color: #FFFFFF; }

.dashboardTileLabel {
  cursor: not-allowed !important;
  color: inherit;
  overflow: hidden;
  font-size: 10px;
  word-wrap: break-word;
  font-weight: 400;
  height: 100%;
  opacity: 1;
  letter-spacing: 0px;
  line-height: 15px;
  margin-top: 5px;
  white-space: normal; }

.dashboardTileData {
  cursor: not-allowed !important;
  color: inherit;
  font-size: 30px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0px; }

.dashboardIndicatorTile.indicatortilewithbackground {
  background-color: #1489B5 !important;
  cursor: pointer !important; }

.indicatortilewithbackground .dashboardTileLabel, .indicatortilewithbackground .dashboardTileData {
  cursor: pointer !important; }

.moreTiles {
  cursor: pointer; }

.catchWeightcomponent .gridFont, .catchWeightcomponent .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .catchWeightcomponent #qcCountdetailkoGrid_container, .catchWeightcomponent .shippingQCCount .reasoncodegriddiv, .shippingQCCount .catchWeightcomponent .reasoncodegriddiv, .catchWeightcomponent .receiptWorkbench .receiptGridAlignment, .receiptWorkbench .catchWeightcomponent .receiptGridAlignment, .catchWeightcomponent .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench .catchWeightcomponent #ReceiptdetailkoGrid, .catchWeightcomponent .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench .catchWeightcomponent #ReceiptParentContainerkoGrid, .catchWeightcomponent .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .catchWeightcomponent #ReceiptChildtContainerkoGrid, .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .verifyInboundQC #ReceiptVerifyItemUmkoGrid, .verifyInboundQC .catchWeightcomponent #ReceiptVerifyItemUmkoGrid {
  font-size: .85em !important; }

.catchWeightcomponent .commonMargin, .catchWeightcomponent .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .catchWeightcomponent #qcCountdetailkoGrid_container, .catchWeightcomponent .shippingQCCount .reasoncodegriddiv, .shippingQCCount .catchWeightcomponent .reasoncodegriddiv, .catchWeightcomponent .receiptWorkbench .receiptGridAlignment, .receiptWorkbench .catchWeightcomponent .receiptGridAlignment, .catchWeightcomponent .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench .catchWeightcomponent #ReceiptdetailkoGrid, .catchWeightcomponent .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench .catchWeightcomponent #ReceiptParentContainerkoGrid, .catchWeightcomponent .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .catchWeightcomponent #ReceiptChildtContainerkoGrid, .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .verifyInboundQC #ReceiptVerifyItemUmkoGrid, .verifyInboundQC .catchWeightcomponent #ReceiptVerifyItemUmkoGrid {
  margin-top: 12px; }

.catchWeightcomponent .infoSubAccordionPanel {
  margin-right: 16px !important;
  margin-left: 12px !important; }

.catchWeightcomponent .itemInfoimg {
  max-height: 8em;
  float: none;
  margin: 0 auto; }

.accessorialscomponent .editButton {
  color: #4F93E4;
  font-size: 2.7em;
  text-decoration: none !important;
  padding-top: 0px;
  cursor: pointer; }

.accessorialscomponent .buttonText {
  font-size: .5em;
  font-family: SourceSansPro;
  text-decoration: none;
  text-align: center;
  padding-top: 41px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.accessorialscomponent .faiconwithTextbelow {
  color: #4F93E4;
  font-size: 1.5em;
  padding-right: 5px;
  padding-left: 5px;
  cursor: pointer; }

.accessorialscomponent .faiconwithTextbelow span:hover {
  opacity: .5; }

.accessorialscomponent .faiconwithTextbelow_disabled {
  font-size: 28px;
  /* EDIT THIS */
  color: #5B5D67;
  font-size: 1.5em;
  padding-right: 5px;
  padding-left: 5px;
  cursor: not-allowed; }

.accessorialscomponent .ButtonIconWidth {
  width: 73px; }

.accessorialscomponent .ui-widget.ui-ignotify.ui-ignotify-inline {
  position: relative;
  margin-bottom: 5px !important;
  font-weight: 700;
  font-size: 16px; }

.accessorialscomponent .ui-ignotify-content {
  background-color: #E03C31;
  color: #FFFFFF;
  display: block;
  text-align: center; }

.accessorialscomponent .ui-ignotify-error {
  border-color: #E03C31; }

.accessorialscomponent .assignContent {
  z-index: 1025;
  right: 15px;
  left: 15px;
  margin-left: 1px;
  background-color: #333A45; }

.accessorialscomponent .accessorialmodal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  display: block; }

.accessorialscomponent .modal-content {
  z-index: 1000; }

.accessorialscomponent .accessorialGrid {
  width: 99%;
  margin-left: .05em;
  padding-bottom: .25em; }

.verifyInboundQC #ReceiptVerifyItemUmkoGrid {
  margin-left: 0px;
  width: 100%; }

.verifyInboundQC .commonMargin, .verifyInboundQC .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .verifyInboundQC #qcCountdetailkoGrid_container, .verifyInboundQC .shippingQCCount .reasoncodegriddiv, .shippingQCCount .verifyInboundQC .reasoncodegriddiv, .verifyInboundQC .receiptWorkbench .receiptGridAlignment, .receiptWorkbench .verifyInboundQC .receiptGridAlignment, .verifyInboundQC .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench .verifyInboundQC #ReceiptdetailkoGrid, .verifyInboundQC .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench .verifyInboundQC #ReceiptParentContainerkoGrid, .verifyInboundQC .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .verifyInboundQC #ReceiptChildtContainerkoGrid, .verifyInboundQC .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .verifyInboundQC .catchWeightGridInfo, .verifyInboundQC #ReceiptVerifyItemUmkoGrid {
  margin-top: 12px; }

.verifyInboundQC .gridFont, .verifyInboundQC .shippingQCCount #qcCountdetailkoGrid_container, .shippingQCCount .verifyInboundQC #qcCountdetailkoGrid_container, .verifyInboundQC .shippingQCCount .reasoncodegriddiv, .shippingQCCount .verifyInboundQC .reasoncodegriddiv, .verifyInboundQC .receiptWorkbench .receiptGridAlignment, .receiptWorkbench .verifyInboundQC .receiptGridAlignment, .verifyInboundQC .receiptWorkbench #ReceiptdetailkoGrid, .receiptWorkbench .verifyInboundQC #ReceiptdetailkoGrid, .verifyInboundQC .receiptWorkbench #ReceiptParentContainerkoGrid, .receiptWorkbench .verifyInboundQC #ReceiptParentContainerkoGrid, .verifyInboundQC .receiptWorkbench #ReceiptChildtContainerkoGrid, .receiptWorkbench .verifyInboundQC #ReceiptChildtContainerkoGrid, .verifyInboundQC .catchWeightcomponent .catchWeightGridInfo, .catchWeightcomponent .verifyInboundQC .catchWeightGridInfo, .verifyInboundQC #ReceiptVerifyItemUmkoGrid {
  font-size: .85em !important; }

.confirmPick .confirmPickFooterMargin {
  margin-top: 10px;
  margin-right: -12px;
  margin-bottom: -12px;
  margin-left: -12px; }

.confirmPick .itemInfoimg {
  height: 105px; }

.confirmPick .confirmPickRowMargin {
  margin-bottom: .85em; }

.confirmPick .ui-widget.ui-ignotify.ui-ignotify-inline {
  position: relative;
  margin-bottom: 5px !important;
  font-weight: 700;
  font-size: 16px; }

.confirmPick .ui-ignotify-content {
  background-color: #E03C31;
  color: #FFFFFF;
  display: block;
  text-align: center; }

.confirmPick .ui-ignotify-error {
  border-color: #E03C31; }

.lpEntrycomponent .itemInfoimg {
  max-height: 9em;
  float: none;
  margin: 0 auto; }

.lotInfocomponent .itemInfoimg {
  height: 105px;
  float: none;
  margin: 0 auto; }

.overrideInfo .itemInfoimg {
  height: 105px; }

.overrideInfo .ui-widget.ui-ignotify.ui-ignotify-inline {
  position: relative;
  margin-bottom: 5px !important;
  font-weight: 700;
  font-size: 16px; }

.overrideInfo .ui-ignotify-content {
  background-color: #E03C31;
  color: #FFFFFF;
  display: block;
  text-align: center; }

.overrideInfo .ui-ignotify-error {
  border-color: #E03C31; }

.overrideInfo .overrideWorkInfoRowMargin {
  margin-bottom: .90em; }

.putawayGroups .itemImage {
  max-height: 6em; }

.putawayGroups .helpText {
  margin-right: auto;
  margin-left: auto;
  float: left; }

.putawayGroups .gridPadding {
  padding-top: 0.5em; }

.movementAnalysisClassItemUOM .modalContentMargin {
  margin-left: 1px;
  margin-right: 1px; }

.tpmDashboardCenterImageRow {
  padding-top: 32px;
  padding-bottom: 25px; }

.tpmDashboardCenterImage {
  width: 232px;
  height: 136px; }

.tpmDashboardBottomImageRow {
  padding-top: 100px;
  position: relative;
  left: 0;
  top: 0; }

.tpmDashboardBottomImage {
  width: 100%;
  height: 275px;
  position: relative;
  top: 0;
  left: 0; }

.tpmDashboardScaleImage {
  width: 150px;
  height: 60px;
  position: absolute;
  bottom: 23px;
  right: 0px; }

.tpmDashboardIndicatorlabel {
  line-height: 21.6px;
  text-align: center;
  background-color: #6C7D93;
  border-radius: 4px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.14);
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 0.5px;
  padding-right: 0.5px;
  color: #ffffff; }

.tpmDashboardheaderlabel {
  max-width: 100%;
  word-break: break-word !important;
  font-weight: 400; }

.tpmActiontile {
  padding: 3px; }

.tpmDashboardIndicatorlabel:hover {
  cursor: pointer;
  opacity: .8; }

.tpmDashboardIndicatorlabel .TileLabel:hover {
  color: inherit;
  cursor: pointer; }

.tpmDashboardIndicatorlabel .TileLabel {
  display: block; }

body.tpmdashboardbody {
  padding-top: 42px !important;
  background: url(../images/TPMBackgroundImage.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-y: bottom;
  background-color: #FFFFFF; }