body {
  background-color: #D2D2D2;
  --highcharts-background-color: white;
}

#container, .panel-body {
  background-color: white;
  color: #222222;
}

.panel-primary > .panel-heading, .panel-heading {
  background-color: #002F6C;
}

table {
  color: #222222;
}

/* 1. declare transition */
.fade-move,
.fade-enter-active,
.fade-leave-active {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}

/* 2. declare enter from and leave to state */
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
  transform: scaleY(0.01) translate(30px, 0);
}

/* 3. ensure leaving items are taken out of layout flow so that moving
      animations can be calculated correctly. */
.fade-leave-active {
  position: absolute;
}

.navbar-inverse {
  background-color: #002F6C;
  margin-bottom: 0;
}

.navbar {
  margin-bottom: 0px;
}

.nav-tabs > li > a {
  background-color: #e7e7e7;
  color: #222222;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  background-color: #eeeeee;
  color: #222222;
}
.nav-tabs > li > a.active {
  background-color: #ffffff;
  color: #1570A6;
}

.nav-pills > li {
  background-color: white;
}
.nav-pills > li a {
  color: #008cba;
}
.nav-pills > li a:hover, .nav-pills > li a:focus {
  background-color: #eeeeee;
  color: #222222;
}

#myWellsSwitch label {
  cursor: pointer;
}

.red-text {
  color: red;
}

.red-bg {
  color: white;
  background-color: red;
  font-size: 20px;
}

[href^="#wellList"] {
  cursor: pointer;
}

.k-state-active {
  background-color: transparent;
}
.k-state-active:hover {
  background-color: transparent;
}

#wellTabs {
  margin-left: 0;
  margin-right: 0;
}
#wellTabs .panel-body > #container {
  background-color: #002F6C;
}
#wellTabs .row {
  margin-left: 0;
  margin-right: 0;
}
#wellTabs #chartTabs > * .panel > .panel-heading > .row {
  flex-wrap: inherit;
}
#wellTabs #charts > .alpTable, #wellTabs #charts *.alpTable {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
#wellTabs #charts > .row > .alpTable {
  margin-left: 0;
  margin-right: 0;
  width: 49.5%;
}
#wellTabs #charts > .row > .alpTable:only-child {
  width: 100%;
}
#wellTabs #charts > .row > .alpTable:first-child + .alpTable {
  width: 49.5%;
}
#wellTabs #charts > .row > .alpTable:nth-of-type(2) {
  margin-left: 1%;
}
#wellTabs #charts > .row > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}
#wellTabs .gapl-title {
  display: flex;
  align-items: center;
}

#chart-controls .k-button {
  border-left: inherit;
}

#gradient-survey-dialog .k-grid tbody button.k-button {
  min-width: 25px;
}

#test-charts-with-grid .header-center, #test-charts-with-grid .header-left {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
#test-charts-with-grid .date-wrapper {
  display: flex;
  justify-content: space-between;
}
#test-charts-with-grid .date-wrapper .k-button {
  border-left-color: inherit;
}
#test-charts-with-grid .date-width {
  z-index: 999;
  margin-right: 6px;
  height: 34px;
}
#test-charts-with-grid .date-size {
  width: 150px;
}

#tests .align-tabs {
  margin-top: -39px;
}
#tests .date-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
#tests .date-container .k-button {
  transition: none;
  border-left-color: inherit;
  color: white;
  background-color: #002F6C;
}
#tests .date-container .k-button:hover {
  background-color: rgb(0, 69.1944444444, 159);
}
#tests .checkbox-toolbar-vue {
  z-index: 999;
  margin-right: 6px;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
}
#tests .checkbox-toolbar-vue .k-checkbox::before {
  height: 15px;
  width: 15px;
  left: 55%;
}
#tests .date-button {
  z-index: 999;
  margin-right: 6px;
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  color: white;
  background-color: #002F6C;
}
#tests .date-button:hover {
  background-color: rgb(0, 69.1944444444, 159);
}
#tests .date-width {
  width: 8%;
  z-index: 999;
  margin-right: 6px;
  height: 34px;
}
#tests div.panel-heading {
  color: white;
}
#tests .k-animation-container {
  display: block;
}
#tests .toolbar-checkbox-container .k-checkbox:focus, #tests .toolbar-checkbox-container .k-checkbox:checked:focus, #tests .toolbar-checkbox-container .k-checkbox:active, #tests .toolbar-checkbox-container .k-checkbox:checked:active {
  border-color: transparent;
  box-shadow: none;
}
#tests .toolbar-checkbox-container input[type=checkbox]:focus, #tests .toolbar-checkbox-container input[type=checkbox]:active {
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}
#tests .analysis-options .k-checkbox:focus, #tests .analysis-options .k-checkbox:checked:focus, #tests .analysis-options .k-checkbox:active, #tests .analysis-options .k-checkbox:checked:active {
  border-color: transparent;
  box-shadow: none;
}
#tests .analysis-options input[type=checkbox]:focus, #tests .analysis-options input[type=checkbox]:active {
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}
#tests .analysis-options .k-checkbox-wrap {
  margin: 5px;
}

#multi-well-options input[type=checkbox]:focus, #multi-well-options input[type=checkbox]:active, #data-grid-column-options input[type=checkbox]:focus, #data-grid-column-options input[type=checkbox]:active, .chartConfigListBox input[type=checkbox]:focus, .chartConfigListBox input[type=checkbox]:active, .well-view-checkbox-container input[type=checkbox]:focus, .well-view-checkbox-container input[type=checkbox]:active, #alp-data-grid input[type=checkbox]:focus, #alp-data-grid input[type=checkbox]:active {
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}
#multi-well-options .k-checkbox::before, #data-grid-column-options .k-checkbox::before, .chartConfigListBox .k-checkbox::before, .well-view-checkbox-container .k-checkbox::before, #alp-data-grid .k-checkbox::before {
  content: inherit;
}

#alp-data-grid td:not(.k-table-tfoot td) {
  line-height: 25.625px !important;
}
#alp-data-grid .k-loader-lg .k-loader-segment {
  width: 0 !important;
  height: 0 !important;
}
#alp-data-grid .k-loader-pulsing-2.k-loader-lg .k-loader-segment:first-child {
  margin-right: 30px;
}
#alp-data-grid .k-input-validation-icon {
  top: 5px !important;
}
#alp-data-grid td .warning {
  background: red !important;
}
#alp-data-grid .k-upload {
  margin-left: 5px;
  padding: 5px !important;
  font-size: 10px !important;
}
#alp-data-grid .k-upload .k-button {
  font-size: 10px !important;
  padding: 5px 10px;
  background-color: rgb(0, 47, 108);
  color: white;
}
#alp-data-grid tr:has(.edit-cell) {
  background-color: orange !important;
  color: white;
}

#data-grid-column-options .k-listbox .k-list-scroller {
  overflow-y: hidden;
}
#data-grid-column-options .k-list-md .k-list-item, #data-grid-column-options .k-list-md .k-list-optionlabel {
  padding-block: 0 !important;
  padding-inline: 0 !important;
}
#data-grid-column-options .k-listbox {
  gap: 0 !important;
}

#mtbf #filters {
  font-size: 10px;
}

#alp-filters .k-chip-label {
  font-size: 10px;
}

.k-animation-container .k-list-content .k-list-item-text {
  font-size: 12px;
}

.k-calendar .k-calendar-header .k-button-text, .k-calendar-nav-today {
  font-size: 16px !important;
}

.alp-overlay {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
  height: calc(100% - 28px);
  background-color: rgba(128, 128, 128, 0.7);
  z-index: 1000;
  pointer-events: auto;
}

.fade-overlay-enter-active, .fade-overlay-leave-active {
  transition: opacity 0.1s ease;
}
.fade-overlay-enter-from, .fade-overlay-leave-to {
  opacity: 0;
}
.fade-overlay-enter-to, .fade-overlay-leave-from {
  opacity: 1;
}

.btn-primary {
  background-color: #144276;
}

.btn-success {
  background-color: #43ac6a;
}

.pill-noData {
  background-color: olive;
}

.pill-offline {
  background-color: rgb(245, 245, 245);
  color: black;
}

.pill-running {
  background-color: green;
}

.pill-commsFailure {
  background-color: black;
}

.pill-shutdown {
  background-color: red;
}

.pill-offlineFrac {
  background-color: orange;
}

.pill-NoTags {
  background-color: darkgrey;
}

.table-bordered {
  border: 1px solid #253040;
}

@keyframes load {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(1turn);
  }
}
.loader {
  width: 80px;
  aspect-ratio: 1;
  display: grid;
  -webkit-mask: conic-gradient(from 15deg, rgba(0, 0, 0, 0.2), #000);
  mask: conic-gradient(from 15deg, rgba(0, 0, 0, 0.2), #000);
  animation: load 0.65s steps(12) infinite;
  background: radial-gradient(closest-side at 50% 12.5%, #002F6C 90%, rgba(0, 0, 0, 0) 98%) 50% 0/20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, #002F6C 90%, rgba(0, 0, 0, 0) 98%) 0 50%/80% 20% repeat-x;
}
.loader:before, .loader:after {
  content: "";
  grid-area: 1/1;
  background: radial-gradient(closest-side at 50% 12.5%, #002F6C 90%, rgba(0, 0, 0, 0) 98%) 50% 0/20% 80% repeat-y, radial-gradient(closest-side at 12.5% 50%, #002F6C 90%, rgba(0, 0, 0, 0) 98%) 0 50%/80% 20% repeat-x;
}
.loader:before {
  transform: rotate(30deg);
}
.loader:after {
  transform: rotate(60deg);
}

.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
}

.htmx-indicator {
  display: none;
}

.htmx-request.htmx-indicator {
  display: flex;
}

.test-column {
  width: 100px;
  height: auto !important;
}

.p-datatable .p-datatable-thead > tr > th {
  text-align: center;
}

.p-datatable .p-datatable-tbody > tr > td {
  text-align: center;
}

.p-datatable .p-column-header-content {
  justify-content: center;
  color: #002f6c;
}

.p-button .p-component .export-button {
  margin-left: 5px;
}

.p-input-icon-left > .p-inputtext {
  padding-left: 2.5rem;
  height: 35px;
}

.test-column-comment {
  max-width: 400px;
  text-overflow: ellipsis !important;
}

.test-column-comment > label {
  font-weight: normal !important;
}

.column-label {
  font-weight: normal !important;
}

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

.v-btn-font-alp-blue {
  color: #002f6c;
}

.v-btn--size-small {
  font-size: 0.7rem !important;
  padding: 0 5px !important;
}

.v-btn {
  text-transform: unset !important;
  cursor: pointer;
  font-weight: normal !important;
}

table > tbody > tr > td:nth-child(1) > .test-edit-button {
  min-width: 20px;
  padding: 0.15rem 6px;
  background-color: #ffffff;
  border: 1px solid #ced4da;
}

.dp__select {
  color: #0f7dab;
}

.text-error,
.error-message {
  color: #f0142f;
}

.valid-message {
  color: #43ac68;
}

.excludeWellButton {
  border: 2px solid transparent;
}

.excludeWellIcon:hover {
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

.search-box {
  height: 31px !important;
}

.icon-button-info {
  padding: 0 5px;
  width: 20px;
  min-width: 20px !important;
}

.v-icon {
  margin-right: auto !important;
}

.p-datatable-scrollable .p-datatable-tbody > tr > td,
.p-datatable-scrollable .p-datatable-thead > tr > th {
  justify-content: center;
}

.p-datatable-scrollable .p-datatable-tbody > tr {
  height: 45px;
}

div > div.v-input__control > div > div.v-field__field > span,
div.v-field__field > .v-label {
  opacity: 1;
  color: black !important;
}

.activeInferredIncomplete {
  background-color: #002f6c;
}

.inferred {
  color: #00a65a !important;
}

.flags-button {
  margin-left: 5px;
}

#test-data-table > div.p-datatable-header > div > a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

.test-flag {
  display: grid;
  grid-template-columns: 2.5rem auto;
  grid-template-rows: auto;
}

.test-flag-icon {
  grid-column: 1;
  grid-row: 1/3;
}

.test-column:has(.validation-cell) {
  background-color: #ffb5b7;
  color: #b00020;
}

.error-cell {
  background-color: #ffb5b7;
  color: #b00020;
  border-bottom: 1px solid lightgrey !important;
}

.no-data-cell {
  background-color: #f7ed6c;
  color: #000;
}

.no-recent-cell {
  background-color: #ffb5b7;
  color: #000;
}

.out-of-range-cell {
  background-color: #ffb500;
  color: #000;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background-color: #d2e3f2;
}

.amberstandarddeviation {
  background-color: #ff9900;
}

.redstandarddeviation {
  background-color: #dc403d !important;
}

.v-card-info {
  margin-top: 10px;
}

.datatable-header {
  flex-wrap: wrap;
}

.enabled-input {
  height: 10px;
  min-height: 10px;
}

.v-checkbox .v-selection-control {
  min-height: auto !important;
}

.test-flag-value {
  margin-bottom: 5px;
}

.test-flag-title {
  margin-bottom: 10px;
}

td.td-justify-left {
  justify-content: left !important;
}

.export-button,
.grid-button,
.dropdown-button {
  background-color: #fff;
  border-radius: 4px;
  color: #333;
  border-color: #ccc;
  background-position: 50% 50%;
  font-size: 12px !important;
  border-width: 1px;
  border-style: solid;
  padding: 4px;
  white-space: nowrap;
}

.dropdown-button {
  padding: 0px;
}

.dropdown-button > .k-button {
  padding: 0px;
}

.k-toolbar.k-grid-toolbar > span.export-buttons > .export-icon,
.buttons > .export-icon,
.buttons > .icon-button,
.buttons > span > .icon-button {
  padding: 0.5rem;
}

.icon-only-button {
  width: 25px;
  height: 25px;
  min-width: 20px !important;
}

.export-button .v-btn__prepend {
  padding-top: 3px;
  margin-right: 3px;
}

.p-datatable-header {
  background: #f5f5f5 !important;
}

#notes-task-data-table > div.p-datatable-wrapper > table > tbody > tr,
#notes-task-data-table > div.p-datatable-wrapper > table > thead > tr {
  height: 40px;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.k-table-sm {
  font-size: 12px !important;
}

.k-grid .wellNameLink {
  color: #008cba !important;
}

.center-horizontal {
  margin-left: 50%;
}

.align-center {
  text-align: center !important;
}

.align-left {
  text-align: left !important;
  padding-left: 15px;
}

.k-grid .k-cell-inner {
  text-align: center !important;
  justify-content: center !important;
}

.k-grid .k-grid-header .k-grid-header-menu {
  justify-content: right !important;
  right: -3;
}

.well-name {
  text-align: left !important;
}

.export-buttons,
.buttons {
  margin-left: 0;
  margin-right: auto;
}

.k-grid-toolbar {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.k-expander {
  width: 99%;
}

.k-tabstrip-items-wrapper > ul > li.k-item {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: inherit;
  font-size: 1.4rem;
}

.k-tabstrip-items-wrapper .k-item:hover {
  border-color: #e9ecef;
  background-color: #e9ecef;
  color: #0a58ca;
}

.k-expander-title {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: inherit;
  font-weight: 300;
  color: #fff;
  font-size: 14px;
}

.k-expander-header,
.k-expander-header:hover,
.k-expander-header:focus {
  background-color: #002f6c;
  padding-block: 10px;
  padding-inline: 15px;
}

.k-expander-content {
  padding-block: 10px;
  padding-inline: 10px;
}

.content-heading {
  font-size: 2.8rem;
  display: inline;
  font-weight: 500;
  line-height: 1.1;
}

.k-alt {
  background-color: #d2e3f2;
}

span.k-textbox.k-grid-search.k-display-flex {
  width: 230px !important;
}

.k-grid {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.k-grid td {
  padding-inline: 0.6em;
  padding-block: 0.6em;
}

.well-count {
  font-size: 14px;
  margin: 0 0 10px 0;
}

.k-tabstrip-items-wrapper > ul > li.k-item.k-active {
  color: #fff;
  background-color: #002f6c;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #008cba;
}

.k-grid .k-table-th {
  border-block-end-width: 0;
}

.k-panelbar .k-tabstrip > .k-content,
.k-tabstrip > .k-content {
  padding-inline: 0;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper {
  border-bottom-width: 0;
}

.k-widget {
  box-shadow: none;
}

.k-tabstrip > .k-content {
  border-color: transparent;
}

.k-tabstrip > .k-content {
  background-color: transparent;
}

.circle {
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  border: 1px solid #333;
}

.tag-health-legend {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.tag-health-legend > p {
  font-size: 1.2rem;
  margin: 0 5px;
}

.test-health-table.section-1 {
  background-color: #ddeeaa !important;
}

.test-health-table.section-2 {
  background-color: #aaddee !important;
}

.test-health-table.section-3 {
  background-color: #eeaadd !important;
}

.header-center {
  text-align: center;
  font-weight: normal;
}

.header-left-th .k-cell-inner {
  justify-content: left !important;
}

.header-left {
  font-weight: normal !important;
}

.testHealthKeyOuter {
  display: flex;
  padding: 5px;
  width: 150%;
  margin-top: 10px;
}

.testHealthKeyOuter .keyCell {
  padding: 5px;
  width: 150px;
  text-align: center;
}

.red-text {
  color: red;
}

.buttons > .primary-button,
.primary-button {
  border-color: #002f6c;
  color: white;
  background-color: #002f6c;
  font-size: 12px !important;
}

.primary-button:hover {
  color: #ffffff;
  background-color: #006687;
  border-color: #004b63;
  font-size: 12px !important;
}

.bg-error,
.error-button {
  border-color: #dc3545;
  color: white;
  background-color: #dc3545;
  font-size: 12px !important;
}

.bg-error:hover,
.error-button:hover {
  border-color: #dc3545;
  color: white;
  background-color: #dc3545;
  font-size: 12px !important;
}

.success-button {
  border-color: #00a65a;
  color: white;
  background-color: #00a65a;
  font-size: 12px !important;
}

.success-button:hover {
  border-color: #00a65a;
  color: white;
  background-color: #00a65a;
  font-size: 12px !important;
}

.primary-bg {
  background-color: #002f6c;
}

.success-bg {
  background-color: #00a65a;
}

.k-toolbar .k-input,
.k-toolbar .k-picker {
  width: inherit;
}

.toolbar-button {
  border-radius: 4px;
  color: #333;
  border-color: #ccc;
  background-position: 50% 50%;
  font-size: 12px !important;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
}

.panel-body {
  padding: 8px;
  background: white;
}

#well-tag-health-report > div > div.k-grid-header > div > table > thead > tr > th,
#gl-valve-health-report > div > div.k-grid-header > div > table > thead > tr > th {
  padding-top: 0.25em;
  padding-bottom: 0;
}

.k-grid .k-grid-header .k-grid-header-menu {
  justify-content: right !important;
  right: -3;
  top: 3;
}

.k-grid .k-grid-header .k-table-th {
  vertical-align: top !important;
}

.installation-health-report .validation-column {
  min-width: 1000px;
}

.change-point-table.section-1 {
  background-color: #ddeeaa !important;
}

.change-point-table.section-2 {
  background-color: #aaddee !important;
}

.change-point-table.section-3 {
  background-color: #eeaadd !important;
}

.change-point-table.section-4 {
  background-color: #ffb500 !important;
}

.k-alt > td.align-center.k-table-td.k-grid-content-sticky {
  background-color: #d2e3f2;
}

div.k-grid-container > div > div.k-grid-table-wrap > table > tbody > tr.k-table-row.k-detail-row > td.k-table-td.k-detail-cell {
  padding-right: 0px;
}

.uncheckedColor {
  color: rgba(45, 45, 45, 0.7);
  font-weight: normal;
  text-decoration: none;
}

.checkedColor {
  color: white;
}

.slider::-webkit-slider-thumb {
  background: red;
}

.switch {
  position: relative;
  display: inline-block;
  width: 132px;
  height: 34px;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#myWells {
  padding-top: 10px;
  padding-left: 8.5px;
  z-index: 900;
}

#allWells {
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-left: 71px;
  z-index: 900;
}

.notification-group {
  position: sticky;
  bottom: 0;
  right: 0;
  display: flex;
}

.k-notification-container > .k-notification {
  font-size: 2rem;
}

.k-notification-container > .k-notification > .k-icon {
  width: 22px;
  height: 20px;
}

.k-child-animation-container > .k-tooltip {
  border-color: rgba(0, 0, 0, 0.75);
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  margin: 0;
  padding-block: 4px;
  padding-inline: 8px;
  border-width: 0px;
  border-style: solid;
  box-sizing: border-box;
  background-repeat: repeat-x;
  outline: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.25;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  z-index: 12000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.less-than-80 {
  background-color: #dff0d8;
  color: #000;
}

.between-80-and-90 {
  background-color: #fcf8e3;
  color: #000;
}

.greater-than-90 {
  background-color: #d9edf7;
  color: #000;
}

.k-grid .k-grid-header .k-filterable > .k-cell-inner .k-link {
  padding-inline-end: 8px !important;
}

div .k-callout {
  margin-top: initial;
  left: 0px;
}

.k-window-titlebar {
  background-color: #002f6c;
  color: #fff;
}

.k-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

div.k-window-titlebar > div > button > span.k-button-icon {
  padding: 0;
}

.k-window-title {
  align-items: center;
}

.Running {
  padding: 2px 5px 2px 5px;
  text-align: center;
  display: inline-block;
  background-color: #43ac6a;
  color: white;
}

.Pulled {
  padding: 2px 5px 2px 5px;
  text-align: center;
  display: inline-block;
  background-color: #e99002;
  color: white;
}

.Failed {
  padding: 2px 5px 2px 5px;
  text-align: center;
  display: inline-block;
  background-color: #f04124;
  color: white;
}

.Excluded {
  padding: 2px 5px 2px 5px;
  text-align: center;
  display: inline-block;
  background-color: #5bc0de;
  color: white;
}

.label {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
}

#wellScrollingTabs > li > a {
  cursor: pointer;
}

.ajaxTabPane {
  width: 100%;
  height: 100%;
  background-size: cover;
  transition: opacity 2s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}

.loading .loaderText {
  margin-left: 15px;
  margin-top: 10px;
  font-weight: 700;
  font-size: x-large;
}

.panel-heading {
  border-bottom: 0;
}

.redColour {
  color: #E81023;
}

#downtime .k-button {
  line-height: 1;
}
#downtime .k-textbox {
  margin-right: -6px;
}

#wellTaskSummaryGrid .k-button {
  min-width: 0px;
}
#wellTaskSummaryGrid .k-button .k-icon {
  margin: 0px;
}

#trackedEvents .stopContainer {
  align-items: center;
  display: flex;
  justify-content: center;
  color: white;
}
#trackedEvents .stopContainer .stopButton {
  background-color: red;
}
#trackedEvents .noTrackedEvents {
  padding: 5px;
  margin-left: 5px;
}
#trackedEvents .noTrackedEvents > h2 {
  margin-top: 12px;
}
#trackedEvents .noTrackedEvents > a {
  margin: 5px;
}
#trackedEvents .box-title {
  background-color: #002F6C;
  color: white;
  padding: 10px 10px;
  font-size: 14px;
  margin: 0;
  line-height: 1;
}
#trackedEvents .content-container {
  background-color: white;
  margin-top: 10px;
  overflow: hidden;
}
#trackedEvents .btn-xs {
  color: white;
  padding: 1px 5px;
  background-color: #002963;
  border-radius: 3px;
}
#trackedEvents .highcharts-background {
  fill: ghostwhite;
}
#trackedEvents input {
  background-color: white;
  border: 1px solid #767676;
  border-radius: 3px;
  padding: 1px 2px;
}
#trackedEvents table {
  margin-bottom: 5px;
  font-size: 12px;
  text-align: center;
}
#trackedEvents tbody > tr > td {
  padding: 3.5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#trackedEvents .box {
  box-shadow: 1px 3px 6px 1px rgba(0, 0, 0, 0.15);
}
#trackedEvents .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
#trackedEvents .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #D2E3F2;
}
#trackedEvents div.content-container > div.col-md-3 > div.box.box-primary > div.box-header.with-border > div > button {
  display: none;
}

.k-loading-image::before {
  display: none;
}

#alarms .k-button, #notes .k-button, #documents .k-button, #history .k-button {
  min-width: initial;
}

.selected-chart, .hover-chart:hover {
  background-color: #144276 !important;
  color: white;
}

.panel-heading {
  color: white;
}

.header-wrap {
  display: flex;
  flex-wrap: wrap;
}

/*Toggle switch*/
.switch {
  position: relative;
  display: inline-block;
  width: 132px;
  height: 34px;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/*background when off*/
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dedede;
  border-color: #dedede;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*inner square*/
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 61px;
  left: 5px;
  bottom: 4px;
  background-color: #7CBB00;
  color: white;
  z-index: -1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*background when on*/
input:checked + .slider {
  background-color: #dedede;
  border-color: #dedede;
}

/*transition*/
input:checked + .slider:before {
  -webkit-transform: translateX(62px);
  -ms-transform: translateX(62px);
  transform: translateX(62px);
}

/*outer square*/
.slider.round {
  border-radius: 4px;
}

/*inner square*/
.slider.round:before {
  border-radius: 4px;
}

.diagnosis-style .alert-danger {
  margin-bottom: 0px;
  margin-top: 5px;
  color: #a94442 !important;
  background-color: #f2dede !important;
  border-color: #ebccd1;
}

.Unstable {
  color: #a94442 !important;
  background-color: #f2dede !important;
}

#cboxClose {
  border: solid 1px;
  padding: 2px;
}

.k-animation-container {
  display: block;
  z-index: 11000 !important;
}

.realtimeMessage {
  height: 100%;
  max-height: 80;
  align-content: center;
  border-radius: 15px;
  padding-left: 40px;
  margin-top: 50px;
}

@media screen and (min-width: 1500px) {
  .stickyWellList {
    position: sticky;
    top: 15;
    position: -webkit-sticky;
  }
}
#chart-controls {
  display: flex;
  gap: 5px;
  position: relative;
  top: 40px;
  margin-top: -40px;
  z-index: 50;
  width: fit-content;
}

@media screen and (max-width: 1500px) {
  #chart-controls {
    top: initial;
    margin-top: initial;
    flex-wrap: wrap;
  }
}
#bodyContainer {
  padding-left: 5px;
}

#wellListContainer {
  padding-right: 5px;
}

.row-body-container {
  height: fit-content;
}

#alpUserReports .qr-image {
  width: 100%;
  height: 140px;
  background-image: url("../Content/images/pump-checker-survey-qr.gif");
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
#alpUserReports .mdi-close-circle {
  font-size: 16px !important;
}

.alp-close-button {
  background-color: inherit;
}
.alp-close-button :hover {
  background-color: #006687;
}
.alp-close-button .k-icon {
  color: lightgrey;
}

.slide-enter-active,
.slide-leave-active {
  transition: transform 0.3s ease;
  overflow: hidden;
}

.slide-enter-from,
.slide-leave-to {
  transform: translateX(-100%);
}

.slide-enter-to,
.slide-leave-from {
  transform: translateX(0);
}

.dropdown-menu {
  z-index: 12000 !important;
}

#exception-silence-modal input[type=radio]:focus, #exception-silence-modal input[type=radio]:active {
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}
#exception-silence-modal .k-radio::before {
  content: inherit;
}
#exception-silence-modal input[type=checkbox], #exception-silence-modal input[type=radio] {
  line-height: normal;
  margin: 0 0 0 5px !important;
}
#exception-silence-modal .k-notification {
  height: 20px;
  margin-top: 5px;
}

.exception-report {
  /*Truncate Well Groups and comment column*/
}
.exception-report td .warning {
  background: red !important;
}
.exception-report table.table-bordered thead th {
  vertical-align: text-top;
}
.exception-report .k-grid-header th.k-header {
  vertical-align: text-top !important;
  white-space: normal;
}
.exception-report .k-toolbar .k-textbox {
  height: 30px;
  margin-top: 2px;
}
.exception-report .k-tooltip {
  background-color: white !important;
  color: black !important;
  border: 1px solid #CCC !important;
}
.exception-report tbody > tr > td {
  min-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exception-report .k-grid .k-grid-content {
  min-height: 50px;
  max-height: 350px;
}
.exception-report .content-header h1 {
  font-size: 1.5vw;
  display: inline;
}
.exception-report .highlight-exception {
  background: #f2dede;
  color: #a94442;
}
.exception-report .export {
  float: right;
  display: inline;
  margin-top: 0.5rem;
}
.exception-report .edit-cell > a.comment > br {
  display: none;
}
.exception-report div.k-grid-header > div > table > thead > tr > th.edit-cell-header {
  white-space: normal;
  height: auto;
  text-align: center;
}
.exception-report .box-header .box-title {
  color: white;
}
.exception-report .k-pager-first + a, .exception-report .k-pager-numbers-wrap + .k-pager-nav {
  border-radius: 100px;
  width: 2.14em;
}
.exception-report a.k-link.k-pager-nav {
  margin-left: 2px !important;
  margin-right: 2px;
}
.exception-report .k-grid td, .exception-report .k-grid .k-table-td {
  border-color: rgba(33, 37, 41, 0.5) !important;
}

#downtime-panel .alp-button-selected {
  background-color: #144276;
  color: white;
}

#manufacturer-settings .k-list-item, #downtime-panel .k-list-item {
  font-size: 12px !important;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#manufacturer-settings .k-listbox .k-list-ul .k-list-item:nth-child(even), #downtime-panel .k-listbox .k-list-ul .k-list-item:nth-child(even) {
  background-color: #d2e3f2;
}
#manufacturer-settings .k-listbox .k-list-ul .k-list-item:nth-child(even):hover, #downtime-panel .k-listbox .k-list-ul .k-list-item:nth-child(even):hover {
  background-color: white;
}
#manufacturer-settings .k-listbox .k-list-ul .k-list-item:nth-child(odd), #downtime-panel .k-listbox .k-list-ul .k-list-item:nth-child(odd) {
  background-color: #fff;
}
#manufacturer-settings .k-listbox .k-list-ul .k-list-item:nth-child(odd):hover, #downtime-panel .k-listbox .k-list-ul .k-list-item:nth-child(odd):hover {
  background-color: white;
}
#manufacturer-settings .k-listbox .k-list-ul .k-list-item, #downtime-panel .k-listbox .k-list-ul .k-list-item {
  border-bottom: 1px solid #ccc;
  font-family: "Segoe UI", sans-serif;
}
#manufacturer-settings .k-listbox .k-list-ul .k-list-item:hover, #downtime-panel .k-listbox .k-list-ul .k-list-item:hover {
  background-color: #d0ebff;
  cursor: pointer;
}

#manufacturer-settings .k-listbox .k-list-ul .k-list-item {
  padding: 8px 12px;
  border-bottom: 1px solid #ccc;
  font-family: "Segoe UI", sans-serif;
}

#downtime-logs .k-listbox .k-list-scroller .k-list, #alp-data-grid .k-listbox .k-list-scroller .k-list {
  height: 100%;
}
#downtime-logs .downtime-panel-collapsed, #downtime-logs .data-grid-panel-collapsed, #alp-data-grid .downtime-panel-collapsed, #alp-data-grid .data-grid-panel-collapsed {
  width: 100%;
  transition: width 0.4s ease-in-out;
}
#downtime-logs .downtime-panel-expanded, #downtime-logs .data-grid-panel-expanded, #alp-data-grid .downtime-panel-expanded, #alp-data-grid .data-grid-panel-expanded {
  width: 66.66%;
  transition: width 0.4s ease-in-out;
}
#downtime-logs .downtime-history, #downtime-logs .edit-record-modal, #alp-data-grid .downtime-history, #alp-data-grid .edit-record-modal {
  width: 33.33%;
  margin-left: 10px;
  position: relative;
  animation: slideIn 0.4s ease-out forwards;
}
@keyframes slideIn {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0%);
    opacity: 1;
  }
}
#downtime-logs .slide-panel-enter-active,
#downtime-logs .slide-panel-leave-active, #alp-data-grid .slide-panel-enter-active,
#alp-data-grid .slide-panel-leave-active {
  transition: all 0.4s ease;
}
#downtime-logs .slide-panel-enter-from,
#downtime-logs .slide-panel-leave-to, #alp-data-grid .slide-panel-enter-from,
#alp-data-grid .slide-panel-leave-to {
  transform: translateX(100%);
  opacity: 0;
}
#downtime-logs .slide-panel-enter-to,
#downtime-logs .slide-panel-leave-from, #alp-data-grid .slide-panel-enter-to,
#alp-data-grid .slide-panel-leave-from {
  transform: translateX(0%);
  opacity: 1;
}

.k-time-accept {
  color: white !important;
}

.edit-record-panel-container {
  border: 1px solid #dee2e6;
}

#wellGrid tbody tr.well-highlight-row {
  background-color: #F6BE00;
}

#wellGrid tbody tr.well-highlight-row a.gridWellLink.well-highlight-link {
  font-weight: 600;
}

.k-i-calendar {
  height: 100%;
  color: initial;
}

.k-edit-buttons {
  margin: 0px;
}

.k-reset .k-button {
  height: inherit;
}

.k-window-actions {
  border-style: none;
}

.k-tabstrip {
  border: 0;
}
.k-tabstrip .k-tabstrip-items-wrapper > ul > li.k-item {
  font-size: 12px;
  border-left: none;
  border-right: none;
}
.k-tabstrip .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active {
  margin-bottom: 0;
}
.k-tabstrip .k-tabstrip-items-wrapper .k-item:hover {
  margin-bottom: -1px;
  border-bottom-width: 1px;
}

.k-grid .k-grid-header .k-header-column-menu {
  position: relative;
}

.k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
  margin-inline-end: 0;
}

div.k-grid-header > div > table > thead > tr > th > div > a.k-grid-header-menu.k-grid-column-menu {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
}

.toggle-switch-theme {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
  min-width: 90px;
}
.toggle-switch-theme input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch-theme .themeslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dedede;
  transition: 0.4s;
  border-radius: 4px;
}
.toggle-switch-theme .themeslider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 42px;
  margin-top: 4px;
  margin-left: 3px;
  background-color: #7cbb00;
  transition: 0.4s;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  color: blue;
  z-index: 10;
}
.toggle-switch-theme .slider-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  transition: 0.4s;
  pointer-events: none;
  z-index: 20;
}
.toggle-switch-theme .slider-label.dark {
  left: 10px;
}
.toggle-switch-theme .slider-label.light {
  right: 10px;
  color: #000;
}
.toggle-switch-theme input:checked + .themeslider {
  background-color: #ccc;
}
.toggle-switch-theme input:checked + .themeslider:before {
  transform: translateX(42px);
}
.toggle-switch-theme input:checked + .themeslider .slider-label.dark {
  color: #000;
}
.toggle-switch-theme input:checked + .themeslider .slider-label.light {
  color: #FFF;
}
.toggle-switch-theme input:not(:checked) + .themeslider .slider-label.light {
  color: #000;
}

.highcharts-axis-title {
  fill: #adadad;
}

.highcharts-axis-labels, .highcharts-title, .highcharts-tooltip text {
  fill: black;
}

.highcharts-legend-item > text {
  fill: black;
}

.highcharts-legend-item:hover > text {
  fill: #858585;
}

.highcharts-minor-grid-line, .highcharts-grid-line {
  stroke: lightgrey;
}

.highcharts-menu-item {
  color: #222222 !important;
  background: white !important;
}
.highcharts-menu-item:hover {
  background: lightgrey !important;
}

.highcharts-contextbutton {
  fill: lightgrey;
}

.alp-zoom-out-button {
  fill: rgb(247, 247, 247);
}
.alp-zoom-out-button text {
  color: #333333;
  fill: #333333;
}

.highcharts-series-inactive {
  opacity: 1;
}

.alp-charts-cluster {
  color: #222222;
  background-color: #ffffff;
  padding: 8px;
}

.alp-captions-box {
  width: 110px;
  padding: 8px 0 0 10px;
  height: 130px;
}

.alp-charts-cluster .alp-cluster-unit .alp-chart-parent {
  min-width: 0;
  flex-basis: calc(100% - 110px);
  width: 100%;
}

.alp-charts-cluster .alp-cluster-unit:not(:first-child) .alp-chart-parent {
  border-top: 0;
}

.alp-charts-cluster .highcharts-title {
  font-size: 13px;
  font-weight: 300;
}

.alp-cluster-unit {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.alp-charts-cluster .alp-header {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 12px;
}

.alp-charts-cluster .alp-value {
  font-size: 12px;
  margin-bottom: 4px;
}

.alp-charts-cluster .alp-unit {
  font-size: 12px;
}

.alp-charts-cluster .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
}

.alp-charts-cluster .highcharts-grid-line,
.alp-charts-cluster .highcharts-minor-grid-line,
.alp-charts-cluster .highcharts-tracker-line,
.alp-charts-cluster .highcharts-markers {
  pointer-events: none;
}

.alp-charts-cluster .highcharts-graph {
  pointer-events: none;
  stroke-width: 2px;
}

.alp-charts-cluster .highcharts-crosshair {
  pointer-events: none;
}

.alp-chart-container {
  width: calc(100% - 110px);
  display: flex;
  flex-direction: column;
  flex-basis: calc(100% - 110px);
  align-items: center;
  margin-top: -24px;
}

.alp-chart-container-test {
  width: calc(100% - 110px);
  display: flex;
  flex-direction: column;
  flex-basis: calc(100% - 110px);
  align-items: center;
}

.alp-chart-value-container {
  position: relative;
  top: 30;
  z-index: 100;
  min-height: 24px;
}

@media screen and (max-width: 1500px) {
  .alp-chart-container {
    margin-top: 0px;
  }
  .alp-chart-value-container {
    top: initial;
  }
}
.intake-pressure .highcharts-graph {
  stroke: #002F6C;
}
.intake-pressure .highcharts-halo,
.intake-pressure .tooltip-marker,
.intake-pressure .highcharts-point {
  fill: #002F6C !important;
  stroke: #002F6C !important;
}

.motor-current .highcharts-graph {
  stroke: #00FF00;
}
.motor-current .highcharts-halo,
.motor-current .tooltip-marker,
.motor-current .highcharts-point {
  fill: #00FF00 !important;
  stroke: #00FF00 !important;
}

.frequency .highcharts-graph {
  stroke: #F6BE00;
}
.frequency .highcharts-halo,
.frequency .tooltip-marker,
.frequency .highcharts-point {
  fill: #F6BE00 !important;
  stroke: #F6BE00 !important;
}

.motor-temperature .highcharts-graph {
  stroke: #CC2529;
}
.motor-temperature .highcharts-halo,
.motor-temperature .tooltip-marker,
.motor-temperature .highcharts-point {
  fill: #CC2529 !important;
  stroke: #CC2529 !important;
}

.intake-temperature .highcharts-graph {
  stroke: #6B4C9A;
}
.intake-temperature .highcharts-halo,
.intake-temperature .tooltip-marker,
.intake-temperature .highcharts-point {
  fill: #6B4C9A !important;
  stroke: #6B4C9A !important;
}

.tubing-pressure .highcharts-graph {
  stroke: #5F7A86;
}
.tubing-pressure .highcharts-halo,
.tubing-pressure .tooltip-marker,
.tubing-pressure .highcharts-point {
  fill: #5F7A86 !important;
  stroke: #5F7A86 !important;
}

.casing-pressure .highcharts-graph {
  stroke: #000000;
}
.casing-pressure .highcharts-halo,
.casing-pressure .tooltip-marker,
.casing-pressure .highcharts-point {
  fill: #000000 !important;
  stroke: #000000 !important;
}

.vibration-x .highcharts-graph {
  stroke: #A7D6FB;
}
.vibration-x .highcharts-halo,
.vibration-x .tooltip-marker,
.vibration-x .highcharts-point {
  fill: #A7D6FB !important;
  stroke: #A7D6FB !important;
}

.vibration-y .highcharts-graph {
  stroke: #E246F7;
}
.vibration-y .highcharts-halo,
.vibration-y .tooltip-marker,
.vibration-y .highcharts-point {
  fill: #E246F7 !important;
  stroke: #E246F7 !important;
}

.vsd-output-current-phase-a .highcharts-graph {
  stroke: #000000;
}
.vsd-output-current-phase-a .highcharts-halo,
.vsd-output-current-phase-a .tooltip-marker,
.vsd-output-current-phase-a .highcharts-point {
  fill: #000000 !important;
  stroke: #000000 !important;
}

.vsd-output-voltage .highcharts-graph {
  stroke: #EC64A9;
}
.vsd-output-voltage .highcharts-halo,
.vsd-output-voltage .tooltip-marker,
.vsd-output-voltage .highcharts-point {
  fill: #EC64A9 !important;
  stroke: #EC64A9 !important;
}

.downhole-temperature .highcharts-graph {
  stroke: #922428;
}
.downhole-temperature .highcharts-halo,
.downhole-temperature .tooltip-marker,
.downhole-temperature .highcharts-point {
  fill: #922428 !important;
  stroke: #922428 !important;
}

.production-choke-position .highcharts-graph {
  stroke: #316E5C;
}
.production-choke-position .highcharts-halo,
.production-choke-position .tooltip-marker,
.production-choke-position .highcharts-point {
  fill: #316E5C !important;
  stroke: #316E5C !important;
}

.downhole-pressure .highcharts-graph {
  stroke: #E246F7;
}
.downhole-pressure .highcharts-halo,
.downhole-pressure .tooltip-marker,
.downhole-pressure .highcharts-point {
  fill: #E246F7 !important;
  stroke: #E246F7 !important;
}

.injection-choke-position .highcharts-graph {
  stroke: #EC64A9;
}
.injection-choke-position .highcharts-halo,
.injection-choke-position .tooltip-marker,
.injection-choke-position .highcharts-point {
  fill: #EC64A9 !important;
  stroke: #EC64A9 !important;
}

.discharge-pressure .highcharts-graph {
  stroke: #00FFFF;
}
.discharge-pressure .highcharts-halo,
.discharge-pressure .tooltip-marker,
.discharge-pressure .highcharts-point {
  fill: #00FFFF !important;
  stroke: #00FFFF !important;
}

.total-gas-rate .highcharts-graph {
  stroke: #ED9D74;
}
.total-gas-rate .highcharts-halo,
.total-gas-rate .tooltip-marker,
.total-gas-rate .highcharts-point {
  fill: #ED9D74 !important;
  stroke: #ED9D74 !important;
}

.gas-injection-pressure .highcharts-graph {
  stroke: #002F6C;
}
.gas-injection-pressure .highcharts-halo,
.gas-injection-pressure .tooltip-marker,
.gas-injection-pressure .highcharts-point {
  fill: #002F6C !important;
  stroke: #002F6C !important;
}

.gas-injection-rate .highcharts-graph {
  stroke: #F6BE00;
}
.gas-injection-rate .highcharts-halo,
.gas-injection-rate .tooltip-marker,
.gas-injection-rate .highcharts-point {
  fill: #F6BE00 !important;
  stroke: #F6BE00 !important;
}

.gas-injection-temperature .highcharts-graph {
  stroke: #6B4C9A;
}
.gas-injection-temperature .highcharts-halo,
.gas-injection-temperature .tooltip-marker,
.gas-injection-temperature .highcharts-point {
  fill: #6B4C9A !important;
  stroke: #6B4C9A !important;
}

.gas-lift-header-pressure .highcharts-graph {
  stroke: #00FF00;
}
.gas-lift-header-pressure .highcharts-halo,
.gas-lift-header-pressure .tooltip-marker,
.gas-lift-header-pressure .highcharts-point {
  fill: #00FF00 !important;
  stroke: #00FF00 !important;
}

.flowline-pressure .highcharts-graph {
  stroke: #3969B1;
}
.flowline-pressure .highcharts-halo,
.flowline-pressure .tooltip-marker,
.flowline-pressure .highcharts-point {
  fill: #3969B1 !important;
  stroke: #3969B1 !important;
}

.Motor-Temperature-Color .highcharts-graph {
  stroke: #CC2529;
}
.Motor-Temperature-Color .highcharts-halo,
.Motor-Temperature-Color .tooltip-marker,
.Motor-Temperature-Color .highcharts-point {
  fill: #CC2529 !important;
  stroke: #CC2529 !important;
}

.Pump-Intake-Pressure-Color .highcharts-graph, .Intake-Pressure-Color .highcharts-graph {
  stroke: #002F6C;
}
.Pump-Intake-Pressure-Color .highcharts-halo,
.Pump-Intake-Pressure-Color .tooltip-marker,
.Pump-Intake-Pressure-Color .highcharts-point, .Intake-Pressure-Color .highcharts-halo,
.Intake-Pressure-Color .tooltip-marker,
.Intake-Pressure-Color .highcharts-point {
  fill: #002F6C !important;
  stroke: #002F6C !important;
}

.Pump-Discharge-Pressure-Color .highcharts-graph, .Discharge-Pressure-Color .highcharts-graph {
  stroke: #00FFFF;
}
.Pump-Discharge-Pressure-Color .highcharts-halo,
.Pump-Discharge-Pressure-Color .tooltip-marker,
.Pump-Discharge-Pressure-Color .highcharts-point, .Discharge-Pressure-Color .highcharts-halo,
.Discharge-Pressure-Color .tooltip-marker,
.Discharge-Pressure-Color .highcharts-point {
  fill: #00FFFF !important;
  stroke: #00FFFF !important;
}

.Casing-Pressure-Color .highcharts-graph {
  stroke: #000000;
}
.Casing-Pressure-Color .highcharts-halo,
.Casing-Pressure-Color .tooltip-marker,
.Casing-Pressure-Color .highcharts-point {
  fill: #000000 !important;
  stroke: #000000 !important;
}

.Tubing-Pressure-Color .highcharts-graph, .Tubing-Head-Pressure-Color .highcharts-graph {
  stroke: #5F7A86;
}
.Tubing-Pressure-Color .highcharts-halo,
.Tubing-Pressure-Color .tooltip-marker,
.Tubing-Pressure-Color .highcharts-point, .Tubing-Head-Pressure-Color .highcharts-halo,
.Tubing-Head-Pressure-Color .tooltip-marker,
.Tubing-Head-Pressure-Color .highcharts-point {
  fill: #5F7A86 !important;
  stroke: #5F7A86 !important;
}

.Pump-Intake-Temperature-Color .highcharts-graph, .Intake-Temperature-Color .highcharts-graph {
  stroke: #6B4C9A;
}
.Pump-Intake-Temperature-Color .highcharts-halo,
.Pump-Intake-Temperature-Color .tooltip-marker,
.Pump-Intake-Temperature-Color .highcharts-point, .Intake-Temperature-Color .highcharts-halo,
.Intake-Temperature-Color .tooltip-marker,
.Intake-Temperature-Color .highcharts-point {
  fill: #6B4C9A !important;
  stroke: #6B4C9A !important;
}

.Motor-Current-Color .highcharts-graph, .Current-Color .highcharts-graph {
  stroke: #00FF00;
}
.Motor-Current-Color .highcharts-halo,
.Motor-Current-Color .tooltip-marker,
.Motor-Current-Color .highcharts-point, .Current-Color .highcharts-halo,
.Current-Color .tooltip-marker,
.Current-Color .highcharts-point {
  fill: #00FF00 !important;
  stroke: #00FF00 !important;
}

.Motor-Base-Pressure-Color .highcharts-graph {
  stroke: #A33A60;
}
.Motor-Base-Pressure-Color .highcharts-halo,
.Motor-Base-Pressure-Color .tooltip-marker,
.Motor-Base-Pressure-Color .highcharts-point {
  fill: #A33A60 !important;
  stroke: #A33A60 !important;
}

.Frequency-Color .highcharts-graph {
  stroke: #F6BE00;
}
.Frequency-Color .highcharts-halo,
.Frequency-Color .tooltip-marker,
.Frequency-Color .highcharts-point {
  fill: #F6BE00 !important;
  stroke: #F6BE00 !important;
}

.Production-Choke-Position-Color .highcharts-graph {
  stroke: #316E5C;
}
.Production-Choke-Position-Color .highcharts-halo,
.Production-Choke-Position-Color .tooltip-marker,
.Production-Choke-Position-Color .highcharts-point {
  fill: #316E5C !important;
  stroke: #316E5C !important;
}

.VSD-Ouput-Current-Color .highcharts-graph {
  stroke: #000000;
}
.VSD-Ouput-Current-Color .highcharts-halo,
.VSD-Ouput-Current-Color .tooltip-marker,
.VSD-Ouput-Current-Color .highcharts-point {
  fill: #000000 !important;
  stroke: #000000 !important;
}

.VSD-Output-Voltage-Color .highcharts-graph {
  stroke: #EC64A9;
}
.VSD-Output-Voltage-Color .highcharts-halo,
.VSD-Output-Voltage-Color .tooltip-marker,
.VSD-Output-Voltage-Color .highcharts-point {
  fill: #EC64A9 !important;
  stroke: #EC64A9 !important;
}

.Header-Pressure-Color .highcharts-graph {
  stroke: #00FF00;
}
.Header-Pressure-Color .highcharts-halo,
.Header-Pressure-Color .tooltip-marker,
.Header-Pressure-Color .highcharts-point {
  fill: #00FF00 !important;
  stroke: #00FF00 !important;
}

.Flowline-Pressure-Color .highcharts-graph {
  stroke: #3969B1;
}
.Flowline-Pressure-Color .highcharts-halo,
.Flowline-Pressure-Color .tooltip-marker,
.Flowline-Pressure-Color .highcharts-point {
  fill: #3969B1 !important;
  stroke: #3969B1 !important;
}

.Downhole-Temperature-Color .highcharts-graph {
  stroke: #922428;
}
.Downhole-Temperature-Color .highcharts-halo,
.Downhole-Temperature-Color .tooltip-marker,
.Downhole-Temperature-Color .highcharts-point {
  fill: #922428 !important;
  stroke: #922428 !important;
}

.Downhole-Pressure-Color .highcharts-graph {
  stroke: #E246F7;
}
.Downhole-Pressure-Color .highcharts-halo,
.Downhole-Pressure-Color .tooltip-marker,
.Downhole-Pressure-Color .highcharts-point {
  fill: #E246F7 !important;
  stroke: #E246F7 !important;
}

.Injection-Pressure-Color .highcharts-graph {
  stroke: #002F6C;
}
.Injection-Pressure-Color .highcharts-halo,
.Injection-Pressure-Color .tooltip-marker,
.Injection-Pressure-Color .highcharts-point {
  fill: #002F6C !important;
  stroke: #002F6C !important;
}

.Gas-Injection-Rate-Color .highcharts-graph {
  stroke: #F6BE00;
}
.Gas-Injection-Rate-Color .highcharts-halo,
.Gas-Injection-Rate-Color .tooltip-marker,
.Gas-Injection-Rate-Color .highcharts-point {
  fill: #F6BE00 !important;
  stroke: #F6BE00 !important;
}

.Well-Head-Temperature-Color .highcharts-graph {
  stroke: #5F7A86;
}
.Well-Head-Temperature-Color .highcharts-halo,
.Well-Head-Temperature-Color .tooltip-marker,
.Well-Head-Temperature-Color .highcharts-point {
  fill: #5F7A86 !important;
  stroke: #5F7A86 !important;
}

.Injection-Choke-Position-Color .highcharts-graph {
  stroke: #EC64A9;
}
.Injection-Choke-Position-Color .highcharts-halo,
.Injection-Choke-Position-Color .tooltip-marker,
.Injection-Choke-Position-Color .highcharts-point {
  fill: #EC64A9 !important;
  stroke: #EC64A9 !important;
}

tspan.FrequencyLineColor {
  fill: #F6BE00 !important;
}
tspan.MotorCurrentLineColor {
  fill: #00FF00 !important;
}
tspan.MotorTemperatureLineColor {
  fill: #CC2529 !important;
}
tspan.IntakePressureLineColor {
  fill: #2A4C7F !important;
}
tspan.MotorBasePressureLineColor {
  fill: #A33A60 !important;
}
tspan.FrequencyCovLineColor, tspan.MotorCurrentCovLineColor, tspan.MotorTemperatureCovLineColor, tspan.IntakePressureCovLineColor, tspan.MotorBasePressureCovLineColor {
  fill: #C0504D !important;
}
tspan.FrequencyCumCovLineColor, tspan.MotorCurrentCumCovLineColor, tspan.MotorTemperatureCumCovLineColor, tspan.IntakePressureCumCovLineColor, tspan.MotorBasePressureCumCovLineColor {
  fill: #9BBB59 !important;
}

.FrequencyLineColor .highcharts-graph {
  stroke: #F6BE00;
}
.FrequencyLineColor .highcharts-halo,
.FrequencyLineColor .tooltip-marker,
.FrequencyLineColor .highcharts-point {
  fill: #F6BE00 !important;
  stroke: #F6BE00 !important;
}

.FrequencyCovLineColor .highcharts-graph {
  stroke: #C0504D;
}
.FrequencyCovLineColor .highcharts-halo,
.FrequencyCovLineColor .tooltip-marker,
.FrequencyCovLineColor .highcharts-point {
  fill: #C0504D !important;
  stroke: #C0504D !important;
}

.FrequencyCumCovLineColor .highcharts-graph {
  stroke: #9BBB59;
}
.FrequencyCumCovLineColor .highcharts-halo,
.FrequencyCumCovLineColor .tooltip-marker,
.FrequencyCumCovLineColor .highcharts-point {
  fill: #9BBB59 !important;
  stroke: #9BBB59 !important;
}

.MotorCurrentLineColor .highcharts-graph {
  stroke: #00FF00;
}
.MotorCurrentLineColor .highcharts-halo,
.MotorCurrentLineColor .tooltip-marker,
.MotorCurrentLineColor .highcharts-point {
  fill: #00FF00 !important;
  stroke: #00FF00 !important;
}

.MotorCurrentCovLineColor .highcharts-graph {
  stroke: #C0504D;
}
.MotorCurrentCovLineColor .highcharts-halo,
.MotorCurrentCovLineColor .tooltip-marker,
.MotorCurrentCovLineColor .highcharts-point {
  fill: #C0504D !important;
  stroke: #C0504D !important;
}

.MotorCurrentCumCovLineColor .highcharts-graph {
  stroke: #9BBB59;
}
.MotorCurrentCumCovLineColor .highcharts-halo,
.MotorCurrentCumCovLineColor .tooltip-marker,
.MotorCurrentCumCovLineColor .highcharts-point {
  fill: #9BBB59 !important;
  stroke: #9BBB59 !important;
}

.MotorTemperatureLineColor .highcharts-graph {
  stroke: #CC2529;
}
.MotorTemperatureLineColor .highcharts-halo,
.MotorTemperatureLineColor .tooltip-marker,
.MotorTemperatureLineColor .highcharts-point {
  fill: #CC2529 !important;
  stroke: #CC2529 !important;
}

.MotorTemperatureCovLineColor .highcharts-graph {
  stroke: #C0504D;
}
.MotorTemperatureCovLineColor .highcharts-halo,
.MotorTemperatureCovLineColor .tooltip-marker,
.MotorTemperatureCovLineColor .highcharts-point {
  fill: #C0504D !important;
  stroke: #C0504D !important;
}

.MotorTemperatureCumCovLineColor .highcharts-graph {
  stroke: #9BBB59;
}
.MotorTemperatureCumCovLineColor .highcharts-halo,
.MotorTemperatureCumCovLineColor .tooltip-marker,
.MotorTemperatureCumCovLineColor .highcharts-point {
  fill: #9BBB59 !important;
  stroke: #9BBB59 !important;
}

.IntakePressureLineColor .highcharts-graph {
  stroke: #2A4C7F;
}
.IntakePressureLineColor .highcharts-halo,
.IntakePressureLineColor .tooltip-marker,
.IntakePressureLineColor .highcharts-point {
  fill: #2A4C7F !important;
  stroke: #2A4C7F !important;
}

.IntakePressureCovLineColor .highcharts-graph {
  stroke: #C0504D;
}
.IntakePressureCovLineColor .highcharts-halo,
.IntakePressureCovLineColor .tooltip-marker,
.IntakePressureCovLineColor .highcharts-point {
  fill: #C0504D !important;
  stroke: #C0504D !important;
}

.IntakePressureCumCovLineColor .highcharts-graph {
  stroke: #9BBB59;
}
.IntakePressureCumCovLineColor .highcharts-halo,
.IntakePressureCumCovLineColor .tooltip-marker,
.IntakePressureCumCovLineColor .highcharts-point {
  fill: #9BBB59 !important;
  stroke: #9BBB59 !important;
}

.MotorBasePressureLineColor .highcharts-graph {
  stroke: #A33A60;
}
.MotorBasePressureLineColor .highcharts-halo,
.MotorBasePressureLineColor .tooltip-marker,
.MotorBasePressureLineColor .highcharts-point {
  fill: #A33A60 !important;
  stroke: #A33A60 !important;
}

.MotorBasePressureCovLineColor .highcharts-graph {
  stroke: #C0504D;
}
.MotorBasePressureCovLineColor .highcharts-halo,
.MotorBasePressureCovLineColor .tooltip-marker,
.MotorBasePressureCovLineColor .highcharts-point {
  fill: #C0504D !important;
  stroke: #C0504D !important;
}

.MotorBasePressureCumCovLineColor .highcharts-graph {
  stroke: #9BBB59;
}
.MotorBasePressureCumCovLineColor .highcharts-halo,
.MotorBasePressureCumCovLineColor .tooltip-marker,
.MotorBasePressureCumCovLineColor .highcharts-point {
  fill: #9BBB59 !important;
  stroke: #9BBB59 !important;
}

.GAPL-CHP .highcharts-graph {
  stroke: #7CB5EC;
}
.GAPL-CHP .highcharts-halo,
.GAPL-CHP .tooltip-marker,
.GAPL-CHP .highcharts-point {
  fill: #7CB5EC !important;
  stroke: #7CB5EC !important;
}

.GAPL-THP .highcharts-graph {
  stroke: #434348;
}
.GAPL-THP .highcharts-halo,
.GAPL-THP .tooltip-marker,
.GAPL-THP .highcharts-point {
  fill: #434348 !important;
  stroke: #434348 !important;
}

.GAPL-FLP .highcharts-graph {
  stroke: #90ed7d;
}
.GAPL-FLP .highcharts-halo,
.GAPL-FLP .tooltip-marker,
.GAPL-FLP .highcharts-point {
  fill: #90ed7d !important;
  stroke: #90ed7d !important;
}

.GAPL-INJR .highcharts-graph {
  stroke: #f7a35c;
}
.GAPL-INJR .highcharts-halo,
.GAPL-INJR .tooltip-marker,
.GAPL-INJR .highcharts-point {
  fill: #f7a35c !important;
  stroke: #f7a35c !important;
}

.GAPL-AC .highcharts-graph {
  stroke: #8085e9;
}
.GAPL-AC .highcharts-halo,
.GAPL-AC .tooltip-marker,
.GAPL-AC .highcharts-point {
  fill: #8085e9 !important;
  stroke: #8085e9 !important;
}

.GAPL-RT .highcharts-graph {
  stroke: #f15c80;
}
.GAPL-RT .highcharts-halo,
.GAPL-RT .tooltip-marker,
.GAPL-RT .highcharts-point {
  fill: #f15c80 !important;
  stroke: #f15c80 !important;
}

.GAPL-DHP .highcharts-graph {
  stroke: #e4d354;
}
.GAPL-DHP .highcharts-halo,
.GAPL-DHP .tooltip-marker,
.GAPL-DHP .highcharts-point {
  fill: #e4d354 !important;
  stroke: #e4d354 !important;
}

.downtimeBands {
  fill: #F2DEDE;
}

.eventLines {
  stroke: #EC971F;
  fill: #EC971F;
}

.topDeviationLine, .bottomDeviationLine {
  stroke: blue;
  stroke-width: 2;
}

.middleDeviationLine {
  stroke: green;
  stroke-width: 2;
}

.setPointLine .highcharts-graph {
  stroke: #000000;
}
.setPointLine .highcharts-point {
  fill: #000000;
}

.LostOilColor .highcharts-graph {
  stroke: black;
}
.LostOilColor .highcharts-point {
  fill: black;
}

.LostGrossRate .highcharts-graph {
  stroke: navy;
}
.LostGrossRate .highcharts-point {
  fill: navy;
}

.TestRateColor .highcharts-graph {
  stroke: darkslategray;
}
.TestRateColor .highcharts-point {
  fill: darkslategray;
}

.plotline-label {
  color: black;
}

.TrackingStartColor .highcharts-graph {
  stroke: blue;
}
.TrackingStartColor .highcharts-point {
  fill: blue;
}

.ProductivityIndex .highcharts-graph {
  stroke: purple;
}
.ProductivityIndex .highcharts-point {
  fill: purple;
}

.LinearRegression .highcharts-graph {
  stroke: green;
}
.LinearRegression .highcharts-point {
  fill: green;
}

.CalculatedIntakePressure .highcharts-graph, .PumpDischargePressure .highcharts-graph, .PumpDischargePressureHistory .highcharts-graph {
  stroke: darkblue;
}
.CalculatedIntakePressure .highcharts-point, .PumpDischargePressure .highcharts-point, .PumpDischargePressureHistory .highcharts-point {
  fill: darkblue;
}

.InjectionPressureLine .highcharts-graph {
  stroke: darkblue;
}
.InjectionPressureLine .highcharts-point {
  fill: darkblue;
}

.PwfHistory .highcharts-graph {
  stroke: DarkSlateGray;
}
.PwfHistory .highcharts-point {
  fill: DarkSlateGray;
}

.GAPL-INJSP .highcharts-point {
  fill: #000000;
}
.GAPL-INJSP .highcharts-graph {
  stroke: #000000;
}

.ChartLineBlue .highcharts-point {
  fill: blue;
}
.ChartLineBlue .highcharts-graph {
  stroke: blue;
}

.ChartLineDarkBlue .highcharts-graph {
  stroke: darkblue;
}
.ChartLineDarkBlue .highcharts-point {
  fill: darkblue;
}

.InjectionRateHistoryColor .highcharts-graph {
  stroke: SaddleBrown;
}
.InjectionRateHistoryColor .highcharts-point {
  fill: SaddleBrown;
}

.VolumeChartOilColour .highcharts-graph {
  stroke: green;
}
.VolumeChartOilColour .highcharts-halo,
.VolumeChartOilColour .tooltip-marker,
.VolumeChartOilColour .highcharts-point {
  fill: green !important;
  stroke: green !important;
}

.VolumeChartWaterColour .highcharts-graph {
  stroke: blue;
}
.VolumeChartWaterColour .highcharts-halo,
.VolumeChartWaterColour .tooltip-marker,
.VolumeChartWaterColour .highcharts-point {
  fill: blue !important;
  stroke: blue !important;
}

.VolumeChartGasColour .highcharts-graph {
  stroke: red;
}
.VolumeChartGasColour .highcharts-halo,
.VolumeChartGasColour .tooltip-marker,
.VolumeChartGasColour .highcharts-point {
  fill: red !important;
  stroke: red !important;
}

.VolumeChartTotalColour .highcharts-graph {
  stroke: black;
}
.VolumeChartTotalColour .highcharts-halo,
.VolumeChartTotalColour .tooltip-marker,
.VolumeChartTotalColour .highcharts-point {
  fill: black !important;
  stroke: black !important;
}

.VolumeChartPressureColour .highcharts-graph {
  stroke: Purple;
}
.VolumeChartPressureColour .highcharts-halo,
.VolumeChartPressureColour .tooltip-marker,
.VolumeChartPressureColour .highcharts-point {
  fill: Purple !important;
  stroke: Purple !important;
}

.CalculateTopDownColor .highcharts-graph {
  stroke: #2caffe;
}
.CalculateTopDownColor .highcharts-halo,
.CalculateTopDownColor .tooltip-marker,
.CalculateTopDownColor .highcharts-point {
  fill: #2caffe !important;
  stroke: #2caffe !important;
}

.MeasuredIntakePressureColor .highcharts-graph {
  stroke: #544fc5;
}
.MeasuredIntakePressureColor .highcharts-halo,
.MeasuredIntakePressureColor .tooltip-marker,
.MeasuredIntakePressureColor .highcharts-point {
  fill: #544fc5 !important;
  stroke: #544fc5 !important;
}

.ReservoirPressureColor .highcharts-graph {
  stroke: #00e272;
}
.ReservoirPressureColor .highcharts-halo,
.ReservoirPressureColor .tooltip-marker,
.ReservoirPressureColor .highcharts-point {
  fill: #00e272 !important;
  stroke: #00e272 !important;
}

.MeasuredDataColor .highcharts-graph {
  opacity: 0.4;
}
.MeasuredDataColor .highcharts-halo,
.MeasuredDataColor .tooltip-marker,
.MeasuredDataColor .highcharts-point {
  fill: #fe6a35 !important;
  stroke: #fe6a35 !important;
}
.MeasuredDataColor .highcharts-graph {
  stroke-width: 0;
}

.Pump1Color .highcharts-graph {
  stroke: #6b8abc;
}
.Pump1Color .highcharts-halo,
.Pump1Color .tooltip-marker,
.Pump1Color .highcharts-point {
  fill: #6b8abc !important;
  stroke: #6b8abc !important;
}

.Pump2Color .highcharts-graph {
  stroke: #F15C80;
}
.Pump2Color .highcharts-halo,
.Pump2Color .tooltip-marker,
.Pump2Color .highcharts-point {
  fill: #F15C80 !important;
  stroke: #F15C80 !important;
}

.Pump3Color .highcharts-graph {
  stroke: #F15C80;
}
.Pump3Color .highcharts-halo,
.Pump3Color .tooltip-marker,
.Pump3Color .highcharts-point {
  fill: #F15C80 !important;
  stroke: #F15C80 !important;
}

.TargetPipColor .highcharts-graph {
  stroke: #E4D354;
}
.TargetPipColor .highcharts-halo,
.TargetPipColor .tooltip-marker,
.TargetPipColor .highcharts-point {
  fill: #E4D354 !important;
  stroke: #E4D354 !important;
}

.TargetPwfColor .highcharts-graph {
  stroke: #2B908F;
}
.TargetPwfColor .highcharts-halo,
.TargetPwfColor .tooltip-marker,
.TargetPwfColor .highcharts-point {
  fill: #2B908F !important;
  stroke: #2B908F !important;
}

.plot-lines {
  color: black;
  stroke: black;
}
.plot-lines .highcharts-graph {
  stroke: black;
}
.plot-lines .highcharts-halo,
.plot-lines .tooltip-marker,
.plot-lines .highcharts-point {
  fill: black !important;
  stroke: black !important;
}

.oil-series .highcharts-graph {
  stroke: green;
}
.oil-series .highcharts-halo,
.oil-series .tooltip-marker,
.oil-series .highcharts-point {
  fill: green !important;
  stroke: green !important;
}

.gas-series .highcharts-graph {
  stroke: #ff081c;
}
.gas-series .highcharts-halo,
.gas-series .tooltip-marker,
.gas-series .highcharts-point {
  fill: #ff081c !important;
  stroke: #ff081c !important;
}

.water-series .highcharts-graph {
  stroke: #00b4e1;
}
.water-series .highcharts-halo,
.water-series .tooltip-marker,
.water-series .highcharts-point {
  fill: #00b4e1 !important;
  stroke: #00b4e1 !important;
}

.frequency-series .highcharts-graph {
  stroke: #fabf38;
}
.frequency-series .highcharts-halo,
.frequency-series .tooltip-marker,
.frequency-series .highcharts-point {
  fill: #fabf38 !important;
  stroke: #fabf38 !important;
}

.multi-y-chart .highcharts-crosshair,
.multi-y-chart .highcharts-grid-line,
.multi-y-chart .highcharts-minor-grid-line,
.multi-y-chart .highcharts-tracker-line,
.multi-y-chart .highcharts-markers {
  pointer-events: none;
}
.multi-y-chart .highcharts-graph {
  pointer-events: none;
}
.multi-y-chart .highcharts-yaxis .highcharts-axis-line,
.multi-y-chart .highcharts-yaxis .highcharts-tick {
  stroke-width: 1px;
}
.multi-y-chart .highcharts-yaxis .highcharts-axis-title {
  white-space: normal !important;
  width: 222px;
  text-align: center;
}
.multi-y-chart .highcharts-xaxis .highcharts-axis-title {
  top: 14px !important;
  font-size: 14px;
}
.multi-y-chart .highcharts-xaxis-labels {
  font-size: 10px;
}
.multi-y-chart .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
}
.multi-y-chart .pressure-tubing .highcharts-graph {
  stroke: #002F6C;
}
.multi-y-chart .pressure-tubing .highcharts-point,
.multi-y-chart .pressure-tubing .highcharts-halo,
.multi-y-chart .pressure-tubing .highcharts-axis-line {
  stroke: #002F6C;
  fill: #002F6C;
}
.multi-y-chart .temperature .highcharts-graph {
  stroke: #CC2529;
}
.multi-y-chart .temperature .highcharts-point,
.multi-y-chart .temperature .highcharts-halo,
.multi-y-chart .temperature .highcharts-axis-line {
  stroke: #CC2529;
  fill: #CC2529;
}
.multi-y-chart .current .highcharts-graph {
  stroke: #00FF00;
}
.multi-y-chart .current .highcharts-point,
.multi-y-chart .current .highcharts-halo,
.multi-y-chart .current .highcharts-axis-line {
  stroke: #00FF00;
  fill: #00FF00;
}
.multi-y-chart .frequency .highcharts-graph {
  stroke: #F6BE00;
}
.multi-y-chart .frequency .highcharts-point,
.multi-y-chart .frequency .highcharts-halo,
.multi-y-chart .frequency .highcharts-axis-line {
  stroke: #F6BE00;
  fill: #F6BE00;
}

.multi-y-chart-scatter .highcharts-crosshair,
.multi-y-chart-scatter .highcharts-grid-line,
.multi-y-chart-scatter .highcharts-minor-grid-line,
.multi-y-chart-scatter .highcharts-tracker-line,
.multi-y-chart-scatter .highcharts-markers {
  pointer-events: none;
}
.multi-y-chart-scatter .highcharts-graph {
  pointer-events: none;
}
.multi-y-chart-scatter .highcharts-yaxis .highcharts-axis-line,
.multi-y-chart-scatter .highcharts-yaxis .highcharts-tick {
  stroke-width: 1px;
}
.multi-y-chart-scatter .highcharts-yaxis .highcharts-axis-title {
  white-space: normal !important;
  width: 222px;
  text-align: center;
}
.multi-y-chart-scatter .highcharts-xaxis .highcharts-axis-title {
  top: 14px !important;
  font-size: 14px;
}
.multi-y-chart-scatter .highcharts-xaxis-labels {
  font-size: 10px;
}
.multi-y-chart-scatter .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
}
.multi-y-chart-scatter .pressure-tubing .highcharts-graph {
  stroke: #002F6C;
}
.multi-y-chart-scatter .pressure-tubing .highcharts-point,
.multi-y-chart-scatter .pressure-tubing .highcharts-halo,
.multi-y-chart-scatter .pressure-tubing .highcharts-axis-line {
  stroke: #002F6C;
  fill: #002F6C;
}
.multi-y-chart-scatter .temperature .highcharts-graph {
  stroke: #CC2529;
}
.multi-y-chart-scatter .temperature .highcharts-point,
.multi-y-chart-scatter .temperature .highcharts-halo,
.multi-y-chart-scatter .temperature .highcharts-axis-line {
  stroke: #CC2529;
  fill: #CC2529;
}
.multi-y-chart-scatter .current .highcharts-graph {
  stroke: #00FF00;
}
.multi-y-chart-scatter .current .highcharts-point,
.multi-y-chart-scatter .current .highcharts-halo,
.multi-y-chart-scatter .current .highcharts-axis-line {
  stroke: #00FF00;
  fill: #00FF00;
}
.multi-y-chart-scatter .frequency .highcharts-graph {
  stroke: #F6BE00;
}
.multi-y-chart-scatter .frequency .highcharts-point,
.multi-y-chart-scatter .frequency .highcharts-halo,
.multi-y-chart-scatter .frequency .highcharts-axis-line {
  stroke: #F6BE00;
  fill: #F6BE00;
}
.multi-y-chart-scatter .highcharts-graph {
  stroke-width: 0;
}

.alp-chart-event-toolip {
  pointer-events: none;
  margin-bottom: 100px;
}
.alp-chart-event-toolip span {
  color: #222222;
}

.alp-chart-event-toolip span {
  text-align: center;
  width: 100%;
}

.alp-chart-event-toolip.downtime path {
  fill: #FFAAAD;
  opacity: 0.8;
}

.alp-chart-event-toolip.tubing-hole path {
  fill: #FFE2CC;
  opacity: 0.8;
}

.alp-chart-event-toolip.well-notes path {
  fill: #FFB182;
  opacity: 0.8;
}

.alp-chart-event-toolip.well-tasks path {
  fill: #F6BE00;
  opacity: 0.8;
}

.alp-chart-event-toolip.setpoint-event path {
  fill: #52CC7A;
  opacity: 0.8;
}

.alp-chart-event.downtime {
  fill: #FFAAAD;
}

.alp-chart-event.tubing-hole {
  fill: #FFE2CC;
}

.alp-chart-event.well-notes {
  fill: #FFB182;
}

.alp-chart-event.setpoint-event {
  fill: #52CC7A;
}

.alp-chart-event.well-tasks {
  fill: #F6BE00;
}

.AnalysisGaugePressure .highcharts-graph {
  stroke: rgb(218, 124, 48);
}
.AnalysisGaugePressure .highcharts-halo,
.AnalysisGaugePressure .tooltip-marker,
.AnalysisGaugePressure .highcharts-point {
  fill: rgb(218, 124, 48) !important;
  stroke: rgb(218, 124, 48) !important;
}

.alp-other-series .highcharts-graph {
  stroke: #000000;
}
.alp-other-series .highcharts-halo,
.alp-other-series .tooltip-marker,
.alp-other-series .highcharts-point {
  fill: #000000 !important;
  stroke: #000000 !important;
}

#declineCurveChartContainer .QuestionableTestsLine .highcharts-graph, #declineCurveChartContainer .InferredTestsLine .highcharts-graph, #trackedEvents .QuestionableTestsLine .highcharts-graph, #trackedEvents .InferredTestsLine .highcharts-graph {
  stroke-width: 0;
}
#declineCurveChartContainer .TestRateColor .highcharts-graph, #trackedEvents .TestRateColor .highcharts-graph {
  stroke-width: 0;
}
#declineCurveChartContainer .TestRateColor.highcharts-series-hover .highcharts-graph, #trackedEvents .TestRateColor.highcharts-series-hover .highcharts-graph {
  stroke-width: 1px;
}

.SensitivitiesAnalysisChart_0 .highcharts-graph {
  stroke: #2caffe;
}
.SensitivitiesAnalysisChart_0 .highcharts-halo,
.SensitivitiesAnalysisChart_0 .tooltip-marker,
.SensitivitiesAnalysisChart_0 .highcharts-point {
  fill: #2caffe !important;
  stroke: #2caffe !important;
}

.SensitivitiesAnalysisChart_1 .highcharts-graph {
  stroke: #544fc5;
}
.SensitivitiesAnalysisChart_1 .highcharts-halo,
.SensitivitiesAnalysisChart_1 .tooltip-marker,
.SensitivitiesAnalysisChart_1 .highcharts-point {
  fill: #544fc5 !important;
  stroke: #544fc5 !important;
}

.SensitivitiesAnalysisChart_2 .highcharts-graph {
  stroke: #00e272;
}
.SensitivitiesAnalysisChart_2 .highcharts-halo,
.SensitivitiesAnalysisChart_2 .tooltip-marker,
.SensitivitiesAnalysisChart_2 .highcharts-point {
  fill: #00e272 !important;
  stroke: #00e272 !important;
}

.SensitivitiesAnalysisChart_3 .highcharts-graph {
  stroke: #fe6a35;
}
.SensitivitiesAnalysisChart_3 .highcharts-halo,
.SensitivitiesAnalysisChart_3 .tooltip-marker,
.SensitivitiesAnalysisChart_3 .highcharts-point {
  fill: #fe6a35 !important;
  stroke: #fe6a35 !important;
}

.ALPLineColour .highcharts-graph {
  stroke: #2caffe;
}
.ALPLineColour .highcharts-halo,
.ALPLineColour .tooltip-marker,
.ALPLineColour .highcharts-point {
  fill: #2caffe !important;
  stroke: #2caffe !important;
}

.DunsRosLineColour .highcharts-graph {
  stroke: #544fc5;
}
.DunsRosLineColour .highcharts-halo,
.DunsRosLineColour .tooltip-marker,
.DunsRosLineColour .highcharts-point {
  fill: #544fc5 !important;
  stroke: #544fc5 !important;
}

.HagedornBrownLineColour .highcharts-graph {
  stroke: #00e272;
}
.HagedornBrownLineColour .highcharts-halo,
.HagedornBrownLineColour .tooltip-marker,
.HagedornBrownLineColour .highcharts-point {
  fill: #00e272 !important;
  stroke: #00e272 !important;
}

.FancherBrownLineColour .highcharts-graph {
  stroke: #E246F7;
}
.FancherBrownLineColour .highcharts-halo,
.FancherBrownLineColour .tooltip-marker,
.FancherBrownLineColour .highcharts-point {
  fill: #E246F7 !important;
  stroke: #E246F7 !important;
}

#multi-well-chart .highcharts-color-0 {
  fill: #4C72B0 !important;
  stroke: #4C72B0 !important;
}
#multi-well-chart .highcharts-color-1 {
  fill: #DD8452 !important;
  stroke: #DD8452 !important;
}
#multi-well-chart .highcharts-color-2 {
  fill: #55A868 !important;
  stroke: #55A868 !important;
}
#multi-well-chart .highcharts-color-3 {
  fill: #C44E52 !important;
  stroke: #C44E52 !important;
}
#multi-well-chart .highcharts-color-4 {
  fill: #8172B3 !important;
  stroke: #8172B3 !important;
}
#multi-well-chart .highcharts-color-5 {
  fill: #937860 !important;
  stroke: #937860 !important;
}

.highcharts-plot-line-red {
  stroke: red;
}

div.v-card-actions {
  padding-right: 1rem;
}

.v-overlay-container .v-field {
  font-size: 12px;
}

.k-alt {
  background-color: #d2e3f2;
}

#wellGrid a {
  text-decoration: none;
}

#wellList * [title~=ESP] {
  filter: brightness(0) saturate(100%) invert(5%) sepia(5%) saturate(487%) hue-rotate(251deg) brightness(98%) contrast(91%);
}
#wellList * [title~=GLA] {
  filter: brightness(0) saturate(100%) invert(12%) sepia(84%) saturate(5405%) hue-rotate(279deg) brightness(80%) contrast(128%);
}

.k-grid .k-table-alt-row {
  background-color: #d2e3f2 !important;
}
.k-grid .k-table-alt-row .k-grid tbody > tr:not(.k-detail-row):hover {
  background-color: #d2e3f2;
}

.k-multiselect-wrap {
  border-width: 1px;
}

.k-chart text[fill="#8e8e8e"] {
  fill: #232323;
}

.diagnosis-style {
  background-color: #ecf0f5;
}

#wellTabs .panel-body > #container {
  background-color: white;
}
#wellTabs .row {
  padding-left: 0;
}

#recomendation .recommendationValues {
  background-color: yellow;
}

#stacked > div > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

#v-gapl-chart-rt .v-row.align-top-bottom {
  padding-top: 10px;
}

.highcharts-minor-grid-line, .highcharts-grid-line {
  stroke: #F2F2F2;
}

.v-overlay-container .v-toolbar {
  background-color: white;
}

/*# sourceMappingURL=PumpChecker.Light.css.map */