@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Ubuntu&display=swap');

.api-console-component.api-console-nav{
    box-sizing: border-box !important;
    border: 1px solid #E0F0F0 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
    margin-right: 20px !important;
    height: fit-content !important;
}

.api-console-component.api-console-doc{
    box-sizing: border-box !important;
    border: 1px solid #E0F0F0 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
    margin-right: 20px !important;
    padding: 15px 20px !important;
}

.api-console-component.api-console-req{
    padding: 0px !important;
}

.visible.acm_pkgApiConsoleComponent.acm_pkgApiConsoleRequestPanel{
    box-sizing: border-box !important;
    border: 1px solid #E0F0F0 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
}

.visible.acm_pkgApiConsoleComponent.acm_pkgApiConsoleRequestPanel{
    box-sizing: border-box !important;
    border: 1px solid #E0F0F0 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 6px 26px 4px rgba(0,0,0,0.05) !important;
    padding: 0px 10px 15px 10px !important;
}

.slds-grid.slds-gutters.api-console-container.acm_pkgApiConsoleComponent.acm_pkgApiConsole{
    margin: 0px !important;
}

.list-item.summary{
    color: #037CB7 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 19px !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    line-height: 28px !important;
}

button.slds-button.slds-button_brand.slds-size_x-small.slds-m-around_x-small{
    height: 35px !important;
    width: 64% !important;
    border-radius: 10px !important;
    background-color: #037CB7 !important;
    border: 0px !important;
    font-size: 92% !important;
    color: #FFFFFF !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    line-height: 13px !important;
    text-align: center !important;
}

@media (max-width: 991px){
    button.slds-button.slds-button_brand.slds-size_x-small.slds-m-around_x-small{ 
        font-size: 72% !important;
    }
}
.slds-col.slds-is-relative{
    flex: none !important;
    width: 50% !important;
    display: flex !important;
    justify-content: center !important;
}

.slds-container--small.slds-grid{
    max-width: 100% !important;
}

lightning-helptext.vertical-center{
    right: 0px !important;
    position: relative !important;
    top: 40px !important;
}

@media screen and (max-width:991px){
    .api-console-component.api-console-doc{
        margin-top: 20px !important;
    }
    .visible.acm_pkgApiConsoleComponent.acm_pkgApiConsoleRequestPanel{
        margin-top: 20px !important;
    }
}

.comm-page-detail-a09{
    background-position: top 2rem right -40rem;
    background-repeat:no-repeat;
    background-image:url('/s/sfsites/c/resource/community_catalog_assets/images/Background.svg');
}

.slds-col--padded.contentRegion.comm-layout-column{
    background-color: transparent !important;
    border: none !important;
}

.js-tabset.uiTabset--base.uiTabset--default.uiTabset.forceCommunityTabset{
    background-color: transparent !important;
}

ul.tabs__nav{
    border: none !important;
}

.src-components-apiAccessRequester-accessRequestedMessage-accessRequestedMessage__accessRequested--1SgE3{
    width: auto !important;
}

div.src-components-apiAccessRequester-accessRequestedMessage-accessRequestedMessage__closeModalButtonContainer--1t1gi button.acm-button-primary.src-components-commons-acmButton-acmButton__button--3vfRp.src-components-commons-acmButton-acmButton__primary--uTDcR.api-access-primary-button{
    border: none !important;
}