.quantityi {
    width: 40px;
    text-align: center;
}
.balancei {
    width: 70px;
    text-align: center;
}
.nprate{
  line-height: 12px;
}
.nprate span{
  font-weight: 400;
font-size: 12px;
}
.newinput{
    border-width: 1px;
    border-style: solid;
    border-color: #bcbcbc;
    border-radius: 7px;
}
.checked{
    border-width: 1px;
    border-style: solid;
    border-color: #90ff91;
    border-radius: 7px;
    background: #bcffbc !important;
    color: green;
}
.default{
    width: 18px;
    height: 18px;
    accent-color: #32bdea;
    cursor: pointer;
    border-radius: 4px;
}
.data-table .badge{
    border: 1px solid;
    padding: 2px 8px;
}
.data-table .badge i{
    font-size: 20px;
}
.trdone{
    background-color: #c7f9fb !important;
}
.trerror{
    background-color: #fbc7c7 !important;
}
.saving-bg {
  background-image: linear-gradient(90deg, #f0f0f0 25%, #ccc 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.2s linear infinite;
}

@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.btn-secondary {
    color: #09052c;
    background-color: aliceblue;
    border-color: #6e93b3;
    box-shadow: unset;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #09052c;
    background-color: #c6d0d9;
    border-color: #6e93b3;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #ff641b;
    border-color: #ff5b0e;
}
.btn-info .text-info, .btn-secondary .text-info {
    color: #09052c !important;
    font-weight: 600;
}
.red{
    color:#ff641b;
}
.editspan{
    font-size: 24px;
    font-weight: 900;
    color: #78c091 !important;
    cursor: pointer;
}
.hawker-div{
    display: inline-block;
    margin: 8px;
    cursor: pointer;
    width: 175px;
}
.hawker-div img{
    width: 100%;
}
.hawker-div span{
    font-size: 15px;
}
.hawker-div .card{
    background: #e2e7ec59;
}
.hawker-div:hover .card{
    background: #cde0ff;
}
.templates-list .card-header{
    padding: 5px;
}
.template-list{
    display: inline-block;
    margin: 4px;
    cursor: pointer;
    min-width: 100px;
}

.template-list .card{
    background: #e2e7ec59;
    margin: 0;
    padding: 1px 10px;
}

.template-list:hover .card, .template-list.active .card{
    background: #3e72ff;
}
.template-list:hover h6, .template-list.active h6{
    color: #fff;
}

.BillMonths-list .card-header{
    padding: 5px;
}
.BillMonths{
    display: block;
    margin: 4px;
    cursor: pointer;
    min-width: 100px;
}

.BillMonths .card{
    background: #e2e7ec59;
    margin: 0;
    padding: 1px 10px;
}

.BillMonths:hover .card, .BillMonths.loadingbm .card{
    background: #f0a504;
}
.BillMonths.loadingbm .card {
    background: linear-gradient(
        90deg,
        #f0a504 0%,
        #f7c76f 50%,
        #f0a504 100%
    );
    background-size: 200% 100%;
    animation: loadingShimmer 1.5s infinite linear;
}

@keyframes loadingShimmer {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}


.BillMonths.active .card{
    background: #1eb980;
}
.BillMonths:hover h6, .BillMonths.active h6, .BillMonths.loadingbm h6{
    color: #fff;
}

.Bill-Block .card-header{
    padding: 5px;
}
.nobills {
    background: #ffd7d042;
    margin: -5px;
    border-radius: 0 0 8px 8px;
}
.nobills div {
    font-size: 32px;
    padding: 10px 25px;
    line-height: 34px;
    color: #ffd7d0;
}
.Bill-Block .nobills{
    min-height: 200px;
    padding-top: 50px;
}
.table-mp td {
    border-bottom: 2px solid #383838 !important;
}
.aclick{
    cursor: pointer;
}
.fullscreen-modal .modal-dialog {
	width: 100vw;
	max-width: 100vw;
	height: calc(100vh - 0px);
	margin: 0;
}

.fullscreen-modal .modal-content {
	height: 100%;
	border-radius: 0;
}
.fullscreen-modal .modal-body {
    overflow-y: auto;
}
.fullscreen-modal .modal-body::-webkit-scrollbar {
    width: 12px;  /* Adjust width */
    height: 8px; /* For horizontal scrollbar */
  }

.header-table{
    
    font-size: 21px;
    color: #110a57;
    
}
.header-table-divq{
    text-align: center;
}
.header-table-div{
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #110a57;
    border-radius: 10px;
    display: inline-block;
    padding: 0 10px;
}
.header-table th{
    padding: 10px 20px;
    font-weight: 600;
    text-align: center;
    color: #110a57;
    border-bottom: 1px solid #110a57;
}
table.dataTable, table.dataTable td, table.dataTable th {
    box-sizing: border-box;
}

  .table-grid {
    display: flex;
    flex-direction: column;
    max-height: 400px;
    border: 1px solid #ccc;
  }
  
  .table-header, .table-row {
    display: grid;
    grid-template-columns: 150px 120px 80px 80px 100px; /* Set exact widths */
  }
  
  .table-header {
    position: sticky;
    top: 0;
    background: #f1f1f1;
    z-index: 10;
    font-weight: bold;
  }
  
  .table-body {
    overflow-y: auto;
  }
  
  .table-row > div,
  .table-header > div {
    padding: 8px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
  }
  .bs-hover{
    background: transparent;
  }
  .bs-hover:nth-child(even) {
    background-color: #d2d2b970;
  }
  .bs-hover:hover{
    background: #f5f5dc;
    font-weight: 600;
  }
  .totalbs{
    background: #f5f5dc;
    font-weight: 600;
  }