

/*Dashboard Style*/

body {
  background: #f5f6fa;
  font-size: 13px;
  padding-bottom: 0;
  
}



/* WRAPPER FIX  */
.dashboard-page {
  min-height: 15vh;
  display: flex;
  flex-direction: column;
  margin-bottom: 130px;
}

/* CONTENT SHOULD PUSH FOOTER DOWN 
.dashboard-page .content {
  flex: 1;
} */


/* cards */
.card {
 /* border:none ;*/
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  padding: 10px !important;
  margin-bottom: 10px;  

}

.clickable-element {
  cursor: pointer;
  color: #0b5ed7;

}


.reportTitle{
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

/* claim */
.claim {
  font-size: 20px;
  font-weight: bold;
}

/*policyData*/

.policyData{
  font-size: 20px;
  font-weight: bold;
}

/*grievance data*/
.grievanceRedressal{
  font-size: 20px;
  font-weight: bold;

}

/*product data*/
.productData{
  font-size: 20px;
  font-weight: bold;

}

.networkInformation{
  font-size: 20px;
  font-weight: bold;

}


.financialData {
  font-size: 20px;
  font-weight: bold; 

}

/*shrink all charts 
.chart-box {
  height: 180px !important;
} */

/* Force ALL canvas charts to be smaller */
canvas {
  max-height: 180px !important;
}

/* Reduce table spacing */
.table-responsive {
  padding: 10px;
}

/* Reduce headings spacing */
h2, h3, h4, h5 {
  margin-bottom: 8px !important;
  margin-top: 10px !important;
  font-size: 90%;
}

h5{
  text-align: center !important;
}

/* Reduce Bootstrap row spacing */
.row {
  margin-top: 10px !important;
}

/*LEFT ALIGN (Bootstrap Default) */
.row-left {
  display: flex;
  justify-content: flex-start;
}

/*CENTER ALIGN */
.row-center {
  display: flex;
  justify-content: center;
}

/* RIGHT ALIGN */
.row-right {
  display: flex;
  justify-content: flex-end;
}


/*download button */

/* Button styling */
.download-btn {
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 6px;
}

/* download card hover effect */
.download-btn:hover {
  background: #0b5ed7;
  transform: translateY(-1px);
  transition: 0.2s ease;
}