/* 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;
}

.LoginPage_container__ZK1ET {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
.LoginPage_loginInWith__pMnPY {
  text-align: center;
  padding-top: 20px;
}
.LoginPage_separator__SzkEc {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 20px 20px 20px;
}
.LoginPage_separator__SzkEc::before,
.LoginPage_separator__SzkEc::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}
.LoginPage_separator__SzkEc:not(:empty)::before {
  margin-right: 0.25em;
}
.LoginPage_separator__SzkEc:not(:empty)::after {
  margin-left: 0.25em;
}

.DefaultInputError_error__PynR\+ {
  padding: 5px;
  color: #eb445a;
  > ion-icon {
    position: relative;
    margin: 0 2px 0 0;
    top: 2px;
  }
}

.PSCLoginButton_buttonContainer__lwUsM {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.PSCLoginButton_errorContainer__m3smL {
  display: flex;
  justify-content: center;
  padding: 0 20px 0 20px;
}
.PSCLoginButton_buttonPSC__8MAdy {
  max-width: 220px;
  cursor: pointer;
}

.ResetPassword_form__VmGRo {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
.ResetPassword_pageContainer__qhS25 {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.ResetPasswordConfirm_pageContainer__p4Bwc {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.VerifyEmailConfirm_pageContainer__ILqMf {
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}

.AppLogo_img__20pb\+ {
  display: block;
  margin: 30px auto;
  width: 60%;
  max-width: 300px;
}

.NestedFormUser_dateInputContainer__fEZTI {
  padding: 0 1.25em;
  span {
    padding: 0 0.5em;
  }
  div {
    margin-top: 0.5em;
  }
}

.Tabs_tabBtn__uVO1T {
  --color-selected: var(--ion-color-secondary);
}

ion-tab-button::part(native) {
  --padding-end: 1px;
  --padding-start: 1px;
}

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/

.FormPMO_dateInputContainer__-pTAJ {
  padding: 0 1.25em;
  span {
    padding: 0 0.5em;
  }
  div {
    margin-top: 0.5em;
  }
}

.FormPMO_errorContainer__o43u\+ {
  font-size: 12px;
  margin-top: 0.5em;
}

/*.displayFlex {*/

/*  display: flex;*/

/*}*/

.FormPO_courseAccordion__EfTp7 {
  background: var(--ion-color-primary-contrast);
  & ion-item[slot="header"] {
    --background: var(--ion-color-primary);
    --color: var(--ion-color-primary-contrast);
    font-size: 15px;
    text-align: center;

    & ion-label {
      text-transform: uppercase;
    }

    .FormPO_ion-text__ViMnK {
      height: 100%;
      vertical-align: middle;
    }

    .FormPO_invalidIcon__3FyF7 {
      color: var(--ion-color-danger);
    }
    .FormPO_validIcon__0WTf3 {
      color: var(--ion-color-success);
    }
  }

  .FormPO_disabled__HHwLC {
    opacity: 0.3;
  }
}

.AddMaterialSurgeon_machineHelper__j2EhT {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.AddMaterialSurgeon_centerBtnContainer__VdZ3O {
  width:100%;
  display: flex;
  justify-content: center;
}
.AddMaterialSurgeon_displayFlex__TRLoi {
  display: flex;
  align-items: center;
}

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/

.POTransportSummary_greyBackground__UZyWi {
  --background: #f3f3f8;
}

.SegmentsSummary_addressCircle__6FytS {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  z-index: 2;
  background-color: white;
  &.SegmentsSummary_plane__L2941 {
    border: 2px solid var(--plane);
  }
  &.SegmentsSummary_train__mDtKe {
    border: 2px solid var(--train);
  }
  &.SegmentsSummary_car__ZVZ2z {
    border: 2px solid var(--car);
  }
  right: 6px;
}

.SegmentsSummary_addressCircle__6FytS::before {
  content: '';
  background: var(--ion-color-medium-shade);
  height: 3px;
  display: inline-block;
  position: relative;
  top: calc(-0.5rem + 1px);
  right: 3rem;
  width: 3rem;
  z-index: 2;
}

@media screen and (max-width: 375px) {
  .SegmentsSummary_addressCircle__6FytS::before {
    content: '';
    background: var(--ion-color-medium-shade);
    height: 3px;
    display: inline-block;
    position: relative;
    top: calc(-0.5rem + 1px);
    right: 0;
    width: 0;
    z-index: 2;
  }
}

.SegmentsSummary_addressCircle__6FytS.SegmentsSummary_plane__L2941::before {
  background: var(--plane);
}

.SegmentsSummary_addressCircle__6FytS.SegmentsSummary_train__mDtKe::before {
  background: var(--train);
}

.SegmentsSummary_addressCircle__6FytS.SegmentsSummary_car__ZVZ2z::before {
  background: var(--car);
}

.SegmentsSummary_trajetSegment__QL4jz {
  position: relative;
  float: right;
  top: 2%;
  height: 96%;
  width: 18px;
  border-radius: 25px;
  background: var(--ion-color-medium-shade);
  &.SegmentsSummary_plane__L2941 {
    background: var(--plane);
  }
  &.SegmentsSummary_train__mDtKe {
    background: var(--train);
  }
  &.SegmentsSummary_car__ZVZ2z {
    background: var(--car);
  }
  z-index: 1;
}

.SegmentsSummary_transferSegment__GJgxt {
  position: relative;
  float: right;
  margin-right: 6px;
  top: -50%;
  height: 200%;
  border-left: 5px dotted rgb(119, 119, 119);
  z-index: 0;
}

.SegmentsSummary_timingDiv__nVlQ- {
  padding: 0 5px;
  background: var(--ion-color-medium-shade);
  &.SegmentsSummary_plane__L2941 {
    background: var(--plane);
  }
  &.SegmentsSummary_train__mDtKe {
    background: var(--train);
  }
  &.SegmentsSummary_car__ZVZ2z {
    background: var(--car);
  }
  color: white;
  b:before {
    margin-left: -24px;
    content: '✔️​ '
  }
  border-radius: 10px;
  z-index: 3;
}

.SegmentsSummary_hourIcon__icEf8 {
  display: inline-block;
  font-size: 24px;
  color: #67bd2a;
  vertical-align: middle;
}

.SegmentsSummary_walkContainer__wAnff {
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin: 10px 0;
}

.SegmentsSummary_transportCompanieItem__LwTvT {
  background: rgb(243, 243, 248);
  color: var(--ion-color-dark);
  border-radius: 4px;
  margin: 4px 2px;
  .SegmentsSummary_transportIcon__fmp7X {
    min-width: 32px;
    color: #606060;
    margin-right: 5px;
  }
}

.SegmentsSummary_transportCompanieWrapper__\+\+BM0 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.SegmentsSummary_transportCompanieContent__lqGBX {
  display: flex;
  align-items: center;
  padding: 10px;
}

.SegmentsSummary_editBtn__-L-K2 {
  --background: rgb(243, 243, 248);
}

.SegmentsSummary_spaceBetween__-0R4w {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.SegmentsSummary_addressText__OD1NI {
  color: #181818;
  padding-left: 5px;
  font-weight: bold !important;
}

.SegmentsSummary_hidden__Uo4q6 {
  display: none;
}

.SegmentsSummary_bottom__CVRju {
  position: absolute;
  bottom: 0.5rem;
}

.SegmentsSummary_up__LPOvO {
  position: absolute;
  top: 0.5rem;
}

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.SegmentCompletion_centerV__Hirr1 {
  align-items: center;
}
.SegmentCompletion_trashBtn__AIMQM {
  --padding-start: 0.2em;
  --padding-end: 0.2em;
}

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/
.TransporterDetails_transportImat__YSMcV {
  color: black !important;
}
.TransporterDetails_transportTitle__QkFl0 {
  overflow: auto;
}
.TransporterDetails_unknown__XAF7W {
  color: var(--ion-color-warning) !important;
}

.RecommendationList_submitBtnContainer__yWBJ\+ {
  display: flex;
  justify-content: center;
  width: 100%;
}

.checkmark {
  z-index: 2;
  background-color: var(--ion-color-primary);
  border-radius: 100%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;

  & ion-icon {
    color: var(--ion-color-primary-contrast);
    font-size: 1.5em;
  }
}

.empty-checkmark {
  z-index: 2;
  background-color: var(--ion-color-light-shade);
  border-radius: 100%;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  flex-grow: 0;
}

.timelineItemCol {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 47px;
}

.timelineItemRow {
  display: flex;
  justify-content: center;
}

.vertical-line {
  border-left: 3px solid var(--ion-color-light-shade);
  top: -25px;
  height: 35px;
  position: absolute;
  z-index: 1;
}

.blue-border {
  border-left: 3px solid var(--ion-color-primary) !important;
}

.higher-line {
  top: -37px !important;
  height: 47px !important;
}

.estimated-time {
  opacity: 0.5;
  font-size: 0.9em;
}

.estimated-time-crossed {
  text-decoration-line: line-through;
}

.curr-time {
  cursor: pointer;
  width: 100%;

  & ion-icon {
    margin-left: 0.5em;
    position: absolute;
  }
}

.step-name {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.step-title {
  text-transform: uppercase;
  & ion-icon {
    font-size: 1.4em;
    margin-bottom: -5px;
    margin-left: 5px;
  }
}

.step-name-subtitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.8em;
  font-style: italic;
}

.center-btn-container {
  width:100%;
  display: flex;
  justify-content: center;
}

.editEstimWrapper {
  position: absolute;
  margin-top: 74px;
  margin-left: 8.3%;
  z-index: 3;
}

.editEstimContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-radius: 12px;
  border: var(--ion-color-primary) 1px solid;
  background: var(--ion-color-light);
}

.editTimeIcon {
  font-size: 22px;
  color: var(--ion-color-primary);
}

.numInput {
  font-size: 1.3em;
  text-align: center;
  background: none;
  border: none;
  color: red;
  font-weight: bold;
  width: 45px;
}

/* Hide arrow for number input */

/* Chrome, Safari, Edge, Opera */

.numInput::-webkit-outer-spin-button,
.numInput::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input.numInput {
  -moz-appearance: textfield;
}

.numInput:focus {
  outline: none;
}

.morePaddingTop {
  padding-top: 28px;
}


.timelineToolbar {
  --padding-top: 0;
}

.FullPageLoader_loadingContainer__jDWr3 {
  height: 100%;
}

.FullPageLoader_loadingRow__9O2h6 {
  height: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 600px) {
  .PoListSummary_courseAccordionGroup__egLI3 {
    margin: 0;
  }
}

.PoListSummary_iconContainer__9o3kL{
  font-size: 15px;
}

.AddMaterialCoordinator_hPadding__fdoVW{
  padding: 0 12px;
}

.PmoBlocEntry_datetimebtn__BheAv {
  display: block;
}
.PmoBlocEntry_centerVertically__6tWeu {
  align-content: center;
  text-align: center;
}
.PmoBlocEntry_centerHorizontal__Fbc\+u {
  text-align: center;
}
.PmoBlocEntry_alignEnd__S388K {
  align-content: flex-end;
}
.PmoBlocEntry_specialityTitle__8tUG\+ {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


.ChatListPage_chatListItem__uPOrh {
  --inner-padding-bottom: 0.5em;
  --inner-padding-top: 0.5em;
}

.ChatListPage_chatListItemLabel__he7yO {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ChatListPage_paddingBottom__07Jh1 {
  margin-bottom: 0.5em;
}

.ChatListPage_newMessageTokenAlert__32t8G {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--ion-color-danger);
  margin-right: 0.5em;
}

.ChatTextarea_alignCenter__6Jv7z {
  display: flex;
  align-items: center;
}

.ChatTextarea_roundBtn__2LI4V {
  --padding-end: 0;
  --padding-start: 0;
  height: 38px;
  width: 38px;
}

.ChatTextarea_textareaContainer__4zY7J{
  height: 100%;
  width: 100%;
  max-height: 50vh;
  overflow: auto;
}

.ChatTextarea_filesInput__EC-5Q {
  display: none;
}

.ChatTextarea_filesWrapper__tpccc {
  flex-wrap: nowrap;
  overflow: auto;
}

.ChatTextarea_marginRight__oLEWO {
  margin-right: 0.5em;
}

.FileContainer_container__EgfUH {
  display: flex;
  flex-direction: column;
  color: white;
  background: var(--ion-color-primary-tint);
  border-radius: 10px;
  font-size: 0.7em;
  width: 6rem;
  height: 6rem;
}

.FileContainer_label__aLP-h {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0.5em;
}

.FileContainer_icon__3hGus {
  width: 1.5em;
  height: 1.5em;
  margin: 1em 0;
}

.FileContainer_image__QrxCz {
  width: 100%;
  height: 100%;
}

.FileContainer_deleteBtn__ERGBI {
  position: absolute;
  right: -5px;
  top: -3px;
  z-index: 1;
}

.FileContainer_previewContainer__eVOHP {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  padding: 0.5em;
}

.ChatBubble_messageContainer__zXN19 {
  border-radius: 0 15px 15px 15px;
  max-width: 80%;
  padding: 10px;
  font-size: small;
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);
}

.ChatBubble_messageHeader__fK3oI {
  margin-bottom: 0.7em;
  font-size: 0.85em;
  font-weight: bold;
}

.ChatBubble_messageFooter__uqU24 {
  margin-top: 0.6em;
  font-size: 0.85em;
  opacity: 0.8;
  display: flex;
  align-items: center;
  justify-content: end;
}

.ChatBubble_triangleContainer__1D-pj {
  position: relative;
  width: 10px;
}

.ChatBubble_triangle__eXUzu {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 11px;
  height: 20px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 30%);
  border-radius: 3px 0 0 0;
}

.ChatBubble_triangleShadow__fB0jF {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 10px;
  height: 20px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 36%);
  border-radius: 3px 0 0 0;
  background: rgb(0 0 0 / 10%);
}

.ChatBubble_msgRow__ltmgx {
  display: flex;
  margin-top: 1.5em;
}

.ChatBubble_chainedMargin__uMHKY {
  margin-top: 0.2em !important;
}

.ChatBubble_reverse__jRZl9 {
  transform: scaleX(-1);
}

.ChatBubble_background1__u9Szl {
  background: var(--ion-color-secondary);
  color: var(--ion-color-secondary-contrast);
}

.ChatBubble_background2__e4\+U1 {
  background: var(--ion-color-light-tint);
}

.ChatBubble_backgroundError__cFdeh {
  background: var(--ion-color-danger);
  color: var(--ion-color-secondary-contrast);
}

.ChatBubble_spinner__pV1qr {
  height: 1em;
  width: 1em;
  margin-left: 0.5em;
  color: var(--ion-color-secondary-contrast);
}

.ChatBubble_errorBtn__x3J13 {
  font-size: 1.5em;
  margin-left: 0.7em;
  cursor: pointer;
}

.ChatBubble_imageContainer__3yFrN {
  max-height: 40vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Chat_dateSeparator__E8JkC {
  text-align: center;
  opacity: 0.8;
  margin: 2em 0;
  font-size: 0.9em;
}

.ChatBubbleFileContainer_container__xU4hu {
  background: #474b60;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 15%);
}

.ChatBubbleFileContainer_icon__rq1iZ {
  margin-right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}

.ChatBubbleFileContainer_labelWrapper__gtQe3 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ChatBubbleFileContainer_sizeLabel__E-VXU {
  opacity: 0.8;
  font-size: 0.8em;
}

.ChatBubbleFileContainer_ellipsisWrapper__aBios {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.MediaReader_container__kND2O {
  background-color: var(--ion-color-dark-tint);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.MediaReader_maxSize__1GLtG {
  width: 100%;
  height: 100%;
}

.MediaReader_absolute__POq0A {
  position: absolute;
  z-index: 1;
}

/*
 * Replace this with your own classes
 *
 * e.g.
 * .container {
 * }
*/

.CompanyForm_btnAddContact__TbUrh {
  text-align: right;
}

.CompanyForm_btnValid__1I3b8 {
  text-align: center;
}

.MainMenuComponent_menu__tRJTH {
  border-color: var(--ion-color-light-shade);
}

.MainMenuNavBtn_activeRouter__IbAtV {
  --background: #f5f5f5;
}

.centered {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical */
  align-items: center;     /* horizontal */
  text-align: center;
}

.not-found-content {
  --background: #f0f0f0;
}


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