/* .tab-content {
    display: none;
  }
  .tab-content.active {
    display: block;
  } */

/* .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 95%;
} */

#profile-section {
  margin-left: 30px;
}

/* user info section */
.contactinfo {
  width: 100%;
  border: 1px solid gray;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  width: 50%;
  height: 700px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modalcontent {
  background-color: #fefefe;
  margin: auto;
  margin-top: 250px;
  padding: 20px 10px 10px 20px;
  width: 50% !important;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.change-image-container {
  align-items: center;
}

/* Style for the button */