/* custome style.. */
.hfit-content{
    height: fit-content;
}
.wfit-content{
    width: fit-content;
}
/* .panel-body{
    background-color: #A6DDFF;
} */

.table-borderd td,th {
    border: 1px solid black !important;
}
ul.nav{
    width: 100%;
}
.mg-0{
    margin: 0;
}
#editbtn{
    width: fit-content;
}
.button-row{
    display:flex; 
   
    justify-content: center;
}
.button-row .btn{
    width: fit-content;
}
.highlight-field{
    box-shadow:  inset 0 0 10px -2px #444444;
    height: fit-content;
}
.padding-0{
    padding: 0;
}
.lp-5{
    padding-left: 5px;
}
/* sales-bill table style */
#customer-details-table tbody>tr>td{
    border-top: none;
    padding: 1px;
}
.primary-details-table,#customer-details-table{
    table-layout: auto;
    margin-bottom: 0;
}
.primary-details-table tbody>tr>td{
    border-top: none !important;
    padding: 1px;
}
#tax-table-salesbill tbody>tr>td{
    padding: 0px;
}
.primary-details-table input{
    width: fit-content;
}
.label-cell{
    width: 30%;
}
.primary-details-table tbody>tr>.input-cell input{
    width: -webkit-fill-available;
}
.button-row{
    position: absolute;
    bottom: 0;
    
}
@media (min-width: 576px){
    .modal-dialog {
        max-width: 728px;
    }
    .utility-modal-dialog{
        max-width: 100% !important;
    }
}

.webkit-fill-available{
    width:-webkit-fill-available !important;
}
/* this is for the selection of row in utility window */
.entry_row.selected {
    background-color: #000000;
    font-weight: bold;
}
.entry_row:hover {
    cursor: pointer;
    background-color: rgb(255, 255, 255) !important;
  }