/* Import Simplified Renewals commerce/config and SR Price Uplift Commerce styles */
@import url("/bmfsweb/equinixclone/image/SimplifiedRenewals/simplifiedRenewalsAlt.css");

/* Import Simplified Quoting commerce/config Commerce styles */
@import url("/bmfsweb/equinixclone/image/Config/SQ_Alta.css");

/* Import Digital Services Quoting commerce/config Commerce styles */
@import url("/bmfsweb/equinixclone/image/Config/DS_Alta.CSS");

/*  *********************************************************************************************************************************
==============================================    COMMON CSS    ====================================================================
***********************************************************************************************************************************  */
 .page-title,
.action-_startOver,
#button-toolbar .oj-toolbar-separator,
#toggle-rightsidebar-btn,
.header-wrapper h2{
    display: none;
}

oj-menu-button .oj-button-button ,
.action-_arraysetadd .oj-button-button,
.action-_arraysetremove .oj-button-button{
    border: none !important;
    color: #626262;
}
.oj-toolbar-separator {
    border-left: solid 1px #626262;
}

/* ----------- START: Action Button Styling ------------- */
.action-button button .oj-button-label{
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}
/* ----------- START: Modified by Akhil for SQ-1523 for add and edit buttons ------------------- */

/* #transaction .action-submit_t button, [VEKANNAN]:10-AUG-2023: Removed style for SFA - QLC-106 */ 
/* [PRKUMAR]:20-Sept-2023: Added style for QTCO-66 - for new action Check Capacity */ 
/* [Sathish]:15-Feb-2024: Added style for Reprice and Export Line Items button as part of prixe Fx change */ 
#transaction .action-addLineItem_t button,
/* #transaction .action-_reconfigure_action button { */
#transaction .action-_reconfigure_action.oj-enabled button,
#transaction .action-sq_checkCapacity_t button,
#transaction .action-sq_Reprice_t_c button, 
#transaction .action-sq_exportLineItems_l button,
#transaction .action-releaseCapacity_t_c button,
#transaction .action-configureMetalProducts_c button {
    border: 1px solid #ed1c24;
    background-color: #ed1c24 !important;
    color: #ffffff !important;
    cursor: pointer;
}
/* ----------- END: Modified by Akhil for SQ-1523 for add and edit buttons ------------------- */

/*Hide pipeline_viewer,
update,
Add to Fav Actions*/
.action-_update,
oj-button[name="add_to_favorites"],
oj-button[name="favourites"],
oj-button[name="pipeline_viewer"],
oj-button[name="create_transaction"]{
    display:none;
}

/*---------------Hide BOM items/Rec items-----------------------*/
#bom-table tbody tr:nth-child(1) ,
#price-table tbody tr:nth-child(1),
#_price_book_var_name-wrapper{ /* hide model line bom in bom table */
    display:none;
}

/* Configuration Tabs -  not collapsible */
/*commented by Akhil for SQ-1880
#configuration .oj-collapsible-header{
  pointer-events: none;
  display: block!important;
}*/
/*Added by Akhil for SQ-1880*/
.CustomerContact .oj-collapsible-header{
  pointer-events: none;
  display: block!important;
}
/* ------------- START: Tool bar styling --------- */
#transaction #top-toolbar #top-toolbar-wrapper {
    padding: 11px 20px; /* expands top tool bar bottom till main panel start i.e */
    /* /* background-color: whitesmoke; */ /* SQ - 1776 Change */
}
#transaction #top-toolbar-wrapper h2{
    font-size: 18px; /* "Quote" word font size is changed with this styling */
    color: #333; 
    font-weight: bold;
}                                       
/* ------------ END: Tool bar styling ---------- */

/* ------------- START: Panel styling --------- */
#transaction #top-toolbar, #transaction #main-panel{
    border: none;
}   
#configuration #button-toolbar, #configuration #main-panel{
    border: none;
}   
/* ------------- END: Panel styling --------- */

/* ----------- START: LIG Styling ------------- */
#transaction .oj-table-data-cell,
#transaction .oj-table-column-header-cell{
    border-left: 1px solid #eee0e0;
    padding-top: 5px;/*Savitri: Added for SQ-1707*/
}
#lig-table .oj-table-data-cell{
    background-color: white;
}

#lig-table .oj-table-data-cell.oj-read-only.oj-selected{
    color: #333;
    font-weight: bold;
}
#lig-table .cpq-table-column-header-cell{ /* LIG Table header styling */
    background-color: whitesmoke;
    color: #333;
}
#lig-table .col-_part_desc-_model_bom{
    min-width:25vw;
}
/* ----------- END: LIG Styling ------------- */

/* ----------- START: TAB Styling ------------- */
#transaction .oj-selected .oj-tabbar-item-label,
#transaction .oj-hover .oj-tabbar-item-label{
    font-weight: bold;
    font-family: inherit;
    color : #ed1c24 !important;
}
#transaction .oj-tabbar-item.oj-selected,
#transaction .oj-tabbar-item:hover{
    border-color: #ed1c24;
}
/* ----------- END: TAB Styling ------------- */

/* ----------- START: Config Grids Styling ------------- */  
#configuration .groupedTitle_search .oj-collapsible-header-icon,
#configuration .groupedTitle .oj-collapsible-header-icon,
#configuration .groupedTitle_filters .oj-collapsible-header-icon{
    display:none;
}
#configuration .groupedTitle_search .oj-header-border,
#configuration .groupedTitle_filters .oj-header-border,
#configuration .groupedTitle .oj-header-border{
    padding: 0px 0px 1px 0px;
    pointer-events:none;
}
#configuration .groupedTitle_search,
#configuration .groupedTitle_filters{
     border-width: 0px 0px 0px 0px;
     padding: 0px 0px 1px 0px;
}
#configuration .groupedTitle_search .group-title,
#configuration .groupedTitle_filters .group-title,
#configuration .groupedTitle .group-title{
    font-weight:bold;
    font-size:14px;
}
/* ----------- END: Config Grids Styling ------------- */

/*-------------START: Rename Return to Transaction Button - Config------------------*/
#configuration .action-_cancel button,
#configuration .action-_addToTxn button{
    display:none;
}

#configuration .action-_save{
    right: 84px !important;/*Savitri: updated from 30px to fix SQ-1954 and to fix gap between buttons*/
    position: fixed;
    z-index: 999;
    top: 73.5px !important;/*Savitri: updated from 77px to fix SQ-1954 and to fix gap between buttons*/
}
.action-_save .oj-button-button {
    background-color: #ed1c24 !important;
    color: #ffffff !important;
}

#configuration .action-_cancel,
#configuration .action-_addToTxn{
    color: #ed1c24;
    background-color: #ffffff;
    border: 3px solid #ed1c24;
    padding-left:10px;
    border-radius: 2px;
    padding-top:5px !important;    
    width: 10em;
    height:1.7em;
    font-weight:bold;
    text-align: center;
    text-transform:uppercase;
    font-size:12px;
    cursor:pointer;
    font-family:sans-serif !important;
}

#configuration .action-_addToTxn{
     width: 8em;
}
#configuration .action-_cancel::before{
    content:"Return to Quote";
}

#configuration .action-_addToTxn::before{
    content:"Add to Quote";   
}

/*-------------END: Rename Return to Transaction Button - Config------------------*/

/* Set all the headers same size */
.group-title{
  font-size: 14px;
}

/* START: Combobox dynamic widths */
:is(.oj-listbox-drop) {
    width: auto !important;
    font-size: 11.5px;
    min-width: 60px !important;
}
:is(.oj-listbox-drop) .oj-listbox-result-label {
    white-space: nowrap;
    padding-right: 20px;
}
/* END: Combobox dynamic widths */

/* Image Cards */
filmstrip-wrapper .oj-checkboxset-wrapper{
    border: none;
}
.card-menu-image .card-label{
    border: none;
    font-weight: bold;
    white-space: normal;
}
.oj-panel.card-menu-item{
    border: 1px solid #e0e1e1;
    height: 10em!important;
}
.card-image{
    height: 3.5em;
    object-fit:  contain;
    position: absolute;
    top:1.5em;
}
/* Image Cards - END */

/* Approval Comment size increase */
#approve_reject_icon_submit_t .oj-text-field-container{
    width: 500px;
}
#approve_reject_icon_submit_t .oj-flex-bar-end {
  margin-left: 290px;
}

/*START - Commerce css*/
/*START - Making headers BOLDER and preventing word wrap*/
.toolbar-with-label .oj-label-group{
    width: 150%;
    font-weight: bold;
    color:black;
}

.cpq-table-column-header-text{      /*Making Line item grid headers bold*/
    font-weight: bold;
}

/*END - Making headers BOLDER and preventing word wrap*/
/*END - Commerce css*/

/*SQ-1475*/
div [title = 'Create Follow-On Order'] {
    display: none !important;
}

/*savitri/29Sep2022/Added to rename Email action button to Send*/
#email-form .oj-button:first-child .oj-button-text span {
    display: none;
}
#email-form .oj-button:first-child .oj-button-text:before  {
    content: "Send";
}
/*End of Send Changes*/

/* START: Added by Akhil for  line Item grid buttons SQ_1524 */
#lig-table .oj-conveyorbelt-content-container
{
    justify-content:flex-end;
}
/* END: Added by Akhil for line Item grid buttons  */

/* START: Added by Sanjana to hide Admin section in config */
.alwaysHidden
{
    display: none;
}

/* END: Added by Sanjana to hide Admin section in config */

.oj-table-data-cell.oj-read-only{
    /*background-color:#FFFFFF;*/
    /*to remove the grey background for read-only data -- Background image is being applied*/
    background: none;
}

/* UX for Form fields by Chaitanya */
/* .action-button button{ */
.action-button.oj-enabled button{
    border: 3px solid #ed1c24;
    color: #ed1c24 !important;
    background-color: #ffffff !important;
    border-color: #ed1c24 !important;
    cursor: pointer;
}
/* .action-button button:hover{ */
.action-button.oj-enabled button:hover{
    border: 3px solid #ed1c24;
    cursor: pointer;
}
.oj-text-field .oj-text-field-container{
    border-color: #d6dfe6; /* SQ - 1776 Change */
    /*height: 35px !important;*/
}
.oj-text-field:not(.oj-read-only) .oj-text-field-container, .oj-text-field:not(.oj-read-only) .oj-text-field-container input{
    background-color: #fff; /* SQ - 1776 Change */
}
/*SQ-1927-23A Upgrade issue*/
.oj-searchselect-main-field {
    height: 31.5px !important;
}
.oj-text-field-input {
    height: 88%;
}

#page-tabs + oj-switcher .group-title{
    font-weight: bold;
}
.panel-col {
    /* min-width: 230px; */
    min-width: 190px;
}

.oj-switch.oj-selected .oj-switch-track {
  background-color: #333;
  border-color: #333; 
}
.oj-switch.oj-selected.oj-hover .oj-switch-track {
  background-color: #777;
  border-color: #777; 
}

/* Commented below code as action Highlight is done only on enabled action -- ref line#296 */
/* /* Added below to disable the Edit Solution button for Non SOlution lines SQ-1669 */ */
  /* #transaction .action-_reconfigure_action button,.oj-disabled{ */
    /* background-color: #f1e6e629 !important; */
/* } */
/* #transaction .action-_reconfigure_action.oj-enabled{ */
    /* border: 1px solid #ed1c24; */
       /* background-color: #ed1c24 !important; */
     /* color: #ffffff !important; */
     /* cursor: pointer; */
/* } */

#sq_nonStandardTerm_t .oj-text-field-container{
    resize:auto !important;
}

#recommendedSection_spc ul {
    padding: 0px 15px !important;
    margin: 0px !important;
}
/*SQ-1936*/
#sq_editSolutionWarningMessage_t-wrapper .oj-inputtext
{
    display:contents;
    
}

#sq_editSolutionWarningMessage_t .oj-inputtext-input{
    color:orange;
    font-weight: bold;  
    font-size:12px;                 
}

/*End of SQ-1936*/

/*SQ-2096*/
#sq_cancelQuoteWarningMessage_t-wrapper .oj-inputtext
{
    display:contents;
    
}

#sq_cancelQuoteWarningMessage_t .oj-inputtext-input{
    color:orange;
    font-weight: bold;  
    font-size:12px;                 
}

/*End of SQ-2096*/

/*Start of QLC-116-Display Error message on Header upon "Scope of Work" value selected as Notes Type which is applicable to Sales/SSA user*/
#notesArrayErrorMessage_t
{
	max-width:60.5em !important;
}
#notesArrayErrorMessage_t .oj-textarea-input.oj-text-field-input.oj-component-initnode{
	color:red;
	font-size:15px;
}
#notesArrayErrorMessage_t .oj-text-field-container{
  border:none !important;
}

#notesArrayErrorMessage_t .oj-textarea-input.oj-text-field-input.oj-component-initnode{
  background-color:white !important
}
/*End of QLC-116*/

#tooltipGenericLabel{display:none}