@charset "UTF-8";._root_6riwo_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #002031;
}

._container_6riwo_10 {
  background: #002031;
  height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 40px;
  padding-bottom: 200px;
  color: white;
}

._boxContent_6riwo_22 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

._title_6riwo_29 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 115%; /* 62.1px */
  text-transform: uppercase;
}

._txtContent_6riwo_38 {
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 115%; /* 23px */
  margin-top: 30px;
}

._btnAdmin_6riwo_47 {
  margin-top: 20px;
  height: 30px;
  width: 130px;
}
._root_1xafi_2 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #002031;
}

._container_header_1xafi_11 {
  background: #002031;
  width: 457px;
  height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}

._txt404Error_1xafi_20 {
  color: #fff;
  text-align: center;
  font-size: 54px;
  font-weight: 600;
  line-height: 115%; /* 62.1px */
  text-transform: uppercase;
}

._txtNotFound_1xafi_29 {
  color: #fff;
  text-align: center;
  margin-top: 35px;
  font-size: 54px;
  font-weight: 600;
  line-height: 115%; /* 62.1px */
  text-transform: uppercase;
}

._txtContent_1xafi_39 {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
  line-height: 115%; /* 23px */
}

._btnBack_1xafi_48 {
  height: 40px;
  margin-top: 31px;
  display: flex;
  width: 203px;
  padding: 12px 32px;
  justify-content: center;
  align-items: center;
}

/* CSS cho màn hình lớn hơn hoặc bằng 768px */
@media (min-width: 768px) {
  ._content_1xafi_60 {
    display: flex;
    flex-direction: row;
  }
  ._content_1xafi_60 img {
    max-width: 311px;
  }
}
/* CSS cho màn hình nhỏ hơn 768px */
@media (max-width: 767px) {
  ._content_1xafi_60 {
    display: flex;
    flex-direction: column;
  }
  ._content_1xafi_60 img {
    max-width: 100%; /* Để ảnh tự co lại cho phù hợp với màn hình */
  }
}._root_chd08_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #002031;
}

._container_chd08_10 {
  background: #002031;
  height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 40px;
  padding-bottom: 200px;
  color: white;
}

._boxContent_chd08_22 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

._title_chd08_29 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 115%; /* 62.1px */
  text-transform: uppercase;
}

._txtContent_chd08_38 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 115%; /* 23px */
}

@keyframes _rotate_chd08_1 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  75% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
._boxContent_chd08_22 svg {
  animation: _rotate_chd08_1 2s infinite;
}._root_1xsb5_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #002031;
}

._container_1xsb5_10 {
  background: #002031;
  height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 40px;
  padding-bottom: 200px;
  color: white;
}

._boxContent_1xsb5_22 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

._title_1xsb5_29 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 115%; /* 62.1px */
  text-transform: uppercase;
}

._txtContent_1xsb5_38 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 115%; /* 23px */
}.circle-item {
  cursor: pointer;
  fill: #04161d;
}
.circle-item .border {
  stroke: white;
}
.circle-item .hover-border {
  opacity: 0;
}
.circle-item .text,
.circle-item,
.circle-item .hover-border {
  transition: 0.15s all ease-in-out;
}
.circle-item:hover .text {
  fill: white;
  opacity: 1;
}
.circle-item:hover .hover-border {
  opacity: 1;
}
.circle-item.disabled .text path {
  fill: rgba(255, 255, 255, 0.5);
}
.circle-item.disabled .text .lighter path {
  fill: rgba(255, 255, 255, 0.8);
}
.circle-item.disabled .hover-border {
  display: none;
}
._label_6dca0_1 {
  z-index: 1;
  left: 16px;
  top: -4px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  pointer-events: none;
}
._label_6dca0_1[class~=MuiInputLabel-shrink] {
  top: 8px;
  pointer-events: auto;
}

._mapMode_6dca0_15 {
  min-width: unset;
  margin: 0;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
}
._mapMode_6dca0_15 [class~=MuiFormControl-root] {
  background: transparent;
}

._errors_6dca0_24 [class~=MuiFormControl-root] {
  background-color: #fff2f2;
}
._errors_6dca0_24 [class~=MuiFormLabel-root] {
  color: #ed2121;
  font-weight: 600;
}._btnConfiguration_yi6rc_1 {
  height: 26px;
  width: 100%;
}

._txtApplyConfiguration_yi6rc_6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}

._rootMk2Modal_yi6rc_12 {
  height: 263px;
  width: 450px;
  padding: 34px 42px;
}

._txtImportMk2_yi6rc_18 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}

._txtContentImport_yi6rc_24 {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #5c5c5c;
}

._btnDownload_yi6rc_31 {
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
  justify-content: start;
  margin-top: 10px;
  width: 150px;
}
._btnDownload_yi6rc_31:hover {
  background-color: transparent;
}._root_1yjvb_1 {
  background: transparent;
  border-radius: 5px;
  cursor: pointer;
  width: 439px;
  height: 44px;
}
._root_1yjvb_1:hover {
  background: transparent;
}

._disabled_1yjvb_12 {
  cursor: not-allowed;
}

._icon_1yjvb_16 {
  margin-top: 69px;
  margin-bottom: 14px;
  color: #004744;
  width: 48px;
  height: 48px;
}

._title_1yjvb_24 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._subTitle_1yjvb_33 {
  font-weight: 400;
  font-size: 12px;
  line-height: 115%;
  text-align: center;
  color: #000000;
}._headEr_ocb3d_1 {
  display: flex;
  align-items: center;
}

._txtPos_ocb3d_6 {
  margin-right: 16px;
}

._txtBox_ocb3d_10 {
  background-color: #f8285a;
  border: 1px solid #ed2121;
  height: 34px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: #fff;
  padding: 0 8px;
  cursor: pointer;
  font-size: 12px;
}

._txtCount_ocb3d_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c73636;
  border-radius: 8px;
  min-width: 15px;
  height: 15px;
  z-index: 1;
  right: 0px;
  margin-left: -15px !important;
  margin-top: -4px !important;
}._wrapper_1xkku_1 {
  flex-grow: 1;
  overflow: hidden;
  height: 100%;
}

._content_1xkku_7 {
  flex-grow: 1;
}

._txtPos_1xkku_11 {
  position: fixed;
  bottom: 11px;
}

._txtBox_1xkku_16 {
  background-color: transparent;
  border: 1px solid #ed2121;
  min-width: 83px;
  height: 34px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: #ed2121;
  padding: 0 8px;
  cursor: pointer;
}

._txtErTable_1xkku_30 ._txtBox_1xkku_16 {
  background-color: rgba(4, 71, 68, 0.08);
  border: 0;
  border-radius: 4px;
  width: 140px;
  height: 34px;
}
._txtErTable_1xkku_30 ._txtBox_1xkku_16 button {
  font-size: 12px;
}
._txtErTable_1xkku_30 ._txtBox_1xkku_16 button > div {
  left: -2px;
}

._txtSoilHead_1xkku_44 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_1xkku_51 {
  padding-left: 33px;
}._wrapperModal_1gvwd_1 {
  width: 100%;
  border-radius: 25px;
}

._header_1gvwd_6 {
  flex-direction: row;
  justify-content: space-between;
  column-gap: 16px;
  align-items: center;
  padding: 10px 24px;
  position: relative;
  background-color: rgba(0, 32, 49, 0.8);
  min-height: 51px;
  border-bottom: 1px solid #d7d7d7;
}

._headerTitle_1gvwd_18 {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  justify-content: center;
  text-transform: uppercase;
}

._txtBox_1gvwd_26 {
  background-color: transparent;
  min-width: 83px;
  height: 24px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  color: #fff;
  padding: 0 8px;
  cursor: pointer;
}

._body_1gvwd_39 {
  flex-direction: column;
  flex-grow: 1;
}

._bodyError_1gvwd_44 {
  height: 250px;
}

._headerBody_1gvwd_48 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 24px 37px;
}
._headerBody_1gvwd_48 ._item_1gvwd_55 {
  display: flex;
  width: 110px;
}

._closeIcon_1gvwd_60 {
  cursor: pointer;
  color: #999999;
}

._editBtn_1gvwd_65 {
  color: #004744;
  width: 120px;
}

._contentChart_1gvwd_70 {
  height: 100%;
  padding: 10px 8px 10px 21px;
}

._root_1gvwd_75 [class~=MuiPaper-root] {
  border: 1px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-top: 5px;
}

._boxSpan_1gvwd_82 {
  padding: 10px;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._active_1gvwd_90 {
  color: #f15b2a;
}

._titleSpan_1gvwd_94 {
  font-size: 13px;
  cursor: pointer;
}
._titleSpan_1gvwd_94:hover {
  color: #f15b2a;
}

._content_1gvwd_70 {
  padding: 10px 8px 10px 21px;
  min-height: 80%;
  width: 100%;
}

._checkBoxIcon_1gvwd_108 {
  background-color: #004744;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

._footer_1gvwd_121 {
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  padding: 20px;
}
._footer_1gvwd_121 ._footerItem_1gvwd_127 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._footer_1gvwd_121 ._footerItem_1gvwd_127 svg {
  cursor: pointer;
}
._footer_1gvwd_121 ._title_1gvwd_94 {
  font-weight: 600;
  color: #000000;
}
._footer_1gvwd_121 ._RectangleItem_1gvwd_139 {
  width: 32px;
  height: 4px;
  background: #2c9e9e;
  border-radius: 1px;
}
._footer_1gvwd_121 ._RectangleItemSecond_1gvwd_145 {
  width: 32px;
  height: 4px;
  background: #41a1e7;
  border-radius: 1px;
}
._footer_1gvwd_121 ._RectangleItemFinal_1gvwd_151 {
  width: 32px;
  height: 4px;
  background: #9391ea;
  border-radius: 1px;
}._btnNotification_1ersb_1 {
  gap: 10px;
  border-radius: 100px;
  min-width: 20px !important;
  height: 35px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  cursor: pointer;
}

._menuNotificationWrapper_1ersb_10 [class~=MuiPaper-root] {
  width: 487px;
  height: 550px;
  overflow: hidden;
  border-radius: 15px;
  background: rgba(39, 39, 39, 0.9);
  backdrop-filter: blur(10px);
  margin-top: 5px;
}
._menuNotificationWrapper_1ersb_10 [class~=MuiList-root] {
  display: flex;
  height: 100%;
  padding-top: 0px !important;
}._root_1jpnu_1 {
  flex-grow: 1;
  margin-left: 15px;
  overflow-y: auto;
}

._boxAlerts_1jpnu_7 {
  height: 100%;
  display: flex;
  padding: 20px;
  align-items: flex-start;
  gap: 10px;
}

._groupIcon_1jpnu_15 {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 100px;
  background: rgba(217, 217, 217, 0.1);
}

._txtNotification_1jpnu_27 {
  color: #efefef;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

._txtDate_1jpnu_34 {
  color: #d8d8d8;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}._root_1vnje_1 {
  flex-grow: 1;
  height: 100%;
  padding: 0px;
}

._customLoading_1vnje_7 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

._infiniteScroll_1vnje_14 {
  overflow-y: scroll;
}
._infiniteScroll_1vnje_14::-webkit-scrollbar {
  width: 8px;
}
._infiniteScroll_1vnje_14::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  height: 100px;
}

._section_alerts_1vnje_26 {
  width: 487px;
  padding: 16px 24px;
  align-items: center;
  background: linear-gradient(91deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.06) 101.62%);
}

._txtSeeAll_1vnje_33 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%; /* 12px */
}

._txtAlerts_1vnje_40 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._section_body_1vnje_48 {
  flex-grow: 1;
  height: 100%;
}

._txtViewAll_1vnje_53 {
  color: #dcdcdc;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 115%; /* 16.1px */
}

._tabAll_1vnje_61 {
  flex-grow: 1;
  padding: 0px !important;
  margin-top: 8px;
}._section_alert_1js9e_1 {
  height: 40px;
  border-bottom: 1px solid #d7d7d7;
  padding: 9px 8px;
}

._txtAlert_1js9e_7 {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 115%; /* 18.4px */
}

._groupAlert_1js9e_14 {
  padding: 20px;
  height: 360px;
}

._circularProgress_1js9e_19 {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}

._enableEmail_1js9e_26 {
  border-radius: 6px;
  background: rgba(4, 71, 68, 0.08);
  display: flex;
  padding: 14px 8px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  height: 35px;
}

._txtEmailNotification_1js9e_37 {
  font-size: 14px;
  font-weight: 400;
  line-height: 115%; /* 16.1px */
}

._txtSendEmail_1js9e_43 {
  margin-top: 5px;
  color: #747474;
  font-size: 12px;
  font-weight: 400;
  line-height: 125%; /* 15px */
}

._txtAlertType_1js9e_51 {
  font-size: 16px;
  font-weight: 600;
  line-height: 115%; /* 18.4px */
  margin-top: 15px;
}

._groupSelectAlerts_1js9e_58 {
  margin-top: 12px;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  background: rgba(123, 123, 123, 0.05);
}

._btnCancel_1js9e_65 {
  min-width: 0;
  width: 59px;
  border-radius: 4px;
  display: flex;
  width: 99px;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  text-align: center;
  /* Btns,Link/Btn S */
  font-size: 14px;
  font-weight: 500;
  line-height: 14px; /* 100% */
  letter-spacing: 0.28px;
}

._btnSave_1js9e_82 {
  display: flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px; /* 100% */
  letter-spacing: 0.28px;
  width: 98px;
}
._isSetup_lpy1p_2 [class~=select-label__dashboard] {
  width: auto;
}
._isSetup_lpy1p_2 [class~=select-label__dashboard] [class~=MuiSvgIcon-root] {
  width: 16px;
  height: 16px;
}
._isSetup_lpy1p_2 ._value_lpy1p_9 {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
}

@media screen and (width: 768px) and (height: 1024px) {
  [class~=select-label__dashboard] {
    width: 70px !important;
    min-width: 70px !important;
  }
}
/* Media query cho màn hình 820x1180 */
@media screen and (width: 820px) and (height: 1180px) {
  [class~=select-label__dashboard] {
    width: 180px !important;
    min-width: 180px !important;
  }
}
@media screen and (width: 768px) and (height: 1024px) {
  [class~=select-label__dashboard] {
    width: 150px !important;
    min-width: 150px !important;
  }
}
._txtNoOptions_lpy1p_34 {
  font-size: 16px;
  padding: 10px;
}._title_15tag_1 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #5c5c5c;
}

._subtitle_15tag_9 {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  color: #5c5c5c;
}._root_1pgzh_1 {
  margin-top: 44px;
  display: flex;
  align-items: stretch;
}

._boxItem_1pgzh_7 {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 200px;
  min-height: 309.24px;
  border-radius: 16px;
}
._boxItem_1pgzh_7:not(:first-child) {
  margin-left: 16px;
}
._boxItem_1pgzh_7 ._boxContent_1pgzh_19 {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 45px;
}
._boxItem_1pgzh_7 ._boxStatus_1pgzh_26 {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin: 33px 0px 18px;
}

._boxIcon_1pgzh_34 {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 8px;
  border-radius: 5px;
  gap: 8px;
  margin-bottom: 17px;
}
._boxIcon_1pgzh_34 ._icon_1pgzh_43 {
  width: 24px;
  height: 24px;
}

._title_1pgzh_48 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 18px;
  text-align: center;
}

._description_1pgzh_56 {
  font-weight: 400;
  font-size: 12px;
  line-height: 115%;
  text-align: center;
  color: #999;
}

._start_1pgzh_64 {
  font-size: 12px;
  font-weight: 400;
  line-height: 13.8px;
  text-align: center;
}

._pending_1pgzh_71 {
  font-weight: 400;
  font-size: 12px;
  line-height: 115%;
  text-align: center;
  color: #999;
}

._notComplete_1pgzh_79 {
  font-weight: 400;
  font-size: 12px;
  line-height: 115%;
  text-align: center;
  color: #ff783c;
}

._completedIcon_1pgzh_87 {
  width: 40px;
  height: 40px;
  color: #004744;
  margin-bottom: 30px;
}

._comletedBox_1pgzh_94 {
  justify-content: flex-start;
  filter: none;
  padding-top: 114px;
  background: rgba(0, 71, 68, 0.8);
}
._comletedBox_1pgzh_94:hover {
  background-color: rgba(0, 71, 68, 0.8);
}
._comletedBox_1pgzh_94 ._titleCompleted_1pgzh_103 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  margin-bottom: 30px;
}
._comletedBox_1pgzh_94 ._subtitleCompleted_1pgzh_113 {
  font-weight: 700;
  font-size: 12px;
  line-height: 115%;
  text-align: center;
  color: #ffffff;
  margin-bottom: 60px;
}
._comletedBox_1pgzh_94 ._iconCompleted_1pgzh_121 {
  width: 40px;
  height: 40px;
  color: #ffffff;
}._progress_90g3c_1 {
  width: 64px;
  height: 64px;
}

._circleProgress_90g3c_6 {
  margin-top: 20px;
  margin-bottom: 8px;
  position: relative;
  display: inline-flex;
}._root_pcoxb_1 {
  height: 50px;
  border-bottom: 1px solid #d7d7d7;
  border: none;
  display: flex;
  align-items: center;
  padding: 5px 15px;
  justify-content: flex-start;
  flex-direction: row;
  align-items: self-start;
}

._leftBox_pcoxb_13 {
  text-decoration: none;
}

._btnBack_pcoxb_17 {
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 5px;
  width: 32px;
  height: 32px;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
._btnBack_pcoxb_17 > svg {
  width: 16px;
  height: 16px;
}

._title_pcoxb_32 {
  font-weight: 600;
  font-size: 16px;
  line-height: 14px;
}

._subTitle_pcoxb_38 {
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}._selectBox_rk359_1 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._selectBox_rk359_1 svg {
  width: 20px;
  height: 20px;
}

._title_rk359_13 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

._btnDone_rk359_19 {
  padding: 5px 20px;
  height: 26px;
  min-width: 75px;
  border-radius: 4px;
}
._btnDone_rk359_19 > * {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.02em;
  color: #ffffff;
}

._txtDiscoverStateSeen_rk359_33 {
  color: #ff3030;
}._root_1uriz_1 {
  padding: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_1uriz_11 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

._progress_1uriz_18 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_1uriz_24 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  margin-bottom: 7px;
  margin-top: 20px;
}

._description_1uriz_34 {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #999;
}

._actions_1uriz_42 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_1uriz_42 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_1uriz_51 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
}

._btnTry_1uriz_62 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_1uriz_67 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}._title_1g4jj_1 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

._subtitle1_1g4jj_8 {
  font-family: "Exo";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  text-align: center;
  margin-top: 3px;
}

._subtitle2_1g4jj_18 {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  margin-top: 3px;
}._root_608ds_1 {
  background: transparent;
  border-radius: 5px;
  cursor: pointer;
  width: 439px;
  height: 227px;
}
._root_608ds_1:hover {
  background: transparent;
}

._disabled_608ds_12 {
  cursor: not-allowed;
}

._icon_608ds_16 {
  margin-top: 69px;
  margin-bottom: 14px;
  color: #004744;
  width: 48px;
  height: 48px;
}

._title_608ds_24 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 11px;
}

._subTitle_608ds_34 {
  font-weight: 400;
  font-size: 12px;
  line-height: 115%;
  text-align: center;
  color: #000000;
}._header_dd3by_1 {
  height: 40px;
  min-height: 48px;
  align-items: center;
  padding: 0 15px;
}

._headerBtn_dd3by_8 {
  cursor: pointer;
  padding: 2px;
}

._headerText_dd3by_13 {
  font-size: 16px;
  font-weight: 500;
  line-height: 115%;
  margin-bottom: 4px;
  width: 100%;
}
._headerText_dd3by_13._hasBtnClose_dd3by_20 {
  margin-left: 17px;
}#GoogleMap #infowindow-content {
  display: inline;
}

#infowindow-content {
  display: none;
}

.inputSearch {
  width: 259px;
  text-overflow: ellipsis;
  height: 37px;
  color: #747474;
  background-color: #fff;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 11px 21px;
  border: none;
  position: absolute;
  margin-left: 20px;
  margin-top: 13px;
}

.gm-style a[href^="http://maps.google.com/maps"],
.gm-style a[href^="https://maps.google.com/maps"],
.gm-style a[href^="https://www.google.com/maps"]
{
  display: none !important;
}

.popup-bubble {
  /* Position the bubble centred-above its parent. */
  position: absolute;
  top: -12px;
  left: 0;
  transform: translate(-50%, -100%);
  /* Style the bubble. */
  background-color: #404040;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 2px;
  /* font-family: sans-serif; */
  overflow-x: auto;
  /* max-width: 60px; */
  /* width: 100%; */
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
  /* min-width: 200px; */
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
  position: absolute;
  width: 100%;
  bottom: -35px; /* Điều chỉnh khoảng cách popup với điểm chỉ định */
  left: 0;
  transform: translateY(100%);
}

.popup-bubble-anchor-2 {
  bottom: -30px;
}

.popup-bubble-anchor-2 .popup-bubble {
  background: transparent;
  color: #004744;
  box-shadow: none;
  font-weight: bold;
  text-shadow: 0px 0px 3px #ffff;
  top: 5px;
}

/* This element draws the tip. */
/* .popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid white;
} */

.popup-container {
  position: absolute;
  /* background-color: white;
  border: 1px solid #ccc; */
  /* padding: 10px; */
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px; */
  min-width: 200px;
  z-index: -300;
}
.popup-container.active {
  display: none !important;
}
.custom-infor-popup {
  display: block !important;
}
.custom-infor-popup .gm-style-iw-c {
  background-color: rgb(0, 0, 0, 0.88);
  color: #fff;
  padding: 0 !important;
}
.custom-infor-popup .gm-style-iw-d {
  overflow: auto !important;
  padding: 14px;
}
.custom-infor-popup .gm-style-iw-tc {
  display: none;
}
.custom-infor-popup .stylePopups {
  min-width: 165px;
}

.btnWeather {
  background-color: #e6eded;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 115%;
  color: #000;
  border-radius: 5px;
  cursor: pointer;
  border: none;
  padding: 10px 20px;
}

.btnWeather:hover {
  background-color: #e6eded;
  color: #000;
}

.custom-infor-popup .gm-ui-hover-effect {
  top: 7px !important;
  right: 10px !important;
  width: 20px !important;
  height: 20px !important;
  span {
    mask-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='1'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.39137%205.39107C5.63545%205.14699%206.03118%205.14699%206.27525%205.39107L14.6086%2013.7244C14.8527%2013.9685%2014.8527%2014.3642%2014.6086%2014.6083C14.3645%2014.8524%2013.9688%2014.8524%2013.7247%2014.6083L5.39137%206.27495C5.14729%206.03087%205.14729%205.63514%205.39137%205.39107Z'%20fill='red'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.6086%205.39107C14.8527%205.63514%2014.8527%206.03087%2014.6086%206.27495L6.27525%2014.6083C6.03118%2014.8524%205.63545%2014.8524%205.39137%2014.6083C5.14729%2014.3642%205.14729%2013.9685%205.39137%2013.7244L13.7247%205.39107C13.9688%205.14699%2014.3645%205.14699%2014.6086%205.39107Z'%20fill='red'/%3e%3c/g%3e%3c/svg%3e") !important;
    background-color: #fff;
    margin: 4px !important;
  }
}
.custom-infor-popup .title {
  text-align: left;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 8px;
  padding-right: 20px;
}
.custom-infor-popup .box {
  max-width: 200px;
  min-width: 200px;
  overflow: auto;
  p {
    margin: 3px 0;
    font-size: 11px;
  }
}
.custom-infor-popup .box-center {
  display: flex;
}
.custom-infor-popup .box_left {
  width: 70%;
  text-align: left;
  text-transform: capitalize;
}
.custom-infor-popup .box_right {
  width: 30%;
  text-align: right;
  color: #52e28f;
  white-space: nowrap;
}
.custom-infor-popup .text-inline {
  color: #8d8c8c;
  font-style: italic;
  line-height: 6px;
  p {
    font-size: 11px;
    margin-top: 8px;
  }
}
.custom-infor-popup .battery {
  margin-top: 14px;
  p {
    position: relative;
    text-indent: 22px;
    font-size: 11px;
  }
  p:after {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgB7VDBDYJAENxd8OEPOqAFKzB2QAnwkFgGHag/w+ewAksgdmAJdHD39KG33mI08MCc4cskd7ubm5nbDMAMlGtr6sY1iafGAPO5ivODDOFOq8Q6MTFvfNQP4SIq13YG9Hk4xXkrxwa0/lVDgFb4hVZpplVEfXfZBiyXY3WwCuJlAZASTAAFpAcGdwmIsByrfS4z58unvWIXImLzZ4j7KspWMocSTGHqm5j4GND7+yPM+OIFSeNbmA7+UQsAAAAASUVORK5CYII=');
    content: '';
    display: block;
    width: 16px;
    height: 16px;
  }
  p.iconFull:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgB7VDBDYJAENxd8OEPOqAFKzB2QAnwkFgGHag/w+ewAksgdmAJdHD39KG33mI08MCc4cskd7ubm5nbDMAMlGtr6sY1iafGAPO5ivODDOFOq8Q6MTFvfNQP4SIq13YG9Hk4xXkrxwa0/lVDgFb4hVZpplVEfXfZBiyXY3WwCuJlAZASTAAFpAcGdwmIsByrfS4z58unvWIXImLzZ4j7KspWMocSTGHqm5j4GND7+yPM+OIFSeNbmA7+UQsAAAAASUVORK5CYII=');
  }
  p.iconWorking:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7VDBCcJAEJy9i5Ay0oK/PKJgB+lAbMLoL7+gH7UCSQWWEBUFn5ZgB+bjw2CyXk4SUCEc5Jt57OyyzDAM0IHKwTMvUatjpuAUOce0PK/L0+LAVUJ2wK+RkQFbDgS2avsY1MaLy03/58MxRce44j994KopwdOBj0zuxc9TJcnDihuTCN7BznyBNpDy/m3wtFOQDGtuRDHBQx5IxyWZqMhmJUKXuKLo1NdXWR4H3hXUS2CKvNigQ403iCNDxq+S7b8AAAAASUVORK5CYII=');
  }
  p.iconHalf:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKSURBVHgB7VFBDYAwDOwIQiYBJOAABwQnOAAUEBQgAXBQCThgDuAaxh5LSLbw3SXdrenucumIEpQcV1GsIB2oMahZMQ/S5BBrK64CDeTthHoMXBTmw6ZpcJ+/1Ji/XIO2zBtqUEdhWFB1Rv9w+gYmIkGL2pWNLb8Qs8QeeyqlyWV5MGFrEoqREhxuy3MlEi+5sFsAAAAASUVORK5CYII=');
  }
}
.custom-infor-popup .styleFooter {
  border-top: 1px solid #3b3b3b;
  padding-top: 10px;
  margin: 0 -14px;
  text-align: center;
}
.custom-infor-popup .btn {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFmSURBVHgBzZdPSsNAHIXfBBe1YBdm2b3g3oPoAbQX0H1xL7i3FxAPoO7rARSPYZfZpFC7Mr6HEyhY5DczSZ0PHiEhAx9vJn/GwdM0zZCHQ2bAFNgdK6Z2ztU6cV6m5KHE/1JRqiooM8pARpR02dfUjJAPpYSGyIdByOI9QDzWsYVVSNP6zowRztiPNUlZhVLauWLmzNJy8x76Re2cMefWAX2/ANXOK/NmHdCV0LYpbdu5RwBdCF0zz/i94NXOgnlBAKlCkpgwH8wTc7xxXe3cIZDURd22cMFceqmpF9P1RwSSItS2MPXnM3+8xc8jfoMIUoTadjZbmPlrE0S0I2LX0F9rRCKniCRWaFs7nRA7ZXqq5uiBWKEZeiJUKOZrL/S/3MvH9QHxnMAg5fgfewQb+l6l/O4uLDepoS/YnrYljLWnIJE18mEloQr5UBfcnH0iDyltFGvXnvkNo7LLbZHW79rLqBh8AwS8TOobaTk7AAAAAElFTkSuQmCC');
  background-color: #3b3b3b;
  display: inline-block;
  width: 36px;
  height: 28px;
  text-indent: -999px;
  cursor: pointer;
  margin: 0 10px;
  border: 0;
  border-radius: 5px;
}
.custom-infor-popup .btn.btn2 {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAILSURBVHgBzVc9TgJBFP6WWCgJFFJur9ITTsAFPADxAIZesSf0wgEMB8BeE2vxAHABSpo1QSrxfdk3MoGFfYsE90s+JjPMy/vm/cxmAiiWy2VRhnPhqbCA42EujIIgiDgJVExFhgr+FzMRNSuImHIOxBAV0XLG1JSRH1RO5KeI/VESVoWhzqfCsfAT++H0BPuhLmzpCE9AScdXYU/FZUFhn25qCwfCpbAprAlflJe6xo551r2ZkDVCFBKq05G3PsEqOiPlUNhFnNImjMgSIZ627jn08YQ4RT7cvjoyRMoqiKe8EXbUQd9g4w7QUdu6wQaB9P6FYR8FsC7uEaeMV0VawYZqw4If6Fpq6iwRovMG4pogXGuvgzXESPRVzBSr7ntEHKESDiDoSsfRlv/phFfAG+I0NRL2THSsIgWWLnOnTQIdMB1MjYtClLDfrYU4gCCHaxXAS89FixF5F94hTi3nfp00sOpMEywpcyd7wOYJXXGzVlq6d7Rmy5R3sTvSv7B0GZ1+YPMyJFjEbU900h6CUWJqa0j5zlnbflfbhlilZVsEGCEW/y1SYL0YXcEmXW4UMcR2MbRh/fVggFUQT8/Pg6sFK0K1oa3py5+lyzqek9Ti9PaOPdtUWGvoaDjm68IECvpGjkBBC+QHcwqaIT+ICvI4+0I+RPGhGAVupg9G8i/Poqxg/S5UDAODH9wvh4eYFU1gAAAAAElFTkSuQmCC');
}

.custom-marker-label {
  margin-top: 60px; /* Adjust this value to your preference */
  text-shadow: 0px 0px 3px #ffff;
  box-shadow: none;
}
._root_1tgk2_1 {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  width: 100%;
}
._root_1tgk2_1 [class~=gm-style-iw-a] [class~=gm-style-iw-t] {
  color: #1c1b1e;
}

._leftMenu_1tgk2_11 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 99;
}
._leftMenu_1tgk2_11 ._leftMenuContent_1tgk2_18 {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

._rightMenu_1tgk2_25 {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
._rightMenu_1tgk2_25 ._rightMenuContent_1tgk2_31 {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
._rightMenu_1tgk2_25 ._rightMenuContent_1tgk2_31 ._btnToggleMenu_1tgk2_37 {
  position: relative;
  left: 0;
  z-index: 1;
  width: 24px;
  height: 58px;
  min-width: unset;
  border-radius: 5px 0px 0px 5px;
}
._rightMenu_1tgk2_25 ._rightMenuContent_1tgk2_31 ._btnToggleMenu_1tgk2_37._btnToggleMenu01_1tgk2_46 {
  top: -58px;
  left: 24px;
}
._rightMenu_1tgk2_25 ._rightMenuContent_1tgk2_31 ._btnLayers_1tgk2_50 {
  position: absolute;
  bottom: 16px;
  left: -90px;
  min-width: 76px;
  border-radius: 5px;
}

._btnZoom_1tgk2_58 {
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
._btnZoom_1tgk2_58:hover {
  background-color: #ffffff;
}

._btnCancelCustomMarker_1tgk2_67 {
  position: absolute;
  left: 23px;
  top: 13px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
._btnCancelCustomMarker_1tgk2_67 [class~=MuiButton-startIcon] {
  margin-right: 10px;
}

._btnResetMicroClimate_1tgk2_79 {
  position: absolute;
  left: 120px;
  top: 13px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
._btnResetMicroClimate_1tgk2_79 [class~=MuiButton-startIcon] {
  margin-right: 10px;
}

._customMarkerTextCenter_1tgk2_91 {
  background: rgba(0, 71, 68, 0.8);
  border-radius: 5px;
  top: 13px;
  left: 50%;
  transform: translate(-50%, 0px);
  position: absolute;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #ffffff;
  padding: 16px;
}

._customMarkerRightTool_1tgk2_105 {
  right: 23px;
  top: 13px;
  position: absolute;
}
._customMarkerRightTool_1tgk2_105 > *:not(:first-child) {
  margin-left: 17px;
}

._btnDoneCMK_1tgk2_114 {
  height: 32px;
  min-width: 92px;
  padding: 4px 8px;
}
._btnDoneCMK_1tgk2_114 [class~=MuiButton-startIcon] {
  color: transparent;
}

._btnShowCMPosition_1tgk2_123 {
  justify-content: flex-start;
  height: 32px;
  padding: 4px 8px;
  min-width: 202px;
  font-size: 12px;
  line-height: 115%;
  color: #747474;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 5px;
}
._btnShowCMPosition_1tgk2_123 [class~=MuiButton-startIcon] {
  margin-right: 7px;
  color: #004744;
}
._btnShowCMPosition_1tgk2_123:hover {
  background: #ffffff;
  color: #747474;
}

._menuNotificationWrapper_1tgk2_145 [class~=MuiPaper-root] {
  width: 487px;
  height: 550px;
  overflow: hidden;
  border-radius: 15px;
  background: rgba(39, 39, 39, 0.9);
  backdrop-filter: blur(10px);
  margin-top: 5px;
}
._menuNotificationWrapper_1tgk2_145 [class~=MuiList-root] {
  display: flex;
  height: 100%;
  padding-top: 0px !important;
}

._btnCurrentLocation_1tgk2_160 {
  top: 13px;
  left: 22px;
  position: absolute;
  width: 30px;
  height: 31px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  min-width: 0;
}
._btnCurrentLocation_1tgk2_160:hover {
  background: #ffffff;
}
._btnCurrentLocation_1tgk2_160 svg {
  color: #2e3a59;
}

._btnNotification_1tgk2_178 {
  top: 13px;
  left: 70px;
  position: absolute;
  gap: 10px;
  border-radius: 3px;
  width: 30px;
  min-width: 0;
  height: 31px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
}
._btnNotification_1tgk2_178:hover {
  background: #ffffff;
}
._btnNotification_1tgk2_178 svg {
  color: #2e3a59;
}

._btnCurrentMapViewLayers_1tgk2_197 {
  top: 13px;
  left: 120px;
  position: absolute;
  width: 110px;
  height: 31px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  border-radius: 3px;
  min-width: 0;
}
._btnCurrentMapViewLayers_1tgk2_197:hover {
  background: #ffffff;
  color: #000;
}
._btnCurrentMapViewLayers_1tgk2_197 svg {
  color: #2e3a59;
}

._btnControlMonitorTab_1tgk2_219 {
  top: 93px;
  left: -160px;
  width: 160px;
  position: absolute;
  justify-content: center;
  padding: 10px 18px;
  font-size: 11.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
}
._btnControlMonitorTab_1tgk2_219 [class~=MuiButton-startIcon] {
  margin-right: 15px;
  background: #004744;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

._boxActionMapType_1tgk2_242 {
  position: absolute;
  left: 65px;
  bottom: 16px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 6px;
  padding: 4px;
}
._boxActionMapType_1tgk2_242 ._btnActionMapType_1tgk2_253 {
  height: 27px;
  width: 96.5px;
  padding: 0;
  border-radius: 6px;
  font-weight: 600;
  font-size: 11.1885px;
  line-height: 14px;
}
._boxActionMapType_1tgk2_242 ._btnActionMapType_1tgk2_253[class~=MuiButton-contained] {
  color: #ffffff;
}
._boxActionMapType_1tgk2_242 ._btnActionMapType_1tgk2_253:not(:first-child) {
  margin-left: 6px;
}

._btnMap_1tgk2_269 {
  width: 30px;
  height: 34px;
  min-width: unset;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 8px;
  color: #1c1b1e;
  opacity: 0.5;
}

._quickToolTxt_1tgk2_280 {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

._verticalDivider_1tgk2_287 {
  width: 1px;
  height: 25px;
  background-color: #ffffff;
  margin-left: 6px;
  margin-right: 6px;
}

._tooltipMenuTxt_1tgk2_295 {
  font-size: 15px;
}._title_3s2ii_1 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

._btnNext_3s2ii_8 {
  height: 26px;
  padding: 0px 20px;
}

._subtitle_3s2ii_13 {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #000000;
  margin-bottom: 30px;
}._root_iuzdi_1 {
  width: 100%;
  height: 100%;
  position: relative;
}

._topBox_iuzdi_7 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  padding: 0px 26px 0px 22px;
}
._topBox_iuzdi_7 > *:not(:first-child) {
  margin-left: 8px;
}
@media (max-width: 575.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 575.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 {
    flex-wrap: wrap !important;
  }
}
._topBox_iuzdi_7 ._topLeft_iuzdi_70 {
  flex: 1;
  display: flex;
}
._topBox_iuzdi_7 ._topLeft_iuzdi_70 > *:not(:first-child) {
  margin-left: 8px;
}
._topBox_iuzdi_7 ._btnClose_iuzdi_77 {
  background: #004744;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 5px;
  min-width: unset;
  border: none;
  width: 32px;
  height: 32px;
  padding: 0;
}
._topBox_iuzdi_7 ._btnClose_iuzdi_77 svg {
  color: #ffffff;
  width: 16px;
  height: 16px;
}
._topBox_iuzdi_7 ._btnClose_iuzdi_77:hover {
  background: #004744;
}
._topBox_iuzdi_7 ._topCenter_iuzdi_95 {
  flex: 1;
  min-height: 31px;
  padding: 9px 16px;
  background: rgba(0, 71, 68, 0.8);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topCenter_iuzdi_95 {
    margin-left: 0;
    margin-top: 4px;
    flex-basis: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topCenter_iuzdi_95 {
    flex-grow: 0;
    margin-left: 0;
    margin-top: 4px;
    flex-basis: 306px;
  }
}
._topBox_iuzdi_7 ._topRight_iuzdi_126 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 > * {
    width: -webkit-fill-available;
  }
}
._topBox_iuzdi_7 ._topRight_iuzdi_126 > *:not(:first-child) {
  margin-left: 8px;
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 > *:not(:first-child) {
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (max-width: 575.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (max-width: 575.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) and (orientation: portrait) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) and (orientation: landscape) {
  ._topBox_iuzdi_7 ._topRight_iuzdi_126 {
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 0;
    margin-top: 4px;
  }
}
._selectCustom_iuzdi_227 {
  width: 149px;
}

._selectCustomBottom_iuzdi_231 {
  width: 149px;
  margin-top: 4px;
}

._btnShowPosition_iuzdi_236 {
  justify-content: flex-start;
  min-height: 32px;
  padding: 4px 8px;
  min-width: 202px;
  font-size: 12px;
  line-height: 115%;
  color: #747474;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 5px;
}
._btnShowPosition_iuzdi_236 [class~=MuiButton-startIcon] {
  margin-right: 7px;
  color: #004744;
}

._btnDone_iuzdi_252 {
  min-height: 32px;
  min-width: 92px;
  padding: 4px 8px;
}
._btnDone_iuzdi_252 [class~=MuiButton-startIcon] {
  color: transparent;
}

._rightBottomBox_iuzdi_261 {
  position: absolute;
  right: 19px;
  bottom: 30px;
}
._rightBottomBox_iuzdi_261 button {
  padding: 0;
  min-width: 0;
  width: 30px;
  background: #ffffff;
}
._rightBottomBox_iuzdi_261 button:hover {
  background: #ffffff;
}
._rightBottomBox_iuzdi_261 button svg {
  width: 16px;
  height: 16px;
  color: #000000;
}

._btnCurrentLocation_iuzdi_281 {
  height: 31px;
  min-width: 0;
  margin-bottom: 5px;
  border-radius: 3px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

._groupZoom_iuzdi_289 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
._groupZoom_iuzdi_289 > button {
  height: 34px;
  border-radius: unset;
}
._groupZoom_iuzdi_289 > button:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

._mapToolBoxWrapper_iuzdi_304 {
  z-index: 1;
  left: 23px;
  bottom: 56px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

._verticalDivider_iuzdi_313 {
  width: 1px;
  height: 25px;
  background-color: #ffffff;
  margin-left: 6px;
  margin-right: 6px;
}

._boxActionMapType_iuzdi_321 {
  position: absolute;
  left: 22px;
  bottom: 30px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 6px;
  padding: 4px;
}
._boxActionMapType_iuzdi_321 ._btnActionMapType_iuzdi_332 {
  height: 27px;
  width: 96.5px;
  padding: 0;
  border-radius: 6px;
  font-weight: 600;
  font-size: 11.1885px;
  line-height: 14px;
}
._boxActionMapType_iuzdi_321 ._btnActionMapType_iuzdi_332[class~=MuiButton-contained] {
  color: #ffffff;
}
._boxActionMapType_iuzdi_321 ._btnActionMapType_iuzdi_332:not(:first-child) {
  margin-left: 6px;
}

._tooltipMenuTxt_iuzdi_348 {
  font-size: 15px;
}._root_19nhl_1 {
  display: flex;
  align-items: stretch;
}

._leftBox_19nhl_6 {
  height: 100%;
  width: 680px;
  max-width: 680px;
  border-right: 1px solid #d7d7d7;
}
._leftBox_19nhl_6 > div > div {
  height: 100vh;
}
._leftBox_19nhl_6 > div > div [class~=setuplayout-children] {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._topBox_19nhl_21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 15px 13px 20px;
}
._topBox_19nhl_21 ._title_19nhl_27 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

._content_19nhl_33 {
  flex: 1;
  overflow: hidden;
  display: flex;
  padding: 0px 20px 20px;
}
._content_19nhl_33 > div {
  flex: 1;
  min-height: 0;
}
._content_19nhl_33 table {
  min-width: 0;
}
._content_19nhl_33 table thead tr > * {
  position: sticky;
  top: 0;
}

._positionBox_19nhl_51 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
._positionBox_19nhl_51 ._positionText_19nhl_56 {
  font-size: 12px;
  line-height: 100%;
}
._positionBox_19nhl_51 ._positionIcon_19nhl_60 {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

._mapBox_19nhl_66 {
  flex: 1;
}

._rowAction_19nhl_70 > * {
  background: #66918f;
}

._txtStationHeader_19nhl_74 {
  font-size: 16px;
  font-weight: 500;
  list-style: 18.4px;
  margin-top: 14px;
}

._menuWrapper_19nhl_81 [class~=MuiPaper-root] {
  padding: 0;
  margin-top: 4px;
  width: 139px;
  border-radius: 4px;
  height: 38px;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
}

._btnTutorials_19nhl_90 {
  width: 100%;
  height: 28px;
  justify-content: start;
  padding: 0px 20px;
  background-color: transparent;
}
._btnTutorials_19nhl_90:hover {
  background-color: transparent;
}

._boxStepOne_19nhl_101 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 30%;
  left: 0;
  margin-left: 30px;
  position: absolute;
  z-index: 99;
  height: 222px;
  width: 378px;
  border-radius: 8px;
  background: #fff;
}

._navBarOne_19nhl_116 {
  height: 12px;
  background-color: #296562;
  border-top-left-radius: 8px;
}

._navBarSecond_19nhl_122 {
  height: 12px;
  background-color: #cddada;
  border-top-right-radius: 8px;
}

._bodyBox_19nhl_128 {
  padding: 25px 30px;
  width: 100%;
}

._stepIndicator_19nhl_133 {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
}

._geoTagTitle_19nhl_139 {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}

._geoTagInstruction_19nhl_146 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}

._footerActionButtons_19nhl_152 {
  justify-content: end;
  padding: 10px 30px;
}

._boxStepSecond_19nhl_157 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 40%;
  right: 0;
  margin-right: 30px;
  position: absolute;
  z-index: 99;
  height: 222px;
  width: 378px;
  border-radius: 8px;
  background: #fff;
}

._btnBack_19nhl_172 {
  background-color: transparent;
  color: #000;
  padding: 0px !important;
  justify-content: start;
}
._btnBack_19nhl_172:hover {
  background-color: transparent;
  color: #000;
}

._boxStepThird_19nhl_183 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 10%;
  right: 0;
  margin-right: 30px;
  position: absolute;
  z-index: 99;
  height: 192px;
  width: 378px;
  border-radius: 8px;
  background: #fff;
}

._boxStepFour_19nhl_198 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 30%;
  left: 0;
  margin-left: 30px;
  position: absolute;
  z-index: 99;
  height: 192px;
  width: 378px;
  border-radius: 8px;
  background: #fff;
}

._txtSave_19nhl_213 {
  font-size: 14px;
  font-weight: 700;
  color: #004744;
}._wrapper_1i6ef_1 {
  overflow: hidden;
  flex-grow: 1;
}

._header_1i6ef_6 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._content_1i6ef_13 {
  flex-grow: 1;
  overflow: hidden;
}

._footer_1i6ef_18 {
  display: flex;
  bottom: 0;
  justify-content: flex-end;
  flex-grow: 1;
}

._circleProgress_1i6ef_25 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 35%;
}

._stackWra_1i6ef_32 {
  width: 100%;
  overflow: hidden;
}

._tableContainer_1i6ef_37 {
  overflow: hidden;
  width: 100%;
}

._table_1i6ef_37 {
  width: 100%;
}

._headFirstCell_1i6ef_46 {
  margin-left: 45px !important;
}

._tableCell_1i6ef_50 {
  border: 2px solid saddlebrown;
}

._stackCell_1i6ef_54 {
  width: 30%;
  overflow: hidden;
}._wrapper_10k7t_1 {
  overflow: hidden;
  flex-grow: 1;
}

._header_10k7t_6 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._content_10k7t_13 {
  flex-grow: 1;
}

._circleProgress_10k7t_17 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

._footer_10k7t_24 {
  bottom: 0;
  justify-content: flex-end;
  flex-grow: 1;
}

._tableContainer_10k7t_30 {
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: "3px";
}

._table_10k7t_30 {
  width: 100%;
}

._ruleContainer_10k7t_40 {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

._tableBody_10k7t_46 {
  background-color: white;
}

._addRuleBtn_10k7t_50 {
  text-decoration: none;
  color: #004744;
}._wrapper_hhpx4_1 {
  background-color: #ffffff;
  flex-grow: 1;
  height: 100%;
}

._groupHeader_hhpx4_7 {
  height: 53px;
}

._groupLayoutHeader_hhpx4_11 {
  padding: 10px !important;
}

._tabSoils_hhpx4_15 {
  padding: 0px 16px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

._tabLeaf_hhpx4_24 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}

._tabCommon_hhpx4_33 {
  padding: 20px 0px 20px 0px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
  flex-grow: 1;
  background-color: transparent;
}

._tabStation_hhpx4_43 {
  padding: 20px 0px 0px 0px;
  flex-grow: 1;
  height: 100%;
  overflow: hidden !important;
}._form_rm6io_1 {
  margin-bottom: 8px;
}

._root_rm6io_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_rm6io_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
}

._description_rm6io_21 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #999;
}

._stepTitle_rm6io_31 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  margin-bottom: 10px;
}

._stepDone_rm6io_38 {
  color: #5c5c5c;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

._btnDownload_rm6io_47 {
  height: 32px;
  padding: 4px 16px;
}

._Table_rm6io_52 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_rm6io_52 ._TableTitle_rm6io_56 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

._progress_rm6io_62 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_rm6io_68 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  margin-bottom: 7px;
  margin-top: 20px;
}

._actions_rm6io_78 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_rm6io_78._actionsDow_rm6io_83 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_rm6io_78 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_rm6io_91 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_rm6io_103 {
  height: 26px;
  padding: 0px 20px;
  width: 110px;
}

._errorIcon_rm6io_109 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}

._mapViewRight_rm6io_116 {
  pointer-events: none;
  user-select: none;
  flex-grow: 1;
  height: 100%;
}

._txtImportData_rm6io_123 {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 100%;
  width: 100%;
}

._txtImport_rm6io_123 {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  width: 100%;
}._form_1xwbp_1 {
  margin-bottom: 8px;
}

._root_1xwbp_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_1xwbp_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
  color: #181818;
}

._description_1xwbp_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}

._stepTitle_1xwbp_32 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  color: #181818;
  margin-bottom: 10px;
}

._btnDownload_1xwbp_40 {
  height: 32px;
  padding: 4px 16px;
  background: rgba(4, 71, 68, 0.2);
}
._btnDownload_1xwbp_40:hover {
  background: rgba(4, 71, 68, 0.2);
}

._Table_1xwbp_49 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_1xwbp_49 ._TableTitle_1xwbp_53 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

._progress_1xwbp_60 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_1xwbp_66 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 7px;
}

._actions_1xwbp_76 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_1xwbp_76._actionsDow_1xwbp_81 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_1xwbp_76 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_1xwbp_89 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_1xwbp_101 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_1xwbp_106 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}._form_1xwbp_1 {
  margin-bottom: 8px;
}

._root_1xwbp_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_1xwbp_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
  color: #181818;
}

._description_1xwbp_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}

._stepTitle_1xwbp_32 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  color: #181818;
  margin-bottom: 10px;
}

._btnDownload_1xwbp_40 {
  height: 32px;
  padding: 4px 16px;
  background: rgba(4, 71, 68, 0.2);
}
._btnDownload_1xwbp_40:hover {
  background: rgba(4, 71, 68, 0.2);
}

._Table_1xwbp_49 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_1xwbp_49 ._TableTitle_1xwbp_53 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

._progress_1xwbp_60 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_1xwbp_66 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 7px;
}

._actions_1xwbp_76 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_1xwbp_76._actionsDow_1xwbp_81 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_1xwbp_76 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_1xwbp_89 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_1xwbp_101 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_1xwbp_106 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}._form_1xwbp_1 {
  margin-bottom: 8px;
}

._root_1xwbp_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_1xwbp_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
  color: #181818;
}

._description_1xwbp_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}

._stepTitle_1xwbp_32 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  color: #181818;
  margin-bottom: 10px;
}

._btnDownload_1xwbp_40 {
  height: 32px;
  padding: 4px 16px;
  background: rgba(4, 71, 68, 0.2);
}
._btnDownload_1xwbp_40:hover {
  background: rgba(4, 71, 68, 0.2);
}

._Table_1xwbp_49 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_1xwbp_49 ._TableTitle_1xwbp_53 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

._progress_1xwbp_60 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_1xwbp_66 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 7px;
}

._actions_1xwbp_76 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_1xwbp_76._actionsDow_1xwbp_81 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_1xwbp_76 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_1xwbp_89 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_1xwbp_101 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_1xwbp_106 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}._wrapper_hhpx4_1 {
  background-color: #ffffff;
  flex-grow: 1;
  height: 100%;
}

._groupHeader_hhpx4_7 {
  height: 53px;
}

._groupLayoutHeader_hhpx4_11 {
  padding: 10px !important;
}

._tabSoils_hhpx4_15 {
  padding: 0px 16px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

._tabLeaf_hhpx4_24 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}

._tabCommon_hhpx4_33 {
  padding: 20px 0px 20px 0px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
  flex-grow: 1;
  background-color: transparent;
}

._tabStation_hhpx4_43 {
  padding: 20px 0px 0px 0px;
  flex-grow: 1;
  height: 100%;
  overflow: hidden !important;
}._form_rm6io_1 {
  margin-bottom: 8px;
}

._root_rm6io_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_rm6io_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
}

._description_rm6io_21 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #999;
}

._stepTitle_rm6io_31 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  margin-bottom: 10px;
}

._stepDone_rm6io_38 {
  color: #5c5c5c;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

._btnDownload_rm6io_47 {
  height: 32px;
  padding: 4px 16px;
}

._Table_rm6io_52 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_rm6io_52 ._TableTitle_rm6io_56 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

._progress_rm6io_62 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_rm6io_68 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  margin-bottom: 7px;
  margin-top: 20px;
}

._actions_rm6io_78 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_rm6io_78._actionsDow_rm6io_83 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_rm6io_78 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_rm6io_91 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_rm6io_103 {
  height: 26px;
  padding: 0px 20px;
  width: 110px;
}

._errorIcon_rm6io_109 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}

._mapViewRight_rm6io_116 {
  pointer-events: none;
  user-select: none;
  flex-grow: 1;
  height: 100%;
}

._txtImportData_rm6io_123 {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 100%;
  width: 100%;
}

._txtImport_rm6io_123 {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  width: 100%;
}._form_1xwbp_1 {
  margin-bottom: 8px;
}

._root_1xwbp_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_1xwbp_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
  color: #181818;
}

._description_1xwbp_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}

._stepTitle_1xwbp_32 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  color: #181818;
  margin-bottom: 10px;
}

._btnDownload_1xwbp_40 {
  height: 32px;
  padding: 4px 16px;
  background: rgba(4, 71, 68, 0.2);
}
._btnDownload_1xwbp_40:hover {
  background: rgba(4, 71, 68, 0.2);
}

._Table_1xwbp_49 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_1xwbp_49 ._TableTitle_1xwbp_53 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

._progress_1xwbp_60 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_1xwbp_66 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 7px;
}

._actions_1xwbp_76 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_1xwbp_76._actionsDow_1xwbp_81 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_1xwbp_76 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_1xwbp_89 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_1xwbp_101 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_1xwbp_106 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}._form_1xwbp_1 {
  margin-bottom: 8px;
}

._root_1xwbp_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_1xwbp_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
  color: #181818;
}

._description_1xwbp_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}

._stepTitle_1xwbp_32 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  color: #181818;
  margin-bottom: 10px;
}

._btnDownload_1xwbp_40 {
  height: 32px;
  padding: 4px 16px;
  background: rgba(4, 71, 68, 0.2);
}
._btnDownload_1xwbp_40:hover {
  background: rgba(4, 71, 68, 0.2);
}

._Table_1xwbp_49 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_1xwbp_49 ._TableTitle_1xwbp_53 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

._progress_1xwbp_60 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_1xwbp_66 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 7px;
}

._actions_1xwbp_76 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_1xwbp_76._actionsDow_1xwbp_81 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_1xwbp_76 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_1xwbp_89 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_1xwbp_101 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_1xwbp_106 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}._form_1xwbp_1 {
  margin-bottom: 8px;
}

._root_1xwbp_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_1xwbp_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
  color: #181818;
}

._description_1xwbp_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}

._stepTitle_1xwbp_32 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  color: #181818;
  margin-bottom: 10px;
}

._btnDownload_1xwbp_40 {
  height: 32px;
  padding: 4px 16px;
  background: rgba(4, 71, 68, 0.2);
}
._btnDownload_1xwbp_40:hover {
  background: rgba(4, 71, 68, 0.2);
}

._Table_1xwbp_49 {
  width: 100%;
  margin-bottom: 18px;
}
._Table_1xwbp_49 ._TableTitle_1xwbp_53 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
}

._progress_1xwbp_60 {
  width: 64px;
  height: 64px;
  margin-bottom: 8px;
}

._title_1xwbp_66 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 7px;
}

._actions_1xwbp_76 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_1xwbp_76._actionsDow_1xwbp_81 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_1xwbp_76 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_1xwbp_89 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_1xwbp_101 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_1xwbp_106 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}._form_b362a_1 {
  margin-bottom: 8px;
}

._root_b362a_5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
}

._pageTitle_b362a_14 {
  font-weight: 400;
  font-size: 18px;
  line-height: 115%;
  text-align: center;
  color: #181818;
}

._description_b362a_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5c5c5c;
}

._stepTitle_b362a_32 {
  font-weight: 500;
  font-size: 16px;
  line-height: 115%;
  color: #181818;
  margin-bottom: 10px;
}

._btnDownload_b362a_40 {
  height: 32px;
  padding: 4px 16px;
  background: rgba(4, 71, 68, 0.2);
}
._btnDownload_b362a_40:hover {
  background: rgba(4, 71, 68, 0.2);
}

._title_b362a_49 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
  margin-bottom: 7px;
}

._actions_b362a_59 {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
._actions_b362a_59._actionsDow_b362a_64 {
  margin-top: 5px;
  margin-bottom: 50px;
}
._actions_b362a_59 > *:not(:first-child) {
  margin-left: 16px;
}

._btnCanel_b362a_72 {
  height: 26px;
  padding: 0px 20px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #004744;
}

._btnTry_b362a_84 {
  height: 26px;
  padding: 0px 20px;
}

._errorIcon_b362a_89 {
  width: 48px;
  height: 48px;
  color: #004744;
  margin-bottom: 14px;
}

._mapViewRight_b362a_96 {
  pointer-events: none;
  user-select: none;
  flex-grow: 1;
  height: 100%;
}
._root_1re8j_2 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #002031;
}

._container_header_1re8j_11 {
  background: #002031;
  width: 100%;
  height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}

._txt404Error_1re8j_20 {
  color: #fff;
  text-align: center;
  font-size: 54px;
  font-weight: 600;
  line-height: 115%; /* 62.1px */
  text-transform: uppercase;
}

._txtNotFound_1re8j_29 {
  color: #fff !important;
  text-align: center;
  margin-top: 35px !important;
  font-size: 54px !important;
  font-weight: 600 !important;
  line-height: 115% !important; /* 62.1px */
  text-transform: uppercase !important;
}

._txtContent_1re8j_39 {
  color: #d7d7d7 !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 115% !important; /* 23px */
  width: 578px !important;
  margin-top: 20px !important;
}

._btnBackPage_1re8j_49 {
  height: 40px !important;
  margin-top: 31px !important;
  display: flex;
  width: 203px !important;
  padding: 12px 32px !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #004744 !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.36px !important;
}
._btnBackPage_1re8j_49:hover {
  background-color: #004744 !important;
}

/* CSS cho màn hình lớn hơn hoặc bằng 768px */
@media (min-width: 768px) {
  ._content_1re8j_71 {
    display: flex;
    flex-direction: row;
  }
  ._content_1re8j_71 img {
    max-width: 311px;
  }
}
/* CSS cho màn hình nhỏ hơn 768px */
@media (max-width: 767px) {
  ._content_1re8j_71 {
    display: flex;
    flex-direction: column;
  }
  ._content_1re8j_71 img {
    max-width: 100%; /* Để ảnh tự co lại cho phù hợp với màn hình */
  }
}._edge-trigger_1bdh4_1 {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 16px;
  background: transparent;
}
._edge-trigger--left_1bdh4_8 {
  left: 0;
  z-index: 9999;
}
._edge-trigger--right_1bdh4_12 {
  right: 0;
  z-index: 9999;
}

._hover-drawer_1bdh4_17 {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 280px;
  z-index: 10000;
  background: #002031;
  overflow-y: auto;
  scrollbar-width: none;
}
._hover-drawer_1bdh4_17::-webkit-scrollbar {
  display: none;
}
._hover-drawer--left_1bdh4_30 {
  left: 0;
}
._hover-drawer--right_1bdh4_33 {
  right: 0;
}

._sidebar-content_1bdh4_37 {
  padding: 20px;
  color: #fff;
  min-height: 100%;
}
._sidebar-content__header_1bdh4_42 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
._sidebar-content__title_1bdh4_47 {
  font-size: 14px;
  font-weight: 500;
  color: #8a8a8a;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._sidebar-content__nav-list_1bdh4_55 {
  list-style: none;
  padding: 0;
  margin: 0;
}
._sidebar-content__nav-item_1bdh4_60 {
  margin-bottom: 4px;
}
._sidebar-content__nav-item_1bdh4_60 a,
._sidebar-content__nav-item_1bdh4_60 button {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  transition: background 0.2s;
  width: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
._sidebar-content__nav-item_1bdh4_60 a:hover,
._sidebar-content__nav-item_1bdh4_60 button:hover {
  background: rgba(255, 255, 255, 0.1);
}
._sidebar-content__nav-item_1bdh4_60 a svg,
._sidebar-content__nav-item_1bdh4_60 button svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
._sidebar-content__nav-item--disabled_1bdh4_91 {
  opacity: 0.5;
  pointer-events: none;
}
._sidebar-content__nav-item--active_1bdh4_95 a {
  background: rgba(102, 240, 160, 0.1);
  color: #66f0a0;
}

._user-section_1bdh4_100 {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}.Table__head {
  background: #efefef;
}
.Table___row:nth-of-type(odd) {
  background-color: rgba(123, 123, 123, 0.05);
}
.Table___row:last-child td, .Table___row:last-child th {
  border: 0;
}

.modalHeader {
  display: flex;
  border-bottom: 1px solid #d7d7d7;
  height: 48px;
  min-height: 48px;
  align-items: center;
  padding: 0 15px;
}
.modalHeader__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  cursor: pointer;
  padding: 2px;
}
.modalHeader__text {
  color: #004744;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  margin-left: 17px;
}

.Card {
  background: #ffffff;
  border: 0.7px solid #d7d7d7;
  box-shadow: 0px 0px 10px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  width: 100%;
  margin-bottom: 8px;
}
.Card__Box {
  position: relative;
  padding-right: 55px;
  padding: 16px 14px;
}
.Card__Ft {
  border-top: 1px solid #d7d7d7;
  display: flex;
  padding: 16px 14px;
  flex-direction: initial;
  justify-content: space-between;
  align-items: center;
}
.Card__Ft .icon {
  margin-right: 4px;
}
.Card h4 {
  margin-bottom: 6px;
}
.Card h6 {
  margin-bottom: 2px;
}
.Card p {
  margin-bottom: 0;
}

button.moving:after {
  position: absolute;
  content: "";
  height: 1000000px;
  width: 1000000px;
  z-index: 99;
  top: -50000px;
  left: -50000px;
}

button#btnRotate:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 20px;
  background: #2ea3ff;
  bottom: -20px;
}

.active .Menu-ui_listitem {
  background-color: rgba(0, 0, 0, 0.2);
  color: #66f0a0;
}

.active .Menu-ui_listitemicon {
  color: #66f0a0;
}

.active .Menu-ui_listitemtext {
  color: #66f0a0;
}

#rt {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: rgb(116, 116, 116);
}

@keyframes bgScroll {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: -1840px 0;
  }
}
.hidden {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  /* -webkit-box-shadow: 0 0 0 30px white inset !important; */
  transition: background-color 600000s 0s;
}

.lds-dual-ring {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lds-dual-ring > div {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.lds-dual-ring > div:after {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gm-style-iw-t {
  display: none;
}

.custom-infor-station {
  display: block !important;
}
.custom-infor-station .gm-style-iw {
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  max-width: 300px !important;
}
.custom-infor-station .gm-style-iw .gm-ui-hover-effect {
  display: none !important;
}
.custom-infor-station .gm-style-iw .gm-style-iw-ch {
  padding-top: 0px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d {
  padding: 0;
  background-color: rgba(223, 233, 226, 0.555) !important;
  box-shadow: 0px 4px 4px rgba(115, 110, 110, 0.25);
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.2) inset;
  overflow: unset !important;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box {
  padding: 24px;
  min-width: 280px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box img {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .box-station-header {
  display: flex;
  justify-content: space-between;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .box-soilMoisture-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #0d0e0e;
  padding-bottom: 10px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .txtAreaSub {
  color: #181717;
  font-weight: 700;
  font-size: 16px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .btnCloseIcon {
  background-color: transparent;
  color: #fff;
  border: none;
  cursor: pointer;
  margin-left: 15px;
  margin-right: -5px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxActiveStation {
  display: flex;
  border-bottom: 1px solid #3c3e3d;
  padding: 7px 0px 11px 0px;
  gap: 10px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxActiveStation .boxOnAndOff {
  display: flex;
  gap: 10px;
  width: 100%;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxActiveStation .btnActive {
  background-color: #142221;
  color: #66f0a0;
  border: none;
  border-radius: 5px;
  padding: 6px 12px;
  cursor: pointer;
  width: 100%;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxActiveStation .btnNotActive {
  background-color: #142221;
  color: #747474;
  border: none;
  border-radius: 5px;
  padding: 6px 12px;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
  width: 100%;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxActiveStation .btnLoadingOff {
  background-color: #142221;
  color: #66f0a0;
  border: none;
  border-radius: 5px;
  padding: 6px 12px;
  cursor: pointer;
  pointer-events: none;
  width: 100%;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxActiveStation .btnManualRun {
  background-color: #122120;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 6px 12px;
  cursor: pointer;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxInfoStation {
  display: flex;
  justify-content: space-between;
  height: 35px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxInfoStation .txtContent {
  color: #454242;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .boxInfoStation .txtSubContent {
  color: #000;
  line-height: 100%;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .btnMoreDetail {
  background-color: #272a28;
  color: #fff;
  width: 100%;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
  margin-top: 15px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-info-box .name {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #090909;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-hover-box {
  padding: 8px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-hover-box img {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .station-hover-box .name {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #000000;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .boxInfoSoilLoading {
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .soil-loading-container {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .soil-mui-circular-progress {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .soil-circular-progress {
  width: 100%;
  height: 100%;
  animation: spin 1.5s linear infinite;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .soil-circle-bg {
  fill: none;
  stroke: #e0e0e0;
  stroke-width: 3.8;
}
.custom-infor-station .gm-style-iw .gm-style-iw-d .soil-circle {
  fill: none;
  stroke: #1976d2; /* Material-UI primary color */
  stroke-width: 3.8;
  stroke-linecap: round;
  animation: progress 1.5s ease-in-out infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes progress {
  0% {
    stroke-dasharray: 0, 100;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 60, 100;
    stroke-dashoffset: -25;
  }
  100% {
    stroke-dasharray: 60, 100;
    stroke-dashoffset: -100;
  }
}
.custom-infor-station .gm-style-iw-tc::after {
  background: rgba(0, 0, 0, 0.9);
}

.delete-station .MuiDialog-paper {
  background-color: #fff;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 11px !important;
  height: 11px !important;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #ffffff;
  border: 1px solid #ffffff;
}
.custom-scrollbar::-webkit-scrollbar-track:vertical {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.custom-scrollbar::-webkit-scrollbar-track:horizontal {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  background-clip: padding-box;
  border-radius: 5px;
  cursor: pointer;
}
.custom-scrollbar::-webkit-scrollbar-thumb:vertical {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb:horizontal {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.custom-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
}

.react-duration-control-elements-container {
  display: flex;
  flex-direction: row;
  min-height: 21px;
  overflow: hidden;
}

/* 
    Created circular
*/
.circular-menu-container .circular-menu {
  width: 609px;
  height: 609px;
  position: relative;
  left: 50%;
  margin: 0;
  margin-left: -304.5px;
  overflow: hidden;
  border-radius: 500px;
  border-radius: 50%;
  z-index: 1;
  list-style: none;
}
.circular-menu-container .center-section {
  width: 278px;
  height: 278px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -132px;
  margin-left: -139px;
  padding: 55px;
  border-radius: 500px;
  border-radius: 50%;
  text-align: center;
  display: none;
  z-index: 1;
  color: #fff;
  padding: 0;
}
.circular-menu-container .center-section.section-intro {
  display: block;
  padding-top: 75px;
}
.circular-menu-container .center-section.section-intro h2 {
  font-size: 36px;
  margin: 8px 0;
  font-weight: 400;
}
.circular-menu-container .center-section.section-intro h4 {
  font-size: 14px;
  margin-top: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.circular-menu-container .center-section.section-intro .box-weather {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 20px;
}
.circular-menu-container .center-section.section-intro .box-weather svg {
  width: 4rem;
  height: 2rem;
}
.circular-menu-container .center-section.section-intro .title-center {
  font-size: 28px;
  padding-right: 20px;
}
.circular-menu-container .center-section.section-intro .title-haft p {
  margin: 6px;
  font-size: 9px;
}
.circular-menu-container .center-section.section-intro .title-bt {
  margin-top: 45px;
}
.circular-menu-container .touch .circular-menu li:focus {
  outline: 0;
}
.circular-menu-container .circular-menu li div.label {
  position: absolute;
  width: 139px;
  height: 139px;
  z-index: 2;
  cursor: pointer;
}
.circular-menu-container .circular-menu li div.label p {
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  color: #fff;
}
.circular-menu-container .circular-menu li .bg {
  width: 354.5px;
  height: 304.5px;
  position: absolute;
  transform-origin: 0 304.5px;
  margin-top: -304.5px;
  left: 50%;
  top: 50%;
  transition: all 300ms ease-out;
}
.circular-menu-container .circular-menu li {
  position: absolute;
  text-decoration: none;
  top: 50%;
  left: 50%;
  display: none;
}
.circular-menu-container .circular-menu li .hover {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAABGCAYAAADhPZtLAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAffSURBVHgB7Z1PbxNHGMafmXWcFIdi/gRVFInl0FZqD/Wt7YnwCXBvbU/wCUhVoaqVKsKhjShFOFyqnggX6I2k4o45VOoxXKre4hwqpP4JDhjHON6Zvu/aS+3EdrJmvRnP5ifZ6911nKyfed6ZfefdjYAF5GdmsrTIBusNOG77fgHp4hXQEGXAK7dvS0HS+mawrbxYKJQxIggYAgnn8pIFC0QSStFSZoXAIVojUXVLXNESWLswDlFqLnVryQ1Gl7XGOqDotXyipFjlRhQ0HGowJcRIbKLn5+Zc9XjtHL083RQRLv16eqg2EROIlPCOHDt7/5tLRcRECjGhsifPi6f1y6hW2rZqGBRs9gQ9maFnL09PRcSERExoR57RU29gnzbI5ZiYoIU8hxiJRfT8rVtZoTGNzCRwYBL7NGm63MfNz865iIlYRG/UUrng9b7bm+ixMd/lAV5K5hETsYguBf4/IHK7zh5B4slkOtcFYgvx8fTpQpzpWGe3SwdJxXd5eqxjm4DITc/OxnIWM3TR8z/ecumQch0bx9LQR6eQWF4/2G1rdtLJ5BADQxe9IZ3uB3JkKpFu19yPO72O24ulXx9+eFc9Bih04Il0e+ZAz11xnboNXXQpt/Tn7bDbKdQnBUrFQj2rNh/VGnRDbX2LG0e/PtR0GPfnSqZXdO0FpZgpq16p0oE24NHr5jYPwqvBmdBIApuP17oJDTE+1gz5jsSUksUTnvNQSPFEe3pVafBETunqz9Hl5yMR/ctP/MkSV0h6wH+colbt/qOV+6fHkyb9cY6OQ47HlhzcE9TzGhprlR3fNylTeCud6bqPrFGipxK9LJNyj3hdK389VKPYtegsLJ1v57SgWS6NHAtLP81Lt9fPrDQ8rOudXSzSEqlj47CZXi7fikNf6nvjB+GIgfy4TF93mb7xR9IRK15DP0KXBrHtkwNxhSNOQWkeeefoXS4JHbqv+Z1CeX2Xkdtmt+/W5QHsdHZ8ZAiKDBQhqEGU5u4WPk59/dnMedrMg61OcVWbWgN0uRv0G+ohfk492yTR7XS797Qa6v1lbzNa0Zua5kiSVV7lT2Y3n2/tjIyKDvdhuq6gah7khF3n7uzy3YT1dirawzAQQtzjpfQUFjEEKip8C1Lrm7AJrVRolzMbyoOnI3Rg8LkbeomXkjr5IoDI67sqA/zRdIoC75k9wqtKeJcH/OvVESXU/pYKi806Pr/jIHnmaUR3GRHB/TmPPsME6pcpmuceGpkxeCM+phujBnyy7sDpcfrVTlpsP1gn4hRKENoZX3RqBUXKC0Qm+msk+LupwfvmvzY8/J0Z7b79cE3jkJbN6pi9pzx398btYMX/izjEkzmLMISjGwrOYFHRCNjl2RdGHUDHuK29GS7BEBzqb6aqwxnBxsHxqvKFNwWaq+8uOp0iL8Ag2O0mfXG7xXd5zSiXl7+9c6PD0C9Fn10olE0K8cybz0bP7exyw9h2St4xyqDx120YRGZT48Dm6LjdQJdvC+1Mh+jptN8qjLom6/jz0XG7aS7nXPvW0M50iN4K8cYM6JhRcbuRLhfdu+ttJ5GUPV2AYZwcgb7dwL4clGLv2l13TfvQzNsTIPxU6jB5nJFYO2BmwoZd/vZaAybRmkY93W1fr3SRUQM6hp1kasLGRJf3Cu1MV9GHNfP2KnDC5siGeWHexL6c6RXama6im5aWDTAxPXui4pX82jWDzno4tLdmT7vSuzxD4CE9TyM+uLbLL+uh0FTiDbS+SueZTxT0uuCqUIWy0CpPbfUijEAXby7cOLt1K5ec0QRWltzmj4u4YFRCHNLQh/3aQhovkTB8hw3e7yLi8VO/0M70FH08jUK9Hs3MGztBNJ2wTGcH61KIFRaSwswyfTHlFzWUg7neXVA8d/ESXxTgYo/xhL7Sbfsg5cpBRbEU3BjEKaX1aXrNVcVZLmMTIY63X2hn+k7afvXpzANqNdPYGb82Gy1R6VOX2Zn0ejnKeu2A/MwXea3lPewtC0vz1y4gRuisKsfRo63U/P1WxOCSNz9a9Bu1B+xUfceJmulgpeVYFnaVhQ2cOgxh+7FYuL5Ibi8i3u6nAyHkFcTMd3cKy732zeRnsuMTyEmxc1fRV3SeeavVUWZxq1WUQoTgoSOEukJun8besLBYuFqCQbS0Ke7mvSN9lx9y+wPsgdvJ5adNEz0MI12Jxm5H/Bjn8rCMtOjUt1M+QceaPdyLvjxqRv46IimdWb4jI+Jh5F3OjLzoLILQeh4xYIPLGTuuGJReIQa3W+FyxgrR+Q7Mw3a7LS5n7Lk22Hd7M2c/BKxxOWON6L7bBYbhxpJNLmesugvAYuHaAiK+m7IW6rZNLmesu/VDxAmbkkRqAZZhneicsEFEbrfR5YyVN3mJyO2lXwrXZ2EhVorecvsr1fkJLWZhKdbevI1G3J9jcEqLN783riI4KqwVnftirdVACRubXc5YfZtGKb3ZAdKzVrucsVr0QdKztrucsfuGrEy4yRjrXc5YL3qY9GwSXM6MdI1cGM5dvLSC/rXjpaX5a31Lh23B/vDeghI2fWvUk+JyJjFOZ3pXz+ri0vwPZ5EQEuN0pld6ttflSbaSKNG7T8bo4v3m9sSQKNEZSs9e6FwXr5KuHUkS94/R/vjt1/I7H3x0mMT+EM2LEH9Cwkic05kgPWtbGdQ+O5CfuRTLv7jcZx8j+A8KwyEvv0XSWAAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  width: 125px;
  height: 70px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.circular-menu-container .circular-menu li .label p {
  letter-spacing: 3px;
}
.circular-menu-container .circular-menu li .label p a {
  text-decoration: none;
  color: #fff;
}
.circular-menu-container .circular-menu li .label p svg {
  width: 130px;
  height: 130px;
}

.circular-menu li:nth-child(1) {
  display: block;
}

.circular-menu li:nth-child(1) .bg {
  transform: rotate(-54deg) skew(-18deg);
  background: transparent;
}

.circular-menu li:nth-child(1) .label p svg {
  width: 130px;
  height: 130px;
  margin-top: -50px;
  transform: rotate(3deg);
}

.circular-menu li:nth-child(1) .hover {
  position: fixed;
  left: 42%;
  top: -24px;
}

.circular-menu li:nth-child(2) .hover {
  position: fixed;
  right: -30px;
  top: 20%;
  left: initial;
  transform: rotate(73deg);
}

.circular-menu li:nth-child(2) .label p {
  transform: rotate(8deg);
}
.circular-menu li:nth-child(2) .label p svg {
  width: 120px;
  height: 110px;
  margin-left: 28px;
  margin-top: -10px;
}

.circular-menu li:nth-child(3) .label p {
  transform: rotate(12deg);
}
.circular-menu li:nth-child(3) .label p svg {
  width: 90px;
  height: 90px;
  margin-top: 46px;
  margin-left: 40px;
}

.circular-menu li:nth-child(4) .label p {
  transform: rotate(349deg);
}
.circular-menu li:nth-child(4) .label p svg {
  width: 100px;
  height: 100px;
  margin-top: 39px;
}

.circular-menu li:nth-child(3) .hover {
  position: fixed;
  right: 65px;
  top: 65%;
  left: initial;
  transform: rotate(145deg);
}

.circular-menu li:nth-child(4) .hover {
  position: fixed;
  right: initial;
  top: initial;
  left: 9%;
  bottom: 230px;
  transform: rotate(217deg);
}

.circular-menu li:nth-child(5) .hover {
  position: fixed;
  right: initial;
  top: 19%;
  left: -28px;
  bottom: initial;
  transform: rotate(290deg);
}

.circular-menu li:nth-child(5) .label p {
  transform: rotate(4eg);
}
.circular-menu li:nth-child(5) .label p svg {
  width: 110px;
  height: 110px;
  margin-top: -15px;
  margin-left: 35px;
}

.circular-menu li:nth-child(1):hover .hover,
.touch .circular-menu li:nth-child(1):focus .hover {
  visibility: visible;
  opacity: 1;
}

.circular-menu li:nth-child(1) div.label {
  margin: -291.25px 0 0 -69.5px;
}

.circular-menu li:nth-child(1) div.label {
  margin: -305px 0 0 -251px !important;
  width: 514px;
  height: 185px;
}

.circular-menu li:nth-child(2) div.label {
  height: 302px;
  width: 182px;
}

.circular-menu li:nth-child(4) div.label {
  display: flex;
  width: 270px;
  height: 240px;
  padding-right: 140px !important;
}

.circular-menu li:nth-child(5) div.label {
  margin: -149px 0 0 -310px !important;
  width: 165px;
  height: 330px;
}

.circular-menu li:nth-child(1):hover div.center-section.section-1,
.touch .circular-menu li:nth-child(1):focus div.center-section.section-1 {
  display: block;
}

.circular-menu li:nth-child(2) {
  display: block;
}

.circular-menu li:nth-child(2) .bg {
  transform: rotate(18deg) skew(-18deg);
  background: transparent;
}

.circular-menu li:nth-child(1) .label p svg {
  width: 130px;
  height: 130px;
  margin-top: -50px;
  transform: rotate(3deg);
}

.circular-menu li:nth-child(1) .hover {
  position: fixed;
  left: 42%;
  top: -24px;
}

.circular-menu li:nth-child(2) .hover {
  position: fixed;
  right: -30px;
  top: 20%;
  left: initial;
  transform: rotate(73deg);
}

.circular-menu li:nth-child(2) .label p {
  transform: rotate(8deg);
}
.circular-menu li:nth-child(2) .label p svg {
  width: 120px;
  height: 110px;
  margin-left: 28px;
  margin-top: -10px;
}

.circular-menu li:nth-child(3) .label p {
  transform: rotate(12deg);
}
.circular-menu li:nth-child(3) .label p svg {
  width: 90px;
  height: 90px;
  margin-top: 46px;
  margin-left: 40px;
}

.circular-menu li:nth-child(4) .label p {
  transform: rotate(349deg);
}
.circular-menu li:nth-child(4) .label p svg {
  width: 100px;
  height: 100px;
  margin-top: 39px;
}

.circular-menu li:nth-child(3) .hover {
  position: fixed;
  right: 65px;
  top: 65%;
  left: initial;
  transform: rotate(145deg);
}

.circular-menu li:nth-child(4) .hover {
  position: fixed;
  right: initial;
  top: initial;
  left: 9%;
  bottom: 230px;
  transform: rotate(217deg);
}

.circular-menu li:nth-child(5) .hover {
  position: fixed;
  right: initial;
  top: 19%;
  left: -28px;
  bottom: initial;
  transform: rotate(290deg);
}

.circular-menu li:nth-child(5) .label p {
  transform: rotate(4eg);
}
.circular-menu li:nth-child(5) .label p svg {
  width: 110px;
  height: 110px;
  margin-top: -15px;
  margin-left: 35px;
}

.circular-menu li:nth-child(2):hover .hover,
.touch .circular-menu li:nth-child(2):focus .hover {
  visibility: visible;
  opacity: 1;
}

.circular-menu li:nth-child(2) div.label {
  margin: -138.0245185026px 0 0 141.3967824884px;
}

.circular-menu li:nth-child(1) div.label {
  margin: -305px 0 0 -251px !important;
  width: 514px;
  height: 185px;
}

.circular-menu li:nth-child(2) div.label {
  height: 302px;
  width: 182px;
}

.circular-menu li:nth-child(4) div.label {
  display: flex;
  width: 270px;
  height: 240px;
  padding-right: 140px !important;
}

.circular-menu li:nth-child(5) div.label {
  margin: -149px 0 0 -310px !important;
  width: 165px;
  height: 330px;
}

.circular-menu li:nth-child(2):hover div.center-section.section-2,
.touch .circular-menu li:nth-child(2):focus div.center-section.section-2 {
  display: block;
}

.circular-menu li:nth-child(3) {
  display: block;
}

.circular-menu li:nth-child(3) .bg {
  transform: rotate(90deg) skew(-18deg);
  background: transparent;
}

.circular-menu li:nth-child(1) .label p svg {
  width: 130px;
  height: 130px;
  margin-top: -50px;
  transform: rotate(3deg);
}

.circular-menu li:nth-child(1) .hover {
  position: fixed;
  left: 42%;
  top: -24px;
}

.circular-menu li:nth-child(2) .hover {
  position: fixed;
  right: -30px;
  top: 20%;
  left: initial;
  transform: rotate(73deg);
}

.circular-menu li:nth-child(2) .label p {
  transform: rotate(8deg);
}
.circular-menu li:nth-child(2) .label p svg {
  width: 120px;
  height: 110px;
  margin-left: 28px;
  margin-top: -10px;
}

.circular-menu li:nth-child(3) .label p {
  transform: rotate(12deg);
}
.circular-menu li:nth-child(3) .label p svg {
  width: 90px;
  height: 90px;
  margin-top: 46px;
  margin-left: 40px;
}

.circular-menu li:nth-child(4) .label p {
  transform: rotate(349deg);
}
.circular-menu li:nth-child(4) .label p svg {
  width: 100px;
  height: 100px;
  margin-top: 39px;
}

.circular-menu li:nth-child(3) .hover {
  position: fixed;
  right: 65px;
  top: 65%;
  left: initial;
  transform: rotate(145deg);
}

.circular-menu li:nth-child(4) .hover {
  position: fixed;
  right: initial;
  top: initial;
  left: 9%;
  bottom: 230px;
  transform: rotate(217deg);
}

.circular-menu li:nth-child(5) .hover {
  position: fixed;
  right: initial;
  top: 19%;
  left: -28px;
  bottom: initial;
  transform: rotate(290deg);
}

.circular-menu li:nth-child(5) .label p {
  transform: rotate(4eg);
}
.circular-menu li:nth-child(5) .label p svg {
  width: 110px;
  height: 110px;
  margin-top: -15px;
  margin-left: 35px;
}

.circular-menu li:nth-child(3):hover .hover,
.touch .circular-menu li:nth-child(3):focus .hover {
  visibility: visible;
  opacity: 1;
}

.circular-menu li:nth-child(3) div.label {
  margin: 109.8995185027px 0 0 60.8413796958px;
}

.circular-menu li:nth-child(1) div.label {
  margin: -305px 0 0 -251px !important;
  width: 514px;
  height: 185px;
}

.circular-menu li:nth-child(2) div.label {
  height: 302px;
  width: 182px;
}

.circular-menu li:nth-child(4) div.label {
  display: flex;
  width: 270px;
  height: 240px;
  padding-right: 140px !important;
}

.circular-menu li:nth-child(5) div.label {
  margin: -149px 0 0 -310px !important;
  width: 165px;
  height: 330px;
}

.circular-menu li:nth-child(3):hover div.center-section.section-3,
.touch .circular-menu li:nth-child(3):focus div.center-section.section-3 {
  display: block;
}

.circular-menu li:nth-child(4) {
  display: block;
}

.circular-menu li:nth-child(4) .bg {
  transform: rotate(162deg) skew(-18deg);
  background: transparent;
}

.circular-menu li:nth-child(1) .label p svg {
  width: 130px;
  height: 130px;
  margin-top: -50px;
  transform: rotate(3deg);
}

.circular-menu li:nth-child(1) .hover {
  position: fixed;
  left: 42%;
  top: -24px;
}

.circular-menu li:nth-child(2) .hover {
  position: fixed;
  right: -30px;
  top: 20%;
  left: initial;
  transform: rotate(73deg);
}

.circular-menu li:nth-child(2) .label p {
  transform: rotate(8deg);
}
.circular-menu li:nth-child(2) .label p svg {
  width: 120px;
  height: 110px;
  margin-left: 28px;
  margin-top: -10px;
}

.circular-menu li:nth-child(3) .label p {
  transform: rotate(12deg);
}
.circular-menu li:nth-child(3) .label p svg {
  width: 90px;
  height: 90px;
  margin-top: 46px;
  margin-left: 40px;
}

.circular-menu li:nth-child(4) .label p {
  transform: rotate(349deg);
}
.circular-menu li:nth-child(4) .label p svg {
  width: 100px;
  height: 100px;
  margin-top: 39px;
}

.circular-menu li:nth-child(3) .hover {
  position: fixed;
  right: 65px;
  top: 65%;
  left: initial;
  transform: rotate(145deg);
}

.circular-menu li:nth-child(4) .hover {
  position: fixed;
  right: initial;
  top: initial;
  left: 9%;
  bottom: 230px;
  transform: rotate(217deg);
}

.circular-menu li:nth-child(5) .hover {
  position: fixed;
  right: initial;
  top: 19%;
  left: -28px;
  bottom: initial;
  transform: rotate(290deg);
}

.circular-menu li:nth-child(5) .label p {
  transform: rotate(4eg);
}
.circular-menu li:nth-child(5) .label p svg {
  width: 110px;
  height: 110px;
  margin-top: -15px;
  margin-left: 35px;
}

.circular-menu li:nth-child(4):hover .hover,
.touch .circular-menu li:nth-child(4):focus .hover {
  visibility: visible;
  opacity: 1;
}

.circular-menu li:nth-child(4) div.label {
  margin: 109.8995185026px 0 0 -199.8413796959px;
}

.circular-menu li:nth-child(1) div.label {
  margin: -305px 0 0 -251px !important;
  width: 514px;
  height: 185px;
}

.circular-menu li:nth-child(2) div.label {
  height: 302px;
  width: 182px;
}

.circular-menu li:nth-child(4) div.label {
  display: flex;
  width: 270px;
  height: 240px;
  padding-right: 140px !important;
}

.circular-menu li:nth-child(5) div.label {
  margin: -149px 0 0 -310px !important;
  width: 165px;
  height: 330px;
}

.circular-menu li:nth-child(4):hover div.center-section.section-4,
.touch .circular-menu li:nth-child(4):focus div.center-section.section-4 {
  display: block;
}

.circular-menu li:nth-child(5) {
  display: block;
}

.circular-menu li:nth-child(5) .bg {
  transform: rotate(234deg) skew(-18deg);
  background: transparent;
}

.circular-menu li:nth-child(1) .label p svg {
  width: 130px;
  height: 130px;
  margin-top: -50px;
  transform: rotate(3deg);
}

.circular-menu li:nth-child(1) .hover {
  position: fixed;
  left: 42%;
  top: -24px;
}

.circular-menu li:nth-child(2) .hover {
  position: fixed;
  right: -30px;
  top: 20%;
  left: initial;
  transform: rotate(73deg);
}

.circular-menu li:nth-child(2) .label p {
  transform: rotate(8deg);
}
.circular-menu li:nth-child(2) .label p svg {
  width: 120px;
  height: 110px;
  margin-left: 28px;
  margin-top: -10px;
}

.circular-menu li:nth-child(3) .label p {
  transform: rotate(12deg);
}
.circular-menu li:nth-child(3) .label p svg {
  width: 90px;
  height: 90px;
  margin-top: 46px;
  margin-left: 40px;
}

.circular-menu li:nth-child(4) .label p {
  transform: rotate(349deg);
}
.circular-menu li:nth-child(4) .label p svg {
  width: 100px;
  height: 100px;
  margin-top: 39px;
}

.circular-menu li:nth-child(3) .hover {
  position: fixed;
  right: 65px;
  top: 65%;
  left: initial;
  transform: rotate(145deg);
}

.circular-menu li:nth-child(4) .hover {
  position: fixed;
  right: initial;
  top: initial;
  left: 9%;
  bottom: 230px;
  transform: rotate(217deg);
}

.circular-menu li:nth-child(5) .hover {
  position: fixed;
  right: initial;
  top: 19%;
  left: -28px;
  bottom: initial;
  transform: rotate(290deg);
}

.circular-menu li:nth-child(5) .label p {
  transform: rotate(4eg);
}
.circular-menu li:nth-child(5) .label p svg {
  width: 110px;
  height: 110px;
  margin-top: -15px;
  margin-left: 35px;
}

.circular-menu li:nth-child(5):hover .hover,
.touch .circular-menu li:nth-child(5):focus .hover {
  visibility: visible;
  opacity: 1;
}

.circular-menu li:nth-child(5) div.label {
  margin: -138.0245184822px 0 0 -280.3967823524px;
}

.circular-menu li:nth-child(1) div.label {
  margin: -305px 0 0 -251px !important;
  width: 514px;
  height: 185px;
}

.circular-menu li:nth-child(2) div.label {
  height: 302px;
  width: 182px;
}

.circular-menu li:nth-child(4) div.label {
  display: flex;
  width: 270px;
  height: 240px;
  padding-right: 140px !important;
}

.circular-menu li:nth-child(5) div.label {
  margin: -149px 0 0 -310px !important;
  width: 165px;
  height: 330px;
}

.circular-menu li:nth-child(5):hover div.center-section.section-5,
.touch .circular-menu li:nth-child(5):focus div.center-section.section-5 {
  display: block;
}

.animated {
  animation-duration: 0.75s;
  animation-fill-mode: both;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

.page-banner {
  position: fixed;
  width: 220px;
  overflow: hidden;
  min-height: 100vh;
  top: 0;
  left: 0;
}

.circle {
  color: white;
  height: 100%;
  width: 100%;
  flex-grow: 1;
  border-radius: 0% 50% 50% 0%;
  transition: border-radius 0.3s ease; /* Smooth transition for border-radius */
  position: relative; /* Ensure pseudo-element positions are relative to the circle */
  overflow: hidden; /* Clip content to fit the border-radius */
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: background-color 0.3s ease;
}
.circle:hover {
  background: rgba(255, 255, 255, 0.1);
}

.page-banner-text {
  position: absolute;
  left: -3%;
  top: 50%;
  transform: translateY(-50%);
}
.page-banner-text ul {
  list-style: none;
  padding-left: 15px;
}
.page-banner-text ul li {
  text-align: center;
  padding: 25px 0;
  border-bottom: 1px solid #fff;
  min-width: 147px;
  position: relative;
  transition: all 300ms ease-out;
  min-height: 135px;
}
.page-banner-text ul li .btnMasterControl {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  margin-top: 8px;
  letter-spacing: 1px;
  background-color: transparent;
}
.page-banner-text ul li .btnMasterControl:hover {
  background-color: transparent;
}
.page-banner-text ul li:nth-child(1) {
  position: relative;
  left: 15px;
}
.page-banner-text ul li:nth-child(1) > form button {
  min-width: 175px;
}
.page-banner-text ul li:nth-child(2) {
  position: relative;
  left: 20px;
}
.page-banner-text ul li:nth-child(2) .btnMasterControl {
  margin-left: 15px;
}
.page-banner-text ul li:nth-child(3) {
  position: relative;
  left: 15px;
}
.page-banner-text ul li:nth-child(4) {
  position: relative;
  left: 3px;
}
.page-banner-text ul li:nth-child(4) .btnMasterControl {
  margin-left: 20px;
}
.page-banner-text ul li:nth-child(5) {
  position: relative;
  left: -25px;
}
.page-banner-text ul li:last-child {
  border-bottom: 0;
}
.page-banner-text ul li:hover {
  cursor: pointer;
}
.page-banner-text ul li:hover:after {
  content: "";
  background: rgb(30, 181, 176);
  background: linear-gradient(90deg, rgb(30, 181, 176) 0%, rgb(18, 85, 100) 100%);
  height: 100%;
  width: 250%;
  position: absolute;
  top: 0px;
  left: -50px;
  z-index: -1;
  border-radius: 0% 50% 0% 0%;
}
.page-banner-text p {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  margin-top: 8px;
  letter-spacing: 1px;
  text-align: center;
}
.page-banner-text a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  margin-top: 8px;
  letter-spacing: 1px;
}
.page-banner-text svg {
  width: 40px;
  height: 40px;
}

.page-banner-text-right {
  position: absolute;
  left: -15%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-height: 650px) {
  .page-banner-text-right {
    left: unset !important;
    right: 1rem;
  }
  .page-banner-text-right ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100dvh - 2rem);
    align-items: flex-end !important;
  }
  .page-banner-text-right ul li {
    min-height: auto !important;
    padding: 0 !important;
    justify-content: center;
    align-content: space-between;
    flex-grow: 1;
    margin-left: 0 !important;
    left: 0 !important;
    position: relative !important;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .page-banner-text-right ul li:nth-child(4) .btnMasterControl {
    margin-left: 0 !important;
  }
}
.page-banner-text-right ul {
  list-style: none;
  padding-left: 33px;
}
.page-banner-text-right ul li {
  text-align: center;
  padding: 25px 0;
  border-bottom: 1px solid #fff;
  min-width: 147px;
  position: relative;
  transition: all 300ms ease-out;
  min-height: 135px;
}
.page-banner-text-right ul li .btnMasterControl {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  margin-top: 8px;
  letter-spacing: 1px;
  background-color: transparent;
}
.page-banner-text-right ul li .btnMasterControl:hover {
  background-color: transparent;
}
.page-banner-text-right ul li:nth-child(1) {
  left: 40px;
  position: relative;
}
.page-banner-text-right ul li:nth-child(1) > form {
  margin-left: -7px;
}
.page-banner-text-right ul li:nth-child(1) > form button {
  min-width: 175px;
}
.page-banner-text-right ul li:nth-child(2) {
  position: relative;
  left: 35px;
}
.page-banner-text-right ul li:nth-child(2) .btnMasterControl {
  margin-left: 15px;
}
.page-banner-text-right ul li:nth-child(3) {
  position: relative;
  left: 30px;
}
.page-banner-text-right ul li:nth-child(4) {
  position: relative;
  left: 35px;
}
.page-banner-text-right ul li:nth-child(4) .btnMasterControl {
  margin-left: 20px;
}
.page-banner-text-right ul li:nth-child(5) {
  position: relative;
  left: 50px;
}
.page-banner-text-right ul li:last-child {
  border-bottom: 0;
}
.page-banner-text-right ul li:hover {
  cursor: pointer;
}
.page-banner-text-right ul li:hover:after {
  content: "";
  background: rgb(30, 181, 176);
  background: linear-gradient(90deg, rgb(30, 181, 176) 0%, rgb(18, 85, 100) 100%);
  display: block;
  height: 100%;
  width: 250%;
  position: absolute;
  top: 0px;
  left: -60px;
  z-index: -1;
}
.page-banner-text-right p {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  margin-top: 8px;
  letter-spacing: 1px;
  text-align: center;
}
.page-banner-text-right a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  margin-top: 8px;
  letter-spacing: 1px;
}
.page-banner-text-right svg {
  width: 40px;
  height: 40px;
}

.page-banner-right {
  right: 0;
  left: initial;
}
.page-banner-right .circle {
  border-radius: 50% 0% 0% 50%;
}
.page-banner-right .page-banner-text {
  left: 55px;
}
.page-banner-right .page-banner-text ul {
  padding-left: 0;
}
.page-banner-right .page-banner-text li:nth-child(2) {
  position: relative;
  left: -14px;
}
.page-banner-right .page-banner-text li:nth-child(3) {
  position: relative;
  left: -18px;
}
.page-banner-right .page-banner-text li:nth-child(4) {
  position: relative;
  left: -5px;
}
.page-banner-right .page-banner-text li:nth-child(5) {
  position: relative;
  left: 15px;
}

.wrapper-disabled {
  opacity: 0.3;
  user-select: none;
  pointer-events: none;
}

.wrapper-disabled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.fc-list-table .fc-list-event:hover td {
  background-color: transparent !important;
}

.fc-list-event-graphic {
  display: none !important;
}

.fc-list-event-time {
  padding-top: 13px !important;
}

.fc-list-day {
  color: #000; /* Change to your desired color */
  font-weight: bold; /* Optional: Make it bold */
}

html[data-lang=ko-KR] .page-banner-text ul li:nth-child(2) .btnMasterControl {
  margin-left: 40px;
}
html[data-lang=ko-KR] .page-banner-text-right ul li:nth-child(4) .btnMasterControl {
  margin-left: 30px;
}._textError_1mcq6_1 {
  flex-direction: row;
  gap: 5px;
  margin-top: 10px;
  color: #ff3030;
}

._txtLabel_1mcq6_8 {
  font-weight: 600;
}._form_1hrem_1 {
  animation-duration: 0.4ms;
  transition-delay: 0.4ms;
}
._form_1hrem_1 [class~=Mui-disabled] {
  background: #d9d9d9;
  border-radius: 4px;
  color: #5c5c5c;
}
._form_1hrem_1 ._images_1hrem_10 p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

._nameImage_1hrem_16 {
  max-width: 140px;
  height: 100%;
  margin-top: 5px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._txtEditInterface_1hrem_25 {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-left: 4px;
}

._groupThirdParty_1hrem_32 {
  margin-top: 10px;
  height: 100%;
  border-radius: 8px;
}

._txtThirdParty_1hrem_38 {
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 5px;
}

._btnEdit_1hrem_44 {
  background-color: #c2cfcf;
  color: #004744;
}
._btnEdit_1hrem_44:hover {
  background-color: #c2cfcf;
  color: #004744;
}

._headerThirdParty_1hrem_53 {
  border-bottom: 1px solid #d0d0d0;
  padding: 15px;
}

._itemThirdParty_1hrem_58 {
  padding: 15px;
  border-bottom: 1px solid #d0d0d0;
}

._itemThirdParty_1hrem_58:last-of-type {
  border-bottom: none;
}

._txtSensorName_1hrem_67 {
  font-size: 14px;
  line-height: 14px;
}

._btnSource_1hrem_72 {
  height: 30px !important;
  background-color: #cddada;
  color: #000000;
}
._btnSource_1hrem_72:hover {
  background-color: #cddada;
  color: #000000;
}

._checkBox_1hrem_82 {
  border: 1px solid red;
}

._boxThirdDevices_1hrem_86 {
  height: 80vh;
  overflow: auto;
}

._itemThirdDevices_1hrem_91 {
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
}

._itemThirdDevices_1hrem_91:last-of-type {
  border-bottom: none;
}

._menuWrapper_1hrem_100 [class~=MuiPaper-root] {
  padding: 0;
  margin-top: 4px;
  width: 227px;
  border-radius: 4px;
  height: 185px;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
}

._txtFilter_1hrem_109 {
  font-weight: 500;
  line-height: 14.8px;
  font-size: 13px;
}

._btnApply_1hrem_115 {
  width: 30px;
}

._deleteIcon_1hrem_119 {
  width: 28px;
  height: 28px;
  cursor: pointer;
}

._txtNameDevices_1hrem_125 {
  font-size: 14px;
}

._txtObservedDaylight_1hrem_129 {
  margin-left: 5px;
  margin-top: 2px;
}._txtTableOrg_e9uif_1 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
  margin-left: 10px !important;
}

._tableTh_e9uif_9 {
  padding-left: 20px;
}

._boxUser_e9uif_13 {
  overflow: auto;
  padding-right: 20px;
}._container_1smm8_1 {
  max-width: 450px;
}

._wrapper_1smm8_5 {
  padding: 34px 18px;
}

._header_1smm8_9 {
  width: 377px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

._bodyForm_1smm8_16 {
  min-width: 377px;
  min-height: 50px;
  margin-top: 22px;
  background-color: #d9d9d9;
  border-radius: 4px;
  padding: 8px 16px;
}

._textName_1smm8_25 {
  color: #5c5c5c;
  font-size: 8px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}._txtTableOrg_e9uif_1 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
  margin-left: 10px !important;
}

._tableTh_e9uif_9 {
  padding-left: 20px;
}

._boxUser_e9uif_13 {
  overflow: auto;
  padding-right: 20px;
}._txtTableAdmin_udg91_1 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_udg91_8 {
  padding-left: 35px;
}._root_1j4m7_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._contentWrapper_1j4m7_7 {
  flex-grow: 1;
}

._containerRootView_1j4m7_11 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding-right: 8px;
}
@media (min-width: 950px) and (max-width: 1130px) {
  ._containerRootView_1j4m7_11 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_1j4m7_11 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_1j4m7_11 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxStation_1j4m7_36 {
  width: 100%;
  height: 318px;
  flex-shrink: 0;
  border-radius: 16px;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._contentStation_1j4m7_44 {
  height: 80%;
  border-bottom: 1px solid #d7d7d7;
  padding: 24px 19px;
}

._contentStationBot_1j4m7_50 {
  height: 20%;
  padding: 20px 10px;
}

._groupState_1j4m7_55 {
  width: 80px;
  height: 35px;
  border-radius: 8px;
  border: 1px solid #004744;
}

._groupStateOffline_1j4m7_62 {
  background-color: #d7d7d7 !important;
  width: 80px;
  height: 35px;
  border-radius: 8px;
}

._groupStatus_1j4m7_69 {
  background-color: #004744;
  width: 120px;
  height: 35px;
  border-radius: 8px;
}

._groupStatusPending_1j4m7_76 {
  background-color: #ff783c;
  width: 120px;
  height: 35px;
  border-radius: 8px;
}

._textStatus_1j4m7_83 {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px;
  font-size: 14px;
}

._textStatusOffline_1j4m7_91 {
  color: #000 !important;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 10px;
  font-size: 14px;
}

._txtInterfaceOnl_1j4m7_100 {
  font-size: 18px;
  font-weight: 700;
  line-height: 18.4px;
  margin-top: 10px;
}

._txtInterfaceOff_1j4m7_107 {
  font-size: 18px;
  font-weight: 700;
  line-height: 18.4px;
  margin-top: 10px;
  color: #8a8a8a;
}

._txtCustomInterface_1j4m7_115 {
  font-size: 14px;
  margin-top: 10px;
}

._contentStationBottom_1j4m7_120 {
  height: 100%;
  margin-top: 20%;
}

._txtBottom_1j4m7_125 {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}

._btnRefresh_1j4m7_131 {
  min-width: 10px !important;
  width: 30px !important;
  background-color: #fff2f2;
  color: #ff3030;
}
._btnRefresh_1j4m7_131:hover {
  background-color: #fff2f2;
  color: #ff3030;
}

._btnEdit_1j4m7_142 {
  min-width: 10px !important;
  width: 30px !important;
  background-color: #ebf1f0;
  color: #004744;
}
._btnEdit_1j4m7_142:hover {
  background-color: #ebf1f0;
  color: #004744;
}

._btnLaunch_1j4m7_153 {
  min-width: 90px;
  padding: 5px !important;
}

._boxOrg_1j4m7_158 {
  width: 100%;
  height: 22px;
  padding: 4px 6px;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}

._txtNameOrg_1j4m7_167 {
  color: #fff;
  margin-top: 5px;
}._tableCell_x2kzf_1 {
  min-width: 141px;
}

._tableCellSites_x2kzf_5 {
  min-width: 107px;
}

._tableCellText_x2kzf_9 {
  min-width: 175px;
}

._tableCellFunction_x2kzf_13 {
  min-width: 126.5px;
}

._textSitesLocation_x2kzf_17 {
  margin-right: 8.83px;
  padding: 3px;
  font-size: 12px;
}

._textUpdate_x2kzf_23 {
  margin-right: 8.83px;
  padding: 3px;
}

._groupStatus_x2kzf_28 {
  background-color: rgba(0, 71, 68, 0.6);
  width: 55px;
  height: 20px;
  border-radius: 3px;
}

._textStatus_x2kzf_35 {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 4px 8px;
  font-size: 12px;
}

._txtOnline_x2kzf_43 {
  color: #004744;
  font-size: 12px;
}

._txtOffline_x2kzf_48 {
  color: #8a8a8a;
  font-size: 12px;
}

._groupStatusPending_x2kzf_53 {
  background-color: #8a8a8a;
  width: 100px;
  height: 20px;
  border-radius: 3px;
}

._groupStatusOffline_x2kzf_60 {
  background-color: #8a8a8a;
  width: 55px;
  height: 20px;
  border-radius: 3px;
}

._textLaunch_x2kzf_67 {
  margin-right: 10.05px;
  padding: 3px;
  cursor: pointer;
}

._iconLaunch_x2kzf_73 {
  cursor: pointer;
}

._textEdit_x2kzf_77 {
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
}

._textReset_x2kzf_84 {
  color: #ff3030;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
  opacity: 1;
}

._txtTableInterface_x2kzf_93 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_x2kzf_100 {
  padding-left: 35px;
}

._tableCellCustomName_x2kzf_104 {
  display: flex;
}._textManageMapOverlay_1nf13_1 {
  margin-right: 8.83px;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  padding: 3px;
}

._textAction_1nf13_9 {
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
}

._txtTableLocation_1nf13_16 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_1nf13_23 {
  padding-left: 35px;
}._textManageSite_1z10e_1 {
  padding: 3px;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  padding: 3px;
  margin-right: 8.83px;
}

._textManageLocation_1z10e_10 {
  margin-right: 9.5px;
  padding: 3px;
}

._textAction_1z10e_15 {
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
}

._txtTableSiteHead_1z10e_22 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_1z10e_29 {
  padding-left: 33px;
}._txtTableAdmin_udg91_1 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_udg91_8 {
  padding-left: 35px;
}._txtTableOrg_1fbsj_1 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
  margin-left: 10px !important;
}

._tableTh_1fbsj_9 {
  padding-left: 20px;
}._tableContainer_1eu8h_1 {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  height: 100%;
}
._tableContainer_1eu8h_1::-webkit-scrollbar {
  width: 5px;
  position: absolute;
}
._tableContainer_1eu8h_1::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}
._tableContainer_1eu8h_1 ._table_1eu8h_1 ._tableHead_1eu8h_15 th {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  padding: 16px;
  background-color: #e0fcec;
  border-bottom: none;
  color: var(--color-text-table-header);
  position: sticky;
  top: 0;
  z-index: 999;
}
._tableContainer_1eu8h_1 ._table_1eu8h_1 ._tableBody_1eu8h_27 ._tableRow_1eu8h_27:nth-of-type(even) {
  background-color: #f9fafb;
}
._tableContainer_1eu8h_1 ._table_1eu8h_1 ._tableBody_1eu8h_27 ._tableRow_1eu8h_27:hover {
  background-color: #f3f4f6;
}
._tableContainer_1eu8h_1 ._table_1eu8h_1 ._tableBody_1eu8h_27 ._tableRow_1eu8h_27._active_1eu8h_33 td {
  background-color: var(--backgroundColor-table-rowActive);
}
._tableContainer_1eu8h_1 ._table_1eu8h_1 ._tableBody_1eu8h_27 ._tableRow_1eu8h_27 td {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  padding: 16px;
  color: var(--color-text-table-body);
  position: relative;
}
._tableContainer_1eu8h_1 ._table_1eu8h_1 ._tableBody_1eu8h_27 ._tableRow_1eu8h_27 td:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 25%;
  right: 0;
  width: 1px;
  height: 50%;
  background-color: #f3f4f4;
}._checkboxIcon_1gzlt_1 {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #c4cada;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
._checkboxIcon_1gzlt_1._checked_1gzlt_12 {
  background-color: #66f0a0;
  border-color: #66f0a0;
}
._checkboxIcon_1gzlt_1._checked_1gzlt_12 svg {
  color: #ffffff;
  font-size: 16px;
}
._checkboxIcon_1gzlt_1._indeterminate_1gzlt_20 {
  background-color: #66f0a0;
  border-color: #66f0a0;
}
._checkboxIcon_1gzlt_1._indeterminate_1gzlt_20 svg {
  color: #ffffff;
  font-size: 16px;
}._drawer_139h9_1 {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._drawer_139h9_1 ._header_139h9_7 {
  background: #66f0a0;
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  max-height: 55px;
}
._drawer_139h9_1 ._header_139h9_7 span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #002031;
}
._drawer_139h9_1 ._content_139h9_22 {
  flex: 1;
  display: flex;
  padding: 16px;
  flex-direction: column;
  overflow: hidden;
}
._drawer_139h9_1 ._content_139h9_22 ._name_139h9_29 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 {
  margin-top: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentListTable_139h9_41 {
  overflow: hidden;
  flex: 0 0 calc(50% - 8px);
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentListTable_139h9_41 ._btnManager_139h9_45 {
  border: none;
  background: transparent;
  color: var(--organizations-color-buttonAdd);
  font-weight: 400;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentListTable_139h9_41 ._btnManager_139h9_45:hover {
  color: var(--organizations-color-buttonAdd);
  background: transparent;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 {
  flex: 0 0 calc(50% - 8px);
  padding: 16px;
  border: 1px solid var(--color-border-box);
  border-radius: 16px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._selectCustom_139h9_61 {
  background: var(--backgroundColor-box);
  min-width: 250px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._selectCustom_139h9_61 > div {
  background: var(--backgroundColor-box);
  border: 1px solid var(--color-border-box);
  border-radius: 8px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._btnRemove_139h9_70 {
  background: #fee9ee;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #f8285a;
  min-height: 40px;
  height: 40px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._controllerAccess_139h9_79 {
  border: 1px solid var(--color-border-box);
  border-radius: 16px;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 70px);
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._controllerAccess_139h9_79 ._title_139h9_87 {
  height: 56px;
  padding: 16px;
  background: #e0fcec;
  color: #002031;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._controllerAccess_139h9_79 ._controllerAccessList_139h9_98 {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 8px;
  overflow-y: auto;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._controllerAccess_139h9_79 ._controllerAccessList_139h9_98::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._controllerAccess_139h9_79 ._controllerAccessList_139h9_98::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._controllerAccess_139h9_79 ._controllerAccessList_139h9_98 ._controllerAccessItem_139h9_115 {
  display: flex;
  align-items: center;
  width: calc(50% - 8px);
}
._drawer_139h9_1 ._content_139h9_22 ._contentList_139h9_34 ._contentRole_139h9_55 ._controllerAccess_139h9_79 ._controllerAccessList_139h9_98 ._controllerAccessItem_139h9_115 span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-left: 8px;
}
._drawer_139h9_1 ._footer_139h9_126 {
  max-height: 60px;
  flex: 1;
  display: flex;
  justify-content: end;
  padding: 16px;
  gap: 16px;
  display: flex;
  border-top: 1px solid var(--color-border-box);
}._btnManager_odcg0_1 {
  border: none;
  background: transparent;
  color: var(--organizations-color-buttonAdd);
  font-weight: 400;
}
._btnManager_odcg0_1:hover {
  background: transparent;
  color: var(--organizations-color-buttonAdd);
}
._btnManager_odcg0_1._btnRemove_odcg0_11 {
  color: red;
}

._topPanelHeader_odcg0_15 {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
._topPanelHeader_odcg0_15 ._title_odcg0_21 {
  font-weight: 600;
  font-size: 20px;
}
._topPanelHeader_odcg0_15 ._topPanelAction_odcg0_25 {
  display: flex;
  gap: 16px;
}

._customSelect_odcg0_30 {
  min-width: 100%;
}

._tableInlineText_odcg0_34 {
  max-width: 150px;
  word-wrap: break-word;
  line-height: 16px;
}._drawer_2x1re_1 {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._drawer_2x1re_1 ._header_2x1re_7 {
  background: #66f0a0;
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  max-height: 55px;
}
._drawer_2x1re_1 ._header_2x1re_7 span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #002031;
}
._drawer_2x1re_1 ._content_2x1re_22 {
  flex: 1;
  display: flex;
  padding: 16px;
  flex-direction: column;
  overflow: hidden;
}
._drawer_2x1re_1 ._content_2x1re_22 ._name_2x1re_29 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
._drawer_2x1re_1 ._content_2x1re_22 ._contentList_2x1re_34 {
  margin-top: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
._drawer_2x1re_1 ._content_2x1re_22 ._contentList_2x1re_34 ._contentExistUser_2x1re_41 {
  overflow: hidden;
}
._drawer_2x1re_1 ._content_2x1re_22 ._formAddUser_2x1re_44 {
  margin-top: 24px;
}
._drawer_2x1re_1 ._content_2x1re_22 ._formAddUser_2x1re_44 ._customSelect_2x1re_47 {
  margin-top: 0;
}
._drawer_2x1re_1 ._content_2x1re_22 ._formAddUser_2x1re_44 ._btnAdd_2x1re_50 {
  opacity: 1;
  border: 1px dashed #c4cada;
  background: var(--backgroundColor-box);
  color: #c4cada;
}
._drawer_2x1re_1 ._footer_2x1re_56 {
  max-height: 60px;
  flex: 1;
  display: flex;
  justify-content: end;
  padding: 16px;
  gap: 16px;
  display: flex;
  border-top: 1px solid var(--color-border-box);
}._drawer_1wh8w_1 {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._drawer_1wh8w_1 ._header_1wh8w_7 {
  background: #66f0a0;
  flex: 1;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  max-height: 55px;
}
._drawer_1wh8w_1 ._header_1wh8w_7 span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #002031;
}
._drawer_1wh8w_1 ._content_1wh8w_22 {
  flex: 1;
  display: flex;
  padding: 16px;
  flex-direction: column;
  overflow: hidden;
}
._drawer_1wh8w_1 ._content_1wh8w_22 ._name_1wh8w_29 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
._drawer_1wh8w_1 ._content_1wh8w_22 ._contentList_1wh8w_34 {
  margin-top: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
._drawer_1wh8w_1 ._content_1wh8w_22 ._contentList_1wh8w_34 ._contentListTable_1wh8w_41 {
  overflow: hidden;
  flex: 100%;
}
._drawer_1wh8w_1 ._content_1wh8w_22 ._contentList_1wh8w_34 ._contentListTable_1wh8w_41 ._btnManager_1wh8w_45 {
  border: none;
  background: transparent;
  color: var(--organizations-color-buttonAdd);
  font-weight: 400;
}
._drawer_1wh8w_1 ._content_1wh8w_22 ._contentList_1wh8w_34 ._contentListTable_1wh8w_41 ._btnManager_1wh8w_45:hover {
  color: var(--organizations-color-buttonAdd);
  background: transparent;
}
._drawer_1wh8w_1 ._content_1wh8w_22 ._contentList_1wh8w_34 ._contentListTable_1wh8w_41 ._btnRemove_1wh8w_55 {
  border: none;
  background: transparent;
  font-weight: 400;
  color: red;
}
._drawer_1wh8w_1 ._content_1wh8w_22 ._contentList_1wh8w_34 ._contentListTable_1wh8w_41 ._btnRemove_1wh8w_55:hover {
  background: transparent;
  color: red;
}._drawer_iqjft_1 {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._drawer_iqjft_1 ._header_iqjft_7 {
  background: #66f0a0;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  max-height: 55px;
}
._drawer_iqjft_1 ._header_iqjft_7 span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #002031;
}
._drawer_iqjft_1 ._content_iqjft_22 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 16px;
}
._drawer_iqjft_1 ._footer_iqjft_29 {
  max-height: 60px;
  flex: 1;
  display: flex;
  justify-content: end;
  padding: 16px;
  gap: 16px;
  display: flex;
  border-top: 1px solid var(--color-border-box);
}

._assignLayout_iqjft_40 {
  display: flex;
  flex: 1;
  gap: 16px;
  overflow: hidden;
}

._leftPanel_iqjft_47 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 12px;
}

._groupContainer_iqjft_55 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-content: flex-start;
  padding-right: 4px;
}
._groupContainer_iqjft_55::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._groupContainer_iqjft_55::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}

._sensorGroup_iqjft_75 {
  flex: 0 0 100%;
  border: 1px solid var(--color-border-box, #e8e8e8);
  border-radius: 10px;
  overflow: hidden;
  align-self: flex-start;
}

._groupHeader_iqjft_83 {
  background: #e0fcec;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._groupHeader_iqjft_83 ._groupName_iqjft_90 {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #002031;
}

._sensorItem_iqjft_97 {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--color-border-box, #f3f4f4);
}
._sensorItem_iqjft_97 ._sensorName_iqjft_104 {
  font-size: 13px;
  line-height: 20px;
}

._rightPanel_iqjft_109 {
  flex: 0 0 350px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border-box, #e8e8e8);
  border-radius: 10px;
  overflow: hidden;
}

._selectedHeader_iqjft_118 {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border-box, #f3f4f4);
  flex-shrink: 0;
  background: var(--backgroundColor-box, #fff);
}
._selectedHeader_iqjft_118 span {
  display: flex;
  gap: 8px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

._selectedList_iqjft_133 {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
._selectedList_iqjft_133::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._selectedList_iqjft_133::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}

._selectedItem_iqjft_149 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border: 1px solid var(--color-border-box, #e8e8e8);
  border-radius: 8px;
  margin-bottom: 6px;
}
._selectedItem_iqjft_149 ._selectedName_iqjft_158 {
  font-size: 13px;
  font-weight: 500;
}._topPanelHeader_1u68t_1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-shrink: 0;
}
._topPanelHeader_1u68t_1 ._title_1u68t_7 {
  font-weight: 600;
  font-size: 20px;
}
._topPanelHeader_1u68t_1 ._topPanelAction_1u68t_11 {
  display: flex;
  gap: 16px;
}

._btnRemove_1u68t_16 {
  border: none;
  background: transparent;
  font-weight: 400;
  color: red;
}
._btnRemove_1u68t_16:hover {
  background: transparent;
  color: red;
}

._btnManager_1u68t_27 {
  border: none;
  background: transparent;
  color: var(--organizations-color-buttonAdd);
  font-weight: 400;
}
._btnManager_1u68t_27:hover {
  background: transparent;
  color: var(--organizations-color-buttonAdd);
}
._btnManager_1u68t_27._btnRemove_1u68t_16 {
  color: red;
}._topPanelHeader_yacpb_1 {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
._topPanelHeader_yacpb_1 ._title_yacpb_7 {
  font-weight: 600;
  font-size: 20px;
}
._topPanelHeader_yacpb_1 ._topPanelAction_yacpb_11 {
  display: flex;
  gap: 16px;
}

._btnManager_yacpb_16 {
  border: none;
  background: transparent;
  color: var(--organizations-color-buttonAdd);
  font-weight: 400;
}
._btnManager_yacpb_16:hover {
  background: transparent;
  color: var(--organizations-color-buttonAdd);
}
._btnManager_yacpb_16._btnRemove_yacpb_26 {
  color: red;
}

._tableInlineText_yacpb_30 {
  max-width: 200px;
  word-wrap: break-word;
  line-height: 16px;
}._drawer_iqjft_1 {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
._drawer_iqjft_1 ._header_iqjft_7 {
  background: #66f0a0;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  max-height: 55px;
}
._drawer_iqjft_1 ._header_iqjft_7 span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #002031;
}
._drawer_iqjft_1 ._content_iqjft_22 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 16px;
}
._drawer_iqjft_1 ._footer_iqjft_29 {
  max-height: 60px;
  flex: 1;
  display: flex;
  justify-content: end;
  padding: 16px;
  gap: 16px;
  display: flex;
  border-top: 1px solid var(--color-border-box);
}

._assignLayout_iqjft_40 {
  display: flex;
  flex: 1;
  gap: 16px;
  overflow: hidden;
}

._leftPanel_iqjft_47 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  gap: 12px;
}

._groupContainer_iqjft_55 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-content: flex-start;
  padding-right: 4px;
}
._groupContainer_iqjft_55::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._groupContainer_iqjft_55::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}

._sensorGroup_iqjft_75 {
  flex: 0 0 100%;
  border: 1px solid var(--color-border-box, #e8e8e8);
  border-radius: 10px;
  overflow: hidden;
  align-self: flex-start;
}

._groupHeader_iqjft_83 {
  background: #e0fcec;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
._groupHeader_iqjft_83 ._groupName_iqjft_90 {
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  color: #002031;
}

._sensorItem_iqjft_97 {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--color-border-box, #f3f4f4);
}
._sensorItem_iqjft_97 ._sensorName_iqjft_104 {
  font-size: 13px;
  line-height: 20px;
}

._rightPanel_iqjft_109 {
  flex: 0 0 350px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border-box, #e8e8e8);
  border-radius: 10px;
  overflow: hidden;
}

._selectedHeader_iqjft_118 {
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border-box, #f3f4f4);
  flex-shrink: 0;
  background: var(--backgroundColor-box, #fff);
}
._selectedHeader_iqjft_118 span {
  display: flex;
  gap: 8px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

._selectedList_iqjft_133 {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
._selectedList_iqjft_133::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._selectedList_iqjft_133::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}

._selectedItem_iqjft_149 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border: 1px solid var(--color-border-box, #e8e8e8);
  border-radius: 8px;
  margin-bottom: 6px;
}
._selectedItem_iqjft_149 ._selectedName_iqjft_158 {
  font-size: 13px;
  font-weight: 500;
}._itemList_bma7b_1 {
  gap: 8px;
  opacity: 1;
  border-radius: 8px;
  padding: 8px 16px;
  background: var(--organizations-background-button-country);
  display: inline-flex;
  cursor: pointer;
}
._itemList_bma7b_1 ._itemListName_bma7b_10 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #002031;
}
._itemList_bma7b_1 ._itemListName_bma7b_10 svg {
  margin-left: 8px;
}
._itemList_bma7b_1._itemListActive_bma7b_21 {
  background: var(--organizations-background-button-countryActive);
}
._itemList_bma7b_1._itemListActive_bma7b_21 ._itemListName_bma7b_10 svg {
  display: block;
}
._itemList_bma7b_1._itemListEditing_bma7b_27 {
  width: 100%;
}
._itemList_bma7b_1._itemListEditing_bma7b_27 ._editItemRow_bma7b_30 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._itemList_bma7b_1._itemListEditing_bma7b_27 ._editItemRow_bma7b_30 ._editItemActions_bma7b_36 {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
  width: 60px;
}
._itemList_bma7b_1._itemListEditing_bma7b_27 ._editItemRow_bma7b_30 ._inputOrganizationName_bma7b_42 [class*=Mui-focused] fieldset {
  border-color: #004744 !important;
}._organizationItemContentList_jvo10_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: start;
  max-height: calc(100% - 50px);
  overflow: auto;
}
._organizationItemContentList_jvo10_1::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._organizationItemContentList_jvo10_1::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}

._organizationItemContentAction_jvo10_20 {
  margin-top: 16px;
}
._organizationItemContentAction_jvo10_20 ._btnAdd_jvo10_23 {
  opacity: 1;
  border: 1px dashed #c4cada;
  background: var(--backgroundColor-box);
  color: #c4cada;
}

._addItemRow_jvo10_30 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
._addItemRow_jvo10_30 ._addItemActions_jvo10_36 {
  display: flex;
  gap: 4px;
  flex-shrink: 0;
}
._addItemRow_jvo10_30 ._inputOrganizationName_jvo10_41 [class*=Mui-focused] fieldset {
  border-color: #004744 !important;
}._wrapper_azaak_1 {
  display: flex;
  max-height: calc(100vh - 48px);
  height: calc(100vh - 48px);
  padding: 16px;
  justify-content: space-between;
  gap: 16px;
  background: var(--backgroundColor-wrapper);
}
._wrapper_azaak_1 ._leftPanel_azaak_10 {
  flex: 0 0 calc(65% - 8px);
  max-width: calc(100% - 600px - 8px);
  min-width: calc(100% - 800px - 8px);
  padding: 0;
  overflow: auto;
  display: flex;
  border-radius: 16px;
  background: var(--backgroundColor-box);
}
._wrapper_azaak_1 ._leftPanel_azaak_10 ._organizationItem_azaak_20 {
  flex: 1;
  height: 100%;
  min-width: 290px;
}
._wrapper_azaak_1 ._leftPanel_azaak_10 ._organizationItem_azaak_20 ._organizationItemHeader_azaak_25 {
  background: #004744;
  padding: 16px;
  position: relative;
}
._wrapper_azaak_1 ._leftPanel_azaak_10 ._organizationItem_azaak_20 ._organizationItemHeader_azaak_25 ._level_azaak_30 {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #66f0a0;
}
._wrapper_azaak_1 ._leftPanel_azaak_10 ._organizationItem_azaak_20 ._organizationItemHeader_azaak_25 ._name_azaak_36 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #fff;
}
._wrapper_azaak_1 ._leftPanel_azaak_10 ._organizationItem_azaak_20 ._organizationItemContent_azaak_44 {
  height: calc(100% - 80px);
  padding: 16px;
}
._wrapper_azaak_1 ._leftPanel_azaak_10 ._organizationItem_azaak_20:not(:last-child) ._organizationItemContent_azaak_44 {
  border-right: 1px solid #f3f4f4;
}
._wrapper_azaak_1 ._leftPanel_azaak_10 ._organizationItem_azaak_20:not(:last-child) ._organizationItemHeader_azaak_25:after {
  content: "";
  width: 1px;
  background: #f3f4f4;
  position: absolute;
  right: 0;
  top: 16px;
  height: calc(100% - 32px);
}
._wrapper_azaak_1 ._leftPanel_azaak_10::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._wrapper_azaak_1 ._leftPanel_azaak_10::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}
._wrapper_azaak_1 ._rightPanel_azaak_70 {
  flex: 0 0 calc(35% - 8px);
  max-width: 792px;
  min-width: 592px;
  padding: 0;
  overflow: hidden;
  background: var(--backgroundColor-box);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  padding: 16px;
}
._wrapper_azaak_1 ._rightPanel_azaak_70 ._tabs_azaak_82 {
  flex-shrink: 0;
  border-bottom: 1px solid #f3f4f4;
  min-height: 40px;
}
._wrapper_azaak_1 ._rightPanel_azaak_70 ._tabContent_azaak_87 {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
._wrapper_azaak_1 ._rightPanel_azaak_70 ._tabContent_azaak_87::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  position: absolute;
}
._wrapper_azaak_1 ._rightPanel_azaak_70 ._tabContent_azaak_87::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: #004744;
  border-radius: 3px;
}._txtTableAdminHead_71435_1 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_71435_8 {
  padding-left: 33px;
}._headerWeather_dmi74_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._table_dmi74_8 {
  background-color: white;
}

._tableHead_dmi74_12 {
  background-color: #efefef;
}

._textEdit_dmi74_16 {
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  cursor: pointer;
}

._cellLocation_dmi74_23 {
  text-decoration: underline;
  width: 280px;
  cursor: pointer;
}

._menuWrapper_dmi74_29 {
  border-radius: 4px;
}

._txtTableWeatherHead_dmi74_33 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_dmi74_40 {
  padding-left: 33px;
}._container_161ei_1 {
  overflow: hidden;
  flex-grow: 1;
}

._wrapper_161ei_6 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._station_161ei_13 > div {
  padding: 0px 16px;
}

._filter_161ei_17 {
  text-indent: -99999px;
  width: fit-content;
  min-width: 40px;
}
._filter_161ei_17 p {
  display: none;
}
._filter_161ei_17 span {
  margin: 0;
}
._filter_161ei_17:hover {
  background-color: rgba(128, 128, 128, 0.6);
}

._title_161ei_32 {
  margin-bottom: 4px;
}

._list_161ei_36 {
  cursor: pointer;
  padding: 3px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 6px;
}
._list_161ei_36 li {
  position: relative;
  border-radius: 5px;
  padding: 13px 15px 15px 20px;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 14px;
}
._list_161ei_36 li::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 32px;
  left: 5px;
  top: 5px;
  background: #66F0A0;
  border-radius: 5px;
}
._list_161ei_36 li._error_161ei_63 {
  color: black;
}
._list_161ei_36 li._error_161ei_63::after {
  background: #EF4136;
}
._list_161ei_36 li._waiting_161ei_69 {
  color: black;
}
._list_161ei_36 li._waiting_161ei_69::after {
  background: #F6EB61;
}
._list_161ei_36 li._off_161ei_75 {
  color: black;
}
._list_161ei_36 li._off_161ei_75::after {
  background: #EBEDEC;
  height: 32px;
}

._head_161ei_83 {
  display: flex;
  flex-direction: row;
}

._contentBody_161ei_88 {
  flex-grow: 1;
}

._footer_161ei_92 {
  display: flex;
  justify-content: end;
}

._txtAll_161ei_97 {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

._groupLength_161ei_103 {
  height: 20px;
  width: 22px;
  padding: 2px 4px;
  background-color: #002031;
  border-radius: 4px;
}

._txtStationLength_161ei_111 {
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  color: #ffffff;
}

._tabContainer_161ei_118 {
  min-height: unset;
  background-color: transparent;
  margin-bottom: 30px;
}

._tabContainer_161ei_118 ._MuiTab-root_161ei_124 {
  flex: 1;
  height: 27px;
  min-height: 27px;
  font-weight: 600;
  line-height: 18px;
  font-size: 14px;
  color: #5c5c5c;
}

._tabContainer_161ei_118 ._MuiTab-root_161ei_124._Mui-selected_161ei_134 {
  color: #181818;
  border-bottom: 2px solid #004744;
  width: 84px !important;
}

._tabContainer_161ei_118 ._MuiTabs-indicator_161ei_140 {
  display: none;
}

._tabPanelScroll_161ei_144 {
  padding: 0px !important;
  padding-right: 10px !important;
  overflow-y: auto;
  height: calc(78vh - 10px);
}

._listErrors_161ei_151 {
  cursor: pointer;
  min-height: 95px;
  overflow-y: auto;
  background: #ffffff;
  border: 0.7px solid #d7d7d7;
  box-shadow: 0px 0px 10px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  margin-top: 6px;
}

._groupErrStations_161ei_162 {
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}

._errorsBar_161ei_167 {
  height: 43px;
  width: 4px;
  border-radius: 5px;
  background: #ff3030;
  margin-right: 23px;
}

._txtStationErrors_161ei_175 {
  color: #ff3030;
  font-size: 14px;
  font-family: Exo;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

._txtErrorCode_161ei_184 {
  margin-top: 4px;
  color: #747474;
  font-size: 12px;
  font-family: Exo;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.24px;
}

._inputSearchFull_161ei_195 {
  width: 100%;
}

._inputSearch_161ei_195 {
  width: 250px;
}

._listItemContent_161ei_203 {
  font-weight: 600;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
}

._CustomCheckbox_161ei_212 {
  margin: 0px;
  justify-content: space-between;
  background-color: rgba(4, 71, 68, 0.0784313725);
  border-radius: 5px;
}
._CustomCheckbox_161ei_212 span {
  font-weight: 800;
  font-size: 12px;
  padding: 6px 6px;
}
._CustomCheckbox_161ei_212 input[type=checkbox] + label {
  background-color: red;
}
._CustomCheckbox_161ei_212 ._Mui-checked_161ei_226 {
  background-color: red;
}

._CustomFormGroup_161ei_230 {
  --thumbBG: #004744;
  padding-left: 15px;
  max-height: 136px;
  overflow-y: scroll;
  overflow-x: hidden;
  display: block;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
._CustomFormGroup_161ei_230::-webkit-scrollbar {
  width: 11px;
}
._CustomFormGroup_161ei_230::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
._CustomFormGroup_161ei_230::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
._CustomFormGroup_161ei_230 span {
  line-height: 1.5 !important;
}
._CustomFormGroup_161ei_230 label {
  width: 100%;
}

._CustomBtn_161ei_258 {
  color: #5c5c5c;
  font-weight: 400;
}
._CustomBtn_161ei_258:hover {
  color: #004744;
  font-weight: 600;
}

._header_161ei_267 {
  display: flex;
  flex-direction: row;
  margin-top: 3px;
  height: 53px;
}

._contentWrapper_161ei_274 {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
}

._tabBasicView_161ei_280 {
  padding: 0px !important;
}

._tabFlowView_161ei_284 {
  padding: 0px !important;
}

._tabIrrigationView_161ei_288 {
  padding: 0px !important;
}._container_9frot_1 {
  overflow: hidden;
  flex-grow: 1;
}

._wrapper_9frot_6 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._station_9frot_13 > div {
  padding: 0px;
}

._filter_9frot_17 {
  text-indent: -9999px;
  width: 40px;
  min-width: 40px;
}
._filter_9frot_17 p {
  display: none;
}
._filter_9frot_17 span {
  margin: 0;
}

._title_9frot_29 {
  margin-bottom: 4px;
  margin-top: 10px;
  color: #5c5c5c;
  margin-left: 20px;
}

._tabAll_9frot_36 {
  flex-grow: 1;
  height: 100%;
  padding: 0px !important;
}
._tabAll_9frot_36 ._tabAllGroup_9frot_41 {
  overflow-y: auto;
  padding: 0px !important;
  height: calc(31vh - 120px);
  flex-grow: 1;
}
._tabAll_9frot_36 ._tabAllGroup_9frot_41::-webkit-scrollbar {
  width: 8px;
}
._tabAll_9frot_36 ._tabAllGroup_9frot_41::-webkit-scrollbar-thumb {
  background-color: #63bfd4;
  border-radius: 5px;
  height: 70px;
}

._list_9frot_56 {
  margin-left: 15px;
  margin-right: 15px;
  cursor: pointer;
  padding: 3px 0;
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 6px;
}
._list_9frot_56 li {
  position: relative;
  border: 0.7px solid rgba(255, 255, 255, 0.3);
  background: #151515;
  box-shadow: 0px 0px 10px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  padding: 13px 15px 15px 20px;
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  max-height: 45px;
}
._list_9frot_56 li::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 29px;
  left: 5px;
  top: 5px;
  background: #66f0a0;
  border-radius: 5px;
}
._list_9frot_56 li._error_9frot_91 {
  color: #fff;
  max-height: 45px;
}
._list_9frot_56 li._error_9frot_91::after {
  background: #ef4136;
}
._list_9frot_56 li._waiting_9frot_98 {
  color: #fff;
  max-height: 45px;
}
._list_9frot_56 li._waiting_9frot_98::after {
  background: #f6eb61;
}
._list_9frot_56 li._off_9frot_105 {
  color: #fff;
  max-height: 45px;
}
._list_9frot_56 li._off_9frot_105::after {
  background: #ebedec;
}

._head_9frot_113 {
  display: flex;
  flex-direction: row;
}

._contentBody_9frot_118 {
  flex-grow: 1;
}

._footer_9frot_122 {
  display: flex;
  justify-content: end;
}

._boxStations_9frot_127 {
  border-top: 1px solid #d7d7d7;
  width: auto;
}

._searchStations_9frot_132 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  width: 100%;
  height: 23px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #5c5c5c;
}

._headLeft_9frot_142 {
  height: 100% !important;
}

._txtController_9frot_146 {
  font-size: 14px;
  font-weight: 500;
  color: #004744;
  margin-left: 23px;
}

._txtAll_9frot_153 {
  color: white;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  min-width: 5px !important;
}

._groupLength_9frot_161 {
  height: 20px;
  width: 20px;
  padding: 2px 4px;
  background-color: #002031;
  border-radius: 4px;
}

._txtStationLength_9frot_169 {
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  color: #ffffff;
}

._tabContainer_9frot_176 {
  width: auto;
  overflow-x: auto;
  padding-left: 15px;
}

._tabContainer_9frot_176 ._MuiTab-root_9frot_182 {
  min-height: 10px;
  font-weight: 600;
  line-height: 18px;
  font-size: 14px;
  color: #5c5c5c;
}

._customBorder_9frot_190 {
  padding: 5px;
  width: 100%;
  height: 36px;
}

._filterStations_9frot_196 {
  width: 100%;
  min-width: 0 !important;
  background-color: #191919 !important;
}
._filterStations_9frot_196:hover {
  background-color: #191919 !important;
}

._txtFilterStations_9frot_205 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90px;
  font-size: 10px !important;
  color: #fff;
}

._tabContainer_9frot_176 ._MuiTab-root_9frot_182._Mui-selected_9frot_214 {
  color: #181818;
  border-bottom: 2px solid #004744;
  width: 84px !important;
}

._listItemContent_9frot_220 {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  ._listItemContent_9frot_220 {
    max-width: 60px;
  }
}
@media (min-width: 768px) and (max-width: 1375px) {
  ._listItemContent_9frot_220 {
    max-width: 60px;
  }
}._root_18z62_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._contentWrapper_18z62_7 {
  flex-grow: 1;
}

._inputSearch_18z62_11 {
  width: 248px;
}

._txtId_18z62_15 {
  font-size: 12px;
  line-height: 13.8px;
  font-weight: 600;
  margin-left: 10px;
}

._containerRootView_18z62_22 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding-right: 8px;
}
@media (min-width: 950px) and (max-width: 1130px) {
  ._containerRootView_18z62_22 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_18z62_22 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_18z62_22 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxStation_18z62_47 {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._groupStationName_18z62_55 {
  padding: 10px;
  height: 15%;
  margin-top: 8px;
}

._txtStationName_18z62_61 {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  cursor: pointer;
  text-align: right;
}

._groupID_18z62_69 {
  height: 30px;
  width: 55px;
  border-radius: 100px;
  background: #bbbbbb;
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtStationID_18z62_81 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 600;
  line-height: 115%; /* 13.8px */
}

._groupInfoStation_18z62_88 {
  padding: 8px;
  height: 75%;
}

._groupIcon_18z62_93 {
  width: 30px;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 100px;
}

._groupId_18z62_103 {
  width: 80px;
  padding: 4px;
}

._txtPlant_18z62_108 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
}

._txtAction_18z62_116 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
  margin-left: 5px;
}

._boxPlant_18z62_125 {
  height: 60px;
}

._boxEmitter_18z62_129 {
  padding: 16px 0px 4px 0px;
}

._boxAction_18z62_133 {
  padding: 16px 0px 4px 4px;
}

._txtData_18z62_137 {
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  justify-content: end;
  display: flex;
  width: 130px;
}

._groupError_18z62_146 {
  background: #fff2f2;
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  height: 10%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._groupItem_18z62_158 {
  padding: 5px 0px;
  height: 10%;
}

._groupStationOn_18z62_163 {
  background: #ebf1f0;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._groupStationOff_18z62_172 {
  background: #bbbbbb;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._txtErrorName_18z62_181 {
  color: #ff3030;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
}

._txtStationOn_18z62_189 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}

._txtStationOff_18z62_196 {
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}

._groupSelectAll_18z62_204 {
  background: #ebedec;
  border-radius: 5px;
  height: 32px;
  margin-top: 20px;
  display: inline-flex;
  padding: 8px;
  align-items: center;
  gap: 6px;
  width: 200px;
}

._txtSelectAll_18z62_216 {
  color: #181818;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}

._groupStationWaiting_18z62_223 {
  background: #F6EB61;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._txtStationWaiting_18z62_232 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}._root_197m6_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._contentWrapper_197m6_7 {
  flex-grow: 1;
  height: 100%;
}

._containerRootView_197m6_12 {
  margin-top: 3px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding-right: 8px;
}
@media (max-width: 955px) {
  ._containerRootView_197m6_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_197m6_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_197m6_12 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxStation_197m6_38 {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._groupStationName_197m6_46 {
  padding: 10px 10px;
  height: 14%;
}

._txtStationName_197m6_51 {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  text-align: right;
}

._groupID_197m6_58 {
  height: 25px;
  width: 55px;
  border-radius: 100px;
  background: #bbbbbb;
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtStationID_197m6_70 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 600;
  line-height: 115%; /* 13.8px */
}

._groupInfoStation_197m6_77 {
  padding: 12px;
  height: 76%;
}

._groupIcon_197m6_82 {
  width: 30px;
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  height: 18px;
}

._txtPipe_197m6_92 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
}

._boxPlant_197m6_100 {
  padding: 13px 0px;
  height: 50px;
}

._boxEmitter_197m6_105 {
  padding: 13px 0px 4px 0px;
}

._txtData_197m6_109 {
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  display: flex;
}

._groupError_197m6_116 {
  background: #fff2f2;
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOn_197m6_128 {
  background: #ebf1f0;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationWaiting_197m6_138 {
  background: #F6EB61;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOff_197m6_148 {
  background: #bbbbbb;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._txtErrorName_197m6_158 {
  color: #ff3030;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
}

._txtStationOn_197m6_166 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}

._txtStationOff_197m6_173 {
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}

._txtStationWaiting_197m6_181 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}

._groupSelectAll_197m6_189 {
  background: #ebedec;
  border-radius: 5px;
  height: 32px;
  display: inline-flex;
  padding: 8px;
  align-items: center;
  gap: 6px;
  width: 200px;
}

._txtSelectAll_197m6_200 {
  color: #181818;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}

._btnApply_197m6_207 {
  border-radius: 4px;
  background: rgba(0, 71, 68, 0.8);
  width: 183px;
  height: 28px;
}

._txtId_197m6_214 {
  font-size: 12px;
  line-height: 13.8px;
  font-weight: 600;
}._root_45oux_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._contentWrapper_45oux_7 {
  flex-grow: 1;
  height: 100%;
}

._containerRootView_45oux_12 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  padding-right: 8px;
}
@media (max-width: 955px) {
  ._containerRootView_45oux_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_45oux_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_45oux_12 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxStation_45oux_37 {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._groupStationName_45oux_45 {
  padding: 16px;
  height: 10%;
}

._txtStationName_45oux_50 {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  cursor: pointer;
  text-align: right;
}

._groupID_45oux_58 {
  height: 100%;
  width: 55px;
  border-radius: 100px;
  background: #f1f1f1;
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtStationID_45oux_70 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 600;
  line-height: 115%; /* 13.8px */
}

._groupInfoStation_45oux_77 {
  padding: 12px;
  height: 80%;
}

._groupIcon_45oux_82 {
  width: 30px;
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
}

._txtPipe_45oux_91 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
}

._boxPlant_45oux_99 {
  padding: 13px 0px;
  height: 48px;
}

._boxEmitter_45oux_104 {
  padding: 13px 0px 4px 0px;
}

._txtData_45oux_108 {
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  display: flex;
}

._groupError_45oux_115 {
  background: #fff2f2;
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOn_45oux_127 {
  background: #ebf1f0;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOff_45oux_137 {
  background: #bbbbbb;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._txtErrorName_45oux_147 {
  color: #ff3030;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
}

._txtStationOn_45oux_155 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}

._txtStationOff_45oux_162 {
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}

._txtId_45oux_170 {
  font-size: 12px;
  line-height: 13.8px;
  font-weight: 600;
}

._groupStationWaiting_45oux_176 {
  background: #F6EB61;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._txtStationWaiting_45oux_186 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}._wrapper_15ecb_1 {
  overflow: hidden;
  flex-grow: 1;
}

._contentWrapper_15ecb_6 {
  flex-grow: 1;
}

._tabBasicView_15ecb_10 {
  padding: 0px !important;
}

._tabFlowView_15ecb_14 {
  padding: 0px !important;
}

._tabIrrigationView_15ecb_18 {
  padding: 0px !important;
}

._header_15ecb_22 {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}

._headerTab_15ecb_28 {
  height: 50px !important;
}

._footer_15ecb_32 {
  display: flex;
  bottom: 0;
  justify-content: end;
  flex-grow: 1;
}

._txtCount_15ecb_39 {
  background-color: #ff3030;
  border-radius: 8px;
  min-width: 30px;
  height: 18px;
  position: fixed;
  z-index: 1;
  right: 0px;
  margin-right: 42%;
  margin-top: -7px;
}

._groupCount_15ecb_51 {
  height: 18px !important;
  border-radius: 8px;
  min-width: 35px;
  position: fixed;
  z-index: 1;
  right: 0px;
  margin-bottom: 36px;
}

._txtTableStation_15ecb_61 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_15ecb_68 {
  padding-left: 35px;
}._datePicker_1cnlz_1 {
  margin-top: 0;
  width: 100%;
}

._muiPicker_1cnlz_6 {
  background-color: red !important;
}

._textError_1cnlz_10 {
  color: #fd5a65 !important;
  font-size: 12px !important;
  margin-top: 5px !important;
  white-space: initial;
}

._inputDatePicker_1cnlz_17 {
  cursor: pointer;
  padding: 0px 12px;
  text-align: left;
  letter-spacing: 0;
  height: 33;
  font-weight: 400;
  font-size: 13;
  color: #000;
}

._root_1cnlz_28 ._selected_1cnlz_28 {
  color: #000;
  background-color: red;
}
._root_1cnlz_28 ._disabled_1cnlz_32 {
  color: #000;
  opacity: 0.5;
}
._root_1cnlz_28 ._weekDayLabel_1cnlz_36 {
  color: #000;
}
._root_1cnlz_28 ._dayPicker_1cnlz_39 {
  color: #000;
}
._root_1cnlz_28 ._calendarHeader_1cnlz_42 {
  color: #000;
}
._root_1cnlz_28 ._yearButton_1cnlz_45 {
  color: #000;
}
._root_1cnlz_28 ._yearButton_1cnlz_45._selected_1cnlz_28 {
  color: #000;
  background-color: red;
}
._root_1cnlz_28 ._monthButton_1cnlz_52 {
  color: #000;
}
._root_1cnlz_28 ._monthButton_1cnlz_52._selected_1cnlz_28 {
  color: #000;
  background-color: red;
}
._root_1cnlz_28 ._paper_1cnlz_59 {
  background-color: #fff;
  margin-top: 10px;
}._container_rj24z_1 {
  height: 188px;
  width: 450px;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  border: 3px solid #ed2121;
  padding: 20px;
  border-radius: 15px;
  bottom: 0;
  right: 0;
  margin-bottom: 100px;
  margin-right: 10px;
}

._containerOffline_rj24z_16 {
  height: 102px;
  width: 190px;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  border: 3px solid #ed2121;
  bottom: 0;
  right: 0;
  border-radius: 15px;
  margin-bottom: 100px;
  margin-right: 10px;
}

._btnShow_rj24z_30 {
  border-radius: 0px !important;
  width: 80px;
  height: 40px;
  background-color: #ebedec;
  color: #747474;
  border: transparent !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
._btnShow_rj24z_30:hover {
  background-color: #ebedec !important;
  color: #747474;
}

._txtControllerOff_rj24z_45 {
  font-weight: 500;
  line-height: 14px;
  font-size: 14px;
  margin-top: 2px !important;
  color: #ed2121;
}

._txtName_rj24z_53 {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.26px;
  color: #000;
}

._txtLastUpdate_rj24z_61 {
  color: #000;
}._groupHeader_o0r60_1 {
  background-color: rgba(123, 123, 123, 0.05);
  height: 60px;
}

._groupLayoutHeader_o0r60_6 {
  padding: 10px 20px;
}

._tabPrograms_o0r60_10 {
  padding: 0px 16px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

._tabStation_o0r60_19 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
}

._texEnabled_o0r60_27 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 4px;
}

._groupEnabled_o0r60_34 {
  height: 50px;
  border-radius: 8px;
  padding: 6px 12px;
}

._groupFiltration_o0r60_40 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 10px;
}

._groupFertigation_o0r60_47 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 10px;
}

._textFertigation_o0r60_54 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

._bodyPrograms_o0r60_60 {
  height: calc(100vh - 45px);
  min-height: 0;
  min-width: 0;
  overflow: auto;
  min-width: 1280px;
  align-items: stretch;
}
._bodyPrograms_o0r60_60 > div {
  flex-shrink: 1;
  flex-grow: 1;
}

._rightContent_o0r60_73 {
  width: 65%;
  overflow: auto;
}

._leftContent_o0r60_78 {
  width: 35%;
}

._bodyStation_o0r60_82 {
  flex-grow: 1;
  height: 100%;
  border: 1px solid #d7d7d7;
}

._header_o0r60_88 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 60px !important;
  width: 100%;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
}

._editHeader_o0r60_98 {
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  justify-content: space-around;
}

._editIcon_o0r60_105 {
  color: #004744;
  font-weight: 500;
}

._titleHeader_o0r60_110 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  margin-left: 5px;
  background-color: transparent;
}

._hoverTitle_o0r60_118:hover {
  background: rgba(4, 71, 68, 0.2);
}

._contentStation_o0r60_122 {
  direction: column;
  height: calc(100% - 48px);
}

._content_o0r60_122 {
  direction: column;
  align-items: center;
  margin-top: 85px;
  height: calc(100% - 48px);
}

._btnRefresh_o0r60_134 {
  font-size: 12px;
  min-width: 160px;
  font-weight: 700;
  border-radius: 8px;
  margin-bottom: 10px;
}

._btnFetch_o0r60_142 {
  min-width: 160px;
  border-radius: 8px;
  height: 30px;
  margin-bottom: 10px;
}

._btnFetchLoading_o0r60_149 {
  min-width: 180px;
  border-radius: 8px;
  height: 30px;
  margin-bottom: 10px;
}

._titleContent_o0r60_156 {
  font-size: 14px;
  color: #747474;
  font-weight: 600;
  margin-bottom: 6px;
}

._btnContent_o0r60_163 {
  min-width: 125px;
  padding: 0;
  height: 25px;
}

._subHeading_o0r60_169 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 18px;
  margin-bottom: 10px;
  margin-top: 10px;
}

._gridContainer_o0r60_179 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 1;
  margin-bottom: 8px;
  padding: 8px 10px;
  border-radius: 5px;
}

._gridContent_o0r60_191 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 15px;
}

._gridItem_o0r60_198 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._textController_o0r60_204 {
  font-weight: 500;
  line-height: 16px;
  margin-left: 7px;
}

._textStationsTime_o0r60_210 {
  font-weight: 500;
  line-height: 16px;
}

._textError_o0r60_215 {
  width: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 115%;
  flex: none;
  letter-spacing: 0.045em;
  margin-left: 9px;
  margin-top: 2px;
  color: #ff3030;
}

._duration_o0r60_227 {
  font-family: Arial, sans-serif;
  font-family: unset;
  padding-top: 4px;
  border-radius: 4px;
  min-height: 46px;
  min-width: 117px;
  max-width: 237px;
  background-color: #f1f1f1;
  border-radius: 4px;
}
._duration_o0r60_227 fieldset {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 10px;
  align-items: center;
  border: none;
  box-sizing: content-box;
  height: fit-content;
}
._duration_o0r60_227 fieldset legend {
  color: #5c5c5c;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 4px;
}
._duration_o0r60_227 fieldset div:first-child {
  padding: 4px 4px;
  color: #181818;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  min-height: 21px;
  overflow: hidden;
}
._duration_o0r60_227 fieldset span {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  align-items: center;
  white-space: pre;
}
._duration_o0r60_227 fieldset div:last-child {
  margin: 0;
  position: relative;
  margin-left: 10px;
}
._duration_o0r60_227 fieldset div:last-child button {
  padding: 2px;
  border: none;
  background: none;
  font-size: 22px;
  color: #181818;
  line-height: 0;
}
._duration_o0r60_227 fieldset div:last-child button:first-child {
  margin-bottom: -2px;
}
._duration_o0r60_227 fieldset div:last-child button:last-child {
  margin-bottom: -5px;
  position: absolute;
  left: 0;
  top: 12px;
}

._inputEva_o0r60_295 {
  min-width: 400.5px;
  margin-top: 0px;
  border-radius: 8px;
}

._groupSoilContainer_o0r60_301 {
  background-color: rgba(123, 123, 123, 0.05);
  width: 100%;
  height: 78px;
  border: 1px solid #d7d7d7;
  padding: 4px;
}

._groupSoilMoisture_o0r60_309 {
  height: 70px;
  width: 98%;
}

._txtSoilTrigger_o0r60_314 {
  margin-left: 10px;
  color: #8a8a8a;
  font-weight: 700;
  font-size: 12px;
  margin-top: 4px;
}

._sliderSoil_o0r60_322 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  margin-top: 3px;
}

._groupSelectAll_o0r60_330 {
  border-radius: 5px;
  padding: 2px;
  height: 32px;
  width: 150px;
}

._txtSelectAll_o0r60_337 {
  font-size: 12px;
  line-height: 115%;
  font-size: 12px;
  margin-top: 8px;
}

._txtFertigation_o0r60_344 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}

._groupSelectFertigation_o0r60_350 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 18px;
}

._featureButton_o0r60_358 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16.1px;
  border-radius: 55px;
}

._btnActive_o0r60_365 {
  background-color: #004744;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.1px;
  color: #fff;
  border-radius: 55px;
}
._btnActive_o0r60_365:hover {
  background-color: #004744;
  color: #fff;
}

._inputTime_o0r60_378 {
  background-color: #fff;
  width: 130px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  padding: 2px 4px;
}

._dividerLine_o0r60_386 {
  height: 100%;
  width: 7px;
  background-color: #cccccc;
}

._txtAutoAdjust_o0r60_392 {
  font-size: 12px;
  line-height: 13.8px;
  font-weight: 500;
  margin-top: 2px;
}

._inlineET_o0r60_399 {
  display: flex;
  align-items: center;
  height: 40px;
}

._txtETHead_o0r60_405 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #5c5c5c;
}._header_1j5sl_1 {
  display: flex;
  border-bottom: 1px solid #d7d7d7;
  height: 48px;
  min-height: 48px;
  align-items: center;
  padding: 0 15px;
}

._headerBtn_1j5sl_10 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999999;
  cursor: pointer;
  padding: 2px;
}

._headerText_1j5sl_19 {
  font-size: 16px;
  font-weight: 500;
  line-height: 115%;
  margin-left: 17px !important;
  margin-top: 12px;
  display: flex;
  align-items: center;
}

._contentRoot_1j5sl_29 {
  display: flex;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  min-height: 0;
}

._leftBox_1j5sl_37 {
  flex: 1;
  min-height: 0;
  width: 660px;
  max-width: 660px;
  border-right: 1px solid #d7d7d7;
  display: flex;
  flex-direction: column;
}

._topBox_1j5sl_47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 15px 13px 20px;
}
._topBox_1j5sl_47 ._title_1j5sl_53 {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}

._content_1j5sl_29 {
  display: flex;
  overflow-y: auto;
  margin-top: 10px;
  padding: 0px 20px 20px;
}
._content_1j5sl_29 [class~=MuiTableContainer-root] {
  display: flex;
}
._content_1j5sl_29 [class~=infinite-scroll-component__outerdiv] {
  flex: 1;
  height: calc(100% + 3px);
}
._content_1j5sl_29 table {
  min-width: 0;
}
._content_1j5sl_29 table thead tr > * {
  position: sticky;
  top: 0;
}
._content_1j5sl_29 table tbody tr > * {
  word-break: break-word;
}

._positionBox_1j5sl_83 {
  display: flex;
  align-items: center;
  cursor: pointer;
}
._positionBox_1j5sl_83 ._positionText_1j5sl_88 {
  font-size: 12px;
}
._positionBox_1j5sl_83 ._positionIcon_1j5sl_91 {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

._mapBox_1j5sl_97 {
  flex: 1;
}

._rowAction_1j5sl_101 > * {
  background: #66918f;
}

._loadingText_1j5sl_105 {
  padding: 0px 8px;
}

._menuWrapper_1j5sl_109 [class~=MuiPaper-root] {
  padding: 0;
  margin-top: 4px;
  width: 139px;
  border-radius: 4px;
  height: 38px;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
}

._btnTutorials_1j5sl_118 {
  width: 100%;
  height: 28px;
  justify-content: start;
  padding: 0px 20px;
  background-color: transparent;
}
._btnTutorials_1j5sl_118:hover {
  background-color: transparent;
}

._boxStepOne_1j5sl_129 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 30%;
  left: 0;
  margin-left: 30px;
  position: absolute;
  z-index: 99;
  height: 222px;
  width: 378px;
  border-radius: 8px;
}

._navBarOne_1j5sl_143 {
  height: 12px;
  background-color: #296562;
  border-top-left-radius: 8px;
}

._navBarSecond_1j5sl_149 {
  height: 12px;
  background-color: #cddada;
  border-top-right-radius: 8px;
}

._bodyBox_1j5sl_155 {
  padding: 25px;
  width: 100%;
}

._stepIndicator_1j5sl_160 {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
}

._geoTagTitle_1j5sl_166 {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
}

._geoTagInstruction_1j5sl_173 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
  display: flex;
}

._footerActionButtons_1j5sl_180 {
  justify-content: end;
  padding: 0px 30px 15px 30px;
}

._boxStepSecond_1j5sl_185 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 40%;
  right: 0;
  margin-right: 30px;
  position: absolute;
  z-index: 99;
  height: 222px;
  width: 378px;
  border-radius: 8px;
}

._btnBack_1j5sl_199 {
  background-color: transparent;
  padding: 0px !important;
  align-items: center;
  height: 25px;
}
._btnBack_1j5sl_199:hover {
  background-color: transparent;
}

._boxStepThird_1j5sl_209 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 10%;
  right: 0;
  margin-right: 30px;
  position: absolute;
  z-index: 99;
  height: 192px;
  width: 378px;
  border-radius: 8px;
}

._boxStepFour_1j5sl_223 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  top: 30%;
  left: 0;
  margin-left: 30px;
  position: absolute;
  z-index: 99;
  height: 192px;
  width: 378px;
  border-radius: 8px;
}

._txtSave_1j5sl_237 {
  font-size: 14px;
  font-weight: 700;
  margin-top: 2px;
  margin-left: 4px;
}

._btnStatus_1j5sl_244 {
  border-radius: 55px;
  min-width: 120px;
  height: 35px;
  padding: 4px 15px;
}._customInfoUser_1m54n_1 {
  background: red;
}
._customInfoUser_1m54n_1 div:last-child div > button > div p:first-child {
  color: #66f0a0;
}
._customInfoUser_1m54n_1 div:last-child div > button > div p:last-child {
  color: #f1f1f1;
}

._groupSiteLocation_1m54n_11 {
  border-radius: 5px;
  padding: 10px 14px;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

._textSiteLocation_1m54n_20 {
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  padding-bottom: 12px;
  opacity: 0.5;
}

._btnReset_1m54n_28 {
  font-weight: 700;
  font-size: 12px;
  min-width: 76px;
}

._btnFilter_1m54n_34 {
  margin-left: auto;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
  min-width: 76px;
}

._textError_1m54n_42 {
  flex-direction: row;
  gap: 5px;
  margin-top: 3px;
  color: #ff3030;
}

._txtLabel_1m54n_49 {
  font-size: 14px;
  font-weight: 500;
}

._txtStatus_1m54n_54 {
  font-weight: 500;
  font-size: 10px;
}._menuGroup_14h8x_1 {
  padding: 0;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}

._textTitle_14h8x_8 {
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  padding-bottom: 12px;
}

._btnDone_14h8x_15 {
  min-width: auto;
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
}._txtDescription_1r9j5_1 {
  font-weight: 400;
  font-size: 12px;
  line-height: 115%;
  margin-top: 4px;
  margin-left: 15px;
}

._groupFilerText_1r9j5_9 {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  min-width: 76px;
  padding: 3px 6px;
  align-items: center;
  justify-content: center;
}

._btnDelete_1r9j5_18 {
  margin-left: 8px;
  cursor: pointer;
  padding-top: 2px;
  margin-top: 4px;
}._inputEtReference_1i3wx_1 {
  min-width: 377px;
  margin-top: 0px;
  border-radius: 4px;
}._form_1p6s1_1 {
  animation-duration: 0.4ms;
  transition-delay: 0.4ms;
}
._form_1p6s1_1 [class~=Mui-disabled] {
  background: #d9d9d9;
  border-radius: 4px;
  color: #5c5c5c;
}
._form_1p6s1_1 ._images_1p6s1_10 p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

._default_1p6s1_16 {
  background-color: #f1f1f1;
  border-radius: 5px;
}

._title_1p6s1_21 {
  font-size: 12px;
  font-weight: 700;
  color: #5c5c5c;
  padding: 4px;
}

._duration_1p6s1_28 {
  background-color: unset;
  font-family: unset;
}
._duration_1p6s1_28 fieldset {
  padding: 0;
  border: none;
}
._duration_1p6s1_28 fieldset div:first-child {
  padding: 4px 4px;
  color: #747474;
  font-weight: 300;
}
._duration_1p6s1_28 fieldset div:last-child {
  margin: 0;
}
._duration_1p6s1_28 fieldset div:last-child button {
  padding: 0;
  border: none;
  background: none;
  font-size: 18px;
  color: #7c7b7b;
  line-height: 0;
}
._duration_1p6s1_28 fieldset div:last-child button:first-child {
  margin-bottom: -5px;
}

._nameImage_1p6s1_56 {
  width: 50%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}._header_1m4tq_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 377px;
}

._borderBottom_1m4tq_9 {
  height: 1px;
  width: 100%;
  background-color: #ededed;
  margin-top: 12px;
  margin-bottom: 17px;
}

._headerSub_1m4tq_17 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 377px;
}

._subHeadTitle_1m4tq_25 {
  flex-direction: row;
  align-items: center;
}

._addSubTitle_1m4tq_30 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  cursor: pointer;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  margin-left: 8px;
}

._addIcon_1m4tq_42 {
  cursor: pointer;
  width: 22px;
  height: 22px;
}

._subAreaWrap_1m4tq_48 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

._deleteIcon_1m4tq_55 {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 21px;
  right: 0;
  cursor: pointer;
}._sensorHead_qg6lt_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 377px;
}

._titleHead_qg6lt_9 {
  font-size: 14px;
  font-weight: 600;
}

._sensorContainer_qg6lt_14 {
  flex-direction: column;
  gap: 8px;
  max-width: 377px;
}

._boxOne_qg6lt_20 {
  width: 100%;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
}

._leftBox_qg6lt_27 {
  width: 80%;
}

._groupActive_qg6lt_31 {
  background-color: rgb(241, 241, 241);
  border-radius: 8px;
  padding: 6px 0px 6px 10px;
  width: 20%;
}

._textActive_qg6lt_38 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #5c5c5c;
  padding-bottom: 4px;
}._valveHead_empwq_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 377px;
}

._titleHead_empwq_9 {
  font-size: 14px;
  font-weight: 600;
}

._valveContainer_empwq_14 {
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._boxOne_empwq_20 {
  width: 100%;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
}

._typeSelect_empwq_27 {
  width: 80%;
}

._groupActive_empwq_31 {
  background-color: rgb(241, 241, 241);
  border-radius: 8px;
  padding: 6px 0px 6px 10px;
  width: 20%;
}

._textActive_empwq_38 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #5c5c5c;
  padding-bottom: 4px;
}._header_770m2_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 377px;
}

._container_770m2_9 {
  max-width: 450px;
  height: 100vh;
}

._formEdit_770m2_14 {
  padding: 34px 18px;
}

._wrapper_770m2_18 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 377px;
  margin-bottom: 20px;
}
._wrapper_770m2_18 [className=MuiButtonBase-root] {
  height: 26px;
}

._editTitlePipe_770m2_29 {
  font-size: 14px;
  font-weight: 600;
}

._btnCancel_770m2_34 {
  margin-right: 7px;
  width: 85px;
}

._loadingBtn_770m2_39 {
  min-width: 72px;
}

._formControl_770m2_43 {
  min-width: 377px;
  min-height: 50px;
  margin-top: 8px;
  background-color: white;
  border-radius: 4px;
}._root_1bv51_1 {
  height: 100%;
  width: 378px;
  padding: 30px 40px;
}

._txtHeader_1bv51_7 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

._boxEnable_1bv51_13 {
  background-color: #ebf1f0;
  padding: 9px;
  height: 40px;
  margin-top: 10px;
  border-radius: 8px;
}

._txtEnableCycle_1bv51_21 {
  align-items: center;
  align-content: center;
}._header_770m2_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 377px;
}

._container_770m2_9 {
  max-width: 450px;
  height: 100vh;
}

._formEdit_770m2_14 {
  padding: 34px 18px;
}

._wrapper_770m2_18 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 377px;
  margin-bottom: 20px;
}
._wrapper_770m2_18 [className=MuiButtonBase-root] {
  height: 26px;
}

._editTitlePipe_770m2_29 {
  font-size: 14px;
  font-weight: 600;
}

._btnCancel_770m2_34 {
  margin-right: 7px;
  width: 85px;
}

._loadingBtn_770m2_39 {
  min-width: 72px;
}

._formControl_770m2_43 {
  min-width: 377px;
  min-height: 50px;
  margin-top: 8px;
  background-color: white;
  border-radius: 4px;
}._wrapper_1r9pf_1 {
  overflow: hidden;
  flex-grow: 1;
}

._header_1r9pf_6 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._content_1r9pf_13 {
  flex-grow: 1;
  overflow: hidden;
}

._footer_1r9pf_18 {
  bottom: 0;
  justify-content: flex-end;
  flex-grow: 1;
}

._circleProgress_1r9pf_24 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 35%;
}

._stackWra_1r9pf_31 {
  width: 100%;
  overflow: hidden;
}

._tableContainer_1r9pf_36 {
  background-color: white;
  overflow: hidden;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #d7d7d7;
}

._table_1r9pf_36 {
  width: 100%;
}

._headFirstCell_1r9pf_48 {
  display: flex;
  margin-left: 47px;
}

._headSecondCell_1r9pf_53 {
  border-left: 1px solid #d7d7d7;
}

._tableCell_1r9pf_57 {
  border: 2px solid saddlebrown;
}

._stackCell_1r9pf_61 {
  width: 30%;
  overflow: hidden;
}._wrapper_xvstw_1 {
  overflow: hidden;
  flex-grow: 1;
}

._header_xvstw_6 {
  display: flex;
  flex-direction: row;
}

._content_xvstw_11 {
  flex-grow: 1;
}

._footer_xvstw_15 {
  display: flex;
  bottom: 0;
  justify-content: end;
  flex-grow: 1;
}

._txtDecoderHead_xvstw_22 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_xvstw_29 {
  padding-left: 33px;
}._wrapper_1gw6f_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._header_1gw6f_7 {
  margin-bottom: 12px;
}

._tab_1gw6f_11 {
  flex-grow: 1;
  height: 100%;
  padding: 15px 24px !important;
}

._boxTab_1gw6f_17 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 110px;
}

._boxTabMini_1gw6f_24 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 90px;
}

._content_1gw6f_31 {
  flex-grow: 1;
}

._circleProgress_1gw6f_35 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

._footer_1gw6f_42 {
  bottom: 0;
  justify-content: flex-end;
  flex-grow: 1;
}

._tableContainer_1gw6f_48 {
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}

._table_1gw6f_48 {
  width: 100%;
}

._ruleContainer_1gw6f_58 {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

._tableBody_1gw6f_64 {
  background-color: white;
}

._addRuleBtn_1gw6f_68 {
  text-decoration: none;
}._wrapper_10lyi_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._content_10lyi_7 {
  flex-grow: 1;
}

._txtEmitterHead_10lyi_11 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_10lyi_18 {
  padding-left: 33px;
}._wrapper_l6ub3_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._header_l6ub3_7 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._content_l6ub3_14 {
  flex-grow: 1;
}

._footer_l6ub3_18 {
  display: flex;
  bottom: 0;
  justify-content: flex-end;
  flex-grow: 1;
}._wrapper_dye83_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._content_dye83_7 {
  flex-grow: 1;
}

._txtFertigationHead_dye83_11 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_dye83_18 {
  padding-left: 33px;
}._container_1f0k2_1 {
  flex-grow: 1;
  height: 100%;
  margin-top: 20px;
}

._boxGlobal_1f0k2_7 {
  height: 100%;
  width: 100%;
}

._groupHeader_1f0k2_12 {
  background-color: rgba(123, 123, 123, 0.05);
  height: 50px;
  padding: 13px 18px;
  align-items: center;
}

._txtGlobal_1f0k2_19 {
  font-weight: 700;
  font-size: 14px;
}

._circularProgress_1f0k2_24 {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}

._boxTurfQuality_1f0k2_31 {
  height: 25em;
  width: 100%;
  margin-top: 1em;
}._wrapper_1gw6f_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._header_1gw6f_7 {
  margin-bottom: 12px;
}

._tab_1gw6f_11 {
  flex-grow: 1;
  height: 100%;
  padding: 15px 24px !important;
}

._boxTab_1gw6f_17 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 110px;
}

._boxTabMini_1gw6f_24 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 90px;
}

._content_1gw6f_31 {
  flex-grow: 1;
}

._circleProgress_1gw6f_35 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

._footer_1gw6f_42 {
  bottom: 0;
  justify-content: flex-end;
  flex-grow: 1;
}

._tableContainer_1gw6f_48 {
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}

._table_1gw6f_48 {
  width: 100%;
}

._ruleContainer_1gw6f_58 {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

._tableBody_1gw6f_64 {
  background-color: white;
}

._addRuleBtn_1gw6f_68 {
  text-decoration: none;
}._wrapper_1q9u1_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._header_1q9u1_7 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

._tab_1q9u1_14 {
  flex-grow: 1;
  height: 100%;
  padding: 15px 24px !important;
}

._boxTab_1q9u1_20 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 110px;
}

._boxTabMini_1q9u1_27 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 90px;
}

._content_1q9u1_34 {
  flex-grow: 1;
}

._circleProgress_1q9u1_38 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

._footer_1q9u1_45 {
  bottom: 0;
  justify-content: flex-end;
  flex-grow: 1;
}

._tableContainer_1q9u1_51 {
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: "3px";
}

._table_1q9u1_51 {
  width: 100%;
}

._ruleContainer_1q9u1_61 {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

._tableBody_1q9u1_67 {
  background-color: white;
}

._addRuleBtn_1q9u1_71 {
  text-decoration: none;
}._wrapper_jx24j_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._content_jx24j_7 {
  flex-grow: 1;
}

._txtPlantHead_jx24j_11 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_jx24j_18 {
  padding-left: 33px;
}._wrapper_1mdgr_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._tab_1mdgr_7 {
  flex-grow: 1;
  height: 100%;
}

._groupLayoutHeader_1mdgr_12 {
  background-color: rgba(123, 123, 123, 0.05);
  height: 47px;
  padding-top: 8px;
}

._boxTab_1mdgr_18 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 160px;
  margin-right: 15px;
}

._tab_1mdgr_7 {
  padding: 15px 24px 0px 24px !important;
}

._boxTabMini_1mdgr_30 {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 90px;
}._wrapper_1kydz_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
  margin-left: 76px;
  width: calc(100% - 76px);
}
._wrapper_1kydz_1 ._header_1kydz_8 {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  height: 45px;
  border-bottom: 1px solid #d7d7d7;
}
._wrapper_1kydz_1 ._header_1kydz_8 ._arrowLeftIcon_1kydz_16 {
  text-decoration: none;
  color: #999999;
}
._wrapper_1kydz_1 ._header_1kydz_8 ._headTitle_1kydz_20 {
  font-weight: 700;
  font-size: 16px;
  line-height: 13px;
  margin-top: 2px;
}
._wrapper_1kydz_1 ._header_1kydz_8 ._txtDescription_1kydz_26 {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
}

._content_1kydz_32 {
  flex-grow: 1;
  padding: 8px 24px 0px 24px;
}

._txtFertigationHead_1kydz_37 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_1kydz_44 {
  padding-left: 33px;
}._wrapper_9c8q9_1 {
  overflow: hidden;
  flex-grow: 1;
}

._content_9c8q9_6 {
  flex-grow: 1;
}

._txtEtZoneHead_9c8q9_10 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_9c8q9_17 {
  padding-left: 33px;
}._sensorContainer_1a6nb_1 {
  border: 1px solid #ededed;
}

._sensorHead_1a6nb_5 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background-color: rgba(123, 123, 123, 0.05);
  border: 1px solid #d7d7d7;
  padding: 16px;
}

._leftHeader_1a6nb_15 {
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

._rightHeader_1a6nb_21 {
  flex-direction: row;
}

._titleSensor_1a6nb_25 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

._tableContainer_1a6nb_31 {
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}

._tableHead_1a6nb_37 {
  background-color: #efefef;
}

._borderRight_1a6nb_41 {
  border-right: 1px solid #d7d7d7;
}

._addressIO_1a6nb_45 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
}

._actived_1a6nb_54 {
  padding: 4px 8px;
  gap: 8px;
  width: fit-content;
  height: 20px;
  background: rgba(0, 71, 68, 0.6);
  border-radius: 3px;
  color: white;
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._actived_1a6nb_54 {
    width: 100%;
  }
}

._inActived_1a6nb_69 {
  padding: 4px 8px;
  gap: 8px;
  width: fit-content;
  height: 20px;
  background-color: #efefef;
  border-radius: 3px;
  color: rgb(122, 122, 122);
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._inActived_1a6nb_69 {
    width: 100%;
  }
}

._iconIO_1a6nb_84 {
  cursor: pointer;
}._valveContainer_k26w2_1 {
  border: 1px solid #ededed;
}

._valveHead_k26w2_5 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background-color: rgba(123, 123, 123, 0.05);
  border: 1px solid #d7d7d7;
  padding: 16px;
}

._leftHeader_k26w2_15 {
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

._rightHeader_k26w2_21 {
  flex-direction: row;
}

._titleValve_k26w2_25 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

._tableContainer_k26w2_31 {
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  max-height: 300px;
}

._tableHead_k26w2_38 {
  background-color: #efefef;
}

._borderRight_k26w2_42 {
  border-right: 1px solid #d7d7d7;
}

._addressIO_k26w2_46 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
}

._actived_k26w2_56 {
  padding: 4px 8px;
  gap: 8px;
  height: 20px;
  width: fit-content;
  background: rgba(0, 71, 68, 0.6);
  border-radius: 3px;
  color: white;
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._actived_k26w2_56 {
    width: 100%;
  }
}

._inActived_k26w2_71 {
  padding: 4px 8px;
  gap: 8px;
  height: 20px;
  width: fit-content;
  background: #efefef;
  border-radius: 3px;
  color: rgb(122, 122, 122);
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._inActived_k26w2_71 {
    width: 100%;
  }
}

._iconIO_k26w2_86 {
  cursor: pointer;
}._root_1r3ao_1 {
  height: 100vh;
  max-width: 100%;
  display: flex;
  margin-left: 76px;
  width: calc(100% - 76px);
}

._wrapper_1r3ao_9 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: overlay;
}

._header_1r3ao_18 {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  height: 45px;
  border-bottom: 1px solid #d7d7d7;
}

._headTitle_1r3ao_27 {
  font-weight: 700;
  font-size: 16px;
  line-height: 13px;
  margin-top: 2px;
}

._arrowLeftIcon_1r3ao_34 {
  text-decoration: none;
  color: #999999;
}

._content_1r3ao_39 {
  flex-direction: column;
  padding: 20px;
  gap: 20px;
  flex-grow: 1;
}

._overallConfig_1r3ao_46 {
  border: 1px solid #ededed;
}

._overallHead_1r3ao_50 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background-color: rgba(123, 123, 123, 0.05);
  border: 1px solid #d7d7d7;
  padding: 16px;
}

._leftHeader_1r3ao_60 {
  flex-direction: row;
  gap: 6px;
  align-items: center;
}

._rightHeader_1r3ao_66 {
  flex-direction: row;
}

._titleOverall_1r3ao_70 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

._containerOveral_1r3ao_76 {
  display: grid;
  width: 100%;
  grid-template-columns: 262px 1px 262px 1px 262px 1px 262px;
  gap: 12px 20px;
  padding-bottom: 5px;
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._containerOveral_1r3ao_76 {
    grid-template-columns: 24% 1px 24% 1px 24% 1px 24%;
    gap: 10px 6px;
  }
}

._overalRight_1r3ao_90 {
  gap: 12px;
}

._divider_1r3ao_94 {
  width: 1px;
  background-color: #ededed;
}

._boxOne_1r3ao_99 {
  flex-direction: row;
  gap: 5px;
  width: 100%;
}

._groupActived_1r3ao_105 {
  border-radius: 8px;
  padding: 6px 10px;
  width: 40%;
}

._groupAutomatic_1r3ao_111 {
  border-radius: 8px;
  padding: 6px 10px;
  width: 60%;
}

._textActived_1r3ao_117 {
  font-weight: 700;
  font-size: 9px;
  line-height: 16px;
  padding-bottom: 4px;
}

._deleteBtn_1r3ao_124 {
  background: #fff2f2;
  border-radius: 4px;
  color: #ff3030;
}
._deleteBtn_1r3ao_124:hover {
  background: #fff2f2;
  color: #ff3030;
}

._txtDescription_1r3ao_134 {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
}._tableContainer_17tx0_1 {
  background-color: white;
  border: 1px solid #efefef;
  border-radius: 3px;
}
._tableContainer_17tx0_1::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
._tableContainer_17tx0_1::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
}

._table_17tx0_1 {
  min-width: 650px;
}

._headTable_17tx0_19 {
  background-color: #efefef;
}

._cell_17tx0_23 {
  background-color: #efefef;
  position: sticky;
  right: 0;
}

._cellInColumn_17tx0_29 {
  background-color: white;
  position: sticky;
  right: 0;
}

._editBtn_17tx0_35 {
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  color: #004744;
  cursor: pointer;
}

._wrapper_17tx0_43 {
  overflow: hidden;
  flex-grow: 1;
}

._content_17tx0_48 {
  flex-grow: 1;
}._header_770m2_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 377px;
}

._container_770m2_9 {
  max-width: 450px;
  height: 100vh;
}

._formEdit_770m2_14 {
  padding: 34px 18px;
}

._wrapper_770m2_18 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 377px;
  margin-bottom: 20px;
}
._wrapper_770m2_18 [className=MuiButtonBase-root] {
  height: 26px;
}

._editTitlePipe_770m2_29 {
  font-size: 14px;
  font-weight: 600;
}

._btnCancel_770m2_34 {
  margin-right: 7px;
  width: 85px;
}

._loadingBtn_770m2_39 {
  min-width: 72px;
}

._formControl_770m2_43 {
  min-width: 377px;
  min-height: 50px;
  margin-top: 8px;
  background-color: white;
  border-radius: 4px;
}._wrapperModal_16u5g_1 {
  width: 100%;
  height: auto;
}

._header_16u5g_6 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
}

._closeIcon_16u5g_14 {
  cursor: pointer;
}

._headerTime_16u5g_18 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
}

._container_16u5g_24 {
  flex-grow: 1;
  flex-direction: column;
  gap: 16px;
  padding: 17px 24px 24px;
}

._headerContainer_16u5g_31 {
  flex-direction: row;
  column-gap: 14px;
}

._headerContent_16u5g_36 {
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px 12px;
  gap: 10px;
}

._title_16u5g_45 {
  font-weight: 600;
}

._headerValue_16u5g_49 {
  font-weight: 800;
}

._tableContainer_16u5g_53 {
  border-radius: 3px;
}
._tableContainer_16u5g_53::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
._tableContainer_16u5g_53::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
}

._table_16u5g_53 {
  min-width: 550px;
}

._cell_16u5g_69 {
  background-color: #efefef;
  position: sticky;
  right: 0;
}

._cellInColumn_16u5g_75 {
  background-color: white;
  position: sticky;
  right: 0;
}._root_5fc6x_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #002031;
}

._container_5fc6x_10 {
  background: #002031;
  height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 40px;
  padding-bottom: 200px;
  color: white;
}

._boxContent_5fc6x_22 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

._title_5fc6x_29 {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 115%; /* 62.1px */
  text-transform: uppercase;
}

._txtContent_5fc6x_38 {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 115%; /* 23px */
}

._actionsContainer_5fc6x_46 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 16px;
  justify-content: center;
}._wrapper_1msqj_1 {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}

._station_1msqj_7 > div {
  padding: 0px 16px;
}

._filter_1msqj_11 {
  text-indent: -9999px;
  width: 100px;
  height: 28px !important;
  min-width: 80px;
}
._filter_1msqj_11 p {
  display: none;
}
._filter_1msqj_11 span {
  margin: 0;
}

._title_1msqj_24 {
  margin-bottom: 4px;
}

._headLeft_1msqj_28 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 68px !important;
}

._footer_1msqj_35 {
  display: flex;
  bottom: 0;
  justify-content: end;
  flex-grow: 1;
}

._textStateRunning_1msqj_42 {
  color: #1dcb66;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

._textStateIde_1msqj_49 {
  color: #ff783c;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

._textNamePrograms_1msqj_56 {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 9px;
  color: white;
}

._boxDetail_1msqj_64 {
  border-radius: 5px;
  border: 0.7px solid rgba(255, 255, 255, 0.3);
  background: rgba(241, 241, 241, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
  margin-right: 10px;
  margin-bottom: 8px;
  margin-left: 15px;
}

._groupText_1msqj_74 {
  background-color: transparent;
  z-index: 1;
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  position: sticky;
  background-color: transparent;
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
}

._txtPrograms_1msqj_87 {
  color: #ffffff;
  opacity: 0.400000006;
}

._txtTime_1msqj_92 {
  color: #ffffff;
  opacity: 0.400000006;
}

._searchPrograms_1msqj_97 {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
  border-radius: 0px !important;
  width: 100%;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-weight: 600 !important;
  margin-right: 10px;
}

._groupViewStation_1msqj_108 {
  overflow-y: auto;
  height: 100px;
  flex-grow: 1;
}
._groupViewStation_1msqj_108::-webkit-scrollbar {
  width: 8px;
}
._groupViewStation_1msqj_108::-webkit-scrollbar-thumb {
  background-color: #63bfd4;
  border-radius: 5px;
}

._list_1msqj_121 {
  cursor: pointer !important;
  margin-left: 20px;
  margin-right: 10px;
  padding: 10px 0; /* Increase vertical padding for more height */
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Two columns */
  gap: 8px;
}

._list_1msqj_121 li {
  height: 40px;
  position: relative;
  border: 0.7px solid rgba(255, 255, 255, 0.3);
  background: #151515;
  box-shadow: 0px 0px 10px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  padding: 13px 15px 15px 20px;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
}

._list_1msqj_121 li::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  min-height: 25px;
  left: 5px;
  top: 5px;
  background: #66f0a0;
  border-radius: 5px;
}

._list_1msqj_121 li._off_1msqj_156 {
  color: #fff;
}

._list_1msqj_121 li._off_1msqj_156::after {
  background: #ebedec;
  min-height: 25px;
}

/* Adjust the specific classes for the list items */
._list_1msqj_121 li._on_1msqj_166 {
  color: #fff; /* Change the text color for "on" items */
  min-height: 30px;
  background-color: #396772;
}

._listItemContent_1msqj_172 {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  ._listItemContent_1msqj_172 {
    max-width: 60px;
  }
}
@media (min-width: 768px) and (max-width: 1375px) {
  ._listItemContent_1msqj_172 {
    max-width: 60px;
  }
}

._customBorder_1msqj_192 {
  padding: 5px;
  width: 100%;
  height: 40px;
}

._filterPrograms_1msqj_198 {
  width: 100%;
  background-color: #191919 !important;
}
._filterPrograms_1msqj_198:hover {
  background-color: #191919 !important;
}

._txtFilterPrograms_1msqj_206 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 140px;
  font-size: 10px !important;
  color: #fff;
}

._txtProgramsByStation_1msqj_215 {
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  padding-bottom: 12px;
  color: #000;
}

._menuProgramsQuickView_1msqj_223 {
  padding: 0;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}
._menuProgramsQuickView_1msqj_223 [class~=MuiPaper-root] {
  background-color: #ffffff;
  padding: 0;
  margin-top: 10px;
  border-radius: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
}

._loadingProgress_1msqj_237 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 35%;
  margin-top: 40px;
}._menuContainer_10xi1_1 {
  flex-grow: 1;
  height: 100%;
  border-radius: 8px;
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s ease;
}
._menuContainer_10xi1_1:hover {
  background: rgba(255, 255, 255, 0.1);
}

._groupRightMenu_10xi1_16 {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  margin-left: 12px;
}._boxForm_1izv7_1 {
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 8px;
}

._wrapper_1izv7_8 {
  flex-direction: column;
  gap: 24px;
  display: inline-block;
  height: 100%;
  width: 100%;
}

._headerContainer_1izv7_16 {
  align-items: center;
}

._customDateTime_1izv7_20 {
  border: 1px solid #e1e0e0;
  padding: 5px;
}

._txtTo_1izv7_25 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}

._group_section_date_1izv7_31 {
  padding: 0px 20px;
  height: 40px;
  width: 100%;
  margin-top: 10px;
}

._headerContent_1izv7_38 {
  gap: 4px;
  align-items: center;
}
._headerContent_1izv7_38 p {
  font-size: 14px;
}

._txtFrom_1izv7_46 {
  font-weight: 400;
  color: #ffffff;
}

._headerTitle_1izv7_51 {
  font-weight: 600;
  color: #ffffff;
}

._contentChart_1izv7_56 {
  flex-grow: 1;
  height: 100%;
}

._chartSection_1izv7_61 {
  height: 100%;
  flex-grow: 1;
  border-radius: 8px;
  border-radius: 8px;
  background-color: #0f0f0f;
  backdrop-filter: blur(100px);
  width: 100%;
  margin-left: 0px;
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s ease;
}
._chartSection_1izv7_61:hover {
  background: rgba(255, 255, 255, 0.1);
}

._rootChart_1izv7_81 {
  height: 100%;
  width: 100%;
}

._wrapperChart_1izv7_86 {
  min-height: 100%;
  height: 100%;
  flex-grow: 1;
  display: grid;
  width: 100%;
  grid-template-columns: 40px 1fr;
}

._unitTitle_1izv7_95 {
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
}

._headerContainer_1izv7_16 {
  padding: 0px;
}

._groupChart_1izv7_109 {
  cursor: pointer;
  width: 100%;
}

._txtSimulation_1izv7_114 {
  margin-left: 15px;
  color: #ffffff;
}

@media screen and (width: 768px) and (height: 1024px) {
  ._wrapperChart_1izv7_86 {
    flex-grow: 1;
    height: 100%;
  }
}
@media screen and (width: 820px) and (height: 1180px) {
  ._wrapperChart_1izv7_86 {
    flex-grow: 1;
    height: 100%;
  }
}
@media screen and (width: 600px) and (height: 1024px) {
  ._wrapperChart_1izv7_86 {
    flex-grow: 1;
    height: 100%;
  }
}
._crossBarTopChart_1izv7_137 {
  padding: 10px;
  border-top: 1px solid #1a4d56;
  border-left: 1px solid #1a4d56;
  border-right: 1px solid #1a4d56;
}

._crossBarBottomChart_1izv7_144 {
  padding: 10px;
  border-bottom: 1px solid #1a4d56;
  border-left: 1px solid #1a4d56;
  border-right: 1px solid #1a4d56;
}

._loadingChart_1izv7_151 {
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}._groupDarkMode_1c2dx_1 {
  margin-bottom: 20px;
  margin-left: 6px;
}

._logoDashboardLight_1c2dx_6 {
  margin-left: 24px;
  margin-right: 44.02px;
  color: #181818;
  height: 25px;
  display: flex;
  align-items: center;
}

._btnDarkMode_1c2dx_15 {
  margin-left: 38px;
}

._txtExpected_1c2dx_19 {
  font-size: 14px;
  color: #ff783c;
  font-weight: 600;
}

._groupController_1c2dx_25 {
  height: 100% !important;
  width: 55% !important;
}
@media (max-width: 768px) {
  ._groupController_1c2dx_25 {
    height: 100% !important;
    width: 50%;
  }
}
@media (max-width: 820px) {
  ._groupController_1c2dx_25 {
    height: 100% !important;
    width: 50%;
  }
}

._groupFlow_1c2dx_42 {
  height: 100% !important;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

._selectDashboard_1c2dx_48 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 170px;
  width: auto;
  height: 28px;
  margin-top: 10px;
}

@media screen and (width: 1280px) and (height: 1024px) {
  ._selectDashboard_1c2dx_48 {
    min-width: 91px !important;
    width: 91px !important;
  }
}
@media screen and (width: 1280px) and (height: 800px) {
  ._selectDashboard_1c2dx_48 {
    min-width: 71px !important;
    width: 71px !important;
  }
}
@media screen and (min-width: 2000px) and (min-height: 1800px) {
  ._menuContainer_1c2dx_70 {
    height: 32.5vh !important;
  }
}
._txtFlowDark_1c2dx_74 {
  color: #181818;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
}

._groupSimulationContainer_1c2dx_81 {
  height: 100% !important;
  width: 60% !important;
}

._groupProgramControl_1c2dx_86 {
  height: 100% !important;
  margin-left: 6px !important;
}

._twoWire_1c2dx_91 {
  height: 36%;
  width: 100% !important;
  margin-bottom: 3%;
  flex-grow: 1;
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.036);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.433);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s ease;
  box-sizing: border-box;
  min-height: 200px;
  max-height: 35vh;
  padding: 10px;
}
._twoWire_1c2dx_91:hover {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1540px) {
  ._twoWire_1c2dx_91 {
    width: auto;
  }
}

._twoWireContent_1c2dx_116 {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  /* Scrollbar thumb styling */
}
._twoWireContent_1c2dx_116::-webkit-scrollbar {
  width: 7px;
  height: 8px;
}
._twoWireContent_1c2dx_116::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 5px;
}

._groupTwoWire_1c2dx_131 {
  padding: 10px 16px 0px 16px;
  width: 344px;
}

/* Section title - same step as .txtFlow, the sibling widget in this column. */
._txtTwoWire_1c2dx_137 {
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
}

._txtTWError_1c2dx_144 {
  color: #ff783c;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 18px;
}

._txtOperational_1c2dx_152 {
  color: #ebedec;
  text-align: center;
  opacity: 0.3;
  font-family: Exo;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 115%;
  /* 16.1px */
  letter-spacing: 0.14px;
}

._groupIconOpera_1c2dx_165 {
  margin-top: 1px;
  margin-right: 6px;
  color: #ebedec;
  opacity: 0.3;
}

._groupContain_1c2dx_172 {
  height: 100%;
  flex-grow: 1;
  justify-content: center;
}
._groupContain_1c2dx_172._twoWireError_1c2dx_177 ._twoWireErrorBtnIconTooltip_1c2dx_177 {
  width: 25px;
  height: 25px;
  border-radius: 50px;
  border: 1px solid #a5a5a5;
  margin-left: 8px;
}

._customTooltip_1c2dx_185 {
  background: #272727;
  padding: 8px;
  white-space: pre-wrap;
  font-size: 11px;
  line-height: 14px;
}

._twoWireErrorTooltipArrow_1c2dx_193::before {
  background: #272727;
}

._groupIrrigationGroup_1c2dx_197 {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}

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

._groupLine_1c2dx_212 {
  height: 100%;
  justify-content: center;
  width: 100%;
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}

._txtCurrent_1c2dx_221 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

._txtLineVoltage_1c2dx_229 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

._irrigation_1c2dx_237 {
  justify-content: end;
  width: 330px;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.06) 100%);
  backdrop-filter: blur(100px);
  padding: 16px;
}

._txtIrrigation_1c2dx_247 {
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: #ffffff;
}

._groupCustomSelect_1c2dx_254 {
  width: 175px;
  margin-top: 20px;
}

._groupAutoMode_1c2dx_259 {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.6);
  height: auto;
  width: 120px;
  cursor: pointer;
}
@media (max-width: 1540px) {
  ._groupAutoMode_1c2dx_259 {
    min-width: 86px;
    width: 86px;
    height: auto;
    white-space: nowrap;
  }
  ._groupAutoMode_1c2dx_259 p {
    font-size: 12px;
  }
}

._groupManualMode_1c2dx_283 {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: rgba(241, 241, 241, 0.4);
  height: auto;
  width: 140px;
  cursor: pointer;
}
@media (max-width: 1540px) {
  ._groupManualMode_1c2dx_283 {
    min-width: 100px;
    width: 100px;
    height: auto;
    white-space: nowrap;
  }
  ._groupManualMode_1c2dx_283 p {
    font-size: 12px;
  }
}

._groupPauseMode_1c2dx_307 {
  border-radius: 8px;
  min-width: 93px;
  height: 42px;
  cursor: pointer;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(241, 241, 241, 0.6);
  background: rgba(241, 241, 241, 0.2);
}
@media (max-width: 1540px) {
  ._groupPauseMode_1c2dx_307 {
    min-width: 78px;
    width: 78px;
    height: auto;
    align-items: center;
    white-space: nowrap;
  }
  ._groupPauseMode_1c2dx_307 p {
    font-size: 12px;
    margin-left: 4px !important;
  }
}

._txtAutoMode_1c2dx_331 {
  font-size: 16px;
  font-weight: 600;
  line-height: 115%;
}

._lineImg_1c2dx_337 {
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 30px;
}

._twoWireEllipse_1c2dx_343 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

._twoLineVoltage_1c2dx_349 {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

._txtValueCurrent_1c2dx_355 {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 115%;
  margin-left: 2px;
}

._imgNetWorkBackground_1c2dx_363 {
  background-repeat: no-repeat;
  background-size: contain;
}

._groupTxtCurrentLine_1c2dx_368 {
  display: flex;
  justify-content: center;
  align-items: center;
}

._btnBackFlow_1c2dx_374 {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 6px;
  height: 28px;
  width: 28px;
  cursor: pointer;
}

._imgNetWork_1c2dx_363 {
  height: 20px;
  width: 20px;
}

._chart_1c2dx_388 {
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

@media (max-width: 830px) {
  ._flowGroupSecond_1c2dx_396 {
    height: 300px;
  }
}

._flowGroup_1c2dx_396 {
  border-radius: 8px;
  flex-grow: 1;
  height: 100%;
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s ease;
}
._flowGroup_1c2dx_396:hover {
  background: rgba(255, 255, 255, 0.1);
}

._flowGroupFirst_1c2dx_416 {
  margin-bottom: 10px;
  overflow-y: auto;
  box-sizing: border-box;
}

._borderCustom_1c2dx_422 {
  margin-top: 10px;
  height: 10%;
  border-bottom: 1px solid #dfdede;
  border-right: 1px solid #dfdede;
  border-left: 1px solid #dfdede;
}

._groupContainerQuickView_1c2dx_430 {
  flex-grow: 1;
  height: 100%;
  /* Uncomment if needed:
  overflow-y: hidden;
  overflow-x: hidden;
  */
}

._container_1c2dx_439 {
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  ._groupSimulation_1c2dx_81 {
    height: 100% !important;
    width: 60%;
  }
}
@media (max-width: 820px) {
  ._groupSimulation_1c2dx_81 {
    height: 100% !important;
    width: 60%;
  }
}

._groupProgram_1c2dx_86 {
  width: 40% !important;
  height: 100% !important;
}
@media (max-width: 820px) {
  ._groupProgram_1c2dx_86 {
    width: 40% !important;
    height: 100% !important;
  }
}

._txtFlow_1c2dx_74 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}

._txtUpdated_1c2dx_476 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
}

._txtStatus_1c2dx_484 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.16px;
}

._irrigationContainer_1c2dx_492 {
  border-radius: 8px;
  background: linear-gradient(217deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.06) 100%);
  backdrop-filter: blur(100px);
  height: 100%;
  padding: 16px 16px 14px 16px;
}

@media (max-width: 830px) {
  ._simulationGroup_1c2dx_501 {
    height: 55% !important;
    width: 100% !important;
  }
}

._txtRatio_1c2dx_507 {
  font-size: 14px;
  color: #c5c4c4;
  font-weight: 600;
}

@media (max-width: 830px) {
  ._groupMainChartFlow_1c2dx_514 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  ._groupMainChartFlow_1c2dx_514 ._groupLastHour_1c2dx_518 {
    margin-left: 0 !important;
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._groupMainChartFlow_1c2dx_514 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  ._groupMainChartFlow_1c2dx_514 ._groupLastHour_1c2dx_518 {
    margin-left: 0 !important;
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._groupMainChartFlow_1c2dx_514 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  ._groupMainChartFlow_1c2dx_514 ._groupLastHour_1c2dx_518 {
    margin-left: 0 !important;
  }
}
._groupMainChartFlow_1c2dx_514 ._customSelectFlow_1c2dx_540 {
  padding: 5px;
  border: 1px solid #e1e0e0;
  width: 130px;
  height: 35px;
}
._groupMainChartFlow_1c2dx_514 ._groupExpectedFlow_1c2dx_546 {
  width: 100%;
  height: 100%;
}

._groupChartDotted_1c2dx_551 {
  margin: 0 auto;
  text-align: left;
}

._groupDotted_1c2dx_556 {
  background-color: #d9d9d9;
  height: 33px;
  width: 100%;
}

._dotContainer_1c2dx_562 {
  display: flex;
  height: 33px;
  position: relative;
  width: 100%;
}

._dot_1c2dx_562 {
  height: 33px;
  background-color: #66f0a0;
  position: absolute;
}

._dotExpected_1c2dx_575 {
  height: 33px;
  position: absolute;
}

._boxMainHours_1c2dx_580 {
  margin-top: 10px;
}

._imgChart_1c2dx_584 {
  height: 100%;
  width: 100%;
}

._containerFlow_1c2dx_589 {
  height: 48vh;
  overflow: auto;
  padding-right: 23px;
  /* Scrollbar thumb styling */
}
._containerFlow_1c2dx_589::-webkit-scrollbar {
  width: 7px;
  height: 8px;
}
._containerFlow_1c2dx_589::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 5px;
}

@media (min-width: 821px) and (max-width: 1376px) {
  ._imgChart_1c2dx_584 {
    height: 60%;
    width: 100%;
  }
  ._groupSimulation_1c2dx_81 {
    width: 60% !important;
    height: 100%;
  }
  ._groupController_1c2dx_25 {
    width: 50% !important;
    height: 100%;
  }
  ._groupProgram_1c2dx_86 {
    width: 40% !important;
    height: 100% !important;
  }
  ._twoWire_1c2dx_91 {
    width: 100% !important;
    height: 30% !important;
  }
  ._boxMainHours_1c2dx_580 {
    margin-top: 20px !important;
  }
  ._groupSimulationChild2_1c2dx_628 {
    width: 100% !important;
    height: 72% !important;
  }
  ._simulationGroup_1c2dx_501 {
    width: 100% !important;
  }
  ._txtNumberLastHour_1c2dx_635 {
    margin-top: 0px !important;
  }
  ._numberLastHour_1c2dx_638 {
    font-size: 16px !important;
  }
  ._textLm_1c2dx_641 {
    font-size: 12px !important;
  }
  ._txtLastHour_1c2dx_644 {
    margin-top: 0px !important;
    font-size: 10px !important;
  }
}
._disableButton_1c2dx_649 {
  opacity: 0.5;
  cursor: not-allowed;
}
._disableButton_1c2dx_649 svg {
  pointer-events: none;
}

._txtWater_1c2dx_657 {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.12px;
  opacity: 0.5;
  margin-left: 15px;
}

._groupLastHour_1c2dx_518 {
  height: 70px;
  width: 100%;
  padding: 14px;
  margin-top: 20px !important;
}

._txtDescription_1c2dx_674 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

._boxMainFlow_1c2dx_680 {
  margin-top: 30px;
  border-bottom: 1px solid #272727;
  padding-bottom: 20px;
}

._containerDesc_1c2dx_686 {
  width: 100%;
  padding: 0px 0px 15px 0px;
}

._txtLastHour_1c2dx_644 {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  line-height: 13.29px; /* 11px */
  letter-spacing: 0.1px;
  max-width: 90px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

._txtNumberLastHour_1c2dx_635 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

._numberLastHour_1c2dx_638 {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 22px */
  overflow: hidden;
  white-space: nowrap;
  margin-right: 5px;
}

._textLm_1c2dx_641 {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 13.2px */
  letter-spacing: 0.12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 40px;
}

._txtActual_1c2dx_733 {
  font-size: 14px;
  font-weight: 600;
  color: #66f0a0;
}._hubTwoWire_r7m9r_1 {
  width: 100% !important;
  margin-bottom: 3%;
  flex: 0 0 auto;
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.036);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.433);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s ease;
  box-sizing: border-box;
  max-height: 35vh;
  padding: 14px 10px 12px 10px;
  overflow: hidden;
}
._hubTwoWire_r7m9r_1:hover {
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1540px) {
  ._hubTwoWire_r7m9r_1 {
    width: auto;
  }
}

._header_r7m9r_25 {
  padding: 0 16px 10px 16px;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

/*
 * Type scale is the page's own, as used by the sibling FLOW widget:
 *   20/600 section title, 14/500 entity name, 12 supporting text.
 * Keep new text on these steps - no in-between sizes like 11.5px.
 */
._title_r7m9r_37 {
  color: #ffffff;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
}

._chip_r7m9r_44 {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  padding: 2px 8px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.12);
  white-space: nowrap;
}

._chipError_r7m9r_55 {
  color: #ff783c;
  background: rgba(255, 120, 60, 0.16);
}

._rowList_r7m9r_60 {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0 6px 0 8px;
}
._rowList_r7m9r_60::-webkit-scrollbar {
  width: 7px;
  height: 8px;
}
._rowList_r7m9r_60::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 5px;
}

/*
 * Two lines per child: name (+ issue) on top, metrics underneath.
 * A single-line table cannot hold name + 2 values + status at this card
 * width - the name column collapses first, and browser zoom makes it worse.
 */
._row_r7m9r_60 {
  padding: 5px 8px 6px 8px;
  border-radius: 6px;
  cursor: pointer;
  row-gap: 1px;
}
._row_r7m9r_60 + ._row_r7m9r_60 {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
._row_r7m9r_60:hover {
  background: rgba(255, 255, 255, 0.08);
}

._rowTop_r7m9r_92 {
  align-items: center;
  column-gap: 8px;
  min-width: 0;
}

._rowOffline_r7m9r_98 {
  opacity: 0.5;
}

._dot_r7m9r_102 {
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 50%;
  background: #4ecb71;
  flex-shrink: 0;
}

._dotCritical_r7m9r_111 {
  background: #ff424a;
}

._dotWarning_r7m9r_115 {
  background: #eecd1d;
}

._dotOffline_r7m9r_119 {
  background: #a5a5a5;
}

._childName_r7m9r_123 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Fixed columns, so both metrics line up down the list instead of drifting
 * with the width of each number. Each value sits directly above its own bar. */
._metricsRow_r7m9r_137 {
  display: grid;
  grid-template-columns: 84px 84px;
  column-gap: 16px;
  padding-left: 16px;
}

._metric_r7m9r_137 {
  row-gap: 3px;
  min-width: 0;
}

._metricValue_r7m9r_149 {
  color: #ebedec;
  opacity: 0.7;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

._metricWarning_r7m9r_159 {
  color: #eecd1d;
  opacity: 1;
}

._metricCritical_r7m9r_164 {
  color: #ff424a;
  opacity: 1;
}

._meterTrack_r7m9r_169 {
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.18);
  overflow: hidden;
}

._meterFill_r7m9r_177 {
  height: 100%;
  border-radius: 2px;
  background: #4ecb71;
  transition: width 0.3s ease;
}

._meterFillWarning_r7m9r_184 {
  background: #eecd1d;
}

._meterFillCritical_r7m9r_188 {
  background: #ff424a;
}

/* Never outgrow the name: the issue text ellipsizes, the tooltip has it all. */
._statusText_r7m9r_193 {
  color: #ebedec;
  font-size: 12px;
  line-height: 16px;
  opacity: 0.6;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 55%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._statusCritical_r7m9r_207 {
  color: #ff424a;
  opacity: 1;
  font-weight: 600;
}

._statusWarning_r7m9r_213 {
  color: #eecd1d;
  opacity: 1;
  font-weight: 600;
}

/* The text carries its own tooltip - no separate icon to clutter the row. */
._statusHint_r7m9r_220 {
  cursor: help;
  text-decoration: underline dotted currentColor;
  text-underline-offset: 3px;
}

._emptyState_r7m9r_226 {
  align-items: center;
  justify-content: center;
  min-height: 60px;
}

._customTooltip_r7m9r_232 {
  background: #272727;
  padding: 8px;
  white-space: pre-wrap;
  font-size: 11px;
  line-height: 14px;
}

._tooltipArrow_r7m9r_240::before {
  background: #272727;
}._boxActionBottomLeft_5w8bj_1 {
  display: flex;
  justify-content: center;
  z-index: 9999;
}

._btnBackAdmin_5w8bj_7 {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50px;
  height: 40px;
  width: 40px;
  border: 1px solid #203f50;
  padding: 10px;
  color: #ffffff;
  cursor: pointer;
}

._interface_5w8bj_18 {
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
}

._customSelectDashboard_5w8bj_24 {
  padding: 3px;
  border: 0.5px solid #e1e0e0;
}

._tabQuickView_5w8bj_29 {
  flex-grow: 1;
  padding: 0px 16px 15px 32px !important;
}._boxActionBottomLeft_5g5lq_1 {
  display: flex;
  justify-content: start;
  z-index: 0;
}

._boxActionBottomCenter_5g5lq_7 {
  width: 400px;
  display: flex;
  flex-direction: row;
  margin-left: -50px;
  justify-content: center;
}
@media (max-width: 830px) {
  ._boxActionBottomCenter_5g5lq_7 {
    order: -1;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
._boxActionBottomCenter_5g5lq_7 ._buttonItem_5g5lq_21 {
  display: flex;
  align-items: center;
  width: 30%;
}
._boxActionBottomCenter_5g5lq_7 ._buttonItem_5g5lq_21 button {
  border-radius: 15px;
  background-color: #071924;
  background-repeat: no-repeat;
  background-position: center;
  height: 53px;
  width: 53px;
  border: none;
}
._boxActionBottomCenter_5g5lq_7 ._buttonItem_5g5lq_21 button:hover {
  background-color: #071924;
}
._boxActionBottomCenter_5g5lq_7 ._buttonItem_5g5lq_21 p {
  font-weight: 400;
  font-size: 11px;
  color: #ffffff;
  margin-top: 5px;
  text-align: center;
}

._boxActionGroup_5g5lq_46 {
  align-content: center;
  justify-content: center;
  margin-left: 125px;
}
@media (max-width: 830px) {
  ._boxActionGroup_5g5lq_46 {
    flex-direction: column;
    align-items: center;
    margin-left: 55px;
  }
}

._boxActionBottomRight_5g5lq_59 {
  display: flex;
  justify-content: end;
}

._tabPanelUi_5g5lq_64 {
  display: flex;
}
@media (max-width: 830px) {
  ._tabPanelUi_5g5lq_64 {
    display: inline;
  }
}

._txtUser_5g5lq_73 {
  text-transform: uppercase;
}

._customSelectDashboard_5g5lq_77 {
  padding: 6px;
  border: 0.5px solid #e1e0e0;
}

._interface_5g5lq_82 {
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
}

._containerGroup_5g5lq_88 {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}

._boxBtnEmergency_5g5lq_94 {
  background-color: rgba(238, 52, 52, 0.8);
  margin-top: 37px;
  height: 40px;
  border-radius: 50px;
  width: 183px;
  border: 1px solid #ffc3c3;
}
._boxBtnEmergency_5g5lq_94:hover {
  background-color: rgba(238, 52, 52, 0.8);
}

._btnEmergency_5g5lq_106 {
  font-size: 14px;
  width: 142px;
  height: 14px;
}

._groupSwitchActive_5g5lq_112 {
  width: 149px;
  background-color: rgba(255, 255, 255, 0.2);
  height: 40px;
  padding: 13px 16px;
  border-radius: 51px;
  border: 1px solid #ffffff;
  position: relative;
  opacity: 1;
  display: flex;
}

._groupActive_5g5lq_124 {
  align-self: flex-end;
  justify-content: end;
  display: flex;
}

._txtBackAdmin_5g5lq_130 {
  font-size: 14px;
  width: 142px;
  height: 14px;
}

._groupDarkMode_5g5lq_136 {
  margin-bottom: 20px;
  margin-left: 48px;
}

._logoDashboardLight_5g5lq_141 {
  margin-left: 24px;
  margin-right: 44.02px;
  color: #181818;
  height: 1;
  display: flex;
  align-items: center;
}

._txtDateTime_5g5lq_150 {
  color: #747474;
  margin-right: 10px;
}

._txtRefresh_5g5lq_155 {
  color: #004744;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 2px;
}

._btnBackAdmin_5g5lq_163 {
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-radius: 50px;
  height: 37px;
  width: 37px !important;
  min-width: 37px !important;
  border: 1px solid #203f50;
  padding: 10px;
  color: #ffffff;
  cursor: pointer;
}
._btnBackAdmin_5g5lq_163:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

._txtET_5g5lq_178 {
  font-weight: 500;
  font-size: 11px;
  line-height: 100%;
  color: #ffffff;
  opacity: 0.5;
}

._txtValueET_5g5lq_186 {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

._txtDataAvailable_5g5lq_196 {
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
  opacity: 0.3;
}

._menuNotificationWrapper_5g5lq_207 [class~=MuiPaper-root] {
  width: 487px;
  height: 550px;
  overflow: hidden;
  border-radius: 15px;
  background: rgba(39, 39, 39, 0.9);
  backdrop-filter: blur(10px);
  margin-left: 8vh;
  margin-top: -10vh;
}
._menuNotificationWrapper_5g5lq_207 [class~=MuiList-root] {
  display: flex;
  height: 100%;
  padding-top: 0px !important;
}

._roundET_5g5lq_223 {
  background-color: #52e28f;
  border-radius: 0px 5px 5px 0px;
  min-height: 24px;
  margin-top: 4px;
  min-width: 1px;
}

._txtUpdate_5g5lq_231 {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  opacity: 0.400000006;
}

._txtWeatherTime_5g5lq_238 {
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  opacity: 0.400000006;
}

._txtShowTimeET_5g5lq_245 {
  font-size: 10px;
  color: #fff;
  font-weight: 600;
  opacity: 0.400000006;
}

._groupTimeUpdate_5g5lq_252 {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 8px;
  width: 198px;
  margin-top: 4px;
  justify-content: space-between;
}

._tabQuickView_5g5lq_261 {
  flex-grow: 1;
  padding: 0px 16px 15px 32px !important;
}

._circle_5g5lq_266 {
  width: 100%;
  height: 100vh;
  flex-grow: 1;
  position: absolute;
  z-index: -99;
  justify-content: center;
  align-items: center;
}

._btnMasterControl_5g5lq_276 {
  border-radius: 50px;
  background: rgba(6, 20, 29, 0.75);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-right: 40px;
  width: 164px;
}
._btnMasterControl_5g5lq_276:hover {
  background: rgba(6, 20, 29, 0.75);
}

._btnOperations_5g5lq_289 {
  background-color: transparent;
  width: 100%;
  height: 200px;
  margin-top: -20px;
}
._btnOperations_5g5lq_289:hover {
  background: transparent;
}

._menuWrapper_5g5lq_299 [class~=MuiPaper-root] {
  padding: 30px;
  margin-top: 3px;
  width: 362px;
  height: 360px;
  flex-shrink: 0;
  border-radius: 15px;
  background: rgba(39, 39, 39, 0.9);
  backdrop-filter: blur(10px);
  margin-left: 8vh;
}
._menuWrapper_5g5lq_299 [class~=MuiList-root] {
  display: flex;
  height: 100%;
}

._btnApply_5g5lq_315 {
  height: 100%;
  width: 150px;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(0, 71, 68, 0.8) 0%, rgba(0, 71, 68, 0.8) 100%), #fff;
  color: #ffffff;
}
._btnApply_5g5lq_315:hover {
  background: linear-gradient(0deg, rgba(0, 71, 68, 0.8) 0%, rgba(0, 71, 68, 0.8) 100%), #fff;
}

._btnCancel_5g5lq_326 {
  height: 100%;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 1px solid #5b5b5b;
  background-color: transparent;
}
._btnCancel_5g5lq_326:hover {
  background-color: transparent;
}

._groupRound_5g5lq_342 {
  position: absolute;
  top: -21px;
  left: 0;
  height: 650px;
  width: 650px;
  z-index: 1;
}

._navBarHeader_5g5lq_351 {
  z-index: 99;
}

._positionSelect_5g5lq_355 {
  margin-bottom: 20px;
  margin-right: 5%;
}

._circleBottom_5g5lq_360 {
  align-items: center;
  margin-top: 715px;
  margin-left: -20px;
  opacity: 0.7;
}

._boxMasterControl_5g5lq_367 {
  width: 676px;
  height: 102px;
  position: absolute;
  z-index: 99999;
  bottom: 0;
  top: 80%;
  padding: 16px 8px;
  backdrop-filter: blur(24px);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: background-color 0.3s ease;
}
._boxMasterControl_5g5lq_367:hover {
  background: rgba(255, 255, 255, 0.1);
}

._groupEmergency_5g5lq_386 {
  margin-top: 20px;
  align-items: center;
  justify-content: center;
}

._emergencyShutdown_5g5lq_392 {
  width: 183px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 50px;
  border: 1px solid #ffbdbd;
  color: #fff;
  background: rgba(142, 31, 31, 0.8);
}
._emergencyShutdown_5g5lq_392:hover {
  background: rgba(142, 31, 31, 0.8);
  color: #fff;
}

._txtTestMode_5g5lq_406 {
  color: #dbdbdb;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  letter-spacing: 0.28px;
  text-transform: uppercase;
  margin-top: 2px;
}

._logo_5g5lq_141 {
  width: 135px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 7%;
  margin-top: 10px;
}

._svgText_5g5lq_425 {
  font-size: 16px;
  text-anchor: middle;
}

._txtControllerOff_5g5lq_430 {
  font-weight: 500;
  line-height: 14px;
  font-size: 16px;
  margin-top: 2px !important;
  color: #ed2121;
}

._rootTestMode_5g5lq_438 {
  padding: 20px;
}

._footer_5g5lq_442 {
  margin-top: 40px;
  flex-grow: 1;
  width: 100%;
  align-items: end;
}

._iconFooter_5g5lq_449 {
  color: #fff;
  cursor: pointer;
}

._navLinkPrograms_5g5lq_454 {
  display: flex;
  height: 242px;
  margin-left: -13px;
}

._navLinkMapView_5g5lq_460 {
  display: flex;
  height: 250px;
  width: 220px;
}

._navLinkSimulation_5g5lq_466 {
  display: flex;
  width: 328px;
  height: 235px;
  margin-left: -40px;
  padding-left: 48px;
}

._navLinkSensors_5g5lq_474 {
  display: flex;
  height: 316px;
}._box_15dj5_1 {
  width: 138%;
  background-color: #9cc0f9;
  min-height: 350px;
  clip-path: polygon(0% 0%, 65% 0%, 102% 50%, 65% 100%, 0% 100%);
  margin: 0 auto;
  pointer-events: none;
}

._flt_svg_15dj5_10 {
  visibility: hidden;
  position: absolute;
  width: 0px;
  height: 0px;
}

._box_parent_15dj5_17 {
  filter: url("#flt_tag");
}

._txtHeader_15dj5_21 {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  max-width: 230px;
}

._groupEmergency_15dj5_28 {
  margin-top: 10px;
  align-items: center;
  justify-content: center;
}

._emergencyShutdown_15dj5_34 {
  width: 183px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 50px;
  border: 1px solid #b1696a;
  color: #e4d3d4;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  background: #772124;
}
._emergencyShutdown_15dj5_34:hover {
  background: #772124;
  color: #e4d3d4;
}._root_1ms89_1 {
  height: 100%;
  width: 388px;
  padding: 27px 40px;
}

._txtHeader_1ms89_7 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

._txtContent_1ms89_13 {
  font-size: 12px;
  font-weight: 400;
  line-height: 13.8px;
}

._footer_1ms89_19 {
  margin-top: 20px;
  flex-grow: 1;
  width: 100%;
  align-items: end;
}

._txtInline_1ms89_26 {
  margin-bottom: 5px;
  margin-top: 25px;
  font-weight: 700;
  line-height: 13.8px;
}._txtHeader_1f8bm_1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

._txtContent_1f8bm_7 {
  margin-top: 10px;
}

._footer_1f8bm_11 {
  margin-top: 40px;
  flex-grow: 1;
  width: 100%;
  align-items: end;
}._textStateRunning_18uxx_1 {
  color: #66f0a0;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

._textStateIde_18uxx_8 {
  color: #ff783c;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
}

._textNamePrograms_18uxx_15 {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 9px;
}

._groupViewStation_18uxx_22 {
  overflow-y: auto;
  flex-grow: 1;
}
._groupViewStation_18uxx_22::-webkit-scrollbar {
  width: 8px;
}
._groupViewStation_18uxx_22::-webkit-scrollbar-thumb {
  background-color: #ededed;
  border-radius: 5px;
}

._list_18uxx_34 {
  cursor: pointer;
  padding: 10px 0; /* Increase vertical padding for more height */
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Two columns */
  gap: 8px;
}

._list_18uxx_34 li {
  height: 45px;
  position: relative;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  padding: 13px 15px 15px 20px;
  font-weight: 400;
  font-size: 12px;
}

._list_18uxx_34 li::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  min-height: 30px;
  left: 5px;
  top: 5px;
  background: #66F0A0;
  border-radius: 5px;
}

._list_18uxx_34 li._off_18uxx_64 {
  color: black;
}

._list_18uxx_34 li._off_18uxx_64::after {
  background: #8a8a8a;
  min-height: 30px;
}

/* Adjust the specific classes for the list items */
._list_18uxx_34 li._on_18uxx_74 {
  color: black;
}

._listItemContent_18uxx_78 {
  font-weight: 600;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
}
@media (min-width: 768px) and (max-width: 1600px) {
  ._listItemContent_18uxx_78 {
    max-width: 60px;
  }
}
@media (min-width: 768px) and (max-width: 1375px) {
  ._listItemContent_18uxx_78 {
    max-width: 60px;
  }
}._txtStationList_1y8hs_1 {
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  cursor: pointer;
}

._txtEdit_1y8hs_8 {
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  cursor: pointer;
}

._txtDelete_1y8hs_15 {
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  color: #7c7b7b;
  cursor: pointer;
}

._txtProgramHead_1y8hs_23 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  padding: 4px 0px;
}

._tableTh_1y8hs_30 {
  padding-left: 38px;
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.rdrDateDisplayItem{
  -webkit-box-flex: 1;
          flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.rdrMonthAndYearPickers{
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: -webkit-box;
  display: flex;
}

.rdrMonthsVertical{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: -webkit-box;
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: -webkit-box;
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  -webkit-box-align: center;
          align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    -webkit-transform: translate(-3px, 0px);
            transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    -webkit-transform: translate(-3px, 0px);
            transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    -webkit-transform: translate(3px, 0px);
            transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  -webkit-box-align: center;
          align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    -webkit-filter: grayscale(100%) opacity(60%);
            filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
._header_1dlkk_1 {
  flex-direction: row;
  justify-content: space-between;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._headerTitle_1dlkk_10 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
  margin-left: 10px;
}

._headerSearch_1dlkk_17 {
  width: 50%;
}
._headerSearch_1dlkk_17 input {
  height: 29px;
}

._closeIcon_1dlkk_24 {
  cursor: pointer;
  color: #999999;
}

._btnBack_1dlkk_29 {
  background: transparent;
  width: 24px;
  min-width: auto;
}._root_1nx1v_1 [class~=MuiPaper-root] {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  width: 235px;
}

._btnToggle_1nx1v_7 {
  width: 160px;
  background: #FFFFFF;
  color: #000000;
}

._btnCreate_1nx1v_13 {
  justify-content: flex-start;
  padding: 10px 18px;
  font-size: 12.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
}
._btnCreate_1nx1v_13 [class~=MuiButton-startIcon] {
  margin-right: 15px;
  background: #004744;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

._boxItem_1nx1v_32 {
  border-top: 1px solid #d7d7d7;
}

._btnEdit_1nx1v_36 {
  justify-content: flex-start;
  padding: 4px 18px;
  font-size: 12.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
}
._btnEdit_1nx1v_36 [class~=MuiButton-startIcon] {
  margin-right: 15px;
}._root_1gj79_1 [class~=MuiPaper-root] {
  border: 1px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  width: 315px;
}

._header_1gj79_8 {
  padding: 21px 17px 22px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7d7;
}
._header_1gj79_8 ._title_1gj79_15 {
  font-size: 12.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
}
._header_1gj79_8 ._btnToggle_1gj79_20 {
  padding: 2px;
  margin-left: 5px;
  font-size: 10px;
  width: 100px;
  line-height: 100%;
  letter-spacing: 0.05em;
  text-decoration-line: underline;
}
._header_1gj79_8 ._btnToggle_1gj79_20 [class~=MuiButton-endIcon] {
  margin-right: 0;
  margin-left: 5px;
}

._body_1gj79_34 {
  height: 420px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 15px;
}
._body_1gj79_34::-webkit-scrollbar-track:vertical {
  border-left: 1px solid #d7d7d7 !important;
}
._body_1gj79_34 ._listItem_1gj79_43 {
  display: flex;
  align-items: center;
}
._body_1gj79_34 ._listItem_1gj79_43 img {
  max-height: 35px;
  object-fit: contain;
}
._body_1gj79_34 ._listItem_1gj79_43 ._listItemText_1gj79_51 {
  font-size: 12.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
  margin-left: 12px;
  width: 100px;
}
._body_1gj79_34 ._listItem_1gj79_43:not(:first-child) {
  margin-top: 10px;
}

._listItemHide_1gj79_62 {
  opacity: 0.3;
}

._listItemAction_1gj79_66 {
  cursor: pointer;
}._wrapper_14j0k_1 {
  flex-grow: 1;
  height: 100%;
  padding: 0px !important;
  overflow: hidden;
}

._station_14j0k_8 > div {
  padding: 0px 16px;
}

._filter_14j0k_12 {
  text-indent: -99999px;
  width: fit-content;
  min-width: 40px;
}
._filter_14j0k_12 p {
  display: none;
}
._filter_14j0k_12 span {
  margin: 0;
}

._title_14j0k_24 {
  margin-bottom: 4px;
}

._list_14j0k_28 {
  padding: 3px 0;
}
._list_14j0k_28 li {
  position: relative;
  background: #ffffff;
  border: 0.7px solid #d7d7d7;
  box-shadow: 0px 0px 10px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  padding: 13px;
  color: #004744;
}
._list_14j0k_28 li::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 29px;
  left: 5px;
  top: 5px;
  background: #004744;
  border-radius: 5px;
}
._list_14j0k_28 li._error_14j0k_51 {
  color: #ff3030;
}
._list_14j0k_28 li._error_14j0k_51::after {
  background: #ff3030;
}
._list_14j0k_28 li._off_14j0k_57 {
  color: #8a8a8a;
}
._list_14j0k_28 li._off_14j0k_57::after {
  background: #8a8a8a;
}

._headLeft_14j0k_64 {
  display: flex;
  flex-direction: row;
  padding: 8px 19px 5px 19px;
  width: 100%;
}

._footer_14j0k_71 {
  display: flex;
  bottom: 0;
  justify-content: end;
  flex-grow: 1;
}

._inputSearchFull_14j0k_78 {
  width: 100%;
}

._inputSearch_14j0k_78 {
  width: 246px;
}._root_ta62h_1 [class~=MuiPaper-root] {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  width: 235px;
}

._btnMicroClimateToggle_ta62h_7 {
  width: 160px;
  background: #FFFFFF;
  color: #000000;
}

._btnCreate_ta62h_13 {
  justify-content: flex-start;
  padding: 10px 18px;
  font-size: 12.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
}
._btnCreate_ta62h_13 [class~=MuiButton-startIcon] {
  margin-right: 15px;
  background: #004744;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

._boxItem_ta62h_32 {
  border-top: 1px solid #d7d7d7;
}

._btnEdit_ta62h_36 {
  justify-content: flex-start;
  padding: 4px 18px;
  font-size: 12.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
}
._btnEdit_ta62h_36 [class~=MuiButton-startIcon] {
  margin-right: 15px;
}._selectorMonitoringTabBar_7wwp1_1 {
  display: flex;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  padding: 8px 8px;
  border-radius: 24px;
  max-width: 580px;
  width: auto;
  position: fixed;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: 0px 0px 8px 0px #FFFFFF inset;
  box-shadow: 0px 0px 12px -8px #000000;
}
._selectorMonitoringTabBar_7wwp1_1._light_7wwp1_17 {
  background: rgba(142, 145, 143, 0.555);
  box-shadow: 0 4px 20px rgba(161, 145, 145, 0.25);
}
._selectorMonitoringTabBar_7wwp1_1._light_7wwp1_17 ._selectorMonitoringTab_7wwp1_1 {
  color: #c8ced9;
}

._selectorMonitoringTab_7wwp1_1 {
  background: transparent;
  border: none;
  padding: 6px 15px;
  cursor: pointer;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 18px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all 0.3s ease;
  font-weight: 600;
}
._selectorMonitoringTab_7wwp1_1._active_7wwp1_39 {
  background: #004744;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
._selectorMonitoringTab_7wwp1_1:hover:not(:disabled):not(._active_7wwp1_39) {
  background: rgba(255, 255, 255, 0.2);
}
._selectorMonitoringTab_7wwp1_1:disabled {
  cursor: not-allowed;
  opacity: 0.9;
  background: none;
  color: #fff !important;
}._microClimateTitle_1ksq3_1 {
  font-size: 20px;
  color: #002031;
  font-weight: 600;
}

._title_1ksq3_7 {
  color: #6B7280;
  font-size: 14px;
}

._soilTypeValue_1ksq3_12,
._cropTypeValue_1ksq3_13,
._soilMoistureValue_1ksq3_14,
._soilTempValue_1ksq3_15,
._sanlintyValue_1ksq3_16 {
  font-weight: 500;
  color: #111827;
  font-size: 16px;
  padding-top: 10px;
}

._lastUpdatedValue_1ksq3_23 {
  font-weight: 500;
  color: #111827;
  font-size: 14px;
  padding-top: 10px;
}._stationMarker_1wbck_1 {
  height: 80vh;
  overflow: auto;
  padding: 0px 20px;
}

._txtShowAll_1wbck_7 {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

._boxItems_1wbck_13 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
}

._circularCenter_1wbck_22 {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}

._btnShowAll_1wbck_29 {
  background-color: transparent;
  font-weight: 600;
  padding: 0px;
}
._btnShowAll_1wbck_29:hover {
  background-color: transparent;
}

._boxItemsHide_1wbck_38 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #f1f1f1 !important;
}._stationMarker_1wbck_1 {
  height: 80vh;
  overflow: auto;
  padding: 0px 20px;
}

._txtShowAll_1wbck_7 {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

._boxItems_1wbck_13 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
}

._circularCenter_1wbck_22 {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}

._btnShowAll_1wbck_29 {
  background-color: transparent;
  font-weight: 600;
  padding: 0px;
}
._btnShowAll_1wbck_29:hover {
  background-color: transparent;
}

._boxItemsHide_1wbck_38 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #f1f1f1 !important;
}._boxContainer_w84fc_1 {
  min-height: 100vh;
  filter: drop-shadow(-4px 0px 6px rgba(0, 0, 0, 0.08));
}

._boxBody_w84fc_6 {
  width: 630px;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
._boxBody_w84fc_6 ._body_w84fc_12 {
  width: 600px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 20px 20px 0px 20px;
}
._boxBody_w84fc_6 ._listItem_w84fc_19 {
  align-items: center;
  display: flex;
  gap: 5px;
  width: 100%;
  height: 30px;
  border-radius: 55px;
  padding: 4px 12px 4px 12px;
}
._boxBody_w84fc_6 ._listItem_w84fc_19 img {
  max-height: 20px;
  object-fit: contain;
}
._boxBody_w84fc_6 ._listItem_w84fc_19 ._listItemText_w84fc_32 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.05em;
  margin-left: 12px;
}
._boxBody_w84fc_6 ._closeIcon_w84fc_39 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  margin-right: 12px;
}

._listItemHide_w84fc_47 {
  background-color: #ebf1f0 !important;
}
._listItemHide_w84fc_47 ._listItemText_w84fc_32 {
  font-size: 12.6486px;
  line-height: 100%;
  letter-spacing: 0.05em;
  margin-left: 12px;
}

._listItemAction_w84fc_57 {
  cursor: pointer;
}

._inputSearch_w84fc_61 {
  width: 100%;
  margin-top: 10px;
}

._stationMarker_w84fc_66 {
  height: 80vh;
  overflow: auto;
  padding: 0px 20px;
}

._boxItems_w84fc_72 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
}

._boxItemsHide_w84fc_81 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #f1f1f1 !important;
}

._boxItems_w84fc_72:first-child {
  margin-top: 15px;
}

._btnCurrent_w84fc_95 {
  background-color: transparent;
  color: #004744;
  height: 100%;
}
._btnCurrent_w84fc_95:hover {
  background-color: transparent;
  color: #004744;
}

._btnShowAll_w84fc_105 {
  background-color: transparent;
  font-weight: 600;
  color: #fff;
  padding: 0px;
}
._btnShowAll_w84fc_105:hover {
  background-color: transparent;
  color: #fff;
}._stationMarker_1wbck_1 {
  height: 80vh;
  overflow: auto;
  padding: 0px 20px;
}

._txtShowAll_1wbck_7 {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

._boxItems_1wbck_13 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
}

._circularCenter_1wbck_22 {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}

._btnShowAll_1wbck_29 {
  background-color: transparent;
  font-weight: 600;
  padding: 0px;
}
._btnShowAll_1wbck_29:hover {
  background-color: transparent;
}

._boxItemsHide_1wbck_38 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #f1f1f1 !important;
}._stationMarker_1wbck_1 {
  height: 80vh;
  overflow: auto;
  padding: 0px 20px;
}

._txtShowAll_1wbck_7 {
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

._boxItems_1wbck_13 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
}

._circularCenter_1wbck_22 {
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
}

._btnShowAll_1wbck_29 {
  background-color: transparent;
  font-weight: 600;
  padding: 0px;
}
._btnShowAll_1wbck_29:hover {
  background-color: transparent;
}

._boxItemsHide_1wbck_38 {
  border: 1px solid #d7d7d7;
  height: 35px;
  width: 100%;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: #f1f1f1 !important;
}._inputSearchStation_1fqww_1 {
  display: flex;
  width: 236px;
  padding: 6px 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background: #f1f1f1;
}

._inputSearch_1fqww_1 {
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgba(132, 132, 132, 0.25);
  width: 202px;
}

._footer_1fqww_20 {
  flex-grow: 1;
  height: 100%;
  justify-content: flex-end;
}

._wrapper_1fqww_26 {
  flex-grow: 1;
  height: 100%;
}._wrapper_1da3v_1 {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}

._station_1da3v_7 > div {
  padding: 0px 16px;
}

._inputSearchStation_1da3v_11 {
  display: flex;
  width: 236px;
  padding: 6px 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background: #f1f1f1;
}

._filter_1da3v_22 {
  text-indent: -9999px;
  width: 40px;
  min-width: 40px;
}
._filter_1da3v_22 p {
  display: none;
}
._filter_1da3v_22 span {
  margin: 0;
}

._title_1da3v_34 {
  margin-bottom: 4px;
}

._list_1da3v_38 {
  padding: 3px 0;
}
._list_1da3v_38 li {
  position: relative;
  background: #ffffff;
  border: 0.7px solid #d7d7d7;
  box-shadow: 0px 0px 10px rgba(132, 132, 132, 0.15);
  border-radius: 5px;
  padding: 13px;
  color: #004744;
}
._list_1da3v_38 li::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 29px;
  left: 5px;
  top: 5px;
  background: #004744;
  border-radius: 5px;
}
._list_1da3v_38 li._error_1da3v_61 {
  color: #ff3030;
}
._list_1da3v_38 li._error_1da3v_61::after {
  background: #ff3030;
}
._list_1da3v_38 li._off_1da3v_67 {
  color: #8a8a8a;
}
._list_1da3v_38 li._off_1da3v_67::after {
  background: #8a8a8a;
}

._headLeft_1da3v_74 {
  display: flex;
  flex-direction: row;
}

._footer_1da3v_79 {
  display: flex;
  bottom: 0;
  justify-content: end;
  flex-grow: 1;
}

._inputSearch_1da3v_11 {
  width: 186px;
}@keyframes _flashingGreen_7lyad_12 {
  0% {
    background-color: #66f0a0;
  }
  50% {
    background-color: #4ae080;
  }
  100% {
    background-color: #66f0a0;
  }
}
._flashingGreen_7lyad_12 {
  animation: _flashingGreen_7lyad_12 1.5s ease-in-out infinite;
}

._root_7lyad_16 {
  height: 100%;
  width: 100%;
  padding: 12px;
  overflow: hidden;
}

._content_7lyad_23 {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
}

._circleProgress_7lyad_29 {
  align-items: center;
  justify-content: center;
  height: 100%;
}

._emptyState_7lyad_35 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 40px;
}

._header_7lyad_43 {
  margin-bottom: 12px;
  padding: 12px;
  background-color: var(--mui-palette-background-paper);
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._headerTop_7lyad_51 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

._tableContainer_7lyad_58 {
  background-color: var(--mui-palette-background-paper);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._table_7lyad_58 {
  min-width: 100%;
}

._stickyHeader_7lyad_69 {
  position: sticky;
  top: 0;
  z-index: 10;
  border-bottom: 2px solid #f1f1f1;
  padding: 12px 8px 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

._subAreaNameCell_7lyad_81 {
  background-color: var(--mui-palette-background-default);
  font-weight: 600;
  min-width: 110px;
  position: sticky;
  left: 0;
  z-index: 5;
  font-size: 12px;
  color: var(--mui-palette-text-primary);
}

._subAreaHeaderCell_7lyad_92 {
  border-bottom: 2px solid var(--mui-palette-primary-main);
  padding: 8px 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--mui-palette-text-primary);
  text-align: left;
  vertical-align: middle;
}

._rowNameCell_7lyad_102 {
  font-weight: 500;
  min-width: 110px;
  position: sticky;
  left: 0;
  z-index: 5;
  padding: 5px 6px;
  font-size: 12px;
  color: var(--mui-palette-text-primary);
  text-align: left;
  vertical-align: middle;
}

._dataCell_7lyad_115 {
  text-align: center;
  padding: 2px 3px;
  transition: background-color 0.2s;
  font-size: 11px;
  font-weight: 500;
  color: var(--mui-palette-text-primary);
  vertical-align: middle;
}
._dataCell_7lyad_115:hover {
  background-color: var(--mui-palette-action-hover);
}

._editCell_7lyad_128 {
  text-align: center;
  padding: 2px 4px;
  background-color: var(--mui-palette-action-selected);
  border: 1px dashed var(--mui-palette-primary-main);
  transition: all 0.2s;
  color: var(--mui-palette-text-primary);
}
._editCell_7lyad_128:hover {
  background-color: var(--mui-palette-primary-light);
  border-color: var(--mui-palette-primary-dark);
}

._disabledCell_7lyad_141 {
  text-align: center;
  padding: 2px 4px;
  background-color: transparent;
  color: var(--mui-palette-text-disabled);
  opacity: 0.6;
}

._addRowCell_7lyad_149 {
  background-color: var(--mui-palette-primary-50);
  border: 2px dashed var(--mui-palette-primary-200);
  padding: 12px 16px;
  text-align: center;
  transition: all 0.2s ease;
}
._addRowCell_7lyad_149:hover {
  background-color: var(--mui-palette-primary-100);
  border-color: var(--mui-palette-primary-main);
}

._addRowPlaceholder_7lyad_161 {
  background-color: var(--mui-palette-grey-50);
  border: 1px dashed var(--mui-palette-divider);
  text-align: center;
  padding: 8px;
  color: var(--mui-palette-text-disabled);
}

._matchCell_7lyad_169 {
  background-color: #e8f5e8;
  border: 1px solid #4caf50;
  transition: background-color 0.2s;
}
._matchCell_7lyad_169:hover {
  background-color: #d4edda;
}

._noMatchCell_7lyad_178 {
  background-color: #ffeaea;
  border: 1px solid #f44336;
  transition: background-color 0.2s;
}
._noMatchCell_7lyad_178:hover {
  background-color: #f8d7da;
}._root_1bv51_1 {
  height: 100%;
  width: 378px;
  padding: 30px 40px;
}

._txtHeader_1bv51_7 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

._boxEnable_1bv51_13 {
  background-color: #ebf1f0;
  padding: 9px;
  height: 40px;
  margin-top: 10px;
  border-radius: 8px;
}

._txtEnableCycle_1bv51_21 {
  align-items: center;
  align-content: center;
}._customProgramCalendar_10qx0_1 {
  background-color: #ebf1f0 !important;
  color: #000 !important;
  margin-top: 15px !important;
  padding: 4px !important;
  border: none !important;
}

._customGlobalCalendar_10qx0_9 {
  background-color: #000;
  margin-top: 15px !important;
  border: none;
  color: #fff !important;
}
._customGlobalCalendar_10qx0_9:hover {
  background-color: #000;
  color: #fff !important;
}

._customDayNoEvent_10qx0_20 {
  background-color: #fff;
  margin-top: 15px !important;
  color: #000 !important;
}

._txtEventTitle_10qx0_26 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

._txtContentEventSchedule_10qx0_33 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  word-break: normal;
  line-height: 1.3;
}

._txtTitleSchedule_10qx0_44 {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

._txtContentTitleSchedule_10qx0_51,
._txtTitleNoEvent_10qx0_52 {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  white-space: normal;
  overflow: hidden;
  word-break: normal;
  line-height: 1.3;
}

._txtTitleNoEvent_10qx0_52 {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  word-break: break-all;
  line-height: 1.3;
}
._customEvent_83vy7_2 {
  color: black !important;
}
._customEvent_83vy7_2 ._fc-daygrid-day-number_83vy7_5 {
  color: black !important;
}

._customEventDark_83vy7_9 {
  color: #fff !important;
}
._customEventDark_83vy7_9 ._fc-daygrid-day-number_83vy7_5 {
  color: #fff !important;
}

._customCalendar_83vy7_16 {
  background-color: #000 !important;
  color: #fff !important;
  margin-top: 15px !important;
  padding: 4px !important;
  border: none !important;
}

._customDayCalendar_83vy7_24 {
  background-color: #000;
  margin-top: 15px !important;
  border: none;
  color: #000 !important;
}

._txtEventTitle_83vy7_31 {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  word-wrap: break-word; /* Cho phép từ xuống dòng */
  white-space: normal; /* Xuống dòng khi có khoảng trắng */
  overflow: hidden; /* Ẩn phần vượt quá (nếu cần) */
  word-break: break-all; /* Xuống dòng ngay cả khi không có khoảng trắng */
  line-height: 1.3; /* Tăng khoảng cách giữa các dòng */
}

._txtTitleSchedule_83vy7_42 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  word-wrap: break-word; /* Cho phép từ xuống dòng */
  white-space: normal; /* Xuống dòng khi có khoảng trắng */
  overflow: hidden; /* Ẩn phần vượt quá (nếu cần) */
  word-break: break-all; /* Xuống dòng ngay cả khi không có khoảng trắng */
  line-height: 1.3; /* Tăng khoảng cách giữa các dòng */
}

._txtTitle_83vy7_42 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  margin-left: 84px;
}

._btnPrev_83vy7_60 {
  border-radius: 8px 0px 0px 8px;
  min-width: 20px !important;
}

._btnNext_83vy7_65 {
  border-radius: 0px 8px 8px 0px;
  min-width: 20px !important;
}

._boxDesc_83vy7_70 {
  width: 20px;
  height: 15px;
  border-radius: 1px;
}._root_1o6rc_1 {
  width: 100%;
  padding: 30px 64px 20px 64px;
  height: 100%;
  flex-grow: 1;
}

._body_1o6rc_8 {
  overflow-x: auto;
  width: 100%;
  display: grid;
  height: 100%;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (min-width: 1800px) and (max-width: 1830px) {
  ._body_1o6rc_8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1500px) and (max-width: 1800px) {
  ._body_1o6rc_8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1300px) and (max-width: 1500px) {
  ._body_1o6rc_8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1044px) and (max-width: 1300px) {
  ._body_1o6rc_8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 923px) and (max-width: 1040px) {
  ._body_1o6rc_8 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._body_1o6rc_8 {
    grid-template-columns: repeat(1, 1fr);
  }
}

._section_water_1o6rc_47 {
  height: 88vh;
  width: 100%;
}

._section_report_1o6rc_52 {
  height: 88vh;
  width: 100%;
}

._section_sensorReports_1o6rc_57 {
  height: 88vh;
  width: 100%;
}

._section_water_header_1o6rc_62 {
  height: 25%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: center;
  align-items: center;
}

._section_water_title_1o6rc_70 {
  background-color: #eef9ff;
  height: 75%;
  border-radius: 8px;
}

._section_report_header_1o6rc_76 {
  height: 25%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: center;
  align-items: center;
}

._section_report_title_1o6rc_84 {
  background-color: #f3fdff;
  height: 75%;
  border-radius: 8px;
}

._section_sensorReports_header_1o6rc_90 {
  height: 25%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: center;
  align-items: center;
}

._section_sensorReports_title_1o6rc_98 {
  background-color: #ebf5f5;
  height: 75%;
  border-radius: 8px;
}

._txtWater_1o6rc_104 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 100%; /* 26px */
  text-transform: uppercase;
}

._txtReport_1o6rc_112 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 100%; /* 26px */
  text-transform: uppercase;
}

._txtSensorReport_1o6rc_120 {
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 100%; /* 26px */
  text-transform: uppercase;
}

._section_body_water_1o6rc_128 {
  margin-top: -60px;
  align-items: center;
}

._box_icon_sensors_reports_1o6rc_133 {
  display: flex;
  width: 64px;
  height: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #efefef;
}

._box_icon_section_reports_1o6rc_145 {
  display: flex;
  width: 64px;
  height: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #f3fdff;
}

._box_icon_section_water_1o6rc_157 {
  display: flex;
  width: 64px;
  height: 54px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: rgba(41, 170, 225, 0.08);
}

._box_section_template_1o6rc_169 {
  height: 80px;
  margin-top: 20px;
  width: 330px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(132, 132, 132, 0.2);
  display: flex;
  padding: 16px 25px 16px 16px;
}
@media (min-width: 1300px) and (max-width: 1500px) {
  ._box_section_template_1o6rc_169 {
    width: 290px;
  }
}
@media (min-width: 1044px) and (max-width: 1300px) {
  ._box_section_template_1o6rc_169 {
    width: 270px;
    margin-top: 25px !important;
  }
}
@media (min-width: 923px) and (max-width: 1040px) {
  ._box_section_template_1o6rc_169 {
    width: 270px;
  }
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._box_section_template_1o6rc_169 {
    grid-template-columns: repeat(1, 1fr);
  }
}

._txtWaterManagement_1o6rc_201 {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
}._groupHeader_1y88s_1 {
  background-color: rgba(123, 123, 123, 0.05);
  height: 60px;
}

._groupLayoutHeader_1y88s_6 {
  padding: 10px 20px;
}

._tabPrograms_1y88s_10 {
  padding: 0px 16px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

._tabStation_1y88s_19 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
}

._texEnabled_1y88s_27 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 4px;
}

._groupEnabled_1y88s_34 {
  height: 50px;
  border-radius: 8px;
  padding: 6px 12px;
}

._groupFiltration_1y88s_40 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 10px;
}

._groupFertigation_1y88s_47 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 10px;
}

._textFertigation_1y88s_54 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

._bodyPrograms_1y88s_60 {
  height: calc(100vh - 45px);
  min-height: 0;
  min-width: 0;
  overflow: auto;
  min-width: 1280px;
  align-items: stretch;
}
._bodyPrograms_1y88s_60 > div {
  flex-shrink: 1;
  flex-grow: 1;
}

._rightContent_1y88s_73 {
  width: 65%;
  overflow: auto;
}

._leftContent_1y88s_78 {
  width: 35%;
}

._bodyStation_1y88s_82 {
  flex-grow: 1;
  height: 100%;
  border: 1px solid #d7d7d7;
}

._header_1y88s_88 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 60px !important;
  width: 100%;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
}
._header_1y88s_88._sequentialMode_1y88s_97 {
  justify-content: flex-start;
  gap: 9px;
  background-color: unset;
  padding-bottom: 0;
}
._header_1y88s_88._sequentialMode_1y88s_97 ._titleHeader_1y88s_103 {
  margin-left: 0;
}

._editHeader_1y88s_107 {
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  justify-content: space-around;
}

._editIcon_1y88s_114 {
  color: #004744;
  font-weight: 500;
}

._titleHeader_1y88s_103 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  margin-left: 5px;
  background-color: transparent;
}

._hoverTitle_1y88s_127:hover {
  background: rgba(4, 71, 68, 0.2);
}

._contentStation_1y88s_131 {
  direction: column;
  height: calc(100% - 48px);
}

._content_1y88s_131 {
  direction: column;
  align-items: center;
  margin-top: 85px;
  height: calc(100% - 48px);
}

._btnRefresh_1y88s_143 {
  font-size: 12px;
  min-width: 160px;
  font-weight: 700;
  border-radius: 8px;
  margin-bottom: 10px;
}

._btnFetch_1y88s_151 {
  min-width: 160px;
  border-radius: 8px;
  height: 30px;
  margin-bottom: 10px;
}

._btnFetchLoading_1y88s_158 {
  min-width: 180px;
  border-radius: 8px;
  height: 30px;
  margin-bottom: 10px;
}

._titleContent_1y88s_165 {
  font-size: 14px;
  color: #747474;
  font-weight: 600;
  margin-bottom: 6px;
}

._btnContent_1y88s_172 {
  min-width: 125px;
  padding: 0;
  height: 25px;
}

._subHeading_1y88s_178 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 18px;
  margin-bottom: 10px;
  margin-top: 10px;
}

._gridContainer_1y88s_188 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 1;
  padding: 8px 10px;
  border-radius: 5px;
}

._gridContent_1y88s_199 {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: flex-start;
}

._gridItem_1y88s_206 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._textController_1y88s_212 {
  font-weight: 500;
  line-height: 16px;
  margin-left: 7px;
}

._textStationsTime_1y88s_218 {
  font-weight: 500;
  line-height: 16px;
}
._textStationsTime_1y88s_218._runTimeActive_1y88s_222 {
  font-weight: bold;
}

._textError_1y88s_226 {
  width: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 115%;
  flex: none;
  letter-spacing: 0.045em;
  margin-left: 9px;
  margin-top: 2px;
  color: #ff3030;
}

._duration_1y88s_238 {
  font-family: Arial, sans-serif;
  font-family: unset;
  padding-top: 4px;
  border-radius: 4px;
  min-height: 46px;
  min-width: 117px;
  max-width: 237px;
  background-color: #f1f1f1;
  border-radius: 4px;
}
._duration_1y88s_238 fieldset {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 10px;
  align-items: center;
  border: none;
  box-sizing: content-box;
  height: fit-content;
}
._duration_1y88s_238 fieldset legend {
  color: #5c5c5c;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 4px;
}
._duration_1y88s_238 fieldset div:first-child {
  padding: 4px 4px;
  color: #181818;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  min-height: 21px;
  overflow: hidden;
}
._duration_1y88s_238 fieldset span {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  align-items: center;
  white-space: pre;
}
._duration_1y88s_238 fieldset div:last-child {
  margin: 0;
  position: relative;
  margin-left: 10px;
}
._duration_1y88s_238 fieldset div:last-child button {
  padding: 2px;
  border: none;
  background: none;
  font-size: 22px;
  color: #181818;
  line-height: 0;
}
._duration_1y88s_238 fieldset div:last-child button:first-child {
  margin-bottom: -2px;
}
._duration_1y88s_238 fieldset div:last-child button:last-child {
  margin-bottom: -5px;
  position: absolute;
  left: 0;
  top: 12px;
}

._inputEva_1y88s_306 {
  min-width: 420px;
  margin-top: 0px;
  border-radius: 8px;
}

._groupSoilContainer_1y88s_312 {
  background-color: rgba(123, 123, 123, 0.05);
  width: 100%;
  height: 78px;
  border: 1px solid #d7d7d7;
  padding: 4px;
}

._groupSoilMoisture_1y88s_320 {
  height: 70px;
  width: 98%;
}

._txtSoilTrigger_1y88s_325 {
  margin-left: 10px;
  color: #8a8a8a;
  font-weight: 700;
  font-size: 12px;
  margin-top: 4px;
}

._sliderSoil_1y88s_333 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  margin-top: 3px;
}

._groupSelectAll_1y88s_341 {
  border-radius: 5px;
  padding: 2px;
  height: 32px;
  width: 150px;
}

._txtSelectAll_1y88s_348 {
  font-size: 12px;
  line-height: 115%;
  font-size: 12px;
  margin-top: 8px;
}

._txtFertigation_1y88s_355 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}

._groupSelectFertigation_1y88s_361 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 18px;
}

._featureButton_1y88s_369 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16.1px;
  border-radius: 55px;
}

._btnActive_1y88s_376 {
  background-color: #004744;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.1px;
  color: #fff;
  border-radius: 55px;
}
._btnActive_1y88s_376:hover {
  background-color: #004744;
  color: #fff;
}

._inputTime_1y88s_389 {
  width: 160px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  padding: 2px 4px;
}

._dividerLine_1y88s_396 {
  height: 100%;
  width: 7px;
  background-color: #cccccc;
}

._txtAutoAdjust_1y88s_402 {
  font-size: 12px;
  line-height: 13.8px;
  font-weight: 500;
  margin-top: 2px;
}

._inlineET_1y88s_409 {
  display: flex;
  align-items: center;
  height: 40px;
}

._txtETHead_1y88s_415 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #5c5c5c;
}

._customInputMin_1y88s_422 {
  border: none;
}
._customInputMin_1y88s_422::after {
  content: "mins";
}

._waitCompletion_1y88s_429 {
  justify-content: flex-end;
  display: flex;
  padding: 2px;
  position: relative;
}
._waitCompletion_1y88s_429::after {
  content: "";
  height: 1px;
  background: rgba(171, 173, 173, 0.4784313725);
  width: calc(100% - 20px);
  position: absolute;
  top: calc(50% - 0.5px);
  left: 0;
}
._waitCompletion_1y88s_429 ._btnWaitCompletion_1y88s_444 {
  padding: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #6b6f6e;
  border-radius: 10px;
  z-index: 99;
}
._waitCompletion_1y88s_429._active_1y88s_452 {
  justify-content: center;
  padding: 8px;
}
._waitCompletion_1y88s_429._active_1y88s_452::after {
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background: #abadad;
}
._waitCompletion_1y88s_429._active_1y88s_452 ._btnWaitCompletion_1y88s_444 {
  border-radius: 15px;
  padding: 8px;
  width: 20px;
  height: 20px;
}._root_usja6_1 {
  height: 100%;
  width: 100%;
  padding: 27px 30px 10px 30px;
}

._header_usja6_7 {
  font-size: 20px;
  line-height: 24px;
}

._txtContent_usja6_12 {
  line-height: 30px;
  margin-top: 6px;
  font-size: 16px;
}._txtNoData_f2y1w_1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}

._btnIconError_f2y1w_7 {
  color: red;
  padding: 0px;
  height: 15px;
  width: 25px;
}

._tableCell_f2y1w_14 {
  background-color: transparent;
  vertical-align: baseline;
  color: #000;
}._txtNoData_h15dy_1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
}._root_1nwvj_1 {
  height: 100vh;
  width: 100%;
  flex-grow: 1;
}

._groupHeader_1nwvj_7 {
  background-color: rgba(123, 123, 123, 0.05);
  height: 60px;
}

._groupLayoutHeader_1nwvj_12 {
  padding: 10px 20px;
}

._tabPrograms_1nwvj_16 {
  padding: 0px 16px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

._tabStation_1nwvj_25 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
}

._texEnabled_1nwvj_33 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 4px;
}

._groupEnabled_1nwvj_40 {
  height: 50px;
  border-radius: 8px;
  padding: 6px 12px;
}

._groupFiltration_1nwvj_46 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 10px;
}

._groupFertigation_1nwvj_53 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 10px;
}

._textFertigation_1nwvj_60 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

._bodyPrograms_1nwvj_66 {
  height: calc(100vh - 45px);
  min-height: 0;
  min-width: 0;
  overflow: auto;
  min-width: 1280px;
  align-items: stretch;
}
._bodyPrograms_1nwvj_66 > div {
  flex-shrink: 1;
  flex-grow: 1;
}

._rightContent_1nwvj_79 {
  width: 65%;
  overflow: auto;
}

._leftContent_1nwvj_84 {
  width: 35%;
  height: 100%;
  flex-grow: 1;
}

._rightContent_1nwvj_79 {
  width: 65%;
}

._bodyStation_1nwvj_94 {
  flex-grow: 1;
  height: 100%;
  border: 1px solid #d7d7d7;
}

._header_1nwvj_100 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 60px !important;
  width: 100%;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
}

._editHeader_1nwvj_110 {
  flex-direction: row;
  cursor: pointer;
  align-items: center;
  justify-content: space-around;
}

._editIcon_1nwvj_117 {
  color: #004744;
  font-weight: 500;
}

._titleHeader_1nwvj_122 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  margin-left: 5px;
  background-color: transparent;
}

._hoverTitle_1nwvj_130:hover {
  background: rgba(4, 71, 68, 0.2);
}

._contentStation_1nwvj_134 {
  direction: column;
  height: calc(100% - 48px);
}

._content_1nwvj_134 {
  direction: column;
  align-items: center;
  margin-top: 85px;
  height: calc(100% - 48px);
}

._btnRefresh_1nwvj_146 {
  font-size: 12px;
  width: 160px;
  font-weight: 700;
  border-radius: 8px;
  margin-bottom: 10px;
}

._btnFetch_1nwvj_154 {
  min-width: 160px;
  border-radius: 8px;
  height: 30px;
  margin-bottom: 10px;
}

._btnFetchLoading_1nwvj_161 {
  min-width: 180px;
  border-radius: 8px;
  height: 30px;
  margin-bottom: 10px;
}

._titleContent_1nwvj_168 {
  font-size: 14px;
  color: #747474;
  font-weight: 600;
  margin-bottom: 6px;
}

._btnContent_1nwvj_175 {
  min-width: 125px;
  padding: 0;
  height: 25px;
}

._subHeading_1nwvj_181 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 18px 0px 18px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-top: 1px solid #d4d9d8;
}

._gridContent_1nwvj_192 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 15px;
}

._gridItem_1nwvj_199 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._textController_1nwvj_205 {
  font-weight: 500;
  line-height: 16px;
  margin-left: 7px;
}

._textStationsTime_1nwvj_211 {
  font-weight: 500;
  line-height: 16px;
}

._textError_1nwvj_216 {
  width: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 115%;
  flex: none;
  letter-spacing: 0.045em;
  margin-left: 9px;
  margin-top: 2px;
  color: #ff3030;
}

._duration_1nwvj_228 {
  font-family: Arial, sans-serif;
  font-family: unset;
  padding-top: 4px;
  border-radius: 4px;
  min-height: 46px;
  min-width: 117px;
  max-width: 237px;
  background-color: #f1f1f1;
  border-radius: 4px;
}
._duration_1nwvj_228 fieldset {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 10px;
  align-items: center;
  border: none;
  box-sizing: content-box;
  height: fit-content;
}
._duration_1nwvj_228 fieldset legend {
  color: #5c5c5c;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 4px;
}
._duration_1nwvj_228 fieldset div:first-child {
  padding: 4px 4px;
  color: #181818;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  min-height: 21px;
  overflow: hidden;
}
._duration_1nwvj_228 fieldset span {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  align-items: center;
  white-space: pre;
}
._duration_1nwvj_228 fieldset div:last-child {
  margin: 0;
  position: relative;
  margin-left: 10px;
}
._duration_1nwvj_228 fieldset div:last-child button {
  padding: 2px;
  border: none;
  background: none;
  font-size: 22px;
  color: #181818;
  line-height: 0;
}
._duration_1nwvj_228 fieldset div:last-child button:first-child {
  margin-bottom: -2px;
}
._duration_1nwvj_228 fieldset div:last-child button:last-child {
  margin-bottom: -5px;
  position: absolute;
  left: 0;
  top: 12px;
}

._inputEva_1nwvj_296 {
  min-width: 400.5px;
  margin-top: 0px;
  border-radius: 8px;
}

._groupSoilContainer_1nwvj_302 {
  background-color: rgba(123, 123, 123, 0.05);
  width: 100%;
  height: 78px;
  border: 1px solid #d7d7d7;
  padding: 4px;
}

._groupSoilMoisture_1nwvj_310 {
  height: 70px;
  width: 98%;
}

._txtSoilTrigger_1nwvj_315 {
  margin-left: 10px;
  color: #8a8a8a;
  font-weight: 700;
  font-size: 12px;
  margin-top: 4px;
}

._sliderSoil_1nwvj_323 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  margin-top: 3px;
}

._groupSelectAll_1nwvj_331 {
  border-radius: 5px;
  padding: 2px;
  height: 32px;
  width: 150px;
}

._txtSelectAll_1nwvj_338 {
  font-size: 12px;
  line-height: 115%;
  font-size: 12px;
  margin-top: 8px;
}

._txtFertigation_1nwvj_345 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}

._groupSelectFertigation_1nwvj_351 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 18px;
}

._featureButton_1nwvj_359 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16.1px;
  border-radius: 55px;
}

._btnActive_1nwvj_366 {
  background-color: #004744;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.1px;
  color: #fff;
  border-radius: 55px;
}
._btnActive_1nwvj_366:hover {
  background-color: #004744;
  color: #fff;
}

._inputTime_1nwvj_379 {
  background-color: #fff;
  width: 130px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  padding: 2px 4px;
}

._dividerLine_1nwvj_387 {
  height: 100%;
  width: 7px;
  background-color: #cccccc;
}

._txtAutoAdjust_1nwvj_393 {
  font-size: 12px;
  line-height: 13.8px;
  font-weight: 500;
  margin-top: 2px;
}

._gridContainer_1nwvj_400 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  padding: 12px 12px 12px 25px;
  border-radius: 5px;
}

._txtStationName_1nwvj_411 {
  font-weight: 500;
  line-height: 13.2px;
  margin-left: 40px;
}

._txtStatus_1nwvj_417 {
  font-weight: 500;
  line-height: 13.2px;
  margin-right: 70px;
}

._contentHeader_1nwvj_423 {
  min-height: 93px;
  padding: 2px 12px;
  border-radius: 8px;
  margin: 9px 12px 0px 12px;
  overflow-x: auto;
  overflow-y: hidden;
}

._btnArrow_1nwvj_432 {
  background-color: #aec4c2;
  color: #276361;
}
._btnArrow_1nwvj_432:hover {
  background-color: #aec4c2 !important;
  color: #276361;
}

._boxMinutes_1nwvj_441 {
  border-radius: 5px;
  padding: 8px;
  width: 142px;
  height: 100%;
  background-color: #fff;
  color: #000;
  justify-content: center;
  align-items: center;
}

._btnStart_1nwvj_452 {
  color: #fff;
  width: 149px;
}

._txtCountDown_1nwvj_457 {
  font-size: 16px;
  font-weight: 500;
  line-height: 18.4px;
}

._txtRunning_1nwvj_463 {
  color: #9c9c9c;
  line-height: 13.8px;
  margin-top: 2px !important;
}

._btnStop_1nwvj_469 {
  background-color: #ff5959;
  color: #fff;
  width: 149px;
}
._btnStop_1nwvj_469:hover {
  background-color: #ff5959;
  color: #fff;
}

._txtStatusStations_1nwvj_479 {
  margin-top: 3px;
}._root_1f963_1 {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  padding: 17px 15px;
}

._containerRootView_1f963_8 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  padding-right: 8px;
}
@media (min-width: 950px) and (max-width: 1130px) {
  ._containerRootView_1f963_8 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_1f963_8 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_1f963_8 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxPrograms_1f963_33 {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  padding: 15px 10px;
}

._txtNamePrograms_1f963_40 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}

._bodyState_1f963_46 {
  height: 100%;
  justify-content: end;
  padding: 10px 0px;
}

._txtRunning_1f963_52 {
  font-weight: 500;
  line-height: 13.2px;
}._root_mmqmk_1 {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  padding: 17px 21px;
}

._body_mmqmk_8 {
  flex-grow: 1;
  height: 100%;
  border: 1px solid #dfdfdf;
  width: 100%;
}

._header_mmqmk_15 {
  padding: 8px;
  height: 48px;
  border-bottom: 1px solid #dddddd;
}

._bodyStation_mmqmk_21 {
  padding: 8px;
}

._box_mmqmk_25 {
  border: 1px solid #e7e7e7;
  margin-top: 10px;
}

._boxStation_mmqmk_30 {
  padding: 14px;
  height: 40px;
  border-bottom: 1px solid #dfdfdf;
}

._boxController_mmqmk_36 {
  padding: 15px 12px;
  height: 85px;
}

._btnArrow_mmqmk_41 {
  background-color: #aec4c2;
  color: #276361;
}
._btnArrow_mmqmk_41:hover {
  background-color: #aec4c2 !important;
  color: #276361;
}

._boxMinutes_mmqmk_50 {
  border-radius: 5px;
  padding: 8px;
  width: 222px;
  height: 100%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}

._btnStart_mmqmk_60 {
  color: #fff;
  width: 149px;
  background-color: #336c69;
}
._btnStart_mmqmk_60:hover {
  background-color: #336c69;
  color: #fff;
}

._btnStop_mmqmk_70 {
  background-color: #ff5959;
  color: #fff;
  width: 149px;
}
._btnStop_mmqmk_70:hover {
  background-color: #ff5959;
  color: #fff;
}

._txtMinutes_mmqmk_80 {
  color: #a2a2a2;
}

._txtFormatTime_mmqmk_84 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18.4px;
  color: #000;
}

._txtRunning_mmqmk_91 {
  color: #9c9c9c;
  line-height: 13.8px;
  margin-top: 2px !important;
}

._loadingProgress_mmqmk_97 {
  flex-grow: 1;
  height: 60vh;
  justify-content: center;
  align-items: center;
}._root_skbih_1 {
  height: 100%;
  flex-grow: 1;
  padding: 5px 15px;
}

._btnRunAllStations_skbih_7 {
  min-width: 163px;
  height: 35px;
  border-radius: 5px;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  line-height: 18.61px;
}

._btnRunAreas_skbih_17 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  background-color: transparent;
  border: 1px solid #d7d7d7;
}
._btnRunAreas_skbih_17:hover {
  background-color: transparent;
}

._txtAreas_skbih_29 {
  font-weight: 700;
  font-size: 14px;
}

._btnStop_skbih_34 {
  height: 30px;
  background-color: #fffae1;
  color: #ff783c;
  border-radius: 8px;
  width: 79px;
  font-size: 14px;
  font-weight: 500;
}
._btnStop_skbih_34:hover {
  background-color: #fffae1;
  color: #ff783c;
}

._navComplete_skbih_48 {
  width: 271px;
  height: 30px;
  border-radius: 5px;
  background-color: #ebf1f0;
  padding: 7px 20px;
}

._txtDiagnosticsComplete_skbih_56 {
  font-size: 14px;
  line-height: 18.61px;
  color: #004744;
  font-weight: 700;
}

._boxNormalStations_skbih_63 {
  background-color: transparent;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._boxErrorStations_skbih_72 {
  background-color: #fff2f2;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._txtStations_skbih_81 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtStationsError_skbih_88 {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtNumberNormalStations_skbih_96 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
}

._txtNumberErrorStations_skbih_102 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
  color: #ff3030;
}._root_of4z2_1 {
  height: 100%;
  width: 100%;
  flex-grow: 1;
}

._header_of4z2_7 {
  width: 100%;
  height: 59px;
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}

._tabManualRun_of4z2_14 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._tabMultiStation_of4z2_23 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  height: 100vh;
}._root_1quk2_1 {
  overflow: hidden;
}

._wrapperModal_1quk2_5 {
  width: 100%;
  padding: 15px;
}

._txtEditStationGroup_1quk2_10 {
  font-size: 22px;
  font-weight: 700;
  margin-left: 15px;
}

._headerStation_1quk2_16 {
  margin-top: 10px;
  flex-grow: 1;
  padding: 0px;
}

._textStationFilter_1quk2_22 {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  font-variant: small-caps;
  opacity: 0.32;
  padding-bottom: 8px;
}

._textSiteLocation_1quk2_33 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgb(24, 24, 24);
  margin-top: 8px;
  margin-bottom: 4px;
}

._groupSiteLocation_1quk2_42 {
  border-radius: 5px;
  padding: 10px 14px;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

._txtGroupName_1quk2_51 {
  color: #000000;
  margin-bottom: 15px;
  margin-left: 18px;
}

._groupTextStations_1quk2_57 {
  background-color: rgba(4, 71, 68, 0.08);
  border-radius: 5px;
  height: 32px;
  padding: 8px 13px;
  margin-right: 15px;
}

._textPlant_1quk2_65 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgb(24, 24, 24);
  margin-top: 16px;
  margin-bottom: 4px;
}

._textEmitter_1quk2_74 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgb(24, 24, 24);
  margin-top: 16px;
  margin-bottom: 4px;
}

._groupManualFilter_1quk2_83 {
  width: 270px;
  padding: 10px 17px;
  background-color: rgba(123, 123, 123, 0.05);
}

._btnClearAll_1quk2_89 {
  background-color: transparent;
  color: #000000;
  font-weight: 500;
  line-height: 16px;
  font-size: 12px;
}

._btnClearAll_1quk2_89::hover {
  background-color: transparent;
}

._textBoxStations_1quk2_101 {
  color: #8a8a8a;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

._textHeaderOps_1quk2_108 {
  color: #004744;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-top: 7px;
}

._textStations_1quk2_116 {
  font-weight: 500;
  line-height: 16px;
  margin-left: 7px;
  width: 160px;
}

._textAddress_1quk2_123 {
  font-weight: 500;
  line-height: 16px;
  width: 140px;
}

._textLocation_1quk2_129 {
  font-weight: 500;
  line-height: 16px;
}

._textDateTime_1quk2_134 {
  color: #5c5c5c;
  font-weight: 500;
  line-height: 16px;
  padding-right: 42px;
}

._manualContainer_1quk2_141 {
  border: 1px solid #d7d7d7;
  margin-top: 6px;
  flex-grow: 1;
}

._btnDelete_1quk2_147 {
  background-color: transparent;
  color: #8a8a8a;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 6px;
}

._textStationRunTime_1quk2_156 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

._btnRename_1quk2_163 {
  background-color: transparent;
  color: #004744;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 6px;
}

._btnAddGroup_1quk2_172 {
  border-radius: 4px;
  height: 30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  background-color: transparent;
  color: #004744;
  margin-right: 26px;
}

._btnReset_1quk2_183 {
  width: 103px;
  border-radius: 4px;
  height: 30px;
  background-color: rgba(4, 71, 68, 0.2);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 8px 38.5px;
  color: #004744;
}

._btnRun_1quk2_195 {
  width: 103px;
  border-radius: 4px 0px 0px 4px;
  height: 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 8px 38.5px;
}

._groupStartTime_1quk2_205 {
  margin-left: 10px;
}

._groupActualRunTime_1quk2_209 {
  background-color: #d9d9d9;
  border-radius: 8px;
  height: 50px;
  padding: 6px 16px;
}

._txtActualRunTime_1quk2_216 {
  color: #5c5c5c;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

._txtRunTime_1quk2_223 {
  color: #181818;
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
}

._txtStationGroup_1quk2_230 {
  color: #747474;
  margin-top: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

._groupDownManualOps_1quk2_238 {
  min-width: 36px !important;
  padding: 0px !important;
  height: 32px;
  background-color: #004744;
  border-radius: 0px 4px 4px 0px;
  border-left: 1px solid #ffffff;
}
._groupDownManualOps_1quk2_238 [class~=MuiButtonBase-root] {
  min-width: 36px !important;
  padding: 0px !important;
}

._menuWrapper_1quk2_251 [class~=MuiPaper-root] {
  background-color: #ffffff;
  padding: 0;
  margin-top: 4px;
  width: 139px;
  border-radius: 4px;
  height: 38px;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
}

._txtScheduleRun_1quk2_261 {
  color: #004744;
  padding-top: 4px;
  margin-left: 16px;
  cursor: pointer;
}

._groupStationManual_1quk2_268 {
  padding: 16px 16px;
  flex-grow: 1;
  overflow-y: auto;
  border-radius: 5px;
}
._groupStationManual_1quk2_268::-webkit-scrollbar {
  width: "8px";
}
._groupStationManual_1quk2_268::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
}

._txtEstimatedCompletionTime_1quk2_282 {
  font-weight: 600;
  line-height: 16px;
  color: #004744;
  margin-left: 4px;
}

._txtEstimatedIn_1quk2_289 {
  font-weight: 500;
  line-height: 16px;
  color: #000000;
}

._txtTotalRunTime_1quk2_295 {
  font-weight: 600;
  line-height: 16px;
  color: #004744;
  margin-left: 4px;
}

._txtDataTotalRun_1quk2_302 {
  font-weight: 600;
  line-height: 16px;
  color: #004744;
  margin-left: 4px;
}

._btnCancel_1quk2_309 {
  background-color: rgba(4, 71, 68, 0.2);
  height: 32px;
  width: 103px;
  padding: 8px 24px;
  color: #004744;
  border-radius: 4px;
}
._btnCancel_1quk2_309:hover {
  background: rgba(4, 71, 68, 0.2);
}

._btnSet_1quk2_321 {
  width: 103px;
  height: 32px;
  padding: 8px 24px;
  border-radius: 4px;
}

._btnCancelSchedule_1quk2_328 {
  background-color: rgba(4, 71, 68, 0.2);
  height: 32px;
  width: 158px;
  padding: 8px 24px;
  color: #004744;
  border-radius: 4px;
}
._btnCancelSchedule_1quk2_328:hover {
  background: rgba(4, 71, 68, 0.2);
}

._btnEditTime_1quk2_340 {
  width: 112px;
  height: 32px;
  padding: 8px 24px;
  border-radius: 4px;
}

._manualGroupRun_1quk2_347 {
  height: 46px;
  background-color: rgba(123, 123, 123, 0.05);
  border-bottom: 1px solid #d7d7d7;
}

._groupResults_1quk2_353 {
  overflow-x: auto;
  border-radius: 5px;
}
._groupResults_1quk2_353::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
._groupResults_1quk2_353::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 5px;
}

._txtDone_1quk2_366 {
  color: #5c5c5c;
  margin-right: 10px;
  margin-top: 2px;
}

._txtPending_1quk2_372 {
  color: #5c5c5c;
  padding-top: 2px;
  margin-right: 10px;
}

._btnSubmit_1quk2_378 {
  font-size: 12px;
  font-weight: 400;
  width: 99px;
  border-radius: 4px;
}
._btnSubmit_1quk2_378:disabled {
  background-color: grey 0.6;
}

._circularLoading_1quk2_388 {
  width: 200px;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

._inputEtReference_1quk2_395 {
  min-width: 293px;
  border-radius: 4px;
}

._btnEmergency_1quk2_400 {
  display: flex;
  width: 293px;
  padding: 12px 10px;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 10px;
  background: #fff2f2;
  color: #ee3434;
  text-align: center;
  font-family: Exo;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  width: 100%;
}
._btnEmergency_1quk2_400:hover {
  background: #fff2f2;
}

._observedGroup_1quk2_422 {
  width: 378px;
  height: 190px;
  border-radius: 4px;
  background: #fff;
  padding: 32px;
}

._emergencyGroup_1quk2_430 {
  width: 498px;
  height: 339px;
  border-radius: 8px;
  background: #fff;
  padding: 32px;
}

._txtEmergency_1quk2_438 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px; /* 120% */
  margin-bottom: 15px;
}

._txtInfo_1quk2_446 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px; /* 120% */
}

._inputConfirmSystem_1quk2_453 {
  margin-top: 15px;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  background-color: #fff;
}

._groupConfirm_1quk2_461 {
  height: 140px;
  margin-top: 20px;
  padding: 15px;
  background-color: #fff2f2;
  border: 1px solid #ff783c;
  border-radius: 5px;
}
._groupConfirm_1quk2_461:hover {
  background: #fff2f2;
}
._groupConfirm_1quk2_461:focus {
  background: #fff2f2;
}

._txtShutDownInfo_1quk2_476 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

._txtInterfaceInfo_1quk2_482 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

._txtInterfaceConfirm_1quk2_488 {
  color: #ff3030;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px; /* 87.5% */
  letter-spacing: 0.32px;
}

._txtConfirmInside_1quk2_496 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

._btnCancelEme_1quk2_503 {
  display: flex;
  width: 99px;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: rgba(4, 71, 68, 0.2);
  color: #004744;
}
._btnCancelEme_1quk2_503:hover {
  background: rgba(4, 71, 68, 0.2);
  color: #004744;
}

._txtApplyConfirm_1quk2_518 {
  color: #004744;
  font-size: 14px;
  font-weight: 600;
}

._btnConfirmEme_1quk2_524 {
  display: flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 100%;
  background: #ff3030;
  color: #fff;
}
._btnConfirmEme_1quk2_524:hover {
  background: #ff3030;
}

._txtObservedFlow_1quk2_538 {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px; /* 120% */
}

._txtConfirmObserved_1quk2_545 {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
  margin-top: 17px;
}

._btnApplyObserved_1quk2_553 {
  border-radius: 4px;
  display: flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  height: 39px;
}

._group_section_list_1quk2_562 {
  height: 74vh;
  overflow: auto;
  padding-top: 10px;
  padding-right: 15px;
}

._txtEdit_1quk2_10 {
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  cursor: pointer;
}._headerStation_zk2qn_1 {
  margin-left: 15px;
  margin-top: 10px;
  flex-grow: 1;
  padding: 0px;
}

._textStationFilter_zk2qn_8 {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  font-variant: small-caps;
  opacity: 0.32;
  padding-bottom: 8px;
}

._textSiteLocation_zk2qn_19 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgb(24, 24, 24);
  margin-top: 8px;
  margin-bottom: 4px;
}

._groupSiteLocation_zk2qn_28 {
  border-radius: 5px;
  padding: 10px 14px;
  background-color: rgba(0, 0, 0, 0.05);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}

._groupTextStations_zk2qn_37 {
  background-color: rgba(4, 71, 68, 0.08);
  border-radius: 5px;
  height: 32px;
  padding: 8px 13px;
  margin-right: 15px;
}

._textPlant_zk2qn_45 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgb(24, 24, 24);
  margin-top: 16px;
  margin-bottom: 4px;
}

._textEmitter_zk2qn_54 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: rgb(24, 24, 24);
  margin-top: 16px;
  margin-bottom: 4px;
}

._groupManualFilter_zk2qn_63 {
  width: 270px;
  padding: 10px 17px;
  background-color: rgba(123, 123, 123, 0.05);
}

._btnClearAll_zk2qn_69 {
  background-color: transparent;
  color: #000000;
  font-weight: 500;
  line-height: 16px;
  font-size: 12px;
}

._btnClearAll_zk2qn_69::hover {
  background-color: transparent;
}

._textBoxStations_zk2qn_81 {
  color: #8a8a8a;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

._textHeaderOps_zk2qn_88 {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  margin-top: 7px;
}

._textStations_zk2qn_95 {
  font-weight: 500;
  line-height: 16px;
  margin-left: 7px;
  width: 160px;
}

._textAddress_zk2qn_102 {
  font-weight: 500;
  line-height: 16px;
  width: 140px;
}

._textLocation_zk2qn_108 {
  font-weight: 500;
  line-height: 16px;
}

._textDateTime_zk2qn_113 {
  color: #5c5c5c;
  font-weight: 500;
  line-height: 16px;
  padding-right: 42px;
}

._manualContainer_zk2qn_120 {
  margin-top: 6px;
  flex-grow: 1;
}

._btnDelete_zk2qn_125 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 6px;
}

._textStationRunTime_zk2qn_132 {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

._btnRename_zk2qn_138 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 6px;
}

._btnEditStationGroup_zk2qn_145 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 6px;
  width: 150px;
}

._btnAddGroup_zk2qn_153 {
  border-radius: 4px;
  height: 30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  background-color: transparent;
  margin-right: 26px;
  box-shadow: none;
}

._btnReset_zk2qn_164 {
  width: 103px;
  border-radius: 4px;
  height: 30px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 8px 38.5px;
}

._btnRun_zk2qn_174 {
  width: 103px;
  border-radius: 4px 0px 0px 4px;
  height: 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 8px 38.5px;
}

._groupStartTime_zk2qn_184 {
  margin-left: 10px;
}

._groupActualRunTime_zk2qn_188 {
  border-radius: 8px;
  height: 50px;
  padding: 6px 16px;
}

._txtActualRunTime_zk2qn_194 {
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

._txtRunTime_zk2qn_200 {
  color: #181818;
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
}

._txtStationGroup_zk2qn_207 {
  margin-top: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

._groupDownManualOps_zk2qn_214 {
  min-width: 36px !important;
  padding: 0px !important;
  height: 32px;
  border-radius: 0px 4px 4px 0px;
  border-left: 1px solid #ffffff;
}
._groupDownManualOps_zk2qn_214 [class~=MuiButtonBase-root] {
  min-width: 36px !important;
  padding: 0px !important;
}

._menuWrapper_zk2qn_226 [class~=MuiPaper-root] {
  background-color: #ffffff;
  padding: 0;
  margin-top: 4px;
  width: 139px;
  border-radius: 4px;
  height: 38px;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
}

._txtScheduleRun_zk2qn_236 {
  color: #004744;
  padding-top: 4px;
  margin-left: 16px;
  cursor: pointer;
}

._groupStationManual_zk2qn_243 {
  padding: 16px 16px;
  flex-grow: 1;
  overflow-y: auto;
  border-radius: 5px;
}
._groupStationManual_zk2qn_243::-webkit-scrollbar {
  width: "8px";
}
._groupStationManual_zk2qn_243::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 5px;
}

._txtEstimatedCompletionTime_zk2qn_257 {
  font-weight: 700;
  line-height: 16px;
  color: #004744;
  margin-left: 4px;
}

._txtEstimatedIn_zk2qn_264 {
  font-weight: 500;
  line-height: 16px;
}

._txtTotalRunTime_zk2qn_269 {
  font-weight: 600;
  line-height: 16px;
  color: #004744;
  margin-left: 4px;
}

._txtDataTotalRun_zk2qn_276 {
  font-weight: 700;
  line-height: 16px;
  margin-left: 4px;
}

._btnCancel_zk2qn_282 {
  height: 32px;
  width: 103px;
  padding: 8px 24px;
  border-radius: 4px;
}

._btnSet_zk2qn_289 {
  width: 103px;
  height: 32px;
  padding: 8px 24px;
  border-radius: 4px;
}

._btnCancelSchedule_zk2qn_296 {
  height: 32px;
  width: 158px;
  padding: 8px 24px;
  border-radius: 4px;
}

._btnEditTime_zk2qn_303 {
  width: 112px;
  height: 32px;
  padding: 8px 24px;
  border-radius: 4px;
}

._manualGroupRun_zk2qn_310 {
  height: 46px;
  background-color: rgba(123, 123, 123, 0.05);
}

._groupResults_zk2qn_315 {
  overflow-x: auto;
  border-radius: 5px;
}
._groupResults_zk2qn_315::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
._groupResults_zk2qn_315::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  border-radius: 5px;
}

._txtDone_zk2qn_328 {
  margin-right: 10px;
  margin-top: 2px;
}

._txtPending_zk2qn_333 {
  color: #5c5c5c;
  padding-top: 2px;
  margin-right: 10px;
}

._customDialogPaper_zk2qn_339 {
  max-width: 100% !important;
  width: 100% !important;
}._header_cydmq_1 {
  border-bottom: 1px solid #d7d7d7;
  height: 48px;
  min-height: 48px;
  align-items: center;
  padding: 0 15px;
}

._headerBtn_cydmq_9 {
  cursor: pointer;
  padding: 2px;
}

._headerText_cydmq_14 {
  font-size: 16px;
  font-weight: 500;
  line-height: 115%;
  margin-left: 17px;
}._wrapper_1xlm3_1 {
  overflow: hidden;
  flex-grow: 1;
}

._content_1xlm3_6 {
  flex-grow: 1;
}

._btnActive_1xlm3_10 {
  background: #004744;
  color: #fff;
}
._btnActive_1xlm3_10:hover {
  background: #004744;
  color: #fff;
}

._btnExport_1xlm3_19 {
  border-radius: 5px;
  background: rgba(4, 71, 68, 0.2);
  height: 32px;
  display: flex;
  gap: 8px;
  color: #004744;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}
._btnExport_1xlm3_19:hover {
  background-color: rgba(4, 71, 68, 0.2);
}

._txtContent_1xlm3_35 {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
  text-decoration-line: underline;
}

._txtContentError_1xlm3_42 {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
}

._txtError_1xlm3_48 {
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
}

._txtTankLevel_1xlm3_54 {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
}._txtDiagnostics_1v9pl_1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 31.9px;
  margin-left: 8px;
}

._btnRunAllStations_1v9pl_8 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  line-height: 18.61px;
}

._btnRunAreas_1v9pl_18 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  background-color: transparent;
  border: 1px solid #d7d7d7;
}
._btnRunAreas_1v9pl_18:hover {
  background-color: transparent;
}

._txtAreas_1v9pl_30 {
  font-weight: 700;
  font-size: 14px;
}

._btnStop_1v9pl_35 {
  height: 30px;
  background-color: #fffae1;
  color: #ff783c;
  border-radius: 8px;
  width: 79px;
  font-size: 14px;
  font-weight: 500;
}
._btnStop_1v9pl_35:hover {
  background-color: #fffae1;
  color: #ff783c;
}

._navComplete_1v9pl_49 {
  width: 271px;
  height: 30px;
  border-radius: 5px;
  background-color: #ebf1f0;
  padding: 7px 20px;
}

._txtDiagnosticsComplete_1v9pl_57 {
  font-size: 12px;
  line-height: 18.61px;
  color: #004744;
  font-weight: 700;
}

._boxNormalStations_1v9pl_64 {
  background-color: transparent;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._boxErrorStations_1v9pl_73 {
  background-color: #fff2f2;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._txtStations_1v9pl_82 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtStationsError_1v9pl_89 {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtNumberNormalStations_1v9pl_97 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
}

._txtNumberErrorStations_1v9pl_103 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
  color: #ff3030;
}

._circularLoading_1v9pl_110 {
  justify-content: center;
  align-items: center;
  height: 520px;
}#GoogleMap #infowindow-content {
    display: inline;
}

#infowindow-content {
    display: none;
}

.inputSearch {
    width: 259px;
    text-overflow: ellipsis;
    height: 37px;
    color: #747474;
    background-color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 11px 21px;
    border: none;
    position: absolute;
    margin-left: 20px;
    margin-top: 13px;
}

.gm-style a[href^="http://maps.google.com/maps"],
.gm-style a[href^="https://maps.google.com/maps"],
.gm-style a[href^="https://www.google.com/maps"] {
    display: none !important;
}

.popup-bubble {
    /* Position the bubble centred-above its parent. */
    position: absolute;
    top: -12px;
    left: 0;
    transform: translate(-50%, -100%);
    /* Style the bubble. */
    background-color: #404040;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 2px;
    /* font-family: sans-serif; */
    overflow-x: auto;
    /* max-width: 60px; */
    /* width: 100%; */
    box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
    /* min-width: 200px; */
}

/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
    position: absolute;
    width: 100%;
    bottom: -35px; /* Điều chỉnh khoảng cách popup với điểm chỉ định */
    left: 0;
    transform: translateY(100%);
}

.popup-bubble-anchor-2 {
    bottom: -30px;
}

.popup-bubble-anchor-2 .popup-bubble {
    background: transparent;
    color: #004744;
    box-shadow: none;
    font-weight: bold;
    text-shadow: 0px 0px 3px #ffff;
    top: 5px;
}

/* This element draws the tip. */
/* .popup-bubble-anchor::after {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid white;
} */

.popup-container {
    position: absolute;
    /* background-color: white;
    border: 1px solid #ccc; */
    /* padding: 10px; */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 5px; */
    min-width: 200px;
    z-index: -300;
}

.popup-container.active {
    display: none !important;
}

.custom-infor-popup {
    display: block !important;
}

.custom-infor-popup .gm-style-iw-c {
    background-color: rgb(0, 0, 0, 0.88);
    color: #fff;
    padding: 0 !important;
}

.custom-infor-popup .gm-style-iw-d {
    overflow: auto !important;
    padding: 0 14px;
}

.custom-infor-popup .gm-style-iw-tc {
    display: none;
}

.custom-infor-popup .stylePopups {
    min-width: 165px;
}

.btnWeather {
    background-color: #e6eded;
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 115%;
    color: #000;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    padding: 10px 20px;
}

.btnWeather:hover {
    background-color: #e6eded;
    color: #000;
}

.custom-infor-popup .gm-ui-hover-effect {
    top: 7px !important;
    right: 10px !important;
    width: 20px !important;
    height: 20px !important;

    span {
        mask-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='1'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.39137%205.39107C5.63545%205.14699%206.03118%205.14699%206.27525%205.39107L14.6086%2013.7244C14.8527%2013.9685%2014.8527%2014.3642%2014.6086%2014.6083C14.3645%2014.8524%2013.9688%2014.8524%2013.7247%2014.6083L5.39137%206.27495C5.14729%206.03087%205.14729%205.63514%205.39137%205.39107Z'%20fill='red'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.6086%205.39107C14.8527%205.63514%2014.8527%206.03087%2014.6086%206.27495L6.27525%2014.6083C6.03118%2014.8524%205.63545%2014.8524%205.39137%2014.6083C5.14729%2014.3642%205.14729%2013.9685%205.39137%2013.7244L13.7247%205.39107C13.9688%205.14699%2014.3645%205.14699%2014.6086%205.39107Z'%20fill='red'/%3e%3c/g%3e%3c/svg%3e") !important;
        background-color: #fff;
        margin: 4px !important;
    }
}

.custom-infor-popup .title {
    text-align: left;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 8px;
    padding-right: 20px;
}

.custom-infor-popup .box {
    max-width: 200px;
    min-width: 200px;
    overflow: auto;

    p {
        margin: 3px 0;
        font-size: 11px;
    }
}

.custom-infor-popup .box-center {
    display: flex;
}

.custom-infor-popup .box_left {
    width: 70%;
    text-align: left;
    text-transform: capitalize;
}

.custom-infor-popup .box_right {
    width: 30%;
    text-align: right;
    color: #52e28f;
    white-space: nowrap;
}

.custom-infor-popup .text-inline {
    color: #8d8c8c;
    font-style: italic;
    line-height: 6px;

    p {
        font-size: 11px;
        margin-top: 8px;
    }
}

.custom-infor-popup .battery {
    margin-top: 14px;

    p {
        position: relative;
        text-indent: 22px;
        font-size: 11px;
    }

    p:after {
        position: absolute;
        left: 0;
        top: 0;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgB7VDBDYJAENxd8OEPOqAFKzB2QAnwkFgGHag/w+ewAksgdmAJdHD39KG33mI08MCc4cskd7ubm5nbDMAMlGtr6sY1iafGAPO5ivODDOFOq8Q6MTFvfNQP4SIq13YG9Hk4xXkrxwa0/lVDgFb4hVZpplVEfXfZBiyXY3WwCuJlAZASTAAFpAcGdwmIsByrfS4z58unvWIXImLzZ4j7KspWMocSTGHqm5j4GND7+yPM+OIFSeNbmA7+UQsAAAAASUVORK5CYII=');
        content: '';
        display: block;
        width: 16px;
        height: 16px;
    }

    p.iconFull:after {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgB7VDBDYJAENxd8OEPOqAFKzB2QAnwkFgGHag/w+ewAksgdmAJdHD39KG33mI08MCc4cskd7ubm5nbDMAMlGtr6sY1iafGAPO5ivODDOFOq8Q6MTFvfNQP4SIq13YG9Hk4xXkrxwa0/lVDgFb4hVZpplVEfXfZBiyXY3WwCuJlAZASTAAFpAcGdwmIsByrfS4z58unvWIXImLzZ4j7KspWMocSTGHqm5j4GND7+yPM+OIFSeNbmA7+UQsAAAAASUVORK5CYII=');
    }

    p.iconWorking:after {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgB7VDBCcJAEJy9i5Ay0oK/PKJgB+lAbMLoL7+gH7UCSQWWEBUFn5ZgB+bjw2CyXk4SUCEc5Jt57OyyzDAM0IHKwTMvUatjpuAUOce0PK/L0+LAVUJ2wK+RkQFbDgS2avsY1MaLy03/58MxRce44j994KopwdOBj0zuxc9TJcnDihuTCN7BznyBNpDy/m3wtFOQDGtuRDHBQx5IxyWZqMhmJUKXuKLo1NdXWR4H3hXUS2CKvNigQ403iCNDxq+S7b8AAAAASUVORK5CYII=');
    }

    p.iconHalf:after {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKSURBVHgB7VFBDYAwDOwIQiYBJOAABwQnOAAUEBQgAXBQCThgDuAaxh5LSLbw3SXdrenucumIEpQcV1GsIB2oMahZMQ/S5BBrK64CDeTthHoMXBTmw6ZpcJ+/1Ji/XIO2zBtqUEdhWFB1Rv9w+gYmIkGL2pWNLb8Qs8QeeyqlyWV5MGFrEoqREhxuy3MlEi+5sFsAAAAASUVORK5CYII=');
    }
}

.custom-infor-popup .styleFooter {
    border-top: 1px solid #3b3b3b;
    padding-top: 10px;
    margin: 0 -14px;
    text-align: center;
}

.custom-infor-popup .btn {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFmSURBVHgBzZdPSsNAHIXfBBe1YBdm2b3g3oPoAbQX0H1xL7i3FxAPoO7rARSPYZfZpFC7Mr6HEyhY5DczSZ0PHiEhAx9vJn/GwdM0zZCHQ2bAFNgdK6Z2ztU6cV6m5KHE/1JRqiooM8pARpR02dfUjJAPpYSGyIdByOI9QDzWsYVVSNP6zowRztiPNUlZhVLauWLmzNJy8x76Re2cMefWAX2/ANXOK/NmHdCV0LYpbdu5RwBdCF0zz/i94NXOgnlBAKlCkpgwH8wTc7xxXe3cIZDURd22cMFceqmpF9P1RwSSItS2MPXnM3+8xc8jfoMIUoTadjZbmPlrE0S0I2LX0F9rRCKniCRWaFs7nRA7ZXqq5uiBWKEZeiJUKOZrL/S/3MvH9QHxnMAg5fgfewQb+l6l/O4uLDepoS/YnrYljLWnIJE18mEloQr5UBfcnH0iDyltFGvXnvkNo7LLbZHW79rLqBh8AwS8TOobaTk7AAAAAElFTkSuQmCC');
    background-color: #3b3b3b;
    display: inline-block;
    width: 36px;
    height: 28px;
    text-indent: -999px;
    cursor: pointer;
    margin: 0 10px;
    border: 0;
    border-radius: 5px;
}

.custom-infor-popup .btn.btn2 {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAILSURBVHgBzVc9TgJBFP6WWCgJFFJur9ITTsAFPADxAIZesSf0wgEMB8BeE2vxAHABSpo1QSrxfdk3MoGFfYsE90s+JjPMy/vm/cxmAiiWy2VRhnPhqbCA42EujIIgiDgJVExFhgr+FzMRNSuImHIOxBAV0XLG1JSRH1RO5KeI/VESVoWhzqfCsfAT++H0BPuhLmzpCE9AScdXYU/FZUFhn25qCwfCpbAprAlflJe6xo551r2ZkDVCFBKq05G3PsEqOiPlUNhFnNImjMgSIZ627jn08YQ4RT7cvjoyRMoqiKe8EXbUQd9g4w7QUdu6wQaB9P6FYR8FsC7uEaeMV0VawYZqw4If6Fpq6iwRovMG4pogXGuvgzXESPRVzBSr7ntEHKESDiDoSsfRlv/phFfAG+I0NRL2THSsIgWWLnOnTQIdMB1MjYtClLDfrYU4gCCHaxXAS89FixF5F94hTi3nfp00sOpMEywpcyd7wOYJXXGzVlq6d7Rmy5R3sTvSv7B0GZ1+YPMyJFjEbU900h6CUWJqa0j5zlnbflfbhlilZVsEGCEW/y1SYL0YXcEmXW4UMcR2MbRh/fVggFUQT8/Pg6sFK0K1oa3py5+lyzqek9Ti9PaOPdtUWGvoaDjm68IECvpGjkBBC+QHcwqaIT+ICvI4+0I+RPGhGAVupg9G8i/Poqxg/S5UDAODH9wvh4eYFU1gAAAAAElFTkSuQmCC');
}

.custom-marker-label {
    margin-top: 60px; /* Adjust this value to your preference */
    text-shadow: 0px 0px 3px #ffff;
    box-shadow: none;
}
._root_5wg6p_1 {
  position: relative;
  min-height: 100%;
  width: 100%;
}
._root_5wg6p_1 [class~=gm-style-iw-a] [class~=gm-style-iw-t] {
  color: #1c1b1e;
}

._leftMenu_5wg6p_10 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 99;
}
._leftMenu_5wg6p_10 ._leftMenuContent_5wg6p_17 {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

._rightMenu_5wg6p_24 {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
._rightMenu_5wg6p_24 ._rightMenuContent_5wg6p_30 {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
._rightMenu_5wg6p_24 ._rightMenuContent_5wg6p_30 ._btnToggleMenu_5wg6p_36 {
  position: relative;
  left: 0;
  z-index: 1;
  width: 24px;
  height: 58px;
  min-width: unset;
  border-radius: 5px 0px 0px 5px;
}
._rightMenu_5wg6p_24 ._rightMenuContent_5wg6p_30 ._btnToggleMenu_5wg6p_36._btnToggleMenu01_5wg6p_45 {
  top: -58px;
  left: 24px;
}
._rightMenu_5wg6p_24 ._rightMenuContent_5wg6p_30 ._btnLayers_5wg6p_49 {
  position: absolute;
  bottom: 16px;
  left: -90px;
  min-width: 76px;
  border-radius: 5px;
}

._btnZoom_5wg6p_57 {
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
._btnZoom_5wg6p_57:hover {
  background-color: #ffffff;
}

._btnCancelCustomMarker_5wg6p_66 {
  position: absolute;
  left: 23px;
  top: 13px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
._btnCancelCustomMarker_5wg6p_66 [class~=MuiButton-startIcon] {
  margin-right: 10px;
}

._customMarkerTextCenter_5wg6p_78 {
  background: rgba(0, 71, 68, 0.8);
  border-radius: 5px;
  top: 13px;
  left: 50%;
  transform: translate(-50%, 0px);
  position: absolute;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #ffffff;
  padding: 16px;
}

._customMarkerRightTool_5wg6p_92 {
  right: 23px;
  top: 13px;
  position: absolute;
}
._customMarkerRightTool_5wg6p_92 > *:not(:first-child) {
  margin-left: 17px;
}

._btnDoneCMK_5wg6p_101 {
  height: 32px;
  min-width: 92px;
  padding: 4px 8px;
}
._btnDoneCMK_5wg6p_101 [class~=MuiButton-startIcon] {
  color: transparent;
}

._btnShowCMPosition_5wg6p_110 {
  justify-content: flex-start;
  height: 32px;
  padding: 4px 8px;
  min-width: 202px;
  font-size: 12px;
  line-height: 115%;
  color: #747474;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 5px;
}
._btnShowCMPosition_5wg6p_110 [class~=MuiButton-startIcon] {
  margin-right: 7px;
  color: #004744;
}
._btnShowCMPosition_5wg6p_110:hover {
  background: #ffffff;
  color: #747474;
}

._menuNotificationWrapper_5wg6p_132 [class~=MuiPaper-root] {
  width: 487px;
  height: 550px;
  overflow: hidden;
  border-radius: 15px;
  background: rgba(39, 39, 39, 0.9);
  backdrop-filter: blur(10px);
  margin-top: 5px;
}
._menuNotificationWrapper_5wg6p_132 [class~=MuiList-root] {
  display: flex;
  height: 100%;
  padding-top: 0px !important;
}

._btnCurrentLocation_5wg6p_147 {
  top: 13px;
  left: 22px;
  position: absolute;
  width: 30px;
  height: 31px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  min-width: 0;
}
._btnCurrentLocation_5wg6p_147:hover {
  background: #ffffff;
}
._btnCurrentLocation_5wg6p_147 svg {
  color: #2e3a59;
}

._btnNotification_5wg6p_165 {
  top: 13px;
  left: 70px;
  position: absolute;
  gap: 10px;
  border-radius: 3px;
  width: 30px;
  min-width: 0;
  height: 31px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
}
._btnNotification_5wg6p_165:hover {
  background: #ffffff;
}
._btnNotification_5wg6p_165 svg {
  color: #2e3a59;
}

._btnCurrentMapViewLayers_5wg6p_184 {
  bottom: 13px;
  right: 20px;
  position: absolute;
  width: 110px;
  height: 31px;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  border-radius: 3px;
  min-width: 0;
}
._btnCurrentMapViewLayers_5wg6p_184:hover {
  background: #ffffff;
  color: #000;
}
._btnCurrentMapViewLayers_5wg6p_184 svg {
  color: #2e3a59;
}

._boxActionMapType_5wg6p_206 {
  position: absolute;
  left: 65px;
  bottom: 16px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 6px;
  padding: 4px;
}

._boxTwoWire_5wg6p_218 {
  position: absolute;
  left: 60px;
  top: 11px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 6px;
  padding: 4px;
}

._btnActionMapType_5wg6p_230 {
  height: 27px;
  width: 96.5px;
  padding: 0;
  border-radius: 6px;
  font-weight: 600;
  font-size: 11.1885px;
  line-height: 14px;
}
._btnActionMapType_5wg6p_230[class~=MuiButton-contained] {
  color: #ffffff;
}
._btnActionMapType_5wg6p_230:not(:first-child) {
  margin-left: 6px;
}

._btnRunAllStationDianostics_5wg6p_246 {
  position: absolute;
  left: 375px;
  top: 15px;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 6px;
}
@media (max-width: 575.98px) and (orientation: portrait) {
  ._btnRunAllStationDianostics_5wg6p_246 {
    left: 20px;
    top: 56px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait) {
  ._btnRunAllStationDianostics_5wg6p_246 {
    left: 20px;
    top: 56px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  ._btnRunAllStationDianostics_5wg6p_246 {
    left: 20px;
    top: 56px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) and (orientation: portrait) {
  ._btnRunAllStationDianostics_5wg6p_246 {
    left: 20px;
    top: 56px;
  }
}
._btnMap_5wg6p_279 {
  width: 30px;
  height: 34px;
  min-width: unset;
  background-color: #ffffff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 8px;
  color: #1c1b1e;
  opacity: 0.5;
}

._boxDiagnoseAllStation_5wg6p_290 {
  position: absolute;
  left: 600px;
  bottom: 16px;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(132, 132, 132, 0.25);
  border-radius: 6px;
  padding: 4px;
}
._boxDiagnoseAllStation_5wg6p_290 ._btnDiagnose_5wg6p_301 {
  height: 27px;
  padding: 0 10px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 11.1885px;
  line-height: 14px;
  white-space: nowrap;
}
._boxDiagnoseAllStation_5wg6p_290 ._btnDiagnose_5wg6p_301[class~=MuiButton-contained] {
  color: #ffffff;
}
._boxDiagnoseAllStation_5wg6p_290 ._btnDiagnose_5wg6p_301:not(:first-child) {
  margin-left: 6px;
}

._boxActionMapTypeWrapper_5wg6p_317 {
  z-index: 1;
  left: 70px;
  bottom: 16px;
  position: absolute;
  display: flex;
  background-color: #fff;
  flex-direction: row;
  padding: 4px;
  border-radius: 6px;
}

._mapToolBoxWrapper_5wg6p_329 {
  z-index: 1;
  left: 23px;
  bottom: 56px;
  position: absolute;
  display: flex;
  flex-direction: column;
}

._verticalDivider_5wg6p_338 {
  width: 1px;
  height: 25px;
  background-color: #ffffff;
  margin-left: 6px;
  margin-right: 6px;
}

._tooltipMenuTxt_5wg6p_346 {
  font-size: 15px;
}._root_8h7cr_1 {
  height: 100%;
  flex-grow: 1;
  padding: 0px 100px 0px 60px;
}

._txtDiagnostics_8h7cr_7 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31.9px;
}

._btnRunAllStations_8h7cr_13 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  line-height: 18.61px;
}

._btnRunAreas_8h7cr_23 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  background-color: transparent;
  border: 1px solid #d7d7d7;
}
._btnRunAreas_8h7cr_23:hover {
  background-color: transparent;
}

._txtAreas_8h7cr_35 {
  font-weight: 700;
  font-size: 14px;
}

._btnStop_8h7cr_40 {
  height: 30px;
  background-color: #fffae1;
  color: #ff783c;
  border-radius: 8px;
  width: 79px;
  font-size: 14px;
  font-weight: 500;
}
._btnStop_8h7cr_40:hover {
  background-color: #fffae1;
  color: #ff783c;
}

._navComplete_8h7cr_54 {
  width: 271px;
  height: 30px;
  border-radius: 5px;
  background-color: #ebf1f0;
  padding: 7px 20px;
}

._txtDiagnosticsComplete_8h7cr_62 {
  font-size: 14px;
  line-height: 18.61px;
  color: #004744;
  font-weight: 700;
}

._boxNormalStations_8h7cr_69 {
  background-color: transparent;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._boxErrorStations_8h7cr_78 {
  background-color: #fff2f2;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._txtStations_8h7cr_87 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtStationsError_8h7cr_94 {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtNumberNormalStations_8h7cr_102 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
}

._txtNumberErrorStations_8h7cr_108 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
  color: #ff3030;
}._root_6sz4a_1 {
  width: 780px;
  flex-grow: 1;
  height: 100%;
}

._header_6sz4a_7 {
  height: 45px;
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}

._txtArea_6sz4a_13 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
}

._btnRun_6sz4a_19 {
  height: 25px;
  width: 101px;
}

._body_6sz4a_24 {
  flex-grow: 1;
  padding: 12px 15px;
}

._scrollContainer_6sz4a_29 {
  padding: 0px 16px 16px;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 5px;
}
._scrollContainer_6sz4a_29::-webkit-scrollbar {
  width: 11px;
  border-radius: 5px;
}
._scrollContainer_6sz4a_29::-webkit-scrollbar-track {
  background: #ffffff;
  border: 1px solid #ffffff;
}
._scrollContainer_6sz4a_29::-webkit-scrollbar-track:vertical {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
._scrollContainer_6sz4a_29::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #c1c1c1;
  background-clip: padding-box;
}
._scrollContainer_6sz4a_29::-webkit-scrollbar-thumb:vertical {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

._navClear_6sz4a_58 {
  background-color: #ebf1f0;
  height: 32px;
  padding: 8px 13px;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 5px;
}

._txtSelected_6sz4a_67 {
  font-weight: 500;
  line-height: 16px;
}

._btnClearAll_6sz4a_72 {
  background-color: transparent;
  color: #000000;
}
._btnClearAll_6sz4a_72:hover {
  background-color: transparent;
  color: #000000;
}._root_1bdu2_1 {
  height: 100%;
  flex-grow: 1;
  padding: 0;
}

._txtDiagnostics_1bdu2_7 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31.9px;
}

._btnRunAllStations_1bdu2_13 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  line-height: 18.61px;
}

._btnRunAreas_1bdu2_23 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  background-color: transparent;
  border: 1px solid #d7d7d7;
}
._btnRunAreas_1bdu2_23:hover {
  background-color: transparent;
}

._txtAreas_1bdu2_35 {
  font-weight: 700;
  font-size: 14px;
}

._btnStop_1bdu2_40 {
  height: 30px;
  background-color: #fffae1;
  color: #ff783c;
  border-radius: 8px;
  width: 79px;
  font-size: 14px;
  font-weight: 500;
}
._btnStop_1bdu2_40:hover {
  background-color: #fffae1;
  color: #ff783c;
}

._navComplete_1bdu2_54 {
  width: 271px;
  height: 30px;
  border-radius: 5px;
  background-color: #ebf1f0;
  padding: 7px 20px;
}

._txtDiagnosticsComplete_1bdu2_62 {
  font-size: 14px;
  line-height: 18.61px;
  color: #004744;
  font-weight: 700;
}

._boxNormalStations_1bdu2_69 {
  background-color: transparent;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._boxErrorStations_1bdu2_78 {
  background-color: #fff2f2;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._txtStations_1bdu2_87 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtStationsError_1bdu2_94 {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtNumberNormalStations_1bdu2_102 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
}

._txtNumberErrorStations_1bdu2_108 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
  color: #ff3030;
}._root_8h7cr_1 {
  height: 100%;
  flex-grow: 1;
  padding: 0px 100px 0px 60px;
}

._txtDiagnostics_8h7cr_7 {
  font-size: 24px;
  font-weight: 700;
  line-height: 31.9px;
}

._btnRunAllStations_8h7cr_13 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  font-weight: 700;
  font-size: 14px;
  line-height: 18.61px;
}

._btnRunAreas_8h7cr_23 {
  width: 271px;
  height: 59px;
  border-radius: 5px;
  justify-content: space-between;
  background-color: transparent;
  border: 1px solid #d7d7d7;
}
._btnRunAreas_8h7cr_23:hover {
  background-color: transparent;
}

._txtAreas_8h7cr_35 {
  font-weight: 700;
  font-size: 14px;
}

._btnStop_8h7cr_40 {
  height: 30px;
  background-color: #fffae1;
  color: #ff783c;
  border-radius: 8px;
  width: 79px;
  font-size: 14px;
  font-weight: 500;
}
._btnStop_8h7cr_40:hover {
  background-color: #fffae1;
  color: #ff783c;
}

._navComplete_8h7cr_54 {
  width: 271px;
  height: 30px;
  border-radius: 5px;
  background-color: #ebf1f0;
  padding: 7px 20px;
}

._txtDiagnosticsComplete_8h7cr_62 {
  font-size: 14px;
  line-height: 18.61px;
  color: #004744;
  font-weight: 700;
}

._boxNormalStations_8h7cr_69 {
  background-color: transparent;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._boxErrorStations_8h7cr_78 {
  background-color: #fff2f2;
  padding: 15px;
  border-radius: 5px;
  width: 173px;
  height: 69px;
  border: 1px solid #d7d7d7;
}

._txtStations_8h7cr_87 {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtStationsError_8h7cr_94 {
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.52px;
  margin-bottom: 5px;
}

._txtNumberNormalStations_8h7cr_102 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
}

._txtNumberErrorStations_8h7cr_108 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16.94px;
  color: #ff3030;
}._legendContainer_16bkf_1 {
  display: flex;
  justify-content: flex-end;
}

._legendWrapper_16bkf_6 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 369px;
  height: 36px;
  background-color: rgba(123, 123, 123, 0.05);
  margin-top: 10px;
  padding: 10px;
  border-radius: 6px;
}

._legendTitle_16bkf_18 {
  height: 12px;
  left: 10px;
  top: 10px;
  font-family: "Exo";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #747474;
}

._legendContent_16bkf_30 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-grow: 1;
}

._legendLeft_16bkf_37 {
  width: 80px;
  display: flex;
  gap: 7px;
  color: black;
}

._legendRight_16bkf_44 {
  width: 120px;
  display: flex;
  gap: 7px;
  color: black;
}

._btnOK_16bkf_51 {
  width: 14px;
  height: 14px;
  background: #326b68;
  flex: none;
  order: 0;
  flex-grow: 0;
  cursor: pointer;
}

._btnWarning_16bkf_61 {
  width: 14px;
  height: 14px;
  background: #c2a44c;
  flex: none;
  order: 0;
  flex-grow: 0;
  cursor: pointer;
}

._btnFail_16bkf_71 {
  width: 14px;
  height: 14px;
  background: #ffc0c0;
  border: none;
  flex: none;
  order: 0;
  flex-grow: 0;
  cursor: pointer;
}._wrapperModal_1r8jk_1 {
  height: auto;
  width: 100%;
}

._header_1r8jk_6 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._closeIcon_1r8jk_15 {
  cursor: pointer;
}

._headerTitle_1r8jk_19 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
}

._body_1r8jk_25 {
  flex-grow: 1;
  flex-direction: column;
  gap: 16px;
  padding: 17px 24px 24px;
}

._headerBody_1r8jk_32 {
  flex-direction: row;
  column-gap: 14px;
}

._item_1r8jk_37 {
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  min-width: 220px;
  height: 50px;
  align-items: flex-start;
  padding: 8px 12px;
  gap: 10px;
  color: #5c5c5c;
}

._headerValue_1r8jk_49 {
  font-weight: 800;
}

._contentChart_1r8jk_53 {
  flex-grow: 1;
}._legendWrapper_1xqxa_1 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 379px;
  height: 36px;
  right: 0;
  margin-left: auto;
  margin-top: -20px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 6px;
}

._legendTitle_1xqxa_15 {
  height: 12px;
  left: 10px;
  top: 10px;
  font-family: "Exo";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  color: #747474;
}

._programContent_1xqxa_27 {
  width: 100%;
  height: 100%;
  flex-grow: 1;
}

._legendContent_1xqxa_33 {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-grow: 1;
}

._legendLeft_1xqxa_40 {
  width: 90px;
  display: flex;
  gap: 7px;
  color: black;
  align-items: center;
}

._legendRight_1xqxa_48 {
  width: 120px;
  display: flex;
  gap: 7px;
  color: black;
  align-items: center;
}

._btnOK_1xqxa_56 {
  width: 14px;
  height: 14px;
  background: #326b68;
  flex: none;
  order: 0;
  flex-grow: 0;
  cursor: pointer;
}

._btnWarning_1xqxa_66 {
  width: 14px;
  height: 14px;
  background: #c2a44c;
  flex: none;
  order: 0;
  flex-grow: 0;
  cursor: pointer;
}

._btnFail_1xqxa_76 {
  width: 14px;
  height: 14px;
  background: #ffc0c0;
  border: none;
  flex: none;
  order: 0;
  flex-grow: 0;
  cursor: pointer;
}

._wrapper_1xqxa_87 {
  min-height: 80%;
  display: grid;
  width: 100%;
  grid-template-columns: 40px 1fr;
  position: relative;
}

._programChart_1xqxa_95 {
  height: 100%;
  cursor: pointer;
}

._unitTitle_1xqxa_100 {
  display: flex;
  align-items: center;
  justify-content: center;
}._wrapper_8l74j_1 {
  min-height: 80%;
  display: grid;
  width: 100%;
  grid-template-columns: 40px 1fr;
}

._unitTitle_8l74j_8 {
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
}

._groupChart_8l74j_17 {
  cursor: pointer;
  margin-top: 20px;
}._wrapper_1m6ow_1 {
  flex-direction: column;
  gap: 12px;
}

._headerContainer_1m6ow_6 {
  height: 32px;
  justify-content: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 6px;
}

._headerContent_1m6ow_14 {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
._headerContent_1m6ow_14 p {
  font-size: 14px;
}

._headerTitle_1m6ow_23 {
  font-weight: 600;
  color: #5c5c5c;
}

._contentChart_1m6ow_28 {
  flex-grow: 1;
  height: calc(100vh - 140px);
  overflow-x: hidden;
  overflow-y: auto;
}

._chartSection_1m6ow_35 {
  min-height: 380px;
  border-radius: 3px;
  margin: 12px;
  padding: 12px 12px 0px 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

._txtFlowHistory_1m6ow_43 {
  font-size: 18px;
  font-weight: 600;
}

._btnExport_1m6ow_48 {
  border-radius: 5px;
  height: 32px;
  display: flex;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}._headerContainer_nut2d_1 {
  height: 32px;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 6px;
}
._headerContainer_nut2d_1 > p {
  font-weight: 600;
  color: #6c6c6c;
}

._btnExport_nut2d_13 {
  border-radius: 5px;
  height: 32px;
  margin-left: 10px;
  display: flex;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}

._content_nut2d_24 {
  flex-grow: 1;
}

._colorText_nut2d_28 {
  color: #ed2121;
}._wrapper_4whoi_1 {
  min-height: 80%;
  display: grid;
  width: 100%;
  grid-template-columns: 40px 1fr;
  height: calc(100vh - 160px);
}

._unitTitle_4whoi_9 {
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
}

._groupChart_4whoi_18 {
  cursor: pointer;
}._wrapper_1t87c_1 {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
  background: #fafbfc;
}

._wrapperChartMonthly_1t87c_8 {
  min-height: 80%;
  display: grid;
  width: 100%;
  grid-template-columns: 40px 1fr;
}

._unitTitleMonthly_1t87c_15 {
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
}

._unitTitleTemp_1t87c_24 {
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._headLeft_1t87c_32 {
  display: flex;
  flex-direction: row;
}

._inputSearch_1t87c_37 {
  width: 186px;
}

._SectionList_1t87c_41 {
  background-color: #002031;
  padding-bottom: 71px;
}

._SectionBox_1t87c_46 {
  background: #193645;
  border: 2px solid #193645;
  transition: border-color 0.3s ease-out;
  border-radius: 8px;
  padding: 18px;
  color: #fff;
  min-height: 174px;
}
._SectionBox_1t87c_46:hover {
  border-color: #2693c2;
  transition: border-color 0.3s ease-in;
  opacity: 0.9;
  cursor: pointer;
}
._SectionBox_1t87c_46:hover h2,
._SectionBox_1t87c_46:hover h3 {
  color: #29aae1;
  transition: color 0.3s ease-in;
}
._SectionBox_1t87c_46 h2 {
  font-size: 32px;
  margin: 25px 0 0;
  color: #fff;
}
._SectionBox_1t87c_46 h2 span {
  font-size: 14px;
  margin-left: 6px;
}
._SectionBox_1t87c_46 h4 {
  font-size: 14px;
  margin: 0 0 4px;
}
._SectionBox_1t87c_46 p {
  margin: 0;
  color: rgba(255, 255, 255, 0.4);
}
._SectionBox_1t87c_46 h3 {
  font-size: 30px;
  margin: 14px 0 0;
  transition: color 0.3s ease-out;
}
._SectionBox_1t87c_46 h3 span {
  font-size: 14px;
  margin-left: 6px;
}
._SectionBox_1t87c_46 h5 {
  font-size: 13px;
  margin: 7px 0 0;
  color: rgb(215, 215, 215);
}
._SectionBox_1t87c_46 h5 span {
  margin-left: 8px;
}

._GridItem_1t87c_101 {
  width: 32.7%;
}

._SectionListPos_1t87c_105 {
  position: relative;
  top: -60px;
  padding: 0 14px;
}

._SectionBoxLine_1t87c_111 {
  background: linear-gradient(to bottom, #ffffff, #f1f1f1);
  border-radius: 8px;
  padding: 18px;
  color: #5c5c5c;
  min-height: 90px;
}
._SectionBoxLine_1t87c_111 h4 {
  font-size: 16px;
  margin: 0 0 12px;
  font-weight: 600;
}
._SectionBoxLine_1t87c_111 h4 b {
  font-weight: 400;
  color: #747474;
  margin: 0 2px 0 8px;
}
._SectionBoxLine_1t87c_111 h5 {
  font-size: 12px;
  margin: 0;
  font-weight: 400;
}
._SectionBoxLine_1t87c_111 h5 span {
  margin-left: 8px;
}

._SectionTable_1t87c_137 button,
._SectionTableHead_1t87c_138 button {
  height: 32px;
  font-weight: normal;
  color: #004744;
}

._btnExport_1t87c_144 {
  border-radius: 5px;
  background: rgba(4, 71, 68, 0.2);
  height: 32px;
  margin-left: 10px;
  display: flex;
  gap: 8px;
  color: #004744;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}
._btnExport_1t87c_144:hover {
  background-color: rgba(4, 71, 68, 0.2);
  color: #004744;
}

._txtInline_1t87c_162 {
  font-size: 30px;
  font-weight: 700;
  color: #004744;
  line-height: 30px;
}
._txtInline_1t87c_162 ._txtLine_1t87c_168 {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

._txtInlineHeader_1t87c_174 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #004744;
}

._stackInlineHeader_1t87c_181 {
  height: 55px;
}

._boxSkeleton_1t87c_185 {
  background-color: #193645;
  border-radius: 8px;
  height: 170px;
}

._boxSkeletonAvg_1t87c_191 {
  background-color: #fff;
  border-radius: 8px;
  height: 120px !important;
}

._loadingProgress_1t87c_197 {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

._boxChart_1t87c_204 {
  border-radius: 8px;
  padding: 20px 0px;
  margin-top: 20px;
  min-height: 350px;
  position: relative;
}

._txtLabelMonthly_1t87c_212 {
  color: #181818;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  margin-left: 20px;
  margin-bottom: 10px;
}

._boxDesc_1t87c_221 {
  width: 15px;
  height: 10.88px;
  border-radius: 1px;
}

._unitTitle_1t87c_15 {
  font-weight: 600;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
  white-space: nowrap;
}

._txtComparedData_1t87c_237 {
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
}

._boxMTD_1t87c_243 {
  width: 50%;
}
._boxMTD_1t87c_243 ._txtMtd_1t87c_246 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
}
._boxMTD_1t87c_243 ._txtDataTotalWaterUsage_1t87c_252 {
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
}
._boxMTD_1t87c_243 ._txtUnit_1t87c_258 {
  margin-top: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}._contentChart_14qlb_1 {
  flex-grow: 1;
  height: calc(100vh - 160px);
  overflow-x: hidden;
  overflow-y: auto;
}

._chartSection_14qlb_8 {
  min-height: 355px;
  border-radius: 3px;
  margin: 12px;
  padding: 0 12px 12px 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  flex-grow: 1;
  height: 355px;
}

._txtChartView_14qlb_18 {
  font-size: 16px;
  padding: 15px 10px;
}._root_1t170_1 {
  flex-grow: 1;
  height: 100%;
}

._body_1t170_6 {
  flex-grow: 1;
  height: 100%;
  padding: 18px 21px;
}

._section_body_1t170_12 {
  margin-top: 22px;
  flex-grow: 1;
  height: 100%;
}

._tabAll_1t170_18 {
  flex-grow: 1;
  padding: 0px !important;
  margin-top: 8px;
  height: 100%;
}

._btnExport_1t170_25 {
  border-radius: 5px;
  background: rgba(4, 71, 68, 0.2);
  height: 32px;
  margin-left: 10px;
  display: flex;
  gap: 8px;
  color: #004744;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}
._btnExport_1t170_25:hover {
  background-color: rgba(4, 71, 68, 0.2);
}

._headerContent_1t170_42 {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
._headerContent_1t170_42 p {
  font-size: 14px;
}

._headerTitle_1t170_51 {
  font-weight: 600;
}._headerContainer_139if_1 {
  height: 32px;
  justify-content: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 6px;
  margin: 16px;
}

._btnExport_139if_10 {
  border-radius: 5px;
  height: 32px;
  margin-left: 10px;
  display: flex;
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}

._txtTableHead_139if_21 {
  text-align: center;
  width: 214px;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%; /* 12px */
}

._txtTableBody_139if_29 {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%; /* 12px */
}/* ------------------------------------------------------------------
   Water Usage report

   Surfaces: cards are the ELEVATED plane (white on light, #1a3746 on dark)
   sitting on a slightly recessed page tint. The previous version had grey
   cards on a white page, which reads as sunken and disabled.
   ------------------------------------------------------------------ */
/* Fills the area under the 48px report header, so the page tint runs edge to
   edge and no default-background strip shows below short content. */
._page_p2qui_10 {
  flex-grow: 1;
  height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 24px 28px 24px;
}

/* Title, view switch and export all share one 48px band - no second toolbar
   row, and no bottom rule cutting across the page. */
._header_p2qui_20 {
  height: 48px;
  min-height: 48px;
  align-items: center;
  padding: 0 24px 0 15px;
}

._headerBtn_p2qui_27 {
  cursor: pointer;
  padding: 2px;
  display: flex;
}

._headerText_p2qui_33 {
  font-size: 16px;
  font-weight: 500;
  line-height: 115%;
  margin-left: 17px;
}

._btnExport_p2qui_40 {
  border-radius: 8px;
  height: 34px;
  display: flex;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 115%;
  text-transform: none;
  box-shadow: none;
}

._stack_p2qui_52 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* ---- Hero band -------------------------------------------------- */
._hero_p2qui_59 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  padding: 30px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  color: #ffffff;
  background: linear-gradient(135deg, #0a6d63 0%, #004744 46%, #012b3a 100%);
  box-shadow: 0 10px 30px rgba(0, 48, 58, 0.28);
}

/* Soft light source in the top-right so the gradient does not read flat. */
._heroGlow_p2qui_74 {
  position: absolute;
  top: -140px;
  right: -80px;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(95, 212, 196, 0.28) 0%, rgba(95, 212, 196, 0) 68%);
  pointer-events: none;
}

._heroMain_p2qui_85 {
  position: relative;
  z-index: 1;
  min-width: 0;
}

._heroLabel_p2qui_91 {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

._heroValueRow_p2qui_99 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 6px;
}

/* Proportional figures - tabular-nums would make this look loose at 48px. */
._heroValue_p2qui_99 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #ffffff;
}

._heroUnit_p2qui_115 {
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
}

/* States the report's window once, for every figure on the page. */
._heroPeriod_p2qui_122 {
  font-size: 12px;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.7);
}

._heroStats_p2qui_128 {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 28px;
  justify-content: flex-end;
}

._heroStat_p2qui_128 {
  position: relative;
  padding-left: 28px;
  min-width: 0;
}

._heroStat_p2qui_128 + ._heroStat_p2qui_128::before,
._heroStat_p2qui_128:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 1px;
  background: rgba(255, 255, 255, 0.18);
}

._heroStatLabel_p2qui_153 {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
}

._heroStatValue_p2qui_162 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 4px;
  color: #ffffff;
  white-space: nowrap;
}

._heroStatSuffix_p2qui_171 {
  font-size: 12px;
  font-weight: 500;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 900px) {
  ._hero_p2qui_59 {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
  }
  ._heroStats_p2qui_128 {
    justify-content: flex-start;
  }
}
/* ---- Card shell ------------------------------------------------- */
/* The animation wrapper is the grid child, so it has to carry the stretched
   row height down to the card - otherwise the card sizes to its own content
   and two cards in a row end at different heights. */
._cardWrap_p2qui_195 {
  display: flex;
  height: 100%;
  min-width: 0;
}

/* Borderless: separation comes from the surface stepping up off the page tint
   plus a soft shadow. An outline ring is what made these read as dated. */
._card_p2qui_195 {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 14px;
  padding: 20px 22px 16px 22px;
  box-shadow: 0 1px 2px rgba(16, 40, 48, 0.04), 0 6px 18px rgba(16, 40, 48, 0.06);
  transition: box-shadow 180ms ease;
}

._card_p2qui_195:hover {
  box-shadow: 0 2px 6px rgba(16, 40, 48, 0.06), 0 14px 34px rgba(16, 40, 48, 0.1);
}

._cardHeader_p2qui_217 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

/* Brand accent bar so a title is never a bare line of grey text. */
._cardTitle_p2qui_225 {
  position: relative;
  padding-left: 13px;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.005em;
}

/* Colours come from the Card component so the bar stays visible on the dark
   card surface, where the brand teal would otherwise disappear. */
._cardTitle_p2qui_225::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 3px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--wu-accent-from, #0a6d63) 0%, var(--wu-accent-to, #004744) 100%);
}

._cardMeta_p2qui_247 {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 3px 9px;
  border-radius: 20px;
}

._cardSubtitle_p2qui_257 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  margin: 6px 0 0 12px;
}

/* start, not stretch: a short table paired with a tall chart should end where
   its content ends rather than trailing dead space to match the chart. */
._splitRow_p2qui_266 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 18px;
}

/* Headline chart beside the loss trend. Keeping the usage plot at ~2/3 width
   stops twelve capped bars from stranding the card in whitespace. */
._mainRow_p2qui_275 {
  display: grid;
  grid-template-columns: 1.85fr 1fr;
  gap: 18px;
}

@media (max-width: 1180px) {
  ._splitRow_p2qui_266,
  ._mainRow_p2qui_275 {
    grid-template-columns: 1fr;
  }
}
/* ---- Charts ----------------------------------------------------- */
/* Grows to fill the card rather than taking a fixed height, so two cards in a
   row line up even when one carries a subtitle and the other does not. */
._chartBody_p2qui_290 {
  width: 100%;
  flex: 1 1 auto;
  min-height: 280px;
  margin-top: 12px;
}

/* ---- Tables ----------------------------------------------------- */
._tableScroll_p2qui_298 {
  overflow-x: auto;
  margin-top: 10px;
}

._legendRow_p2qui_303 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid;
}

._legendItem_p2qui_313 {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
}

._legendSwatch_p2qui_321 {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex-shrink: 0;
}._wrapperModal_o29dc_1 {
  width: 100%;
  min-height: 815px;
}

._root_o29dc_6 {
  flex-grow: 1;
  height: 100%;
}

._header_o29dc_11 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._headerTitle_o29dc_20 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
}

._body_o29dc_26 {
  flex-direction: column;
  flex-grow: 1;
}

._headerBody_o29dc_31 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 24px 37px;
}
._headerBody_o29dc_31 ._item_o29dc_38 {
  display: flex;
}

._closeIcon_o29dc_42 {
  cursor: pointer;
  color: #999999;
}

._editBtn_o29dc_47 {
  color: #004744;
}

._contentChart_o29dc_51 {
  padding: 10px 8px 10px 21px;
  min-height: 620px;
}

._content_o29dc_51 {
  padding: 10px 8px;
  min-height: 80%;
  width: 100%;
}

._checkBoxIcon_o29dc_62 {
  background-color: #004744;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

._root_o29dc_6 [class~=MuiPaper-root] {
  border: 1px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-top: 5px;
}

._boxSpan_o29dc_82 {
  padding: 10px;
  min-width: 130px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._active_o29dc_90 {
  color: #f15b2a;
}

._titleSpan_o29dc_94 {
  font-size: 13px;
  cursor: pointer;
}
._titleSpan_o29dc_94:hover {
  color: #f15b2a;
}

._footer_o29dc_102 {
  flex-direction: row;
  justify-content: center;
  gap: 32px;
}
._footer_o29dc_102 ._footerItem_o29dc_107 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._footer_o29dc_102 ._footerItem_o29dc_107 svg {
  cursor: pointer;
}
._footer_o29dc_102 ._title_o29dc_94 {
  font-weight: 600;
}
._footer_o29dc_102 ._RectangleItem_o29dc_118 {
  width: 32px;
  height: 4px;
  background: #4264df;
  border-radius: 1px;
}
._footer_o29dc_102 ._RectangleItemSecond_o29dc_124 {
  width: 32px;
  height: 4px;
  background: #41a1e7;
  border-radius: 1px;
}
._footer_o29dc_102 ._RectangleItemFinal_o29dc_130 {
  width: 32px;
  height: 4px;
  background: #2dd6c1;
  border-radius: 1px;
}
._footer_o29dc_102 ._RectangleItemThree_o29dc_136 {
  width: 32px;
  height: 4px;
  background: #dd866b;
  border-radius: 1px;
}
._footer_o29dc_102 ._RectangleItemFour_o29dc_142 {
  width: 32px;
  height: 4px;
  background: #ff3030;
  border-radius: 1px;
}
._footer_o29dc_102 ._RectangleItemFive_o29dc_148 {
  width: 32px;
  height: 4px;
  background: #34485e;
  border-radius: 1px;
}

._contentGroup_o29dc_155 {
  display: flex;
  flex-direction: row;
}

._contentChart2_o29dc_160 {
  width: -webkit-fill-available;
}

._content2_o29dc_164 {
  max-width: 250px;
  width: 100%;
  background-color: rgba(4, 71, 68, 0.0784313725);
  overflow-x: hidden;
  height: calc(100vh - 94px);
  padding: 0px 14px;
}
._content2_o29dc_164 ._footer_o29dc_102 {
  background-color: transparent;
}

._footer2_o29dc_176 {
  flex-direction: column;
}

._stackCell_o29dc_180 {
  width: 30%;
  overflow: hidden;
}

._itemButton_o29dc_185 {
  margin: 0;
  padding: 4px 0;
  gap: 10px;
}

._itemButtonMain_o29dc_191 {
  padding-left: 4px;
}

._titleList_o29dc_195 {
  min-height: 36px;
  padding: 0 4px;
  display: flex;
  align-items: center;
}

._titleListSensor_o29dc_202 {
  font-family: Exo;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  text-align: left;
}

._listHeight_o29dc_210 {
  max-height: 170px;
  overflow: auto;
  overflow-x: hidden;
}

._labelLegendChart_o29dc_216 {
  font-family: Exo;
  font-size: 12px;
  font-weight: 700;
  line-height: 13.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(0, 32, 49, 0.4);
  margin-top: 19px;
  margin-bottom: 9px;
}

._itemSensor_o29dc_228 {
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d7;
}

._circularLoading_o29dc_233 {
  justify-content: center;
  align-items: center;
  height: 520px;
}._wrapper_fpx96_1 {
  min-height: 90%;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  height: 610px;
}

._wrapper2_fpx96_9 {
  height: calc(100vh - 250px);
}

._unitTitle_fpx96_13 {
  font-weight: 600;
  font-size: 13px;
  color: #5c5c5c;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
}

._groupChart_fpx96_23 {
  cursor: pointer;
}._mainText_1dyhz_1 {
  font-weight: 600;
  font-size: 12px;
  line-height: 125%;
  color: #5c5c5c;
}

._subText_1dyhz_8 {
  font-weight: 500;
  font-size: 12px;
  line-height: 125%;
  color: #5c5c5c;
  margin-top: 2px;
}._wrapper_670al_1 {
  min-height: 80%;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  height: 400px;
}

._wrapper2_670al_9 {
  height: calc(100vh - 180px);
}

._unitTitle_670al_13 {
  font-weight: 600;
  font-size: 13px;
  color: #5c5c5c;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
}

._groupChart_670al_23 {
  cursor: pointer;
}._boxSearch_13aow_1 {
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  height: 100%;
}

._boxBody_13aow_8 {
  justify-content: center;
  width: 100%;
  flex-grow: 1;
}

._textDesc_13aow_14 {
  font-size: 15px;
  color: #fff;
  text-align: center;
}

._searchInput_13aow_20 {
  width: 260px;
}._tabItemName_1axg5_1 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 4px;
  color: #fff;
}

._tabPanel_1axg5_8 {
  height: 100%;
  overflow: auto;
}
._tabPanel_1axg5_8::-webkit-scrollbar {
  width: 5px;
  position: absolute;
  background-color: transparent;
}
._tabPanel_1axg5_8::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}

._selectLabelItem_1axg5_23 {
  color: #fff;
  width: 100%;
}
._selectLabelItem_1axg5_23:hover {
  background-color: #545c62;
}

._tabItem_1axg5_1 {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

._closeIcon_1axg5_37 {
  margin-top: 4px;
}

._active_1axg5_41 {
  background-color: #545c62;
}

._activeText_1axg5_45 {
  color: #f37239;
}._wrapper_t53l3_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 350px;
  min-width: 290px;
  padding: 8px 15px;
}

._wrapperContent_t53l3_10 {
  flex-direction: row;
  align-items: center;
  gap: 15px;
}

._divider_t53l3_16 {
  background: #eee;
}

._dividerTab_t53l3_20 {
  background: #627685;
}

._title_t53l3_24 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

._menuWrapper_t53l3_30 [class~=MuiPaper-root] {
  background-color: #3c464d;
  box-shadow: unset !important;
  padding: 0;
  margin-top: 14px;
  width: 290px;
  min-width: 290px;
  border-radius: 3px;
  height: 358px;
  max-height: 358px;
  overflow: visible;
  position: relative;
}
._menuWrapper_t53l3_30 [class~=MuiPaper-root] ul[class~=MuiList-root] {
  padding: 0;
  height: 100%;
}

._menuWrapper_t53l3_30 [class~=MuiPaper-root]::before {
  content: "";
  position: absolute;
  left: 17px;
  top: -14px;
  border: 7px solid transparent;
  border-bottom-color: #3c464d;
  cursor: pointer;
}

._flexContainer_t53l3_58 {
  justify-content: space-between;
  display: flex;
  text-transform: "uppercase";
}

._tabGroup_t53l3_64 {
  color: #fff;
  min-height: unset;
  background: transparent;
}
._tabGroup_t53l3_64 [class~=Mui-selected] {
  border-bottom: 3px solid #f37239;
  margin-top: 0;
  padding: 0;
}
._tabGroup_t53l3_64 button {
  padding: 0 10px !important;
  min-width: 25%;
}
._tabGroup_t53l3_64 button:last-child {
  min-width: auto;
}._columnEnd_1tvua_1 {
  justify-content: flex-end;
  height: 100%;
}

._unitLabel_1tvua_6 {
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 4px;
  width: 100px;
}

._unitLabelCenter_1tvua_13 {
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 4px;
}

._unitLabelCenterSmall_1tvua_19 {
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 4px;
}

._measurement_1tvua_25 {
  font-size: 36px;
  color: #ffffff;
  text-transform: uppercase;
}

._wrapper_uhhsf_2 {
  height: 100%;
  flex-grow: 1;
}

._header_uhhsf_7 {
  flex: 1;
  max-height: 67px;
}
._header_uhhsf_7 ._headerFilter_uhhsf_11 {
  padding: 15px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
._header_uhhsf_7 ._headerFilter_uhhsf_11 ._label_uhhsf_17 {
  color: white;
}

._bgImage_uhhsf_21 {
  filter: blur(6px);
  -webkit-filter: blur(6px);
}

._bodyChart_uhhsf_26 {
  display: grid;
  width: 80%;
  overflow-x: hidden;
  overflow-y: hidden;
  grid-template-rows: repeat(3, 210px);
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  grid-auto-flow: dense;
  grid-gap: 8px;
  padding: 10px 10px;
  grid-template-rows: repeat(4, 210px);
}

._boxWeather_uhhsf_39 {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  align-items: center;
}

._boxCommon_uhhsf_46 {
  padding: 15px;
}

._boxItem_uhhsf_50 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: "center";
  height: 100%;
}

._noDataItem_uhhsf_58 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 30%;
}

._glassCard_uhhsf_67 {
  position: relative; /* establish stacking context */
  background-color: rgba(100, 100, 100, 0.45);
  border-radius: 16px;
  border: 0;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* this fake “backdrop” does the blur on whatever is behind the card */
._glassCard_uhhsf_67::before {
  content: "";
  position: absolute;
  inset: 0; /* top/left/right/bottom = 0 */
  background: inherit; /* same semi-transparent fill */
  backdrop-filter: blur(500px); /* apply the blur */
  -webkit-backdrop-filter: blur(500px);
  z-index: -1; /* sit behind the card’s content */
}

._boxDoubleRow_uhhsf_88 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-row: span 2;
  grid-column: span 2;
}

._boxDoubleColumnBaro_uhhsf_96 {
  grid-column: span 2;
}

._boxDoubleColumnRain_uhhsf_100 {
  grid-column: span 2;
}

._boxDoubleColumn_uhhsf_96 {
  grid-column: span 2;
}

._boxDoubleColumnTemp_uhhsf_108 {
  grid-column: span 2;
}

._boxTitle_uhhsf_112 {
  font-weight: 400;
  font-size: 12px;
  color: white;
}
._boxTitle_uhhsf_112 ._name_uhhsf_117 {
  font-size: 24px;
  font-weight: 500;
  color: white;
}
._boxTitle_uhhsf_112 ._subName_uhhsf_122 {
  font-style: italic;
  color: white;
}

._chart_uhhsf_127 {
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  height: 100%;
}

._chartTotalRain_uhhsf_134 {
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  height: 110px;
}

._chartWindDirection_uhhsf_141 {
  width: 100%;
  flex-grow: 1;
  justify-content: center;
}

._chartWindRose_uhhsf_147 {
  height: 100%;
  height: 240px;
  flex-grow: 1;
}

._groupWindRose_uhhsf_153 {
  flex-grow: 1;
}
._groupWindRose_uhhsf_153 ._btnGroup_uhhsf_156 {
  font-size: 15px;
  font-weight: 700;
  background: none;
  color: white;
}

._muitab_uhhsf_163 {
  min-height: auto;
}

._flexContainer_uhhsf_167 {
  justify-content: space-evenly;
  align-items: center;
  display: flex;
  text-transform: "uppercase";
  min-height: 30px;
  height: 30px;
}

._contentChart_uhhsf_176 {
  padding: 0;
  height: 100%;
  flex-grow: 1;
}

._tabGroup_uhhsf_182 {
  padding: 4px 0;
  background: transparent;
  border-bottom: none;
}
._tabGroup_uhhsf_182 button {
  padding: 0 !important;
  min-width: 60px;
  text-transform: uppercase;
  color: white;
}

._groupRangeValue_uhhsf_194 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 90px);
  grid-template-rows: repeat(4, 16px);
  grid-auto-flow: dense;
  grid-gap: 12px 22px;
  padding: 22px 0;
  justify-content: center;
}

@keyframes _slideIn_uhhsf_1 {
  from {
    transform: translateX(100%); /* Start from the right */
    opacity: 0;
  }
  to {
    transform: translateX(0); /* End at the original position */
    opacity: 1;
  }
}
._container_uhhsf_215 {
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.5s ease-in-out;
  align-items: center;
}

._container_uhhsf_215._animateSlideIn_uhhsf_225 {
  animation: _slideIn_uhhsf_1 0.5s ease-in-out forwards;
  opacity: 1;
}

._rain_uhhsf_230 {
  position: relative;
  z-index: 1;
  opacity: 0.3;
}

._drop_uhhsf_236 {
  position: absolute;
  width: 20px;
  height: 20px;
  animation: _fall_uhhsf_1 2s linear infinite;
}

._drop_uhhsf_236:nth-child(1) {
  left: 12%;
  animation-delay: 1s;
}

._drop_uhhsf_236:nth-child(2) {
  left: 24%;
  animation-delay: 1.2s;
}

._drop_uhhsf_236:nth-child(3) {
  left: 38%;
  animation-delay: 1.1s;
}

._drop_uhhsf_236:nth-child(4) {
  left: 45%;
  animation-delay: 1.6s;
}

._drop_uhhsf_236:nth-child(5) {
  left: 54%;
  animation-delay: 1.3s;
}

._drop_uhhsf_236:nth-child(6) {
  left: 62%;
  animation-delay: 2s;
}

._drop_uhhsf_236:nth-child(7) {
  left: 71%;
  animation-delay: 2.2s;
}

._drop_uhhsf_236:nth-child(8) {
  left: 84%;
  animation-delay: 2.1s;
}

._drop_uhhsf_236:nth-child(9) {
  left: 93%;
  animation-delay: 2.3s;
}

@keyframes _fall_uhhsf_1 {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(80vh);
  }
}
@keyframes _appear_uhhsf_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._btnExport_uhhsf_304 {
  border-radius: 5px;
  height: 40px;
  margin-top: 1px;
  display: flex;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  min-width: 150px;
}._boxSearch_13aow_1 {
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  height: 100%;
}

._boxBody_13aow_8 {
  justify-content: center;
  width: 100%;
  flex-grow: 1;
}

._textDesc_13aow_14 {
  font-size: 15px;
  color: #fff;
  text-align: center;
}

._searchInput_13aow_20 {
  width: 260px;
}._tabItemName_1axg5_1 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 4px;
  color: #fff;
}

._tabPanel_1axg5_8 {
  height: 100%;
  overflow: auto;
}
._tabPanel_1axg5_8::-webkit-scrollbar {
  width: 5px;
  position: absolute;
  background-color: transparent;
}
._tabPanel_1axg5_8::-webkit-scrollbar-thumb {
  backdrop-filter: blur(2px);
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}

._selectLabelItem_1axg5_23 {
  color: #fff;
  width: 100%;
}
._selectLabelItem_1axg5_23:hover {
  background-color: #545c62;
}

._tabItem_1axg5_1 {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

._closeIcon_1axg5_37 {
  margin-top: 4px;
}

._active_1axg5_41 {
  background-color: #545c62;
}

._activeText_1axg5_45 {
  color: #f37239;
}._wrapper_t53l3_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 350px;
  min-width: 290px;
  padding: 8px 15px;
}

._wrapperContent_t53l3_10 {
  flex-direction: row;
  align-items: center;
  gap: 15px;
}

._divider_t53l3_16 {
  background: #eee;
}

._dividerTab_t53l3_20 {
  background: #627685;
}

._title_t53l3_24 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

._menuWrapper_t53l3_30 [class~=MuiPaper-root] {
  background-color: #3c464d;
  box-shadow: unset !important;
  padding: 0;
  margin-top: 14px;
  width: 290px;
  min-width: 290px;
  border-radius: 3px;
  height: 358px;
  max-height: 358px;
  overflow: visible;
  position: relative;
}
._menuWrapper_t53l3_30 [class~=MuiPaper-root] ul[class~=MuiList-root] {
  padding: 0;
  height: 100%;
}

._menuWrapper_t53l3_30 [class~=MuiPaper-root]::before {
  content: "";
  position: absolute;
  left: 17px;
  top: -14px;
  border: 7px solid transparent;
  border-bottom-color: #3c464d;
  cursor: pointer;
}

._flexContainer_t53l3_58 {
  justify-content: space-between;
  display: flex;
  text-transform: "uppercase";
}

._tabGroup_t53l3_64 {
  color: #fff;
  min-height: unset;
  background: transparent;
}
._tabGroup_t53l3_64 [class~=Mui-selected] {
  border-bottom: 3px solid #f37239;
  margin-top: 0;
  padding: 0;
}
._tabGroup_t53l3_64 button {
  padding: 0 10px !important;
  min-width: 25%;
}
._tabGroup_t53l3_64 button:last-child {
  min-width: auto;
}
._groupFlowSensor_haaqb_2 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._groupMainLines_haaqb_8 {
  height: 44px;
  width: 100%;
  padding: 10px 0px 10px 20px;
  margin-top: 7px;
}

._txtMainLines_haaqb_15 {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._containerMainLines_haaqb_22 {
  padding: 18px 12px 25px 20px;
  overflow-x: auto;
  width: 100%;
  scrollbar-width: thin; /* Thiết lập kích thước thanh cuộn (chỉ áp dụng cho Firefox) */
  scrollbar-color: #a5a5a5 transparent; /* Thiết lập màu của thanh cuộn (chỉ áp dụng cho Firefox) */
  min-width: 100px;
}

/* Thiết lập thanh cuộn cho Chrome và Edge */
._containerMainLines_haaqb_22::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}

._containerMainLines_haaqb_22::-webkit-scrollbar-thumb {
  background-color: #29aae1;
  box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
  opacity: 0.5;
  border-radius: 100px;
}

._containerSubLines_haaqb_44 {
  overflow-x: auto;
  width: 100%;
  display: grid;
  padding: 16px;
  grid-template-columns: repeat(auto-fit, minmax(458px, 1fr));
  grid-template-rows: repeat(3, 1fr);
  gap: 20px;
}
@media (min-width: 1800px) and (max-width: 1830px) {
  ._containerSubLines_haaqb_44 {
    grid-template-rows: repeat(3, 240px);
  }
}
@media (min-width: 1500px) and (max-width: 1800px) {
  ._containerSubLines_haaqb_44 {
    grid-template-rows: repeat(3, 240px);
  }
}
@media (min-width: 1300px) and (max-width: 1500px) {
  ._containerSubLines_haaqb_44 {
    grid-template-rows: repeat(1, 240px);
  }
}
@media (min-width: 1044px) and (max-width: 1300px) {
  ._containerSubLines_haaqb_44 {
    grid-template-rows: repeat(1, 240px);
  }
}
@media (min-width: 923px) and (max-width: 1040px) {
  ._containerSubLines_haaqb_44 {
    grid-template-rows: repeat(1, 240px);
  }
}
@media (min-width: 768px) and (max-width: 1043px) {
  ._containerSubLines_haaqb_44 {
    grid-template-rows: repeat(1, 240px);
  }
}

/* Thiết lập thanh cuộn cho Chrome và Edge */
._containerSubLines_haaqb_44::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}

._containerSubLines_haaqb_44::-webkit-scrollbar-thumb {
  background-color: #29aae1;
  box-shadow: inset 2px 2px 5px 0 rgba(255, 255, 255, 0.5);
  opacity: 0.5;
  border-radius: 100px;
}

._groupSubLinesSub_haaqb_97 {
  overflow-x: auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 6px;
}

._boxSubLinesMainLength_haaqb_106 {
  width: 409px;
  padding: 16px;
  height: 206px;
  margin-right: 20px;
  border-radius: 12px;
  cursor: pointer;
}

._boxSubLinesLength_haaqb_115 {
  width: 409px;
  padding: 16px;
  height: 206px;
  border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
}

._boxSubLinesMain_haaqb_106 {
  width: 100%;
  height: 206px;
  padding: 20px;
  border-radius: 12px;
  cursor: pointer;
}

._boxSubLinesSubChildren_haaqb_132 {
  width: 100%;
  padding: 16px;
  height: 206px;
  margin-left: 0px !important;
  border-radius: 12px;
  cursor: pointer;
}

._boxSubLines_haaqb_106 {
  width: 100%;
  padding: 16px;
  height: 206px;
}

._groupCircularMain_haaqb_147 {
  padding: 16px;
  height: 206px;
  width: 100%;
  flex-grow: 1;
}

._boxMainLines_haaqb_154 {
  width: 404px;
  padding: 16px;
  height: 226px;
  border-radius: 12px;
  cursor: pointer;
}

._boxMainLinesActive_haaqb_162 {
  width: 404px;
  padding: 16px;
  height: 226px;
  border-radius: 12px;
  cursor: pointer;
}

._txtPipeMain_haaqb_170 {
  font-size: 12px;
  font-weight: 700;
  line-height: 110%; /* 13.2px */
  margin-bottom: 10px;
}

._txtSubPipeMain_haaqb_177 {
  font-family: Exo;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 19.8px */
}

._subPipeLength_haaqb_185 {
  border-radius: 100px;
  border: 1px solid #ccc;
  background: #fff;
  display: flex;
  width: 28px;
  height: 28px;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtSubLength_haaqb_198 {
  color: #525252;
  font-family: Exo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

._txtCurrentFlow_haaqb_208 {
  color: #29aae1;
  font-size: 14px;
  font-weight: 700;
  line-height: 110%; /* 15.4px */
}

._txtExpectedFlow_haaqb_215 {
  font-size: 10px;
  font-weight: 500;
  line-height: 110%; /* 11px */
}

._txtDataExpected_haaqb_221 {
  font-size: 10px;
  font-weight: 700;
  line-height: 110%; /* 11px */
  margin-left: 2px;
}

._txtWater_haaqb_228 {
  font-size: 12px;
  font-weight: 600;
  line-height: 110%; /* 13.2px */
  letter-spacing: 0.12px;
  margin-right: 10px;
}

._groupHour_haaqb_236,
._groupHourActive_haaqb_237 {
  display: flex;
  padding: 10px 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  width: 100%;
  height: 30px;
}

._groupHourSubMain_haaqb_248 {
  display: flex;
  padding: 10px 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  width: 100%;
  height: 30px;
}

._groupHourSub_haaqb_248 {
  display: flex;
  padding: 10px 14px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  width: 100%;
  height: 30px;
}

._txtLastHour_haaqb_270 {
  font-size: 10px;
  font-weight: 600;
  line-height: 110%; /* 11px */
  letter-spacing: 0.1px;
  opacity: 0.5;
}

._txtDataHour_haaqb_278 {
  font-size: 12px;
  font-weight: 600;
  line-height: 110%; /* 13.2px */
}

._groupNone_haaqb_284 {
  overflow-x: auto;
  width: 100%;
  padding: 16px;
}

._groupSubMainGroup_haaqb_290 {
  width: 100%;
  flex-grow: 1;
  margin-top: 20px;
  height: 275px;
  border-radius: 12px;
}

._groupSubLines_haaqb_97 {
  width: 100%;
  flex-grow: 1;
  margin-top: 20px;
  height: 446px;
  align-items: flex-start;
  gap: 28px;
  border-radius: 12px;
}

._groupChartSubLines_haaqb_308 {
  height: 100%;
  flex-grow: 1;
  align-items: center;
  border-radius: 12.486px;
}

._iconInfo_haaqb_315 {
  padding: 5px;
  color: #004751;
  position: absolute;
  top: 31px;
  right: 16px;
}

._btnExport_haaqb_323 {
  border-radius: 5px;
  height: 40px;
  margin-left: 10px;
  display: flex;
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 8px;
  margin-right: 8px;
}._txtStatus_15txi_1 {
  color: #5c5c5c;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
}

._boxNormal_15txi_8 {
  background-color: #c3d0d0;
  border-radius: 3px;
  width: fit-content;
  height: 30px;
  padding: 8px 12px;
  margin-top: 26px;
  border-radius: 3px;
}

._groupTeeSensor_15txi_18 {
  height: 232px;
  width: 321px;
}

._holeGroup_15txi_23 {
  height: 30px;
}

._sensorCard_15txi_27 {
  border-radius: 8px;
  width: 321px;
  height: 232px;
  padding: 21px;
  cursor: pointer;
}

._sensorCardTitle_15txi_35 {
  text-align: center;
  font-size: 20px;
  font-family: Exo;
  font-weight: 600;
  line-height: 110%;
  text-transform: capitalize;
}

._btnExport_15txi_44 {
  border-radius: 5px;
  height: 40px;
  margin-left: 10px;
  display: flex;
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 8px;
  margin-right: 8px;
}._txtTank_1nmyy_1 {
  font-weight: 700;
  font-size: 18px;
  line-height: 18.4px;
}

._txtCurrentWater_1nmyy_7 {
  font-size: 24px;
  font-weight: 700;
  line-height: 27.6px;
}

._txtWaterLevel_1nmyy_13 {
  font-size: 12px;
  font-weight: 500;
  line-height: 13.8px;
  align-items: center;
}

@keyframes _fillAnimation_1nmyy_1 {
  0% {
    transform: translateY(10px); /* Initial height value */
  }
  50% {
    transform: translateY(calc(-100% + 10px)); /* Maximum height */
  }
  100% {
    transform: translateY(10px); /* Return to initial height */
  }
}
._animatedFill_1nmyy_31 {
  animation: _fillAnimation_1nmyy_1 4s ease-in-out infinite;
}._txtLastUpdate_ntf3j_1 {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
}

._txtDateUpdate_ntf3j_9 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin-left: 5px;
}

._btnWaterTank_ntf3j_16 {
  min-width: 179px;
  padding: 8px 24px;
}

._boxLevelSensorsWrapper_ntf3j_21 {
  flex-basis: calc(50% - 10px);
  max-width: 630px;
  min-width: 610px;
}

._boxLevelSensors_ntf3j_21 {
  padding: 10px 10px;
  border-radius: 12px;
  box-sizing: border-box;
  background-color: #F5F8FD;
  min-width: 630px;
}

._circleHalf_ntf3j_35 {
  width: 70%;
  height: 100%;
  margin-left: -35px;
}

._tabContext_ntf3j_41 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 25px !important;
}

._tabRoot_ntf3j_47 {
  min-height: 38px;
  height: 38px;
  padding: 3px 2px;
  border-radius: 50px;
  border: 1px solid #66918f;
  width: 188px;
  background-color: #fff;
}

._txtUnit_ntf3j_57 {
  color: #7a8c96;
  font-weight: 500;
  font-size: 10px;
  line-height: 11.5px;
  margin-top: 15px;
}

._txtUnitEst_ntf3j_65 {
  color: #7a8c96;
  font-weight: 500;
  font-size: 10px;
  line-height: 11.5px;
  margin-top: 5px;
}

._boxCenter_ntf3j_73 {
  align-items: center;
  flex-grow: 1;
  width: 100%;
}

._txtHeightToOverFlow_ntf3j_79 {
  color: #58b3d9;
  font-size: 12px;
}

._txtMaxTankVolume_ntf3j_84 {
  color: #03445f;
  font-size: 12px;
  cursor: pointer;
}

._textFillValve_ntf3j_90 {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._textFillValve_ntf3j_90 strong {
  font-size: 12px;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
}

._textFillValveOn_ntf3j_103 {
  color: #59b3d9;
  font-size: 12px;
}

._textFillValveOnAmount_ntf3j_108 {
  color: #59b3d9;
  font-size: 16px;
  font-weight: 600;
}

._textFillValveOff_ntf3j_114 {
  color: #03445f;
  font-size: 12px;
}

._textFillValveOffAmount_ntf3j_119 {
  color: #03445f;
  font-size: 16px;
  font-weight: 600;
}

._boxFillValve_ntf3j_125 {
  margin: 1rem 0;
  flex-basis: 100%;
  width: 100%;
}
._boxFillValve_ntf3j_125 strong {
  white-space: wrap;
  word-break: break-all;
}._containerSoil_drj3m_1 {
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  margin-top: 10px;
}

._groupHole_drj3m_9 {
  height: 310px;
  width: 341px;
  min-width: 341px;
}

._boxGroupSoil_drj3m_15 {
  width: 341px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  cursor: pointer;
  height: 100%;
}

._boxHeader_drj3m_23 {
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  padding: 17px 17px 0px 17px;
  align-items: center;
}

._boxUpdatedAt_drj3m_31 {
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 17px 0px 17px;
  align-items: center;
}

._txtStations_drj3m_39 {
  font-size: 16px;
  font-weight: 600;
  line-height: 115%;
}

._txtSoilTemp_drj3m_45 {
  font-size: 14px;
  font-weight: 500;
}

._txtUpdatedAt_drj3m_50 {
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%; /* 12px */
}

._txtTemp_drj3m_57 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin-top: 4px;
}

._groupTempWater_drj3m_64 {
  padding: 0px 20px 16px 24px;
  margin-top: 25px;
}

._boxTemp_drj3m_69 {
  padding-bottom: 16px;
  border-bottom: 1px solid #ededed;
}

._groupSoilEC_drj3m_74 {
  margin-top: 16px;
}

._txtSoilMoisture_drj3m_78 {
  font-size: 14px;
  font-weight: 500;
  line-height: 115%;
}

._boxWrapper_drj3m_84 {
  flex-direction: row;
  width: 100%;
  align-items: center;
}

._txtSoil_drj3m_45 {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-top: 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 81px;
}

._txtEc_drj3m_101 {
  font-size: 14px;
  font-weight: 500;
  line-height: 115%;
}

._txtECMain_drj3m_107 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #b72939;
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 80px;
}

._boxContent_drj3m_119 {
  width: calc(100% - 60px);
  height: 50px;
}._boxAlert_16zdj_1 {
  width: 141px;
  height: 30px;
  padding: 8px 12px;
  margin-left: 8px;
  background-color: #fff;
  height: 30px;
  border-radius: 8px;
}

._boxNormal_16zdj_11 {
  background-color: #fff;
  width: 141px;
  height: 30px;
  margin-left: 8px;
  margin-top: 26px;
  border-radius: 8px;
}

._box_section_normal_16zdj_20 {
  height: 100%;
  padding: 8px;
}

._txtAlert_16zdj_25 {
  color: #181818;
  font-weight: 700;
  font-size: 14px;
}

._txtStatus_16zdj_31 {
  color: #5c5c5c;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

._groupHole_16zdj_38 {
  height: 290px;
  width: 321px;
  cursor: pointer;
}

._boxGroupSoil_16zdj_44 {
  height: 276px;
  width: 321px;
  background-color: #fcfbfc;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

._txtStations_16zdj_52 {
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 600;
  line-height: 115%;
}

._txtSoilTemp_16zdj_59 {
  color: #5c5c5c;
  font-size: 14px;
  font-weight: 500;
}

._txtTemp_16zdj_65 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin-top: 4px;
}

._groupTempWater_16zdj_73 {
  padding: 0px 20px 16px 24px;
}

._boxTemp_16zdj_77 {
  padding-bottom: 16px;
  border-bottom: 1px solid #ededed;
}

._groupSoilEC_16zdj_82 {
  margin-top: 16px;
}

._txtSoilMoisture_16zdj_86 {
  font-size: 14px;
  font-weight: 500;
  line-height: 115%;
  color: #5c5c5c;
}

._txtSoil_16zdj_59 {
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: #1f4b88;
  margin-top: 7px;
}

._txtEc_16zdj_101 {
  color: #5c5c5c;
  font-size: 14px;
  font-weight: 500;
  line-height: 115%;
}

._txtECMain_16zdj_108 {
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  color: #b72939;
  margin-top: 4px;
}

._btnExport_16zdj_116 {
  border-radius: 5px;
  height: 40px;
  margin-left: 10px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 8px;
  background-color: #cddada;
}
._btnExport_16zdj_116:hover {
  background-color: #cddada;
}

._btnDiscoverSensor_16zdj_131 {
  border-radius: 5px;
  height: 40px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  background-color: #cddada;
}
._btnDiscoverSensor_16zdj_131:hover {
  background-color: #cddada;
}

._tabAll_16zdj_144 {
  padding: 0px !important;
}._wrapper_1krzv_1 {
  flex-grow: 1;
  height: 100%;
}

._groupHeader_1krzv_6 {
  height: 43px;
}

._groupLayoutHeader_1krzv_10 {
  padding: 10px 20px;
}

._tabSoils_1krzv_14 {
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
  padding: 0px 24px 24px 24px;
}

._tabLeaf_1krzv_23 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}

._tabFlowSensor_1krzv_32 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}

._tabWeather_1krzv_41 {
  padding: 0px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}._wrapper_1krzv_1 {
  flex-grow: 1;
  height: 100%;
}

._groupHeader_1krzv_6 {
  height: 43px;
}

._groupLayoutHeader_1krzv_10 {
  padding: 10px 20px;
}

._tabSoils_1krzv_14 {
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
  padding: 0px 24px 24px 24px;
}

._tabLeaf_1krzv_23 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}

._tabFlowSensor_1krzv_32 {
  padding: 0;
  flex: 0 1 auto;
  min-height: 0;
  overflow: hidden;
  flex-grow: 1;
  display: flex;
}

._tabWeather_1krzv_41 {
  padding: 0px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}
/* FlowPressureDashboard.module.scss */
._bgImage_xwrpg_3 {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}

/* Top toolbar “glass” look */
._toolbar_xwrpg_14 {
  gap: 16px;
  padding: 10px 12px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.28));
  backdrop-filter: saturate(180%) blur(12px);
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 10px 30px rgba(31, 38, 135, 0.12), inset 0 1px rgba(255, 255, 255, 0.6);
}

/* Tabs */
._tab_xwrpg_26 {
  opacity: 1;
  font-weight: 700 !important;
  text-transform: none !important;
  min-width: 0 !important;
  margin-left: 2px !important;
  margin-right: 2px !important;
  padding: 6px 12px !important;
  letter-spacing: 0.05px;
  border-radius: 999px !important;
  color: rgba(0, 0, 0, 0.78) !important;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease !important;
}

._tab_xwrpg_26:hover {
  background: rgba(255, 255, 255, 0.35);
  box-shadow: 0 4px 12px rgba(31, 38, 135, 0.12);
}

._tab_xwrpg_26.Mui-selected {
  color: #111 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.38));
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 8px 20px rgba(31, 38, 135, 0.18), inset 0 1px rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Inputs — shared look */
._inputField_xwrpg_55 {
  width: 120px;
}

@media (min-width: 600px) {
  ._inputField_xwrpg_55 {
    width: 120px;
  }
}
._timeField_xwrpg_64 {
  width: 90px;
}

@media (min-width: 600px) {
  ._timeField_xwrpg_64 {
    width: 90px;
  }
}
._rangeField_xwrpg_73 {
  width: 60px;
}

@media (min-width: 600px) {
  ._rangeField_xwrpg_73 {
    width: 90px;
  }
}
/* Style inner MUI parts */
._inputField_xwrpg_55 .MuiOutlinedInput-root,
._timeField_xwrpg_64 .MuiOutlinedInput-root,
._rangeField_xwrpg_73 .MuiOutlinedInput-root {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.36));
  backdrop-filter: saturate(160%) blur(12px);
  -webkit-backdrop-filter: saturate(160%) blur(12px);
  border-radius: 999px;
  height: 38px;
  padding-left: 4px;
  padding-right: 4px;
  box-shadow: 0 10px 24px rgba(31, 38, 135, 0.1), inset 0 1px rgba(255, 255, 255, 0.6);
}

._inputField_xwrpg_55 .MuiOutlinedInput-root fieldset,
._timeField_xwrpg_64 .MuiOutlinedInput-root fieldset,
._rangeField_xwrpg_73 .MuiOutlinedInput-root fieldset {
  border-color: rgba(255, 255, 255, 0.45);
}

._inputField_xwrpg_55 .MuiOutlinedInput-root:hover fieldset,
._timeField_xwrpg_64 .MuiOutlinedInput-root:hover fieldset,
._rangeField_xwrpg_73 .MuiOutlinedInput-root:hover fieldset {
  border-color: rgba(255, 255, 255, 0.6);
}

._inputField_xwrpg_55 .MuiOutlinedInput-root.Mui-focused fieldset,
._timeField_xwrpg_64 .MuiOutlinedInput-root.Mui-focused fieldset,
._rangeField_xwrpg_73 .MuiOutlinedInput-root.Mui-focused fieldset {
  border-color: rgba(0, 0, 0, 0.45);
}

._inputField_xwrpg_55 .MuiInputBase-input,
._timeField_xwrpg_64 .MuiInputBase-input,
._rangeField_xwrpg_73 .MuiInputBase-input {
  color: #111;
  font-weight: 600;
  letter-spacing: 0.2px;
  padding-left: 4px;
  padding-right: 4px;
}

._inputField_xwrpg_55 .MuiInputLabel-root,
._timeField_xwrpg_64 .MuiInputLabel-root,
._rangeField_xwrpg_73 .MuiInputLabel-root {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
}

._inputField_xwrpg_55 input::-webkit-calendar-picker-indicator,
._timeField_xwrpg_64 input::-webkit-calendar-picker-indicator {
  filter: invert(0.15) opacity(0.75);
}

/* Buttons */
._btnApply_xwrpg_137 {
  text-transform: none !important;
}

._btnSettings_xwrpg_141 {
  white-space: nowrap;
  border-color: rgba(0, 0, 0, 0.25) !important;
  color: rgba(0, 0, 0, 0.8) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.35));
}

._btnSettings_xwrpg_141:hover {
  background: rgba(255, 255, 255, 0.5);
}

._btnExport_xwrpg_152 {
  white-space: nowrap;
}

/* Paper cards */
._paperCard_xwrpg_157 {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.12);
}._wrapper_1bxf9_1 {
  flex-direction: column;
  gap: 12px;
}

._headerContainer_1bxf9_6 {
  height: 32px;
  justify-content: center;
  flex-direction: row;
  justify-content: flex-end;
  gap: 6px;
}

._headerContent_1bxf9_14 {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
._headerContent_1bxf9_14 p {
  font-size: 14px;
}

._headerTitle_1bxf9_23 {
  font-weight: 600;
}

._contentChart_1bxf9_27 {
  flex-grow: 1;
  height: calc(100vh - 140px);
  overflow-x: hidden;
  overflow-y: auto;
}

._chartSection_1bxf9_34 {
  min-height: 380px;
  border-radius: 3px;
  margin: 12px;
  padding: 12px 12px 0px 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

._txtFlowSimulation_1bxf9_42 {
  font-size: 18px;
  font-weight: 600;
}

._btnExport_1bxf9_47 {
  border-radius: 5px;
  height: 32px;
  display: flex;
  gap: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}._wrapperModal_wx67k_1 {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

._groupChart_wx67k_7 {
  cursor: pointer;
  height: 100%;
}

._wrapper_wx67k_1 {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  height: 100%;
}

._header_wx67k_19 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._headerTitle_wx67k_28 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
}

._body_wx67k_34 {
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
}

._headerBody_wx67k_40 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 24px 37px;
}
._headerBody_wx67k_40 ._item_wx67k_47 {
  display: flex;
}

._closeIcon_wx67k_51 {
  cursor: pointer;
  color: #999999;
}

._editBtn_wx67k_56 {
  color: #004744;
}

._contentChart_wx67k_60 {
  height: 70%;
  padding: 10px 8px 10px 21px;
}

._content_wx67k_60 {
  padding: 10px 8px;
  height: 30%;
  width: 100%;
  justify-content: center;
}

._checkBoxIcon_wx67k_72 {
  background-color: #004744;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

._root_wx67k_85 [class~=MuiPaper-root] {
  border: 1px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-top: 5px;
}

._boxSpan_wx67k_92 {
  padding: 10px;
  min-width: 130px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._active_wx67k_100 {
  color: #f15b2a;
}

._titleSpan_wx67k_104 {
  font-size: 13px;
  cursor: pointer;
}
._titleSpan_wx67k_104:hover {
  color: #f15b2a;
}

._footer_wx67k_112 {
  flex-direction: row;
  justify-content: center;
  gap: 32px;
}
._footer_wx67k_112 ._footerItem_wx67k_117 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._footer_wx67k_112 ._footerItem_wx67k_117 svg {
  cursor: pointer;
}
._footer_wx67k_112 ._title_wx67k_104 {
  font-weight: 600;
}
._footer_wx67k_112 ._RectangleItem_wx67k_128 {
  width: 32px;
  height: 4px;
  border-radius: 1px;
}
._footer_wx67k_112 ._RectangleItemSecond_wx67k_133 {
  width: 32px;
  height: 4px;
  border-radius: 1px;
}
._footer_wx67k_112 ._RectangleItemFinal_wx67k_138 {
  width: 32px;
  height: 4px;
  border-radius: 1px;
}
._footer_wx67k_112 ._RectangleItemThree_wx67k_143 {
  width: 32px;
  height: 4px;
  border-radius: 1px;
}
._footer_wx67k_112 ._RectangleItemFour_wx67k_148 {
  width: 32px;
  height: 4px;
  border-radius: 1px;
}

._contentGroup_wx67k_154 {
  display: flex;
  flex-direction: row;
}

._contentChart2_wx67k_159 {
  width: calc(100% - 200px);
}

._content2_wx67k_163 {
  width: 200px;
}

._footer2_wx67k_167 {
  flex-direction: column;
}

._stackCell_wx67k_171 {
  width: 30%;
  overflow: hidden;
}

._itemButton_wx67k_176 {
  margin: 0;
  padding: 4px 0;
}

._itemButtonMain_wx67k_181 {
  padding-left: 4px;
}

._titleList_wx67k_185 {
  min-height: 36px;
  padding: 0 4px;
  display: flex;
  align-items: center;
}

._listHeight_wx67k_192 {
  max-height: 170px;
  overflow: auto;
  overflow-x: hidden;
}

._boxNoData_wx67k_198 {
  width: 100%;
  justify-content: center;
  align-content: center;
}

._btnChart_wx67k_204 {
  background-color: #cddada;
  width: 90px;
  color: #004744;
  margin-bottom: -42px;
  margin-left: 140px;
}
._btnChart_wx67k_204:hover {
  background-color: #cddada;
  color: #004744;
}._root_t9165_1 {
  height: 100%;
  width: 100%;
  flex-grow: 1;
}

._btnExcel_t9165_7 {
  background-color: #cddada;
  color: #004744;
}
._btnExcel_t9165_7:hover {
  background-color: #cddada;
  color: #004744;
}._root_1eqly_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._header_1eqly_7 {
  height: 40px;
  width: 100%;
  padding: 10px 17px;
}

._txtHeader_1eqly_13 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
}

._body_1eqly_19 {
  height: 100%;
  width: 100%;
}

._right_body_1eqly_24 {
  width: 15%;
  height: 100%;
}

._left_body_1eqly_29 {
  width: 85%;
  height: 100%;
}

._boxStation_1eqly_34 {
  height: 40px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}

._boxStationActive_1eqly_42 {
  height: 40px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
}

._txtStationName_1eqly_50 {
  font-weight: 600;
  font-size: 12px;
}

._listStation_1eqly_55 {
  height: 90%;
  overflow: auto;
  padding: 0px 20px 10px 15px;
}

._listStation_1eqly_55::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

._listStation_1eqly_55::-webkit-scrollbar-thumb {
  background-color: #dedede;
  height: 80px;
  border-radius: 8px;
}

._left_body_1eqly_29 {
  padding: 20px 15px;
}

._txtDateRange_1eqly_76 {
  font-weight: 600;
  font-size: 14px;
}

._headerTitle_1eqly_81 {
  font-weight: 600;
}

._headerContent_1eqly_85 {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
._headerContent_1eqly_85 p {
  font-size: 14px;
}

._header_left_body_1eqly_94 {
  height: 30px;
}

._chartSection_1eqly_98 {
  min-height: 380px;
  border-radius: 3px;
  padding: 12px 12px 0px 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  height: 100%;
}

._root_1eqly_1 [class~=MuiPaper-root] {
  border: 1px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-top: 5px;
}

._boxSpan_1eqly_113 {
  padding: 10px;
  min-width: 130px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._active_1eqly_121 {
  color: #f15b2a;
}

._titleSpan_1eqly_125 {
  font-size: 13px;
  cursor: pointer;
}
._titleSpan_1eqly_125:hover {
  color: #f15b2a;
}

._loadingIframe_1eqly_133 {
  height: 100%;
  justify-content: center;
  align-items: center;
}._wrapper_164yf_1 ._groupFertigation_164yf_1 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 10px;
}
._wrapper_164yf_1 ._textFertigation_164yf_7 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
._wrapper_164yf_1 ._txtFertigation_164yf_12 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
}
._wrapper_164yf_1 ._groupSelectFertigation_164yf_17 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-bottom: 8px;
}
._wrapper_164yf_1 ._gridContent_164yf_24 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
._wrapper_164yf_1 ._gridContent_164yf_24._customRadio_164yf_31 ._MuiRadioGroup-root_164yf_31 {
  display: "flex";
  width: "100%";
  flex-direction: "row";
  justify-content: "space-between";
}
._wrapper_164yf_1 ._boxGray_164yf_37 {
  border-radius: 4px;
  margin-top: 16px;
}
._wrapper_164yf_1 ._boxGray_164yf_37 ._customInput_164yf_41 input {
  border-radius: 4px;
}._root_6ewln_1 {
  height: 100%;
  flex-grow: 1;
  padding: 0px 0px 24px 0px;
  border-bottom: 1px solid #ededed;
}

._bodyStack_6ewln_8 {
  border-radius: 8px;
}

._bodySelectNone_6ewln_12 {
  user-select: none;
  pointer-events: none;
  opacity: 0.7;
  background-color: #ccd2d6;
  padding: 16px;
}

._customSelect_6ewln_20 {
  margin-top: 0;
  min-width: 90px;
  height: 25px;
  background-color: transparent;
}

._groupCustomSelect_6ewln_27 {
  border-radius: 4px;
}

._customSelectFrom_6ewln_31 {
  margin-top: 0;
  min-width: 80px;
  border-radius: 4px;
  height: 100%;
  margin-right: 4px;
}

._customSelectFromEx_6ewln_39 {
  margin-top: 0;
  max-width: 72px;
  border-radius: 4px;
  height: 100%;
  margin-right: 4px;
}

._customSelectDay_6ewln_47 {
  margin-top: 0;
  width: 90px;
  min-width: unset;
}

._btnAdd_6ewln_53 {
  height: 32px;
  min-width: 103px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
  margin-left: 3px;
}

._sttBox_6ewln_64 {
  width: 37px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

._txtTo_6ewln_76 {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  margin-left: 15px;
  margin-top: 6px;
  margin-bottom: 3px;
  height: 8px;
}

._txtToSelect_6ewln_86 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  margin-top: 4px;
  margin-right: 16px;
  padding: 6px;
}

._txtFromEx_6ewln_96 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  padding: 2px;
  margin-top: 8px;
}

._txtToEx_6ewln_105 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  padding: 2px;
  margin-top: 10px;
}

._groupSwitchActive_6ewln_114 {
  width: 95px;
  height: 40px;
  padding: 13px 16px;
  border-radius: 8px;
}

._box_6ewln_121 {
  border: 2px solid blueviolet;
}

._duration_6ewln_125 {
  font-family: unset;
  margin-top: 15px;
  padding: 10px 0;
  width: 157px;
  background-color: #f1f1f1;
  border-radius: 4px;
}
._duration_6ewln_125 fieldset {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: none;
}
._duration_6ewln_125 fieldset div:first-child {
  padding: 4px 4px;
  color: #181818;
  font-weight: 400;
}
._duration_6ewln_125 fieldset div:last-child {
  margin: 0;
  position: relative;
}
._duration_6ewln_125 fieldset div:last-child button {
  padding: 0px;
  border: none;
  background: none;
  font-size: 22px;
  color: #181818;
  line-height: 0;
}
._duration_6ewln_125 fieldset div:last-child button:first-child {
  margin-bottom: -5px;
}
._duration_6ewln_125 fieldset div:last-child button:last-child {
  margin-bottom: -5px;
  position: absolute;
  left: 0;
  top: 12px;
}

._default_6ewln_168 {
  background-color: #f1f1f1;
  padding: 8px 16px;
  border-radius: 5px;
  width: 117px;
  margin-top: 6px;
}

._title_6ewln_176 {
  font-size: 16px;
  font-weight: 700;
  padding: 4px;
}

._backgroundTrashIcon_6ewln_182 {
  margin-bottom: 50px;
  background-color: rgba(4, 71, 68, 0.08);
  height: 46px;
  width: 40px;
  padding: 8px;
}

._backgroundTrashExclusion_6ewln_190 {
  margin-bottom: 10px;
  height: 40px;
  width: 40px;
  border-radius: 5px;
}

._groupActive_6ewln_197 {
  align-self: flex-start;
  margin-bottom: 5px;
}

._groupTime_6ewln_202 {
  align-self: flex-start;
}

._groupDayMonth_6ewln_206 {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -10px;
}

._groupOddEvenEx_6ewln_214 {
  font-weight: 400;
  font-size: 12px;
  line-height: 13.8px;
}

._boxGlobalEx_6ewln_220 {
  padding: 13px 16px;
  border-radius: 8px;
  margin-bottom: 10px;
}._root_z6lot_1 {
  height: 100vh;
  max-width: 100vw;
  display: flex;
  width: 1380px !important;
}

._content_z6lot_8 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: overlay;
}

._headingContent_z6lot_17 {
  padding: 8px 20px;
  height: 44px;
  border-bottom: 1px solid #d7d7d7;
  align-items: center;
}

._headerTitle_z6lot_24 {
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
}

._body_z6lot_30 {
  height: calc(100vh - 45px);
  min-height: 0;
  min-width: 0;
  overflow: auto;
  width: 1450px;
  align-items: stretch;
}
._body_z6lot_30 > div {
  flex-shrink: 1;
  flex-grow: 1;
}

._rightContent_z6lot_43 {
  width: 60%;
  overflow: auto;
}

._leftContent_z6lot_48 {
  width: 40%;
}

._cancelIcon_z6lot_52 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

._saveIcon_z6lot_60 {
  font-weight: 700;
  color: #004744;
  font-size: 14px;
  line-height: 16px;
  background-color: transparent;
}

._saveButton_z6lot_68 {
  padding: 6px 12px;
  height: 28px !important;
}
._saveButton_z6lot_68 ._hoverTitle_z6lot_72:hover {
  background: rgba(4, 71, 68, 0.2);
}.rc-slider {
  position: relative;
  width: 100%;
  height: 14px;
  padding: 5px 0;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e9e9e9;
  border-radius: 6px;
}
.rc-slider-track,
.rc-slider-tracks {
  position: absolute;
  height: 4px;
  background-color: #abe2fb;
  border-radius: 6px;
}
.rc-slider-track-draggable {
  z-index: 1;
  box-sizing: content-box;
  background-clip: content-box;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  transform: translateY(-5px);
}
.rc-slider-handle {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #96dbfa;
  border-radius: 50%;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 0.8;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
  box-shadow: none;
}
.rc-slider-handle:focus-visible {
  border-color: #2db7f5;
  box-shadow: 0 0 0 3px #96dbfa;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: 50%;
  cursor: pointer;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  background-color: #fff;
  border-color: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  left: 5px;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track-draggable {
  border-top: 0;
  border-bottom: 0;
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  transform: translateX(-5px);
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  z-index: 1;
  margin-top: 0;
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-dot {
  margin-left: -2px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  display: block !important;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform: scale(1, 1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0, 0);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.rc-slider-tooltip {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  min-width: 24px;
  height: 24px;
  padding: 6px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}
._inputWater_fn450_1 {
  min-width: 270.5px;
  width: 270.5px;
  margin-top: 10px;
  border-radius: 8px;
}

._groupAllocated_fn450_8 {
  height: 28px;
  padding: 6px 16px;
  margin-top: 16px;
  border-radius: 8px;
}

._textAllocation_fn450_15 {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}

._inputAllocatedWater_fn450_21 {
  opacity: 1;
  pointer-events: none;
  user-select: none;
  margin-left: 10px;
}._txtFinishedBy_1cd2t_1 {
  font-size: 10px;
  font-weight: 500;
}._customSelect_vrbk3_1 {
  margin-top: 0;
  min-width: 90px;
  height: 25px;
}

._groupCustomSelect_vrbk3_7 {
  border-radius: 4px;
}

._customSelectFrom_vrbk3_11 {
  margin-top: 0;
  min-width: 80px;
  border-radius: 4px;
  height: 100%;
  margin-right: 4px;
}

._customSelectFromEx_vrbk3_19 {
  margin-top: 0;
  max-width: 72px;
  border-radius: 4px;
  height: 100%;
  margin-right: 4px;
}

._customSelectDay_vrbk3_27 {
  margin-top: 0;
  width: 90px;
  min-width: unset;
}

._btnAdd_vrbk3_33 {
  height: 32px;
  min-width: 103px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

._sttBox_vrbk3_42 {
  width: 37px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

._txtTo_vrbk3_54 {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  margin-left: 15px;
  margin-top: 6px;
  margin-bottom: 3px;
  height: 8px;
}

._txtToSelect_vrbk3_64 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  margin-top: 4px;
  margin-right: 16px;
  padding: 6px;
}

._txtFromEx_vrbk3_74 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  padding: 2px;
  margin-top: 8px;
}

._txtToEx_vrbk3_83 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  padding: 2px;
  margin-top: 10px;
}

._groupSwitchActive_vrbk3_92 {
  width: 95px;
  height: 40px;
  padding: 13px 16px;
  border-radius: 8px;
}

._box_vrbk3_99 {
  border: 2px solid blueviolet;
}

._duration_vrbk3_103 {
  font-family: unset;
  margin-top: 15px;
  padding: 10px 0;
  width: 157px;
  background-color: #f1f1f1;
  border-radius: 4px;
}
._duration_vrbk3_103 fieldset {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: none;
}
._duration_vrbk3_103 fieldset div:first-child {
  padding: 4px 4px;
  color: #181818;
  font-weight: 400;
}
._duration_vrbk3_103 fieldset div:last-child {
  margin: 0;
  position: relative;
}
._duration_vrbk3_103 fieldset div:last-child button {
  padding: 0px;
  border: none;
  background: none;
  font-size: 22px;
  color: #181818;
  line-height: 0;
}
._duration_vrbk3_103 fieldset div:last-child button:first-child {
  margin-bottom: -5px;
}
._duration_vrbk3_103 fieldset div:last-child button:last-child {
  margin-bottom: -5px;
  position: absolute;
  left: 0;
  top: 12px;
}

._default_vrbk3_146 {
  background-color: #f1f1f1;
  padding: 8px 16px;
  border-radius: 5px;
  width: 117px;
  margin-top: 6px;
}

._title_vrbk3_154 {
  font-size: 12px;
  font-weight: 700;
  padding: 4px;
}

._backgroundTrashIcon_vrbk3_160 {
  margin-bottom: 50px;
  background-color: rgba(4, 71, 68, 0.08);
  height: 46px;
  width: 40px;
  padding: 8px;
}

._backgroundTrashExclusion_vrbk3_168 {
  margin-bottom: 115px;
  height: 40px;
  width: 40px;
  border-radius: 5px;
}

._groupActive_vrbk3_175 {
  align-self: flex-start;
}

._groupActiveExclusion_vrbk3_179 {
  align-self: flex-start;
  height: 110px;
}

._groupTime_vrbk3_184 {
  align-self: flex-start;
}

._groupDayMonth_vrbk3_188 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding-left: 10px;
  padding-right: 10px;
}

._groupOddEvenEx_vrbk3_195 {
  font-weight: 400;
  font-size: 12px;
  line-height: 13.8px;
}

._bodyStack_vrbk3_201 {
  padding: 15px 10px;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

._boxGlobalEx_vrbk3_208 {
  padding: 13px 16px;
  border-radius: 8px;
  margin-bottom: 10px;
}._root_3c36q_1 {
  min-width: 900px;
  height: fit-content;
  overflow: hidden;
}

._header_3c36q_7 {
  border-bottom: 1px solid #d7d7d7;
  height: 48px;
  min-height: 48px;
  padding: 11px;
  align-self: flex-start;
}

._body_3c36q_15 {
  padding: 26px;
  overflow-y: auto;
}

._txtTableHead_3c36q_20 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%; /* 12px */
}

._headerContainer_3c36q_26 {
  flex-direction: row;
}._root_1avt2_1 {
  height: 100%;
  width: 378px;
  padding: 27px 40px;
}

._txtHeader_1avt2_7 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

._btnConfirm_1avt2_14 {
  background-color: #ff3030;
  color: #fff;
}
._btnConfirm_1avt2_14:hover {
  background-color: #ff3030;
  color: #fff;
}._root_1jvlq_1 {
  width: 401px;
  height: 361px;
  flex-grow: 1;
  padding: 32px;
}

._header_1jvlq_8 {
  padding: 11px;
  border-bottom: 1px solid #d7d7d7;
}

._txtHeader_1jvlq_13 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

._body_1jvlq_20 {
  flex-grow: 1;
  height: 100%;
  margin-top: 24px;
}

._txtContent_1jvlq_26 {
  font-size: 16px;
  font-weight: 400;
  line-height: 14px;
}

._txtDataContent_1jvlq_32 {
  font-size: 16px;
  font-weight: 700;
  line-height: 14px;
  margin-top: 8px;
}

._btnDelete_1jvlq_39 {
  background-color: #ff3030;
  color: #fff;
}
._btnDelete_1jvlq_39:hover {
  background-color: #ff3030;
  color: #fff;
}._root_1gnmp_1 {
  width: 415px;
  height: 100%;
  flex-grow: 1;
}

._header_1gnmp_7 {
  padding: 11px;
  border-bottom: 1px solid #d7d7d7;
}

._txtHeader_1gnmp_12 {
  font-size: 16px;
  font-weight: 500;
  line-height: 18.4px;
}

._body_1gnmp_18 {
  flex-grow: 1;
  height: 100%;
  padding: 12px;
}._root_1avt2_1 {
  height: 100%;
  width: 378px;
  padding: 27px 40px;
}

._txtHeader_1avt2_7 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

._btnConfirm_1avt2_14 {
  background-color: #ff3030;
  color: #fff;
}
._btnConfirm_1avt2_14:hover {
  background-color: #ff3030;
  color: #fff;
}._root_1x35z_1 {
  height: 288px;
  min-width: 595px;
  border-radius: 8px;
}

._header_1x35z_7 {
  height: 40px;
  padding: 10px;
  border-bottom: 1px solid #d7d7d7;
}

._txtErrorHeader_1x35z_13 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
  color: #181818;
}

._body_1x35z_20 {
  padding: 12px;
}

._txtErrorCode_1x35z_24 {
  color: #ff3030;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

._txtInfo_1x35z_31 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #181818;
  margin-top: 8px;
}

._txtContent_1x35z_39 {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #747474;
}._wrapperModal_3iihg_1 {
  width: 100%;
  overflow: auto;
}

._header_3iihg_6 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._headerTitle_3iihg_15 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
}

._body_3iihg_21 {
  flex-direction: column;
  flex-grow: 1;
  padding: 20px;
}

._headerBody_3iihg_27 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 30px;
}
._headerBody_3iihg_27 ._item_3iihg_34 {
  display: flex;
}

._closeIcon_3iihg_38 {
  cursor: pointer;
  color: #999999;
}

._editBtn_3iihg_43 {
  color: #004744;
}

._contentChart_3iihg_47 {
  height: 100%;
  overflow: auto;
}

._content_3iihg_47 {
  padding: 10px 8px 10px 21px;
  min-height: 80%;
  width: 100%;
}

._checkBoxIcon_3iihg_58 {
  background-color: #004744;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

._root_3iihg_71 [class~=MuiPaper-root] {
  border: 1px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-top: 5px;
}

._boxSpan_3iihg_78 {
  padding: 10px;
  min-width: 130px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._active_3iihg_86 {
  color: #f15b2a;
}

._titleSpan_3iihg_90 {
  font-size: 13px;
  cursor: pointer;
}
._titleSpan_3iihg_90:hover {
  color: #f15b2a;
}

._footer_3iihg_98 {
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  padding: 20px;
}
._footer_3iihg_98 ._footerItem_3iihg_104 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._footer_3iihg_98 ._footerItem_3iihg_104 svg {
  cursor: pointer;
}
._footer_3iihg_98 ._title_3iihg_90 {
  font-weight: 600;
  color: #000000;
}
._footer_3iihg_98 ._RectangleItem_3iihg_116 {
  width: 32px;
  height: 4px;
  background: #4264df;
  border-radius: 1px;
}
._footer_3iihg_98 ._RectangleItemSecond_3iihg_122 {
  width: 32px;
  height: 4px;
  background: #41a1e7;
  border-radius: 1px;
}
._footer_3iihg_98 ._RectangleItemFinal_3iihg_128 {
  width: 32px;
  height: 4px;
  background: #2dd6c1;
  border-radius: 1px;
}

._station_3iihg_135 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 361px;
  height: 32px;
  padding: 8px 9px 8px 13px;
  border-radius: 5px;
  background-color: rgba(4, 71, 68, 0.0784313725);
}
._station_3iihg_135 p {
  font-family: Exo;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}

._boxSelect_3iihg_154 {
  margin-top: 4px;
  width: 361px;
  max-height: 310px;
  border-radius: 3px;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
._boxSelect_3iihg_154::-webkit-scrollbar {
  width: 8px;
}
._boxSelect_3iihg_154::-webkit-scrollbar-track {
  background: #fff;
  border-left: 1px solid #d7d7d7;
}
._boxSelect_3iihg_154::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
._boxSelect_3iihg_154::-webkit-scrollbar-thumb:hover {
  background: #555;
}
._boxSelect_3iihg_154 ._headerSelect_3iihg_179 {
  position: sticky;
  top: 0;
  z-index: 2;
}
._boxSelect_3iihg_154 ._headerSelect_3iihg_179 p {
  font-family: Exo;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: right;
}

._disable_3iihg_193 {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}._root_1t5lp_1 {
  height: 100px;
  width: 400px;
  padding: 15px;
}

._txtProgram_1t5lp_7 {
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
}

._btnOK_1t5lp_14 {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px; /* 100% */
  letter-spacing: 0.28px;
}._root_1y2b0_1 {
  height: 100%;
  width: 450px;
  padding: 15px;
}

._txtProgram_1y2b0_7 {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%; /* 16px */
}

._txtProgramSuccess_1y2b0_13 {
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
}

._txtOverlayProgram_1y2b0_19 {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: red;
}._root_1bv51_1 {
  height: 100%;
  width: 378px;
  padding: 30px 40px;
}

._txtHeader_1bv51_7 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

._boxEnable_1bv51_13 {
  background-color: #ebf1f0;
  padding: 9px;
  height: 40px;
  margin-top: 10px;
  border-radius: 8px;
}

._txtEnableCycle_1bv51_21 {
  align-items: center;
  align-content: center;
}._root_1avt2_1 {
  height: 100%;
  width: 378px;
  padding: 27px 40px;
}

._txtHeader_1avt2_7 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 2px;
}

._btnConfirm_1avt2_14 {
  background-color: #ff3030;
  color: #fff;
}
._btnConfirm_1avt2_14:hover {
  background-color: #ff3030;
  color: #fff;
}._valveHead_4iitb_1 {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  width: 377px;
}

._titleHead_4iitb_9 {
  font-size: 14px;
  font-weight: 600;
}

._valveContainer_4iitb_14 {
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

._boxOne_4iitb_20 {
  width: 100%;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
}

._typeSelect_4iitb_27 {
  width: 80%;
}

._groupActive_4iitb_31 {
  background-color: rgb(241, 241, 241);
  border-radius: 8px;
  padding: 6px 0px 6px 10px;
  width: 20%;
  margin-left: 8px;
}

._textActive_4iitb_39 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #5c5c5c;
  padding-bottom: 4px;
}._root_d8ncy_1 {
  min-width: 550px;
  height: 426px;
  overflow: hidden;
}

._header_d8ncy_7 {
  border-bottom: 1px solid #d7d7d7;
  height: 48px;
  min-height: 48px;
  padding: 11px;
  align-self: flex-start;
}

._body_d8ncy_15 {
  padding: 26px;
  overflow-y: auto;
}

._txtTableHead_d8ncy_20 {
  font-size: 12px;
  font-weight: 600;
  line-height: 100%; /* 12px */
}._wrapperModal_1ol52_1 {
  width: 100%;
  min-height: 555px;
}

._header_1ol52_6 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._headerTitle_1ol52_15 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
}

._body_1ol52_21 {
  flex-direction: column;
  flex-grow: 1;
}

._headerBody_1ol52_26 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 24px 37px;
}
._headerBody_1ol52_26 ._item_1ol52_33 {
  display: flex;
  width: 115px;
  margin-right: 60px;
}

._closeIcon_1ol52_39 {
  cursor: pointer;
  color: #999999;
}

._editBtn_1ol52_44 {
  color: #004744;
  width: 120px;
}

._contentChart_1ol52_49 {
  height: 100%;
  padding: 10px 8px 10px 21px;
}

._root_1ol52_54 [class~=MuiPaper-root] {
  border: 1px solid #d7d7d7;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-top: 5px;
}

._boxSpan_1ol52_61 {
  padding: 10px;
  min-width: 140px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._active_1ol52_69 {
  color: #f15b2a;
}

._titleSpan_1ol52_73 {
  font-size: 13px;
  cursor: pointer;
}
._titleSpan_1ol52_73:hover {
  color: #f15b2a;
}

._content_1ol52_49 {
  padding: 10px 8px 10px 21px;
  min-height: 80%;
  width: 100%;
}

._checkBoxIcon_1ol52_87 {
  background-color: #004744;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  width: 16px;
  height: 16px;
  border-radius: 4px;
}

._footer_1ol52_100 {
  flex-direction: row;
  justify-content: center;
  gap: 32px;
  padding: 20px;
}
._footer_1ol52_100 ._footerItem_1ol52_106 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
._footer_1ol52_100 ._footerItem_1ol52_106 svg {
  cursor: pointer;
}
._footer_1ol52_100 ._title_1ol52_73 {
  font-weight: 600;
}
._footer_1ol52_100 ._RectangleItem_1ol52_117 {
  width: 32px;
  height: 4px;
  background: #2c9e9e;
  border-radius: 1px;
}
._footer_1ol52_100 ._RectangleItemSecond_1ol52_123 {
  width: 32px;
  height: 4px;
  background: #41a1e7;
  border-radius: 1px;
}
._footer_1ol52_100 ._RectangleItemFinal_1ol52_129 {
  width: 32px;
  height: 4px;
  background: #9391ea;
  border-radius: 1px;
}._wrapperModal_1nro0_1 {
  width: 100%;
  min-height: 555px;
}

._header_1nro0_6 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._headerTitle_1nro0_15 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
}

._body_1nro0_21 {
  flex-direction: column;
  flex-grow: 1;
}

._headerBody_1nro0_26 {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  padding: 24px 37px;
}
._headerBody_1nro0_26 ._item_1nro0_33 {
  display: flex;
}

._closeIcon_1nro0_37 {
  cursor: pointer;
  color: #999999;
}

._editBtn_1nro0_42 {
  color: #004744;
}

._contentChart_1nro0_46 {
  height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}

._content_1nro0_46 {
  padding: 10px 8px 10px 21px;
  min-height: 80%;
  width: 100%;
}

._wrapper_1nro0_1 {
  min-height: 95%;
  display: grid;
  width: 100%;
  grid-template-columns: 40px 1fr;
}

._unitTitle_1nro0_65 {
  font-weight: 600;
  font-size: 13px;
  color: #5c5c5c;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-90deg);
}

._groupChart_1nro0_75 {
  cursor: pointer;
}._wrapperModal_i5ucu_1 {
  width: 100%;
}

._header_i5ucu_5 {
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 16px;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

._titleWrapper_i5ucu_14 {
  font-weight: 500;
  font-size: 16px;
  justify-content: center;
  line-height: 19px;
}

._content_i5ucu_21 {
  padding: 20px;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}

._headerContent_i5ucu_28 {
  width: 100%;
  flex-direction: row;
  gap: 10px;
}

._headerBox_i5ucu_34 {
  width: 25%;
  padding: 6px 16px;
  height: 50px;
  border-radius: 8px;
}

._tableHeader_i5ucu_41 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

._description_i5ucu_47 {
  font-weight: 500;
  margin-top: 5px;
  font-size: 16px;
}

._headerTitle_i5ucu_53 {
  font-size: 14px;
  font-weight: 600;
  color: #181818;
}

._wrapper_i5ucu_1 {
  flex-direction: column;
  gap: 12px;
}

._tableContainer_i5ucu_64 {
  background-color: white;
  border: 1px solid #d7d7d7;
  border-radius: "3px";
}

._table_i5ucu_41 {
  width: 100%;
}
._table_i5ucu_41 [class~=MuiTableCell-root] {
  border-left: 1px solid rgb(224, 224, 224);
}

._circularProgress_i5ucu_77 {
  min-height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}._root_1dbtg_1 {
  display: flex;
  width: 870px;
  max-height: calc(100% - 64px);
  height: 810px;
  overflow-y: auto; /* Enable vertical scrolling */
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #888 #f1f1f1; /* Firefox */
}

._header_1dbtg_11 {
  height: 60px;
  border-bottom: 1px solid #d7d7d7;
  padding: 10px 15px;
}

._txtGlobalHeader_1dbtg_17 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
  margin-top: 10px;
}

._title_1dbtg_24 {
  font-size: 12px;
  font-weight: 700;
  padding: 4px;
}

._customSelect_1dbtg_30 {
  margin-top: 0;
  min-width: 90px;
  height: 25px;
  background-color: transparent;
}

._groupCustomSelect_1dbtg_37 {
  border-radius: 4px;
}

._customSelectFrom_1dbtg_41 {
  margin-top: 0;
  min-width: 80px;
  border-radius: 4px;
  height: 100%;
  margin-right: 4px;
}

._customSelectFromEx_1dbtg_49 {
  margin-top: 0;
  max-width: 72px;
  border-radius: 4px;
  height: 100%;
  margin-right: 4px;
}

._customSelectDay_1dbtg_57 {
  margin-top: 0;
  width: 90px;
  min-width: unset;
}

._btnAdd_1dbtg_63 {
  height: 32px;
  min-width: 103px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
  margin-left: 3px;
}

._sttBox_1dbtg_74 {
  width: 37px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

._txtTo_1dbtg_86 {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  margin-left: 15px;
  margin-top: 6px;
  margin-bottom: 3px;
  height: 8px;
}

._txtToSelect_1dbtg_96 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  margin-top: 4px;
  margin-right: 16px;
  padding: 6px;
}

._txtFromEx_1dbtg_106 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  padding: 2px;
  margin-top: 8px;
}

._txtToEx_1dbtg_115 {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #5c5c5c;
  padding: 2px;
  margin-top: 10px;
}

._groupSwitchActive_1dbtg_124 {
  width: 95px;
  height: 40px;
  padding: 13px 16px;
  border-radius: 8px;
}

._box_1dbtg_131 {
  border: 2px solid blueviolet;
}

._duration_1dbtg_135 {
  font-family: unset;
  margin-top: 15px;
  padding: 10px 0;
  width: 157px;
  background-color: #f1f1f1;
  border-radius: 4px;
}
._duration_1dbtg_135 fieldset {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: none;
}
._duration_1dbtg_135 fieldset div:first-child {
  padding: 4px 4px;
  color: #181818;
  font-weight: 400;
}
._duration_1dbtg_135 fieldset div:last-child {
  margin: 0;
  position: relative;
}
._duration_1dbtg_135 fieldset div:last-child button {
  padding: 0px;
  border: none;
  background: none;
  font-size: 22px;
  color: #181818;
  line-height: 0;
}
._duration_1dbtg_135 fieldset div:last-child button:first-child {
  margin-bottom: -5px;
}
._duration_1dbtg_135 fieldset div:last-child button:last-child {
  margin-bottom: -5px;
  position: absolute;
  left: 0;
  top: 12px;
}

._default_1dbtg_178 {
  background-color: #f1f1f1;
  padding: 8px 16px;
  border-radius: 5px;
  width: 117px;
  margin-top: 6px;
}

._title_1dbtg_24 {
  font-size: 16px;
  font-weight: 700;
  padding: 4px;
}

._backgroundTrashIcon_1dbtg_192 {
  margin-bottom: 50px;
  background-color: rgba(4, 71, 68, 0.08);
  height: 46px;
  width: 40px;
  padding: 8px;
}

._backgroundTrashExclusion_1dbtg_200 {
  margin-bottom: 115px;
  height: 40px;
  width: 40px;
  border-radius: 5px;
}

._groupActive_1dbtg_207 {
  align-self: flex-start;
}

._groupTime_1dbtg_211 {
  align-self: flex-start;
}

._groupDayMonth_1dbtg_215 {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -10px;
}

._groupOddEvenEx_1dbtg_223 {
  font-weight: 400;
  font-size: 12px;
  line-height: 13.8px;
}._root_27suz_1 {
  height: 100vh;
  max-width: 100vw;
  display: flex;
}

._form_27suz_7 [class~=Mui-disabled] {
  background: #d9d9d9;
  border-radius: 4px;
  color: #5c5c5c;
}
._form_27suz_7 ._images_27suz_12 p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

._default_27suz_18 {
  background-color: #f1f1f1;
  border-radius: 5px;
}

._title_27suz_23 {
  font-size: 12px;
  font-weight: 700;
  color: #5c5c5c;
  padding: 4px;
}

._duration_27suz_30 {
  background-color: unset;
  font-family: unset;
}
._duration_27suz_30 fieldset {
  padding: 0;
  border: none;
}
._duration_27suz_30 fieldset div:first-child {
  padding: 4px 4px;
  color: #747474;
  font-weight: 300;
}
._duration_27suz_30 fieldset div:last-child {
  margin: 0;
}
._duration_27suz_30 fieldset div:last-child button {
  padding: 0;
  border: none;
  background: none;
  font-size: 18px;
  color: #7c7b7b;
  line-height: 0;
}
._duration_27suz_30 fieldset div:last-child button:first-child {
  margin-bottom: -5px;
}

._groupError_27suz_58 {
  height: 48px;
  padding: 12px;
  border-radius: 5px;
  background-color: #fff2f2;
}

._txtErrors_27suz_65 {
  color: #ff3030;
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.02em;
}

._nameImage_27suz_73 {
  width: 50%;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}._root_17f0i_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._contentWrapper_17f0i_7 {
  flex-grow: 1;
}

._inputSearch_17f0i_11 {
  width: 248px;
}

._containerRootView_17f0i_15 {
  display: grid;
  margin-top: 16px;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding-right: 8px;
}
@media (min-width: 950px) and (max-width: 1130px) {
  ._containerRootView_17f0i_15 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_17f0i_15 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_17f0i_15 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxStation_17f0i_41 {
  width: 278px;
  height: 318px;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._groupStationName_17f0i_49 {
  padding: 16px;
  height: 15%;
}

._txtStationName_17f0i_54 {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  cursor: pointer;
}

._groupID_17f0i_61 {
  height: 30px;
  width: 55px;
  border-radius: 100px;
  background: #bbbbbb;
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtStationID_17f0i_73 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 600;
  line-height: 115%; /* 13.8px */
}

._groupInfoStation_17f0i_80 {
  padding: 12px;
  height: 75%;
}

._groupIcon_17f0i_85 {
  width: 30px;
  display: flex;
  padding: 4px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 100px;
  background: #f1f1f1;
}

._txtPlant_17f0i_96 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
}

._txtAction_17f0i_104 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
  margin-left: 5px;
}

._boxPlant_17f0i_113 {
  height: 70px;
}

._boxEmitter_17f0i_117 {
  padding: 16px 0px 4px 0px;
}

._txtData_17f0i_121 {
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  justify-content: end;
  display: flex;
  width: 130px;
}

._groupError_17f0i_130 {
  background: #fff2f2;
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  height: 10%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._groupStationOn_17f0i_142 {
  background: #ebf1f0;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  height: 10%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._groupStationOff_17f0i_152 {
  background: #bbbbbb;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  height: 10%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._txtErrorName_17f0i_162 {
  color: #ff3030;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
}

._txtStationOn_17f0i_170 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}

._txtStationOff_17f0i_177 {
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}

._groupSelectAll_17f0i_185 {
  background: #ebedec;
  border-radius: 5px;
  height: 32px;
  margin-top: 20px;
  display: inline-flex;
  padding: 8px;
  align-items: center;
  gap: 6px;
  width: 200px;
}

._txtSelectAll_17f0i_197 {
  color: #181818;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}._root_enq80_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._contentWrapper_enq80_7 {
  flex-grow: 1;
  height: 100%;
}

._containerRootView_enq80_12 {
  margin-top: 3px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding-right: 8px;
}
@media (max-width: 955px) {
  ._containerRootView_enq80_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_enq80_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_enq80_12 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxStation_enq80_38 {
  width: 278px;
  height: 328px;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._groupStationName_enq80_46 {
  padding: 16px;
  height: 14%;
}

._txtStationName_enq80_51 {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
}

._groupID_enq80_57 {
  height: 25px;
  width: 55px;
  border-radius: 100px;
  background: #bbbbbb;
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtStationID_enq80_69 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 600;
  line-height: 115%; /* 13.8px */
}

._groupInfoStation_enq80_76 {
  padding: 12px;
  height: 76%;
}

._groupIcon_enq80_81 {
  width: 30px;
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #f1f1f1;
  height: 75%;
}

._txtPipe_enq80_92 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
}

._boxPlant_enq80_100 {
  padding: 13px 0px;
  height: 60px;
}

._boxEmitter_enq80_105 {
  padding: 13px 0px 4px 0px;
}

._txtData_enq80_109 {
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  display: flex;
}

._groupError_enq80_116 {
  background: #fff2f2;
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOn_enq80_128 {
  background: #ebf1f0;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOff_enq80_138 {
  background: #bbbbbb;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._txtErrorName_enq80_148 {
  color: #ff3030;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
}

._txtStationOn_enq80_156 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}

._txtStationOff_enq80_163 {
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}

._groupSelectAll_enq80_171 {
  background: #ebedec;
  border-radius: 5px;
  height: 32px;
  display: inline-flex;
  padding: 8px;
  align-items: center;
  gap: 6px;
  width: 200px;
}

._txtSelectAll_enq80_182 {
  color: #181818;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}

._btnApply_enq80_189 {
  border-radius: 4px;
  width: 183px;
  height: 28px;
}._root_1f65x_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._contentWrapper_1f65x_7 {
  flex-grow: 1;
  height: 100%;
}

._containerRootView_1f65x_12 {
  display: grid;
  margin-top: 16px;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding-right: 8px;
}
@media (max-width: 955px) {
  ._containerRootView_1f65x_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 821px) and (max-width: 1376px) {
  ._containerRootView_1f65x_12 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) and (max-width: 1670px) {
  ._containerRootView_1f65x_12 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

._boxStation_1f65x_38 {
  width: 278px;
  height: 297px;
  flex-shrink: 0;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._groupStationName_1f65x_46 {
  padding: 11px;
  height: 12%;
}

._txtStationName_1f65x_51 {
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
  cursor: pointer;
}

._groupID_1f65x_58 {
  height: 25px;
  width: 55px;
  border-radius: 100px;
  background: #bbbbbb;
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtStationID_1f65x_70 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 600;
  line-height: 115%; /* 13.8px */
}

._groupInfoStation_1f65x_77 {
  padding: 12px;
  height: 85%;
}

._groupIcon_1f65x_82 {
  width: 30px;
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #f1f1f1;
}

._txtPipe_1f65x_92 {
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
}

._boxPlant_1f65x_100 {
  padding: 13px 0px;
  height: 50px;
}

._boxEmitter_1f65x_105 {
  padding: 13px 0px 4px 0px;
}

._txtData_1f65x_109 {
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  display: flex;
}

._groupError_1f65x_116 {
  background: #fff2f2;
  display: flex;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOn_1f65x_128 {
  background: #ebf1f0;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._groupStationOff_1f65x_138 {
  background: #bbbbbb;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 10%;
}

._txtErrorName_1f65x_148 {
  color: #ff3030;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
}

._txtStationOn_1f65x_156 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}

._txtStationOff_1f65x_163 {
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}._root_7siam_1 {
  flex-grow: 1;
  height: 100%;
  margin-top: 15px;
}

._contentWrapper_7siam_7 {
  flex-grow: 1;
}

._inputSearch_7siam_11 {
  width: 248px;
}

._containerRootView_7siam_15 {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  overflow-y: auto;
  height: calc(100vh - 120px);
  padding-right: 25px;
}

._boxStation_7siam_25 {
  width: 278px;
  height: 298px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 0.7px solid #d7d7d7;
  background: #fff;
  /* Light/Drop Shadows Z100 */
  box-shadow: 0px 0px 10px 0px rgba(132, 132, 132, 0.15);
}

._groupStationName_7siam_36 {
  border-bottom: 1px solid #d7d7d7;
  padding: 16px;
}

._txtStationName_7siam_41 {
  color: #004744;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%; /* 14px */
}

._groupID_7siam_48 {
  height: 100%;
  width: 55px;
  border-radius: 100px;
  background: #f1f1f1;
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

._txtStationID_7siam_60 {
  color: #5c5c5c;
  font-size: 12px;
  font-weight: 600;
  line-height: 115%; /* 13.8px */
}

._groupInfoStation_7siam_67 {
  padding: 12px;
}

._groupIcon_7siam_71 {
  width: 30px;
  display: flex;
  padding: 4px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #f1f1f1;
}

._txtPlant_7siam_81 {
  color: #747474;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  align-items: center;
  display: flex;
}

._boxPlant_7siam_90 {
  padding: 16px 0px;
  border-bottom: 1px solid #ededed;
}

._boxEmitter_7siam_95 {
  padding: 16px 0px 4px 0px;
}

._txtData_7siam_99 {
  color: #181818;
  font-size: 13px;
  font-weight: 600;
  align-items: center;
  display: flex;
}

._groupError_7siam_107 {
  background: #fff2f2;
  display: flex;
  height: 41px;
  padding: 10px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._groupStationOn_7siam_119 {
  background: rgba(4, 71, 68, 0.08);
  height: 41px;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._groupStationOff_7siam_129 {
  background: #efefef;
  height: 41px;
  padding: 10px 16px;
  justify-content: center;
  display: flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

._txtErrorName_7siam_139 {
  color: #ff3030;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px; /* 116.667% */
}

._txtStationOn_7siam_147 {
  color: #004744;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
}

._txtStationOff_7siam_154 {
  color: #8a8a8a;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px; /* 116.667% */
  letter-spacing: 0.24px;
}

._groupSelectAll_7siam_162 {
  background: #ebedec;
  border-radius: 5px;
  height: 32px;
  display: inline-flex;
  padding: 8px;
  align-items: center;
  gap: 6px;
  width: 200px;
}

._txtSelectAll_7siam_173 {
  color: #181818;
  font-size: 12px;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}

._btnApply_7siam_180 {
  border-radius: 4px;
  background: rgba(0, 71, 68, 0.8);
  width: 183px;
  height: 28px;
}._root_9qcxx_1 {
  height: 100vh;
  width: 100%;
  display: flex;
}

._groupHeader_9qcxx_7 {
  background-color: rgba(123, 123, 123, 0.05);
  height: 55px;
  border-bottom: 1px solid #d7d7d7;
}

._closeIconGroup_9qcxx_13 {
  margin-left: 20px;
  justify-content: center;
  align-items: center;
}

._groupLayoutHeader_9qcxx_19 {
  align-items: center;
  padding: 9px;
  justify-content: center;
  flex-grow: 1;
}

._tabBasicView_9qcxx_26 {
  padding: 0px 16px;
  height: 100%;
  flex-grow: 1;
}

._tabFlowView_9qcxx_32 {
  padding: 0px 16px;
  height: 100%;
  flex-grow: 1;
}

._tabIrrigationView_9qcxx_38 {
  padding: 0px 16px;
  height: 100%;
  flex-grow: 1;
}._root_h7abs_1 {
  flex-grow: 1;
  height: 100%;
  min-width: 450px;
  padding: 34px 32px;
}

._headerSidebar_h7abs_8 {
  justify-content: space-between;
  margin-bottom: 22px;
}
._headerSidebar_h7abs_8 ._txtWater_h7abs_12 {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}

._body_h7abs_20 {
  flex-grow: 1;
  height: 100%;
}
._body_h7abs_20 ._txtWaterSize_h7abs_24 {
  font-weight: 700;
}

._btnCancel_h7abs_28 {
  min-width: 85px;
  padding: 6px 20px;
}

._btnSave_h7abs_33 {
  min-width: 85px;
  padding: 6px 20px;
}

._btnDelete_h7abs_38 {
  color: #EC221F;
  background-color: #FCB3AD;
  border: 1px solid #EC221F;
  border-radius: 5px;
}
._btnDelete_h7abs_38:hover {
  background-color: #EC221F;
  color: #FFF;
}

._textError_h7abs_49 {
  color: #FF3030;
  font-size: 12px;
}._root_h0o56_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  pointer-events: none;
  user-select: none;
}

._boxExclusion_h0o56_9 {
  height: 55px;
  width: 277px;
  border-radius: 8px;
  background-color: #f1f1f1;
  padding: 10px 15px 15px 15px;
}

._txtWateringDays_h0o56_17 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #5c5c5c;
}

._txtDays_h0o56_24 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
  margin-top: 3px;
}._root_17d8k_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  pointer-events: none;
  user-select: none;
}

._boxRunTime_17d8k_9 {
  height: 55px;
  width: 277px;
  border-radius: 8px;
  background-color: #f1f1f1;
  padding: 10px 15px 15px 15px;
}

._txtWateringDays_17d8k_17 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #5c5c5c;
}

._txtDays_17d8k_24 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
  margin-top: 3px;
}._root_1d9pj_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._boxStation_1d9pj_7 {
  height: 55px;
  width: 277px;
  border-radius: 8px;
  background-color: #f1f1f1;
  padding: 10px 15px 15px 15px;
}

._txtWateringDays_1d9pj_15 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #5c5c5c;
}

._txtDays_1d9pj_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
  margin-top: 3px;
}

._boxBtnFetch_1d9pj_29 {
  margin-bottom: 15px;
  align-items: start;
}

._btnFetch_1d9pj_34 {
  width: 100%;
  height: 40px;
  background-color: transparent;
}
._btnFetch_1d9pj_34:hover {
  background: transparent;
}

._inlineET_1d9pj_43 {
  display: flex;
  align-items: center;
  height: 40px;
}

._txtETHead_1d9pj_49 {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #5c5c5c;
}

._waitCompletion_1d9pj_56 th {
  border-bottom: 1px solid #004744;
}
._waitCompletion_1d9pj_56 th:nth-child(2) {
  position: relative;
}
._waitCompletion_1d9pj_56 th:nth-child(2)::after {
  content: "Break";
  position: absolute;
  left: 0;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 15px;
  border: 1px solid #004744;
  bottom: -12px;
  left: 50%;
}._root_9wbs5_1 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  pointer-events: none;
  user-select: none;
}

._boxWatering_9wbs5_9 {
  height: 55px;
  width: 277px;
  border-radius: 8px;
  padding: 10px 15px 15px 15px;
}

._txtWateringDays_9wbs5_16 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
}

._txtDays_9wbs5_22 {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.4px;
  margin-top: 3px;
}._root_1rwti_1 {
  height: 100%;
  max-width: 100vw;
  flex-grow: 1;
  width: 1260px !important;
}

._body_1rwti_8 {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}

._headingContent_1rwti_14 {
  padding: 8px 20px;
  height: 44px;
  border-bottom: 1px solid #d7d7d7;
  align-items: center;
}

._cancelIcon_1rwti_21 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

._headerTitle_1rwti_29 {
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
}

._boxContainer_1rwti_35 {
  pointer-events: none;
  user-select: none;
  padding: 16px;
  border-top: unset;
}

._groupFertigation_1rwti_42 {
  height: 48px;
  background-color: rgba(123, 123, 123, 0.05);
  padding: 16px;
  margin-top: 15px;
}

._stateBox_1rwti_49 {
  width: 90px;
  height: 32px;
  background-color: #f1f1f1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
}

._btnStop_1rwti_58 {
  background-color: #ff3030;
  color: #fff;
  width: 140px;
}
._btnStop_1rwti_58:hover {
  background-color: #ff3030 !important;
  color: #fff;
}

._btnPlay_1rwti_68 {
  background-color: #004744;
  color: #fff;
  width: 140px;
}
._btnPlay_1rwti_68:hover {
  background-color: #004744 !important;
  color: #fff;
}

._groupHeader_1rwti_78 {
  background-color: rgba(123, 123, 123, 0.05);
  height: 48px;
  align-items: center;
  padding: 0px 30px 0px 25px;
}

._txtProgramDetail_1rwti_85 {
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

._groupEnabled_1rwti_91 {
  height: 50px;
  border-radius: 8px;
  padding: 6px 12px;
}

._texEnabled_1rwti_97 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 4px;
}

._inputEva_1rwti_104 {
  min-width: 350px;
  margin-top: 0px;
  border-radius: 8px;
}

._groupSoilContainer_1rwti_110 {
  background-color: rgba(123, 123, 123, 0.05);
  width: 100%;
  height: 78px;
  border: 1px solid #d7d7d7;
  padding: 4px;
}

._groupSoilMoisture_1rwti_118 {
  height: 70px;
  width: 98%;
}

._txtSoilTrigger_1rwti_123 {
  margin-left: 10px;
  color: #8a8a8a;
  font-weight: 700;
  font-size: 12px;
  margin-top: 4px;
}

._sliderSoil_1rwti_131 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  margin-top: 3px;
}

._inputWater_1rwti_139 {
  min-width: 350.5px;
  width: 350.5px;
  margin-top: 10px;
  border-radius: 8px;
}

._groupAllocated_1rwti_146 {
  background-color: #efefef;
  height: 28px;
  padding: 6px 16px;
  margin-top: 16px;
  border-radius: 8px;
}

._textAllocation_1rwti_154 {
  color: #181818;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}

._inputAllocatedWater_1rwti_161 {
  opacity: 1;
  pointer-events: none;
  user-select: none;
}

._txtFertigation_1rwti_167 {
  font-size: 16px;
  font-weight: 500;
  line-height: 18.4px;
}

._groupFooter_1rwti_173 {
  margin-top: 20px;
  flex-grow: 1;
}

._groupBodyFooter_1rwti_178 {
  height: 45px;
  padding: 0px 20px 0px 20px;
}

._tabPanelWater_1rwti_183 {
  padding: 20px !important;
  flex-grow: 1;
  height: 100%;
}

._boxNoData_1rwti_189 {
  width: 100%;
  height: 130px;
}

._tabNoData_1rwti_194 {
  width: 100%;
  height: 270px;
}

._stateBoxLoading_1rwti_199 {
  width: 120px;
  background-color: #004744;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  height: 30px;
}

._txtStatus_1rwti_208 {
  color: #000;
}

._txtCycleSoak_1rwti_212 {
  font-size: 16px;
  font-weight: 700;
}._sidebar_r1gqo_1 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 50;
  background: var(--color-bg-sidebar, rgba(24, 28, 36, 0.92));
  backdrop-filter: blur(10px);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: 100%;
  overflow: visible;
}
._sidebar_r1gqo_1._expanded_r1gqo_17 {
  width: 250px;
  min-width: 250px;
}
._sidebar_r1gqo_1._collapsed_r1gqo_21 {
  width: 0px;
  min-width: 0px;
  border-left: none;
  background: transparent;
  backdrop-filter: none;
}

._toggleBtn_r1gqo_29 {
  position: absolute;
  top: 60px;
  left: -32px;
  width: 32px;
  min-height: 48px;
  height: auto;
  max-height: calc(100vh - 120px);
  border-radius: 8px 0 0 8px;
  background: var(--color-bg-sidebar, rgba(24, 28, 36, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-right: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-primary, #4ade80);
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
  z-index: 10;
  padding: 0;
  outline: none;
}
._toggleBtn_r1gqo_29:hover {
  background: rgba(74, 222, 128, 0.15);
  width: 38px;
  left: -38px;
}
._toggleBtn_r1gqo_29 svg {
  font-size: 16px !important;
}

._collapsedContentWrapper_r1gqo_61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
  padding: 12px 0;
  color: var(--color-primary, #4ade80);
}

._collapsedName_r1gqo_72 {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  color: var(--color-primary, #4ade80) !important;
  opacity: 0.8;
}

._collapsedContent_r1gqo_61 {
  display: none;
}

._expandedContent_r1gqo_89 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

._sidebarHeader_r1gqo_96 {
  padding: 10px 12px 6px;
  flex-shrink: 0;
}

._headerTitle_r1gqo_101 {
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.5) !important;
  white-space: nowrap;
}

._dashboardList_r1gqo_110 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 0;
}
._dashboardList_r1gqo_110::-webkit-scrollbar {
  width: 4px;
}
._dashboardList_r1gqo_110::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
}

._dashboardItem_r1gqo_125 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px 6px 12px;
  cursor: pointer;
  gap: 4px;
  transition: background 0.15s;
  border-left: 2px solid transparent;
  min-height: 34px;
  flex-shrink: 0;
}
._dashboardItem_r1gqo_125:hover {
  background: rgba(255, 255, 255, 0.06);
}
._dashboardItem_r1gqo_125:hover ._editBtn_r1gqo_140 {
  opacity: 1;
}
._dashboardItem_r1gqo_125._active_r1gqo_143 {
  background: rgba(74, 222, 128, 0.1);
  border-left-color: var(--color-primary, #4ade80);
}
._dashboardItem_r1gqo_125._active_r1gqo_143 ._dashboardName_r1gqo_147 {
  color: var(--color-primary, #4ade80) !important;
  font-weight: 600 !important;
}

._dashboardName_r1gqo_147 {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.75) !important;
  transition: color 0.15s;
}

._editBtn_r1gqo_140 {
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.15s;
  color: rgba(255, 255, 255, 0.5) !important;
  padding: 2px !important;
  width: 22px !important;
  height: 22px !important;
}
._editBtn_r1gqo_140:hover {
  background: rgba(74, 222, 128, 0.15) !important;
  color: var(--color-primary, #4ade80) !important;
}.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top, width, height;
}
.react-grid-item img {
  pointer-events: none;
  user-select: none;
}
.react-grid-item.cssTransforms {
  transition-property: transform, width, height;
}
.react-grid-item.resizing {
  transition: none;
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item.react-grid-placeholder.placeholder-resizing {
  transition: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}.DynamicDashboard .react-resizable-handle-se {
  position: absolute;
  right: 2px;
  bottom: 2px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  z-index: 9999999;
  background-image: none;
  background: transparent;
}
.DynamicDashboard .react-resizable-handle-se::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 22px;
  height: 22px;
  border-right: 6px solid rgba(135, 135, 135, 0.9);
  border-bottom: 6px solid rgba(135, 135, 135, 0.9);
  border-radius: 0 0 10px 0;
}
.DynamicDashboard.is-dragging iframe {
  pointer-events: none;
}
.DynamicDashboard.is-dragging .react-grid-item > div {
  pointer-events: none;
}
.DynamicDashboard.is-dragging .react-grid-item .react-resizable-handle {
  pointer-events: auto;
}
.DynamicDashboard.is-dragging .react-grid-item .drag-handle {
  pointer-events: auto;
}
.DynamicDashboard .react-grid-item.react-grid-placeholder {
  background: rgba(102, 126, 234, 0.15);
  border: 2px dashed rgba(102, 126, 234, 0.5);
  border-radius: 8px;
  z-index: 99999 !important;
}
.DynamicDashboard .react-grid-item.resizing {
  z-index: 99999 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.DynamicDashboard .react-grid-item.react-draggable-dragging {
  z-index: 99999 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}._trendWidget_107pv_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-row: span 2;
  grid-column: span 2;
  position: relative; /* establish stacking context */
  border-radius: 16px;
  border: 0;
  overflow: hidden;
  height: 100%;
}
._trendWidget_107pv_1 ._boxTitle_107pv_13 {
  font-weight: 600;
  font-size: 24px;
  color: white;
}
._trendWidget_107pv_1 ._boxTitle_107pv_13 ._name_107pv_18 {
  font-size: 24px;
  font-weight: 500;
  color: white;
}
._trendWidget_107pv_1 ._boxTitle_107pv_13 ._subName_107pv_23 {
  font-style: italic;
  color: white;
}._trendWidget_107pv_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-row: span 2;
  grid-column: span 2;
  position: relative; /* establish stacking context */
  border-radius: 16px;
  border: 0;
  overflow: hidden;
  height: 100%;
}
._trendWidget_107pv_1 ._boxTitle_107pv_13 {
  font-weight: 600;
  font-size: 24px;
  color: white;
}
._trendWidget_107pv_1 ._boxTitle_107pv_13 ._name_107pv_18 {
  font-size: 24px;
  font-weight: 500;
  color: white;
}
._trendWidget_107pv_1 ._boxTitle_107pv_13 ._subName_107pv_23 {
  font-style: italic;
  color: white;
}._boxDoubleRow_12rd5_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-row: span 2;
  grid-column: span 2;
}
._boxDoubleRow_12rd5_1._glassCard_12rd5_8 {
  position: relative; /* establish stacking context */
  background-color: rgba(100, 100, 100, 0.45);
  border-radius: 16px;
  border: 0;
  overflow: hidden;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

._closeButton_12rd5_18 {
  background: transparent;
  position: absolute;
  z-index: 999;
  border-radius: 10px;
  display: flex;
  right: 30px;
  top: 10px;
  padding: 5px;
  justify-content: center;
}

._settingButton_12rd5_30 {
  background: transparent;
  position: absolute;
  z-index: 999;
  border-radius: 10px;
  display: flex;
  right: 10px;
  top: 10px;
  padding: 5px;
  justify-content: center;
}

._dragDandle_12rd5_42 {
  height: 24;
  width: 24;
  z-index: 1000;
  position: absolute;
  top: 4;
  left: 4;
  cursor: grab;
}
._dragDandle_12rd5_42:active {
  cursor: grabbing;
}
._dragDandle_12rd5_42._drag-handle_12rd5_54 {
  pointer-events: auto;
}._wrapper_dkmfz_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}
._wrapper_dkmfz_1 ._widgetRender_dkmfz_6 {
  padding: 10px;
  height: 100%;
}

._widgetOverlay_dkmfz_11 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}._wrapper_y6v57_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
  position: relative;
}
._wrapper_y6v57_1 ._content_y6v57_7 {
  flex-grow: 1;
}

._tableTh_y6v57_11 {
  padding-left: 33px;
}._boxTimeWindow_1q90u_1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
}
._boxTimeWindow_1q90u_1 ._textTimeWindow_1q90u_7 {
  display: flex;
}._wrapper_8080a_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}

._widgetsOverView_8080a_7 {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
._widgetsOverView_8080a_7 ._widgetsOverViewName_8080a_17 {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._widgetsOverView_8080a_7 ._widgetsOverViewImage_8080a_25 {
  border-radius: 4px;
  height: 150px;
  object-fit: contain;
}._wrapper_won4w_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}
._wrapper_won4w_1 ._content_won4w_6 {
  flex-grow: 1;
}
._wrapper_won4w_1 ._widgetRender_won4w_9 {
  padding: 10px;
  height: 100%;
}._wrapper_gaze8_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
}
._wrapper_gaze8_1 ._content_gaze8_6 {
  flex-grow: 1;
}._wrapper_cq7du_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
  position: relative;
}
._wrapper_cq7du_1 ._content_cq7du_7 {
  flex-grow: 1;
}._wrapper_cq7du_1 {
  overflow: hidden;
  flex-grow: 1;
  height: 100%;
  position: relative;
}
._wrapper_cq7du_1 ._content_cq7du_7 {
  flex-grow: 1;
}._wrapper_1xlm3_1 {
  overflow: hidden;
  flex-grow: 1;
}

._content_1xlm3_6 {
  flex-grow: 1;
}

._btnActive_1xlm3_10 {
  background: #004744;
  color: #fff;
}
._btnActive_1xlm3_10:hover {
  background: #004744;
  color: #fff;
}

._btnExport_1xlm3_19 {
  border-radius: 5px;
  background: rgba(4, 71, 68, 0.2);
  height: 32px;
  display: flex;
  gap: 8px;
  color: #004744;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%; /* 13.8px */
}
._btnExport_1xlm3_19:hover {
  background-color: rgba(4, 71, 68, 0.2);
}

._txtContent_1xlm3_35 {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
  text-decoration-line: underline;
}

._txtContentError_1xlm3_42 {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
}

._txtError_1xlm3_48 {
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
}

._txtTankLevel_1xlm3_54 {
  font-size: 12px;
  font-weight: 500;
  line-height: 100%; /* 12px */
}