html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .content-page {
  min-height: calc(100vh - var(--ct-topbar-height) - 2px);
}

.page-title-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  align-content: center;
  margin: 18px 0px;
  row-gap: 10px;
  column-gap: 10px;
}

.page-title-box h4 {
  line-height: unset !important;
}

.card-body {
  box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.1);
}

.font-800 {
  font-weight: 800;
}

.jq-toast-wrap .jq-icon-error .close-jq-toast-single {
  box-shadow: 0px 0px 3px 1px rgb(250, 92, 124);
  color: rgb(250, 92, 124);
}

.form-control::placeholder {
  color: #b8b8b8;
}

.form-select.invalid,
.form-control.invalid {
  border-color: var(--ct-form-invalid-border-color);
  padding-right: calc(1.5em + 0.9rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23fa5c7c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fa5c7c' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.225rem) center;
  background-size: calc(0.75em + 0.45rem) calc(0.75em + 0.45rem);
}

#txtFoto {
  display: none;
}

#txtFoto1 {
  display: none;
}

#txtFoto2 {
  display: none;
}

#txtFoto3 {
  display: none;
}

#delete-picture {
  display: none;
}

#delete-picture1 {
  display: none;
}

#delete-picture2 {
  display: none;
}

#delete-picture3 {
  display: none;
}

#delete-picture.block {
  display: block;
}

#delete-picture1.block {
  display: block;
}

#delete-picture2.block {
  display: block;
}

#delete-picture3.block {
  display: block;
}

.table-options {
  margin-top: -4px;
  margin-bottom: -5px;
}
.table-options .icon-option {
  font-size: 20px;
  cursor: pointer;
}

.box-user-img-profile {
  height: 140px;
  width: 140px;
  border: var(--ct-border-width) solid var(--ct-border-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin: auto;
  box-sizing: border-box;
}

.div-user-img-profile {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--ct-body-bg);
  box-sizing: border-box;
  position: relative;
}

.div-user-img-profile img.vertical {
  width: 100%;
  height: auto;
  position: relative;
}

.div-user-img-profile img {
  width: auto;
  height: 100%;
  position: relative;
}

.user-no-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}

.media-no-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 100px;
  width: 100%;
  height: 100%;
}

.media-no-picture1 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 100px;
  width: 100%;
  height: 100%;
}

.media-no-picture2 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 100px;
  width: 100%;
  height: 100%;
}

.media-no-picture3 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 100px;
  width: 100%;
  height: 100%;
}

.user-no-picture .mdi {
  font-size: 155px;
  position: relative;
  top: 3px;
  color: rgba(0, 0, 0, 0.1);
}

.user-no-picture1 .mdi {
  font-size: 155px;
  position: relative;
  top: 3px;
  color: rgba(0, 0, 0, 0.1);
}

.user-no-picture2 .mdi {
  font-size: 155px;
  position: relative;
  top: 3px;
  color: rgba(0, 0, 0, 0.1);
}

.user-no-picture3 .mdi {
  font-size: 155px;
  position: relative;
  top: 3px;
  color: rgba(0, 0, 0, 0.1);
}