@import url("login.css");
@import url("dashboard.css");
@import url("sidebar.css");
@import url("navbar.css");
@import url("table.css");
@import url("detailtemplate.css");
@import url("table-campaign.css");
@import url("campaign.css");
@import url("create-campaign.css");
@import url("user_management.css");
@import url("contact.css");
@import url("group.css");
@import url("channel.css");
@import url("activity.css");
@import url("notif.css");
@import url("profile.css");

html,
body {
  height: 100%;
}

body {
  font-family: "Poppins", sans-serif;
  background-color: #f2f4f7;
  display: flex;
  flex-direction: column;
  margin: 0;
}

h1 {
  font-weight: 700; /* Bold */
}

h2 {
  font-weight: 600;
}

p {
  font-weight: 400; /* Regular */
  margin-bottom: 0;
}

.background-gray {
  background-color: #e9ecf1;
}
.text-gray {
  color: #808a98;
}
.background-nav-admin {
  background-color: #cfd4da;
}

.p-20 {
  padding: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer {
  margin-top: auto !important;
  padding-top: 14px;
}

.footer-text {
  margin-left: 0px;
}

@media (min-width: 769px) {
  .footer-text {
    margin-left: 280px;
  }
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: #e8e8e8;
  border-radius: 8px; /* Rounded track */
}

*::-webkit-scrollbar-thumb {
  background-color: #818b99;
  border-radius: 20px;
}

/* Make the tooltip button a perfect circle */
.btn-tooltip {
  width: 25px; /* Adjust width */
  height: 25px; /* Adjust height */
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.btn-tooltip i {
  font-size: 0.875rem; /* Adjust icon size if necessary */
}

.btn-tooltip-sub {
  width: 17px; /* Adjust width */
  height: 17px; /* Adjust height */
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.btn-tooltip-sub i {
  font-size: 0.6rem; /* Adjust icon size if necessary */
}

/* Custom Tooltip */
.tooltip.tooltip-white {
  --bs-tooltip-bg: white;
  --bs-tooltip-color: black;
  --bs-tooltip-font-size: 0.75rem;
}

/* Sembunyikan tombol "eye" di Microsoft Edge */
input[type="password"]::-ms-reveal {
  display: none;
}

/* Sembunyikan tombol "eye" di Chrome dan Edge berbasis Chromium */
input[type="password"]::-webkit-textfield-decoration-container {
  display: none;
}