.slds-notify, .slds-theme_success, .slds-theme--success  {
  --lwc-colorBackgroundToastSuccess: #19B54D;
}

.slds-notify, .slds-theme_info, .slds-theme--info  {
  --lwc-colorBackgroundToast: #007CEE;
}

.slds-notify .toastIcon {
  align-self: center;
}

.toastClose {
  --lwc-spacingSmall: 15px;
  --lwc-squareIconUtilityLarge: 19px;
  --lwc-shadowButtonFocusInverse: none;
  --lwc-borderWidthThin: 0;
  --dcx_g_button_height: 18px;
  --dcx_g_buttonh_color: transparent;
}

.slds-notify--toast .slds-notify__close {
  top: 50%;
  transform: translate(0, -50%);
}

.datepicker input {
  box-shadow: none;
  height: var(--dcx-datepicker-input-height, auto);
}

.datepicker lightning-button-icon button {
  height: auto;
  line-height: 0;
}

.slds-datepicker h2 {
  font: inherit;
}

.datepicker input::placeholder {
  font-style: italic;
}

.slds-datepicker thead>tr>th,
.slds-datepicker {
  color: #555555;
}

.slds-day_adjacent-month {
  color: #C9C9C9;
}

.slds-datepicker .slds-button {
  background: transparent;
  font-size: .75rem;
  font-weight: normal;
}

.slds-datepicker__filter_month .slds-button {
  color: #555555;
  height: 2rem;
}

.slds-datepicker tbody>tr:hover>td,
.slds-datepicker tbody>tr>td {
  border: none;
  box-shadow: none !important;
}

.slds-datepicker tbody>tr>td.slds-is-selected>.slds-day {
  background-color: #225792;
  color: #fff;
}

select {
  font-family: Roboto, Helvetica;
}

.datepicker .slds-form-element__label,
lightning-textarea .slds-form-element__label {
  font-family: 'Roboto Condensed';
  font-weight: var(--dcx-label-font-weight, normal);
  margin-bottom: var(--dcx-label-margin-bottom, 2px);
}

.datepicker .slds-form-element__label {
  margin-bottom: var(--dcx-label-margin-bottom, 2px);
}

.cam_datepicker .slds-form-element__label,
lightning-textarea .slds-form-element__label {
  font-family: 'Roboto Condensed';
  font-weight: 600;
  margin-bottom: var(--dcx-label-margin-bottom, 2px);
}

.cam_datepicker .slds-form-element__label {
  margin-bottom: 0.5rem;
}

.placeholder-italic input::placeholder {
  font-style: italic;
  color: var(--input-placeholder-color);
}

.placeholder-normalweight input::placeholder {
  font-weight: normal;
}

lightning-checkbox-group .slds-checkbox+.slds-checkbox {
  margin-top: var(--checkbox-group-vertical-gap, 0);
}

.ksp-checkbox .slds-checkbox .slds-checkbox_faux {
  border-radius: 2px;
  border: none;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><rect width="15" height="15" rx="6" fill="white"/><path d="M1.66667 15C1.20833 15 0.815834 14.8367 0.489168 14.51C0.162501 14.1833 -0.000554141 13.7911 1.41483e-06 13.3333V1.66667C1.41483e-06 1.20833 0.163335 0.815834 0.490001 0.489168C0.816668 0.162501 1.20889 -0.000554141 1.66667 1.41483e-06H13.3333C13.7917 1.41483e-06 14.1842 0.163335 14.5108 0.490001C14.8375 0.816668 15.0006 1.20889 15 1.66667V13.3333C15 13.7917 14.8367 14.1842 14.51 14.5108C14.1833 14.8375 13.7911 15.0006 13.3333 15H1.66667ZM1.66667 13.3333H13.3333V1.66667H1.66667V13.3333Z" fill="%23555555"/></svg>');
  width: 15px;
  height: 15px;
  box-shadow: none;
}

.ksp-checkbox.custom-checkbox .slds-checkbox .slds-checkbox_faux {
  width: 19px;
  height: 19px;
  background-size: cover;
}

.ksp-checkbox.custom-checkbox-mobile .slds-checkbox .slds-checkbox_faux {
  width: 14px;
  height: 14px;
  background-size: cover;
}

.ksp-checkbox.custom-checkbox .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
  background-size: cover;
}

.ksp-checkbox .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><rect width="15" height="15" rx="6" fill="white"/><path d="M6.33333 8.66667L4.54167 6.875C4.38889 6.72222 4.19445 6.64583 3.95833 6.64583C3.72222 6.64583 3.52778 6.72222 3.375 6.875C3.22222 7.02778 3.14583 7.22222 3.14583 7.45833C3.14583 7.69444 3.22222 7.88889 3.375 8.04167L5.75 10.4167C5.91667 10.5833 6.11111 10.6667 6.33333 10.6667C6.55556 10.6667 6.75 10.5833 6.91667 10.4167L11.625 5.70833C11.7778 5.55556 11.8542 5.36111 11.8542 5.125C11.8542 4.88889 11.7778 4.69444 11.625 4.54167C11.4722 4.38889 11.2778 4.3125 11.0417 4.3125C10.8056 4.3125 10.6111 4.38889 10.4583 4.54167L6.33333 8.66667ZM1.66667 15C1.20833 15 0.815834 14.8367 0.489168 14.51C0.162501 14.1833 -0.000554141 13.7911 1.41483e-06 13.3333V1.66667C1.41483e-06 1.20833 0.163335 0.815834 0.490001 0.489168C0.816668 0.162501 1.20889 -0.000554141 1.66667 1.41483e-06H13.3333C13.7917 1.41483e-06 14.1842 0.163335 14.5108 0.490001C14.8375 0.816668 15.0006 1.20889 15 1.66667V13.3333C15 13.7917 14.8367 14.1842 14.51 14.5108C14.1833 14.8375 13.7911 15.0006 13.3333 15H1.66667Z" fill="%23007CEE"/></svg>');
}

.ksp-checkbox .slds-checkbox [type=checkbox]:checked+.slds-checkbox__label .slds-checkbox_faux:after {
  display: none;
}

.ksp-checkbox .slds-checkbox__label {
  cursor: pointer;
}

.ksp-checkbox.caldue input[value=past] + .slds-checkbox__label .slds-form-element__label {
  color: var(--Darker-Dark-Grey, #555);
}

.ksp-checkbox.caldue input[value=lt7] + .slds-checkbox__label .slds-form-element__label {
  color: var(--Primary-Red, #E90029);
}

.ksp-checkbox.caldue input[value=lt30] + .slds-checkbox__label .slds-form-element__label {
  color: var(--Primary-Orange, #FF6635);
}

.ksp-checkbox.caldue input[value=lt90] + .slds-checkbox__label .slds-form-element__label {
  color: var(--Primary-Green, #11B667);
}

.forceToastMessage.slds-notify--toast{
  max-width: 50%;
  min-width: 30rem; 
}
@media (max-width: 30rem) {
  .slds-notify--toast {
    min-width: 0;
  }
  .forceToastMessage.slds-notify--toast{
    max-width: 90%;
    min-width: 90%;
  }
}

.ksp-textinput .slds-textarea,
.ksp-textinput .slds-input {
  border-radius: 6px;
  border: 1px solid var(--Neutral-darker-grey, #D9D9D9);
  background: #F3F3F3;
  --slds-g-color-error-base-40: var(--Primary-Red, var(--Primary-red, #E90029));
  box-shadow: none;
}

.ksp-textinput .slds-textarea:hover,
.ksp-textinput .slds-input:hover {
  border: 1px solid var(--Additional-Colors-input-dark-border, #A0A3AD);
  box-shadow: none;
}

.ksp-textinput .slds-textarea:hover,
.ksp-textinput .slds-input:hover,
.ksp-textinput .slds-textarea:focus,
.ksp-textinput .slds-input:focus {
  border: 1px solid var(--Additional-Colors-input-dark-border, #A0A3AD);
  box-shadow: none;
}

.ksp-textinput .slds-textarea:focus,
.ksp-textinput .slds-input:focus,
.ksp-textinput.slds-has-error .slds-input:focus,
.ksp-textinput.slds-has-error .slds-input:active,
.ksp-textinput.slds-has-error .slds-textarea:focus,
.ksp-textinput.slds-has-error .slds-textarea:active {
  background: #fff;
}

.ksp-textinput.slds-has-error .slds-input,
.ksp-textinput.slds-has-error .slds-input:hover,
.ksp-textinput.slds-has-error .slds-input:focus,
.ksp-textinput.slds-has-error .slds-input:active,
.ksp-textinput.slds-has-error .slds-textarea,
.ksp-textinput.slds-has-error .slds-textarea:hover,
.ksp-textinput.slds-has-error .slds-textarea:focus,
.ksp-textinput.slds-has-error .slds-textarea:active {
  border: 1px solid var(--Primary-red, #E90029);
  box-shadow: none;
}

.ksp-textinput .slds-form-element__label {
  color: var(--Additional-Colors-input-label, #636972);
  font-family: Roboto;
  font-size: 0.875em;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}

@media(max-width: 1439px){
  .ksp-textinput .slds-form-element__label{
    font-size: 1em;
  }
}
.ksp-nolabel .slds-form-element__label {
  display: none;
}

.ksp-textinput .slds-required {
  color: #E90029;
  margin-right: 3px;
}

.ksp-textinput .slds-textarea::placeholder,
.ksp-textinput .slds-input::placeholder {
  color: var(--Primary-COS-Grey, #989898);
  font-family: Roboto;
  font-style: italic;
  line-height: normal;
}

.ksp-searchinput [data-key="search"] {
  right: 9px;
  left: auto;
}

.ksp-searchinput .slds-input {
  padding-right: 48px;
  padding-left: 15px;
  border-radius: 20px;
}

.ksp-searchinput .slds-input__icon_right {
  right: 28px;
}
.custom-toggle .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before {
  top: 0.25rem;
  right: 0.25rem;
  width: 1.063rem;
  height: 1.063rem;
}

.custom-toggle .slds-checkbox_toggle .slds-checkbox_faux:after {
  top: 0.25rem;
  left: 0.25rem;
  width: 1.063rem;
  height: 1.063rem;
}

.custom-toggle .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
  top: 0.375rem;
  left: 0.625rem;
  height: 0.813rem;
  width: 1.125rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.679 0.316314C18.1033 0.741767 18.1075 1.43584 17.6884 1.86656L7.27673 12.5655C6.71298 13.1448 5.79151 13.1448 5.22776 12.5655L0.311635 7.51373C-0.107525 7.083 -0.103313 6.38893 0.321044 5.96348C0.7454 5.53802 1.42921 5.5423 1.84837 5.97303L6.25225 10.4984L16.1516 0.325863C16.5708 -0.104864 17.2546 -0.109139 17.679 0.316314Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border:none;
  transform: rotate(0deg);
}
.custom-toggle  .slds-checkbox_toggle [type=checkbox]:not(:checked)+.slds-checkbox_faux_container .slds-checkbox_faux{
  background-color:#989898;
  border: none;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.13) inset;
}



@media (max-width: 768px) and (orientation: portrait), (max-width: 900px) and (orientation: landscape) {
  .custom-toggle .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:after {
      top: 0.25rem;
      height: 0.632rem;
      width: 0.875rem;
  }
  .custom-toggle .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux:before {
  top: 0.125rem;
  right: 0.188rem;
  width: 0.875rem;
  height: 0.875rem;
}
.custom-toggle .slds-checkbox_toggle .slds-checkbox_faux:after {
  top: 0.188rem;
  left: 0.188rem;
  width: 0.875rem;
  height: 0.875rem;
}



}
.createsupportcase .slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus>td:not(.slds-has-focus),
.createsupportcase .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover>td:not(.slds-has-focus){
  box-shadow: none;
  }

  .portal-group-management-popup-input .slds-input{
    font-size: 14px;
    line-height: 16px;
    padding: 10px 15px;
    font-family: Roboto;
    letter-spacing: 0.14px;
    height: 39px;
    min-height: unset;
    border-radius: 6px;
    border: 1px solid var(--Neutral-darker-grey, #D9D9D9);
    background: #F3F3F3;
    --slds-g-color-error-base-40: var(--Primary-Red, var(--Primary-red, #E90029));
    box-shadow: none;
  
  }
  
  .portal-group-management-popup-input .slds-form-element__label {
    color: var(--Additional-Colors-input-label, #636972);
    font-family: Roboto;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1rem;
    margin-bottom: 8px;
    letter-spacing: 0.14px;
  }

  .portal-group-management-popup-input lightning-primitive-input-simple > div:first-of-type{
        display: flex;
        flex-direction: column;
        height: 63px;
    
  }

  .portal-group-management-popup-input .slds-form-element__label {
    padding-top: 0px;
  }
  .portal-group-management-popup-input .slds-form-element__help{
    margin-top: 0px;
  }

lightning-input.slds-has-error .slds-input-has-icon_left lightning-primitive-icon {
  display: none;
}

lightning-input.slds-has-error .slds-input-has-icon_left .slds-input {
  --slds-c-input-spacing-inlinestart: unset;
}


lightning-primitive-bubble .slds-popover {
  border-radius: 15px;
  border: 1px solid var(--boarders-popover-default, #EBEBEB);
  background: var(--neutral-white, #FFF);
  box-shadow: 0px 4px 15px 3px rgba(0, 0, 0, 0.12);
}


lightning-primitive-bubble .slds-popover_tooltip .slds-popover__body {
  color: var(--neutral-dark-grey, #555);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding: 20px;
}