body[data-sidebar="dark"] .vertical-menu {
    background: #0d0d0d; }
body[data-sidebar="dark"] .navbar-brand-box {
    background: #0d0d0d; }
body[data-sidebar="dark"] #sidebar-menu ul li a {
    color: #FFFFFF; letter-spacing: 1px; }
body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: #FFFFFF; }
body[data-sidebar="dark"] #sidebar-menu ul li a:hover {
    color: #FFFFFF; }
body[data-sidebar="dark"] #sidebar-menu ul li a:hover i {
    color: #FFFFFF; }
body[data-sidebar="dark"] .menu-title {
    color: #FFFFFF; }
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a {
    color: #FFFFFF; }
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #FFFFFF; }
body[data-sidebar="dark"] .mm-active .active {
    color: #FFFFFF !important;
    font-weight: bold;
}
body[data-sidebar="dark"] .mm-active .active i {
    color: #FFFFFF !important; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {
    background: #00A3AD;
    color: #FFFFFF; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {
    color: #FFFFFF; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
    color: #FFFFFF; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {
    color: #FFFFFF; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {
    background-color: #00A3AD; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #FFFFFF !important; }
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
    color: #FFFFFF !important; }
body[data-sidebar="dark"] {
    color: #FFFFFF !important; }
.btn-primary {
    color: #000000;
    background: linear-gradient(180deg, rgba(159, 116, 0, 1), rgba(233, 218, 90, 1), rgba(159, 116, 0, 1)) !important;
    border: none; /* or use a solid color */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    border-radius: 0.5rem;
    line-height: 25px;
}
.btn-primary:hover {
    color: #000000;
    background-color:  linear-gradient(180deg, #9F7400 0%, #E9DA5A 50%, #9F7400 100%);
    border-color:  linear-gradient(180deg, #9F7400 0%, #E9DA5A 50%, #9F7400 100%);
}
.bg-primary.bg-soft {
    background-color: #1e1e1e !important;
}
.text-primary {
    color: #FFFFFF !important;
}
.form-check-input:checked, .page-item.active .page-link {
    background-color: #005FAD;
    border-color: #005FAD;
}
body[data-sidebar="dark"] .navbar-brand-box, body[data-sidebar="dark"] .vertical-menu {
    background: #0d0d0d;
}
body[data-sidebar="dark"] #sidebar-menu ul li a:hover,body[data-sidebar="dark"] .mm-active .active {
    color: #FFFFFF !important;
    background: none;
}
body[data-sidebar="dark"] .mm-active .active i, body[data-sidebar="dark"] #sidebar-menu ul li a:hover i,body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active{
    color: #FFFFFF !important;
}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a,body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul{
    background: #0d0d0d;
}
@keyframes dance {
    0% { transform: translateY(0); }
    25% { transform: translateY(-5px) rotate(-5deg); }
    50% { transform: translateY(0) rotate(5deg); }
    75% { transform: translateY(-5px) rotate(-5deg); }
    100% { transform: translateY(0); }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}
.metismenu li a:hover i{
    animation: dance 0.5s ease-in-out infinite;
}
.mini-count-box:hover i {
    animation: pulse 0.5s ease-in-out infinite;
}

.mini-count-box i {
    font-size: 40px;
    color: #9F7400 !important;
    margin-top: 10px;
}
.mini-count-box {
    background: #fff;
}

.mini-count-box p {
    letter-spacing: 1px;
}

.card-icon {
    text-align: right;
}

.card {
  background-color: #1e1e1e !important;
}
.table-bordered, .table-bordered td, .table-bordered th, tbody, td, tfoot, th, thead, tr {
    border: 1px solid #353535;
}
.table {
    color: #FFFFFF;
}
.form-control {
    background-color: #121212;
    border-color: #353535;
}
.img-thumbnail
 {
    padding: 0;
    border: none;
}
.page-item.disabled .page-link {
    color: #FFFFFF;
    pointer-events: none;
    background-color: #121212;
    border-color: #353535;
}
.page-item.active .page-link {
    background-color: #353535;
    border-color: #353535;
}
.form-check-input:checked{
    background-color: #9F7400;
    border-color: #353535;
}
.badge {
    font-size: 12px;
    letter-spacing: 1px;
}

.nav-tabs-custom .nav-item .nav-link.active {
    color: #FFFFFF;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #9f75005e;
}
.nav-tabs-custom .nav-item .nav-link::after {
    background: #9F7400;
}
.nav-link:focus, .nav-link:hover {
    color: #9F7400;
}

#followers-table tbody tr, #following-table tbody tr, #block_user-table tbody tr, #favourite-table tbody tr, #shared-table tbody tr, #posts-table tbody tr, #blocks-table tbody tr, #reports-table tbody tr, #flexs-table tbody tr {
    background-color: #0E0E0E;
    border-radius: 10px;
    display: inline-block;
    align-items: center;
    padding: 10px;
    width: calc(50% - 10px);
    margin: 5px;
}

#followers-table tbody tr td, #following-table tbody tr td, #block_user-table tbody tr td, #favourite-table tbody tr td, #shared-table tbody tr td, #posts-table tbody tr td, #blocks-table tbody tr td, #reports-table tbody tr td, #flexs-table tbody tr td {
    border: none !important;
    vertical-align: middle;
}

#followers-table tbody tr td:nth-child(2), #following-table tbody tr td:nth-child(2), #block_user-table tbody tr td:nth-child(2), #favourite-table tbody tr td:nth-child(2), #shared-table tbody tr td:nth-child(2), #posts-table tbody tr td, #blocks-table tbody tr td, #reports-table tbody tr td, #flexs-table tbody tr td {
    width: 60px;
}

#followers-table tbody tr td:nth-child(2) img, #following-table tbody tr td:nth-child(2) img, #block_user-table tbody tr td:nth-child(2) img, #favourite-table tbody tr td:nth-child(2) img, #shared-table tbody tr td:nth-child(2) img, #posts-table tbody tr td:nth-child(2) img, #blocks-table tbody tr td:nth-child(2) img, #reports-table tbody tr td:nth-child(2) , #flexs-table tbody tr td:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

#followers-table tbody tr td:nth-child(3), #following-table tbody tr td:nth-child(3), #block_user-table tbody tr td:nth-child(3), #favourite-table tbody tr td:nth-child(3), #shared-table tbody tr td:nth-child(3), #posts-table tbody tr td:nth-child(3), #blocks-table tbody tr td:nth-child(3), #reports-table tbody tr td:nth-child(3), #flexs-table tbody tr td:nth-child(3) {
    flex-grow: 1;
    padding-left: 15px;
}

#following-table tbody tr td:nth-child(1), #followers-table tbody tr td:nth-child(1), #block_user-table tbody tr td:nth-child(1), #favourite-table tbody tr td:nth-child(1), #shared-table tbody tr td:nth-child(1), #posts-table tbody tr td:nth-child(1), #blocks-table tbody tr td:nth-child(1), #reports-table tbody tr td:nth-child(1), #flexs-table tbody tr td:nth-child(1) {
    width: 5% !important;
}
#following-table tbody tr td:nth-child(2), #followers-table tbody tr td:nth-child(2), #block_user-table tbody tr td:nth-child(2), #favourite-table tbody tr td:nth-child(2), #shared-table tbody tr td:nth-child(2), #posts-table tbody tr td:nth-child(2), #blocks-table tbody tr td:nth-child(2), #reports-table tbody tr td:nth-child(2), #flexs-table tbody tr td:nth-child(2) {
    width: 15% !important;
}
#following-table tbody tr td:nth-child(3), #followers-table tbody tr td:nth-child(3), #block_user-table tbody tr td:nth-child(3), #favourite-table tbody tr td:nth-child(3), #shared-table tbody tr td:nth-child(3), #posts-table tbody tr td:nth-child(3), #blocks-table tbody tr td:nth-child(3), #reports-table tbody tr td:nth-child(3), #flexs-table tbody tr td:nth-child(3) {
    width: 70% !important;
}
#following-table tbody tr td:nth-child(4), #followers-table tbody tr td:nth-child(4), #block_user-table tbody tr td:nth-child(4), #favourite-table tbody tr td:nth-child(4), #shared-table tbody tr td:nth-child(4), #posts-table tbody tr td:nth-child(4), #blocks-table tbody tr td:nth-child(4), #reports-table tbody tr td:nth-child(4), #flexs-table tbody tr td:nth-child(4) {
    width: 10% !important;
}

.user-name {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.user-username {
    font-size: 14px;
    color: #bbb;
}

.verified-badge {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: middle;
}

/* Hide default DataTables pagination and info */
.dataTables_info, .dataTables_paginate {
    color: #ccc;
}

/* No followers/following message styling */
.no-data-message {
    text-align: center;
    color: #888;
    margin-top: 20px;
    font-size: 16px;
}
.dropdown-menu {
    background-color: #1e1e1e !important;
    border: 1px solid #0E0E0E;
}
.dropdown-item {
    color: #FFFFFF;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #121212;
    color: #FFFFFF;
}
.mdi-check-decagram {
    color: #00c853;
    margin-left: 5px;
    font-size: 16px;
}