/* custom.css */
.card-title {
  font-weight: 600;
  color: #007bff;
}

.navbar-brand span {
  font-size: 0.85rem;
  color: #555;
}


html{
  height: 100%;
 
}

body{
    background-color: white;
    font-family: "Poppins", sans-serif;
  
    color: #333;
    margin: 0;
    width: 100%;
    min-height: 100%
    width: 100%; 
   
} 


footer {
     background-color: #f7fafa;
    width: 100%;
    height: 70
    px;
    position: fixed;
    bottom: 0;
    left: 0;
    display:table;
}
footer > p,
footer > div {
    display:table-cell;
    vertical-align:middle;
    padding:10px;
      text-align: center;
}


h1{
    
    font-family: "Gill Sans Extrabold", sans-serif;
    color: rgb(5, 5, 71);
    font-weight: bold;  
    text-align: center;
    

    }

h2{
    
    font-family: "Gill Sans Extrabold", sans-serif;

    font-weight: bold;  
    text-align: center;
    color: rgb(0, 2, 11);
    }


h3{
    
    font-family: "Gill Sans Extrabold", sans-serif;

    font-weight: bold;  
}
h4{
    
    font-family: "Gill Sans Extrabold", sans-serif;
    color: rgb(5, 0, 0);
    font-weight: bold;  
    text-align: center;
    }

h6 {
    
    font-family: "Gill Sans Extrabold", sans-serif;

 


    }

p{
    color: rgb(0, 2, 14);
}


a:hover {
  color: hotpink;
}

nav {
  background-color: #009fe3;
  width: 100%;
  box-sizing: content-box;
}

.my-custom-table th {
  background-color: rgb(39, 68, 155);
}

.my-custom-table {
  border: 1px solid rgb(198, 198, 230);
  
}

.center {
  text-align: center;
  border: 3px solid green;
}

.download-icon {
    font-size: 16px; /* Adjust the value as needed */
}
/* Remove background from the pagination container row */
nav[aria-label="Forecast pagination"],
nav[aria-label="Forecast pagination"] .pagination {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Reset page link backgrounds */
.pagination .page-link {
  background-color: transparent !important;
  color: black !important;
  border: 1px solid #dee2e6 !important;
}

/* Remove background from active page button too */
.pagination .page-item.active .page-link {
  background-color: transparent !important;
  color: black !important;
  border-color: #dee2e6 !important;
}

/* Optional: hover effect */
.pagination .page-link:hover {
  background-color: #f8f9fa !important;
  color: #000 !important;
}