/* Global Dark Mode Styles */
body.dark {
    background-color: #142127;
    color: #6c757d;
}

/* Header */
body.dark .header {
    background-color: #142127;
    color: #6c757d;
}

/* Sidebar */
body.dark .left-side-bar {
    background-color: #142127;
}

body.dark .sidebar-menu .dropdown-toggle,
body.dark .sidebar-menu .submenu li a {
    color: #6c757d;
}

/* Main Container and Cards */
body.dark .card-box,
body.dark .badge-primary,
body.dark .page-header {
    background-color: #1e2a31;
    color: #6c757d;
}

body.dark .blog-pagination .current {
   background-color: #ffffffb0;
       color: #000000 !important;
}

body.dark .paginate_button.page-item a:hover {
    background-color: #6c757d !important;
    color: white !important;
}

body.dark .paginate_button.page-item.active a {
            background-color: #ffffffb0!important;
    color: #000000 !important;
}
body.dark .paginate_button.page-item a {
        background-color: #1e2a31!important;
      border-color: #ECF0F7!important;
}
body.dark .nav-link.active {
        background-color: #1e2a31!important;
       border-bottom: 2px solid #6c757d!important;
}
body.dark .nav-link:hover {
       border-bottom: 2px solid #6c757d!important;
}
body.dark .card-header {
        background-color: #1e2a31!important;
        border-bottom: 1px solid #6c757d;
        color: #6c757d!important;
}
body.dark .main-container {
    background-color: #142127;
    color: #6c757d;
}
body.dark .badge-primary {
    background-color: #6c757d;
    color: #1e2a31;
}
body.dark .badge.bg-success {
       background-color: #28a74569 !important;
   
}
body.dark .badge.bg-warning {
       background-color: #ffc10799 !important;
   
}
body.dark .badge.bg-info {
       background-color: #17a2b8a8 !important;
   
}
body.dark .badge.bg-danger {
      background-color: #dc354580 !important;
   
}
body.dark .badge.bg-secondary {
       background-color: #6c757d75 !important;
}
body.dark .bg-white {
       background-color: #1e2a31 !important;
    color: #6c757d;
}
body.dark .card {
       background-color: #1e2a31 !important;
    color: #6c757d;
}

/* Inputs and Form Elements */
body.dark ins,
body.dark h4,
body.dark h5,
body.dark h3,
body.dark p,
body.dark .profile-info ul li span,
body.dark .nav-tabs.customtab ,
body.dark h2,
body.dark input,
body.dark .swal2-modal,
body.dark select,
body.dark textarea {
    background-color: #1e2a31;
    color: #6c757d;
    border-color: #4b4d50;
}
body.dark .user-name {
    color: #6c757d!important;
}
body.dark .edit-avatar {
    background-color: #1e2a31;
}
body.dark .form-control:disabled{
    color: #ecf0f4;
    background-color: #6c757d;
    border-color: #4b4d50;
}

/* Links */
body.dark a , body.dark .btn-primary{
    color: #6c757d!important;
}

body.dark .table-hover tbody tr:hover {
  
 background: rgba(236, 240, 244, .19)!important;
    color: #fff!important;
}
body.dark .btn-outline-primary:hover{
  background-color: #6c757d !important;
    color: #1e2a31 !important;
}
body.dark .swal2-confirm:hover,
body.dark .btn:hover{
  background-color: #6c757d !important;
    color: white !important;
}
body.dark .current{
  background-color: #1e2a31;
  color: #1e2a31 !important;
  text-decoration: underline;
}
body.dark a:hover {
    /*
color: #1e2a31 !important;
    background-color: transparent !important;
    */
   
    text-decoration: underline;
}
body.dark input:focus{
   
    border-color: #6c757d !important;
}

body.dark select:focus,
body.dark .btn:active,
body.dark .btn:focus {
    background-color: #6c757d !important;
    color: #1e2a31 !important;
    border-color: #6c757d !important;
}
/* Additional Components */
body.dark .swal2-confirm{
    background: #6c757d!important;
    color: #141414!important;
}
body.dark .btn,
body.dark .dropdown-menu,
body.dark .modal-content {
    background-color: #1e2a31;
    color: #6c757d;
}

body.dark .table {
    background-color: #1e2a31;
    color: #6c757d;
}
body.dark .list-group-item ,body.dark .latest-post ul li h4 a {
    background-color: #1e2a31;
    color: #6c757d;
   
}
body.dark .list-group-item {
     /* border: 1px solid #fff; */
}
body.dark ul li , body.dark .btn-outline-primary,body.dark .btn, body.dark .current{
     /* border: 1px solid #fff; */
     color: #6c757d;
      border-color: #ECF0F7;
}

body.dark .blog-list *{
     background-color: #1e2a31!important;
    color: #6c757d!important;
}
 

body.dark .table th,
body.dark .table td {
    border-color: #4b4d50;
}
body.dark .text-black{
    color:#6c757d;
}