html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.prttble{
    border-collapse:collapse;
}
.prttble td, .prttble th{
    padding:2px 10px 2px 10px;
    border:1px  solid #808080;
}

/* Define your content styles here */
.printable-content {
    font-family: Arial, sans-serif;
    /*margin: 10px;*/
}

/* Set A4 paper size for print */
@media print {
    @page {
        size: A4;
        /*margin: 20mm;*/
    }

    /* Ensure the printable content is the focus */
    body * {
        visibility: hidden;
    }

    #print-section, #print-section * {
        visibility: visible;
    }

    #print-section {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.kltbl {
    width: 100%;
    border-collapse: collapse;
}

.kltbl th {
    position: sticky;
    top: 0;
    background-color: #fff; /* Adjust to match your design */
    z-index: 1;
    border-bottom: 2px solid #ddd;
    padding: 8px;
    text-align: left;
}

.kltbl th, .kltbl td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

/* Optional: Add a background color change on hover for rows */
.kltbl tr:hover {
    cursor: pointer;
    background-color: #f1f1f1;
}
/* wwwroot/css/datatable.css */
.datatable {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    /*font-size: 18px;*/
    text-align: left;
    /*   border: 1px solid #ddd; */
    /*    Add border to the table for boxed style */
    box-shadow: 0 2px 5px #0d559a; /* Optional: Add a subtle shadow for better appearance */
}

    .datatable th, .datatable td {
        padding: 2px 10px;
        border-bottom: 1px solid #ebebeb; /* Add borders to cells for boxed style */
    }

    .datatable th {
        border: 1px solid #ffffff;
        background-color: #3183ff; /* Changed background color */
        color: white; /* Text color */
        position: -webkit-sticky; /* For Safari */
        position: sticky;
        top: 0;
        z-index: 1; /* Ensure the header is above other content */
        text-transform: uppercase; /* Optional: Uppercase text */
        letter-spacing: 0.05em; /* Optional: Slightly increase letter spacing */
    }

    .datatable thead {
        background-color: #4CAF50; /* Ensure the background color covers the entire header */
        color: white;
    }

    .datatable tr:nth-child(even) {
        /*background-color: #eaf4ff;*/
    }

    .datatable tr:nth-child(odd) {
        background-color: #eaf4ff;
    }

    .datatable tr:hover {
        background-color: #b081ff;
    }

    .datatable th.sortable:hover {
        cursor: pointer;
        background-color: #45a049; /* Slightly darker green on hover */
    }