.d-flex{
  display: flex;
}
.flex-column{
  flex-direction: column;
}
.w-100{
  width: 100%;
}
.justify-content-center{
  justify-content: center;
}
.mt-4{
  margin-top: 1.5rem;
}
.mb-4{
  margin-bottom: 1.5rem;
}
.position-relative{
  position: relative;
}
.position-absolute{
  position: absolute;
}

/*--------------------------------------------------------------
# Departments
--------------------------------------------------------------*/

.dept-sub-title{
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size:21px ;
  font-weight: 500;
  color: #01B0A9;
}
.section-leaderboard {
  overflow: hidden;

}
.section-leaderboard .main-nav-tabs, .section-leaderboard .sub-nav-tabs .nav-tabs {
  border: 0 !important;
}
.section-leaderboard .main-nav-tabs .nav-link {
  border: 0 !important;
  padding: 12px 15px 12px 0;
  transition: 0.3s;
  color: #442F56;
  border-radius: 0;
  border-right: 2px solid #ebf1f6 !important;
  font-weight: 600;
  font-size: 15px;
}
.section-leaderboard .main-nav-tabs .nav-link:hover {
  color: #01B0A9;
}
.section-leaderboard .main-nav-tabs .nav-item.active .nav-link {
  color: #01B0A9;
  border-color: #01B0A9;
}
.section-leaderboard .tab-pane.active {
  -webkit-animation: fadeIn 0.5s ease-out;
  animation: fadeIn 0.5s ease-out;
}
.section-leaderboard .details h3 {
  font-size: 26px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #01B0A9;
}
.section-leaderboard .details p {
  color: #777777;
}
.section-leaderboard .details p:last-child {
  margin-bottom: 0;
}
.section-leaderboard .main-nav-tabs .ruby.active .nav-link, .section-leaderboard .main-nav-tabs .ruby .nav-link:hover{
  color: #660606;
}
.section-leaderboard .main-nav-tabs .emerald.active .nav-link, .section-leaderboard .main-nav-tabs .emerald .nav-link:hover{
  color: #15565B;
}
.section-leaderboard .main-nav-tabs .sapphire.active .nav-link, .section-leaderboard .main-nav-tabs .sapphire .nav-link:hover{
  color: #194395;
}
.section-leaderboard .main-nav-tabs .gov.active .nav-link, .section-leaderboard .main-nav-tabs .gov .nav-link:hover{
  color: #ED7A24;
}
.section-leaderboard .sub-nav-tabs .nav-item{
  width: 100px;
  text-align: center;
}
.section-leaderboard .sub-nav-tabs .nav-link{
  border: 0 !important;
  color: var(--primary-2, #868686);
}
.section-leaderboard .sub-nav-tabs.ruby .nav-item.active .nav-link{
  border-bottom: 1px solid #660606 !important;
  color: #660606;
  font-weight: 700;
}
.section-leaderboard .sub-nav-tabs.emerald .nav-item.active .nav-link{
  border-bottom: 1px solid #15565B !important;
  color: #15565B;
  font-weight: 700;
}
.section-leaderboard .sub-nav-tabs.sapphire .nav-item.active .nav-link{
  border-bottom: 1px solid #194395 !important;
  color: #194395;
  font-weight: 700;
}
.section-leaderboard .sub-nav-tabs.gov .nav-item.active .nav-link{
  border-bottom: 1px solid #ED7A24 !important;
  color: #ED7A24;
  font-weight: 700;
}
.section-leaderboard .new-leaderboard-tbl th{
  background-color: #FAFAFA !important;
  color: #868686 !important;
  border: none;
  border-bottom: 1px solid #D6D6D6;
}
.section-leaderboard .new-leaderboard-tbl td{
  border: none;
  border-bottom: 1px solid #D6D6D6;
}
.search-leaderboard-input{
  background-image: url(../img/search.png);
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 50px;
  border: 1px solid #ddd;
  margin: 1rem 0px 12px 0px;
  border: none;
  border-bottom: 1px solid #ddd;
}
.search-leaderboard-input:focus-visible{
  outline: none;
}
@media (max-width: 992px) {
  .section-leaderboard .nav-link {
    border: 0;
    padding: 15px;
  }
  .section-leaderboard .nav-link.active {
    color: #fff;
    background: #01B0A9;
  }
}

/*--------------------------------------------------------------
# Kempen tolak gula
--------------------------------------------------------------*/
.section-campaign-tolak-gula ol {
  font-weight:bold;
}
.section-campaign-tolak-gula ol li p {
  font-weight:normal;
}
.section-campaign-tolak-gula .title{
  padding-bottom: 1rem;
}