/*Purpose - Removing Screen Flow Borders
 Used on - Register Today Community page
 Type - Standard*/
.forceCommunityFlowCommunity{
  border-width : 0!important;
}
.navigationBar[lwc-3uma98d0eu4]{
 border-top : 0!important;
}
/*Purpose - Styling for login screen
 Used on - Login Community page
 Type - Custom*/
.cCenterPanel{
  width : 652px;
  min-width: 652px !important;
  background: white;
  padding: 61px 90px 61px 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mainLogoCmp{
width: 471px;
height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.logoImages{
width: 227px;
height: 18px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.logoImages_One{
  width:86px;
  height: 18px;
}
.logoImages_three{
  width: 108px;
  height: 13px;
  color: #737373;
  margin-left: 10px;
}
.logoImages_FirstDiv{
  display:flex;
  flex-direction:row;
  width:111px;
  height:18px;
  justify-content: center;
  align-items: flex-start;
}
.logoImages_FirstDiv_TM{
  font-size: 7px;
  font-weight: 700;
  margin-top: -3px;
}
.mainLogoCmp_P{
  height: 22px;
  line-height: 22px;
  font-weight: 400;
}
.mainPasswordDiv{
  width: 471px;
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
/*Purpose - Applied for home page hero component "Learn More" link to appear as red button
 Used on - Home > Home Guest Community page
 Type - Standard*/
.slds-has-block-links_space a, .slds-has-block-links--space a {
      color: white;
      background-color: #333333;
      border-radius: 0px;
}
.slds-has-block-links_space a, .slds-has-block-links--space a:hover  {
  background-color: #444444;
}
/*Purpose - Applied for home page hero component heading font size
 Used on - Home > Home Guest Community page
 Type - Standard*/
.comm-tile-menu__item-tile.lwc-17q3q6pjb2r{
     height: 30px !important;
}

.nlHead{
font-weight: 400;
font-size: 24px;
line-height: 28.13px;
color: #000000;
}

.nlList{
font-size: 16px;
font-weight: 400;
line-height:18.75px;
}
/*Purpose - Fixing footer width for big screen 
 Used on - Globally across all pages
 Type - Standard*/
.footerPositionBottom{
  position: absolute;
  bottom: 0;
  width: 100%;
}
/*Purpose - Applied for red* mandatory symbol to appear as red which appear black as default
 Used on - In salesforce Program flows
 Type - Custom*/
.xpps-required{
color: #D92331;
  font-weight: bolder;
}
/*Purpose - Applied for underlining anchor tag to show as hyperlink
 Used on - In salesforce Program flows
 Type - Custom*/
.xpps-anchor-tag{
  text-decoration: underline;
}
/*Purpose - Applied for flow input field label styling
 Used on - In salesforce Program flows
 Type - Custom*/
.xerox-font-style{
  font-family: Roboto Condensed,sans-serif !important;
  color: #000000;
}
.xerox-line-height{
  line-height: 22px;
}
.xerox-text-size-large{
  font-size:16px !important;
  font-weight: 200;
}
/*Purpose - Applied for LWC Submit button in all flows footer
 Used on - Globally in all flows footer
 Type - Custom*/
.xerox-action-btn{
  cursor: pointer;
  font-family: Roboto Condensed, sans-serif !important;
  /*font-weight: 700 !important;*/
  background-color: #d92231;
  border: 1px solid #d92231;
  border-radius: 0px !important;
  color: #fff !important;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  min-width: 100px;
  white-space: nowrap;
  line-height: 2.5em !important;
}
.xerox-action-btn{
  margin-top: 8px;
margin-left: 1rem;
}

/*Purpose - Applied for LWC Cancle button in all flows footer 
 Used on - Globally in all flows footer
 Type - Custom*/
.xerox-cancel-btn{
  cursor: pointer;
  font-family: Roboto Condensed, sans-serif !important;
  /* font-weight: 700 !important; */
  background-color: #fff;
  border: 1px solid #333;
  color: #333 !important;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  min-width: 100px;
  white-space: nowrap;
  line-height: 2.5em !important;
}
/*Purpose - Applied for LWC Cancle button hover  
 Used on - Globally in all flows footer
 Type - Custom*/
.xerox-cancel-btn:hover {
background-color: #333;
color: #fff !important;
}
/*Purpose - Applied for LWC Submit button hover  
 Used on - Globally in all flows footer
 Type - Custom*/
.xerox-action-btn:hover {
background-color: #81141D;
border: 1px solid #81141D;
}
/*Purpose - Applied for to make the bullet in list appear red  
 Used on - Globally accross pages
 Type - Standard*/
.forceCommunityRichText li:before {
  color:rgb(217, 34, 49);
}
/*Purpose - Applied for underlining anchor tag to show as hyperlink
 Used on - In salesforce Program flows
 Type - Custom*/
.xerox-Links{
  text-decoration: underline;
}

/*Purpose - Used on Community File detail page to hide related section
 Used on - FileDetail community page
 Type - Standard*/
/*Used on Community File detail page to hide related section*/
.forceCommunityFileDetailPage .slds-size_1-of-3 {
  display: none;
}
.forceCommunityFileDetailPage .slds-size_2-of-3 {
  width: 100%;
}
.forceCommunityFileDetailPage .uiTabset .uiTabItem:nth-child(2) {
  display: none;
}
.forceCommunityFileDetailPage .slds-page-header .forceHighlightsDesktopListRecordItem:nth-child(3) {
  display:none;
}
.forceCommunityFileDetailPage .uiTabset--default .tabs__item{
  display:none !important;
}

/*Purpose - Mobile styles: for H1,H2,H3,H4,H5,H6,Banner Header
 When the screen width is less than or equal to 600px
 Used on - Globally across the pages
 Type - Standard*/
/* Mobile styles: When the screen width is less than or equal to 600px */
@media (max-width: 600px) {
  .slds-rich-text-editor__textarea h1, .slds-rich-text-editor__output h1 {
      font-size: 1.875rem !important;
      font-weight: 400 !important;
  }
}
@media (max-width: 600px) { 
  .slds-rich-text-editor__textarea h2, .slds-rich-text-editor__output h2{
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    }
}
@media (max-width: 600px) {
    .slds-rich-text-editor__textarea h3, .slds-rich-text-editor__output h3{
      font-size: 1.313rem !important;
      font-weight: 400 !important;
    }
  }
  @media (max-width: 600px) {
    .slds-rich-text-editor__textarea h4, .slds-rich-text-editor__output h4{
      font-size: 1.125rem !important;
      font-weight: 400 !important;
    }
  }
  @media (max-width: 600px) {
    .slds-rich-text-editor__textarea h5, .slds-rich-text-editor__output h5{
      font-size: 1rem !important;
      font-weight: 400 !important;
    }
  }
  @media (max-width: 600px) {
    .slds-rich-text-editor__textarea h6, .slds-rich-text-editor__output h6{
      font-size: 1rem !important;
      font-weight: 400 !important;
    }
  }
  @media (max-width: 600px) {
    .js-content.slds-is-relative.transitionEase.none.forceCommunityTileLayout{
    margin-top: -0.5rem;
      margin-bottom: -2rem;
    }
  }
  @media (max-width: 600px) {
    .js-content-subtitle.slds-m-top_small.slds-text-body_regular{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    }
  }
  @media (max-width: 600px) {
    .js-content-subtitle.slds-rich-text-editor__output{
      font-size: 16px !important;
      font-weight: 300 !important;
    }
}
@media (max-width: 600px) {
.slds-rich-text-editor__output dl, .slds-rich-text-editor__output img{
  margin-bottom: var(--lwc-spacingSmall, 0rem) !important;
}
}
/*Purpose - Mobile styles: margin for H1,H2,H3,H4,H5,H6,Banner Header
 When the screen width is less than or equal to 600px
 Used on - Globally across the pages
 Type - Standard*/
/* Mobile styles: When the screen width is less than or equal to 600px */
@media (max-width: 600px){
.slds-rich-text-editor__output h1 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
}
@media (max-width: 600px){
.slds-rich-text-editor__output h2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
}
@media (max-width: 600px){
.slds-rich-text-editor__output h3 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
}
@media (max-width: 600px){
.slds-rich-text-editor__output h4 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
}
@media (max-width: 600px){
  .slds-rich-text-editor__output h5 {
    margin-top: .5rem !important;
  margin-bottom: .5rem !important;
  }
}
@media (max-width: 600px){
  .slds-rich-text-editor__output h6 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
}
@media (max-width: 600px){
  .forceCommunitySection .cb-section_column:only-child{
  padding: 16px 8px 35px 16px !important;
}
}
@media (max-width: 600px){
  .forceCommunitySection .cb-section_column{
    padding: 16px 8px 35px 16px !important;
  }
}
/*Purpose - Mobile styles: for H1,H2,H3,H4,H5,H6,Banner Header
 When the screen width is greater than 600px
 Used on - Globally across the pages
 Type - Standard*/
@media (min-width: 600px) {
  
.slds-rich-text-editor__textarea h1, .slds-rich-text-editor__output h1{
  font-size: 3rem !important;
  font-weight: 300 !important;
}
.slds-rich-text-editor__textarea h2, .slds-rich-text-editor__output h2{
font-size: 2.25rem !important;
font-weight: 300 !important;
}
.slds-rich-text-editor__textarea h3, .slds-rich-text-editor__output h3{
  font-size: 1.875rem !important;
  font-weight: 300 !important;
}
.slds-rich-text-editor__textarea h4, .slds-rich-text-editor__output h4{
  font-size: 1.5rem !important;
  font-weight: 300 !important;
}
.slds-rich-text-editor__textarea h5, .slds-rich-text-editor__output h5{
  font-size: 1.313rem !important;
  font-weight: 400 !important;
}
.slds-rich-text-editor__textarea h6, .slds-rich-text-editor__output h6{
  font-size: 1.125rem !important;
  font-weight: 400 !important;
}
.js-content.slds-is-relative.transitionEase.none.forceCommunityTileLayout{
margin-top: -0.5rem;
  margin-bottom: -2rem;
}
.js-content-subtitle.slds-m-top_small.slds-text-body_regular{
margin-top: -0.5rem;
margin-bottom: -0.5rem;
}
.js-content-subtitle.slds-rich-text-editor__output{
  font-size: 16px !important;
  font-weight: 300 !important;
}
.js-content-title.layout_title.slds-text-heading_large{
  font-size: 3rem !important;
  font-weight: 300 !important;
}
/*Purpose - to handle Padding between sections
 Used on - Globally across the pages
 Type - Standard*/
 .forceCommunitySection .cb-section_column:only-child{
  padding: 16px 16px 35px 16px !important;
}
.forceCommunitySection .cb-section_column{
  padding: 16px 8px 35px 16px !important;
}
}

.siteforceDesignTimeSection.ui-sortable-handle:last-child{
  padding-bottom:40px !important;
}
.forceCommunityBannerLayout .layout_subtitle{
  max-height: fit-content !important;
}
.slds-text-body_regular, .slds-text-body--regular{
  font-size:large !important;
}
/*Purpose - For menu item font size
 Used on - Globally across the pages
 Type - Standard*/
.slds-tree__item-label{
  font-size: 18px !important;
  font-weight: 300 !important;
}
/*Purpose - For menu item to appear in black 
 Used on - Globally across the pages
 Type - Standard*/
.slds-tree__item .slds-button{
  color:#333333 !important;
}
.slds-tree__item .slds-button:hover{
  color: var(--Xerox-Red, #D92231) !important;
}
/*Purpose - Reduce space btw header and banner image
 Used on - Globally across the pages
 Type - Standard*/
hr.cXeroxPartnerPortalHomeCustomTheme{
  margin : 0.5rem !important
}
/*Purpose - To make hyperlink appear black globally
 Used on - Globally across the pages
 Type - Standard*/
a{
  color: #333333 !important;
}
a:hover{
  color: var(--Xerox-Red, #D92231) !important;
}
/*Purpose - To make hyperlink appear white in red button globally
 Used on - Globally across the pages
 Type - Standard*/
.slds-has-block-links_space a, .slds-has-block-links--space a{
  color : var(--White, #FFFFFF) !important;
}
/*Purpose - To make hyperlink appear as red button 
 Used on - Globally across the pages
 Type - Standard*/
.js-content-subtitle a s {
  display: inline-block;
  background-color: #D92231;
  width: fit-content;
  padding: 8px;
  color: white !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
.js-content-subtitle a s:hover{
  background-color: #801820;
  color: white !important;
}
.xerox-button-links{
display: inline-block;
background-color: #D92231;
width: fit-content;
padding: 8px;
color: white !important;
text-decoration: none !important;
}
.btn-cta{
  display: block;
  background-color: #D92231;
  width: fit-content;
  padding: 8px;
  color: white !important;
  text-decoration: none !important;
  }
.btn-cta:hover{
  background-color: #801820;
  color: white !important;
}
.xerox-button-links:hover{
background-color: #801820;
color: white !important;
}

/*Purpose - For aligning list on small screen
 Used on - Globally across the pages
 Type - Standard*/
.forceCommunityTileLayout lightning-formatted-rich-text ul {
  list-style-position: outside !important;
}
/*Purpose - For image overlay globally
 Used on - Globally across the pages
 Type - Standard*/
.forceCommunityBannerLayout .flagContainer{
  /*background-color:rgba(0, 0, 0, 0.2) !important;*/
}
/*Purpose - For extreme long text in header to get wrapped
 Used on - Globally across the pages
 Type - Standard*/
 @supports (-webkit-line-clamp: 2) {
  .forceCommunityBannerLayout .layout_title {    
   display: contents  !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
}
/*Purpose - To Maintain consistency in button look and feel accross portal
 Used on - Globally across the pages
 Type - Standard*/
.forceActionLink{
  border-radius:0px !important;
  display: inline-block !important;;
  background-color: #D92231 !important;;
  width: fit-content !important;;
  padding: 8px !important;;
  color: white !important;
  text-decoration: none !important;
}
.forceActionLink:hover{
  background-color: #801820;
color: white !important;
}
/*Purpose - To Remove rounded corner 
 Used on - Globally across the pages
 Type - Standard*/
.cXeroxPartnerPortalSearch.search-bar-container{
  border-radius:0px !important;
  }
  .slds-button{
    border-radius:0px !important;
  }
  .comm-tile-menu__item-image.lwc-89oga75qcu{
  border-radius:0px !important;
  }
  .comm-tile-menu__item-title.lwc-rfo3qhj7u4{
  border-radius:0px !important;
  }
  .slds-textarea{
  border-radius:0px !important;
  }
  .slds-input{
  border-radius:0px !important;
  }
  .slds-input_faux{
    border-radius:0px !important;
  }
  .forceCommunityLanguageSelector43.left button.slds-combobox__input{
  border-radius:0px !important;
  }
  .slds-select{
  border-radius:0px !important;
  }
  /*Purpose - To add table border 
 Used on - Globally across the pages
 Type - Standard*/
 .ql-table-blob{
  border: 1px solid #3A3A3A;
  border-collapse: collapse;
}
.ql-table-blob th{
  border: 1px solid #3A3A3A;
  border-collapse: collapse;
}
.ql-table-blob tr{
  border: 1px solid #3A3A3A;
  border-collapse: collapse;
}
.ql-table-blob td{
  border: 1px solid #3A3A3A;
  border-collapse: collapse;
}
.ql-table-blob .table-header{
  background-color: #d92231;
  color: white;
}
.slds-box {
  border: 0px solid white!important;
}
.flowruntime-inline[lwc-1o2vf6350ba]{
  margin-bottom: auto !important;
}
/*
Purpose - To make form and thank you background grey
*/
.form-submission .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small{
  background: #f0f0f0;
  margin-bottom: 0px;
  margin-top: 0px;
}
.thank-you-screen .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small{
  background: #f0f0f0;
  padding-bottom: 10px;
}