body.dark-mode {
  color: #fff !important;
  background-color: #000;
}

.dark-mode .bg-light {
  background-color: #222 !important;
}

.dark-mode a {
  color: #eee;
}

.dark-mode .breadcrumb-item.active {
  color: #eee !important;
}

.dark-mode .card {
  background-color: #000 !important;
  border: 1px solid #333;
}

.dark-mode hr {
  color: #333;
  background-color: currentColor;
}

.dark-mode .footer {
  border-top: 1px solid #333;
  color: #fff !important;
}

.dark-mode .h1,
.dark-mode .h2,
.dark-mode .h3,
.dark-mode .h4,
.dark-mode .h5,
.dark-mode .h6,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
  color: #fff !important;
}

.dark-mode .text-secondary {
  color: #aaa !important;
}

.dark-mode .left-sidenav {
  border-right: 1px solid #333;
  background-color: #000;
}

.dark-mode .left-sidenav-menu li > a .menu-icon {
  color: #fff;
  fill: rgba(255, 255, 255, 1);
}

.dark-mode .left-sidenav-menu li > a {
  color: #fff;
}

.dark-mode .left-sidenav-menu li:hover a {
  background-color: #333;
}

.dark-mode .left-sidenav-menu .menu-label {
  color: #aaa;
}

.dark-mode .form-control {
  color: #fff;
  background-color: #222;
  border-color: #333;
}

.dark-mode .form-control:focus {
  color: #fff;
  background-color: #222;
  border-color: #666;
}

.dark-mode .form-label {
  color: #aaa;
}

.dark-mode .bg-light-alt {
  background-color: #333 !important;
}

.dark-mode .nav-border.nav.nav-pills {
  border-bottom: 1px dashed #666;
}

.dark-mode .stories-card {
  border: 2px solid #222;
}

.dark-mode .text-dark {
  color: #eee !important;
}

.dark-mode .tagcat-description {
  color: #eee !important;
}

.dark-mode .tagcat-badge {
  color: #fff !important;
  background-color: #000;
}
.dark-mode .tagcat-location {
  color: #fff !important;
  background-color: #000;
}

.dark-mode .adcarousel-container {
  background-color: #000;
  border: 1px solid #333;
}

.dark-mode .tagclouds .tagcloud {
  background-color: #000;
  border: 1px solid #333;
  color: #fff;
}

.dark-mode .tagclouds .tagcloud:hover {
  background-color: #aaa;
  border: 1px solid #777;
  color: #000 !important;
}

.dark-mode .chat-box-right .chat-header {
  border-bottom: 1px solid #333;
  background-color: #000;
}

.dark-mode .chat-box-right {
  border: 1px solid #333;
  border-bottom: 1px solid #333;
  background-color: #000;
}

.dark-mode .chat-box-right .chat-footer {
  border-top: 1px solid #333;
  background-color: #000;
}

.dark-mode
  .chat-box-right
  .chat-body
  .chat-detail
  .media
  .media-body
  .chat-msg
  p {
  background-color: #000;
  border: 1px solid #333;
  color: #eee;
}

.dark-mode
  .chat-box-right
  .chat-body
  .chat-detail
  .media
  .media-body.reverse
  .chat-msg
  p {
  background-color: #222;
  border: 1px solid #333;
  color: #eee;
}

.dark-mode .form-check-input {
  background-color: #aaa;
}

.dark-mode .form-check.poll .form-check-input:checked {
  background-color: #00ce2d;
}

.dark-mode .stories-label {
  color: #eee;
}

.dark-mode .navbar-custom {
  background: rgba(0,0,0,0.5)
}

.dark-mode .msgbtn,
.dark-mode .msgbtn2 {
  border: 2px solid #aaa;
  color: #eee;
}

.dark-mode .footericons {
  border-top: 1px solid #333;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
}

.dark-mode .footer-icon i {
  color: #fff;
}

.dark-mode .btn-subscribe {
  border: 1px solid #333;
}

.dark-mode audio {
  filter: invert(100%) !important;
}

.dark-mode audio::-webkit-media-controls-play-button {
  background-color: #b61515;
}

.dark-mode .modal-content {
  background-color: #111;
  color: #fff;
}

.dark-mode .modal-header {
  background-color: #111;
  border-bottom: 1px solid #333;
}

.dark-mode .modal-body .field {
  border: 1px solid #333;
}

.dark-mode .field button {
  background: transparent;
}

.dark-mode .field input {
  background: #111;
  color: #fff !important;
}

.dark-mode .form-control::placeholder {
  color: #aaa !important;
}

.dark-mode .btn-soft-primary {
  border: 1px solid #222;
}

.dark-mode .form-select {
  background-color: #000;
  border: 1px solid #222;
  color: #aaa;
}

.dark-mode .modal-content .modal-body p,
.modal-content h4 {
  color: #fff;
}

.dark-mode .form-control,
.dark-mode .form-control:focus {
  background-color: #000;
}

@media only screen and (max-width: 600px) {
  .dark-mode .chat-box-right {
    border: 0;
  }

  .dark-mode .chat-card {
    border: 0;
  }
}

.dark-mode .scrolling-wrapper::-webkit-scrollbar-thumb {
  background-color: #333;
}
.dark-mode .loginpop .form-control,
.dark-mode .loginpop .form-control:focus {
  background-color: #111;
}

.dark-mode .loginpop .card {
  background-color: #111 !important;
}

.dark-mode .notification-body a {
  color: #1b84fc !important;
  text-decoration: underline;
}
.dark-mode .my_comment input {
  border: 0 !important;
}
.dark-mode .my_comment .btn-comment {
  border: 0 !important;
  background-color: #0e0e0e;
}
.dark-mode .user_comments {
  border-bottom: 1px solid #333;
}

.dark-mode .newchat {
  background-color: rgba(23, 96, 253, 0.1) !important;
  border-color: rgb(23, 96, 253) !important;
  border: 2px solid;
}

.dark-mode .viewshare-bar a:hover {
  background-color: #222;
}

.dark-mode .postviewtype {
  border: 1px solid #333;
}

.dark-mode .postviewtype .icon-wrapper.active{
  background-color: #333;
}