/*
 * Your global styles here
 */

:root {
  --dl-color-white: rgba(255, 255, 255, 1);
  --dl-body-text: #535353;
  --dl-headline-text: #262626;
  --dl-subtle-text: #929191;
  --dl-size-size-xxlarge: 288px;
  --dl-size-size-maxwidth: 14400px;
  --dl-color-default-navbg: #f5f4f3;
  --dl-color-default-white: rgba(255, 255, 255, 1);
  --dl-color-theme-accent1: #FFFFFF;
  --dl-color-theme-accent2: #F5D1B0;
  --dl-radius-radius-round: 50%;
  --dl-space-space-HalfUnit: 8px;
  --dl-space-space-Unit: 16px;
  --dl-space-space-OneAndHalfUnits: 24px;
  --dl-space-space-SixUnits: 96px;
  --dl-space-space-TwoUnits: 32px;
  --dl-radius-radius-radius2: 2px;
  --dl-radius-radius-radius4: 4px;
  --dl-radius-radius-radius8: 8px;
  --dl-space-space-fiveunits: 80px;
  --dl-space-space-fourunits: 64px;
  --dl-space-space-threeunits: 48px;
  --dl-radius-radius-cardradius: 8px;
  --dl-color-theme-navbackground: rgba(245, 245, 245, 1);
  --dl-radius-radius-imageradius: 8px;
  --dl-radius-radius-inputradius: 5px;
  --dl-color-default-ltbackground: #F5F4F3;
  --dl-color-default-primaryhover: #205056ff;
  --dl-radius-radius-buttonradius: 6px;
  --dl-color-default-primary: rgb(40, 109, 118);
  --dl-color-default-primarybutton: rgb(40, 109, 118);
  --dl-color-default-Placeholder: #737373ff;
  --dl-color-red-50: rgba(254, 242, 242, 1);
  --dl-color-sky-50: rgba(240, 249, 255, 1);
  --dl-color-blue-50: rgba(239, 246, 255, 1);
  --dl-color-cyan-50: rgba(236, 254, 255, 1);
  --dl-color-lime-50: rgba(247, 254, 231, 1);
  --dl-color-pink-50: rgba(253, 242, 248, 1);
  --dl-color-red-100: rgba(254, 226, 226, 1);
  --dl-color-red-200: rgba(254, 202, 202, 1);
  --dl-color-red-300: rgba(252, 165, 165, 1);
  --dl-color-red-400: rgba(248, 113, 113, 1);
  --dl-color-red-500: rgba(241, 58, 91, 1);
  --dl-color-red-600: rgba(220, 38, 38, 1);
  --dl-color-red-700: rgba(185, 28, 28, 1);
  --dl-color-red-800: rgba(153, 27, 27, 1);
  --dl-color-red-900: rgba(127, 29, 29, 1);
  --dl-color-rose-50: rgba(255, 241, 242, 1);
  --dl-color-sky-100: rgba(224, 242, 254, 1);
  --dl-color-sky-200: rgba(186, 230, 253, 1);
  --dl-color-sky-300: rgba(125, 211, 252, 1);
  --dl-color-sky-400: rgba(56, 189, 248, 1);
  --dl-color-sky-500: rgba(14, 165, 233, 1);
  --dl-color-sky-600: rgba(2, 132, 199, 1);
  --dl-color-sky-700: rgba(3, 105, 161, 1);
  --dl-color-sky-800: rgba(7, 89, 133, 1);
  --dl-color-sky-900: rgba(12, 74, 110, 1);
  --dl-color-amber-50: rgba(255, 251, 235, 1);
  --dl-color-blue-100: rgba(219, 234, 254, 1);
  --dl-color-blue-200: rgba(191, 219, 254, 1);
  --dl-color-blue-300: rgba(147, 197, 253, 1);
  --dl-color-blue-400: rgba(96, 165, 250, 1);
  --dl-color-blue-500: rgba(59, 130, 246, 1);
  --dl-color-blue-600: rgba(37, 99, 235, 1);
  --dl-color-blue-700: rgba(29, 78, 216, 1);
  --dl-color-blue-800: rgba(30, 64, 175, 1);
  --dl-color-blue-900: rgba(30, 58, 138, 1);
  --dl-color-cyan-100: rgba(207, 250, 254, 1);
  --dl-color-cyan-200: rgba(165, 243, 252, 1);
  --dl-color-cyan-300: rgba(103, 232, 249, 1);
  --dl-color-cyan-400: rgba(34, 211, 238, 1);
  --dl-color-cyan-500: rgba(6, 182, 212, 1);
  --dl-color-cyan-600: rgba(8, 145, 178, 1);
  --dl-color-cyan-700: rgba(14, 116, 144, 1);
  --dl-color-cyan-800: rgba(21, 94, 117, 1);
  --dl-color-cyan-900: rgba(22, 78, 99, 1);
  --dl-color-green-50: rgba(240, 253, 244, 1);
  --dl-color-lime-100: rgba(236, 252, 203, 1);
  --dl-color-lime-200: rgba(217, 249, 157, 1);
  --dl-color-lime-300: rgba(190, 242, 100, 1);
  --dl-color-lime-400: rgba(163, 230, 53, 1);
  --dl-color-lime-500: rgba(132, 204, 22, 1);
  --dl-color-lime-600: rgba(101, 163, 13, 1);
  --dl-color-lime-700: rgba(77, 124, 15, 1);
  --dl-color-lime-800: rgba(63, 98, 18, 1);
  --dl-color-lime-900: rgba(54, 83, 20, 1);
  --dl-color-pink-100: rgba(252, 231, 243, 1);
  --dl-color-pink-200: rgba(251, 207, 232, 1);
  --dl-color-pink-300: rgba(249, 168, 212, 1);
  --dl-color-pink-400: rgba(244, 114, 182, 1);
  --dl-color-pink-500: rgba(236, 72, 153, 1);
  --dl-color-pink-600: rgba(219, 39, 119, 1);
  --dl-color-pink-700: rgba(190, 24, 93, 1);
  --dl-color-pink-800: rgba(157, 23, 77, 1);
  --dl-color-pink-900: rgba(131, 24, 67, 1);
  --dl-color-rose-100: rgba(255, 228, 230, 1);
  --dl-color-rose-200: rgba(254, 205, 211, 1);
  --dl-color-rose-300: rgba(253, 164, 175, 1);
  --dl-color-rose-400: rgba(251, 113, 133, 1);
  --dl-color-rose-500: rgba(244, 63, 94, 1);
  --dl-color-rose-600: rgba(225, 29, 72, 1);
  --dl-color-rose-700: rgba(190, 18, 60, 1);
  --dl-color-rose-800: rgba(159, 18, 57, 1);
  --dl-color-rose-900: rgba(136, 19, 55, 1);
  --dl-color-stone-50: rgba(250, 250, 249, 1);
  --dl-color-amber-100: rgba(254, 243, 199, 1);
  --dl-color-amber-200: rgba(253, 230, 138, 1);
  --dl-color-amber-300: rgba(252, 211, 77, 1);
  --dl-color-amber-400: rgba(251, 191, 36, 1);
  --dl-color-amber-500: rgba(245, 158, 11, 1);
  --dl-color-amber-600: rgba(217, 119, 6, 1);
  --dl-color-amber-700: rgba(180, 83, 9, 1);
  --dl-color-amber-800: rgba(146, 64, 14, 1);
  --dl-color-amber-900: rgba(120, 53, 15, 1);
  --dl-color-green-100: rgba(220, 252, 231, 1);
  --dl-color-green-200: rgba(187, 247, 208, 1);
  --dl-color-green-300: rgba(134, 239, 172, 1);
  --dl-color-green-400: rgba(74, 222, 128, 1);
  --dl-color-green-500: rgba(34, 197, 94, 1);
  --dl-color-green-600: rgba(22, 163, 74, 1);
  --dl-color-green-700: rgba(21, 128, 61, 1);
  --dl-color-green-800: rgba(22, 101, 52, 1);
  --dl-color-green-900: rgba(20, 83, 45, 1);
  --dl-color-orange-50: rgba(255, 247, 237, 1);
  --dl-color-purple-50: rgba(250, 245, 255, 1);
  --dl-color-stone-100: rgba(245, 245, 244, 1);
  --dl-color-stone-200: rgba(231, 229, 228, 1);
  --dl-color-stone-300: rgba(214, 211, 209, 1);
  --dl-color-stone-400: rgba(168, 162, 158, 1);
  --dl-color-stone-500: rgba(120, 113, 108, 1);
  --dl-color-stone-600: rgba(87, 83, 78, 1);
  --dl-color-stone-700: rgba(68, 64, 60, 1);
  --dl-color-stone-800: rgba(41, 37, 36, 1);
  --dl-color-stone-900: rgba(28, 25, 23, 1);
  --dl-size-size-large: 144px;
  --dl-size-size-small: 48px;
  --dl-color-emerald-50: rgba(236, 253, 245, 1);
  --dl-color-fuchsia-50: rgba(253, 244, 255, 1);
  --dl-color-neutral-50: rgba(250, 250, 250, 1);
  --dl-color-orange-100: rgba(255, 237, 213, 1);
  --dl-color-orange-200: rgba(254, 215, 170, 1);
  --dl-color-orange-300: rgba(253, 186, 116, 1);
  --dl-color-orange-400: rgba(251, 146, 60, 1);
  --dl-color-orange-500: rgba(249, 115, 22, 1);
  --dl-color-orange-600: rgba(234, 88, 12, 1);
  --dl-color-orange-700: rgba(194, 65, 12, 1);
  --dl-color-orange-800: rgba(154, 52, 18, 1);
  --dl-color-orange-900: rgba(124, 45, 18, 1);
  --dl-color-purple-100: rgba(243, 232, 255, 1);
  --dl-color-purple-200: rgba(233, 213, 255, 1);
  --dl-color-purple-300: rgba(216, 180, 254, 1);
  --dl-color-purple-400: rgba(192, 132, 252, 1);
  --dl-color-purple-500: rgba(168, 85, 247, 1);
  --dl-color-purple-600: rgba(147, 51, 234, 1);
  --dl-color-purple-700: rgba(126, 34, 206, 1);
  --dl-color-purple-800: rgba(107, 33, 168, 1);
  --dl-color-purple-900: rgba(88, 28, 135, 1);
  --dl-size-size-medium: 96px;
  --dl-size-size-xlarge: 192px;
  --dl-size-size-xsmall: 16px;
  --dl-space-space-unit: 16px;
  --dl-color-emerald-100: rgba(209, 250, 229, 1);
  --dl-color-emerald-200: rgba(167, 243, 208, 1);
  --dl-color-emerald-300: rgba(110, 231, 183, 1);
  --dl-color-emerald-400: rgba(52, 211, 153, 1);
  --dl-color-emerald-500: rgba(16, 185, 129, 1);
  --dl-color-emerald-600: rgba(5, 150, 105, 1);
  --dl-color-emerald-700: rgba(4, 120, 87, 1);
  --dl-color-emerald-800: rgba(6, 95, 70, 1);
  --dl-color-emerald-900: rgba(6, 78, 59, 1);
  --dl-color-neutral-100: rgba(245, 245, 245, 1);
  --dl-color-neutral-200: rgba(229, 229, 229, 1);
  --dl-color-neutral-300: rgba(212, 212, 212, 1);
  --dl-color-neutral-400: rgba(163, 163, 163, 1);
  --dl-color-neutral-500: rgba(115, 115, 115, 1);
  --dl-color-neutral-600: rgba(82, 82, 82, 1);
  --dl-color-neutral-700: rgba(64, 64, 64, 1);
  --dl-color-neutral-800: rgba(38, 38, 38, 1);
  /** set the font for all root/body text **/
  --dxp-g-root-font-family: 'Inter', sans-serif;

  /** set the font for headings **/
  --dxp-g-heading-font-family: 'Poppins', sans-serif;
}

body {
  background-color: var(--dl-color-default-ltbackground);
  color: var(--dl-body-text);
  font-family: Inter;
  font-size: .9em;
  color: var(--dl-body-text);
  font-style: normal;
  font-family: Inter;
  font-stretch: normal;
  letter-spacing: -.005em;
  line-height: 1.6em;
}

body,
p {
  font-size: .95em;
  font-style: normal;
  font-family: Inter;
  font-stretch: normal;
  letter-spacing: -.005em;
  line-height: 1.9em;
  color: var(--dl-body-text);

}

.slds-input {
  font-weight: 400;
  color: var(--dl-body-text, #535353);
  height: 36px;
}

.slds-textarea {
  font-weight: 400;
  color: var(--dl-body-text, #535353);
}

.slds-combobox__input {
  color: var(--dl-body-text, #535353);
  font-weight: 400;
  height: 36px;
}

.slds-button,
lightning-button::part(button) {
  height: 36px;
  font-size: 13px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 16px;
  box-shadow: rgba(0, 1, 1, 0.15) 0px 0px 0px 0px !important;
  letter-spacing: -0.03em;
  color: var(--sds-c-button-text-color, var(--dxp-s-tertiary-button-text-color, var(--dxp-g-brand, #0176d3)));
}

.slds-button:hover,
lightning-button::part(button):hover {
  background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, var(--dxp-s-tertiary-button-color-hover, rgba(0, 0, 0, 0))));
  border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, var(--dxp-s-tertiary-button-border-color-hover, rgba(0, 0, 0, 0))));
  color: var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-hover, var(--dxp-g-brand-1, #014486)))
}

.slds-button:focus,
lightning-button::part(button):focus {
  background-color: var(--slds-c-button-color-background, var(--sds-c-button-color-background, var(--dxp-s-tertiary-button-color-focus, rgba(0, 0, 0, 0))));
  border-color: var(--slds-c-button-color-border, var(--sds-c-button-color-border, var(--dxp-s-tertiary-button-border-color-focus, rgba(0, 0, 0, 0))));
  color: var(--sds-c-button-text-color-hover, var(--dxp-s-tertiary-button-text-color-focus, var(--dxp-g-brand-1, #014486)));
  box-shadow: var(--sds-c-button-shadow-focus, 0 0 0 2px var(--dxp-s-button-color-focus, var(--dxp-g-brand-1, #0176d3)))
}


.slds-input-has-icon .slds-input__icon_right {
  top: 0;
  margin-top: 0;
}

.slds-input:focus,
.slds-combobox__input.slds-has-focus,
.slds-combobox__input:focus {
  background-color: white;
  color: rgb(60, 60, 60);
  border-color: rgb(52, 211, 153);
  --slds-c-input-shadow: var(--slds-c-input-shadow-focus, var(--sds-c-input-shadow-focus, var(--dxp-s-form-element-shadow-focus, 0 0 3px var(--dxp-g-brand-1))));
  box-shadow: var(--slds-c-input-shadow-focus, var(--sds-c-input-shadow-focus, var(--dxp-s-form-element-shadow-focus, 0 0 3px var(--dxp-g-brand-1))));
}

.slds-dropdown {
  font-size: 15px;
}

.slds-listbox--vertical .slds-listbox__option.slds-has-focus,
.slds-listbox--vertical .slds-listbox__option:focus,
.slds-listbox_vertical .slds-listbox__option.slds-has-focus,
.slds-listbox_vertical .slds-listbox__option:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.slds-form-element {
  margin-bottom: 1rem;
}

.slds-card {
  padding: 0 16px 4px 16px;
  color: var(--dl-body-text);
  overflow: visible;
  border-color: rgba(110, 110, 110, 0.2);
  border-width: 0.20000000298023224px;
  border-style: solid;
  background-color: rgb(248, 248, 247);
  opacity: 1;
  border-radius: 8px;
}

.slds-card:hover {
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(115, 115, 115, 0.25);
}

.slds-textarea:focus {
  border-color: rgb(52, 211, 153);
  -webkit-box-shadow: var(--slds-c-input-shadow-focus, var(--sds-c-input-shadow-focus, var(--dxp-s-form-element-shadow-focus, 0 0 3px var(--dxp-g-brand-1))));
  box-shadow: var(--slds-c-input-shadow-focus, var(--sds-c-input-shadow-focus, var(--dxp-s-form-element-shadow-focus, 0 0 3px var(--dxp-g-brand-1))));
}

.comm-login-form__container[lwc-2gnjpni64lj] {
  padding: 1rem;

}

.comm-login-form__container[lwc-2gnjpni64lj] .slds-form-element__label {
  font-family: "Inter", sans-serif;
  font-size: var(--dxp-s-form-element-label-font-size, var(--dxp-s-body-font-size));
  letter-spacing: 0.03em !important;
  line-height: 2.4em !important;
  color: var(--dl-body-text);
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.slds-input {
  border-color: rgb(199, 199, 199);
}

.slds-input::placeholder {
  color: #929191;
  font-weight: 400;
}

/*uncomment to fix the error icon issue that will occur with the 2025 july salesforce release */
/* .slds-has-error .slds-input {
  padding-left: 1.875rem;
} */

.slds-has-error .slds-combobox__input {
  border: 2px var(--dxp-g-destructive) solid;
  --slds-c-input-shadow: none !important;
}

.slds-input::placeholder {
  color: #BABABA !important;
}

.slds-input_faux:not(.slds-combobox__input-value) {
  color: #BABABA !important;
}

/* update color & background for selected date */
.slds-datepicker tbody>tr>td.slds-is-selected>.slds-day {
  background: #2F6E77;
  color: white;
}

/* update color & background for hover date */
.slds-datepicker tbody>tr>td:hover span {
  background: #23535A !important;
  color: white;
}