.cb-section .cb-section_row.slds-grid {
    max-width: 1440px !important;
  }
  
  .salesforceIdentityLoginBody2 .cCenterPanel {
      max-width: 500px !important;
  }
  
  .hcsc-header {
    text-align:center;
      margin-top:30px;
      margin-bottom:30px;
  }

  /* Homa Page Styling */
  .comm-page-home .hcsc-col-3-width-create-an-account {
    flex:32%;
    max-width:72%;
    padding:0 4px;
  }

  .comm-page-home .hcsc-card-height-create-an-account {
    background-color: white;
    padding:10px;
    box-shadow: 3px 3px 5px rgb(95 95 95);
    min-height:300px;
    display: grid;
    text-align: center;
    border: 2px solid rgb(231, 230, 230);
    border-radius:2px;
}

.comm-page-home .hcsc-p-create-an-account {
  font-size:16px;
  font-weight: 100;
  padding-top: 40px;
  padding-bottom: 10px;
  }

.comm-page-home .hcsc-a-button-create-an-account {
    border-radius: 20px;
    min-width: 25%;
}

.home-reasons {
    margin-top:30px;
    margin-bottom:30px;
}

.home-get-started-steps{
    margin-top:60px;
    margin-bottom:60px;
}

.comm-page-custom-patient-access-api .home-get-started-steps{
    margin-top:0px;
    margin-bottom:60px;
}

.home-get-started-steps lightning-combobox.slds-text-align_left.slds-form-element {
    margin: auto;
    width: 62%;
    padding-bottom: 10px;
}

.home-get-started-steps .hcsc-row .hcsc-col-3 .hcsc-card{
    height: 300px;
}

.home-reason-cards{
    margin-bottom:60px;
}
   
  /*Card Styling*/
  .hcsc-card {
      background-color: white;
      padding:10px;
      box-shadow: 3px 3px 5px rgb(95 95 95);
      min-height:250px;
      display: grid;
      text-align: center;
      border: 2px solid rgb(231, 230, 230);
      border-radius:2px;
  }
  .hcsc-card-height {
      background-color: white;
      padding:10px;
      box-shadow: 3px 3px 5px rgb(95 95 95);
      min-height:300px;
      display: grid;
      text-align: center;
      border: 2px solid rgb(231, 230, 230);
      border-radius:2px;
  }
  
  /*LWC Styling*/
  .hcsc-col-3-width .hcsc-card-height {
      background-color: white;
      padding:10px;
      box-shadow: 3px 3px 5px rgb(95 95 95);
      min-height:300px;
      display: grid;
      text-align: center;
      border: 2px solid rgb(231, 230, 230);
      border-radius:2px;
  }
   
  /*Patient Access Styling*/
  .comm-page-custom-patient-access-api .hcsc-p-create-an-account {
      font-size:16px;
      font-weight: 100;
      padding-top: 40px;
      padding-bottom: 10px;
  }
  .comm-page-custom-patient-access-api .api-version-header-name{
      font-weight: bold;
  }
  
  .comm-page-custom-patient-access-api .hcsc-a-button-create-an-account {
      border-radius: 20px;
      min-width: 25%;
     
  }
   
  .comm-page-custom-patient-access-api .hcsc-col-3-width-create-an-account {
    flex:32%;
    max-width:100%;
    padding:0 4px;
  }
  
  .comm-page-custom-patient-access-api .hcsc-card-height-create-an-account {
    background-color: white;
    padding:10px;
    box-shadow: 3px 3px 5px rgb(95 95 95);
    min-height:300px;
    display: grid;
    text-align: center;
    border: 2px solid rgb(231, 230, 230);
    border-radius:2px;
    }

    .comm-page-custom-patient-access-api .hcsc-card-api-drop-down {
        background-color: white;
        padding:10px;
        box-shadow: 3px 3px 5px rgb(95 95 95);
        min-height:320px;
        display: grid;
        text-align: center;
        border: 2px solid rgb(231, 230, 230);
        border-radius:2px;
    }

    .comm-page-custom-patient-access-api .hcsc-card-api-drop-down .hcsc-h1{
        font-size: 1.4rem;
    }
    
    /*Provider Directory API */
    .comm-page-custom-provider-directory-api .hcsc-card-api-drop-down {
        background-color: white;
        padding:10px;
        box-shadow: 3px 3px 5px rgb(95 95 95);
        min-height:350px;
        display: grid;
        text-align: center;
        border: 2px solid rgb(231, 230, 230);
        border-radius:2px;
    }

    .comm-page-custom-provider-directory-api .api-version-header-name {
        font-weight: bold;
    }

    .comm-page-custom-provider-directory-api .acm_pkgApiVersionHeader .api-version-header-select-container {
        display: none;
    }

    .comm-page-custom-provider-directory-api .hcsc-card-api-drop-down .hcsc-h1{
        font-size: 1.4rem;
    }

  /*Data Exchange Styling*/
  .hcsc-data-exchange-wrapper{
    display:flex !important;
    justify-content:center !important;
    flex-direction: column; 
    }

    .data-exchange-header {
        height: 100px !important;
        margin-left: -134px !important;
        margin-top: -1.2em !important;
    }
    .data-exchange-header p{
        margin-left: 10em !important;
    }

    .data-exchange-header h1{
        font-size: 24px !important;
        font-weight: bold !important; 
        margin-left: 5.5em !important;
        
    }

    .comm-page-custom-payer-data-exchange-api .hcsc-card-api-drop-down {
        background-color: white;
        padding:10px;
        box-shadow: 3px 3px 5px rgb(95 95 95);
        min-height:350px;
        display: grid;
        text-align: center;
        border: 2px solid rgb(231, 230, 230);
        border-radius:2px;
    }

    .comm-page-custom-payer-data-exchange-api .hcsc-card-api-drop-down .hcsc-h1{
        font-size: 1.4rem;
    }
  
  /*General Styling */
  .hcsc-col-3 {
    flex:32%;
    max-width:32%;
    padding:0 4px;
  }
  .hcsc-col-3-space {
    flex:32%;
    max-width:28%;
    padding:0 4px;
    margin-left: 95px;
    margin-right: 95px;
  }
  
  .hcsc-col-3-width {
    flex:32%;
    max-width:72%;
    padding:0 4px;
  }

  .hcsc-row {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
  }
  
  
  .hcsc-col-2 {
    flex:49%;
    max-width:49%;
    padding:0 4px;
  }
  
  .hcsc-row .hcsc-col-2{
    display:flex;
    justify-content:center;
  }
  
  .hcsc-row .hcsc-col-2 .hcsc-card{
      width: 55%;
      padding: 20px;
      height: 400px;
  }
  
  .hcsc-row-2_card {
    grid-template-rows: 40% 60%;
    }

    .hcsc-row-3_card {
        grid-template-rows: 30% 50% 20%;
    }

    .hcsc-row-4_card {
        grid-template-rows: 25% 25% 25% 25%;
    }

    .hcsc-p {
        font-size:16px;
        font-weight: 100;
    }
  .hcsc-h1 {
      font-weight: 700;
      font-size:1.5rem;
  }
  
  .hcsc-h2 {
      font-weight: 700;
      font-size:1.125rem;
  }
  
  .hcsc-a-container {
      display: flex;
      justify-content: center;
      align-items: center;
  
  }

  .home-get-started-steps .hcsc-a-container {
    padding-top: 20px;
  }
  
  .hcsc-a-button {
      background-color: rgb(15, 109, 190);
      border-radius: 25px;
      min-width: 25%;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .hcsc-a-button-width {
      background-color: rgb(15, 109, 190);
      border-radius: 25px;
      min-width: 25%;
      height: 35px;
      display: flex;
      align-items: center;
      margin-right: 5px;
      justify-content: center;
  }

  .hcsc-a {
      color: white !important;
  }
  
  .hcsc-a-button:hover{
      background-color:rgba(15, 109, 190, 0.82);
  }
  
  .hcsc-a:hover{
      color:white !important;
  }
  
  @media (max-width: 800px) {
    .hcsc-col-3_col {
      flex:100%;
      max-width:100%;
    }
    .hcsc-col-2_col {
      flex:100%;
      max-width:100%;
    }
  }
  
  .api-card-container.api-catalog-card-container {
      background-color: white;
      padding:10px;
      text-align: center;
      box-shadow: 2px 3px 5px #333;
      min-height:250px;
      display: grid;
      grid-template-rows: 33% 33% 33%;
      overflow:hidden;
  }
  
  .api-card-border.api-catalog-card-border {
      box-shadow:none !important;
      border:none !important;
  }
  
  button.acm-color-primary.api-card-details-button.api-catalog-card-details-button {
      border-radius:25px;
  }
  
  .src-components-apiCatalog-apiCatalog__apiCatalogCardContainer--3OJir {
      width:50% !important;
      text-align:center !important;
      display:flex !important;
      justify-content:center !important;
  }
  
  .api-catalog-apis-container{
      display:flex;
  }
  
  .api-card-border.api-catalog-card-border {
      box-shadow:none !important;
      border:none !important;
      text-align:center !important;
  }
  
  .api-catalog-card-icon{
      display:none !important;
  }
  
  .api-card-name.api-catalog-card-name.api-card-title.api-catalog-card-title{
      text-align:center;
  }
  
  .api-card-container.api-catalog-card-container{
      width:60%;
  }
  
  .hcsc-api-catalog{
      margin:10% auto;
  }
  
  .hcsc-questions{
      margin:30px;
      text-align:center;
  }
  
  .hcsc-api-catalog .hcsc-card.hcsc-row-3_card {
      grid-template-rows:25% 45% 30%;
  }
  
  .hcsc-api-catalog .hcsc-card{
      height:350px !important;
  }
   
  /*Documentation Styling*/
  .hcsc-documentation-overview-p {
      padding:20px 0 0;
  }
  
  /*Application Detail Styling*/
  .src-components-applicationDetail-applicationDetail-module__optionalLabel--27uXr {
      display: none !important;
  }
  
  .src-components-applicationDetailFooter-contractRow-contractRow-module__requestTierChangeButton--2mLhC{
      display: none !important;
  }

  /* Patient Access API Documentaion Styling*/
.hcsc-introduction .hcsc-p,
.hcsc-getting-started .hcsc-p,
.hcsc-register-app .hcsc-p,
.hcsc-developer-references .hcsc-p,
.hcsc-cms .hcsc-p {
    padding:1% 0;
}

.hcsc-documentation-section-line-p{
    border-bottom: groove;
}
.hcsc-introduction-p.hcsc-p > ul {
    list-style-type:disc;
    padding: 0px 5%;
}

.hcsc-introduction-ul{
    font-size: 16px;
    font-weight: 100;
}

.hcsc-getting-started-1-ol {
    list-style-type: decimal;
    padding:10px 3%;
    font-size: 16px;
    font-weight: 100;
  }

.hcsc-getting-started-1-ul {
    list-style-type: disc;
    padding:10px 3%;
    font-size: 16px;
    font-weight: 100;
}

.hcsc-getting-started-1-ul > li {
    padding:5px 0px;
}

.hcsc-getting-started-1-ol > li {
    padding:5px 0px;
}

.hcsc-getting-started-2-ol > li {
    padding:5px 0px;
}

.hcsc-getting-started-registration{
    padding: 10px;
}
.hcsc-documentation-viewer {
    display:flex;
    flex-direction: row;
    flex:1 3;
    gap:50px;
}

.hcsc-documentation-viewer {
    flex-direction:row !important;
    gap:50px;
}

.hcsc-documentation-content-viewer {
    width:100%;
    margin:15px 0;
}

.hcsc-documentation-tab-nav > ul > li {
    font-size:18px;
    margin:15px 0;
    font-weight:100;
}

.hcsc-documentation-tab-nav > ul > li:hover {
    cursor:pointer;
}

.hcsc-documentation-tab-nav > ul > li.isActive {
    font-weight:700;
}

.hcsc-developer-references-ul {
    list-style-type:disc;
    padding:0 5%;
    font-size: 16px;
    font-weight: 100;
}

.hcsc-developer-references-ul > li {
    list-style-type:disc;
    padding:5px;
}

.hcsc-cms-ul {
    list-style-type:disc;
    padding:0 5%;
    font-size: 16px;
    font-weight: 100;
}

.hcsc-cms-2-ul {
    padding:0 5%;
    font-size: 16px;
    font-weight: 100;
}

.hcsc-cms-ul > li {
    list-style-type:disc;
    padding:5px;
}

.hcsc-cms .hcsc-h2 {
    padding:30px 0 0;
}

.hcsc-list-img {
    display: block;
}



@media (max-width: 800px) {
.hcsc-documentation-viewer {
        flex:100%;
        max-width: 100%;
    }
}


  /*Developer Registration Component Styling*/
  .hcsc-register-card{
    background-color: white;
    padding: 10px 35px 10px 35px;
    box-shadow: 3px 3px 5px rgb(95 95 95);
    min-height: 500px;
    display: grid;
    grid-template-rows: none;
    border: 2px solid rgb(231, 230, 230);
    border-radius: 2px;
  }
  
  .hscs-register-h1{
      font-weight: 700;
      font-size: 2em;
  }
  
  .hcsc-register-h2{
      font-weight: 500;
      font-size: 14px;
  }
  
  .hcsc-register-submit-button{
      margin: auto;
      width: 7rem;
  }
  
  .hcsc-register-error{
      color: red;
  }

  .hcsc-register-input {
    padding-top: 5px;
    padding-bottom: 5px;
}

  /* Payer Data Exchange API Create An Account Styling*/
  
.comm-page-custom-payer-data-exchange-api .api-version-header-name{
    font-weight: bold;
}

.comm-page-custom-payer-data-exchange-api .hcsc-card-height-create-an-account {
    background-color: white;
    padding:10px;
    box-shadow: 3px 3px 5px rgb(95 95 95);
    min-height:300px;
    display: grid;
    text-align: center;
    border: 2px solid rgb(231, 230, 230);
    border-radius:2px;
    }

.comm-page-custom-payer-data-exchange-api .hcsc-col-3-width-create-an-account {
    flex:32%;
    max-width:100%;
    padding:0 4px;
  }
.comm-page-custom-payer-data-exchange-api .hcsc-p-create-an-account {
      font-size:16px;
      font-weight: 100;
      padding-top: 40px;
      padding-bottom: 10px;
}

.comm-page-custom-payer-data-exchange-api .hcsc-a-button-create-an-account {
      border-radius: 20px;
      min-width: 25%;
  }

.comm-page-custom-payer-data-exchange-api .home-get-started-steps{
    margin-top:0px;
    margin-bottom:60px;
}

/* Registration Form Styling */
.comm-page-custom-developer-registration .slds-form-element__label {
    font-weight:700;
}

.comm-page-custom-data-exchange .slds-form-element__label {
    font-weight:700;
}

/* Footer General */
.hcscFooter {
    background-color: #003333  ;
    box-sizing: border-box;
    color: white ;
    line-height: 1.5 ;
    margin: 0 ;
    min-height: calc(100vh - 730px);
    padding: 0 ;
  }
.hcscFooter ul {
    list-style: none !important;
    list-style-image: none !important;
    list-style-type: none !important;
    padding-left: 0 ;
  }

.hcscFooter a {
    color: white ;
    text-decoration: none ;
  }
.hcscFooter a:hover {
    color:#1fbfc9 ;
    text-decoration: underline ;
  }
 
  /* Footer main */
.hcscFooter .ft-main {
    display: flex;
    margin:auto;
    max-width:1170px;
  }

.hcscFooter .ft-main-item {
    float:left;
    padding: 1.25rem;
  }
  

  /* Footer social */
.hcscFooter .ft-social {
    align-items:flex-end ;
    justify-content:flex-end ;
    padding: 0 1.875rem 0;
  }
.hcscFooter .ft-social-list {
    align-items:flex-end;
    display: flex;
    justify-content:flex-end ;
    
  }
.hcscFooter .ft-social-list li {
    align-items:flex-end ;
    font-size: 1.75rem;
    justify-content:flex-end ;
    margin: 1rem;
  }
  /* Footer legal */
.hcscFooter .ft-legal {
    background-color: #003333;
    color:white;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    max-width: 1170px;
    padding: 0.5rem 20px;
  }
.hcscFooter .ft-legal-list {
    color:white;
    justify-content:center;
    text-align: justify;
    text-align-last: center;
    width: 100%;
  }
.hcscFooter .ft-legal-list li {
    justify-content:center;
    text-align:center;
    white-space: nowrap;
  }
.hcscFooter .ft-legal-list li p {
    justify-content:center;
    max-width:500px;
    text-align:center;
    white-space:normal;
    white-space: nowrap;
  }
  
.ft-legal-list a:hover {
    color:#30B996;
  }

.socialMedia {
    color: white;
    height: 25px ;
    padding-left: 20px ;
    padding-right: 20px ;
    text-align: right ;
}

/* Register Outcomes Styling*/
.register-outcome .hcsc-logo{
    margin: auto;
    width: 40%;
}

.register-outcome{
    margin: auto;
    max-width: 500px;
}

@font-face {     font-family: 'FieldsDisplayFont';     src: url('/s/sfsites/c/resource/FieldsDisplay') ; }
.forceCommunityThemeHeroBase .contentTitle {
    font-family: FieldsDisplayFont;
}
/* Home page cards mobile devices */
@media only screen and (min-width:1200px){
    .card-access-dim{
    width:450px;min-height:275px;
   }
     .hcsc-row-dim {
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
   }
 }
   @media only screen and (max-width:400px){
     .card-access-dim{
      width:100%;
      height:100%
     }
 }
 /* Patient Access Home page Mobile devices */
 @media only screen and (min-width:1200px){
    .card-access-dim-pa{
    width:388px;
   }
     .hcsc-row-dim-pa {
     display:flex;
     flex-wrap:wrap;
     justify-content:space-between;
     margin-right: 95px;
     margin-left: 95px;
   }
 }
  /* Register success and error page mobile devices */
  .hcsc-a-button-reg-success-error {
    background-color: rgb(15, 109, 190);
    border-radius: 35px;
    min-width: 25%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
} 

@media only screen and (max-width:500px){
.hcsc-a-button-reg-success-error {
    min-width: 35%;
}    
}
/* Application Registration FHIR scopes mobile devices */
.slds-listbox__option .slds-truncate {
    overflow: visible;
}