/* iAMSmart Button */
.btn-iAM {
  color: #fff;
  background-color: #2b7366 !important;
}

.btn-iAM.iam-dark:hover {
  color: #fff!important;
  background-color: #1e6357 !important;
}

.btn-iAM.iam-light:hover {
  background-color: #fafffe !important;
}

.iam-dark {
  vertical-align: middle;
  user-select: none;
  background-color: #2b7367 !important;
  border: none;
  color: #FFFFFF !important;
  padding: 4.375px 8.75px 4.375px 8.75px;
  cursor: pointer;
  outline: none;
  border-radius: 4px;
  font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
}

.iam-light {
  vertical-align: middle;
  user-select: none;
  background-color: #FFFFFF !important;
  border: 1px solid #2b7367 !important;
  color: #2b7367 !important;
  padding: 4.375px 8.75px 4.375px 8.75px;
  cursor: pointer;
  outline: none;
  border-radius: 4px;
  font-family: 'Noto Sans SC', Arial, Helvetica, sans-serif;
}

.iam-dark:hover,
.iam-light:hover {
  text-decoration: none;
}

.text-iam {
  color: #2b7367 !important;
}

.lightcircle {
  background-color: #FFF;
  border: 1px solid #2b7367;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.darkcircle {
  background-color: #2b7367;
  border: 0px solid #FFF;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightsquare {
  background-color: #FFF;
  border: 1px solid #2b7367;
  border-radius: 4px;
  height: 52px;
  width: 52px;
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.darksquare {
  background-color: #2b7367;
  border: 0px solid #FFF;
  border-radius: 4px;
  height: 52px;
  width: 52px;
  height: 38px;
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}