:root {
    --nafdac-primary: #227645;
    --nafdac-secondary: #018752;
    --nafdac-accent: #EF363A;
    --nafdac-backgroud:  #D0F4DD;
}

.container input::placeholder {
    /* color: red; */
    opacity: 0.45; /* Firefox */
    font-size: small;
}

.naf-bg-primary{
    background-color: var(--nafdac-primary);
}
.naf-bg-secondary{
    background-color: var(--nafdac-secondary);
}
.naf-bg-accent{
    background-color: var(--nafdac-accent);
}
.naf-bg{
    background-color: var(--nafdac-backgroud);
}

.naf-card{
  padding: 6px 2px;
  background: rgb(243 244 246 );
  border: 2px solid var(--nafdac-backgroud);
  border-radius: 10px;
  margin: 20px;
}

.naf-card:hover{

  border: 2px solid var(--nafdac-secondary);

 }

.naf-card h5{
    color: var(--nafdac-primary);
    font-weight: bold;
}
.naf-card a{text-decoration: none;}

.naf-card .card-body{
  border-left: 4px solid var(--nafdac-secondary);
  margin-left: 10px;
}
.naf-card .card-body h5{
  font-size: 14px;
}
.naf-card .card-body span{
  color: #040404;
  font-size: 12px;
}

.pdesc{
  white-space: pre-wrap;
}

.bg-lime-500 {
  --tw-bg-opacity: 1;

}

.nafdac-social{
    font-size: 25px;
    color: var(--nafdac-primary);
    margin-right: 10px;
}

ul.nav {
  height: 45px;
}

li.nav-item:hover {
  background-color:   var(--nafdac-backgroud);
  border-radius: 8px;
}

li.nav-item:hover a {
  color: #000000 !important;
}

.navbar-brand{
  position: relative;
  z-index: 99;
  top: 40px;
}

.navbar-brand img{height: 100px;border-radius: 50px;}

@media only screen and (max-width: 600px) {
  .navbar-brand{top: 0;}
}

/* ATC classification  */

.no-bullet{
  list-style-type: none;
}

.pain-link{
  color: #000000;
  text-decoration: none;
}

.atc-container {
  display: flex; /* or inline-flex */
  flex-wrap: wrap;

}
.atc-card{
  padding: 6px 2px;
  background: rgb(243 244 246 );
  border-radius: 10px;
  margin: 5px;
  width: 19%;
  /* padding: 0.5em 1rem; */
}

.atc-card .card-body{
  text-align: center;
}

.atc-sidebar{
  background-color: rgb(34 197 94 );
  color: #FFFFFF;
  top: 0;
}

.atc-sidebar .pain-link{
  color: #FFFFFF;
}

/* Overriding bootstrap pagination  */

.page-item.active .page-link {
    background-color: var(--nafdac-primary) !important;
}

.paginate_button.page-item{
    padding: 0px 0px !important;
}

.page-link{
    color: var(--nafdac-primary) !important;
}

.page-link:hover{
    background-color: var(--nafdac-backgroud) !important;
}

.page-item.active .page-link{
    color: var(--nafdac-backgroud) !important;
    border: 1px solid var(--nafdac-backgroud) !important;
}

.paginate_button:hover{
    border: none !important;
    background: none !important;
}
/*
.page-link:hover{
    border: 1px solid var(--nafdac-primary) !important;
} */


@media only screen and (min-width: 600px) {
    /* Search input of data table */
    .dataTables_filter input {
        width: 450px !important;
    }
  }





/* #page-loader{
    position: fixed;
    z-index: 1000;
    height: 100%;
    width: 100%;
    opacity: .6;
    background-color: white;
    top:0;
    left: 0;
} */