.machineInfo-image-content {
  background-image: url("../images-claw/machineInfo-image.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 270px;
  border-radius: 13px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.btn-col-dollar.machineInfo-btn {
  width: 40px;
  height: 35px;
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  font-size: 19px;
  font-weight: bold;
  color: #000000;
}

.col-dollar-content.machineInfo-btn-content {
  top: 20px;
  right: 20px;
}

.bg-color-machineInfo {
  width: 220px;
  height: 100px;
  border-radius: 13px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border: 2px solid #ffffff;
  background-color: #ffffff;
  padding: 20px;
}

.bottom-contact-machineInfo {
  bottom: -45px;
  right: 20px;
}

.contact-title-machineInfo {
  font-size: 16px;
  font-weight: 500;
  color: #f34330;
}

.contact-details-machineInfo {
  display: flex;
  justify-content: space-between;
}

.nicole {
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 0.1rem;
}

.nicole.number-person {
  color: #707070;
}

.person-image-machineInfo {
  width: 37px;
  height: 37px;
  border-radius: 11px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f7f9;
}

.para-machineInfoSuper {
  font-size: 18px;
  font-weight: 500;
  color: #707070;
}

.location-para.location-para-machineInfo {
  font-size: 14px;
}

.para-machineInfoSuper.note-machineInfo {
  color: #000000;
}

.para-machineInfoSuper.para-note-machineInfo {
  font-size: 13px;
  color: #c5c5c5;
  font-weight: 400;
}

.h6-title.machineInsights-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 1rem;
}

.li-list-item.red .sales-title.red {
  color: #f34330;
  font-weight: bold;
  cursor: pointer;
}

.nicole.owed {
  font-size: 14px;
  color: #f34330;
  font-weight: bold;
}

.label.markPaidLabel {
  color: #026773;
  font-size: 10px;
  font-weight: 500;
}
/* 
.label.markPaidLabel::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    right: -16px;
    width: 5px;
    height: 10px;
    border: solid #026773;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
} */
.nicole.collection {
  font-size: 10px;
  color: #000000;
  font-weight: 500;
}

.checkbox-content-popup {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3rem;
}

.bg-popup-modal3 {
  background-color: #f5f7f9;
  border-radius: 13px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  padding: 15px;
}

.checkbox-content-popup.form-group .markPaid {
  width: 17px;
  height: 17px;
  border-radius: 6px !important;
  border: 1px solid #026773;
  -webkit-appearance: none;
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
}

.checkbox-content-popup.form-group .markPaid[type="checkbox"]:checked::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #026773;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    right: 5px;
}

.hidden-box-popup{
    display: none;
}

.hidden-box-popup.show{
    display: block;
}

.checkbox-content-popup.form-group .markPaid:checked {
}

.btns-machineInfo {
  gap: 1rem;
}

.btn-job-seeker.background-btn-color.createReport {
  height: 45px !important;
}

.background-signup{
  margin-bottom: 2rem;
}

@media (max-width: 575px) {
  .location-content.location-content-machineInfo {
    justify-content: flex-start;
    border: 0px;
    padding: 0px;
  }
}

@media (max-width: 444px) {
  .claw-home-title.machineInfo-drogon-title {
    margin-top: 3rem;
  }
}

@media (max-width: 378px) {
  .btns-machineInfo {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
