.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #dae0e5 !important;
  color: #000000 !important;
}

.suggestions-container {
  z-index: 1000;
}

.ngx-datepicker-calendar-container {
  z-index: 99;
}

.dropdown-menu {
  z-index: 10000;
}

app-print-page {
  /* hide the printing component from @media screen */
  display: none;
}

app-generate-print-receipts{
  /* hide the printing component from @media screen */
  display: none;
}
app-print-receipt {
  /* @page {
    size: 8.5in 14in;
    size: landscape;
    margin: 0;
  } */

}


  /* @page {
    size: 8.5in 14in;
  } */

@media print {
  /* invert the display (show/hide) properties of the main */
  /* aplication component and the printing component       */

  app-print-page {
    display: block;
  }

  app-main-page {
    display: none;
  }
  

  app-navbar {
    display: none;
  }

  app-sidenav {
    display: none;
  }

  #searchEvent {
    display: none;
  }

  #receiptList {
    display: none;
  }

  app-footer {
    display: none;
  }

  .page-break-trigger{
    page-break-after: always;
  }
}

#receiptList .ngx-datepicker-calendar-container{
  width: 270px !important;
} 


#receiptList .dropdown-menu{
  right: 0;
  transform: translate3d(0, 44px, 0px);
}

#donationList .ngx-datepicker-calendar-container{
  width: 270px !important;
} 


#donationList .dropdown-menu{
  right: 0;
  transform: translate3d(0, 44px, 0px);
}

#contactList .dropdown-menu{
  right: 0;
  transform: translate3d(0, 44px, 0px);
}

/* .dropdown-menu{
  left: 80px !important;
  right: 0px !important;
  position: relative !important;
} */

/* Tag Input Background color  */
.label-info {
  background-color: #5bc0de;
}

#contactList .label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}