/* Default Light Theme Styles */
:root {
  --ion-overlay-background-color: #00000020;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-color-step-850: #e9ecef;
  --ion-text-color: #212529;
  --ion-text-color-rgb: 33, 37, 41;
  --ion-border-color: hsl(var(--gray-300));
  --ion-color-primary: hsl(var(--primary));
  --ion-color-primary-rgb: 255, 230, 0;
  --ion-color-primary-contrast: #000000;
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: darken(var(--primary), 10%);
  --ion-color-primary-tint: #ffe91a;
  --ion-color-dark: #343a40;
  --ion-color-dark-rgb: 52, 58, 64;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #292b2c;
  --ion-color-dark-tint: #4e555b;
  --ion-color-medium: #6c757d;
  --ion-color-medium-rgb: 108, 117, 125;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #5a6268;
  --ion-color-medium-tint: #7e858f;
  --ion-color-light: #f8f9fa;
  --ion-color-light-rgb: 248, 249, 250;
  --ion-color-light-contrast: #212529;
  --ion-color-light-contrast-rgb: 33, 37, 41;
  --ion-color-light-shade: #dae0e5;
  --ion-color-light-tint: #fdfdfe;
  --ion-color-step-50: #f8f9fa;
  --ion-color-step-100: #f1f3f4;
  --ion-color-step-150: #e9ecef;
  --ion-color-step-200: #e2e6ea;
  --ion-color-step-250: #dadfe4;
  --ion-color-step-300: #d2d8de;
  --ion-color-step-350: #cad2d8;
  --ion-color-step-400: #c2cbd2;
  --ion-color-step-450: #bac5cc;
  --ion-color-step-500: #b2c0c6;
  --ion-color-step-550: #aabbc0;
  --ion-color-step-600: #a2b6ba;
  --ion-color-step-650: #9ab1b4;
  --ion-color-step-700: #92acae;
  --ion-color-step-750: #8aa7a8;
  --ion-color-step-800: #82a2a2;
  --ion-color-step-850: #7a9d9d;
  --ion-color-step-900: #729898;
  --ion-color-step-950: #6a9393;
  --ion-item-background: #ffffff;
  --ion-toolbar-background: #ffffff;
  --ion-tab-bar-background: #ffffff;
  --ion-card-background: #ffffff;
  --ion-background-color: #69f37000;
  --background: #65aef700;
  --background-color: #ffffff07;
  --text-color: #000000;
  --accent-color: #53ad93;
  --secondary-background: #f8f9fa00;
  --border-color: #dee2e6;
}

:host {
  background-color: burlywood;
}

body {
  background-color: rgb(247, 247, 247);
  color: var(--text-color);
  position: relative;
}

:root:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/img/pattern.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
  opacity: 0.5;
  z-index: -1;
  pointer-events: none;
}

a {
  color: var(--accent-color);
}

.card {
  background-color: var(--secondary-background);
  border-color: var(--border-color);
}

.btn {
  background-color: var(--accent-color);
  color: #ffffff;
  border-color: var(--accent-color);
}

.btn:hover {
  background-color: var(--accent-color);
  color: #ffffff;
  border-color: var(--accent-color);
}

.divide-y.divide-solid.divide-gray-300 {
  background-color: rgb(209, 208, 208);
}

#booking-details {
  background-color: rgb(190, 190, 190);
}

eventat-navbar {
  height: 90px;
}

eventat-list-selection a {
  background-color: #007bff;
}

/* ////////////////////////////// */
.inner-scroll {
  height: 100px;
  background: blue;
}

.container {
  padding-top: 3rem;
  color: #000000;
}

.header-background {
  background-color: #ffffff !important;
  opacity: 0px !important;
}

.toolbar-title {
  height: 55px !important;
}

.navbar-title {
  display: flex;
  align-items: center;
  justify-content: end;
}

.navbar-title a img {
  padding-left: 1.5rem;
  background-color: white;
  height: 75px !important;
}

ion-modal.auto-height-all .ion-page {
  background: white !important;
  height: auto;
  min-height: fit-content;
}

#phone,
.form-input,
.form-textarea,
.form-select,
.form-multiselect {
  appearance: none;
  background-color: #151a2ba2;
  border-color: #2222229f;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.alert-wrapper {
  background-color: #2f6194bb;
}

.buttons-last-slot {
  display: none;
}

.list-ios {
  background: #f8f9fa;
}

.background-content {
  background: #ffffff;
}

.navbar-sm .logo img {
  height: 40px;
}

.navbar-sm .logo img {
  height: 40px;
}

.logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  margin-left: -48px;
}

.form-error {
  color: red;
}