/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
:root {
  --duty-orange: #f57c00;
  --duty-orange-hover: #e06b00;
  --accent-yellow: #fdaf17;
  --accent-yellow-mid: #fcc02d;
  --accent-yellow-deep: #ffb500;
  --accent-pink: #ed2d69;
  --midnight-ink: #1a1f36;
  --station-gray: #f4f4f5;
  --document-white: #ffffff;
  --field-gray: #727377;
  --faded-lead: #aaabaf;
  --border-mist: #e2e2e4;
  --alert-blue: #2196f3;
  --danger-red: #d11b1b;
  --st-initiated: #fdaf17;
  --st-initiated-l: #fef6de;
  --st-sealed: #f57c00;
  --st-sealed-l: #fff0e0;
  --st-transit: #ed2d69;
  --st-transit-l: #fde8ef;
  --st-reached: #228b22;
  --st-reached-l: #e7f5e7;
  --st-completed: #1a6e1a;
  --st-completed-l: #daeeda;
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 9999px;
  --sh-card: 0 1px 3px rgba(0,0,0,0.08), 0 4px 16px rgba(0,0,0,0.06);
  --sh-panel: 0 4px 24px rgba(0,0,0,0.12);
  --sh-map: 0 2px 12px rgba(0,0,0,0.15);
  --sh-sidebar: 4px 0 6px 0 rgba(85,85,85,0.08), 1px 0 20px 0 rgba(0,0,0,0.07);
  --sidebar-w: 248px;
  --font-sans: "Quicksand", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;
}

.bg-orange-dark {
  background: #FF9800;
}

.text-orange-dark {
  color: #FF9800;
}

.btn-success {
  background: #2e7d32 !important;
}

.btn-outline-success {
  border: 1px solid #2e7d32 !important;
  color: #2e7d32 !important;
}

.btn-success:hover {
  color: white !important;
}

.btn-outline-success:hover {
  color: #fff !important;
  background-color: #28a745;
  box-shadow: 0 10px 20px -10px #28a745;
}

.border-orange {
  border: 1px solid #FF9800;
  border-radius: 6px;
}

.border-danger {
  border: 1px solid #e7515a;
  border-radius: 6px;
}

.line-danger:after {
  background: #e7515a !important;
}

.border-info {
  border: 1px solid #2196f3;
  border-radius: 6px;
}

.cuppa-dropdown {
  border: 1px solid #bfc9d4;
  color: #3b3f5c;
  font-size: 15px;
  letter-spacing: 1px;
  height: 40px;
  border-radius: 6px;
  margin-bottom: 0 !important;
}

.table-responsive {
  overflow-x: auto;
}

.line-info:after {
  background: #2196f3 !important;
}

.border-dark {
  border: 1px solid #1b2e4b;
  border-radius: 6px;
}

.line-dark:after {
  background: #1b2e4b !important;
}

.btn-dark {
  background: #1b2e4b !important;
}

.border-orange {
  border: none !important;
  border-radius: 6px;
}

.line-orange:after {
  background: #1b2e4b !important;
}

.btn-orange {
  background: #1b2e4b !important;
}

.border-success {
  border: 1px solid #2e7d32;
  border-radius: 6px;
}

.line-success:after {
  background: #2e7d32 !important;
}

.btn-success {
  background: #2e7d32 !important;
}

.txt-success {
  color: #2e7d32 !important;
}

.badge-success {
  background-color: #2e7d32;
}

.mapboxgl-ctrl-bottom-right {
  display: none;
}

.tab-arrow svg {
  transform: rotate(180deg);
  transition: transform 0.25s ease;
}

.collapsed .tab-arrow svg {
  transform: rotate(0deg);
}

.value-button {
  display: inline-block;
  position: relative;
  border: 1px solid #ddd;
  margin: 0px;
  width: 40px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 11px 0;
  background: #eee;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.value-button:hover {
  cursor: pointer;
  background-color: #f57c00;
  color: #fff;
}

form #decrease {
  margin-right: -4px;
  border-radius: 8px 0 0 8px;
  margin-bottom: 1px;
}

form #increase {
  margin-left: -4px;
  border-radius: 0 8px 8px 0;
  margin-bottom: 1px;
}

form #input-wrap {
  margin: 0px;
  padding: 0px;
}

.i_position {
  position: absolute;
  top: 2px;
  right: 14px;
}

input#number {
  text-align: center;
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0px;
  width: 36px;
  height: 23px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.error-msg {
  color: red;
  font-size: 14px;
  font-weight: 700;
}

.sticky-header {
  height: 61vh !important;
  overflow-y: scroll !important;
}

.tagify {
  max-height: 104px;
  overflow-y: scroll;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #fd7e14 !important;
}

.dropdown-item {
  border: 0.5px solid #cbcbcb !important;
}

/* Change the background color of the selected range */
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.inRange {
  background: #d1cecb !important;
  /* Light red background for the range */
  color: #000000 !important;
  /* Black text for better readability */
}

/* Change the color of the text for the start and end of the range */
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #f57c00 !important;
  /* Darker red background for start and end dates */
  color: #ffffff !important;
  /* White text for better readability */
}

.required {
  color: red;
  font-size: 14px;
  font-weight: 400;
}

.routeClass .dropdown-list {
  top: 490px !important;
}

.routeClassNew .dropdown-list {
  top: 280px !important;
}

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