/* Scroll Bar End */
 ::-webkit-scrollbar {
    width     : 8px;
    background: #fff !important;
    border    : none;
}
/* Track */
::-webkit-scrollbar-track {
    border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background   : #bdbebe;
    border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #bdbebe;
}

/* Scroll Bar End */
body{
    font-family: Inter;
}
.slds-button{
    font-family: Inter;
}
/* App CSS Overwrite */
@media (min-width: 64em){
    .community_layout-section_section-host.comm-section-container {
        padding:0px !important; 
    }
} 
/* App CSS Overwrite End */
/* Headings */
h1, h2, h3, h4, h5, h6{
    font-style: normal;
    font-weight: 400;
}
h1.bold, h2.bold, h3.bold, h4.bold, h5.bold, h6.bold{
    font-style: normal;
    font-weight: 700;
}
h1, h1.bold{
    font-size: 40px;
}
h2, h2.bold{
    font-size: 30px;
}
h3, h3.bold{
    font-size: 24px;
}
h4, h4.bold{
    font-size: 16px;
}
h5, h5.bold{
    font-size: 14px;
}
h6, h6.bold{
    font-size: 12px;
}
/* Headings End */
/* Accordian*/
.accordianBox .slds-accordion__summary-action-icon{
    flex-shrink: 0;
    transform: rotate(0deg);
    position: absolute;
    right: 0px;
}
.accordianBox .slds-accordion__summary-content{
    font-size: 12px;
    color: #1A202C;
}
.accordianBox .slds-accordion__summary-action{
    padding-bottom: 5px;
    padding-top: 8px;
    background: #F3F5F8;
}
.accordianBox .slds-form-element{
    margin-bottom: 9px;
}
.accordianBox .slds-form-element__label{
    color: #0A4552;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400;
}
.accordianBox .slds-checkbox__label, .accordianBox .slds-radio__label{
    cursor: pointer;
}
/* Accordian End */
/* cpvwp CheckBox */
.cpvwpCheckBox label{
    display: flex;
}
/* cpvwp CheckBox End */
/* Input Labels */
.slds-form-element__label{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6F7174;
}
.slds-input{
    border: 1px solid #D0D4D8;
    border-radius: 4px;
    padding: 10px 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #6F7174;
}
.slds-input::placeholder{
    color: #6F7174;
}
.slds-input:disabled, .slds-input_faux.slds-is-disabled{
    background: #D0D4D8;
    border-color: #D0D4D8;
}
.slds-input.error{
    border: 1px solid #E75128;
}
.slds-combobox__input{
    border: 1px solid #D0D4D8;
    border-radius: 4px;
    padding: 10px 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px !important;
    color: #6F7174;
}
/* Input Labels End */
/* Buttons */
.p-Btn{
    background: #13366C;
    border-radius: 4px;
    color: #fff;
}
.p-Btn:hover{
    background: #13366C;
    color: #fff;
}
.p-Btn::placeholder{
    background: #D0D4D8;
}
.p-Btn:disabled{
    background: #D0D4D8;
    color: #fff;
}
.s-Btn{
    background: #FFFFFF;
    border: 1px solid #13376C;
    border-radius: 4px;
    color: #13366C;
}
.s-Btn:hover{
    background: #DBF1FA;
    border: 1px solid #13376C;
    color: #13366C;
}
.s-Btn:disabled{
    background: #D0D4D8;
    border-color: #fff;
    color: #fff;
}
.largeBtn{
    width: 100%;
}
/* Buttons End */
/* Radio Button End */
.slds-radio [type=radio]+.slds-radio__label .slds-radio_faux{
    width: 20px;
    height: 20px;
    border-color:#65686B;
}
.slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux, .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:focus, .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:active, .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux::after{
    width: 20px;
    border: 7px solid #E57A56;
    height: 20px;
    background: #fff;
    border-radius: 10px;
}
/* Radio Button End */
/* Checkbox */
.slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux {
    background-color: #F9FAFB;
    border-color: #CED2DA;
    width: 20px;
    height: 20px;
    border-radius: 6px;
}
.slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
    background-color: #E57A56;
    border-color: #E57A56;
    width: 20px;
    height: 20px;
}
.slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux::after {
    border-bottom: 2px solid white;
    border-left: 2px solid white;
}
/* Checkbox End */
/* Toast messages Notification */
.notification{
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 84px;
    padding: 15px;
    color: #fff;
    z-index:24;
}
.n-Sucess{
    background: #57AD68;
}
.n-Warning{
    background: #E3B94E;
}
.n-Error{
    background: #E75128;
}
/* Toast messages Notification End */
/* Custom CSS */
.headerSearch .slds-input{
    padding: 9.25px 22px;
}
.headerSearch lightning-primitive-icon [data-key="search"]{
    display: none;
}
.grtx-search-sections lightning-primitive-icon [data-key="search"]{
    display: none;
}
/* accordian arrow css change */
.accordianBox .slds-accordion__summary-action-icon {
    flex-shrink: 0;
    transform: rotate(0deg);
    position: absolute;
    right: 0px;
}
.accordianBox .slds-is-open>.slds-accordion__summary .slds-accordion__summary-action-icon {
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(0);
}
/* accordian arrow css change End */
/* Pagination Number bg change */
.paginationBox .slds-button_brand{
    background: #fff;
}
.paginationBox button{
    border-radius: 6px !important;
    width: 40px;
    height: 40px !important;
    color: #0A4552;
    font-weight: 400;
}
.paginationBox .paginationNextBTN button, .paginationBox .paginationPrevBTN button{
    height: 40px;
    width: auto;
}
.paginationActive button.slds-button{
    background: #64C3E7;
    border-color: #64C3E7;
    color: #fff;
    font-weight: 500;
}
.paginationActive .slds-button:hover, .paginationActive .slds-button:focus{
    background: #64C3E7;
    box-shadow: none;
}
/* Pagination Nymber bg change End */
/* Tabset UI */
.productDetailTabset .slds-tabs_default__item{
    padding-left: 24px;
    padding-right: 24px;
}
.productDetailTabset .slds-tabs_default__item:first-child{
    padding-left: 0px;
}
.productDetailTabset .slds-tabs_default__link{
    color: #1A202C !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    line-height: 60px;
    height: 60px;
}
.productDetailTabset .slds-is-active .slds-tabs_default__link{
    background:rgba(100, 195, 231, 0.2);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-left: 24px;
    padding-right: 24px;
    color: #13366C;
    font-weight: 700;
}
.productDetailTabset .slds-tabs--default__item:hover:after, .productDetailTabset .slds-tabs_default__item:hover:after {
    background: none;
}
.productDetailTabset .slds-tabs--default__item.slds-active:after, .productDetailTabset .slds-tabs--default__item.slds-is-active:after, .productDetailTabset .slds-tabs_default__item.slds-active:after, .productDetailTabset .slds-tabs_default__item.slds-is-active:after {
    background: none;
}
.productDetailTabset .slds-tabs_default__nav{
    border-bottom-color: rgba(208, 212, 216, 1);
}
/* Tabset UI End */
.quantityBox .slds-form-element{
    margin-bottom: 0px;
}
.quantityBox .slds-input{
    padding: 5px 12px;
    margin-top: 18px;
    font-size: 12px;
    font-weight: 700;
    color: #000;
}
.quantityBox .slds-form-element__help{
    position: absolute;
    width: 167px;
    font-size: 9px;
    left: -35px;
    top: -5px;
    text-align: center;
}
.loginFormBox .slds-form-element{
    margin-bottom: 6px;
}
.shipingLabelboldStyle .slds-form-element__label{
    font-weight: 700 !important;
}
/* Invoice Screen */
.grtx-search-sections .slds-input{
    height: 40px;
}
/* Invoice Screen End */
/* Account Management */
.inputHeight40Px .slds-input{
    height: 40px;
}
.userSiteBox .slds-tabs--default__nav, .userSiteBox .slds-tabs_default__nav{
    border-bottom-color: #D0D4D8;
}
.userSiteBox a, .userSiteBox a:link:not(.slds-button, .userSiteBox.slds-dropdown__item>a), .userSiteBox a:visited:not(.slds-button,.slds-dropdown__item>a){
    color: #1A202C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.userSiteBox .slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
    color: #1A202C;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}
.userSiteBox .slds-is-active .slds-tabs_default__link{
    color: #1A202C !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
}
.userSiteBox .slds-tabs_default .slds-is-active:after{
    background: #13366C;
    border-radius: 8px;
    height: 10px;
    position: relative;
    top: 5px;
}
.userSiteBox .slds-tabs_default__item:hover:after{
    background: #13366C;
    border-radius: 8px;
    height: 10px;
    position: relative;
    top: 5px;
}
.userSiteBox .slds-tabs_default__link{
    padding-left: 10px;
    padding-right: 10px;
}
.userSiteBox .slds-tabs_default__item{
    margin-right: 60px;
}
.userSiteBox .slds-tabs_default__item:last-child{
    margin-right: 0px;
}
.filterBox .slds-input-has-icon .slds-input__icon:not(button) {
    height: 20px;
}
/* Account Management End */
/* Order Detail */
.orderDetailTabsBox .slds-tabs_default__item:first-child{
    margin-left: 40px;
}
.orderDetailTabsBox .slds-tabs_default__item{
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 20px;
}
.orderDetailTabsBox .slds-tabs_default__link{
    color: #1A202C !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.orderDetailTabsBox .slds-tabs--default__item.slds-active .slds-tabs--default__link, .orderDetailTabsBox .slds-tabs--default__item.slds-active .slds-tabs_default__link, .orderDetailTabsBox .slds-tabs--default__item.slds-is-active .slds-tabs--default__link, .orderDetailTabsBox .slds-tabs--default__item.slds-is-active .slds-tabs_default__link, .orderDetailTabsBox .slds-tabs_default__item.slds-active .slds-tabs--default__link, .orderDetailTabsBox .slds-tabs_default__item.slds-active .slds-tabs_default__link, .orderDetailTabsBox .slds-tabs_default__item.slds-is-active .slds-tabs--default__link, .orderDetailTabsBox .slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
    font-weight: 700;
    color: #13366C !important;
}
.orderDetailTabsBox .slds-tabs--default__nav, .orderDetailTabsBox .slds-tabs_default__nav{
    border-bottom-color: #E9EBED;
}
.orderDetailTabsBox .slds-tabs_default__item.slds-active:after, .slds-tabs_default__item.slds-is-active:after{
    background: #13366C;
}
.cpvwp-updates-box b{
    display: inline-block;
    width: 100%;
 }
 .messageTextArea .slds-textarea{
    min-height: 123px;
    border-color: #D0D4D8;
    padding: 12px;
 }  
.filterByBox .slds-form-element .slds-input-has-icon .slds-input__icon:not(button) {
    pointer-events: none;
    height: 21px;   
    background: #fff;
}
.warningTooltipHeading lightning-formatted-date-time{
    font-weight: 400;
}
/* Order Detail End */
.cotCheckBoxFont .slds-form-element__label{
    color: #1A202C;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
}
/* Account Management */
.creditCardType.slds-form-element .slds-radio{
    margin-bottom: 13px;
}
.childModal section.slds-modal{
    background: rgba(0,0,0,0.5);
}
/* Account Management End */
/* Custom CSS End */
.accordianOptionsMain .slds-accordion__summary-content{
    margin-left: 13px;
}
.accordianOptionsMain .slds-button__icon{
    position: absolute;
    right: 0;
    -moz-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}
.accordianOptionsMain section.slds-accordion__section.slds-is-open .slds-button__icon{
    -moz-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    fill: #F06742;
}
.accordianOptionsMain section.slds-accordion__section.slds-is-open .slds-accordion__summary-content{
    color: #F06742;
}
.saveCreditCardBox .fix-slds-input_faux{
    line-height: auto;
}
.rightFormBox .slds-form-element__help{
    position: absolute;
    line-height: 11px;
}
.deaCheckbox .slds-form-element__label{
    color: #1A202C;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.community_byo-scoped-header-and-footer__main{
    min-height: 82vh;
}
/* New Signup FLow */
.radioBoxMain .slds-radio{
    position: relative;
    margin-top: 9px;
}
.radioBoxMain .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux{
    width: 16px;
    height: 16px;
    box-shadow: none;
}
.radioBoxMain .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux, 
.radioBoxMain .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:focus, 
.radioBoxMain .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux:active, 
.radioBoxMain .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux::after{
    width: 16px;
    border: 0px solid #1e1e1e;
    height: 16px;
    background: #1e1e1e;
    border-radius: 10px;
}
.radioBoxMain .slds-radio [type=radio]:checked+.slds-radio__label .slds-radio_faux::before{
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 14px;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
    z-index: 1;
}
/* New Signup FLow End */
/* New Cart Page Tabs UI */
.cpvwpCartTabs .slds-tabs_default__nav, .cpvwpCartTabs .slds-tabs--default__nav{
    border-bottom: 1px solid #13366C;
    border-bottom: 0px;
}
.cpvwpCartTabs .slds-tabs_default__item{
    min-width: 200px;
    text-align: center;
    border:1px solid #D0D4D8;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 8px;
    background: #fff;
    height: 39px;
}
.cpvwpCartTabs .slds-tabs_default__item a{
    color: #6F7174 !important;
    font-size: 16px;
    line-height: 40px;
    text-decoration: none !important;
}
.cpvwpCartTabs .slds-tabs_default__item.slds-is-active{
    border: 1px solid #13366C;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: #fff;
    height: 40px;
    z-index: 1;
}
.cpvwpCartTabs .slds-tabs_default__item:hover{
    background: #f0f2f5;
}
.cpvwpCartTabs .slds-tabs_default__item.slds-is-active a{
    font-weight: 700;
    color: #0A4552 !important;
    position: relative;
}
.cpvwpCartTabs .slds-tabs--default__item:hover:after, .cpvwpCartTabs .slds-tabs_default__item:hover:after{
    display: none;
}
.cpvwpCartTabs .slds-tabs_default__item.slds-active:after, .cpvwpCartTabs .slds-tabs_default__item.slds-is-active:after{
    background: #fff;
    bottom: -3px;
    z-index: 1;
}
.cpvwpCartTabs .supplierItem{
    border: 0px !important;
    padding-top: 0px !important;
}
.cpvwpCartTabs .supplierItem .orderDetailTitle{
    display: none;
}
/* New Cart Page Tabs UI End */
/* Salesforce After Relese Fixes 24-Jun-2025 */
.THIS lightning-input lightning-primitive-icon[variant="bare"] {
    display: none;
 }
 /* Salesforce After Relese Fixes 24-Jun-2025 End */