:root {
  --bs-nav-link-color: #1e2022;
  --bs-body-color: #1e2022;
}
.navbar-nav {
  color: var(--bs-nav-link-color);
}
.avatar-lg .avatar-img {
  width: 6.75rem;
}
.avatar-lg,
.avatar-lg .avatar-initials {
  width: 6.75rem;
}
.title-hero {
  font-size: 2rem;
  margin-top: 0 !important;
  color: var(--bs-nav-link-color);
}
.nav-link {
  color: var(--bs-nav-link-color);
}
.fw-semibold {
  font-weight: 500 !important;
}
.a-within-animated a img {
  transition: all 1.3s ease;
}
.a-within-animated a:hover img {
  transform: scale(1.2);
}
.overflow-hidden {
  overflow: hidden;
}
.btn-selanjutnya {
  min-width: 50%;
  background-color: #00b2ba;
  border-color: #00b2ba;
}
.btn-selanjutnya:hover {
  background-color: #00a4ab;
}
.main-detail img {
  width: 100% !important;
  height: auto !important;
}
.main-detail iframe {
  width: 100% !important;
  height: 450px !important;
}
section.section-home {
  margin-bottom: 3rem;
}
.card-body-p1 {
  padding: 1rem;
}

.logo-login img {
  width: 75%;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1976d2 !important;
  --bs-btn-border-color: #1976d2 !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d !important;
  --bs-btn-hover-border-color: #2c64cc !important;
  --bs-btn-focus-shadow-rgb: 85, 145, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2c64cc !important;
  --bs-btn-active-border-color: #295ebf !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1976d2 !important;
  --bs-btn-disabled-border-color: #1976d2 !important;
}
.floating-button {
  position: fixed;
  bottom: 5%;
  right: 10px;
}
.floating-button button {
  border: thin solid #677788;
  font-size: 1.3rem;
  margin-right: 10px;
  box-shadow: 0px 0px 8px;
}
.form-switch .form-check-input {
  background-color: rgb(200 64 16 / 88%);
}
.loader {
  width: 120px;
  height: 120px;
  position: relative;
  background-image: url(/assets/img/Logo_MTJ-02-small.png);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.btn-ajax {
  position: fixed;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  top: 0;
  padding-top: calc(50vh - 60px);
  display: none;
}
.btn-ajax.active {
  display: block;
}
.loader:before {
  content: " ";
  animation: spin 2s linear infinite;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #707070;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 5px solid #00b2ba;
}
.with-ratio {
  width: 100%;
  position: relative;
  background: url() 50% 50% no-repeat;
  background-size: cover;
  background-clip: content-box;
}
.bg-9-16:before {
  display: block;
  content: " ";
  padding-top: 125%;
}
.scientific .avatar-img {
  width: 45px;
  height: 45px;
  max-width: none;
}
.link-view-absolute {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 2rem;
  background: rgba(0, 0, 0, 0.15);
  height: 100%;
  width: 100%;
  line-height: 2rem;
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 39%);
}
.link-view-absolute i {
  position: absolute;
  top: calc(50% - 1rem);
  left: calc(50% - 1rem);
  color: #fff;
}
.offcanvas.offcanvas-bottom {
  min-height: 75vh;
  max-width: 600px;
  margin: 0 auto;
}
.offcanvas.offcanvas-bottom.absen-in table {
  max-width: 600px;
  margin: 0 auto;
}
.attendance h1 {
}
.attendance h1 small {
  display: block;
  font-size: 60%;
}
.post_summary{
    display: -webkit-box;
    max-width: 90%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}.hyperlink{
    
    padding-top:5px;
}.main-detail p, .main-detail div, .main-detail span{
    font-size: inherit !important;
    font-family: inherit !important;
    margin: inherit !important;
    color: inherit !important;
}.with-ratio-16-9{
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    background-color: rgb(236, 242, 255);
    background-size: contain;
    background-position: center center;
    border-radius: 0 !important;
    background-repeat: no-repeat;
}.share-mob{display:none;}

@media only screen and (max-width: 600px) {
  .content-space-t-4 {
    padding-top: 1rem !important;
  }
  .js-sticky-block.hs-kill-sticky .mt-9 {
    margin-top: 1rem !important;
  }.post_summary{
    max-width: 100%;
  }.main-banner .bg-img-start{
        min-height: auto !important;
    width: 100%;
    background-size: contain;
    /*background-image: none !important;*/
  }.main-banner .bg-img-start img{display:none !important;width:100%;height: fit-content;}
  .content-mobile-2 .card-body {
         padding: 1rem 0 !important;
  }.content-mobile-2 .ms-3{
      margin-left: 0rem !important;
  }.card-footer.mt-auto.hero-news.mb-5.pb-3{margin-bottom:0px !important;}
  .offcanvas-body{padding: 1rem 0 0;}
  .share-mob{display:inline-flex;}
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}