/* You can add global styles to this file, and also import other style files */
.pageContainer {
  margin-left: auto;
  margin-right: auto;
  max-width: 992px;
}
ion-accordion-group ion-accordion .ion-accordion-toggle-icon {
  color: white;
}
.errorMsg {
  --color: var(--global-red);
  font-size: 12px;
  margin-left: 15px;
}
.errorMsg::before {
  content: '* ';
}
.row-separator {
  display: flex;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid lightgray;
  margin: 10px 0 10px;
}
.hidden {
  display: none;
}
.displayFlex {
  display: flex;
}
.justifyContentCenter {
  justify-content: center;
}
.colorDanger {
  color: var(--ion-color-danger);
  --color: var(--ion-color-danger);
}
/* Customisation du datePicker */
ion-datetime {
  --wheel-highlight-background: rgb(218, 216, 255);
  --wheel-highlight-border-radius: 48px;
}
ion-datetime::part(wheel-item active) {
  color: rgb(128, 30, 171);
}
/* Toggle customisation */
ion-toggle {
  --handle-width: 25px;
  --handle-height: 25px;
  --handle-max-height: auto;
  --handle-spacing: 2px;

  contain: none;
}
ion-toggle::part(track),
ion-toggle.toggle-checked::part(track) {
  height: 21px;
  width: 45px;

  background: #dddddd;

  /* Required for iOS handle to overflow the height of the track */
  overflow: visible;
}
ion-toggle::part(handle) {
  background: var(--ion-color-danger) url("/assets/icon/close-outline.svg");
  border-radius: 35%;
  box-shadow: none;
}
ion-toggle.toggle-checked::part(handle) {
  background: var(--ion-color-success) url("/assets/icon/checkmark-outline.svg");
}

/* Ionic Variables and Theming. For more info, please see:
http://ionicframework.com/docs/theming/ */

/** Ionic CSS Variables **/

:root {
  /** primary **/
  --ion-color-primary: #32374e;
  --ion-color-primary-rgb: 50,55,78;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #2c3045;
  --ion-color-primary-tint: #474b60;

  /** secondary **/
  --ion-color-secondary: #3880ff;
  --ion-color-secondary-rgb: 84,165,204;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #4a91b4;
  --ion-color-secondary-tint: #65aed1;

  /** tertiary **/
  --ion-color-tertiary: #1c213b;
  --ion-color-tertiary-rgb: 28,33,59;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255,255,255;
  --ion-color-tertiary-shade: #191d34;
  --ion-color-tertiary-tint: #33374f;


  /** success **/
  --ion-color-success: #45b591;
  --ion-color-success-rgb: 69,181,145;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #3d9f80;
  --ion-color-success-tint: #58bc9c;


  /** warning **/
  --ion-color-warning: #fb9f00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #d28500;
  --ion-color-warning-tint: #ffce68;

  /** danger **/
  --ion-color-danger: #ed5252;
  --ion-color-danger-rgb: 237,82,82;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d14848;
  --ion-color-danger-tint: #ef6363;

  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;

  /* Global colors */
  --global-green: #45b591;
  --global-red: #ed5252;

  /* Transports colors */
  --train: rgb(44, 196, 28);
  --plane: rgb(239, 123, 34);
  --car: rgb(36, 77, 159);
}

/*
   * In order to display the wheel on less than 320px width screens
   * -------------------------------------------
   */

.datetime-prefer-wheel {
  min-width: 310px;
}


/*# sourceMappingURL=styles.css.map*/