.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; 
}


.page-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 999;
  overflow-y: auto; 
  padding-bottom: 50px;
}

.content-wrapper {
  padding-top: 45px;
  
}

.sample-form td {
  font-size: 15px !important;
  padding: 5px !important;
}


.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}


.id_card{
  position: relative;

}
.card_logo{
  position: absolute;
  left: 25px;
  top:10px;
}
.org_detail{
  position: absolute;
  text-align: center;
  left: 150px;
  top: 10px;
}
.card_org_logo{
  position: absolute;
  left: 400px;
  top:10px;
}
.photo{
  position: absolute;
  top: 100px;
  left: 20px !important;
}
.user_detail{
  position: absolute;
  top:100px ;
  left: 160px;
}
.qr_code{
  position: absolute;
  top: 150px;
  left: 380px;

}
.sign_one{
  position: absolute;
  top: 100px;
  left: 60px;
}
.sign_two{
  position: absolute;
  top: 200px;
  left: 20px;
}

#chart-container {
  width: 400px;  /* Adjust as needed */
  height: 300px;
}
#bar_chart-container {
  width: 400px;  /* Adjust width */
  height: 300px; /* Adjust height */
  margin: auto;  /* Center the chart */
}
/* for staff identicard  */
.staff_user_detail{
  position: absolute;
  top:90px ;
  left: 160px;
}
.staff_photo{
  position: absolute;
  top: 140px;
  left: 20px !important;
}
.staff_sign_one{
  position: absolute;
  top: 130px;
  left: 40px;
}
.staff_sign_two{
  position: absolute;
  top: 250px;
  left: 20px;
}
.index_no{
  position: absolute;
  top: 90px;
  left: 20px;
  font-size: 12px;
  
}
.detail-text{
  font-size: 12px;
}
.back_sign_one{
  position: absolute;
  top: 30px;
  left: 330px;
}
.back_sign_two{
  position: absolute;
  top: 100px;
  left: 330px;
}
.footer-card{
  position: absolute;
  top: 200px;
  
}
.back_detail-text{
  font-size: 14px;
}
@media print {
  .print_hide {
      display: none !important;
  }
}

.brand_bg{
  background-color: #000080;
  color: white;
}