@import url('./mobile_overrides.css');

div.comm-tile-menu__item-tile.community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout {
  width: 169px;
  height: 32px;
}

.profile-menuItem.profile {
  display: block;
}

community_navigation-tile-menu-item.comm-tile-menu__item.slds-text-align_center.slds-p-around_small.community_navigation-tileMenuItem_tileMenuItem-host.slds-size_3-of-12 {
  width: auto;
}

div.comm-tile-menu__item-tile.community_navigation-tileMenuItemUnifiedLayout_tileMenuItemUnifiedLayout {
  background: transparent !important;
  border: 1px solid #1B365D;
  box-sizing: border-box;
  border-radius: 4px;
}

/*
.themeLogo .forceCommunityThemeLogo .logoImage {
  background-image: url(https://surveyfiles.dynata.com/rnd/test/rnd-customer-success/dynata_logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
*/
.forceCommunityThemeHeaderCompact .themeLogo {
  /*margin: 0 !important;*/
}

a.horizontalMenuItem {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}

.forceCommunityTopArticleList,
.comm-topic-trending-articles {
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 1.5rem;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton {
  color: #fff !important;
}

.embeddedServiceIcon svg {
  fill: #fff !important;
}

.embeddedServiceSidebarButton .label,
.embeddedServiceSidebarButton:disabled .label {
  color: #fff !important;
}

.comm-topic-trending-articles {
  display: block;
}

.forceCommunityTopArticleItem .article-title-link {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 22px;
  color: #577DD3 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.forceCommunityTopArticleList .title,
.selfServiceTopicTrendingArticles42>h2 {
  font-style: normal;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 26px;
  color: #262626;
  margin-bottom: 0.5rem;
}

.selfServiceTopicTrendingArticles42 .slds-grid--vertical a {
  text-decoration: none !important;
  border: none;
  padding: 0.2rem;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 22px;
  color: #577DD3 !important;
}

div.embeddedServiceHelpButton {
  /*display: none !important;*/
}

.forceSearchResultsRegion .slds-button {
  color: #fff;
}


/*
lightning-formatted-rich-text.slds-rich-text-editor__output>span {
  background: #fff;
  display: block;
  padding: 1.25rem;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}
*/
.vertical-groupDiv-1 {
  background: transparent !important;
}

button.ask-dynata {
  background: rgba(246, 247, 247);
  border: 1px solid #DEDFE3;
  border-radius: 8px;
}

img.top-right-arrow {
  margin: 0.8rem 0.5rem;
}

/*Cate detail hide case feed info*/
div.forceCommunityFeedPublisher,
div.feedActions,
footer.slds-post__footer,
div.cuf-feedback,
div.cuf-media-right,
div.forceChatterFeedAuxBodyRecordSummary {
  display: none;
}

/*Case detail - hide edit button*/
button.slds-button.slds-button_icon.test-id__inline-edit-trigger {
  display: none;
}

/*Case detail - align to center*/
@media only screen and (min-width: 64.0625em) {

  div.forceCommunityRecordHomeTabs .recordHomePrimaryContent,
  div.selfServiceCaseStatusButton,
  div.selfServiceCasePublisher {
    margin: auto;
    width: 59%;
    float: none;
    overflow: hidden;
  }
}

/*login page - remove background image*/
div.salesforceIdentityLoginBody2 {
  background-image: none;
}

articlebody-article-body {
  background: #fff;
  display: block;
  padding: 1rem 2rem;
}

.multi-level-filters {
  display: block;
}

.multi-level-filters * {
  font-size: 14px !important;
}

.multi-level-filters .slds-accordion__summary {
  margin: 0 !important;
}

.multi-level-filters section.slds-accordion__section.slds-is-open {
  padding: 7px 15px;
}

.multi-level-filters label {
  padding: 8px 0 0 18px;
  display: block;
}

.multi-level-filters label input {
  margin-right: 8px;
}

.multi-level-filters button.section-control {
  padding: 0;
}

/*
.multi-level-filters section.slds-accordion__section {
  padding: 0;
}
*/

.clear-filters-container button {
  border: 1px solid #1B365D;
  border-radius: 4px;
  color: #1B365D;
}

.clear-filters-container button:hover {
  color: #1B365D;
}

.forceCommunityThemeHeroBase .contentCaption {
  font-style: normal;
  font-weight: 600;
  font-size: 12px !important;
}

.forceCommunityThemeHeroBase .content .contentTitle {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 36px;
  /* text-align: left; */
  /* color: #FFFFFF; */
}

.forceCommunityThemeHeroStarter .searchRegion {
  margin-top: 1.8rem !important;
}

.forceCommunitySection .cb-section_column {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}

.uiButton .label {
  color: rgba(87, 125, 211, 1) !important;
}

.forceCommunityTopArticleListForTopic .view-more-button {
  display: block !important;
  margin: auto 0 auto auto;
}

.forceCommunityTopArticleList .singleListContainer {
  width: 100% !important;
  padding: 0 !important;
}

.forceCommunityTopArticleListForTopic .topicHeaderLink {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #262626;
  text-decoration: none;
}

.forceCommunityTopArticleListForTopic .topicHeader {
  margin-bottom: 18px !important;
}

.forceCommunityTopArticleListForTopic .topicHeaderLink {
  text-decoration: none;
}

.comm-user-profile-menu__login-button[community_user-userProfileMenu_userProfileMenu] {
  height: 32px !important;
  border: 1px solid #577DD3 !important;
  border-radius: 4px !important;
  background: transparent !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #577DD3 !important;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton {
  background: #577DD3 !important;
  border-radius: 6px 6px 0px 0px !important;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 23px !important;
  /* or 288% */
  color: #FFFFFF !important;
}

.forceCommunityEmbeddedServiceHelpButton .help svg {
  height: auto !important;
}

.forceCommunityEmbeddedServiceHelpButton {
  bottom: 0 !important;
  height: auto !important;
}

.sidebarHeader[embeddedService-chatHeader_chatHeader] {
  background: #577DD3 !important;
  border-radius: 5px 5px 0px 0px !important;
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li {
  border-color: #577DD3 !important;
}

.embeddedServiceLiveAgentStateChatMenuMessage .rich-menu {
  width: 90% !important;
  margin-top: 1rem !important;
}

.embeddedServiceLiveAgentStateChatItem .rich-button-item {
  border: 1px solid #577DD3 !important;
  border-radius: 4px !important;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover {
  background: transparent !important;
}

.embeddedServiceSidebarDialogState .dialogButton.dialog-button-0 {
  border: 1px solid #577DD3 !important;
  border-radius: 4px !important;
  background: transparent !important;
}

.embeddedServiceLiveAgentStateChat .endChatContainer .endChatButton.closeChatButton {
  border: 1px solid #577DD3 !important;
  border-radius: 4px !important;
  background: transparent !important;
}

.embeddedServiceLiveAgentStateChat .endChatContainer {
  padding-top: 1rem !important;
  border-top: 1px solid #577DD3 !important;
  box-shadow: 0 0 10px rgb(0 0 0 / 50%);
  padding-bottom: 0.5rem !important;
}

@media only screen and (min-width: 48em) and (min-aspect-ratio: 4 / 3),
only screen and (min-width: 64.0625em) {
  .forceCommunityTopicCatalog .topicHierarchy-childrenList {
    column-count: 1;
  }
}

div[articlebody-articlebody_articlebody] pre {
  overflow: hidden;
}

/*
css overrides has been cleaned up and moved to global header css import
as we add more overrides here, we'll move them eventually to the global header css import
*/
/*
html, body {
    margin:0;
    padding:0;
    height: 100vh;
    width: 100vw;
}

body.comm-page-home {
	background-image: url(/https/help.dynata.com/s/sfsites/c/resource/CustomerSuccessPortal/img/dynatacs-under-construction.png);
    background-size: 100%;
    background-position: top center;
    background-color: #fff;
    background-repeat: no-repeat;
}
*/
.slds-resizable__divider:before,
.slds-resizable__divider:after {
  background-color: #F0F0F0 !important;
}

tr {
  border-color: #F0F0F0 !important;
}

.uiVirtualDataTable.resizable-cols * {
  font-style: normal;
  font-size: 14px !important;
  line-height: 17px !important;
  color: #5E6C84 !important;
}

.uiVirtualDataTable.resizable-cols a {
  font-size: 14px !important;
  line-height: 17px !important;
  color: #577DD3 !important;
}

.postButtonContainer button {
  width: 150px !important;
  height: 35px !important;
  border: 1px solid #577DD3 !important;
  border-radius: 4px !important;
  background: transparent !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #577DD3 !important;
}

.postButtonContainer button:hover {
  background: transparent !important;
  opacity: 0.8 !important;
}

.selfServiceCaseStatusButton button.uiButton {
  width: auto !important;
  height: auto !important;
  background: #577DD3 !important;
  border-radius: 4px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: #FFFFFF !important;
}

.selfServiceCaseStatusButton button.uiButton .label {
  color: #fff !important;
}

li.record-home-tab.tabs__item.uiTabItem a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #577DD3;
}

li.record-home-tab.tabs__item.active.uiTabItem a {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #262626;
}

li.record-home-tab.tabs__item.active.uiTabItem a {
  border-bottom: 3px solid #577DD3;
}

.selfServiceCasePublisher {
  padding: 1.2em;
  background: #FFFFFF;
  border-radius: 6px;
}

.selfServiceCasePublisher .inputText {
  background: #FFFFFF;
  border: 1px solid #D9D9D9 !important;
  border-radius: 4px;
}

.selfServiceCasePublisher .publisherContainer {
  border: none !important;
}

.selfServiceCasePublisher.expand .inputTextContainer {
  width: 100%;
  padding-bottom: 0.5em !important;
}

/*
.selfServiceCasePublisher .uploadFileContainer {
  position: absolute;
  right: 0;
  bottom: auto !important;
  left: auto !important;
  top: 50%;
  margin-top: -1.2em;
  margin-right: 0.5em;
}
*/

.selfServiceCasePublisher .uploadFileContainer button {
  margin: 0 auto !important;
}

.forceCommunityRecordListDesktop.forceListViewManager {
  padding: 0 16px;
}

.selfServiceCaseStatusButton button.uiButton {
  margin: 0 auto !important;
}

.cuf-feedElementIterationItem {
  border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.slds-breadcrumb .slds-breadcrumb__item>a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #577DD3;
}

.listTab.uiTabset--base.uiTabset--default.uiTabset.forceCommunityResultsList {
  padding: 0 16px;
  border-radius: 6px;
}

.forceCommunityTopicCatalog .topicHierarchy-childrenList {
  column-count: 1 !important;
}

.forceCommunityTopicCatalog .topicHierarchy-childrenList .topicHierarchy-entry {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #262626 !important;
}

.forceCommunityTopicCatalog .topicHierarchy-grandChild,
.forceCommunityTopicCatalog a {
  color: #262626 !important;
}

button.section-control.slds-button.slds-button_reset.slds-accordion__summary-action {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}

section.slds-accordion__section.slds-is-open {
  padding-bottom: 0;
}

a.article-link {
  color: #577DD3 !important;
}

.caseDeflectionList {
  padding: 16px 28px;
  background: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

.comm-case-deflection__item * {
  font-size: 12px;
  color: #577DD3 !important;
}

.caseDeflectionList>ul>li {
  border-bottom: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

button.contactSupportButton {
  border: 1px solid #577DD3 !important;
  border-radius: 4px !important;
  background: transparent !important;

  font-weight: 400 !important;
  font-size: 14px !important;
  color: #577DD3 !important;
  margin-left: 0 !important;
  margin-top: 1em !important;
}

.forceCommunityContactSupportForm button {
  font-size: 14px;
  color: #577DD3 !important;
}

.forceCommunityThemeHeroBase .content .contentTitle {
  font-size: 36px;
  line-height: 36px;
  margin: 0.2em 0;
}

h3.topicHeader {
  display: none;
}

.forceCommunityTopArticleList .title,
.selfServiceTopicTrendingArticles42>h2 {
  font-size: 20px !important;
}

.embeddedServiceSidebarMinimizedDefaultUI {
  background: #577DD3;
  border-radius: 6px 6px 0px 0px;
  border: none;
  color: #fff !important;
}

.forceCommunityTopArticleItem .article-title,
.comm-topic-trending-articles__item * {
  font-size: 14px !important;
}

.forceCommunityTopArticleListForTopic .view-more-button {
  display: none !important;
}


a.topics-list-view-more {
  color: rgba(87, 125, 211, 1);
  display: block;
  text-align: right;
}

a.topics-list-view-more:hover {
  text-decoration: underline;
}

.codeSnippetBody * {
  white-space: normal;
}

.forceCommunityEmbeddedServiceHelpButton .flatButton {
  display: none !important;
}

.slds-rich-text-editor__textarea a,
.slds-rich-text-editor__output a {
  color: #577DD3 !important;
}

.siteforceThemeLayoutStarter .codeSnippetBody * {
  font-family: monospace !important;
  border: 0 !important;
}