.input-field-row {
  width: 396px !important;
}

.tracker-type-row {
  display: flex;
  flex-direction: row;
  gap: 16px !important;
}

.add-product-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.material-input-textarea {
  height: 90px !important;
  resize: none;
}

.detail-image-link {
  position: absolute;
  right: 0;
  background-color: #fff;
  bottom: 8px;
  cursor: pointer;
}

.detail-arrow-image-link {
  bottom: 14px;
  right: 8px;
  position: absolute;
  background-color: #fff;
}

.details-form-textarea {
  height: 112px;
}

.tracker-type-top-text {
  margin-top: 42px;
}

.tracker-detail-input-image {
  margin-bottom: 16px;
  gap: 12px;
  align-items: center;
}

.tracker-detail-input-image .tracker-image-profile {
  background-color: #f4f9fd;
  height: 100%;
  box-sizing: border-box;
  height: 38px;
  width: 38px;
  padding: 7px 7px;
}

.tracker-type-padding-bottom {
  padding-bottom: 16px;
}

.tracker-type-dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

.tracker-type-dropdown-menu {
  position: absolute;
  z-index: 1;
  width: 396px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  z-index: 3;
}

.tracker-type-dropdown-item {
  padding: 10px 16px;
  cursor: pointer;
  width: 396px;
}

.tracker-type-dropdown-item:hover {
  background-color: #F4F9FD;
}

.tracker-type-dropdown-item-image {
  margin-right: 8px;
}

.tracker-type-device-category {
  cursor: pointer;
  color: #4f4f4f !important;
  width: 396px !important;
}

.tracker-type-device-category-padding {
  padding-left: 30px;
}

.tracker-type-dropdown .material-input {
  padding-bottom: 0px !important;
}

.tracker-type-device-category:focus {
  border-color: #2188d9 !important;
}

.tracker-type-upload-logo {
  display: flex;
  gap: 12px;
  align-items: center;
}

.tracker-type-block-content {
  padding-bottom: 16px;
}

.tracker-type-dropdown-menu-bottom {
  bottom: 0;
}

.tracker-type-dropdown-menu-bottom .tracker-type-dropdown-item {
  display: flex;
  justify-content: space-between;
}

.tracker-detail-tooltip-modification img {
  cursor: pointer;
}

.tracker-detail-input-link {
  padding-right: 23px !important;
}

.tracker-detail-tooltip-modification .tooltip-inner {
  line-height: 15.6px !important;
  width: 430px !important;
  max-width: 430px !important;
}

.tracker-type-detail-image {
  position: absolute;
  top: 4px;
}

.add-product-label {
  padding: 16px 0;
  margin-top: -16px;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #2188d9;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  cursor: pointer;
}

.hardware-details-container {
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #ececed;
  width: 1120px;

  .hardware-first-add-new-feature {
    max-width: 396px;
    margin-top: 34px;
  }

  .no-addon {
    margin: 34px 0 0 92px;
  }

  .hardware-title {
    height: 60px;
    background-color: #F2F2F2;
    margin-bottom: 8px;
    padding: 9px 16px 7px;
    justify-content: space-between;

    .right-content {
      display: flex;
      align-items: center;

      .remove-addon img {
        width: 20px;
        height: 20px;
      }

      .arrowUp-icon {
        margin-left: 8px;
      }
    }
  }

  .hardware-addon {
    max-width: 396px;
  }

  .hardware-details-top-text {
    background: #F2F2F2;
    height: 37px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    padding: 9px 16px 7px;

    .left-align,
    .right-align {
      flex: 1;
    }

    .left-align {
      display: flex;
      justify-content: flex-start;
    }

    .right-align {
      display: flex;
      justify-content: start;
    }

    h2 {
      color: #4f4f4f;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 130%;
      letter-spacing: 0.16px;
      margin: 0;
    }
  }

  .hardware-details-content {
    display: flex;
    gap: 36px;
    padding: 0 16px;
    margin-bottom: 24px;

    .hardware-select {
      min-width: 340px;
    }

    .hardware-addon-details {
      flex: 2;
      width: 100%;
      min-width: 668px;
      display: flex;
      flex-direction: column;

      .hardware-item {
        display: flex;
        align-items: end;
        gap: 8px;
        margin-bottom: 10px;

        .material-input {
          width: 100%;
        }

        .hardware-addon-select {
          min-width: 340px;
          flex: 1;
        }
      }
    }

    .custom-input {
      margin-top: 16px;
    }

    .add-accessory-label {
      display: flex;
      gap: 8px;
      align-items: center;
      color: #2188d9;
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 130%;
      cursor: pointer;
    }
  }
}