.body {
font-family: 'Public Sans', 'Roboto', 'sans-serif','Noto Nastaliq Urdu';
min-height: 100%;
}
html {
    height: 100%;
}
h11,h21,h31 {
  text-shadow: 2px 2px 5px orange ;
}
h14,h15 {
  text-shadow: 2px 2px 5px orange;
}

.logo {
    font-family: 'Anton', sans-serif;
    font-size: 3em;
    color:lightgreen;
}
.btn_pkf {

}

.top_menu_pkf,.nav-pkf {


font-family: 'Public Sans', sans-serif;
    color:green;
    font-size: 1.1em;
    background-color:#FFFFFF;
     padding-right: 5px;
    padding-left: 5px;
}
.top_menu_pkf_2 {

font-family: 'Public Sans', sans-serif;
    color:green;
    font-size: 1.1em;
    background-color:#FFFFFF;
}
img.centered {
   display: block;
   margin: auto auto;
}

.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -40px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: green;
  color: white;
}
.btn.active {
  background-color: yellow;
  color: red;
  box-shadow: 0 0 10px #4CAF50;
}
button:active {
  background-color: #4CAF50;
}

.navbar {
    padding-right: 5px;
    padding-left: 5px;
}
.dropdown-menu {
  right: 0;
  left: auto;
  margin-top: 0; /* Adjust the margin as per your requirement */
}
 .read {
        /* Define the styles for read records */
        background-color: #f2f2f2; /* Example: light gray background */
    }

    .unread {
        /* Define the styles for unread records */
        background-color: #ffcdd2; /* Example: light red background */
    }