/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 */
.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.2fd5b6304669f3e3.css.map*/