/*
 * Your global styles here
 */

:root {
    --osp-green-impact-green: #A8F931;
    --osp-green-impact-green-50: #E2FFB6;
    --osp-black: #000000;
    --osp-white: #FFFFFF;
    --osp-black-gray-200: #BDBDBD;
    --osp-black-gray-500: #757575;
    --osp-black-gray-700: #565656;
    --osp-gray-50: #F2F2F2;
    --osp-gray-100: #E6E6E6;
    --osp-gray-800: #303030;
    --osp-blue-Link: #003FBD;
    --osp-blue: #1F69FF;
    --osp-dark-blue: #002775;
    --slds-c-icon-color-foreground-default: #000000;
    --sds-c-tabs-item-spacing-block: 3.5px;
    --sds-c-tabs-item-spacing-inline: 1.5rem;
    --slds-c-tabs-list-sizing-border: 0;
    --slds-c-modal-radius-border: 1rem;
    --slds-c-modal-header-spacing-blockstart: 1.5rem;
    --slds-c-modal-header-spacing-blockend: 0rem;
    --slds-c-modal-header-spacing-inline-start: 1.5rem;
    --slds-c-modal-header-spacing-inline-end: 1.5rem;
    --slds-c-modal-footer-spacing-blockstart: 0.5rem;
    --slds-c-modal-footer-spacing-blockend: 1.5rem;
    --slds-c-modal-footer-spacing-inline-start: 1.5rem;
    --slds-c-modal-footer-spacing-inline-end: 1.5rem;
    --slds-c-modal-header-color-background: var(--osp-gray-50);
    --slds-c-modal-content-color-background: var(--osp-gray-50);
    --slds-c-modal-footer-color-background: var(--osp-gray-50);
    --slds-c-input-color-border: #00000033;
    --slds-c-textarea-color-border: #00000033;
    --slds-g-color-border-base-4: #00000033;
    --slds-c-radio-mark-color-foreground: var(--osp-black);
    --slds-c-radio-color-border: var(--osp-black);
    --dxp-c-spinner-color-background: rgb(255 255 255 / 40%);
}

body {
    margin: 0;
}

.bg-gray-100 {
    background: var(--osp-gray-100) !important;
}


.bg-gray-50 {
    background: var(--osp-gray-50) !important;
}

.bg-yellow-message{
    background: #FDEEA6 !important;
}

.osp-link-color {
    color: var(--osp-blue-Link);
}

community_layout-hidden-region{
    display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-stretch: condensed;
}

.sticky-header {
    z-index: 9 !important;
}

.icon-brand {
   --slds-c-icon-color-foreground-default: var(--dxp-g-brand);
}

.community_byo-scoped-header-and-footer__header-content,
.community_byo-scoped-header-and-footer__footer-content {
    background: #fff !important;
}

[kx-scope=button-brand]:hover:before {
    background: none !important;
}

.table-container lightning-primitive-cell-button button{
    background: inherit !important;
    border: none !important;
    color: var(--osp-blue-Link);
}

.table-container .slds-button {
    height: 22px !important;
    white-space: nowrap;
}

.slds-button:focus {
    box-shadow: none !important;
    border-width: 2px !important;
}

[kx-scope=button][kx-type=underline]:focus:after,
[kx-scope=button][kx-type=underline]:hover:after {
    --slds-kx-button-underline-scale-x: 0;
}

.slds-tabs_default__nav,
.slds-tabs--default__nav {
    border-bottom: 8px solid var(--osp-black);
    gap: 8px;
}

.slds-tabs_default .slds-tabs_default__item {
    font-size: 16px !important;
    background-color: white;
    border-radius: 1rem 1rem 0 0;
    border: solid var(--osp-black-gray-500);
    border-width: 1px 1px 0px 1px;
    --slds-c-icon-color-foreground-default: var(--osp-blue-Link);
}

.slds-tabs_default__item.slds-is-active::after {
    content: none !important;
}

.slds-tabs_default__item.slds-is-active {
    background-color: var(--osp-black) !important;
    border: solid white;
    border-width: 1px 1px 0px 1px;
    --slds-c-icon-color-foreground-default: var(--dxp-g-brand-contrast);
}

.slds-tabs_default__item.slds-is-active:hover {
    background-color: var(--osp-green-impact-green) !important;
    --slds-c-icon-color-foreground-default: #000000;
}

.slds-tabs_default__item.slds-is-active .slds-tabs_default__link {
    font-weight: 400;
    color: var(--dxp-g-brand-contrast)
}

.osp-cursor,
.slds-button {
    cursor: pointer;
}

.ospEyebrow {
    font-weight: 800;
    font-family: 'ZebraMonoFont';
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
}

a:hover {
    color: #000 !important;
}


.slds-dropdown__item>a:focus {
    box-shadow: none !important;
}

.slds-dropdown__item>a{
    padding: .25rem .5rem !important;
}

.slds-dropdown__item{
    font-weight: 500 !important;
}

.slds-modal__close{
  width:var(--slds-g-sizing-9);
  height:var(--slds-g-sizing-9);
  margin-inline-start:auto;
  position:relative;
  inset-block-end:var(--slds-g-spacing-2);
  background-color:var(--slds-g-color-surface-container-1);
  border:var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-2);
}

.slds-modal__header {
    text-align: left !important;
    border-bottom-style: none !important;
}

.slds-modal__footer {
    border-top-style: none !important;
}

/* Vertical divider between language selector and user profile */
.osp-divider {
    width: 2px;
    height: 12px;
    background-color: var(--osp-black);
    display: inline-block;
    border-radius: 2px;
    vertical-align: middle;
}

.osp-extra-small-text {
    font-size: 12px;
    line-height: 20px;
}

.osp-large-text{
      font-size: 40px;
}

.osp-bold-text {
    font-weight: 700;
}

.osp-medium-text{
    font-weight: 500;
}

.slds-button_brand:focus {
    color: var(--osp-black) !important;
}

.osp-border-radius_medium{
    border-radius: 1rem !important;
}

.osp-card {
    border-radius: 1rem;
    background-color: var(--dxp-g-brand-contrast);
}

.osp-card2{
    background-color: #F2F2F2;
    border-radius: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.osp-width_25{
    width: 25rem;
}

.slds-table lightning-primitive-header-factory {
    font-weight: 800;
    font-family: 'ZebraMonoFont';
    text-transform: uppercase;
}

.slds-table lightning-primitive-header-factory a.slds-is-sorted {
    color: var(--osp-black) !important;
}

.slds-table td,
.slds-table th,
.slds-th__action {
    padding: 5px 12px;
}

.slds-table lightning-primitive-cell-factory {
    font-size: 12px;
    line-height: 20px;
}

.slds-table lightning-primitive-cell-factory button {
    padding: 0;
    font-size: 12px;
    text-align: left;
}

.slds-input {
    height: 30px;
    box-shadow: none !important;
}

.slds-textarea{
    box-shadow: none !important;
}

.slds-has-error .dropdown-button,
.slds-has-error .slds-dueling-list__options,
.slds-has-error .slds-rich-text-editor {
    border: 1px solid var(--dxp-g-destructive) !important;
    border-radius: var(--dxp-s-form-element-radius-border);
}

.slds-form-element {
    margin-bottom: 0 !important;
}

.date-format-hide .slds-input-has-icon .slds-input__icon{
    margin-top: -15px;
}

/* Added for RichText Editor */
.slds-button_icon-border-filled {
    background-color: white !important;
}

.slds-button_icon-border-filled.slds-is-selected{
    background-color: black !important;
}

.slds-gutters_direct-xs-small {
    margin-right: -.375rem;
    margin-left: -.375rem
}

.slds-gutters_direct-xs-small>.slds-col {
    padding-right: .375rem;
    padding-left: .375rem;
}

lightning-primitive-input-file span.slds-form-element__label{
    display: none;
}

.osp-grid-32 {
    display: grid;
    gap: 32px;
}

.osp-grid-24 {
    display: grid;
    gap: 24px;
}

.osp-grid-10 {
    display: grid;
    gap: 10px;
}

.osp-grid-8 {
    display: grid;
    gap: 8px;
}

.osp-grid-5 {
    display: grid;
    gap: 5px;
}

.osp-grid-4 {
    display: grid;
    gap: 4px;
}

.osp-grid-2 {
    display: grid;
    gap: 2px;
}

.osp-padding-4-gap-4 {
    padding-left: 4px;
    padding-right: 4px;
    gap: 4px;
    display: grid;
}

.osp-padding-l-r-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.osp-padding-t-b-16 {
    padding-top: 16px;
    padding-bottom: 16px;
}

.grid {
    display: grid;
}

.gap-2 {
    gap: 2px;
}

.gap-4 {
    gap: 4px;
}

.gap-6 {
    gap: 6px;
}

.gap-7 {
    gap: 7px;
}

.gap-8 {
    gap: 8px;
}

.gap-10 {
    gap: 10px;
}

.gap-12 {
    gap: 12px;
}

.gap-16 {
    gap: 16px;
}

.gap-20 {
    gap: 20px;
}

.gap-24 {
    gap: 24px;
}

.gap-31 {
    gap: 31px;
}

.gap-32 {
    gap: 32px;
}

.date-format-hide .slds-form-element__help {
    display: none;
}

.date-format-hide .slds-show {
    display: block;
    /* Ensures the field remains visible */
}