.settings-link {
  color: #B1AFAD;
}

.settings-link.active {
  border-bottom: 3px solid #0A449E;
  color: #1E1E1E;
}

.profile-picture {
  width: 80px;
  height: 80px;
  margin-right:10px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 15px;
  cursor: pointer;
}

.profile-pic {
  width: 80px;
  height: 80px;
  background-color: #E8E7E3;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

body {
  font-family: "Noto Sans", sans-serif;
}

/* Settings modal constraints */
#settings-modal .bg-white {
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

#settings-modal-body {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}

#settings-modal-body > img {
  max-height: 400px;
  width: 100%;
  object-fit: contain;
}

#settings-modal .text-right:last-child {
  flex-shrink: 0;
}

#settings-modal-ok:disabled,
#settings-modal-cancel:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}