:root {
  /* Primary colors */
  --atomic-primary: #1372ec;
  --atomic-primary-light: #399ffe;
  --atomic-primary-dark: #1a50ad;
  --atomic-on-primary: #ffffff;
  --atomic-ring-primary: rgba(19, 114, 236, 0.5);

  /* Neutral colors */
  --atomic-neutral-dark: #626971;
  --atomic-neutral-dim: #bfc4c8;
  --atomic-neutral: #e5e8e8;
  --atomic-neutral-light: #f6f7f9;
  --atomic-neutral-lighter: #f2f2f2;

  /* Semantic colors */
  --atomic-background: #ffffff;
  --atomic-on-background: #282829;
  --atomic-success: #12a244;
  --atomic-error: #ce3f00;
  --atomic-visited: #752e9c;
  --atomic-disabled: #c5cacf;
  --atomic-success-background: #d4fcf0;
  --atomic-error-background: #fcbdc0;
  --atomic-primary-background: #edf6ff;
  --atomic-inline-code: #cd2113;

  /* Border radius */
  --atomic-border-radius: 0.25rem;
  --atomic-border-radius-md: 0.5rem;
  --atomic-border-radius-lg: 0.75rem;
  --atomic-border-radius-xl: 1rem;

  /* Font */
  --atomic-font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
    Ubuntu, roboto, noto, arial, sans-serif; /* Following https://systemfontstack.com/ */
  --atomic-font-normal: 400;
  --atomic-font-bold: 700;

  /* Text size */
  --atomic-text-base: 0.875rem; /* 14px */
  --atomic-text-sm: 0.75rem; /* 12px */
  --atomic-text-lg: 1rem; /* 16px */
  --atomic-text-xl: 1.125rem; /* 18px */
  --atomic-text-2xl: 1.5rem; /* 24px */
  --atomic-line-height-ratio: 1.5;

  /* Layout */
  --atomic-layout-spacing-x: 1.5rem;
  --atomic-layout-spacing-y: 1rem;
}
/* Example on how to customize CSS variables */
:root {
    --atomic-border-radius-md:1.5rem;
}

atomic-search-box::part(submit-icon) {
    display: none;
}
atomic-search-box::part(clear-button-wrapper) {
    display: none;
}
atomic-search-box::part(submit-button-wrapper) {
    padding-top:0px;
	padding-bottom:0px;
	margin-right: 1px;
}
atomic-search-box::part(submit-button) {
    color: #ff6200;
    background-image: url(../../../../content/dam/dcxp/icons/gen-ai-search-icon.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-color: white;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 12px;
    height: 100%;
}
#bmcgpt {
    width: 700px;
    height: 54px;
}
@media (max-width: 767px) {
    #bmcgpt {
        width: 90%;
        align-items: center;
        justify-self: center;
    }
}

      /* Example on how to customize result templates CSS parts */
      /* atomic-result::part(result-link):hover {
        color: orange;
      } */

      /* Example on how to customize the color facet */
atomic-color-facet::part(value-dynamicscrmitem) {
    background-image: url("../../../../build/assets/mail.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

atomic-color-facet::part(value-lithiumuser) {
    background-image: url("../../../../build/assets/folder.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

atomic-color-facet::part(value-YouTubeVideo) {
    background-image: url("clientlib/css/build/assets/video.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

atomic-color-facet::part(value-lithiummessage) {
    background-image: url("clientlib/css/build/assets/kb.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

atomic-color-facet::part(value-lithiumthread) {
    background-image: url("clientlib/css/build/assets/salesforce-standard-post.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

atomic-color-facet::part(value-html) {
    background-image: url("clientlib/css/build/assets/webpage.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


atomic-search-box::part(wrapper){
    width:100% ;
    border-radius: 100px;
    box-shadow: none;
}

atomin-search-box::part(loading){
   display:none !important;
}
atomic-search-box {
    --atomic-primary: white;
    --atomic-on-background:#893200;
    --atomic-primary-light:white;
}
atomic-search-box::part(submit-button) {
    color:#ff6200;
}

atomic-search-box::part(submit-icon){
    display:none;
}
atomic-search-box::part(clear-button){
    display:none;
}
body {
    margin: 0;
}

.header-bg {
    background-color: #052140;
    grid-area: 1 / -1 / 1 / 1;
}

atomic-search-layout {
    row-gap: var(--atomic-layout-spacing-y);
}
.btn-primary{
    color:orange !important;
}

.search-widget__label {
    color: white;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
}
atomic-search-box::part(input) {
    color: #052150;
    font-size: 18px;
    font-weight: 400;
    height: 54px;
    line-height: 100%;
}
atomic-facet::part(label-button) {
	color: #2B2B2B;
	font-size: 18px;
	font-weight: 400;
    border: 1px solid;
    border-color: #969CA1;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    background: white;
    border-radius:4px;
    height:45px;
}
atomic-facet::part(facet) {
  border: none;
  background: transparent;
  padding: 0.5rem;
}

atomic-facet::part(value-label) {
    color: #2b2b2b;
	font-size: 16px;
	font-weight: 400;
    margin-top: -4px;

}

atomic-facet::part(value-checkbox) {
    border: 1px solid;
    border-color: #2b2b2b;
    background-color: transparent;
    border-radius: 2px;


}
atomic-facet::part(value-checkbox-icon) {
   stroke: #2B2B2B;

}
atomic-pager::part(previous-button) {

   border: none;
   color: #052140;
   background: transparent;

}
atomic-pager::part(page-button) {

   color: #052140;
   font-size: 16px;
   font-weight: 500;
   line-height: 24px;
   background: transparent;
}
atomic-pager::part(page-button):hover {
    border:1px solid;
    cursor:default;
    }
 atomic-pager::part(page-button active-page-button) {

       color: #274581;
       font-size: 16px;
       font-weight: 500;
       line-height: 24px;
       border:none;
       background: #F7F8FD;
       border-bottom: 1px solid #274581;
       border-radius:0px;
       cursor:auto;
   }

atomic-pager::part(next-button) {

   border: none;
   color: #052140;
   background: transparent;

}

atomic-facet::part(value-count) {
    color:  #969CA1;

}
atomic-generated-answer {
    background: #F1F4FC;
   }

 atomic-generated-answer::part(header-label) {
	padding-left: 0rem;
	color: #052140;
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	background:transparent;
}
atomic-generated-answer::part(generated-text) {
	color: #505357;
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
}
atomic-generated-answer::part(container){

    margin-top: 46px;
     background: #F1F4FC;
}

atomic-generated-answer::part(citations-label) {
	background-color: transparent !important;
	color: #505357;
	font-size: 16px;
	font-weight: 400;
	padding-bottom:10px;
}
atomic-generated-answer::part(citation) {
	background-color:transparent !important;
	border-color: #264580;
	color: #264580;
	font-size: 16px;
	font-weight: 400;
    border: 1px solid #264580;
}
atomic-query-summary::part(container) {
    line-height: 24px;
    color: #505357;
    font-size: 16px;
}
atomic-search-box::part(submit-button) {
	margin-top: 0px;
	margin-bottom: 0px;
	width:40px;
}
atomic-search-box::part(textarea) {
	color: #052140;
    font-size: 18px;
    font-weight: 400;
    height: 54px;
    line-height: 100%;
    align-items: center;
    padding-top: 1.1rem;
}
atomic-search-box::part(textarea)::placeholder {
	color: #052140;
	font-size: 18px;
	font-weight: 400;
    height: 54px;
    line-height: 100%;
}
atomic-generated-answer::part(generated-answer-footer) {
	display: flex;
}
atomic-generated-answer::part(answer-show-button) {
	display: flex;
	background: #f2f4fc;
	color: rgb(80 83 87) !important;
}
atomic-generated-answer::part(rephrase-label) {
	text-align: right;
}
atomic-sort-dropdown::part(label) {
display: none;
}
atomic-sort-dropdown::part(select) {
	line-height: 24px;
	color: #2B2B2B;
	font-size: 18px;
	font-weight: 400;
	border-color:  #969CA1;
    width: 100%;
    border: 1px solid;
}
atomic-search-box::part(suggestion active-suggestion suggestion-with-query query-suggestion-item):hover
{
border-radius:15px;

}
atomic-search-box::part(suggestion active-suggestion suggestion-with-query query-suggestion-item)
{
border-radius:10px;

}
@media (max-width: 1024px) {
    atomic-refine-modal::part(select) {
     border-color:  #969CA1;
     border: 1px solid;
 }
 atomic-refine-modal::part(filter-clear-all) {
    font-size:24px;
    color:#282829;
    font-weight:700;
    margin-right:3px;

}
}

atomic-sort-dropdown::part(select-separator) {
	border:0px;
}
atomic-result-link::part(a) {
	line-height: 24px;
	color: #052140;
	font-size: 16px;
	font-weight: 500;
}
atomic-generated-answer::part(rephrase-button active) {
	background-color: red !important
}
atomic-search-box::part(textarea-expander)::after {
    white-space: nowrap !important;
}
atomic-result::part(outline) {
 border:none !important;
}
.line {

    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #c9cccf;
    padding-top: 10px;
    margin: 15px;
    margin-top: 0px;
    font-family: Arial, sans-serif;
}
.filters{
    color:  #052140;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.grid-container {
    grid-template-areas:
'. . atomic-section-search .'
'. atomic-section-facets atomic-section-main .'
'. atomic-section-facets . .';
    display: grid;
  grid-template-columns: 1fr minmax(17rem, 22rem) minmax(50%, 70rem) 1fr;
column-gap: var(--atomic-layout-spacing-x);
  gap: 16px;
}
.grid-item {
grid-area: atomic-section-facets;
margin-left: 1.2rem;
}
@media (min-width: 1500px) {
    .grid-item {
    margin-left: 0rem !important;
    }
}
atomic-breadbox::part(breadcrumb-value) {
    width: 133px;
    white-space: normal;
}
.ans {
    margin-top: 30px;

}
.ans_txt {
    color: #052140;
    font-weight: 500;
    font-size: 44px;
    line-height: 60px;
}
.no-answer-message {
    color:#505357;
    font-size:18px;
    font-weight:300;
    line-height:26px;

  }

atomic-search-layout atomic-layout-section[section='pagination'] {
    justify-content: center !important;
}
:host.list-root.display-list {
    background-color: #e42525;
}



:host.list-root.display-list.result-component {
    max-width:200px;
    background-color: #155439 !important;
}
atomic-search-interface{
    background: #FAFAFA;

}
.helixProducts a{
	color:#052140;
    font-weight:500;
    text-decoration:underline
}
atomic-breadbox::part(label) {
    padding: 15px;
	margin-top:-4px;
}
atomic-breadbox::part(show-more) {
    color: #264580;
    background: white;
}
atomic-breadbox::part(clear) {
    color: #264580;
    font-weight: 600;
    font-size: 14px;
    background: white;
    border: 1px solid ;
    border-color: #e5e8e8;

}
atomic-breadbox::part(show-less) {
    color: #264580;
    font-weight: 600;
    font-size: 14px;
}
atomic-facet::part(clear-button) {
    color: #264580;
    background: transparent;
}
atomic-facet::part(clear-button-icon) {
    color: #264580;
    background: transparent;
}
@media (max-width: 1024px) {
atomic-search-layout atomic-layout-section[section='status'] {
    display: block;
}
atomic-refine-toggle::part(button) {
    background: #052140;
    color: #FFFFFF;

}
atomic-focus-trap::part(body-wrapper) {
    background:#E9ECF2 !important;
}

atomic-search-layout atomic-layout-section[section='status'] atomic-sort-dropdown {
    justify-self: start;
    width: 100%;
}
atomic-search-layout atomic-layout-section[section='status'] atomic-sort-dropdown::part(select-parent) {
    width: 100%;
}
 atomic-refine-modal::part(section-title section-sort-title){
    padding: 10px;
}
atomic-refine-modal::part(select-wrapper){
    padding: 10px;
}
atomic-refine-modal::part(body-wrapper){
    padding-top: 0px !important;
    background: #E9ECF2;

}
atomic-refine-modal::part(body){
    margin-top: 25px;
    background: white;

}
atomic-refine-modal::part(section-title section-filters-title){
  padding: 10px;
}
atomic-refine-modal::part(footer-button) {
  content: 'New Text Here';
  background: #052140;

}
atomic-refine-modal::part(filter-section) {
margin-top: 0px;

}
atomic-result-list::part(outline) {
border:none;
padding: 0rem;

}


}

@media (min-width: 1025px) {
    atomic-refine-toggle::part(button) {
        display: none;

    }
}
atomic-result-list::part(result-list) {
        border: none
    }
    .search .breadcrumb{
        position: relative !important;
    }