:root{

/*Define the colors*/
    --lb_black: #191616; /*Charcoal*/
    --lb_green: #252D24; /*Green*/
    /*--lb_blue: #222731;*/ /*Blue*/
	--lb_blue:#FFFFFF; /*UI#1208676 - Commented above line and changed color #f9f9f9*/
    --lb_darkblack: #1e1a1b; /*Darker black*/
    --lb_darkbackground: rgba(255,255,255,.05); /*Dark overlay on the blue/green*/
    
/*Un-comment out the relevant set*/
    
    /*******************
    * Environment: Dev *
    *******************/
    --backgroundcolor: var(--lb_blue);
    --darkbackground: var(--lb_darkbackground);
    --arrayheader: var(--lb_blue);
    
    /********************
    * Environment: Test *
    ********************/
    /*--backgroundcolor: var(--lb_green);
    --darkbackground: var(--lb_darkbackground);
    --arrayheader: rgba(67,73,66,0.95);*/ /*This one was different from the other two environments?*/
    
    /**************************
    * Environment: Production *
    **************************/
    /*--backgroundcolor: var(--lb_black);
    --darkbackground: var(--lb_darkblack);
    --arrayheader: var(--lb_black);*/
}

/*=============MASTER COLOR OVERRIDES===========*/
/*MASTER RULE - Darkest Background Override*/
html #content, header, #main-panel, .oj-dialog-content, .oj-dialog, .oj-dialog-header, .oj-dialog .oj-button *, .oj-button.oj-default.oj-button-full-chrome .oj-button-button,  #recmdParts-table td[id*="recmdParts"], #top-toolbar, #transaction div#top-toolbar-spacer, #transaction button.action-button, #configuration button, .boolButtons .oj-flex-item > oj-switch.oj-switch, #transaction .file-flex-layout button, .oj-collapsible-header, .sticky #lig-table thead, .sticky .arraySet-table thead, .sticky #table-toolbar, .sticky .arraySet-toolbar, #transaction .oj-panel .tab-content{
    background-color: var(--backgroundcolor);
}

/*US#1208676 - Start - Removed oj-collapsible-header from above list */
html #content, header, #main-panel, .oj-dialog-content, .oj-dialog, .oj-dialog-header, .oj-dialog .oj-button *, .oj-button.oj-default.oj-button-full-chrome .oj-button-button,  #recmdParts-table td[id*="recmdParts"], #top-toolbar, #transaction div#top-toolbar-spacer, #transaction button.action-button, #configuration button, .boolButtons .oj-flex-item > oj-switch.oj-switch, #transaction .file-flex-layout button,.sticky #lig-table thead, .sticky .arraySet-table thead, .sticky #table-toolbar, .sticky .arraySet-toolbar, #transaction .oj-panel .tab-content{
    background-color: var(--backgroundcolor);	
}
/*US#1208676 - End  -  Removed oj-collapsible-header from above list */

html body{ 
    background-color: var(--backgroundcolor) !important;	
}

/*MASTER RULE - Darker Background Override*/
#transaction .oj-panel .tab-content,  #configuration .oj-tabs-panel, .cpq-table-data-cell.oj-hover, .oj-table-body-row .cpq-table-data-cell.cpq-highlighted.oj-hover, td.oj-hover.oj-table-data-cell.type-boolean, td.oj-hover.cpq-table-data-cell.type-boolean, #transaction .cpq-table-body, #transaction .cpq-table-header, #configuration .cpq-table-header,#configuration .cpq-table-body
{
    background-color: var(--darkbackground) !important;
}

/*MASTER RULE - Lightest Charcoal (08) Text Override*/
html #content, header, #main-panel,
#configuration .oj-select.oj-read-only .oj-select-chosen,
.oj-table-body, .oj-dialog-content, #top-toolbar, h1, h2, h3, h4, h5, .oj-collapsible-header, div.oj-panel .oj-form-non-control *, .oj-label, .oj-label-nocomp, .oj-button-label, #table-toolbar div, .arraySet-toolbar div, oj-table .oj-table-data-cell, oj-table .cpq-table-data-cell, .oj-table-body-message, #recmdParts-table td[id*="recmdParts"], h1, .oj-checkbox-label.oj-selected, #transaction button.action-button, #configuration button, .boolButtons .oj-flex-item > oj-switch.oj-switch, #transaction .file-flex-layout button, div.oj-read-only input, oj-paging-control *, label.oj-pagingcontrol-nav-label, .oj-pagingcontrol-nav-input-max, .oj-pagingcontrol-nav-input-summary, .oj-checkbox-label, .oj-tabs-panel
{
    /*US#1208676 - Start - Commented color #E9E9E9*/
	/*color: #E9E9E9;*/ /*Lightest grey*/
	color: #000000;	
	/*US#1208676 - End */
}

/*MASTER RULE - Darkest Charcoal (01) Text Override*/
div.oj-panel .oj-select-choice .oj-select-chosen, div.oj-panel .oj-select-selected-choice-label, div.approval .oj-inputtext-input, div input.oj-inputtext-input, div .oj-select-chosen, div .oj-inputdatetime-input, div .oj-inputnumber-input
{
    /*! color: #191616; */
}
/*Link Text*/
a{
    color:#FF8B48;
}

/*Error Message Link Color on Red Background*/
.oj-message > a{
    color: blue;
    font-weight: bolder;
    text-decoration: underline;
}

/* US#1208676 - Commented Boder and put new style */ 
/*Read-only non-selected rows: give it a border so decription and quantity don't run together*/
#transaction .oj-table-element:not(.oj-table-column-header-resizing) .cpq-table-data-cell:not(.oj-read-only):not(.oj-selected) {
    /*border: 1px solid #222731;*/
	bordborder-style: groove;
}

/*Read-only non-selected rows: make them grey*/
#transaction .oj-table:not(.oj-focus) .oj-selected.oj-table-data-cell:not(.oj-read-only), .oj-table-element:not(.oj-table-column-header-resizing) .oj-selected.oj-table-data-cell:not(.oj-read-only),
#transaction .oj-table:not(.oj-focus) .oj-selected.cpq-table-data-cell:not(.oj-read-only), .oj-table-element:not(.oj-table-column-header-resizing) .oj-selected.cpq-table-data-cell:not(.oj-read-only),
#transaction .oj-table-data-cell:not(.oj-read-only), .oj-selected.oj-table-data-cell:not(.oj-read-only), .oj-hover.oj-table-data-cell:not(.oj-read-only), .oj-selected.oj-hover.oj-table-data-cell:not(.oj-read-only), .oj-selected .col-editable.cpq-highlighted:not(:empty).oj-hover
#transaction .cpq-table-data-cell:not(.oj-read-only), .oj-selected.cpq-table-data-cell:not(oj-read-only), .oj-hover.cpq-table-data-cell:not(.oj-read-only), .oj-selected.oj-hover.cpq-table-data-cell:not(.oj-read-only), .oj-selected .cpq-highlighted:not(:empty).oj-hover
{
    background-color: #E9E9E9;
}
/*Make the checkbox cell background transparent*/
#transaction .oj-table-data-cell.cpq-table-select,
#transaction .cpq-table-data-cell.cpq-table-select {
    background-color: transparent;
}

/*Master Rule - Array Header */
#transaction .cpq-table-column-header-cell, #transaction  .cpq-table-footer-cell, #configuration .cpq-table-contrast-headers .cpq-table-header, #configuration .cpq-table-contrast-headers .cpq-table-select{
    background-color: var(--arrayheader);
}

/*Master Rule - Toolbar Arrays*/
#transaction  .cpq-table-toolbar{
    background-color: rgba(45,56,47,0.95);
    background-color: var(--arrayheader);
}

/* US#1208676 - Commented all below */
/*MASTER RULE - Transparent*/
/*#transaction .oj-table-data-cell, #transaction  .cpq-table-data-cell*/
/*#transaction .cpq-table-footer,
.oj-table-data-cell.oj-read-only,
#button-toolbar,
#configuration .oj-tabs-panel,
#configuration .cpq-table-body*/
/*{
    background-color: transparent;
}*/

/*Master Rule for LIG Menu and Import Selection */
.cpq-vm-manage-col-popup-list-view, .oj-filepicker-dropzone, .oj-listview-no-data-message {
    background: transparent !important;
}

.cpq-vm-manage-col-popup-list-view .oj-hover, .oj-filepicker .oj-valid-drop{
    background: rgba(255,255,255,.05) !important;
}

.cpq-vm-manage-col-popup-list-view .oj-selected{
    background: #ad5c02 !important;
}

.cpq-vm-manage-col-popup-list-view > .oj-label-inline-top {
   background: transparent !important;
    font-weight: bolder;
}

/*****************
* LINE ITEM GRID *
*****************/

/*Checkbox outline*/
.oj-table-data-cell:not(.oj-read-only), .oj-selected.oj-table-data-cell:not(.oj-read-only), .oj-hover.oj-table-data-cell:not(.oj-read-only), .oj-selected.oj-hover.cpq-table-data-cell, .oj-selected.oj-hover.oj-table-data-cell:not(.oj-read-only), .oj-selected .col-editable.cpq-highlighted:not(:empty).oj-hover {
    outline: 0px;
}

.cpq-table-data-cell.col-reasonForApproval_t.type-textarea{
    padding-top: 5px;
}
.cpq-table-data-cell.col-lineLevelApprovals_l.type-textarea{
    padding-top: 8px;
}

/*********************
* END LINE ITEM GRID *
*********************/

/****************************************
* Backgrounds, fonts, and header styles *
*****************************************/

/*"Transaction" and action buttons area*/
#top-toolbar {
    border: none;
}

/*Get rid of the light stripe on the left side of the screen*/
#content {
    border-left: none;
}

/*Hide layout grid borders in general*/
.oj-panel {
    border: none;
    /*background-color: transparent;*/
	background-color: #f9f9f9; /*US#1208676 */
}
div#main-panel-content > .tab-content .oj-panel{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.oj-panel .tab-content{
    border: none;
    box-shadow: 0 2px 2px -2px rgba(0,0,0,.88);
}

/*Make sure buttons look clickable*/
html body .oj-button-jqui, html body .oj-button-button {
    cursor: pointer;
}

h3 {
    /*font-size: 24px;*/
    font-weight: 600;
    line-height: 32px;
}

.oj-collapsible-header {
  display: flex;
  align-items: center;
  position: relative;
  /*padding: 16px;*/
  margin: 0;
}

/* US#1208676 - Commented Below
/*.oj-header-border {
    border-bottom-color: rgb(134, 132, 132);
}*/

.oj-label, .oj-sm-labels-inline > .oj-flex > .oj-flex-item:nth-child(2n+1) > .oj-label {
    font-weight: 600;
    line-height: 16px;
    text-align: left;
}

/*Bold selected multi-select options*/
.oj-checkbox-label.oj-selected{
    font-weight: 600;
}

.oj-tabbar-element, .oj-tabbar-item-label, .oj-tabbar-item, .oj-tabbar-item-content, .oj-tabbar-item-element, .oj-tabbar-horizontal  {
    color: rgb(200, 199, 199) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/*Hide Required * icon in Labels*/
span[id*="_requiredIcon"]{
    display: none;
}


/* US#1208676 - Commented Below 
#transaction .oj-selected {
    border-bottom-color: #F7941D !important;
    color: white;
}
*/

.oj-tabbar-item-label {
    font-size: #231f20;
}

.oj-tabbar-item-element.oj-tabbar-item:hover {
    background-color: transparent;
    border-bottom-color: rgb(56, 52, 53) !important;
}

.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-column-header-cell.oj-selected {
  background-color: transparent;
    font-weight: 500;
}

/*************************************************************************************************
* Buttons                                                                                        *
* Default buttons should match background and have a neutral border (lighter border on hover).   *
* "Call to Action" buttons are orange with no visible border (lighter orange on hover).          *
* Both button styles are based on Lionbridge style guide examples                                *
*************************************************************************************************/

/*Default button style*/
#transaction button.action-button, #configuration button,
.boolButtons .oj-flex-item > oj-switch.oj-switch,
#configuration .boolButtons .oj-flex-item > oj-switch.oj-switch[id*="emove"],
.boolButtonsArr td .oj-choice-item,
#transaction oj-button button,
#transaction .file-flex-layout button{
    border-color: rgb(56, 52, 53); /*Dark grey*/
    border-width: 0.8px;
    border-style: solid;
    /*color: #E9E9E9 !important; /*Lightest grey*/ /*US#1208676*/
    font-weight: bold;
    border-radius: 3px;
    /*padding: 5px 16px;*/ /*US#1208676*/
	padding: 5px 8px;
    cursor: pointer;
}
/*Hover*/
#transaction button.action-button:hover, #configuration button:hover,
.boolButtons .oj-flex-item > oj-switch.oj-switch.oj-hover,
#configuration .boolButtons .oj-flex-item > oj-switch.oj-switch.oj-component[id*="emove"].oj-hover,
.boolButtonsArr td .oj-choice-item:hover,
.oj-button-jqui.oj-hover.oj-button-half-chrome,
.oj-button.oj-hover.oj-button-half-chrome .oj-button-button,
#transaction oj-button button:hover,
#transaction .file-flex-layout button:hover {
    border-color: #E9E9E9; /*Lightest grey*/
}
/*Hover for transparent buttons only*/
.oj-button-jqui.oj-hover.oj-button-half-chrome,
.oj-button.oj-hover.oj-button-half-chrome .oj-button-button,
#transaction oj-button button,
#configuration .boolButtons .oj-flex-item > oj-switch.oj-switch[id*="emove"],
#configuration .boolButtons .oj-flex-item > oj-switch.oj-switch[id*="emove"].oj-hover{
    background: transparent;
    border-color: #656263;
}

/*Call to Action buttons are orange*/
#transaction oj-button.action-nSSubmit,
#transaction oj-button.action-viewQuote,
#transaction oj-button.action-addLineItems_t button,
#transaction oj-button.action-submit_t button,
#transaction oj-button.action-addMoreLineItems_t button,
/*#transaction oj-button.action-save_t button,*/ /*Example of named button: Save button*/
#configuration oj-button.action-_addToTxn button,
#transaction oj-button.action-importPriceListItems_t button,
.boolButtons .oj-flex-item > oj-switch.oj-switch:not(#back_ps),
.boolButtonsArr td .oj-choice-item,
#configuration .home-buttons button.action-button,
#configuration oj-button.action-_cm_36292358 button,
.oj-button-jqui.oj-selected.oj-button-half-chrome,
.oj-button.oj-selected.oj-button-half-chrome .oj-button-button,
.oj-button-jqui.oj-active.oj-button-half-chrome,
.oj-button.oj-active.oj-button-half-chrome .oj-button-button {
    /*background-color: #CC3F00; /*Dark orange*/ 
    /*border-color: #CC3F00; /*Dark orange*/
	/*US#1208676 commented above colors*/
	background-image: linear-gradient(90deg,#EE7600,#FFA500);
}
#transaction buttom.action-buttonpname="action-nSSubmit"]:hover,
#transaction button.action-button[name="add_line_items"]:hover,
#transaction oj-button.action-submit_t button:hover,
#transaction oj-button.action-addMoreLineItems_t button:hover,
#	 oj-button.action-_addToTxn button:hover,
.boolButtons .oj-flex-item > oj-switch.oj-switch.oj-hover:not(#back_ps),
.boolButtonsArr td .oj-choice-item:hover,
#configuration .home-buttons button.action-button:hover,
#configuration oj-button.action-_cm_36292358 button:hover,
#transaction oj-button.action-importPriceListItems_t:hover,
.oj-button-jqui.oj-selected.oj-hover.oj-button-half-chrome,
.oj-button.oj-selected.oj-hover.oj-button-half-chrome .oj-button-button {
    background-color: #F26522; /*Medium orange*/
    border-color: #F26522; /*Medium orange*/
}
/*Extra Styling for Boolean Switches as Buttons
.boolButtons .oj-flex-item > oj-switch.oj-switch .oj-switch-track,
.boolButtonsArr td .oj-choice-item .oj-radiocheckbox-icon {
    display: none;
}*/
.boolButtons .oj-flex-item > oj-switch.oj-switch .oj-switch-container {
    height: auto;
    width: auto;
}
.boolButtonsArr td .oj-choice-item{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.boolButtonsArr td .oj-choice-item label{
    display: block !important;
    cursor: pointer;
    padding-top: 5px;
}

/*--Boolean Button Labels--*/
#addButton_ps .oj-switch-container:before,
#addLI_ps .oj-switch-container:before,
#addStep1_pl .oj-switch-container:before  {
    content: "Add";
}
#addStep1_pl-label{ display: none; }

#removeButton_ps .oj-switch-container:after,
#langArrayRemoveSelected_ps .oj-switch-container:after,
#removeStep1_pl .oj-switch-container:after{
    content: "Remove";
}
#next_ps .oj-switch-container:before  {
    content: "Next";
}
#back_ps .oj-switch-container:after  {
    content: "Back";
}
#next_ps .oj-switch-container:after,
#addButton_ps .oj-switch-container:after  {
    content: "  \f061"; /* -> */
    font-family: 'FontAwesome' !important;
}
#back_ps .oj-switch-container:before,
#langArrayRemoveSelected_ps .oj-switch-container:before {
    content: "\f060  "; /* <- */
    font-family: 'FontAwesome' !important;
}
#removeStep1_pl .oj-switch-container:before,
#removeButton_ps .oj-switch-container:before  {
    content: "\f2ed  "; /* Trash */
    font-family: 'FontAwesome' !important;
}
oj-switch[id*="ApplyFilter_home"] .oj-switch-container:before,
oj-switch[id*="Search"] .oj-switch-container:before {
    content: "Search";
}
.boolButtonsArr td .oj-choice-item label:before{
    content: "Select";
    color: #FFF;
}

#guestQuoteRetrieveInformation .oj-switch-container:before {
  content: "Retrieve Transaction Information";
}

#guestQuoteApprove .oj-switch-container:before {
  content: "Approve";
}

#guestQuoteReject .oj-switch-container:before {
  content: "Reject";
}

/*Button change for spacing above LIG*/
.action-applyCustomName_t,.action-applyCustomSubActivity_t,.action-applySellQty_t,.action-component_t,.action-description_t{
    padding-bottom: 5px;
}


/****************************************
* Miscellaneous Commerce changes        *
*****************************************/

/*The calendar icon in the Contract Expiration Date field was overlapping the field border*/
.oj-inputdatetime-calendar-icon {
    line-height: normal;
}

.oj-inputtext-input, .oj-inputdatetime-input {
    background: white;
    border-radius: 3px;
    padding: 3px 16px; 	
}

#transaction div .oj-select-chosen {
    padding: 3px 10px;
}

div.oj-read-only input, .oj-textarea-input[readonly].oj-component-initnode  {
    color: #E9E9E9 !important; /*Lightest grey*/
}

#transaction h3:hover a.oj-collapsible-header-icon {
    color: #F7941D; /*Medium secondary orange*/
}

.oj-pagingcontrol-nav-page.oj-selected {
    border: 1px solid #F7941D;
    background-color:transparent;
}

.oj-datepicker-calendar {
    border-radius: 3px;
}

.oj-datepicker-calendar td.oj-datepicker-today a.oj-selected, .oj-datepicker-calendar td a.oj-selected {
    background-color: #CC3F00;
    border-color: #CC3F00;
    border-bottom-color: #CC3F00 !important;
    border-radius: 3px;
}

.oj-datepicker-calendar td a.oj-hover {
    background-color: rgb(100, 100, 100);
    border-radius: 3px;
}

.oj-datepicker-today a.oj-enabled {
    border-radius: 3px;
}

.oj-datepicker-calendar td.oj-datepicker-today a.oj-hover {
    background-color: #CC3F00;
    border-color: #CC3F00;
}
/*Font Icons (Example)
#comments_t-label:before{
    content: "\f030";
    color: #E9E9E9;
    padding-right: 5px;
    font-size: smaller;
    font-family: 'FontAwesome' !important;
}*/

/* Float Attributes Right Alighment_by Lei  */
input#totalSalesAmountWithoutPM_t {
    text-align: left;
}
input#dealSizeFloat_t {
    text-align: left;
}

/*Adding the "%" symbol to the Margin Values on the line item panel -- By Nathan */
.marginValues .input-form-control:not(#oSMultiplier_t-wrapper) .oj-inputnumber-wrapper:after{
    content: "%";
    color: #FFFFFF;
    line-height: 27px;
    padding-left: 3px;
}
.marginValues .input-form-control:not(#oSMultiplier_t-wrapper).cpq-highlighted  .oj-inputnumber-wrapper:after {
    background-color: rgba(198, 244, 245, 0.196);
}

/* Style layout toolbars into headers when they have the 'custom_toolbarHeader' class */
div.custom_toolbarHeader div.toolbar-with-label{
    border-bottom: 1px solid #FFFFFF !important;
    padding: 5px 0;
    margin: 20px 0;
}

div.custom_toolbarHeader div.toolbar-with-label label{
    font-weight: bold !important;
    font-size: 20px !important;
    width: 500px;
}

/* Color save after upload message */
div#cancelConfirmation_t strong,
div#approvalWariningHTML_t strong,
div#saveAfterUploadMessage_t strong,
div#saveAfterUploadMessage_l strong,
div#missingPartsMessage{
    color:#FF8B48 !important;
    font-size: 15px !important;
    font-weight: bold;
}

/* Hide Fuzzy grid controls */
div#fuzzyGrid_t-arraySet-toolbar,
div.fuzzyTable div.oj-pagingcontrol-content,
.fuzzyTable .cpq-table-toolbar,
.fuzzyTable .cpq-table-bottom
{
    display: none !important;
}

/* Hide QuickQuote bundle array built-in checkbox */
#qqBundleSelectionQty_t div.cpq-table-select,
#qqBundleSelectionQty_t .cpq-table-header-row div.cpq-table-select {
  display: none;
}

/* Adjustint position of button*/
.action-updateAccountData{
    padding-left: 11.5vw;
}

/*Moving Remove Button to the left*/
.file-attachment-remove{
    padding-right: 10vw;
}

#minFeeLanguageArray_t cpq-table-toolbar, #issueListArray_t cpq-table-toolbar, #projectManagementArray_t cpq-table-toolbar{
    visibility: hidden;
    height: 10px;
}

#issueListArray_t{
    overflow-y:hidden;
}

#issueListArray_t div.cpq-table-bottom{
    visibility: hidden;
    height: 20px;
}

/********************************
* Config                        *
********************************/

oj-toolbar#button-toolbar {
    background-color: transparent;
    border: none;
    margin: 0 0 0 0;
    padding: 0 16px;
}

oj-toolbar span.oj-toolbar-separator, oj-buttonset-many[role="toolbar"] {
    display: none;
}

/*Hide Buttons in Config*/
#configuration oj-button.action-_startOver, /*Start Over*/
#configuration .oj-toolbar-separator{
    display: none !important;
}

oj-switcher>oj-defer>div.oj-tabs-panel {
    background-color: transparent;
    border: none;
}

#targetLanguageArray_ps-arraySet-summary.oj-label {
    visibility: hidden;
    padding: 5px 0px;
}

#targetLanguageArray_ps-arraySet-summary.oj-label:before {
    content: "Target Language";
    visibility: visible;
}

/*table[aria-describedby=Arrayset-summary] th:first-child,
table[aria-describedby=Arrayset-summary] th:nth-child(2),
table[aria-describedby=Arrayset-summary]#targetLanguageArray_ps-arraySet-summary th,
table[aria-describedby=Arrayset-summary] td:first-child,
table[aria-describedby=Arrayset-summary] td:nth-child(2),
table[aria-describedby=Arrayset-summary]#targetLanguageArray_ps-arraySet-summary thead,
#targetLanguageArray_ps-table-view-menu-button,
#targetLanguageArray_ps-table-toolbar .action-_arraysetadd,
#targetLanguageArray_ps-table-toolbar .action-_arraysetremove,
#selectedServicesArray_ps-table-toolbar .action-_arraysetadd,
#selectedServicesArray_ps-table-toolbar .action-_arraysetremove
{
  display: none;
}*/


/*Make checkboxes look attached to Languages*/
th[id="targetLanguageArray_ps-arrayset-table:_hdrCol1"],
td[id*="targetLanguageArray_ps-arrayset-table"].type-boolean{
    border-right: 0 !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}
th[id="targetLanguageArray_ps-arrayset-table:_hdrCol1"] *{
    display: none;
}


#targetLanguageArray_ps-table-toolbar {
    border: none;
    
}

.oj-table.oj-table-grid-display#targetLanguageArray_ps-arrayset-table {
    border: none;
}


/*Adding in adjustments for the Numbers Selected on Step 2*/
.confignumberpairs oj-label{
    font-weight: bolder;
}
.confignumberpairs .oj-text-field.oj-read-only, .confignumberpairs .oj-text-field-input, .confignumberpairs .oj-flex-item.oj-sm-4.oj-inputnumber-hide-spinbutton{
    text-align: left;
    width: 50px;
    max-width: 50px;
    min-width: 50px;
    height: 30px;
}

.confignumberpairs .oj-inputnumber-input.oj-text-field-input.oj-component-initnode{
    font-weight: bolder;
    margin-left: 20px;
}

.confignumberpairs .label-align-left{
    max-width: 210px;
    min-width: 210px;
    width: 210px;
    font-weight: bolder;
}

.confignumberpairs .oj-form{
    overflow: hidden;
}

.stepTwo.oj-panel{
 padding-top: 0px!important;
}

#languageArrayControlAttribute_ps-wrapper {
 max-height: 30px;
}


/*-----------------------*/
/*BILL STUFF*/
/*-----------------------*/
/*L1 - Adjust Outermost Padding*/
html #content,
html #cpq-alta-header,
html #top-toolbar #top-toolbar-wrapper{
    padding: 0 16px 0 16px; /* LB Standard Padding*/
}
/*L2 - Adjust Content Padding*/
div#main-panel,
div#page-messages{
    padding: 16px 16px 0 16px; /* LB Standard Padding*/	
}
/*L3 - Adjust Panel Padding*/
div#page-messages{
    /*padding: 8px;*/ /* LB Tight Padding*/
	padding: 0px; /* LB Tight Padding*  US#1208676 */
}
div#main-panel .oj-panel{
    padding: 8px; /* LB Tight Padding*/
    margin: 0 0 10px 0;
}
/* US#1208676 - Commented below */
/*html #top-toolbar{
    width: calc(100% - 1px);
    background-color: rgba(25,22,22,0.9);
    left: 0;
}*/
/*Change JET Page Title - Changed dynamically via HTML attributes in for Config or Quote to replace Price List*/
#top-toolbar h2,
#top-toolbar h3.page-title{
    visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size:24px;
    font-weight: 600;
    /*color: #FFF;  US#1208676 */
}
/*#top-toolbar h2:before{
    content: "Price List";
    visibility: visible;
}
#top-toolbar h3.page-title:before{
    content: "Add Line Items";
    visibility: visible;
}*/


/*----------------------------------------*/
/*JET TABLES*/
/*----------------------------------------*/

/*All Table Rows Style*/
th.oj-table-column-header-cell,
td.oj-table-data-cell,
td.oj-table-data-cell.type-boolean{
    padding: 6.5px !important;
    line-height: normal !important;
    vertical-align: middle !important;
    border-top: 1px solid rgba(255,255,255,.08);
    border-bottom: 1px solid rgba(255,255,255,.08);
    background-color: transparent;
    box-sizing:border-box;
    outline: none;
}
/*Override default white JET backgrounds for Array tables*/
oj-table.oj-table.oj-table-grid-display,
oj-table.oj-table-grid-display .oj-table-body,
oj-table.oj-table-grid-display .oj-table-header  {
    background-color: transparent;
}

/*---ROW CELLS--*/
/*Editable Cells*/
.oj-table-data-cell:not(.oj-read-only),
.oj-selected.oj-table-data-cell:not(.oj-read-only),
.oj-hover.oj-table-data-cell:not(.oj-read-only),
.oj-selected.oj-hover.oj-table-data-cell:not(.oj-read-only),
.oj-selected .col-editable.cpq-highlighted:not(:empty).oj-hover{
    /*! background-color: rgba(255,255,255,.8); */ 
    /*! outline: 1px solid #191616; */
    outline-offset: -1px;
    color: #191616;
}
/*Selected Editable Cells*/
#transaction .oj-table:not(.oj-focus) .oj-selected.oj-table-data-cell:not(.oj-read-only),
#transaction .oj-table-element:not(.oj-table-column-header-resizing) .oj-selected.oj-table-data-cell:not(.oj-read-only){
    /*! background-color: #FFF; */
    outline: 1px solid #ad5c02;
    outline-offset: -1px;
    color: #191616;
}

/*Read-Only Cells*/
.oj-table-data-cell.oj-read-only{
    /*! background-color: transparent; */
}
/*Hover Background on Cells - Added to Master Rule for Darker*/
.oj-table-data-cell.oj-hover,
.oj-table-body-row .oj-table-data-cell.cpq-highlighted.oj-hover{
    background-color: #999999!important;
    background-image: linear-gradient(#999999, #999999); 
}
/*Selected Row Cells*/
.oj-table-data-cell.oj-selected,
.oj-table-data-cell.oj-selected.oj-hover {
    background-color: #999999;
}
/* Styling for the data cell elements in selected state when table focused. */
.oj-table-element:not(.oj-table-column-header-resizing) .oj-table-data-cell.oj-selected {
    background-color: #cc3f00; 
    background-image: none;
  /*background-color: rgb(242,101,34, 0.4);*/
}
/*Hover on rows + Selected row when not focused*/
.oj-table:not(.oj-focus) .oj-table-data-cell.oj-selected, #transaction .cpq-table-data-cell.oj-selected{
    background-color: #cc3f00;
    background-image: none;
}
/*Wrap long data in Row Cells*/
.oj-table-data-cell {
    white-space: normal !important;
}
/*Highlighted Cells (auto-Update)*/
.oj-table-body-row .oj-table-data-cell.cpq-highlighted,
.oj-table-body-row.oj-hover .oj-table-data-cell.cpq-highlighted,
.oj-table-body-row .cpq-table-data-cell.cpq-highlighted,
.oj-table-body-row.oj-hover .cpq-table-data-cell.cpq-highlighted,
{
    background-color: #c6f4f532;
}
.oj-selected .col-editable.cpq-highlighted:not(:empty){
    background-color: #c6f4f532;
}
.oj-table-body-row .cpq-highlighted:not(.oj-read-only),
.oj-hover.oj-table-body-row td.cpq-highlighted:not(.oj-read-only){
    background-color: #c6f4f5BB;
}

/*---HEADERS---*/
/*Header Cell*/
th.oj-table-column-header-cell{
    vertical-align: top !important;
    background-color: rgba(255,255,255,.04); /*LB Table Style*/
}
/*Header Text*/
.oj-table-column-header-text{
    font-size: 14px;
    /*color: #FFF;*/
	color: #000; /* US#1208676 */
    /*font-weight: 700;*/
	font-weight: bold; /* US#1208676 */
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
/*Header Hover*/
#lig-table .oj-table-column-header-cell.oj-hover,
#lig-table .oj-table-column-header-cell:hover,
.arraySet-table th.oj-table-column-header-cell.oj-hover,
.oj-table-column-header-cell.oj-hover,
.arraySet-table .oj-table-column-header-cell:hover {
  background-color: rgba(255,255,255,0.05) !important;
    background-image: none !important;
}

/*Header filter icon area*/
.cpq-table-header .oj-table-sort-icon-container,
.cpq-table-header .cpq-table-sort-icon:hover {
    background-image: none !important;
    color: #F26522 !important;
}

/*Wrap Table Headers - Override Cutoff(...)*/
.oj-table-column-header{
    overflow-wrap: normal !important;
    white-space: normal !important;
}

/*--*/
/*-Override JET table vertical lines-*/
/*-----------------------*/
/* Styling for the vertical grid lines for data cells. */
html:not([dir="rtl"]) .oj-table-data-cell.oj-table-vgrid-lines {
  border-right: 0px; }

html[dir="rtl"] .oj-table-data-cell.oj-table-vgrid-lines {
  border-left: 0px; }

/* Styling to remove the right border of the last vertical grid line. */
html:not([dir="rtl"]) .oj-table-vgrid-lines:last-child {
  border-right: 0; }

html[dir="rtl"] .oj-table-vgrid-lines:last-child {
  border-left: 0; }

/* Grid display styling for the vertical grid lines. */
html:not([dir="rtl"]) .oj-table-grid-display .oj-table-vgrid-lines, html:not([dir="rtl"])
.oj-table-grid-display .oj-table-column-header-cell.oj-table-vgrid-lines {
  border-right: 0px; }

html[dir="rtl"] .oj-table-grid-display .oj-table-vgrid-lines, html[dir="rtl"]
.oj-table-grid-display .oj-table-column-header-cell.oj-table-vgrid-lines {
  border-left: 0px; }
/*------------------------*/
/*------------------------*/




/*Optional- Hide sort placeholder that takes up room*/
.oj-table-column-header-sort-placeholder{
    display: none !important;
}



/*Merge Qty Columns*/
th.col-salesWeightedQty_l,
td.col-quantityFloat_l.oj-read-only,
td.col-salesWeightedQty_l.oj-read-only{
    display: none;
}
td.col-quantityFloat_l.oj-read-only + td.col-salesWeightedQty_l.oj-read-only,
td.col-description_l + td.col-salesWeightedQty_l.oj-read-only,
th.col-description_l + th.col-salesWeightedQty_l,
td.col-description_l.oj-read-only + td.col-quantityFloat_l.oj-read-only{
    display: table-cell;
}
/*Hide Reconfigure Button in LIG*/
oj-button[title="Reconfigure"]{
    display: none;
}
/*Style Edit Button in LIG*/
oj-button[title="Edit"] .oj-button-label{
    cursor: pointer;
    border: 0.8px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
}
oj-button[title="Edit"] .oj-button-label:hover{
    border-color: #e9e9e9;
}
oj-button[title="Edit"] .oj-button-label:after{
    content: "Edit Line";
    padding-right: 5px;
}
/*Hide Lock Column (Leftmost)*/
.col-_lock{
    display: none;
}


/*Right Align Number Cells*/
table th.type-number.oj-table-column-header-cell,
table td.type-number.oj-table-data-cell,
.oj-inputnumber-input{
    text-align: right;
}





/*----------------OPTIONAL STYLES-----------*/
/*Hide 
th[id="recmdParts-table:price"] .oj-table-column-header,
#recmdParts-table td[headers*="recmdParts-table:price"],
th[id="partSearch_arr-arrayset-table:_hdrCol5"],
td[headers*="partSearch_arr-arrayset-table:_hdrCol5"] > div,
th[id="partSearch_arr-arrayset-table:_hdrCol6"],
td[headers*="partSearch_arr-arrayset-table:_hdrCol6"] > div{
    text-align: right !important;
}
th[id="partSearch_arr-arrayset-table:_hdrCol1"],
td[headers*="partSearch_arr-arrayset-table:_hdrCol1"]{
    width: 75px !important;
    max-width: 75px !important;
    min-width: 75px !important;
}*/

.page-progress.status-complete{
    display: none;
}


/* HK 2/14/2022 Stylesheets updated after upgrade - Starts */ 
#quoteApplyFilter_home-wrapper .oj-switch .oj-switch-track,
#quoteApplyFilter_home-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}


#quoteApplyFilter_home-wrapper .oj-switch .oj-switch-thumb,
#quoteApplyFilter_home-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  /* border-style: solid; */
  /* border-width: 1px; */
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  /* border-radius: 2.14285rem;
  box-shadow: 0 2px 2px -2px hsla(0, 0%, 0%,0.9);*/
  /* background-color: white; */
  /* border-color: #c6c7c8; */
  border: none;
  background: none;
  box-shadow: none;
  }
  
#priceListApplyFilter_home-wrapper .oj-switch .oj-switch-track,
#priceListApplyFilter_home-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}


#priceListApplyFilter_home-wrapper .oj-switch .oj-switch-thumb,
#priceListApplyFilter_home-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
  }
  
 
#accountSearch_ps-wrapper .oj-switch .oj-switch-track,
#accountSearch_ps-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}
#accountSearch_ps-wrapper .oj-switch .oj-switch-thumb,
#accountSearch_ps-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#addStep1_pl-wrapper .oj-switch .oj-switch-track,
#addStep1_pl-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}

#addStep1_pl-wrapper .oj-switch .oj-switch-thumb,
#addStep1_pl-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#next_ps-wrapper .oj-switch .oj-switch-track,
#next_ps-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}
#next_ps-wrapper .oj-switch .oj-switch-thumb,
#next_ps-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#back_ps-wrapper .oj-switch .oj-switch-track,
#back_ps-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}
#back_ps-wrapper .oj-switch .oj-switch-thumb,
#back_ps-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#removeStep1_pl-wrapper .oj-switch .oj-switch-track,
#removeStep1_pl-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}
#removeStep1_pl-wrapper .oj-switch .oj-switch-thumb,
#removeStep1_pl-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#addButton_ps-wrapper .oj-switch .oj-switch-track,
#addButton_ps-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}


#addButton_ps-wrapper .oj-switch .oj-switch-thumb,
#addButton_ps-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#langArrayRemoveSelected_ps-wrapper .oj-switch .oj-switch-track,
#langArrayRemoveSelected_ps-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}


#langArrayRemoveSelected_ps-wrapper .oj-switch .oj-switch-thumb,
#langArrayRemoveSelected_ps-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#guestQuoteApprove-wrapper .oj-switch .oj-switch-track,
#guestQuoteApprove-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}


#guestQuoteApprove-wrapper .oj-switch .oj-switch-thumb,
#guestQuoteApprove-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}
#guestQuoteReject-wrapper .oj-switch .oj-switch-track,
#guestQuoteReject-wrapper .oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border: none;
}


#guestQuoteReject-wrapper .oj-switch .oj-switch-thumb,
#guestQuoteReject-wrapper .oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  height: calc(2.14285rem - 2px);
  width: calc(2.14285rem - 2px);
  margin-top: -1.07142rem;
  border: none;
  background: none;
  box-shadow: none;
}

/* HK 2/14/2022 Stylesheets updated after upgrade  - Ends */


/*Switch Styles*/
.oj-switch .oj-switch-track,
.oj-switch.oj-default .oj-switch-track {
    background-color: transparent;
    border-color: #e5e6e6;
}
.oj-switch.oj-hover .oj-switch-track {
    background-color: #FFF3;
}
.oj-switch.oj-selected .oj-switch-track {
    background-color: #CC3F00;
    border-color: #CC3F00;
}
.oj-switch.oj-selected.oj-hover .oj-switch-track {
    background-color: #F26522;
}

.oj-table-body-row.oj-table-body-current-row{
    background-color: rgba(255,255,255,.02);
}


/*SubSection Toolbar*/
.subSection .toolbar-with-label{
    background-color: rgba(255,255,255,0.5);
    font-weight: bold;
    padding: 6px;
    margin-bottom: 4px;
}
.subSection .toolbar-with-label oj-label{
    font-size: 14px;
    font-weight: bold;
}

/*Cover "Select All" when using filter search*/
#search-field.rec-filter-label{
    position: absolute;
    left: 150px;
    z-index: 2;
}


/*Error Box*/
#pg-error-top, #pg-error-top button, .error-content{
    background: #FF6464;
    border: 1px solid #372122;
    border-radius: 3px;
    padding: 5px;
}
.error-content a, .message-count{ color: #CA1818; font-weight: bold; }


/*Auto-Update Non-Grid Attributes*/
.cpq-highlighted input,
.cpq-highlighted textarea,
.cpq-highlighted .oj-inputtext.oj-read-only .oj-inputtext-input,
.cpq-highlighted .oj-inputnumber.oj-read-only .oj-inputnumber-input,
.cpq-highlighted .oj-textarea.oj-read-only .oj-textarea-input,
.cpq-highlighted .oj-select-choices,
.cpq-highlighted .oj-select-choice {
 background-color:#c6f4f532;
}



/*NEXT and BACK */
oj-button[name="pipeline_viewer"],
oj-button[name="update"],
#configDynamicHTML_ps-wrapper,
#dummyConstraint_ps-wrapper{
    display: none;
}
#configuration oj-button[name="add_to_favorites"] {
 display: none !important;
}

.addToButtonBar{
    position: fixed;
    margin-top: -75px !important;
    right:325px;
    z-index:1000;
}
.addToButtonBar .panel-col{
    max-width: 80px;
    min-width: 80px;
    width: 80px !important;
}
.addToButtonBar .panel-col oj-switch.oj-switch{
    padding-top: 6px;
    padding-bottom: 6px;
}

/*Tiny Favorites Button for Dev, lower right*/
oj-button.action-_cm_36707815{
    position: fixed;
    bottom: 0;
    right:0;
    font-size: 8px
}



.tripleCols .panel-col{
    min-width: 0;
}
.tripleCols .boolButtons{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


/*/
/*-----------CUSTOM TABLE CLASSES FOR STYLING------------*/
/*/
/*Hide Array Label*/
.arrNoLabel div[id*="arraySet-summary"]{
    display: none;
}
/*Hide Array Filter Tools*/
.arrNoFilters .toolbar-view-menu-button,
.arrNoFilters .oj-component[aria-controls="search-field"]{
    display: none;
}
/*Hide All Controls on Array*/
.arrNoControls div[id*="-toolbar-wrapper"]{
    display: none;
}
/*Hide Labels/Indices on Top of Array*/
.arrNoTopLabels th span{
    display: none;
}
/*Hide Labels/Indices on Side of Array*/
.arrNoSideLabels td:not(.oj-sm-8) span {
    display: none;
}
/*Hide Top Header Row of Array*/
.arrNoTop thead{
    display: none;
}
/*Hide Side Column of Array*/
.arrNoSide th.oj-table-column-header-acc-select-row,
.arrNoSide td.oj-table-data-cell-acc-select,
.arrNoSide th.oj-table-column-header-acc-select-row + th,
.arrNoSide td.oj-table-data-cell-acc-select + td{
    display: none;
}
/*Hide Side Column of Array - 21B*/
.arrNoSide .cpq-table-data-cell[role="rowheader"] {
    display: none;
}
/*Show Sorting Column Functionality (Hide All by Default)*/
.oj-table-column-header-asc,
.oj-table-column-header-dsc{
    display:none;
}
.arrShowSort .oj-table-column-header-asc:not(.disabled),
.arrShowSort .oj-table-column-header-dsc:not(.disabled){
    display: block;
}
/*Hide "#" in corner of Arrays*/
.arrHideNumberSign thead.oj-table-header span[title="#"]{
    display: none;
}
/*Hide Freeze Action*/
.arrHideFreeze #lig-wrapper .action-_freeze_cols_action{
    display: none;
}
/*Hide + Action*/
.arrHideAddRow oj-button[title="Add"]{
    display: none;
}
/*Hide Delete Action*/
.arrHideDelete oj-button[title="Remove"]{
    display: none;
}
/*Hide Paging Controls*/
.arrHidePaging oj-paging-control{
    display: none;
}
/*Make JET tables Min Widths*/
.arrMin50Width oj-table{
    min-width:50% !important;
}
.arrMin75Width oj-table{
    min-width:75% !important;
}
.arrMin100Width oj-table{
    min-width: calc(-2px + 100%) !important;
}
div[class*="arrMin"] .arraySet-table oj-table table,
div[class*="arrMin"] .arraySet-table table.oj-table-element{
    min-width: calc(-2px + 100%) !important;
    width: auto;
}
div[class*="arrMin"] .arraySet-table td,
div[class*="arrMin"] .arraySet-table th{
    width: auto !important;
}

/*Make Array Checkboxes or Buttons(bool) look attached to Second Column*/
.arrCheckboxLeft th[id*="arrayset-table:_hdrCol1"],
.arrCheckboxLeft td[id*="arrayset-table"].type-boolean{
    border-right: 0 !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    border-right: 0px !important;
    outline-style: none;
}
.arrCheckboxLeft th[id*="arrayset-table:_hdrCol1"] *{
    display: none;
}
.arrButtonLeft th[id*="arrayset-table:_hdrCol1"],
.arrButtonLeft td[id*="arrayset-table"].type-boolean{
    border-right: 0 !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    border-right: 0px !important;
    outline-style: none;
}
.arrButtonLeft th[id*="arrayset-table:_hdrCol1"] *{
    display: none;
}



/***********HOME PAGE STYLES****************/

/*Main Panel at Top*/
#configuration .oj-panel.homeMain{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.oj-panel.homeMain .tab-content{
    background: transparent;
}
/*Button Bar*/
.homeMain .addToButtonBar{
    right: 45px;
    margin-top: -73px !important;
}
#user-profile-name{
    font-size: 24px;
}
#home-header{
  padding-left: 40px;
}
/*US#1208676 - Comment to hide lion head icon */
/*#home-header:before{
    content: url("../image/Icons/lb_menu.png");
    position: absolute;
    left: 10px;
    top: 32px
}*/

/*US#1208676 - homeMain */
/*.homeMain{
    background: url("../image/images/lion-bg.jpg");
	background: url("../image/images/cpq_home_page.GIF");
    background-size: cover;
    background-position: left -160px;
    background-repeat: no-repeat;
}*/
.homeMain > div{
    /*background: linear-gradient(to right, #00000000, #000000bb);
    padding: 20px 0 20px 0;*/
	padding: 5px 0 5px 0;
    border: 2px outset black;
    background-color: whitesmoke;    
    color:white;
}

/*SEARCH BARS*/
.oj-inputtext[id*="SearchCriteria"]{
    max-width:99%;
}
/*oj-inputtext[id*="earch"]:before*/
.oj-inputtext[id*="earch"]>div>div:before{
    content: "\f002";
    color: #DDD;
    font-family: 'FontAwesome' !important;
    font-size: 18px;
    position: absolute;
    top: 5px;
    left:5px; 
}
.oj-inputtext[id*="earch"]{
    max-width:99%;
}
.oj-inputtext[id*="earch"] input{
    padding-left: 30px;
}

/*Transaction Search Results*/
#configuration .homeGroup{
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0;
}
#configuration .homeGroup .oj-table-body-row:hover{
    background-color: rgba(255, 255, 255, 0.05);
}
#configuration .homeGroup .oj-table-body-row{
    cursor: pointer;
}
#configuration .homeGroup .oj-table-body-row td:first-child{
    font-weight: bold;
}

/*Account Search*/
/*Eliminate JET-forced max-heights on tables that are only thing on screen*/
#accountListArray_ps-arrayset-table,
#priceListArray_ps-arrayset-table,
.stepTwo.tripleCols oj-table[id*="arrayset-table"]{
    max-height: none !important;
}
#configuration .group-header.oj-collapsible-header{ background: transparent; }

/*STEP 2 - Select Languages UI */
cpq-table#_setlanguageArray_ps-arrayset-table .cpq-table-header-row{
  display: none;
}

cpq-table#_setlanguageArray_ps-arrayset-table {
    padding-top: 1em;
}

.stepTwo.tripleCols cpq-table[id*="arrayset-table"],
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] > table{
    width: 100% !important;
}
.stepTwo.tripleCols cpq-table[id*="arrayset-table"],
.stepTwo.tripleCols cpq-table.arraySet-table *:not(.cpq-table-select) {
    border: none !important;
    overflow: visible;
    white-space: nowrap;
    max-width: none !important;
}
.stepTwo.tripleCols oj-table[id*="arrayset-table"] td.oj-table-data-cell,
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] .cpq-table-data-cell {
    padding: 0 0 0 0 !important;
    width: auto !important;
    background-color: transparent !important;
}
.stepTwo.tripleCols oj-table[id*="arrayset-table"] tr.oj-table-body-row.oj-table-body-current-row,
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] .cpq-table-body-row.cpq-table-body-current-row,
.stepTwo.tripleCols .cpq-table-contrast-headers .cpq-table-header,
.stepTwo.tripleCols .cpq-table-body{
    background-color: transparent !important;
}
.stepTwo.tripleCols oj-table[id*="arrayset-table"] tr.oj-table-body-row,
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] .cpq-table-body-row{
    padding: 0 0 0 0 !important;
    display: flex;
    line-height: 16px;
    height: 23px;
    width: 100%
}
.stepTwo.tripleCols oj-table[id*="arrayset-table"] th[id*="arrayset-table:_hdrCol1"],
.stepTwo.tripleCols oj-table[id*="arrayset-table"] td[id*="arrayset-table"].type-boolean,
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] div.cpq-table-column-header-cell,
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] .oj-table-data-cell.type-boolean{
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    margin-right: 0.6rem;
}
.stepTwo.tripleCols oj-table[id*="arrayset-table"] th[id*="arrayset-table:_hdrCol1"],
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] .cpq-table-column-header-cell {
    display: none;
}
.stepTwo.tripleCols oj-table[id*="arrayset-table"] td[id*="arrayset-table"].type-boolean oj-checkboxset,
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] .cpq-table-column-header-cell.type-boolean{
    width:400px;
    z-index: 5;
}
.stepTwo.tripleCols oj-table[id*="arrayset-table"] td[id*="arrayset-table"].type-boolean + td,
.stepTwo.tripleCols cpq-table[id*="arrayset-table"] .cpq-table-column-header-cell.type-boolean + div{
    width: 100% !important;
    max-width: none !important;
    line-height:20px !important;
}
#topTargetLanguageArray-arraySet-container{
    margin-bottom: -3px;
}
.stepTwo input, .stepTwo input{
    cursor: pointer;
}
.stepTwo.tripleCols > div > .panel-row{
    position: relative;
}
.stepTwo.tripleCols > div > .panel-row > .panel-col:first-child,/*First Column*/
.stepTwo.tripleCols > div > .panel-row > .panel-col:last-child/*Far Column*/{  
    border: 1px solid #e9e9e9;
    max-height: 400px;
    overflow-x: hidden;
    padding-left: 8px;
    border-top-width: 0px;
    margin-top: 33px;
}
.stepTwo.tripleCols > div > .panel-row > .panel-col:first-child:before,/*First Column*/
.stepTwo.tripleCols > div > .panel-row > .panel-col:last-child:before/*Far Column*/{  
    border: 1px solid #e9e9e9;
    border-bottom: 0px;
    height: 19px;
    background-color: rgb(255,255,255,0.04);
    display: block;
    position: absolute;
    margin-top: -32px;
    margin-left: -9px;
    padding: 6.5px;
    line-height: 16px;
    font-weight: bold;
}
.stepTwo.tripleCols > div > .panel-row > .panel-col:first-child:before /*First Column*/{;
    width: calc(-14px + 33%);
    content: "Target Languages";
}
.stepTwo.tripleCols > div > .panel-row > .panel-col:last-child:before /*First Column*/{;
    width: calc(-14px + 50%);
    content: "Selected Source > Target Language Combinations";
}

div.col-langArrayTargetLang_ps {
    position: relative;
    left: 30px;
}

td.col-langArrayTargetLang_ps:before,
div.col-langArrayTargetLang_ps:before{
  content: ">";
    position: absolute;
    margin-left: -30px; /*Old*/
    margin-left: -15px;
}
#addButton_ps-wrapper > .oj-flex-item,
#langArrayRemoveSelected_ps-wrapper > .oj-flex-item{
    text-align: center;
}

/*STEP 3: Review Services*/

/*Hide # header column*/
#configuration .cpq-table-column-header-cell.oj-table-column-header-cell.col-_index {
    display: none;
}


/**************************/
/*-Approvals--
/**************************/
/*My Approval Attribute*/
#approve_reject_icon_submit_t-wrapper oj-label{
    display: none;
}
#approve_reject_icon_nSSubmit-wrapper oj-label{
    display: none;
}

/*Approval History*/
#approvalHistoryHTML_t-wrapper{
    max-height:200px;
    /*border: 1px solid #656263;*/
    overflow-y: scroll auto;
}
#approvalHistoryHTML_t{
    display: table;
}
#approvalHistoryHTML_t >.entry{
    display: table-row;
}
#approvalHistoryHTML_t >.entry:nth-child(even){
    background-color: #FFFFFF04;
}
#approvalHistoryHTML_t >.entry > div{
    display: table-cell;
    padding: 2px 5px
}
#approvalHistoryHTML_t br{
    display: none;
}
#approvalHistoryHTML_t .postSubmit *{
    color: #5DD873;
}
#approvalHistoryHTML_t .accept *{
    color: #37B24D;
}
#approvalHistoryHTML_t .reject *{
    color: #CA1818;
}
#approvalHistoryHTML_t .submit *{
    color: #42A2FC;
}
/*Hide Approval Text Box*/
/*Don't do this anymore, we're going to use this comment field*/
#approve_reject_icon_submit_t-wrapper .oj-flex-bar-middle{
    /*display: none;*/
}
#approve_reject_icon_submit_t-wrapper .oj-flex-bar-middle input,
#approve_reject_icon_nSSubmit-wrapper .oj-flex-bar-middle input{
    color: black;
}
.approvalCol{
    position: relative;
    padding-bottom: 25px;
}
#approve_reject_icon_submit_t .oj-flex-bar{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#approve_reject_icon_submit_t .oj-flex-bar-end{
    margin-left: 0px;
}
#approve_reject_icon_submit_t .oj-flex-bar-end{
    margin-left: 0px;
}
.approve-button .oj-button-label:after{
    content: "Approve";
    padding-right: 3px;
}
.reject-button .oj-button-label:after{
    content: "Reject";
    padding-right: 3px;
}
#approve_reject_icon_submit_t .oj-flex-bar-end .oj-button-label:hover{
    background-color: #FFFFFF13;
}
/*Approval Labels - Nathan Bast 3/26/2020*/
#approvalChatbox_t-label{
    margin-left: 1px;
    margin-top: 13px;
}
#approve_reject_icon_submit_t-wrapper label{
    font-size: 16px;
    color:#FF8B48;
}

#approve_reject_icon_submit_t {
    margin-bottom: 0.5em;
}

#configuration .cpq-table-toolbar {
  display: none;
}

/* US#1208676 - Commented Color */
.oj-text-field.oj-read-only .oj-text-field-input,
.oj-collapsible-content{
  /*color: rgb(233, 233, 233);*/
  
}


/*EXPERIMENT FOR MULTI-SELECT CHECKBOXES TO SWITCHES*/
/* Disabled for now based on LB feedback but keeping for time being incase they revert

#subactivityLI_ps-wrapper .oj-radiocheckbox-icon,
#subactivity_ps .oj-radiocheckbox-icon{
    height: 0;
    width: 0;
  display: none;
    visibility: hidden;
}



#subactivityLI_ps-wrapper oj-option,
#subactivity_ps-wrapper oj-option{
    cursor: pointer;
    text-indent: 2.25em;
    width: 43.9px;
    height: 26.7px;
    background: transparent;
    display: block;
    border-radius: 27.4285px;
    border: 1px solid #e5e6e6;
    position: relative;
    margin-top: 2px;
}

#subactivityLI_ps-wrapper oj-option:after,
#subactivity_ps-wrapper  oj-option:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 26px;
    background: #fff;
    border-radius: 27.4285px;;
    transition: 0.3s;
}

#subactivityLI_ps-wrapper .oj-selected oj-option,
#subactivity_ps-wrapper .oj-selected oj-option{
    background-color: #CC3F00;
  border-color: #CC3F00;
}

#subactivityLI_ps-wrapper .oj-selected oj-option:after,
#subactivity_ps-wrapper .oj-selected oj-option:after{
    left: calc(100% - 0px);
    transform: translateX(-100%);
}

#subactivityLI_ps-wrapper oj-option>span,
#subactivity_ps-wrapper oj-option>span{
    white-space: pre;
    position: relative;
    top: -10px;
    left: -20px;
}

*/
/**Commerce: Align Word Count to left**/
#wordCountThreshold_t\|input {
    text-align: left;
}

/**Home Page Quote/Pricelist status style**/
.status{
    text-transform: uppercase;
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
    font-weight: bold;
}
.inProgress {
    /*background-color: #118c27; US#1208676 */
	background-color: #9FE2BF;
}
.inProgressRevised{
    background-color:#8FBC8F;
}
.pendingApproval{
   /* background-color: #8A2BE2; US#1208676 */
   background-color: #ee82ee;
}
.pendingNonStandardReview{
   /* background-color: #008080; US#1208676 */
   background-color: Orange;
}
.approvedInternally {
    /* background-color: #d16e00; US#1208676 */
	background-color: #FCC90B;
}
.approvedByCustomer{
   background-color: #DB7093;
}
.rejected{
   background-color: #FF4500;
}
.won{
    /* background-color: #0056b0; US#1208676 */
	background-color: #0BC2FC;
}
.canceled{
    /* background-color: #ca1818; US#1208676 */
	background-color: #FFFFFF;
}
.lost{
    /* background-color: #800000; US#1208676 */
	background-color: #FFFFFF;
}

/**Config New Quote Button Style**/
.newQuoteButton::before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f055";
    margin-right: .5rem !important;
}


/**Styling for limit search boolean on home page**/
#configuration .limit .panel-row.oj-flex, #configuration .accountInclude .panel-row.oj-flex{
    width: 250px;
}

#configuration .limit .panel-col.oj-form, #configuration .accountInclude .panel-col.oj-form{
    min-width: 25px;
    
}

#configuration .limit.oj-panel, #configuration .accountInclude.oj-panel{
    padding-top: 0;
}

#limitQuotesToItemsIAmTheCreatorOf_home-wrapper,#limitPricelistToItemsIAmTheCreatorOf_home-wrapper, #includeAccountsWithoutCodaCode_ps-wrapper{
    min-width: 25px;
    width:25px;
    /*padding-left: 6px*/
}
.limit.oj-panel {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}
/*********************************************
* Guest Home Page
*********************************************/
#configuration .header-attributes table {
  width: 100%;
    background-color: rgb(255, 255, 255, 0.1);
}

#configuration .header-attributes table td {
  border: 1px solid rgb(255, 255, 255, 0.5);
    padding: 1em;
}

.header-attributes .header-row { /*Customer name and quote total should be larger and bold*/
    font-weight: bolder;
    font-size: medium;
}

#configuration .header-attributes table .header-row td
{ /*No border on header (customer/quote name, total) area*/
    border: none;
    padding-bottom: 0.25em;
}

#configuration .header-attributes table .dates td.submitted-date,
#configuration .header-attributes table .dates td.created-date,
#configuration .header-attributes table td:first-of-type
{
  border-right: none;
    border-left: none;
}

#configuration .header-attributes table tr td:last-of-type { /*No right border, to match left*/
  border-right: none;
}
#configuration .header-attributes table tr:last-of-type td { /*No bottom border, to match top*/
  border-bottom: none;
}

.header-attributes .header-row #project-name {
  font-weight: normal;
}

.header-attributes .header-row #quote-total {
  text-align: right;
}

#configuration .header-attributes table #label {
    text-transform: uppercase;
    font-weight: bold;
}

#configuration .header-attributes tr {
  vertical-align: top;
}

#configuration .panel-col {
    min-width: 85px;
}

.error-message {
  border: #CC3F00 1px solid;
    background-color: rgb(255, 255, 255, 0.1);
}

.customer-approval-message {
    padding: 1em;
  border: #CC3F00 1px solid;
    background-color: rgb(255, 255, 255, 0.1); 
}

.customer-approval-message#customer-approval-message-success {
    padding: 1em;
  border: green 1px solid;
    background-color: rgb(255, 255, 255, 0.1); 
}

#guestQuoteCustomerToken-wrapper input {
  text-align: left;
    padding-left: 16px;
}

#guestQuoteApprove-wrapper,
#guestQuoteReject-wrapper {
  float: right;
}
#_setlanguageArray_ps-arrayset-table .oj-table-data-cell.oj-hover, .oj-table-body-row .oj-table-data-cell.cpq-highlighted.oj-hover{
background-color: none;
background-image: none;
}

/* UI#1208676 - CPQ UI Changes start */
.oj-tabbar-element, .oj-tabbar-item-label, .oj-tabbar-item, .oj-tabbar-item-content, .oj-tabbar-item-element, .oj-tabbar-horizontal  {
    color: #787878 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

#top-toolbar h2:before {
 background-color: white;
 border: 2px solid whitesmoke;
 border-radius:18px;
 padding: 5px;
}

#page-messages .oj-message {
margin:auto;
}

cpq-table#searchRatesTransactionArray_c .cpq-table-select {
display: none;
}

cpq-table#projectManagementArray_t .cpq-table-select {
display: none;
}

cpq-table#mergeQuoteArraySet .cpq-table-select {
display: none;
}

/* UI#1208676 - CPQ UI Changes End */

/*.boolButtons .oj-flex-item >  #accountSearch_ps .oj-switch.oj-switch .oj-switch-track,
.boolButtonsArr td .oj-choice-item .oj-radiocheckbox-icon {
background: transparent;
border:none;
}
#accountSearch_ps .oj-switch .oj-switch-thumb .oj-switch.oj-default .oj-switch-thumb{
background-color: transparent;
border:none;
}
 #accountSearch_ps .oj-switch.oj-hover .oj-switch-thumb {
  box-shadow: none;
  background-color: transparent;
  border-color: transparent; }
#accountSearch_ps .oj-switch-track .oj-switch-thumb:hover{
 background: transparent !important;
 background-color: transparent !important;
 border:none !important;
}
#accountSearch_ps .oj-switch-track .oj-switch-thumb .oj-selected{
  background: transparent !important;
  border:none !important;
}*/