label.error {
  color: #f30000 !important;
}


#avatar-container {
  background: linear-gradient(135deg, #f39c12, #e74c3c);
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  align-content: center;
  /* padding: 17px; */
  text-align: center;
  font-weight: bold;
}

#avatar-container2 {
  background: linear-gradient(135deg, #f39c12, #e74c3c);
  color: white;
  width: 80px;
  height: 80px;
  font-size: 50px;
  border-radius: 50%;
  align-content: center;
  /* padding: 17px; */
  text-align: center;
  font-weight: bold;
}

#avatar-container3 {
  background: linear-gradient(135deg, #f39c12, #e74c3c);
  color: white;
  width: 120px;
  height: 120px;
  font-size: 50px;
  border-radius: 50%;
  align-content: center;
  /* padding: 17px; */
  text-align: center;
  font-weight: bold;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #333;
  color: #fff;
  text-align: center;
  padding: 15px;
}

 .tableFixHead thead th {
        color: #ffffff;
        position: sticky;
        top: 0;
        z-index: 10;
        background-color: #5b47fb;
        padding: 5px;
    }