body.isMobile .modal-content {
  width: 100%;
}
body.isMobile .modal-content .modal-body {
  top: 0px;
  padding-top: 200px !important;
}
body.isMobile .modal-content .modal-header {
  padding-top: 0px !important;
}

button.name-btn {
  background-color: transparent;
  border: none;
  font-weight: bold;
  text-align: left;
}
button.name-btn:hover {
  text-decoration: underline;
  color: #4bc1eb;
}
h4 {
	font-size: 24px;
	font-style: normal;
  }
.grad-photo-listing {
    width: 30px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
#afterStream,
#gradSearchSection,
#txtSearchName,
#noResults,
#tblGraduates,
.loading-info-card,
#graduationVideos {
  display: none;
}
#txtSearchName::placeholder {
  color: #000000 !important;
}

.academic-honors, .academic-achievement, .presidents-award {
  padding-bottom: 0px;
}
.academic-honors i, .academic-achievement i, .presidents-award i {
  color: #4bc1eb;
  margin-right: 5px;
}
.bg-darkgray {
  background-color: #545454;
}
.bg-gray {
  background-color: #eaeaea;
}
.bg-darkblue {
  background-image: linear-gradient(#304d55, #355058)
  /* background-color: #3F505A; */
}
.bg-white {
  background-color: #ffffff;
}
.cap-animation {
  position: absolute;
  top: 50px;
  width: 170px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
.circle-icon {
  background-color: #93328e;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.circle-icon-dark {
  background-color: #545454;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.classof {
  padding: 10px 10px 30px 10px;
}
.classof h3 {
  z-index:10;
  position: relative;
}
.float-none {
  float: none;
}
footer {
  background-color: #355058;
}
footer p {
  color: #ffffff !important;
  margin: 0px;
  padding: 20px 0px 20px 0px;
}
.footer-blue {
  background-color: #4bc1eb;
}
.footer-dark {
  background-color: #545454;
}
.fp-controls {
  padding: 15px 5px !important;
}
a.fp-icon.fp-playbtn, span.fp-elapsed, span.fp-duration, .fp-volume {
  padding-top: 3px !important;
}
.fp-progress.fp-color.animated {
  top: 0px;
}
.grad-list-header {
  border-bottom: 2px #E0E0E0 solid;
}
.gradlist-hover:hover {
  background-color: #fafafa;
}
.grad-share-links {
  padding-bottom: 10px;
  z-index: 10;
}
.name {
  display: inline-block;
  font-size: 22px;
  position: relative;
  z-index: 10;
}
.hide-mobile {
  display: none;
}
#home {
  margin: -8px 0px 0px 0px;
  font-weight: bold;
  position: relative;
  z-index: 10;
}
.honors p {
  margin-bottom: 5px;
}
.list-container {
  max-height: 500px;
  overflow: scroll;
}
.modal-body .container {
  width: auto;
}
.modal-body {
  min-height: 220px;
}
.modal-header .close {
  position: absolute;
  color: white;
  top: 20px;
  right: 25px;
}
.modal-header {
  padding-bottom: 35px !important;
}
.modal-lg {
  width: 800px;
}
.play-audio .circle-icon i {
  font-size: 18px;
  padding: 6px;
}
.play-audio {
  z-index: 10;
  position: relative;
}
.program-download {
  color: #93328e;
  text-decoration: underline;
  font-size: 18px;
}
.shadow {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
#tblGraduates th {
  width: 50%;
}
.text-white {
  color: #ffffff;
}
.w-100 {
  width: 100%;
}

@media (min-width: 768px) {
  table.graduate-listing tr th, table.graduate-listing tr td {
    padding: 10px 20px 10px 20px;
  }
  table.graduate-listing {
    margin-bottom: 0px;
  }
  .hide-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
table:not(.void-default) th {
    display: inline-block;
    border-bottom: none !important;
}
  .modal-lg {
      max-width: 100%;
  }
}