.dropdown-toggle-no-arrow::after {
   display: none !important;
}
.active-header-link {
   border-bottom: 1.5px solid #ca2d2c;
}
.notification-container-dropDown {
   right: -22px;
}
.notification-counter {
   font-size: 8px;
   padding: 4px;
}
.accept-request-btn {
   background-color: #f3f9f6;
   color: #2fb40e;
}
.reject-request-btn {
   background-color: #fff4f4bd;
}
.notification-dropdown {
   min-width: 420px !important;
   max-height: 60vh !important;
}
.notification-container-dropDown {
   display: none;
}
.dropdown-overlay {
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
   display: none;
}
.notification-divider {
   background-color: rgba(0, 0, 0, 0.5) !important;
}
.show {
   display: block;
}
@media screen and (min-width: 992px) {
   .header-border-left {
      border-left: 1px solid #c5c5c5;
   }
   .dropdown-menu.dropdown-menu-lg-left::before {
      content: "";
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #fff;
      position: absolute;
      top: -4px;
      left: 90%;
      transform: translateX(-50%);
      z-index: 1;
   }
}
@media screen and (max-width: 992px) {
   .notification-container-dropDown img {
      height: 40px;
      width: 40px;
   }
   .notification-container-dropDown h5 {
      font-size: 14px;
   }
   .notification-container-dropDown h6 {
      font-size: 12px;
   }
   .notification-container-dropDown button {
      font-size: 12px;
   }
   .notification-container-dropDown small {
      font-size: 10px;
   }
}
@media screen and (max-width: 768px) {
   .notification-dropdown {
      min-width: 24rem !important;
   }
   .notification-container-dropDown {
      right: -110px;
   }
   .notification-call-container img {
      height: 25px;
      width: 25px;
   }
   .notification-container-dropDown h5 {
      font-size: 11px;
   }
   .notification-container-dropDown h6 {
      font-size: 9px;
   }
   .notification-container-dropDown button {
      font-size: 8px;
   }
   .notification-container-dropDown small {
      font-size: 8px;
   }
}
@media screen and (max-width: 425px) {
   .navbar-brand img {
      width: 110px;
   }
   .notification-dropdown {
      min-width: 18rem !important;
   }
   .notification-container-dropDown img {
      height: 30px;
      width: 30px;
   }
   .notification-call-container img {
      height: 20px;
      width: 20px;
   }
   .notification-container-dropDown h5 {
      font-size: 10px;
   }
   .notification-container-dropDown h6 {
      font-size: 8px;
   }
   .notification-container-dropDown button {
      font-size: 8px;
   }
   .notification-container-dropDown p {
      font-size: 7px;
   }
   #loginModal a {
      font-size: 10px;
   }
}