.chybneHlaseni {
  margin: 10px 0px;
  color: red; }

.unacceptableinput {
  box-shadow: 0 0 0 0.25rem rgba(253, 13, 13, 0.25) !important;
  border-color: red !important; }

.profile-form_emailChange, .profile-form_passwordChange {
  background-color: #e2e3e5;
  padding: 20px;
  border-radius: 20px;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 400px;
  width: 100%;
  gap: 20px; }
  .profile-form_emailChange div.form-group, .profile-form_passwordChange div.form-group {
    width: 100%;
    max-width: 300px; }
  .profile-form_emailChange label, .profile-form_passwordChange label {
    margin-left: 10px;
    font-weight: bold; }
  .profile-form_emailChange input.form-control, .profile-form_passwordChange input.form-control {
    max-width: 300px;
    width: 100%; }
  .profile-form_emailChange input.btn-primary, .profile-form_passwordChange input.btn-primary {
    margin: auto;
    width: 100px;
    display: block; }
  .profile-form_emailChange ul, .profile-form_passwordChange ul {
    display: none;
    position: absolute;
    top: 0px;
    left: 320px;
    background-color: #4fb761;
    padding: 5px 10px;
    font-weight: 600;
    width: 280px; }
    .profile-form_emailChange ul::before, .profile-form_passwordChange ul::before {
      content: "";
      width: 20px;
      height: 20px;
      background-color: #4fb761;
      left: -10px;
      top: 30px;
      position: absolute;
      transform: rotate(45deg); }
    .profile-form_emailChange ul li, .profile-form_passwordChange ul li {
      font-weight: 400;
      margin-left: 32px; }
    .profile-form_emailChange ul.visible, .profile-form_passwordChange ul.visible {
      display: block; }
  .profile-form_emailChange .questionmark, .profile-form_passwordChange .questionmark {
    position: absolute;
    right: 5px;
    padding: 0px 5px;
    border-radius: 5px;
    cursor: pointer; }
    .profile-form_emailChange .questionmark:hover, .profile-form_passwordChange .questionmark:hover {
      background-color: rgba(10, 10, 10, 0.101); }

.userInfo {
  max-width: 300px;
  left: 50%;
  position: relative;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  font-size: 18px; }
  .userInfo svg#user {
    margin: auto;
    margin-bottom: 20px;
    width: 150px; }
    .userInfo svg#user path {
      fill: #dfdfdf; }
  .userInfo p {
    padding: 7px;
    border-bottom: 1px solid black; }
    .userInfo p.user-email_edit a {
      display: inline;
      position: absolute;
      right: 0px;
      margin: 0;
      width: fit-content;
      background-color: white;
      padding: 2px 5px; }
      .userInfo p.user-email_edit a:hover {
        background-color: rgba(0, 0, 0, 0.083); }
      .userInfo p.user-email_edit a i {
        color: black; }
  .userInfo a {
    margin: auto;
    margin-bottom: 10px;
    display: block;
    text-decoration: none;
    border-radius: 10px;
    color: white;
    text-align: center;
    padding: 10px 20px;
    width: 150px;
    background-color: #0d6efd; }
    .userInfo a:hover {
      background-color: #0a58ca; }

@media screen and (max-width: 375px) {
  .userInfo p.user-email_edit a {
    position: static;
    margin: auto;
    display: block; } }

/*# sourceMappingURL=profile.css.map */