/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].oneOf[3].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[3]!./src/pages/dashboard/BinStatusPage/BinVisual.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.webGL-legend-scrollbar {
  width: 160px !important;
}
.bin-legend-header {
  top: 0;
}
.bin-legend-header .bin-select {
  margin-right: 10px;
}
.bin-legend-header > span {
  margin-right: 10px;
}
.notificationSection {
  font-weight: bold;
  color: red;
}
.warningNotificationPanel {
  background-color: #ffdfa3;
}
.criticalNotificationPanel {
  background-color: #f8b8b8;
}
.site-collapse-custom-panel .bin-temperature.selected {
  border: 2px solid yellow;
}
.webGL-legend {
  max-width: 220px;
  margin: 10px;
}
.webGL-legend > legend {
  margin-bottom: 0;
}
.webGL-legend .ant-tree {
  font-size: 12px;
}
.webGL-legend .ant-tree li {
  padding: 0;
}
.webGL-legend .ant-tree li span.ant-tree-switcher {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.webGL-legend .ant-tree li .ant-tree-node-content-wrapper {
  height: 20px;
  line-height: 16px;
}
.webGL-legend .ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: 100%;
}
.webGL-legend .ant-tree li ul {
  padding: 0 0 0 8px;
}
.webGL-legend .ant-tree-switcher {
  display: none;
}
.webGL-legend .color_square {
  border-radius: 4px;
  display: inline-block;
  margin: 0 5px;
  width: 15px;
  height: 12px;
}
.webGL-legend .color_square.open {
  background-color: white;
  border: solid 1px black;
}
.webGL-legend .color_square.closed {
  background-color: black;
}
.webGL-legend .tree-switch {
  margin-right: 5px;
}
#text {
  background-color: transparent;
  /* needed because webgl-tutoraisl.css sets canvas bg color to white */
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  display: none;
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].oneOf[2].use[2]!./src/pages/features/PremierPlus/table.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.highlight-machine-on {
    background-color: rgba(4, 32, 253, 0.2);
}

.highlight-machine-on > td.ant-table-column-sort {
    background-color: transparent;
}

.highlight-machine-off {
    background-color: rgba(253, 48, 4, 0.2);
}

.highlight-machine-off > td.ant-table-column-sort {
    background-color: transparent;
}


/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].oneOf[3].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[3]!./src/sideNav/SideNav.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.ant-menu .ant-menu-item,
.ant-menu .ant-menu-submenu {
  font-weight: bold;
}
.logo-container {
  overflow: hidden;
  padding-left: 2px;
  margin: 0px 4px 0px 4px;
}
.App-logo {
  height: 56px;
  padding: 5px;
}
.ant-layout-sider .ant-menu .ant-menu-item .anticon,
.ant-layout-sider .ant-menu .ant-menu-submenu .anticon {
  font-size: 20px;
  line-height: 40px;
  vertical-align: middle;
}
.ant-layout-sider .ant-menu .ant-menu-submenu .ant-menu-item {
  line-height: 25px;
  height: 25px;
}
.ant-layout-sider .ant-menu .ant-menu-submenu .ant-menu-item a {
  padding-left: 6px;
  font-weight: normal;
}
.ant-layout-sider-collapsed {
  /*text-align: center;*/
  min-width: 70px;
  max-width: 70px;
  width: 70px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ant-layout-sider-collapsed .ant-menu-inline-collapsed {
  width: 100%;
}
.ant-layout-sider-collapsed .ant-menu-item,
.ant-layout-sider-collapsed .ant-menu-submenu {
  text-overflow: clip;
}
.ant-layout-sider-collapsed .ant-menu-item .anticon,
.ant-layout-sider-collapsed .ant-menu-submenu .anticon {
  margin: 0;
}
.ant-layout-sider-collapsed .ant-menu-item span,
.ant-layout-sider-collapsed .ant-menu-submenu span {
  max-width: 0;
  display: inline-block;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  padding: 0 24px !important;
}
.ant-layout-sider .ant-menu.ant-menu-root.ant-menu-inline,
.ant-layout-sider .ant-menu.ant-menu-root.ant-menu-inline-collapsed {
  min-height: calc(100vh - 64px);
  padding-bottom: 10px;
}
@media (max-width: 767.98px) {
  .App-logo {
    height: 48px;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].oneOf[3].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[3]!./src/app/App.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
body {
  background-color: #f0f2f5;
  font-family: Helvetica;
}
.app-header {
  background: #fff;
  padding: 0;
  z-index: 10;
  -webkit-filter: drop-shadow(2px -5px 6px black);
          filter: drop-shadow(2px -5px 6px black);
}
#root > .ant-layout {
  min-height: calc(100vh - 64px);
}
.ant-layout-header {
  overflow: hidden;
}
.ant-layout-header .trigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 24px 0 16px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-layout-header .trigger:hover {
  color: #1890ff;
}
/*.ant-layout-header .logo {
    height: 32px;
    background: rgba(255,255,255,.2);
    margin: 16px;
}*/
.content-container {
  padding: 18px;
}
.content-head {
  padding: 16px 20px;
}
.content-head h2 {
  margin-bottom: 0;
}
.layout-fullscreen {
  height: 100vh;
}
.layout-fullscreen > .ant-layout-sider {
  overflow: hidden;
  -ms-flex: 0 0 240px;
      flex: 0 0 240px;
  max-width: 240px;
  min-width: 240px;
  width: 240px;
}
.layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children {
  -ms-flex-direction: column;
      flex-direction: column;
}
.layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children > .logo-container {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 240px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children > .logo-container > .logo-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 20px;
  font-family: fantasy;
  margin-left: 10px;
}
.layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children .scrollbar-sidenav {
  position: absolute !important;
  top: 64px !important;
  bottom: 0 !important;
  height: auto !important;
}
.layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children .ant-menu {
  -ms-flex: 1 1;
      flex: 1 1;
}
.layout-fullscreen > .ant-layout-sider.ant-layout-sider-collapsed > .ant-layout-sider-children > .logo-container {
  position: absolute;
  width: 55px;
}
.layout-fullscreen > .ant-layout > .ant-layout-header {
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.layout-fullscreen > .ant-layout > .ant-layout-header.nonadmin {
  position: absolute;
  left: 0px;
  right: 0;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
  padding: 0;
  z-index: 10;
}
.layout-fullscreen > .ant-layout > .ant-layout-header.nonadmin.public {
  text-align: center;
}
.layout-fullscreen > .ant-layout > .ant-layout-header.nonadmin .logo-container {
  margin: 0px 4px 0px 4px;
  padding-left: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 240px;
  display: -ms-flexbox;
  display: flex;
}
.layout-fullscreen > .ant-layout > .ant-layout-header.nonadmin .logo-container > .logo-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
  line-height: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  font-size: 20px;
  font-family: fantasy;
  margin-left: 10px;
}
.layout-fullscreen > .ant-layout .ant-layout-content.page-content {
  position: absolute;
  left: calc(195px + 18px);
  right: 18px;
  top: calc(64px + 18px);
  bottom: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.layout-fullscreen > .ant-layout .ant-layout-content.page-content-nonadmin {
  position: absolute;
  left: 18px;
  right: 18px;
  top: calc(64px + 18px);
  bottom: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.layout-fullscreen > .ant-layout-sider-collapsed + .ant-layout > .ant-layout-header {
  left: 0px;
}
.layout-fullscreen > .ant-layout-sider-collapsed + .ant-layout > .ant-layout-content {
  left: calc(70px + 18px);
}
.width-max-700 {
  max-width: 700px;
}
/*.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane {
    padding: 0 24px 24px;
}*/
.ant-breadcrumb {
  display: inline;
  margin: 16px 0;
  font-size: 20px !important;
}
.ant-breadcrumb .anticon {
  font-size: 20px !important;
}
.ant-breadcrumb-link > a .anticon {
  margin-right: 5px;
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  word-break: normal;
}
.ant-empty-image {
  display: none;
}
.no-margin {
  margin: 0;
}
.no-border {
  border: none !important;
  border-radius: 0 !important;
}
.no-click {
  cursor: default !important;
}
.no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.border-rounded {
  border-radius: 4px !important;
}
.height-full {
  height: 100%;
}
.height-full > .ant-spin-nested-loading {
  height: 100%;
}
.height-full > .ant-spin-nested-loading > .ant-spin-container {
  height: 100%;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  max-height: 300px;
  width: 100%;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1000;
}
.dropdown.relative .dropdown-content {
  position: relative;
}
.float-right,
.pull-right {
  float: right;
}
.float-left,
.pull-left {
  float: left;
}
.content-background {
  background-color: #fff;
}
.content-main {
  background-color: #fff;
  margin: 0;
  min-height: 280px;
  padding: 18px;
}
.content-pad {
  padding: 18px;
}
.content-pad.ant-layout-sider-collapsed {
  padding: 0;
}
.scroll-auto {
  overflow: auto;
}
.ant-spin-nested-loading > div > .ant-spin {
  max-height: none;
}
.ant-form-item:not(:last-child) {
  margin-bottom: 14px;
}
.ant-form-item:last-child {
  margin-bottom: 0;
}
.ant-form-item.no-margin {
  margin: 0;
}
.ant-form.no-margin .ant-form-item {
  margin: 0;
}
.ant-form legend {
  margin-bottom: 14px;
}
.ant-list-pad .ant-list-item {
  padding-left: 10px;
  padding-right: 10px;
}
.ant-list-clickable .ant-list-item:hover {
  background-color: #fff9f0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-list-clickable .ant-list-item.selected {
  background-color: #ffe8cc;
}
.content-pad-rows > .ant-row,
.content-pad-rows > .ant-row-flex {
  margin-top: 8px;
  margin-bottom: 8px;
}
.ant-btn-danger {
  background-color: #fff;
  border-color: #f5222d;
  color: #f5222d;
}
.ant-btn-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}
.button-group button:not(:last-child) {
  margin-right: 10px;
}
.ant-empty-normal {
  margin: 8px 0;
}
.ant-form.ant-form-horizontal.form-flex > .ant-row.ant-form-item,
.ant-form.ant-form-horizontal.form-flex > .ant-row > .ant-col > .ant-row.ant-form-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.ant-form.ant-form-horizontal.form-flex > .ant-row.ant-form-item > .ant-form-item-label,
.ant-form.ant-form-horizontal.form-flex > .ant-row > .ant-col > .ant-row.ant-form-item > .ant-form-item-label {
  margin-right: 5px;
}
.ant-form.ant-form-horizontal.form-flex > .ant-row.ant-form-item > .ant-form-item-control-wrapper,
.ant-form.ant-form-horizontal.form-flex > .ant-row > .ant-col > .ant-row.ant-form-item > .ant-form-item-control-wrapper {
  -ms-flex: 1 1;
      flex: 1 1;
  margin-left: 5px;
}
.ant-form.ant-form-inline.form-flex {
  display: -ms-flexbox;
  display: flex;
}
.ant-form.ant-form-inline.form-flex > .ant-row.ant-form-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
}
.ant-form.ant-form-inline.form-flex > .ant-row.ant-form-item > .ant-form-item-label > label {
  padding-left: 10px;
}
.ant-form.ant-form-inline.form-flex > .ant-row.ant-form-item > .ant-form-item-control-wrapper {
  -ms-flex: 1 1;
      flex: 1 1;
  margin-left: 5px;
}
.ant-form.label-80 > .ant-form-item > .ant-form-item-label,
.ant-form.label-80 > .ant-row > .ant-col > .ant-form-item > .ant-form-item-label {
  width: 80px;
}
.ant-form.label-100 > .ant-form-item > .ant-form-item-label,
.ant-form.label-100 > .ant-row > .ant-col > .ant-form-item > .ant-form-item-label {
  width: 100px;
}
.ant-form.label-120 > .ant-form-item > .ant-form-item-label,
.ant-form.label-120 > .ant-row > .ant-col > .ant-form-item > .ant-form-item-label {
  width: 120px;
}
.ant-form.label-140 > .ant-form-item > .ant-form-item-label,
.ant-form.label-140 > .ant-row > .ant-col > .ant-form-item > .ant-form-item-label {
  width: 140px;
}
.ant-form.label-160 > .ant-form-item > .ant-form-item-label,
.ant-form.label-160 > .ant-row > .ant-col > .ant-form-item > .ant-form-item-label {
  width: 160px;
}
.ant-form.max-400 {
  max-width: 400px;
}
.ant-form.max-800 {
  max-width: 800px;
}
.ant-form.max-1000 {
  max-width: 1000px;
}
.ant-form.max-1200 {
  max-width: 1200px;
}
.ant-form.max-1600 {
  max-width: 1600px;
}
.ant-form-inline .ant-form-item {
  margin-right: 0;
}
.ant-form-item.flex-row > .ant-form-item-control-wrapper {
  -ms-flex: 1 1;
      flex: 1 1;
}
.ant-row.ant-form-item .ant-form-item-control-wrapper.flex-row .ant-form-item-children,
.ant-form-inline .ant-form-item.flex-row,
.flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.ant-row.ant-form-item .ant-form-item-control-wrapper.flex-row .ant-form-item-control,
.ant-row.ant-form-item .ant-form-item-control-wrapper.flex-row .ant-form-item-children > .flex,
.flex-row > .flex {
  -ms-flex: 1 1;
      flex: 1 1;
}
.ant-row.ant-form-item .ant-form-item-control-wrapper.flex-row .ant-form-item-children > *,
.flex-row > * {
  margin: 0 5px;
}
.ant-row.ant-form-item .ant-form-item-control-wrapper.flex-row .ant-form-item-children > *:first-child,
.flex-row > *:first-child {
  margin-left: 0;
}
.ant-row.ant-form-item .ant-form-item-control-wrapper.flex-row .ant-form-item-children > *:last-child,
.flex-row > *:last-child {
  margin-right: 0;
}
.ant-row.ant-form-item .ant-form-item-control-wrapper.flex-row .ant-form-item-children > *,
.flex-row > .ant-btn.ant-btn-sm {
  margin: 0 2px;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pad-children > *:not(:last-child) {
  margin: 0 5px 0 0;
}
.space-evenly {
  -ms-flex-pack: center;
      justify-content: center;
}
.form-label {
  line-height: 32px;
}
.form-label-md {
  width: 150px;
}
.highlight {
  color: #f50;
}
.app-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: #EFEFEF44;
}
.app-spinner .ant-spin {
  position: absolute;
  top: calc(50% - 29px);
  left: calc(50% - 29px);
}
.ant-select-dropdown-menu-item .option-right {
  position: absolute;
  color: #999;
  right: 16px;
}
/* use css to set position of modal */
.vertical-center-modal {
  text-align: center;
  white-space: nowrap;
}
.vertical-center-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.vertical-center-modal .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}
/*
// Use flex which not working in IE
.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vertical-center-modal .ant-modal {
  top: 0;
}
*/
.ant-table-placeholder {
  z-index: auto;
}
.ant-table.ant-table-small .ant-table-placeholder {
  padding: 8px;
}
.ant-table-wrapper.compact .ant-table-middle th {
  padding: 8px !important;
}
.ant-table-wrapper.compact .ant-table-middle td {
  padding: 6px 4px !important;
}
.hide-expand .ant-table-row-expand-icon {
  visibility: hidden;
}
.ant-table tbody tr th {
  padding: 8px;
}
.ant-table .ant-table-full-width-header .ant-table-header-column {
  width: 100%;
}
.ant-table-expanded-row .ant-table-thead > tr > th {
  background: none;
}
.ant-table-thead > tr.ant-table-row-hover > td,
.ant-table-tbody > tr.ant-table-row-hover > td {
  background: none;
}
.ant-table-wrapper .ant-form-item-control {
  line-height: inherit;
}
.ant-table-scroll .ant-table-body {
  overflow-x: auto !important;
}
table.headers-align-right th {
  text-align: right;
}
.ant-table-filter-dropdown {
  min-width: 0;
  text-align: center;
}
tr.editable-row td {
  -webkit-transition: none;
  transition: none;
}
#body input[type=number]::-webkit-outer-spin-button,
#body input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#body input[type=number] {
  -moz-appearance: textfield;
}
#body div.short,
#body .ant-input.short,
#body .ant-input-number.short,
#body .ant-input-group-wrapper.short {
  max-width: 130px;
}
.ant-input.right input,
.ant-input-number.right input {
  text-align: right;
}
.ant-divider.ant-divider-horizontal.thin {
  margin-top: 3px;
  margin-bottom: 3px;
}
.lineDetail tr th {
  font-weight: 600;
}
.lineDetail.even {
  background-color: rgba(0, 0, 0, 0.01);
}
.lineDetail.odd {
  background-color: rgba(0, 0, 0, 0.04);
}
.lineDetail .ant-table-tbody > tr:hover > td {
  background-color: unset;
}
.lineDetail:hover {
  border-color: #a7a7a7 !important;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.table-row-icon {
  font-size: 24px;
}
.nested-table {
  /*td.editable-cell {
        padding: 0 !important;

        .ant-input-number {
            width: 100% !important;
        }

        .ant-input-number-input {
            width: 100%;
        }
    }*/
}
.nested-table tr.ant-table-expanded-row {
  background: none;
}
.nested-table .ant-table-expand-icon-th,
.nested-table .ant-table-row-expand-icon-cell {
  padding: 0 3px 0 5px !important;
  min-width: 17px !important;
  width: 17px !important;
}
.nested-table .ant-table-thead > tr > th {
  background-color: rgba(0, 0, 0, 0.02);
}
.nested-table col.stripe-column {
  background-color: #f4fbff !important;
}
.nested-table :not(.even) > td.stripe-column {
  background-color: #f4fbff !important;
}
.nested-table:not(.striped) .ant-table-expanded-row .ant-table-expanded-row > td,
.nested-table:not(.striped) .ant-table-expanded-row .ant-table-expanded-row .ant-table-expanded-row .ant-table-expanded-row > td {
  background-color: #ffffff;
}
.nested-table:not(.striped) .ant-table-expanded-row .ant-table-expanded-row > td:first-child,
.nested-table:not(.striped) .ant-table-expanded-row .ant-table-expanded-row .ant-table-expanded-row .ant-table-expanded-row > td:first-child {
  background-color: #f9f9f9;
}
.nested-table:not(.striped) .ant-table-expanded-row > td,
.nested-table:not(.striped) .ant-table-expanded-row .ant-table-expanded-row .ant-table-expanded-row > td {
  background-color: #f9f9f9;
}
.nested-table:not(.striped) .ant-table-expanded-row > td:first-child,
.nested-table:not(.striped) .ant-table-expanded-row .ant-table-expanded-row .ant-table-expanded-row > td:first-child {
  background-color: #ffffff;
}
.nested-table .even > td {
  background-color: rgba(0, 0, 0, 0.06);
}
.nested-table .even > td.stripe-column {
  background-color: #e6ecf0 !important;
}
.nested-table .nested-details td {
  background-color: #f4fbff;
}
.nested-table tr.ant-table-expanded-row .ant-table-wrapper {
  margin: 0 !important;
}
.nested-table .ant-table-expanded-row > td:last-child,
.nested-table .ant-table-expanded-row > td:first-child {
  padding: 0 !important;
}
.nested-table .ant-table-expanded-row > td:last-child .ant-table-thead th {
  border-bottom: 1px solid #e9e9e9;
}
.nested-table .ant-table-bordered .ant-table-body > table table {
  border: none;
}
.nested-table .ant-table-bordered .ant-table-body > table table tr:last-child > td {
  border-bottom: none;
}
.nested-table .ant-table-bordered .ant-table-body > table table tr > td:last-child,
.nested-table .ant-table-bordered .ant-table-body > table table tr > th:last-child {
  border-right: none;
}
.ant-tag {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.modal-selection.ant-select-dropdown {
  position: static;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-selection.ant-select-dropdown .ant-select-dropdown-menu {
  max-height: none;
}
.modal-body-scroll .ant-modal-body {
  overflow-y: scroll;
  min-height: 280px;
  max-height: 75vh;
}
.ant-time-picker-panel-input {
  width: 100%;
}
.quantityWithUofM {
  color: unset;
  text-align: right;
}
.quantityWithUofM .ant-input-disabled {
  color: unset;
}
.quantityWithUofM input {
  color: unset;
  text-align: right;
  min-width: 75px;
}
.visibleDisabled {
  color: unset !important;
}
.visibleDisabled,
.ant-input[disabled],
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.6) !important;
}
.visibleDisabled input {
  color: rgba(0, 0, 0, 0.6) !important;
}
.ant-checkbox-disabled + span {
  color: unset !important;
}
.inputWrapper {
  margin: 0;
  padding: 0;
}
.inputWrapper .ant-form-item-control {
  line-height: 1.5;
}
.pointer {
  cursor: pointer;
}
.floatingAffix {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 3px 8px;
  border-radius: 2px;
  height: 30px;
}
.helpText {
  font-size: 0.9em;
  color: gray;
}
.locker {
  display: inline-block;
}
.locker > *:not(:first-child) {
  margin-left: 15px;
  vertical-align: bottom;
}
.danger-text {
  color: red;
}
.min-width-100 {
  min-width: 100px;
}
.max-width-100 {
  max-width: 100px;
}
.min-width-150 {
  min-width: 150px;
}
.max-width-150 {
  max-width: 150px;
}
.menu-buttons {
  float: right;
  margin-right: 6px;
}
.budget-summary .ant-table {
  font-size: 12px;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-align: left;
}
::-moz-placeholder {
  /* Firefox 19+ */
  text-align: left;
}
:-ms-input-placeholder {
  /* IE 10+ */
  text-align: left;
}
:-moz-placeholder {
  /* Firefox 18- */
  text-align: left;
}
.dashboard {
  background: white;
  display: grid;
}
.dashboard .bin-visual {
  height: 100%;
}
.dashboard .bin-list .ant-list-item {
  cursor: pointer;
}
.admin {
  background: white;
}
.admin > * {
  padding: 16px;
}
.bin-visual #player {
  overflow: hidden;
}
.bin-visual .bin-temperature {
  background-color: black;
  color: white;
  padding: 2px 5px;
  border-radius: 5px;
  opacity: 0.7;
  pointer-events: none !important;
}
@media (max-width: 575.98px) {
  /*.page-container {
        padding: 0 6px 6px;
    }

    .tab-page-container {
        padding: 0 6px;
    }

    .ant-breadcrumb {
        margin: 6px 0;
    } */
  .dashboard {
    background: white;
    display: grid;
    width: 100%;
  }
  .dashboard > * {
    padding: 16px;
  }
  .dashboard .bin-visual {
    height: 100%;
  }
  .dashboard .bin-list .ant-list-item {
    cursor: pointer;
  }
  .dashboard-details {
    background: white;
  }
  .dashboard-details > * {
    padding: 16px;
  }
  .dashboard-details .bin-visual {
    height: 100%;
  }
  .dashboard-details .bin-list .ant-list-item {
    cursor: pointer;
  }
}
@media (min-width: 576px) {
  /* .page-container {
        padding: 0 12px 12px;
    }

    .tab-page-container {
        padding: 0 12px;
    }

    .ant-breadcrumb {
        margin: 10px 0;
    }
    */
  .dashboard {
    background: white;
    width: 100%;
    display: grid;
  }
  .dashboard > * {
    padding: 16px;
  }
  .dashboard .bin-visual {
    height: 100%;
  }
  .dashboard .bin-list .ant-list-item {
    cursor: pointer;
  }
  .dashboard-details {
    background: white;
    width: 100%;
  }
  .dashboard-details > * {
    padding: 16px;
  }
  .dashboard-details .bin-visual {
    height: 100%;
  }
  .dashboard-details .bin-list .ant-list-item {
    cursor: pointer;
  }
}
@media (min-width: 768px) {
  .dashboard {
    background: white;
    display: grid;
  }
  .dashboard > * {
    padding: 16px;
  }
  .dashboard .bin-visual {
    height: 100%;
  }
  .dashboard .bin-list .ant-list-item {
    cursor: pointer;
  }
  .dashboard-details {
    background: white;
  }
  .dashboard-details > * {
    padding: 16px;
  }
  .dashboard-details .bin-visual {
    height: 100%;
  }
  .dashboard-details .bin-list .ant-list-item {
    cursor: pointer;
  }
}
@media (min-width: 992px) {
  .dashboard {
    background: white;
    display: grid;
  }
  .dashboard > * {
    padding: 16px;
  }
  .dashboard .bin-visual {
    height: 100%;
  }
  .dashboard .bin-list .ant-list-item {
    cursor: pointer;
  }
  .dashboard-details {
    background: white;
  }
  .dashboard-details > * {
    padding: 16px;
  }
  .dashboard-details .bin-visual {
    height: 100%;
  }
  .dashboard-details .bin-list .ant-list-item {
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  .dashboard {
    background: white;
    display: grid;
  }
  .dashboard > * {
    padding: 16px;
  }
  .dashboard .bin-visual {
    -ms-flex-positive: 4;
        flex-grow: 4;
    overflow: auto;
  }
  .dashboard .bin-list .ant-list-item {
    cursor: pointer;
  }
  .dashboard-details {
    background: white;
  }
  .dashboard-details > * {
    padding: 16px;
  }
  .dashboard-details .ant-row {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .dashboard-details .bin-visual {
    height: 100%;
  }
  .dashboard-details .bin-list .ant-list-item {
    cursor: pointer;
  }
}
@media (max-width: 767.98px) {
  .content-main,
  .content-pad {
    padding: 12px;
  }
  .content-head {
    padding: 12px 15px;
  }
  .content-container {
    padding: 12px;
  }
  .ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane {
    padding: 0 12px 12px;
  }
  .ant-layout-header {
    height: 48px;
    line-height: 48px;
  }
  .ant-layout-header .trigger {
    line-height: 48px;
  }
  .ant-breadcrumb {
    margin: 10px 0;
  }
  .ant-layout-sider.ant-layout-sider-collapsed {
    min-width: 0 !important;
    max-width: 0 !important;
    width: 0 !important;
    -ms-flex: 0 1 !important;
        flex: 0 1 !important;
  }
  .ant-layout-sider.ant-layout-sider-collapsed li.ant-menu-item,
  .ant-layout-sider.ant-layout-sider-collapsed li.ant-menu-submenu {
    display: none;
  }
  .ant-modal {
    width: 95% !important;
  }
  .ant-modal-body {
    padding: 5px;
  }
  .layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children > .logo-container {
    width: 240px;
  }
  .layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children .scrollbar-sidenav {
    top: 48px !important;
  }
  .layout-fullscreen > .ant-layout-sider > .ant-layout-sider-children > .ant-menu {
    top: 48px;
  }
  .layout-fullscreen > .ant-layout > .ant-layout-header {
    left: 0px;
  }
  .layout-fullscreen > .ant-layout > .ant-layout-content.page-content {
    left: calc(195px + 12px);
    right: 12px;
    top: calc(48px + 12px);
    bottom: 12px;
  }
  .layout-fullscreen > .ant-layout > .ant-layout-content.page-content > .ant-layout.content-container > .ant-layout-content,
  .layout-fullscreen > .ant-layout > .ant-layout-content.page-content > .ant-layout.content-container > .ant-spin-nested-loading > .ant-spin-container > .ant-layout-content {
    max-height: calc(100vh - 105px + 17px + 10px);
  }
  .layout-fullscreen > .ant-layout-sider-collapsed + .ant-layout > .ant-layout-header {
    left: 0;
  }
  .layout-fullscreen > .ant-layout-sider-collapsed + .ant-layout > .ant-layout-content {
    left: 12px;
  }
}
@media (max-width: 605px) {
  .content-main,
  .content-pad {
    padding: 6px;
  }
  .content-head {
    padding: 6px 8px;
  }
  .content-container {
    padding: 12px 6px 6px 6px;
  }
  .ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane {
    padding: 0 6px 6px;
  }
  .ant-breadcrumb {
    margin: 6px 0;
  }
}
.logViewContent {
  padding: 4px;
  background-color: #f0f0f0;
  white-space: pre;
  font-family: monospace;
  overflow: auto;
  max-height: 60ch;
  max-width: 200ch;
}
.legend-item {
  min-width: 200px;
}
.legend-cable-title {
  min-width: 128px;
}
.chart-range-picker .ant-picker-panels > *:first-child button.ant-picker-header-next-btn {
  visibility: visible !important;
}
.chart-range-picker .ant-picker-panels > *:first-child button.ant-picker-header-super-next-btn {
  visibility: visible !important;
}
.chart-range-picker .ant-picker-panels > *:last-child {
  display: none !important;
}
.chart-range-picker .ant-picker-footer-extra > div {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.ant-segmented-item .ant-segmented-item-selected {
  background-color: blue;
  color: white;
}
.mode-control-button {
  max-width: 116px !important;
  min-width: 80px !important;
  text-align: center !important;
  height: auto !important;
  white-space: normal !important;
}
.mode-control-button:hover {
  background-color: #00236612;
}
:root {
  --fill-color: rgba(0, 0, 0, 0.75);
}
.valve {
  text-align: center;
  border: 1px solid black;
  min-height: 38px;
  min-width: 38px;
  max-width: 38px;
  max-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.valveSelected {
  background-color: lightskyblue;
}
.valveFailed {
  border: 3px solid red;
}
.stackArrowFailed {
  border: 2px solid red !important;
}
.layerArrowFailed {
  border: 2px solid red !important;
}
.table-pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.column-pagination {
  background-color: lightgreen;
}
.middle-pagination {
  /* background-color: burlywood; */
  width: 100%;
}
.row-pagination {
  /* background-color: lightgoldenrodyellow; */
  min-width: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.valveDisabled {
  pointer-events: 'none';
  cursor: not-allowed;
  background-color: #F5F5F5;
}
.Closed {
  -webkit-box-shadow: inset 0px 4px 0px 0px var(--fill-color), inset 4px 0px 0px 0px var(--fill-color), inset -4px 0px 0px 0px var(--fill-color);
          box-shadow: inset 0px 4px 0px 0px var(--fill-color), inset 4px 0px 0px 0px var(--fill-color), inset -4px 0px 0px 0px var(--fill-color);
}
.Flow {
  -webkit-box-shadow: inset 4px 0px 0px 0px var(--fill-color), inset -4px 0px 0px 0px var(--fill-color);
          box-shadow: inset 4px 0px 0px 0px var(--fill-color), inset -4px 0px 0px 0px var(--fill-color);
}
.Exhaust {
  -webkit-box-shadow: inset 0px 0px 0px 0px var(--fill-color);
          box-shadow: inset 0px 0px 0px 0px var(--fill-color);
}
.Vent {
  -webkit-box-shadow: inset 0px 4px 0px 0px var(--fill-color), inset 0px 0px 0px 0px var(--fill-color), inset 0px 0px 0px 0px var(--fill-color);
          box-shadow: inset 0px 4px 0px 0px var(--fill-color), inset 0px 0px 0px 0px var(--fill-color), inset 0px 0px 0px 0px var(--fill-color);
}
/* React Player responsive */
.player-wrapper {
  position: relative;
  padding-top: 75%;
  /* Player ratio: 100 / (640 / 480) */
}
.react-player {
  position: absolute;
  top: 0;
  left: 0;
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].oneOf[2].use[2]!./src/pages/features/Premier/table.css ***!
  \*************************************************************************************************************************************************************************************************************/
.highlight-machine-on {
    background-color: rgba(4, 32, 253, 0.2);
}

.highlight-machine-on > td.ant-table-column-sort {
    background-color: transparent;
}

.highlight-machine-off {
    background-color: rgba(253, 48, 4, 0.2);
}

.highlight-machine-off > td.ant-table-column-sort {
    background-color: transparent;
}


/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[1]!./node_modules/postcss-loader/src/index.js??ruleSet[1].rules[1].oneOf[3].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[3].use[3]!./src/index.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.ant-select-dropdown:not(.ant-select-dropdown-hidden) .rc-virtual-list-scrollbar {
  display: block !important;
  /* important to overwrite inline style display: none */
}
#body {
  margin: 0;
}
#body .ant-modal-mask {
  background-color: #B2B2B2;
  background-color: rgba(0, 0, 0, 0.3);
}
#body .hidden {
  display: none;
}
#body .ant-input-number {
  width: 100%;
}
#body .right-align {
  text-align: right;
}
#body .right-align .ant-input-number-input {
  text-align: right;
}
#body .flex-grow {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
#body .ant-input-number-input[disabled] {
  color: rgba(0, 0, 0, 0.65);
}
#body .command-bar {
  margin-top: 1px;
}
#body .command-bar button,
#body .command-bar input {
  margin: 4px;
}
#body .command-bar button:last-child,
#body .command-bar input:last-child {
  margin-right: 5px;
}
#body .command-bar button:first-child,
#body .command-bar input:first-child {
  margin-left: 5px;
}
/*
Copied to match the table header color
*/
.ant-table-summary {
  background-color: #fafafa;
}
/*
Antd doesn't seen keen on on fixing gutters having unnecessary scrollars
https://github.com/ant-design/ant-design/issues/10144#issuecomment-1252424608
*/
.ant-row-flex,
.ant-row {
  margin: 0 !important;
}


/*# sourceMappingURL=main.d472f390.css.map*/