/**
* Add this to the Header markup in Experience builder>Settings>Advanced>Edit Header: 
* <link rel="stylesheet" href="/sfsites/c/resource/ofGlobalStyles" />
*/

.themeBgImage {
    background-image: linear-gradient(to right, #004285, #1b9ad6) !important;
}

.themeNavContainer>ul>li:first-child {
    visibility: hidden;
}

.themeNav {
    font-weight: bold;
}

records-lwc-highlights-panel h1 lightning-formatted-text,
records-lwc-highlights-panel h1,
.forceCommunityRecordListDesktop .slds-page-header .slds-media__body,
.forceCommunityRecordListDesktop .slds-page-header .slds-media__body h1 span {
    font-family: arial;
    font-weight: bold;
}


.slds-modal__header {
    background-color: #10628d !important;
    color: white !important;
}

/* record list fixed height */
.forceCommunityTabLayout .forceListViewManagerGrid .scroller-wrapper {
    max-height: 450px;
}

.forceCommunityTabLayout .forceCommunityRecordListDesktop.forceListViewManager .listDisplays {
    max-height: 500px !important;
    min-height: 500px !important;
}





.footer {
    width: 100%;
    background: white;
    border-top: 1px solid #ccc;
    z-index: 50000;
}

.main {
    margin-bottom: 20px;
}

.siteforceContentArea {
    background-color: #f5f6f8;
}


.custom-underline,
lightning-checkbox-group.custom-underline .slds-form-element__legend,
lightning-radio-group.custom-underline .slds-form-element__legend {
    text-decoration: underline;
}

.custom-bold,
lightning-checkbox-group.custom-bold .slds-form-element__legend,
lightning-radio-group.custom-bold .slds-form-element__legend {
    font-weight: bold;
}




/* sebastian overrides 02/26/2024 5a4pm est */
.siteforceContentArea {
    min-height: calc(100vh - 80px - 40px);
    background-color: #F5F6F8;
}

/* font size */
.siteforceThemeLayoutStarter .forceCommunityThemeNav.stellaInnerHeader .mainNavItem .linkBtn.comm-navigation__top-level-item-link--active {
    text-underline-offset: 33px;
    text-decoration: underline 2px white;
    border-bottom: none;
}

.siteforceThemeLayoutStarter .themeNavContainer>ul>li:first-child {
    /* remove home nav */
    display: none;
}




.siteforceThemeLayoutStarter.siteforceThemeLayoutStarter .themeHeaderInner {
    font-size: 1rem;
}




/* buttons - see source on scss */


/* 
--slds-c-button-spacing-inline-end
--slds-c-button-spacing-inline-start
--slds-c-button-spacing-inline-start


.slds-button:not(.slds-button_icon) {
  padding-right: 25px;
  padding-bottom: 7px;
  padding-top: 7px;
  padding-left: 25px;
  font-size: 1rem;
}
this is affecting many things- better to remove 04/01
*/


/* branding button */
/* 
--slds-c-button-brand-color-background
--slds-c-button-brand-color-border
--slds-c-button-brand-text-color
*/




/* 
--slds-c-button-brand-color-background-hover
--slds-c-button-brand-color-border-hover
--slds-c-button-brand-text-color-hover
*/


[kx-scope=button-brand]:hover,
[kx-scope=button-neutral]:hover,
[kx-scope=button-outline]:hover,
[kx-scope=button-filled]:hover {
    transform: none;
}


/* ending button section */

.app-order-create-container {
    max-width: 100% !important;
    width: 100% !important;
}


/* this is  for the tabs component that have a listview inside , we can use the :has(.forceListViewManager)  to target that */
.slds-tabs_default.js-tabset.forceCommunityTabLayout {
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 3px;
    border-radius: 3px;
}

/*.slds-modal__close{
    display: none;
}*/
/*Commented by Manish as its not showing close option on modal windows


/* this is for the listviews */

.forceListViewManager,
.uiAbstractList {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 3px;
    border-radius: 3px;
}


.forceListViewManager.forceCommunityRecordListDesktop .slds-page-header,
.forceListViewManager.forceCommunityRecordListDesktop .listDisplays {
    padding-left: 1px;
    padding-right: 1px;
    margin-right: 5px;
    margin-left: 5px;

}

.forceListViewManager.forceCommunityRecordListDesktop .listViewContainer {
    left: 1px;
    right: 1px;
}



/* so the footer dont overlap */
.body

/*:has(+ .footer)*/
    {
    padding-bottom: 100px;
}




/* Override of the Highlights title for patient orders  */


@media (max-width: 768px) {

    a:hover {
        text-decoration: none !important;
    }

    .is-pinned {
        /* Sticks the pinned element to the top with an offset */
        position: sticky;
        top: -15px;
        z-index: 4;
        background-color: transparent;
        padding-left: 0;
        padding-right: 0;
        transition: padding-left 0.3s ease, padding-right 0.3s ease;

    }

    .is-pinned .forceCommunityActionsContainerMobile {
        /* Hides other elements except for the title */
        visibility: hidden;
    }



    .comm-content-header+div c-orthofix-order-form lightning-tabset lightning-tab-bar ul {
        /* Adjusts background and margins for the tab-bar */
        background-color: transparent;
        margin-right: -10px;
    }



    .forceCommunityActionButtonMobile .slds-hyphenate {
        /*remove Hyphens for action buttons inside Record Banner in mobile */
        hyphens: none;
    }

    a:has(forceListRecordItem):hover {
        text-decoration: none;
    }



}

.forceCommunityActionButtonMobile {
    background-color: transparent;
}





@media (min-width: 768px) {
    .body

    /*:has(+ .footer)*/
        {
        padding-bottom: 60px;
    }

    .siteforceThemeLayoutStarter.siteforceThemeLayoutStarter .themeHeaderInner {
        height: 80px;
    }

    .c-of-devices-comp__width-qty input {
        width: 6ch;
    }

    .c-of-devices-comp__width lightning-base-combobox {
        width: 140px;
    }

    .slds-custom__grid-lwc .slds-form-element__control {
        display: grid;
        grid-template-columns: repeat(2, 50%);
    }


}


@media (min-width: 1024px) {
    .body

    /*:has(+ .footer)*/
        {
        padding-bottom: 40px;
    }


}

.hideEl {
    display: none;
}






/* Override of the Highlights title for patient orders 26/05/2024 scm */
div[data-target-selection-name*='.Follow'] {
    display: none;
}

/* Override of the Highlights title for patient orders  */



/*if there is a listview inside a tab we dont want the border shadow on the listview just on the tabs */
/*
.slds-tabs_default.js-tabset.forceCommunityTabLayout .forceListViewManager {
    box-shadow: none;
    border-radius: 0;
}

.slds-tabs_default.js-tabset.forceCommunityTabLayout  .forceListViewManager.forceCommunityRecordListDesktop .slds-page-header,
.slds-tabs_default.js-tabset.forceCommunityTabLayout .forceListViewManager.forceCommunityRecordListDesktop .listDisplays {
     padding-left:0;
    padding-right: 0;
}

.slds-tabs_default.js-tabset.forceCommunityTabLayout .forceListViewManager.forceCommunityRecordListDesktop .listViewContainer{
    left:10px;
    right:10px;
}
*/


c-orthofix-order-form label,
lightning-tab-bar a {
    font-weight: bold;
    text-transform: uppercase !important;
}


records-lwc-record-layout {
    border-width: 1px;
    border-style: solid;
    border-color: #D4D4D4;
    border-radius: 0.25rem;

}

.highlights {
    height: fit-content !important;
}

body:has(.forceCommunityActionButtonMobile) c-orthofix-ec-create-order-button{
    display: none;
}


.ofix-button-row {}

.ofix-button-container {
    background: red;
    display: inline-block;
    padding: 5px;
    width: calc(25% - 10px);
}

.slds-is-disabled,
.slds-input[disabled],
.slds-textarea[disabled] {
    background-color: rgb(220, 220, 220) !important;
    font-weight: bold;
}

.analyticsEmbeddedReportChart .touch-mask {
	pointer-events: none;
}


@media (max-width: 1024px) {
    .ofix-button-container {
        width: calc(50% - 10px);

    }

    div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap:has(c-orthofix-ec-create-order-button){
        flex-wrap: nowrap;
    }

    div.cb-section_row.slds-grid.slds-wrap.slds-large-nowrap:has(c-orthofix-ec-create-order-button) div.cb-section_column{
        width: 16.6666666667% !important;
    }
}

@media (max-width: 768px) {
    .ofix-button-container {
        width: calc(100% - 10px);
    }


}

body:has(c-orthofix-ec-create-order-button) tr td:last-child,
body:has(c-orthofix-ec-create-order-button) thead tr th:last-child,
body.comm-page-custom-ecphysicians tr td:last-child,
body.comm-page-custom-ecphysicians thead tr th:last-child,
body.comm-page-custom-ecinventoryonhand tr td:last-child,
body.comm-page-custom-ecinventoryonhand thead tr th:last-child
{
    display: none
}