/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
* {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

*,
:after,
:before {
  box-sizing: border-box;
}

.schedule-table .p-datatable-table-container,
.delays-table .p-datatable-table-container,
.crew-table .p-datatable-table-container {
  overflow: inherit !important;
}

.summary-mobile-container .compact-card,
.summary-mobile-container .p-accordionpanel {
  background: #313536;
}

.custom-popover-position {
  left: auto !important;
  right: 100% !important;
}

.flex-col {
  flex-direction: column;
}

.hover\:bg-emphasis:hover {
  background: var(--p-content-hover-background);
  color: var(--p-content-hover-color);
}

.p-popover-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.border-bottom-zero td,
.border-bottom-zero-td {
  border-bottom: 0 !important;
}

.p-tooltip .p-tooltip-text {
  background-color: #232628;
  color: #ffffff;
  border: 1px solid #4f5153;
  padding-right: 0;
}

.p-tooltip .p-tooltip-arrow {
  border-bottom-color: #4f5153;
  border-top-color: #4f5153;
  background-color: #232628;
}

.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #232628 !important;
}