#timeout {
  display: none;
}

#flashMessage {
  z-index: 1000;
  position: fixed;
  width: 50%;
  left: 450px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}

.route-trend-container {
  display: flex;
  height: 500px;
  box-shadow: 0px 2px 6px 0px hsla(0, 0%, 0%, 0.2);
}
.stoplist-div {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0px;
  padding-left: 0;
  padding-bottom: 15px;
  background-color: #f1f4f5;
  box-shadow: inset 0px 2px 4px 0px hsla(0, 0%, 0%, 0.1);
  height: 100%;
}
.visualize-route-trend {
  width: 75%;
}
.stoplist-ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stoplist-li {
  display: inline-block;
  margin: 3px 0px 3px 0px;
  padding-left: 21px;
  width: 100%;
  cursor: pointer;
  border-radius: 35px 0 0 35px;
  font-size: smaller;
}

.stoplist-li:hover {
  background-color: #cfedfc;
  color: black;
}

.stoplist-li-route {
  display: inline-block;
  margin: 10px 0px 0px 0px;
  width: 100%;
  cursor: pointer;
  font-weight: bold;
  font-size: smaller;
}

.stoplist-li-route:hover {
  background-color: #cfedfc;
  color: black;
}

.highlighted, .highlighted:hover{
  background-color: #2996CC;
  color: white;
  /* box-shadow: 0px 2px 4px 0px hsla(0, 0%, 0%, 0.7); */
}

#testDiv {
  position: fixed;
  bottom: 0;
  left: 500px;
  border-top: 1px solid #ccc;
  background-color: #f1f4f5;
  width: 100%;
  padding-right: 500px;
}

#testDiv div.pull-right {
  padding-right:30px;
  margin-top:8px;
}

.up, .down, .plus, .table-config-icon {
  cursor: pointer;
}

.table-config-icon {
  margin-right: 4px;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
}

/* Let dropdown and date pickers in the table preview extend past the grid instead of being clipped */
.table-preview-container.handsontable {
  overflow: visible !important;
}

/* Table preview: calendar button on date cells (the live form's .input-group-addon.success) and a caret on dropdown cells */
.table-preview-container td.grid-preview-date-cell,
.table-preview-container td.grid-preview-dropdown-cell {
  position: relative;
  padding-right: 34px;
}
.table-preview-container td.grid-preview-date-cell .grid-preview-addon,
.table-preview-container td.grid-preview-dropdown-cell .grid-preview-addon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-preview-container td.grid-preview-date-cell .grid-preview-addon {
  background: #0090d9;
  color: #fff;
}
.table-preview-container td.grid-preview-dropdown-cell .grid-preview-addon {
  color: #666;
}

/* Date/time picker (bootstrap-datetimepicker): the app only has bootstrap-datepicker's styles, whose percentage-sized month
   and year cells collapse inside the picker's shrink-to-fit table. Give those views a fixed, full-width layout so the
   picker keeps the size it has in day view and the labels stay readable. */
.bootstrap-datetimepicker-widget.dropdown-menu {
  min-width: 250px;
}
.bootstrap-datetimepicker-widget .datepicker-months table,
.bootstrap-datetimepicker-widget .datepicker-years table,
.bootstrap-datetimepicker-widget .datepicker-decades table {
  width: 100%;
  table-layout: fixed;
}
.bootstrap-datetimepicker-widget .datepicker-months td span,
.bootstrap-datetimepicker-widget .datepicker-years td span,
.bootstrap-datetimepicker-widget .datepicker-decades td span {
  float: none;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 2px 1px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

/* Picking only a month, year or decade has no use for the time picker, so it is hidden while those views are showing.
   The picker hides the views it is not on with an inline display: none, and the day view is the one to look for. */
.bootstrap-datetimepicker-widget:has(.datepicker-days[style*="display: none"]) li:has(> .timepicker) {
  display: none;
}

#ActionDiv {
  position: fixed;
  bottom: 0;
  left: 250px;
  border-top: 1px solid #ccc;
  background-color: #f1f4f5;
  width: 100%;
  padding-right: 250px;
}

#ActionDiv div.pull-right {
  padding-right:30px;
  margin-top:8px;
}

.purchasers tbody tr td {
	padding: 4px !important;
	vertical-align: middle;
	font-size: 12px !important;
}

.purchasers tbody tr td input.form-control {
	padding: 0px 0px 0px 10px !important;
}

/* #tableContainer {
  position: absolute;
  width: 99%;
  height: 800px;
} */

.header-seperation {
}

.header-seperation h1 {
  font-size: 40px;
}

a.navbar-brand{
  color: #f8f9f8;
  padding: 12px;
  /* font-size: 26px; */
  /* font-weight: 600; */
}

#testDiv > div {
  margin-top: 12px;
  opacity: 1;
}

#testDiv > .pull-left {
  margin-left: 10px;
}

#editModel .sub-sidebar {
  position: fixed;
  top: 60px;
  left: 250px;
  bottom: 57px;
  margin-top: 0;
}

#editModel .sub-sidebar.condensed {
  left: 50px;
}

#editDetails {
  left: 265px;
  padding: 0px 50px 100px 20px;
  z-index: 240;
}
.horizontal-scroll {
  overflow-y: hidden;
  overflow-x: auto;
}
#layout-condensed-toggle {
  cursor: pointer;
}

#stop-details-div {
  margin: 10px 0;
}
#stop-details-h4 {
  float: left;
}
#stop-details-button {
  padding-top: 10px;
}
#stop-details-form {
  padding-top: 10px;
  display: flex;
}

#add-user-to-route {
  padding-right: 0;
}

.inline {
  display: inline-block;
}

.fa-line-chart {
  color: #505458;
}

#trendModal {
  width: 70em;
}

@media only screen and (max-width: 1250px) {
  #trendModal {
    width: 60em;
  }
}

@media only screen and (max-width: 1000px) {
  #trendModal {
    width: 50em;
  }
}

.trend-modal-body {
  background-color: #F5F5F5;
  position: relative;
  padding: 20px;
}

.adhoc_chart_report_title {
	display: none;
}

.margin-left {
  margin-left: 10px;
}

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

.justify-center > .btn {
  margin-left: 4px;
}

#main-menu {
  margin-top: 0;
  padding-top: 58px;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
}

#secondary-menu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 250;
}

#datePicker b.eui-icon {
  display: none;
}

#add-new-date {
  padding: 7px 10px;
  margin-left: 15px;
}

#parameters-select-div .Select {
  width: 60%;
  display: inline-block;
}

#parameters-select-button {
  float: right;
}

.tab-content {
  z-index: 0;
  overflow: visible;
}

.page-content {
  overflow: hidden;
}

table.collapse.in {
  display: table;
}

.note-button {
  background:none!important;
  border:none;
  padding:0!important;
  cursor: pointer;
  margin-left: 5px;
}

.loadingSpinner {
  position: relative;
  top: 250px;
  left: 50%;
}

.eui-month .eui-slot {
  width: -webkit-calc((100% / 7) + 4px);
  width: calc((100% / 7) + 4px);
}

.eui-popcal {
  top: 10% !important;
}

.pull-right .btn-group > .dropdown-menu {
  margin-left: -82px;
}

.sub-sidebar .sub-sidebar-wrapper > ul > li.active {
  background-color: #2996CC;
}
.sub-sidebar .sub-sidebar-wrapper > ul > li.active > a {
  background-color: #2996CC;
}
.sub-sidebar .sub-sidebar-wrapper > ul > li.active > a i {
  background-color: #2996CC;
}
.page-sidebar {
  transition: width 0.25s;
  transition: visibility 0s, opacity 0.5s linear;
}
.page-sidebar .page-sidebar-wrapper > ul > li > ul.sub-menu > li.active {
  background: #1b1e24;
}

input.invalid {
  border: solid 1px red;
}

.form-signin {
  padding: 15px;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
  margin-bottom: 20px;
}

.form-signin .checkbox {
  font-weight: normal;
}

.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.fixed-width-small {
  width: 60px;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


.logo {
  margin: 10px;
}

/* Put your CSS here */
body {
  padding-top: 50px;
}

.leftbar.affix,
.detailbar.affix {
  width: 17%;
  height: 100%;
  top: 45px;
  left: 0;
  background: #3E3E3E;
  max-width: 250px;
}

.detailbar.affix {
  left: 17%;
  width: 18%;
  background: #555
}

@media all and (min-width: 1470px) {
  .detailbar.affix {
    left: 250px;
    width: 300px;
  }
}

.sidebar-nav {
  width: 100%;
  position: absolute;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.leftbar li,
.detailbar li {
  line-height: 40px;
  text-indent: 20px;
  border-bottom: 1px solid #888;
}

.leftbar li a,
.detailbar li a {
  color: #999999;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

div.panel-heading.row {
  margin: 0px;
  border: 0px;
  box-shadow: none !important;
}

div.panel-body table.stop-activity th:first-child {
	text-align: left;
}

div.panel-body table.stop-activity th {
	text-align: center;
}

#stop-activity-header {
  line-height: 42px;
  vertical-align: middle;
  margin-bottom: 0.5em;
}

#stop-activity-header h4 {
  display: inline-block;
}

#stop-activity-header #keyboard-help {
  padding-top: 12px;
  padding-bottom: 12px;
}

#days-toggle > .btn-group {
  margin-right: 11%;
}

#days-toggle .btn-day-toggle {
  color: #5e5e5e;
}

#days-toggle .btn-day-toggle:hover:not(.active) {
  background-color: lightsteelblue;
}

#days-toggle .btn-day-toggle.active {
  background-color: whitesmoke;
  color: #3c3c3c;
  font-weight: bold;
}

#days-toggle .btn-day-toggle.active:hover {
  cursor: pointer;
}

#keyboard-help {
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
}

.item-container {
  display: flex;
}

.item-icon {
  max-height: 20px;
  margin-top: 5px;
}

.item-name {
  margin-left: 8px;
}

div.navbar.navbar-default center {
	background: #1f1f1f;
}

@-webkit-keyframes switch-on{ 0%{width:16px;} 40%{width:20px;} 100%{width:16px;}}
@-moz-keyframes switch-on{ 0%{width:16px;} 40%{width:20px;} 100%{width:16px;}}
@-o-keyframes switch-on{ 0%{width:16px;} 40%{width:20px;} 100%{width:16px;}}
@keyframes switch-on{ 0%{width:16px;} 40%{width:20px;} 100%{width:16px;}}

@-webkit-keyframes switch-off{ 0%{width:16px;} 40%{width:20px;left:-7px;} 100%{width:16px;left:2px;}}
@-moz-keyframes switch-off{ 0%{width:16px;} 40%{width:20px;left:-7px;} 100%{width:16px;left:2px;}}
@-o-keyframes switch-off{ 0%{width:16px;} 40%{width:20px;left:-7px;} 100%{width:16px;left:2px;}}
@keyframes switch-off{ 0%{width:16px;} 40%{width:20px;left:-7px;} 100%{width:16px;left:2px;}}

input[type="checkbox"].switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  vertical-align: -4px;
  background-color: #e5e5e5;
  height: 20px;
  width: 40px;
  border-radius: 100px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.3s 0.2s;
  -moz-transition: background-color 0.3s 0.2s;
  -o-transition: background-color 0.3s 0.2s;
  transition: background-color 0.3s 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

input[type="checkbox"].switch:focus {
  outline: none;
}

input[type="checkbox"].switch:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  border: 2px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: 8121991;
  background-image: -webkit-linear-gradient(#ffffff, #fdfdfd);
  background-image: -moz-linear-gradient(#ffffff, #fdfdfd);
  background-image: -o-linear-gradient(#ffffff, #fdfdfd);
  background-image: linear-gradient(#ffffff, #fdfdfd);
}

input[type="checkbox"].switch:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 2;
  background-color: #fff;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.075), 0 3px 5px rgba(0, 0, 0, 0.15), 1px 2px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -moz-transition: -moz-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  -o-transition: -o-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: -webkit-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33),-moz-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33),-o-transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33),transform 0.3s 0.25s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

input[type="checkbox"].switch:not(:checked):before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.4s 0.25s;
  -moz-transition: 0.4s 0.25s;
  -o-transition: 0.4s 0.25s;
  transition: 0.4s 0.25s;
}

input[type="checkbox"].switch:not(:checked):after {
  -webkit-animation: switch-off 0.3s 0.2s;
  -moz-animation: switch-off 0.3s 0.2s;
  -o-animation: switch-off 0.3s 0.2s;
  animation: switch-off 0.3s 0.2s;
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

input[type="checkbox"].switch:checked.primary {
  background-color: #0aa699;
}

input[type="checkbox"].switch:checked.success {
  background-color: #0090d9;
}

input[type="checkbox"].switch:checked:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

input[type="checkbox"].switch:checked:after {
  -webkit-animation: switch-on 0.3s 0.2s;
  -moz-animation: switch-on 0.3s 0.2s;
  -o-animation: switch-on 0.3s 0.2s;
  animation: switch-on 0.3s 0.2s;
  -webkit-transform: translate3d(20px, 0, 0);
  -moz-transform: translate3d(20px, 0, 0);
  -o-transform: translate3d(20px, 0, 0);
  -ms-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
}

.handsontableInput {
  box-shadow: 0 0 0 2px #5292F7 inset !important;
}

.handsontableInputHolder {
  z-index:101 !important;
}

.handsontable.hotContainer {
  overflow: visible !important;
}


.handsontableEditor.listbox table {
  border: 0 !important;
}

.handsontableEditor.listbox  {
  padding-bottom: 5px;
}

.handsontableEditor.listbox td.listbox {
  line-height: inherit !important;
  padding: 5px 5px 0 5px;
}

.handsontableEditor.listbox tr:nth-child(2n) td.listbox {
  background: #f5f5f5;
}

.handsontableEditor.listbox tr:nth-child(2n):hover td.listbox {
  background: #eee;
}

.handsontableEditor.listbox .ht_master {
  border: 1px solid #ccc;
}

.ht_clone_left .wtHolder {
  overflow-y: hidden !important;
}

.htContextMenu {
  z-index: 2005 !important;
}

#attributeTypesTable,
#parameterTypesTable {
  overflow: visible !important;
}

.tab-content-parameters,
.tab-content-attribute-types,
.tab-content-activity {
  overflow: visible !important;
}

.tab-content-activity > .tab-pane.active {
  padding-top: 0;
}

#activity-sticky-header {
  position: sticky;
  /* #content (scroll container) has padding-top: 15px; pinning at top: 0 would
     leave a 15px see-through band below the navbar. Shift the pin point up by
     15px so the header locks flush against the navbar when stuck. */
  top: -15px;
  z-index: 100;
  background-color: #fff;
  padding-top: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.battery-well {
  background-color: #edf7fb;
}

.active .title, .battery-well .title {
  font-weight: bold;
}

.validate-number {
	float: right;
	margin-right: 15px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
	color: red;
}

.scroll-300px {
  overflow-y: auto;
  max-height: 300px;
}

/* start of queue manager */

.queue-manager {
  margin-bottom: 100px;
}

.queue-manager td {
  vertical-align: middle;
  white-space: nowrap;
}

.queue-manager .level-1 {
  font-weight: bold;
}

.queue-manager .level-2 {
  background-color: #F8F8F8;
}

.queue-manager .level-3 {
  background-color: #FFFFFF;
}

.queue-manager .level-2 > :first-child {
  padding-left: 22px !important;
}

.queue-manager .level-3 > :first-child {
  padding-left: 44px !important;
}

.queue-manager .level-2, 
.queue-manager .level-3 {
  display: none;
}

.queue-manager .level-2.date-list-show, 
.queue-manager .level-3.date-list-show {
  display: table-row;
}

.queue-manager .fa {
  cursor: pointer;
  display: contents;
}

.queue-manager .spinner-wrapper {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #8d8d8d28;
  position: absolute;
}

.queue-manager .spinner-wrapper .p-spinner {
  margin-top: 25% !important;
}

.queue-manager .no-data {
  line-height: 12rem;
  text-align: center;
}

/* end of queue manager */

/* start of imports */

.imports-page .non-calc-row {
  text-align: right;
  margin-top: 1rem;
}

.imports-page .import-wrapper {
  text-align: right;
}

.imports-page input#non-calc-toggle {
  margin-left: 1rem;
}

/* end of imports */

/* from https://github.com/lukehaas/css-loaders */
.p-spinner,
.p-spinner:before,
.p-spinner:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.p-spinner {
  color: #22262e;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.p-spinner:before,
.p-spinner:after {
  content: '';
  position: absolute;
  top: 0;
}
.p-spinner:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.p-spinner:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.load-mask .spinner-wrapper .p-spinner {
  margin-top: 25% !important;
}/* Parameter View Modal Styles */
.parameter-list {
  /* Let modal content determine height naturally */
  border: 1px solid #e0e0e0;
  border-top: none;
  background-color: #fff;
}

.parameter-row {
  /* No styles here anymore - kept for potential future use */
}

.parameter-parent-row:hover {
  background-color: #edf7fb !important;
  transition-duration: 0s;
}

.parameter-parent-row.has-history {
  position: relative;
}

.parameter-history {
  animation: slideDown 0.2s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.parameter-history-row {
  padding: 6px 15px;
  min-height: 36px;
  background-color: #fff;
}

.parameter-view-header {
  border: 1px solid #e0e0e0;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  background-color: #f5f5f5;
  padding: 8px 15px;
  margin-bottom: 0;
}

.parameter-header-label {
  color: #676a6c;
  font-weight: 700;
  text-transform: uppercase;
}

.parameter-parent-row {
  padding: 12px 15px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  min-height: 48px;
  transition: background-color 0.2s ease;
}


.parameter-chevron-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #2996CC;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.parameter-chevron-icon {
  font-size: 10px;
  color: #2996CC;
}

.parameter-date-range {
  font-size: 13px;
  color: #666;
}

.parameter-no-history {
  font-size: 13px;
  color: #999;
  font-style: italic;
  text-align: center;
  line-height: 23px;
  background-color: #f9f9f9;
}

.no-parameters {
  padding: 40px 20px;
  text-align: center;
  color: #999;
  font-style: italic;
}

.parameter-actions-dropdown {
  position: absolute;
  left: 35px;
  top: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
  min-width: 150px;
}

.parameter-dropdown-item {
  display: block;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  color: #333;
  transition: background-color 0.15s ease;
  white-space: nowrap;
}

.parameter-dropdown-item:hover {
  background-color: #f0f0f0;
}

.parameter-date-inputs {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.parameter-date-arrow {
  color: #666;
  font-size: 13px;
  padding: 0 2px;
}

.parameter-input-compact {
  font-size: 13px;
  padding: 0 5px;
  height: 23px;
  min-height: 23px;
}

.parameter-input-compact.parameter-date-picker {
  cursor: pointer;
  width: 90px;
  display: inline-block;
}

.parameter-input-error {
  color: #dc3545;
  font-size: 11px;
  display: block;
  margin-top: 2px;
}