.bg-login {
  background-image: url("/static/images/bglogin.jpg") !important;
  background-size: cover;
}

.resp0 {
  background-color: rgb(183, 32, 37);
  box-shadow: 0px 4px 0px rgba(183, 32, 37, 0.8);
}
.resp1 {
  background-color: rgb(214, 32, 39);
  box-shadow: 0px 4px 0px rgba(214, 32, 39, 0.8);
}
.resp2 {
  background-color: rgb(240, 82, 35);
  box-shadow: 0px 4px 0px rgba(240, 82, 35, 0.8);
}
.resp3 {
  background-color: rgb(243, 111, 33);
  box-shadow: 0px 4px 0px rgba(243, 111, 33, 0.8);
}
.resp4 {
  background-color: rgb(250, 168, 35);
  box-shadow: 0px 4px 0px rgba(250, 168, 35, 0.8);
}
.resp5 {
  background-color: rgba(255, 202, 39);
  box-shadow: 0px 4px 0px rgba(255, 202, 39, 0.8);
}
.resp6 {
  background-color: rgb(236, 219, 18);
  box-shadow: 0px 4px 0px rgba(236, 219, 18, 0.8);
}
.resp7 {
  background-color: rgb(232, 231, 61);
  box-shadow: 0px 4px 0px rgba(232, 231, 61, 0.8);
}
.resp8 {
  background-color: rgb(197, 217, 45);
  box-shadow: 0px 4px 0px rgba(197, 217, 45, 0.8);
}
.resp9 {
  background-color: rgb(175, 209, 54);
  box-shadow: 0px 4px 0px rgba(175, 209, 54, 0.8);
}
.resp10 {
  background-color: rgb(100, 182, 77);
  box-shadow: 0px 4px 0px rgba(100, 182, 77, 0.8);
}

.card-nps {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.title-card-nps {
  font-size: 20pt;
}
.card-nps-content {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20pt;
  color: #fff;
}

.nps-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 40px;
}

.nps-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nps-list li {
  color: #34495e;
  font-size: 20pt;
}

.nps-value {
  width: 250px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 40pt;
}

.card-nps-number {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}