body {
  overflow-x: hidden !important;
}

/* parsley */
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #4caf50;
    border: 1px solid #d6e9c6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #f44336;
    border: 1px solid #eed3d7;
}

.parsley-errors-list {
    margin: 10px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    color: #f44336;

    transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

/* table */
div.dt-container div.dt-length,
div.dt-container div.dt-search,
div.dt-container div.dt-buttons {
  margin-block: .5rem;
}

/* user profile */

.user-profile-header-banner img {
  block-size: 250px;
  inline-size: 100%;
  object-fit: cover;
}

.user-profile-header {
  margin-block-start: -2rem;
}
.user-profile-header .user-profile-img {
  border: 5px solid;
  border-color: var(--bs-paper-bg);
  inline-size: 120px;
}

/* Responsive style */
@media (max-width: 767.98px) {
  .user-profile-header-banner img {
    block-size: 150px;
  }
  .user-profile-header .user-profile-img {
    inline-size: 100px;
  }
}
/* User Profile */