.kyra-override-feature-card img {
  max-width: 100%;
  height: 64px !important;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none;
}

a {
  text-decoration: underline;
  font-weight: inherit !important;
  font-size: inherit !important;
}

/* Overwrite Theme Colors */
:root { 
  --ion-color-primary: #0064d2 !important;
  --ion-color-primary-rgb: 0, 100, 210 !important;
}

.text-primary, .text-primary-400 {
  color: rgb(0 100 210) !important;
}

.border-primary, .border-primary-400{
  border-color: rgb(0 100 210) !important;
}

.bg-primary-200 {
  background-color: rgb(190 221 255) !important;
}

ion-toggle.ion-color-success {
  --ion-color-base: var(--ion-color-primary) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb) !important;
  --ion-color-contrast: var(--ion-color-primary) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-rgb) !important;
  --ion-color-shade: rgb(190 221 255) !important;
  --ion-color-tint: rgb(190 221 255) !important;
}

ion-modal, ion-toast, ion-alert{
  position: fixed !important;
}

ion-popover{
  position: absolute !important;
}

ion-popover::part(backdrop) {
  position: fixed !important;
}

kyra-table-card thead{
  position: absolute !important;
} 
 /* TODO: Proper fix is need for the button overrides*/
 /* Blank button issue is caused when bg color is overridden by kyra-override.css and line 6 */
[data-ui-id="call-composite-start-call-button"] {
  background-color: rgb(0, 120, 212);
}
[data-ui-id="call-composite-hangup-button"] {
  background-color: rgb(164, 46, 67)
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0064d2) !important;
}