body {
  font-family: "Sharp Sans", sans-serif !important;
  background-color: #fff !important;
}
body .text-color-white {
  color: #fff;
}
body .badge-custom {
  padding: 0.45em 0.8em;
  font-size: 0.8em;
  font-weight: 500;
}
body .bg-orange-color {
  background-color: #f79421;
}
body .bg-primary-custom {
  background-color: rgba(29, 40, 89, 0.75);
}
body .border-primary-custom {
  border-color: rgba(29, 40, 89, 0.75);
}
body .custom-btn-primary {
  background-color: rgba(29, 40, 89, 0.75);
  border-color: rgba(29, 40, 89, 0.75);
}
body .custom-btn-primary-1 {
  background-color: rgba(29, 40, 89, 0.2);
  border-color: rgba(29, 40, 89, 0.75);
}
body .custom-btn-primary-white {
  background-color: #fff;
  border-color: rgba(29, 40, 89, 0.75);
}
body .custom-btn-primary:hover {
  background-color: rgba(29, 40, 89, 0.7);
  border-color: rgba(29, 40, 89, 0.7);
  color: #fff;
}
body .custom-btn {
  width: 100%;
  font-size: 1rem;
  color: #fff;
  padding: 17px 32px;
}
body .custom-form-control {
  padding: 12px 16px;
}
body .custom-form-control:hover {
  border: 1px solid rgba(29, 40, 89, 0.75);
}
body .custom-form-control:focus {
  color: #425054;
  background-color: #fff;
  border-color: rgba(29, 40, 89, 0.75);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(29, 40, 89, 0.75);
}
body form span.error {
  font-size: 12px;
  color: #f00;
}
body .custom-topnav-navbar-dark {
  background-color: #fff;
}
body .home-page .content .card-body .main-title {
  font-weight: 500;
}
body .home-page .content .card-body .sub-title {
  font-weight: 400;
  text-transform: none;
  font-size: 1.125rem;
}
body .home-page .content .card-body .measure-content {
  display: flex;
  margin-top: 51px;
}
body .home-page .content .card-body .measure-content .measure-icon {
  margin-right: 39px;
  background-color: #fafbfe;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  box-shadow: 0 2px 10px rgba(29, 40, 89, 0.75);
}
body .home-page .content .card-body .measure-content .measure-icon .dripicons-device-tablet {
  font-size: 43px;
  color: rgba(29, 40, 89, 0.75);
  margin: 0px auto;
  padding-bottom: 5px;
}
body .home-page .content .card-body .measure-content .measure-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .home-page .content .card-body .btn {
  float: right;
  color: #fff;
  box-shadow: 0 2px 10px rgba(29, 40, 89, 0.75);
}
body .new-measure-page .content .measurement-title h2 {
  font-weight: 500;
}
body .new-measure-page .content .measurement-title h4 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
body .new-measure-page .content .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
}
body .new-measure-page .content .card .card-body .measure-content .measure-detail {
  display: flex;
}
body .new-measure-page .content .card .card-body .measure-content .measure-detail .period-start {
  flex: 0.6;
}
body .new-measure-page .content .card .card-body .measure-content .btn {
  float: right;
  color: #fff;
  box-shadow: 0 2px 10px rgba(29, 40, 89, 0.75);
}
body .new-measure-page .content .card .card-body .legend {
  position: relative;
}
body .new-measure-page .content .card .card-body .legend p {
  position: absolute;
  top: -45px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  left: -4px;
}
body .measure-period .content .measurement-title h2 {
  font-weight: 500;
}
body .measure-period .content .measurement-title h4 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
body .measure-period .content .measurement-title .right-btn {
  text-align: right;
}
body .measure-period .content .measurement-title .right-btn .btn {
  color: #fff;
}
body .measure-period .content .measurement-title .read-more {
  color: rgba(29, 40, 89, 0.75);
  font-weight: 500;
}
body .measure-period .content .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
}
body .measure-period .content .card .card-body .legend {
  position: relative;
}
body .measure-period .content .card .card-body .legend p {
  position: absolute;
  top: -10px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  left: 11px;
}
body .measure-period .content .card .card-body .tab-content .table tbody tr:first-child {
  border-top: unset !important;
}
body .measure-period .content .card .card-body .tab-content .table tr {
  border-top: 1px solid #e4e7ef;
}
body .measure-period .content .card .card-body .tab-content .table tr td {
  padding-top: 41px;
  padding-bottom: 35px;
  border-bottom: unset;
}
body .measure-period .content .card .card-body .tab-content .table tr .first-td p {
  font-size: 1rem;
  color: #2a3336;
  font-weight: 500;
}
body .measure-period .content .card .card-body .tab-content .table tr .first-td span {
  font-size: 0.665rem;
  color: #2b383c;
  font-weight: 600;
}
body .measure-period .content .card .card-body .tab-content .table tr .second-td {
  text-align: center;
  position: relative;
}
body .measure-period .content .card .card-body .tab-content .table tr .second-td span {
  position: absolute;
  top: 15px;
  background-color: #f79421;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .measure-period .content .card .card-body .tab-content .table tr .second-td span img {
  margin: 0 auto;
}
body .measure-period .content .card .card-body .tab-content .table tr .second-td .btn {
  color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 4px 10px rgba(29, 40, 89, 0.7);
  font-weight: 600;
}
body .measure-period .content .card .card-body .tab-content .table tr .second-td .confirm-btn {
  font-weight: 500;
}
body .measure-period .content .card .card-body .tab-content .table tr .third-td {
  text-align: center;
  position: relative;
}
body .measure-period .content .card .card-body .tab-content .table tr .third-td span {
  position: absolute;
  top: 15px;
  background-color: #f79421;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body .measure-period .content .card .card-body .tab-content .table tr .third-td span img {
  margin: 0 auto;
}
body .measure-period .content .card .card-body .tab-content .table tr .third-td .btn {
  color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 4px 10px rgba(29, 40, 89, 0.7);
  font-weight: 600;
}
body .measure-period .content .card .card-body .tab-content .table tr .third-td p {
  font-size: 11px;
  font-weight: 600;
  color: #f7685b;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14px;
}
body .measure-period .content .card .card-body .tab-content .table tr .third-td h6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
body .measure-period .content .card .card-body .tab-content .table tr .fourth-td .btn {
  box-shadow: 0 4px 10px rgba(29, 40, 89, 0.7);
  font-weight: 600;
}
body .measure-period .content .card .card-body .tab-content .table tr .fourth-td h6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
body .measure-period .content .card .card-body .tab-content .table tr .last-column {
  background: #f6f7fa;
  padding: 14px 8px 14px 8px;
}
body .measure-period .content .card .card-body .tab-content .table tr .last-column p {
  color: #2a3336;
  font-weight: 700;
  font-size: 0.9rem;
  position: relative;
}
body .measure-period .content .card .card-body .tab-content .table tr .last-column p .co-2 {
  font-size: 0.675rem;
  font-weight: 500;
}
body .measure-period .content .card .card-body .tab-content .table tr .last-column p .top-t {
  position: absolute;
  bottom: 8px;
  font-size: 13px;
}
body .measure-period .content .card .card-body .tab-content .table tr .last-column .iqs {
  font-size: 0.65rem;
  font-weight: 800;
  color: #2a3336;
}
body .measure-period .content .card .card-body .tab-content .table tr .first-head {
  display: flex;
}
body .measure-period .content .card .card-body .tab-content .table tr .first-head p {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: auto;
}
body .measure-period .content .card .card-body .tab-content .table tr .first-head .btn {
  color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 4px 10px rgba(29, 40, 89, 0.7);
  font-weight: 600;
  margin-bottom: 4px;
}
body .measure-period .content .card .card-body .tab-content .table tr .coumn-head::before {
  background-color: #e4e7ef;
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: calc(50% + 2px);
  top: -1px;
  transform: rotate(-15deg);
}
body .measure-period .content .card .card-body .tab-content .table tr .coumn-head::after {
  bottom: -1px;
  transform: rotate(15deg);
  background-color: #e4e7ef;
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: calc(50% + 2px);
}
body .measure-period .content .card .card-body .tab-content .table tr .coumn-head-1::before {
  background-color: #e4e7ef;
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: calc(50% + 2px);
  top: -1px;
  transform: rotate(-15deg);
}
body .measure-period .content .card .card-body .tab-content .table tr .coumn-head-1::after {
  bottom: -1px;
  transform: rotate(15deg);
  background-color: #e4e7ef;
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: calc(50% + 2px);
}
body .measure-period-list .content .measurement-title h2 {
  font-weight: 500;
}
body .measure-period-list .content .measurement-title h4 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
body .measure-period-list .content .measurement-title .right-btn {
  text-align: right;
}
body .measure-period-list .content .measurement-title .right-btn .btn {
  color: #fff;
}
body .measure-period-list .content .measurement-title .read-more {
  color: rgba(29, 40, 89, 0.75);
  font-weight: 500;
}
body .measure-period-list .content .select-reporting-period .form-select {
  padding: 12px 16px;
}
body .measure-period-list .content .select-reporting-period p {
  font-size: 12px;
}
body .measure-period-list .content .delete-compare-btn .btn {
  padding: 0.3rem 0.7rem;
  font-size: 14px;
  border-radius: 0.25rem;
  color: #1d2859;
}
body .measure-period-list .content .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
}
body .measure-period-list .content .card .card-body .table tbody tr td .top-t {
  position: absolute;
  top: 20px;
  font-size: 13px;
}
body .new-measurement .content .measurement-title h2 {
  font-weight: 500;
}
body .new-measurement .content .measurement-title h4 {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
body .new-measurement .content .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
}
body .new-measurement .content .card .card-body .measure-content .measure-detail .form-select {
  padding: 12px 16px;
}
body .new-measurement .content .card .card-body .measure-content .measure-frequency form {
  display: flex;
}
body .new-measurement .content .card .card-body .measure-content .measure-frequency form .form-check label {
  font-weight: 500;
  font-size: 0.875rem;
}
body .new-measurement .content .card .card-body .measure-content .measure-frequency form .custom-form-check .form-check-input:checked {
  background-color: rgba(29, 40, 89, 0.75);
  border-color: rgba(29, 40, 89, 0.75);
}
body .new-measurement .content .card .card-body .measure-content .btn {
  float: right;
  color: #fff;
  box-shadow: 0 2px 10px rgba(29, 40, 89, 0.75);
}
body .new-measurement .content .card .card-body .legend {
  position: relative;
}
body .new-measurement .content .card .card-body .legend p {
  position: absolute;
  top: -45px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  left: -4px;
}
body .emission-boundary-setup .content .measurement-title h2 {
  font-weight: 500;
}
body .emission-boundary-setup .content .measurement-title .left-content p .mdi {
  font-size: 24px;
}
body .emission-boundary-setup .content .measurement-title .left-content .home-marker-icon .icon {
  background-color: #f6f7fa;
  border-radius: 34px;
  height: 34px;
  width: 34px;
  padding: 11px 7px 5px 7px;
}
body .emission-boundary-setup .content .custom-card {
  border: 1px solid rgba(29, 40, 89, 0.75) !important;
}
body .emission-boundary-setup .content .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
}
body .emission-boundary-setup .content .card .card-body .legend {
  position: relative;
}
body .emission-boundary-setup .content .card .card-body .legend p {
  position: absolute;
  top: -33px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  left: -4px;
}
body .emission-boundary-setup .content .card .card-body .measure-content {
  max-height: 377.97px;
  min-height: 377.97px;
  overflow-y: scroll;
}
body .emission-boundary-setup .content .card .card-body .measure-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
body .emission-boundary-setup .content .card .card-body .measure-content .droppable-area1 li {
  border: 1px solid rgba(29, 40, 89, 0.75);
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  padding: 12px 1rem;
}
body .emission-boundary-setup .content .card .card-body .measure-content .droppable-area1 li:not(:last-child) {
  margin-bottom: 0.6rem;
}
body .emission-boundary-setup .content .card .card-body .measure-content .droppable-area1 .ui-sortable-helper {
  background-color: rgba(228, 231, 239, 0.9);
  border-color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 0 0 3px rgba(29, 40, 89, 0.75);
}
body .emission-boundary-setup .content .card .card-body .measure-content .droppable-area2 li {
  border: 1px solid #e4e7ef;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  padding: 12px 1rem;
}
body .emission-boundary-setup .content .card .card-body .measure-content .droppable-area2 li:not(:last-child) {
  margin-bottom: 0.6rem;
}
body .emission-boundary-setup .content .card .card-body .measure-content .droppable-area2 .ui-sortable-helper {
  background-color: rgba(228, 231, 239, 0.9);
  border-color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 0 0 3px rgba(29, 40, 89, 0.75);
}
body .emission-boundary-setup .content .save-close-next-btn {
  text-align: end;
}
body .emission-boundary-setup .content .save-close-next-btn .save-btn {
  color: rgba(29, 40, 89, 0.75);
  font-weight: 700;
}
body .emission-boundary-setup .content .save-close-next-btn .next-btn {
  color: #fff;
  font-weight: 700;
}
body .emission-boundary-setup-2 .content .measurement-title h2 {
  font-weight: 500;
}
body .emission-boundary-setup-2 .content .measurement-title .left-content p .mdi {
  font-size: 24px;
}
body .emission-boundary-setup-2 .content .measurement-title .left-content .home-marker-icon .icon {
  background-color: #f6f7fa;
  border-radius: 34px;
  height: 34px;
  width: 34px;
  padding: 11px 7px 5px 7px;
}
body .emission-boundary-setup-2 .content .custom-card {
  border: 1px solid rgba(29, 40, 89, 0.75) !important;
}
body .emission-boundary-setup-2 .content .select-reporting-period .guidance-emissions {
  display: flex;
}
body .emission-boundary-setup-2 .content .select-reporting-period .guidance-emissions p {
  margin-right: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
body .emission-boundary-setup-2 .content .select-reporting-period .guidance-emissions .btn {
  color: #fff;
  font-size: 13px;
}
body .emission-boundary-setup-2 .content .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
}
body .emission-boundary-setup-2 .content .card .card-body .legend {
  position: relative;
}
body .emission-boundary-setup-2 .content .card .card-body .legend p {
  position: absolute;
  top: -33px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  left: -4px;
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content {
  max-height: 377.97px;
  min-height: 377.97px;
  overflow-y: scroll;
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content .droppable-area1 li {
  border: 1px solid rgba(29, 40, 89, 0.75);
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  padding: 12px 1rem;
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content .droppable-area1 li:not(:last-child) {
  margin-bottom: 0.6rem;
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content .droppable-area1 .ui-sortable-helper {
  background-color: rgba(228, 231, 239, 0.9);
  border-color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 0 0 3px rgba(29, 40, 89, 0.75);
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content .droppable-area2 li {
  border: 1px solid #e4e7ef;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  padding: 12px 1rem;
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content .droppable-area2 li:not(:last-child) {
  margin-bottom: 0.6rem;
}
body .emission-boundary-setup-2 .content .card .card-body .measure-content .droppable-area2 .ui-sortable-helper {
  background-color: rgba(228, 231, 239, 0.9);
  border-color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 0 0 3px rgba(29, 40, 89, 0.75);
}
body .emission-boundary-setup-2 .content .save-close-next-btn {
  text-align: end;
}
body .emission-boundary-setup-2 .content .save-close-next-btn .save-btn {
  color: rgba(29, 40, 89, 0.75);
  font-weight: 700;
}
body .emission-boundary-setup-2 .content .save-close-next-btn .next-btn {
  color: #fff;
  font-weight: 700;
}
body .activity-data .content .measurement-title h2 {
  font-weight: 500;
}
body .activity-data .content .measurement-title .left-content p .mdi {
  font-size: 24px;
}
body .activity-data .content .measurement-title .left-content .home-marker-icon .icon {
  background-color: #f6f7fa;
  border-radius: 34px;
  height: 34px;
  width: 34px;
  padding: 11px 7px 5px 7px;
}
body .activity-data .content .measurement-title .left-content .meas-title {
  font-weight: 700;
}
body .activity-data .content .card {
  border: unset;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(116, 127, 130, 0.24), 0 1px 8px rgba(66, 80, 84, 0.6);
}
body .activity-data .content .card .card-body .activity-title {
  display: flex;
}
body .activity-data .content .card .card-body .activity-title .activity-main {
  flex: 1;
}
body .activity-data .content .card .card-body .activity-title .activity-main h4 {
  font-size: 1.375rem;
  font-weight: 700;
}
body .activity-data .content .card .card-body .activity-title .reading {
  flex: 0.219;
}
body .activity-data .content .card .card-body .activity-title h3 {
  font-size: 1.25rem;
  font-weight: 700;
  position: relative;
}
body .activity-data .content .card .card-body .activity-title h3 .co-2 {
  font-weight: 500;
  font-size: 16px;
}
body .activity-data .content .card .card-body .activity-title h3 .top-t {
  position: absolute;
  font-size: 16px;
  top: -6px;
}
body .activity-data .content .card .card-body .btn {
  float: right;
  color: rgba(29, 40, 89, 0.75);
  box-shadow: 0 4px 10px rgba(29, 40, 89, 0.7);
  font-weight: 600;
}
body .activity-data .content .top-section {
  max-height: 686px;
  overflow-y: scroll;
}
body .activity-data .content .confirm-btn {
  text-align: end;
}
body .activity-data .content .right-column {
  max-height: 686px;
  overflow-y: scroll;
}
body .activity-data .content .right-column .card .card-body .measure-content {
  border-radius: 8px;
  border: 1px solid #e4e7ef;
  padding: 1.35rem 1rem 1.35rem;
}
body .activity-data .content .right-column .card .card-body .measure-content .legend {
  position: relative;
}
body .activity-data .content .right-column .card .card-body .measure-content .legend p {
  position: absolute;
  top: -30px;
  font-size: 0.625rem;
  margin-bottom: 0;
  font-weight: 700;
  background-color: #fff;
  left: 50px;
}
body .activity-data .content .right-column .card .card-body .measure-content .measure-detail .reading {
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
}
body .activity-data .content .right-column .card .card-body .measure-content .measure-detail .reading .top-t {
  position: absolute;
  font-size: 1rem;
  top: -6px;
}
body .activity-data .content .right-column .card .card-body .measure-content .measure-detail .reading .co-2 {
  font-size: 1.2rem;
  font-weight: 500;
}
body .activity-data .content .right-column .card .card-body .activity-name {
  font-weight: 700;
  font-size: 1rem;
}
body .activity-data .content .right-column .card .card-body .description {
  font-size: 0.78rem;
}
body .activity-data .content .right-column .card .card-body .learn-more {
  font-size: 0.879rem;
  font-weight: 700;
  color: rgba(29, 40, 89, 0.75);
}
body .activity-data .content .right-column .card .card-body .learn-more:hover {
  text-decoration: underline;
}
body .calculate-modal-area .modal-content .modal-body form .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
  border-radius: 4px;
  padding: 1rem 1.5rem;
}
body .calculate-modal-area .modal-content .modal-body form .card .tdx {
  position: relative;
}
body .calculate-modal-area .modal-content .modal-body form .card .tdx .form-control {
  padding: 12px 72px 12px 16px;
  text-align: right;
}
body .calculate-modal-area .modal-content .modal-body form .card .tdx span {
  position: absolute;
  top: 13px;
  right: 12px;
  font-size: 16px;
}
body .calculate-modal-area .modal-content .modal-body form .card .total-emission {
  display: flex;
  background-color: #f6f7fa;
  padding: 1rem;
}
body .calculate-modal-area .modal-content .modal-body form .card .total-emission h3 {
  font-size: 1.475rem;
  font-weight: 700;
  position: relative;
}
body .calculate-modal-area .modal-content .modal-body form .card .total-emission h3 .co-2 {
  font-weight: 500;
  font-size: 1rem;
}
body .calculate-modal-area .modal-content .modal-body form .card .total-emission h3 .top-t {
  position: absolute;
  font-size: 0.9rem;
  top: -3px;
}
body .calculate-modal-area .modal-content .modal-body form .card .total-emission p {
  margin-right: auto;
  font-size: 0.75rem;
  font-weight: bolder;
}
body .calculate-modal-area .modal-content .modal-body form .upload-btn {
  position: relative;
}
body .calculate-modal-area .modal-content .modal-body form .upload-btn span {
  padding: 0.45rem 0.9rem;
  border: 1px solid #e4e7ef;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 0.25rem;
  background-color: rgba(29, 40, 89, 0.1);
  border-color: rgba(29, 40, 89, 0.75);
  color: rgba(29, 40, 89, 0.75);
  font-weight: 600;
}
body .calculate-modal-area .modal-content .modal-body form .upload-btn .form-control {
  opacity: 0;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
  border-radius: 4px;
  padding: 1rem 1.5rem;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .tdx {
  position: relative;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .tdx .form-control {
  padding: 12px 72px 12px 16px;
  text-align: right;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .tdx span {
  position: absolute;
  top: 13px;
  right: 12px;
  font-size: 16px;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .total-emission {
  display: flex;
  background-color: #f6f7fa;
  padding: 1rem;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .total-emission h3 {
  font-size: 1.475rem;
  font-weight: 700;
  position: relative;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .total-emission h3 .co-2 {
  font-weight: 500;
  font-size: 1rem;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .total-emission h3 .top-t {
  position: absolute;
  font-size: 0.9rem;
  top: -3px;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .total-emission p {
  margin-right: auto;
  font-size: 0.75rem;
  font-weight: bolder;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .card .spend-input input {
  padding: 12px 16px;
  text-align: right;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .upload-btn {
  position: relative;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .upload-btn span {
  padding: 0.45rem 0.9rem;
  border: 1px solid #e4e7ef;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 0.25rem;
  background-color: rgba(29, 40, 89, 0.1);
  border-color: rgba(29, 40, 89, 0.75);
  color: rgba(29, 40, 89, 0.75);
  font-weight: 600;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .upload-btn .form-control {
  opacity: 0;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .top-checkbox {
  display: flex;
}
body .cylinderical-calculate-modal-area .modal-content .modal-body form .top-checkbox .form-checkbox-custom-1 {
  margin-right: 49px;
}
body .location-detail-page .content .measurement-title h2 {
  font-weight: 500;
}
body .location-detail-page .content .business-location {
  position: relative;
}
body .location-detail-page .content .business-location .form-control {
  padding: 12px 16px 12px 49px;
}
body .location-detail-page .content .business-location .form-control:hover {
  border-color: rgba(29, 40, 89, 0.75);
}
body .location-detail-page .content .business-location .form-control:focus {
  color: #425054;
  background-color: #fff;
  border-color: rgba(29, 40, 89, 0.75);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(29, 40, 89, 0.75);
}
body .location-detail-page .content .business-location img {
  position: absolute;
  top: 41px;
  left: 18px;
}
body .location-detail-page .content .business-location p {
  font-size: 0.79rem;
}
body .location-detail-page .content .location-checkbox {
  display: flex;
}
body .location-detail-page .content .location-checkbox p {
  font-size: 1rem;
  font-weight: 500;
  margin-right: auto;
}
body .location-detail-page .content .location-checkbox .form-check input {
  background-color: #A9A9A9;
  border: none;
  border-radius: 52px;
  height: 26px;
  outline: none;
  width: 52px;
  background-image: url(/images/close-icon-1.svg?97964a09252ab32d44af51dce7669f56);
  cursor: pointer;
}
body .location-detail-page .content .location-checkbox .form-check input:checked {
  background-image: url(/images/ok-icon.svg?ee2f852fa6086bc2c5f418009b15e242);
  background-color: rgba(29, 40, 89, 0.75) !important;
}
body .location-detail-page .content .utility-bills {
  display: flex;
}
body .location-detail-page .content .utility-bills p {
  font-size: 1rem;
  font-weight: 500;
  margin-right: auto;
}
body .location-detail-page .content .utility-bills .form-check input {
  background-color: #A9A9A9;
  border: none;
  border-radius: 52px;
  height: 26px;
  outline: none;
  width: 52px;
  background-image: url(/images/close-icon-1.svg?97964a09252ab32d44af51dce7669f56);
  cursor: pointer;
}
body .location-detail-page .content .utility-bills .form-check input:checked {
  background-image: url(/images/ok-icon.svg?ee2f852fa6086bc2c5f418009b15e242);
  background-color: rgba(29, 40, 89, 0.75) !important;
}
body .location-detail-page .content .location-type .form-select {
  padding: 12px 16px 12px 16px;
}
body .location-detail-page .content .card {
  border: 1px solid #e4e7ef;
  box-shadow: none;
}
body .location-detail-page .content .card .card-body .measure-content .electricity-bill {
  display: flex;
}
body .location-detail-page .content .card .card-body .measure-content .electricity-bill p {
  font-size: 1rem;
  font-weight: 500;
  margin-right: auto;
}
body .location-detail-page .content .card .card-body .measure-content .electricity-bill .form-check input {
  background-color: #A9A9A9;
  border: none;
  border-radius: 52px;
  height: 26px;
  outline: none;
  width: 52px;
  background-image: url(/images/close-icon-1.svg?97964a09252ab32d44af51dce7669f56);
  cursor: pointer;
}
body .location-detail-page .content .card .card-body .measure-content .electricity-bill .form-check input:checked {
  background-image: url(/images/ok-icon.svg?ee2f852fa6086bc2c5f418009b15e242);
  background-color: rgba(29, 40, 89, 0.75) !important;
}
body .location-detail-page .content .card .card-body .measure-content .shared-services {
  display: flex;
}
body .location-detail-page .content .card .card-body .measure-content .shared-services p {
  font-size: 1rem;
  font-weight: 500;
  margin-right: auto;
}
body .location-detail-page .content .card .card-body .measure-content .shared-services .form-check input {
  background-color: #A9A9A9;
  border: none;
  border-radius: 52px;
  height: 26px;
  outline: none;
  width: 52px;
  background-image: url(/images/close-icon-1.svg?97964a09252ab32d44af51dce7669f56);
  cursor: pointer;
}
body .location-detail-page .content .card .card-body .measure-content .shared-services .form-check input:checked {
  background-image: url(/images/ok-icon.svg?ee2f852fa6086bc2c5f418009b15e242);
  background-color: rgba(29, 40, 89, 0.75) !important;
}
body .location-detail-page .content .card .card-body .staff-detail-content .electricity-bill {
  display: flex;
}
body .location-detail-page .content .card .card-body .staff-detail-content .electricity-bill p {
  font-size: 1rem;
  font-weight: 500;
  margin-right: auto;
}
body .location-detail-page .content .card .card-body .staff-detail-content .electricity-bill .form-check input {
  background-color: #A9A9A9;
  border: none;
  border-radius: 52px;
  height: 26px;
  outline: none;
  width: 52px;
  background-image: url(/images/close-icon-1.svg?97964a09252ab32d44af51dce7669f56);
  cursor: pointer;
}
body .location-detail-page .content .card .card-body .staff-detail-content .electricity-bill .form-check input:checked {
  background-image: url(/images/ok-icon.svg?ee2f852fa6086bc2c5f418009b15e242);
  background-color: rgba(29, 40, 89, 0.75) !important;
}
body .location-detail-page .content .card .card-body .staff-detail-content .content-1 .average-no {
  color: #000;
  font-weight: 600;
}
body .location-detail-page .content .card .card-body .staff-detail-content .content-1 .inner-content {
  display: flex;
}
body .location-detail-page .content .card .card-body .staff-detail-content .content-1 .inner-content .form-control {
  width: 25%;
  padding: 10px;
  text-align: right;
}
body .location-detail-page .content .card .card-body .staff-detail-content .content-1 .inner-content p {
  margin-right: auto;
  color: #000;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body .location-detail-page .content .card .card-body .legend {
  position: relative;
}
body .location-detail-page .content .card .card-body .legend p {
  position: absolute;
  top: -34px;
  font-size: 12px;
  margin-bottom: 0;
  font-weight: 700;
  background-color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  left: -4px;
}