/* *** HOME *** */
.dark-mode .home {
  background-color: #222E35;

}

.dark-mode .home-header {
  background: linear-gradient(90deg, #293841 0%, #0b1216 100%);
}

/* Menu Action 1 */
.dark-mode .container-home .home-menu-action1 {
  background-color: #111B21;
  color: #eaeaea;
}

/* Menu Action 2 */
.dark-mode .container-home .home-menu-action2 .col-4 a {
  border: 1px solid #0b1216;
  color: #eaeaea;
  background-color: #111B21;
}

.dark-mode .container-home .home-menu-action2 .col-4 a:hover {
  background-color: #0b1216;
}




/* Article Recommendation */
.dark-mode .article-videos h3,
.dark-mode .article-videos .title-videos,
.dark-mode .article-recommendation h3 {
  color: #eaeaea;
}

.dark-mode .article-videos iframe {
  background-color: #111B21 !important;
}

.dark-mode .article-recommendation .item-article {
  background-color: #111B21;
}

.dark-mode .article-recommendation .item-article:hover {
  background-color: #0b1216;
}

/* Nav Bottom */
.dark-mode .nav-bottom {
  background-color: #111B21;
}

.dark-mode .nav-bottom span {
  color: #fff;
}

/* Slide up game */
.dark-mode .offcanvas-body {
  background-color: #222E35;
}

.dark-mode .offcanvas-body h4 {
  color: #fff;
}

.dark-mode .offcanvas-body .list-game {
  background-color: #111B21;
}

.dark-mode .offcanvas-my-account .offcanvas-header {
  background: linear-gradient(90deg, #293841 0%, #0b1216 100%);
}

.dark-mode .offcanvas-my-account .card-profile {
  background-color: #111B21;
  color: #eaeaea;
}

.dark-mode .offcanvas-my-account .container-card-profile h5 {
  color: #aaa;
}

.dark-mode .offcanvas-my-account .container-card-profile a {
  border: 1px solid #111B21;
  color: #eaeaea;
}

.dark-mode .offcanvas-my-account .container-card-profile a:hover {
  background-color: #111B21;
}

/* *** end HOME *** */


/* *** TOP BAR *** */
.dark-mode .container-top-bar .top-bar {
  background: linear-gradient(90deg, #293841 0%, #0b1216 100%);

}

/* *** end TOP BAR *** */


/* *** CONTAINER APP *** */
.dark-mode .container-app {
  background-color: #222E35;
}


.dark-mode .container-app .app,
.dark-mode .container-app .description-article,
.dark-mode .container-app .article,
.dark-mode .container-app .favorites {
  background-color: #222E35;
}

.dark-mode .container-app .comment-article .box-comment-user,
.dark-mode .container-app .comment-article form textarea,
.dark-mode .container-app .item-article,
.dark-mode .container-app .item-training,
.dark-mode .container-app .item-favorites {
  background-color: #111B21;
  box-shadow: #111B21 0px 0px 50px 0px;
}

.dark-mode .container-app .training .soal table thead {
  background-color: #111B21;
  color: #eaeaea;
}

.dark-mode .container-app .training .soal table tbody label,
.dark-mode .container-app .training .soal table tbody {
  color: #eaeaea;
}



.dark-mode .container-app .training,
.dark-mode .container-app .videos,
.dark-mode .container-app .books {
  background-color: #222E35;
}

.dark-mode .container-app .videos iframe,
.dark-mode .container-app .item-book {
  background-color: #111B21;
}

.dark-mode .container-app .app .option-game h4,
.dark-mode .container-app .app .option-game .game-settings a,
.dark-mode .container-app .app .option-game #hasil,
.dark-mode .container-app .app .option-game #skor,
.dark-mode .container-app .comment-article .comment-user-description p,
.dark-mode .container-app .comment-article form textarea,
.dark-mode .container-app .comment-article form textarea::placeholder,
.dark-mode .container-app .footer-form-comment,
.dark-mode .container-app .description-article,
.dark-mode .container-app .item-article span,
.dark-mode .container-app .item-training table,
.dark-mode .container-app .item-favorites span,
.dark-mode .container-app .title-videos,
.dark-mode .container-app .item-book span {
  color: #eaeaea;
}

.dark-mode .container-app .item-article:hover,
.dark-mode .container-app .item-training:hover,
.dark-mode .container-app .item-favorites:hover {
  background-color: #0b1216;
}

/* *** end CONTAINER APP *** */