#fe-sun-moon{font-size:21px;vertical-align:middle}
body.dark{color:#94a0ad;background-color:#303841}
.dark a{color:rgba(255,255,255,.6);transition:all .4s}
.dark a:hover{color:#f3f7f9;}
.dark caption{color:#98a6ad;}
.dark hr{border-top:1px solid #424e5a}
.dark .h1,.dark .h2,.dark .h3,.dark .h4,.dark .h5,.dark .h6,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#acbfd2}
.dark .breadcrumb-item>a{color:#dee2e6}
.dark .nav-tabs{border-bottom:1px solid #424e5a}
.dark .nav-tabs .nav-link{border:1px solid transparent;}
.dark .nav-tabs .nav-link:focus,.dark .nav-tabs .nav-link:hover{border-color:#36404a #36404a #424e5a}
.dark .nav-tabs .nav-link.disabled{color:#cedeef;background-color:transparent;border-color:transparent}
.dark .nav-tabs .nav-item.show .nav-link,.dark .nav-tabs .nav-link.active{color:#dee2e6;background-color:#424e5a;border-color:#424e5a #424e5a #424e5a}
.dark .btn-light{background-color:#424e5a;border-color:#424e5a;color:rgba(255,255,255,.6);}
.dark .btn-light:hover{color:#f3f7f9;}

.dark .left-side-menu{background-color: #37424c;box-shadow:0 0 35px 0 rgba(66,72,80,.15)}
.dark .left-side-menu #sidebar-menu .menu-title {color: #8c98a5;}
.dark .left-side-menu #sidebar-menu>ul>li>a {color:rgba(255,255,255,.6);transition:all .4s}
.dark .left-side-menu #sidebar-menu>ul>li>a:hover {color: #f3f7f9}
.dark #sidebar-menu .menu-line{background-color:#424e5a;}

.dark .logo-box{background-color:#3c4752}
.dark .logo-box .logo-dark{display:none}
.dark .logo-box .logo-light{display:block}
.dark .logo .logo-lg-text-dark{color:#f3f7f9;}
.dark .logo .logo-lg-text-light{color:#fff;}
.dark .navbar-custom{background-color:#3c4752;box-shadow:0 0 35px 0 rgba(66,72,80,.15);}
.dark .navbar-custom .topnav-menu .nav-link{color:rgba(255,255,255,.6);transition:all .4s}
.dark .navbar-custom .topnav-menu .nav-link:hover{color:#f3f7f9}
.dark .navbar-custom .dropdown.show .nav-link{background-color:rgba(255,255,255,.05)}
.dark .navbar-custom .app-search .app-search-box input:-ms-input-placeholder{color:rgba(255,255,255,.3)}
.dark .navbar-custom .app-search .app-search-box input::-ms-input-placeholder{color:rgba(255,255,255,.3)}
.dark .navbar-custom .app-search .app-search-box input::placeholder{color:rgba(255,255,255,.3)}
.dark .navbar-custom .app-search .form-control{color:#fff;background-color:rgba(255,255,255,.07);}
.dark .navbar-custom .app-search .btn{background-color:rgba(255,255,255,.07);color:rgba(255,255,255,.3);}
.dark .navbar-custom .button-menu-mobile{color:#fff;}

.dark .dropdown-menu{color:#94a0ad;background-color:#3b4651;border:1px solid #414d59;}
.dark .dropdown-divider{border-top:1px solid #475461}
.dark .dropdown-item{color:#94a0ad;}
.dark .dropdown-item:focus,.dark .dropdown-item:hover{color:#e2ecf1;background-color:#424e5a}
.dark .dropdown-item.active,.dark .dropdown-item:active{color:#f3f7f9;background-color:#424e5a}
.dark .dropdown-item.disabled,.dark .dropdown-item:disabled{color:#5d7186;background-color:transparent}
.dark .dropdown-item-text{color:#94a0ad}

.dark .notification-list .noti-title {background-color: transparent;}
.dark .notification-list .notify-item .notify-details {color:#f7f7f7}

.dark .fade{transition:opacity .15s linear}
.dark .close{color:#f7f7f7}
.dark .modal-backdrop{background-color:#75889B}
.dark .modal-header{border-bottom:1px solid #36404a;}
.dark .modal-content{background-color:#36404a;}

.dark .text-dark{color:#f3f7f9!important}
.dark a.text-dark:focus,a.text-dark:hover{color:#c0d5e0!important}
.dark .card{background-color:#36404a;border:0 solid #36404a;}
.dark .card-box{background-color:#36404a;box-shadow:0 .75rem 6rem rgba(56,65,74,.03);}

.dark .subtitle{scrollbar-color:#727E89 #3B4651;}
.dark .subtitle .dropdown-item{border-left:#36404A 4px solid}
.dark .subtitle .dropdown-item:focus,.dark .subtitle .dropdown-item:hover{background-color:#36404A;border-left:#424E5A 4px solid}
.dark .word-box .word-item {background: #424e5a;}
.dark .word-box .word-item p.en {color: #acbfd2;}
.dark .word-box .word-item p.en .soundmark{color:#98a6ad}
.dark .words-list .card-text{color:#87949b}
.dark .word-modal .modal-body{scrollbar-color:#727E89 #3B4651;}
.dark .word-box{scrollbar-color:#727E89 #3B4651;}

.dark .page-link{color:#f3f7f9;background-color:#3b4651;border:1px solid #424e5a}
.dark .page-link:hover{color:#f3f7f9;background-color:#424e5a;border-color:#475461}
.dark .page-link:focus{box-shadow:0 0 0 .15rem rgba(50,131,246,.25)}

.dark .footer {color: #8c98a5;background-color: #2b323a}
.dark .footer .footer-links a{color:#8c98a5;}
.dark .footer .footer-links a:hover{color:#f3f7f9}