th{
    border-top : 1px solid #151414;
    border-bottom : 1px solid #151414;
    border-right : 1px solid #151414;
}


th:first-child{
    border-left : 1px solid #151414;
}

/**below code use for submitted report list */
.list-report {
    margin-top: 15px;
    position: relative;
}
.cus-table-wrapper{
    border: 1px solid grey; 
    padding : 10px;
     margin-bottom: 10px;
     border-radius: 5px;
}

.cus-table-wrapper::before{
    content: "Submitted Report List";
    /* text-align: center; */
    display: flex;
    justify-content: center;
    font-weight: bold;
    color: goldenrod;
    font-size: larger;
    background-color: #d3e0e4;
}
/** above code use for submitted report listing */
.cus-table-wrapper-case-wise {
    border: 1px solid grey;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.cus-table-wrapper-case-wise::before {
    content: "Court Case Report";
    /* text-align: center; */
    display: flex;
    justify-content: center;
    font-weight: bold;
    color: goldenrod;
    font-size: larger;
    background-color: #d3e0e4;
}



table.report-form td{
    /* width: 15%; */
    width: 14% !important;
    margin: 5px;
    padding: 10px;
}

table.report-form th{
    /* width: 15%; */
    width: 15% !important;
    margin: 5px;
    padding: 10px;
}


table.rep-form-table-border th, table.rep-form-table-border td,table.rep-summary td,table.rep-statement td{
    border : 1px solid black;
    
}
table.rep-form-table-border{
    overflow-x: auto;
    /* position: relative; */
}

/** For making row freeze start**/
/* table.rep-form-table-border.freeze thead  tr{
    display:block;
    width: 98.4%;
}
table.rep-form-table-border.freeze thead  tr th{
    margin: 5px;
    padding: 10px;
}

table.rep-form-table-border.freeze  tbody{
    display:block;
    height:300px;
    overflow:auto; 
  }  */input-width-80
 
/** For making row freeze end**/


table.report-form table.rep-form-table-border td:first-child{
    width: 5% !important;
}
table.report-form table.rep-form-table-border th:first-child{
    width: 5.4% !important;
}
table.report-form table.rep-form-table-border.year-wise td:first-child{
    width: 3% !important;
}

table.report-form table.rep-form-table-border.year-wise td:nth-child(2){
    width: 20% !important;
}

table.report-form table.rep-form-table-border.year-wise td[colspan]+td:nth-child(2){
    width: 3% !important;
}


/* table.report-form table.rep-form-table-border.year-wise td:nth-child(3){
    width: 3% !important;
} */
table.report-form table.rep-form-table-border.year-wise td:last-child(){
    width: 5% !important;
}

table.report-form table.rep-form-table-border.year-wise th,table.report-form table.rep-form-table-border.year-wise td{
    width: 3% !important;
    margin: auto !important;
    padding: initial !important;
}




/***5 more year */
table.report-form table.rep-form-table-border.five-more-report th,table.report-form table.rep-form-table-border.five-more-report td{
    width: 3% !important;
    margin: auto !important;
    padding: initial !important;
    text-align: center;
}
table.report-form table.rep-form-table-border.five-more-report td[rowspan]{
    /* width: 20% !important; */
}
table.report-form table.rep-form-table-border input {
    width: 40px;
    padding : 2%;
    margin: 1%;
}

table.report-form table.rep-form-table-border.input-width-80 input {
    width: 80px;
}

table.report-form table.rep-form-table-border tr:hover td{
    background-color: lightcyan;
}


/** Month -year*/
.month-year-datepicker{

}

.month-year-datepicker .ui-datepicker-calendar {
    display: none !important;
}


span.court_name_holder , span.month_holder {
    text-decoration: underline;
    text-decoration-color: cadetblue;
}

button.btn-submit{
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 10px;
    background-color: cornflowerblue;
}
@media only screen and (max-width: 768px) {
    .responsive-table {
        overflow: hidden;
        overflow-x: scroll;
        display:block;
    }
}
@media screen and (max-width: 768px) {
    .responsive-form {
        width: 100% !important;
    }
    .responsive-form-wd-55 {
        width: 100% !important;
    }
    .responsive-div-table{
        overflow-x: scroll;
        display: block;
    }
}

.responsive-form {
    width: 30% !important;
}


.responsive-form-wd-55 {
    width: 55% !important;
}

table.rep-summary,table.rep-statement{
    border-collapse: collapse;
    border-spacing: 0;
    /* margin: 0 0 1.5em; */
    width: 100%;
}
table.rep-summary thead,table.rep-statement thead{
    background: #edcdcd;
    font-size: small;
}

table.rep-summary td,table.rep-summary th,table.rep-statement td,table.rep-statement th{
    text-align: center;
}
table.report-search td select {
    width: 200px !important;
}

/** loader  */
.loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
  }
  .loader
  {
      display: none;
      width:200px;
      height: 200px;
      position: fixed;
      top: 50%;
      left: 50%;
      text-align:center;
      margin-left: -50px;
      margin-top: -100px;
      z-index:2;
      overflow: auto;
  }


div.list-report::before{
    content: "";
    /* text-align: center; */
    color: green;
}

div.view-report::before{
    content: "";
    /* text-align: center; */
    color: green;
}

div.view-report{
    position: relative;
}
.cus-table-wrapper.case-lst::before{
    content: "Case Type Name List";
    /* text-align: center; */
    display: flex;
    justify-content: center;
    font-weight: bold;
    color: goldenrod;
    font-size: larger;
    background-color: #d3e0e4;
}
.list-case {
    margin-top: 15px;
    position: relative;
}

.list-case{
    width: 40%;
    float:left;
}
.court-case-area{
    width: 60%;
    float:left;
}

.court-case-area:after
{
    content: '.';
    visibility: hidden;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/** for datatable searchable to column */
table.dataTable tfoot {
    /* box-sizing : border-box; */
}
table.dataTable tfoot th{
    /* width: 100%; */
    padding: 3px;
    box-sizing: border-box;
    border : 1px solid #50ac4fa3 !important
}
table.rep-form-table-border.input-30pc input{
    width: 40%;
    margin: 1%;
}
/* Sticky columns for Sl.No and Type of Case */
.quarterly-full-expand th:nth-child(1), 
.quarterly-full-expand td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #f1f1f1;
}

.quarterly-full-expand th:nth-child(2), 
.quarterly-full-expand td:nth-child(2) {
    position: sticky;
    left: 40px; /* Adjust based on Sl.No width */
    z-index: 2;
    background: #f1f1f1;
    border-right: 2px solid #999;
}

/* Quarterly form scrollable container */
.table-scroll-container {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    border: 1px solid #ddd;
    margin: 10px 0;
}

/* Quarterly table sticky header */
table.quarterly-table thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
    border: 1px solid #151414;
}

/* Quarterly table section headers */
table.quarterly-table tr.section-header td {
    font-weight: bold;
    text-align: left;
    position: relative;
    border: 1px solid #151414;
}

/* Civil Main section header */
table.quarterly-table tr.section-header.civil-main td {
    background: #c8e6f5;
}

/* Civil Misc section header */
table.quarterly-table tr.section-header.civil-misc td {
    background: #d4e6f1;
}

/* Civil Total row */
table.quarterly-table tr:has(td:nth-child(2):contains("TOTAL (CIVIL)")) td {
    background: #a9d3e6;
}

/* Criminal Main section header */
table.quarterly-table tr.section-header.criminal-main td {
    background: #f5cba7;
}

/* Criminal Misc section header */
table.quarterly-table tr.section-header.criminal-misc td {
    background: #fad7a0;
}

/* Quarterly table inputs */
table.quarterly-table input[type="number"],
table.quarterly-table input[type="text"],
table.quarterly-table select {
    width: 70px;
    padding: 4px;
    margin: 2px;
    box-sizing: border-box;
}

table.quarterly-table input.input-small {
    width: 70px;
}

/* Quarterly table row hover */
table.quarterly-table tbody tr:hover td {
    background-color: lightcyan;
}

/* Readonly inputs styling */
table.quarterly-table input[readonly] {
    background-color: #f0f0f0;
    color: #666;
    border: 1px solid #ccc;
    font-weight: bold;
}

/* Total rows styling */
table.quarterly-table tr:has(td:nth-child(2):contains("TOTAL")) {
    font-weight: bold;
}

/* View/Edit buttons */
.btn-view, .btn-edit, .btn-back {
    padding: 5px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    margin: 2px;
}

.btn-view {
    background-color: #0088cc;
    color: white;
}

.btn-view:hover {
    background-color: #006da4;
}

.btn-edit {
    background-color: #28a745;
    color: white;
}

.btn-edit:hover {
    background-color: #218838;
}

.btn-delete {
    background-color: #dc3545;
    color: white;
}

.btn-delete:hover {
    background-color: #c82333;
}

.btn-back {
    background-color: #6c757d;
    color: white;
}

.btn-back:hover {
    background-color: #5a6268;
}

.btn-fullscreen {
    background-color: #17a2b8;
    color: white;
}

.btn-fullscreen:hover {
    background-color: #138496;
}

/* Fullscreen container for quarterly form */
.quarterly-fullscreen-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    overflow: auto;
    padding: 20px;
}

.quarterly-fullscreen-container .table-scroll-container {
    max-height: calc(100vh - 100px);
    overflow: auto;
}

/* Report view container */
.report-view-container, .report-edit-container {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 20px;
}

.report-view-container h2, .report-edit-container h2 {
    margin: 15px 0;
}

/* Locked status */
.locked-status {
    color: #999;
    font-size: 12px;
    font-style: italic;
}

/* DataTables customization */
#quarterly-reports-table_length {
    margin-bottom: 10px;
}

#quarterly-reports-table_filter {
    margin-bottom: 10px;
}