.dlsu-pvf-d-none {
  display: none !important;
}

.dlsu-pvf-d-block {
  display: block !important;
}

.dlsu-pvf-pt-3 {
  padding-top: 30px;
}

.dlsu-pvf-p-2 {
  padding: 20px;
}

.dlsu-pvf-mt-1 {
  margin-top: 10px;
}

.dlsu-pvf-mt-3 {
  margin-top: 30px;
}

.dlsu-pvf-mr-3 {
  margin-right: 30px;
}

.dlsu-pvf-ml-3 {
  margin-left: 30px;
}

.dlsu-pvf-m-0 {
  margin: 0px;
}

.dlsu-pvf-m-3 {
  margin: 30px;
}

.dlsu-pvf-mb-3 {
  margin-bottom: 30px;
}

.dlsu-pvf-mb-4 {
  margin-bottom: 40px;
}

.dlsu-pvf-mx-auto {
  margin: 0 auto;
}

.dlsu-pvf-card-container {
  padding: 6px 6px;
}

.dlsu-pvf-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border-radius: 5px;
  height: 100%;
}

.dlsu-pvf-img {
  width: 100%;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.dlsu-pvf-img-container {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}
.dlsu-pvf-link-button {
  padding: 0px;
  color: #5cb85c;
  white-space: normal;
}

@media (max-width: 767px) {
  #dlsu-personnel-list {
    text-align: left !important;
  }

  .dlsu-pvf-link-button {
    text-align: left !important;
  }

  .dlsu-pvf-v-center {
      display: flex;
      align-items: center;
  }
}

@media (min-width: 768px) {
  #dlsu-personnel-list {
    text-align: center !important;
  }

  .dlsu-pvf-link-button {
    text-align: center !important;
  }
}

.row.dlsu-pvf-display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.dlsu-pvf-display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.dlsu-pvf-item {
  padding: 0 !important;
  margin: 0 !important;
}

.dlsu-pvf-item select, .dlsu-pvf-item button {
  border-radius: 0 0 0 0;
}

.dlsu-pvf-item input {
  border-radius: 6px 0 0 6px;
}

.dlsu-pvf-item button {
  border-radius: 0 6px 6px 0;
}

#dlsu-pvf {
  margin-left: 15px;
  margin-right: 15px;
}

.dlsu-pvf-mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.dlsu-pvf-row-flex {
  display: flex;
  flex-wrap: wrap;
}

.dlsu-pvf-row-flex .col-xs-12 {
  flex: 0 0 100%;
}

@media (min-width: 768px) {
  .dlsu-pvf-row-flex .col-sm-4 {
    flex: 0 0 33.3333%;
  }
}

@media (min-width: 992px) {
  .dlsu-pvf-row-flex .col-md-4 {
    flex: 0 0 33.3333%;
  }

  .dlsu-pvf-row-flex .col-md-3 {
    flex: 0 0 25%;
  }
}

@media (min-width: 1200px) {
  .dlsu-pvf-row-flex .col-lg-3 {
    flex: 0 0 25%;
  }

  .dlsu-pvf-row-flex .col-lg-2 {
    flex: 0 0 16.6666%;
  }
}