/* 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: #599be2;
  --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: 6rem;
  color: #000000;
}
.header-background {
  background-color: #ffffff !important;
  opacity: 0px !important;
}
.toolbar-title {
  height: 55px !important ;
}
.navbar-title {
  height: 37px !important;
}

ion-toolbar {
  /* margin-bottom: 8rem; */
}
swiper-slide {
  /* margin-top: 6rem; */
}
.navbar-title {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: end;
}

ion-modal.auto-height-all .ion-page {
  background: white;
}

#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;
}

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

.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;
}

/* 

.dark body {
  --ion-background-color: hsl(var(--app-background));
  --background: hsl(var(--app-background));
  --ion-background-color-rgb: 31, 34, 39;
  --ion-overlay-background-color: hsl(var(--app-background));
  --ion-color-step-850: #ffffff;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --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(--primary, 10%);
  --ion-color-primary-tint: #ffe91a;
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 244, 245, 248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0, 0, 0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #222428;
  --ion-color-light-rgb: 34, 36, 40;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: hsl(var(--app-background));
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
  --ion-item-background: hsl(var(--app-background));
  --ion-toolbar-background: hsl(var(--app-background));
  --ion-tab-bar-background: hsl(var(--app-background));
  --ion-card-background: hsl(var(--app-background));
}
  

:root {
  --ion-font-family: "Tajawal", Robato, -apple-system, system-ui,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ion-text-color: hsl(var(--gray-000));
  --ion-color-base: hsl(var(--app-background));
  --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(hsl(--primary), 10%);
  --ion-color-primary-tint: #ffe91a;
  --ion-color-secondary: #3875ef;
  --ion-color-secondary-rgb: 56, 117, 239;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #3167d2;
  --ion-color-secondary-tint: #4c83f1;
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  --ion-color-success: #28a745;
  --ion-color-success-rgb: 40, 167, 69;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #23933d;
  --ion-color-success-tint: #3eb058;
  --ion-color-error: #dc3545;
  --ion-color-error-rgb: 220, 53, 69;
  --ion-color-error-contrast: #ffffff;
  --ion-color-error-contrast-rgb: 255, 255, 255;
  --ion-color-error-shade: #c22f3d;
  --ion-color-error-tint: #e04958;
  --ion-color-warning: #ffc107;
  --ion-color-warning-rgb: 255, 193, 7;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0aa06;
  --ion-color-warning-tint: #ffc720;
  --ion-color-danger: #dc3545;
  --ion-color-danger-rgb: 220, 53, 69;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #c22f3d;
  --ion-color-danger-tint: #e04958;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --background: hsl(var(--app-background));
}

:root {
  --mdc-dialog-supporting-text-font: $font-family-sans-serif;
  --mdc-dialog-supporting-text-line-height: unset;
  --mdc-dialog-supporting-text-size: unset;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: inherit;
  --mat-table-row-item-outline-color: transparent;
}




*/