.user-modal {
  max-width: 100%;
  width: 720px;
  // max-height: 528px;
  top: 50%;
  left: unset;
  margin-top: 6rem;
  bottom: unset;
  right: unset;
  @import "./my-profile";
  @import "./popUp-tab";
 

  &.answer-modal__modal {
    height: auto;
  }
  .tab-pane {
    height: 100%;
  }
  .os-host-rtl > .os-scrollbar-vertical {
    right: unset;
    left: 10px;
    width: 6px;
    padding-top: 25px;
  }
  .os-theme-dark > .os-scrollbar > .os-scrollbar-track {
    width: 2px;
  }
  > .os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.1);
  }
  .close-btn {
    margin-right: auto;
    display: block !important;
    font-size: 32px;
    color: #afbec5;
  }
}

.error-input {
  color: #9f1918;
  font-size: 0.875rem;
  padding-top: 0.25rem;
}

.show.user-modal__modal {
  background-color: rgba(27, 39, 51, 0.1);
}

.show.user-modal__modal .modal-dialog {
  z-index: 3;
}

#user-modal .modal-dialog {
  -webkit-transform: unset;
  transform: unset;
  left: 0;
  right: 0;
}

#user-modal .user-modal {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 40%;
}

#user-modal.show .user-modal {
  top: 50%;
}
.user-modal .popUp-tab__header {
  height: unset;
  width: 100%;
}
.user-modal .popUp-tab__menu a {
  width: unset;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.user-modal .popUp-tab__menu a {
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  margin-right: 29px;
}