.light,
:root {
    --theme-color: #000000;
    --ct-primary: #000000;
    --ct-primary-rgb: 0, 0, 0;
    --ct-primary-text-emphasis: #000000;
    --ct-primary-bg-subtle: #f1f1f1;
    --ct-primary-border-subtle: #c7c7c7;
    --ct-link-color: #000000;
    --ct-link-hover-color: #222222;
}

.btn-primary,
.bg-primary,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.text-primary,
.side-nav .menuitem-active > .side-nav-link {
    color: #000000 !important;
}

.leftside-menu .side-nav .side-nav-link,
.leftside-menu .side-nav .side-nav-link span,
.leftside-menu .side-nav .side-nav-link i,
.leftside-menu .side-nav .side-nav-link:hover,
.leftside-menu .side-nav .side-nav-link:hover span,
.leftside-menu .side-nav .side-nav-link:hover i,
.leftside-menu .side-nav .menuitem-active > .side-nav-link,
.leftside-menu .side-nav .menuitem-active > .side-nav-link span,
.leftside-menu .side-nav .menuitem-active > .side-nav-link i,
.leftside-menu .side-nav .side-nav-link::after,
.leftside-menu .side-nav .side-nav-link:hover::after,
.leftside-menu .side-nav .menuitem-active > .side-nav-link::after {
    color: #ffffff !important;
}

.bg-primary-lighten,
.badge-primary-lighten {
    background-color: #eeeeee !important;
    color: #000000 !important;
}

.username {
    font-weight: bold;
    color: #000000;
}
.hashtag {
    font-weight: bold;
    color: #000000 !important;
}
.hashtag:hover{
    text-decoration: underline;
}
.username:hover{
    text-decoration: underline;
}

.custom-width-18px {
    width: 18px !important; /* Set the width of the image to 18px */
}
.custom-height-18px {
    height: 18px !important; /* Set the width of the image to 18px */
}
.w-h-30 {
    width: 35px;
    height: 35px;
}
.country-code-field {
    width: 120px !important;
    text-align: center;
  }