nav.navbar{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

nav.navbar:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

button.button1:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

div.card {
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}


div.cardHeader {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 40px;
}

div.cardContainer {
    padding: 10px;
}


.div-hide {
	display: none;
}

.kv-file-zoom {
	display: none;
}

div.kv-avatar div.file-input div.file-preview {
	width: 200px;
}

/*login form*/
.vertical {
	padding-top: 150px;
	padding-bottom: 150px;
}
.result_li_selected
{
background-color:#DDDDFF;
}
#productTable td .no_border,#purchaseTable td .no_border,#bulkExpenseTable td .no_border,#addCollectionTable td .no_border,.dbTable td .no_border{ border:none; border:0; margin:0px; box-shadow:none; outline:none; padding:0px 2px; font-size:12px; height:15px; line-height:25px;}
#productTable th .no_border,#purchaseTable th .no_border,#bulkExpenseTable th .no_border,#addCollectionTable th .no_border,.dbTable th .no_border{ border:none; border:0; margin:0px; box-shadow:none; outline:none;}
.no-border:hover{ outline:none; box-shadow:none;  }
#productTable td,#purchaseTable td,#bulkExpenseTable td,#addCollectionTable td,.dbTable td{ padding:0px; border-collapse:collapse; border:1px solid #B8DEED; vertical-align:middle; }
#productTable th,#purchaseTable th,#bulkExpenseTable th,#addCollectionTable th,.dbTable th{ border:1px solid #B8DEED;vertical-align:middle; border-collapse:collapse;}
#productTable thead th,#purchaseTable thead th,#bulkExpenseTable thead th,#addCollectionTable thead th,.dbTable thead th{ text-align:center;}
#productTable tfoot th,#purchaseTable tfoot th,#bulkExpenseTable tfoot th,#addCollectionTable tfoot th,.dbTable tfoot th{ padding:0px;}
#productTable tfoot th .no_border,#purchaseTable tfoot th .no_bord5er,#bulkExpenseTable tfoot th .no_border,#addCollectionTable tfoot th .no_border,.dbTable tfoot th .no_border{ padding:0 2px;}
#productTable td input[type=text]:disabled,#productTable td input[type=number]:disabled,#purchaseTable td input:disabled,#bulkExpenseTable td input,#addCollectionTable td input[type=number]:disabled,.dbTable td input[type=number]:disabled{ background-color:#F7F7F7;}
#productTable th input[type=text]:disabled,#productTable th input[type=number]:disabled,#purchaseTable th input:disabled,#bulkExpenseTable th input,#addCollectionTable th input[type=number]:disabled,.dbTable th input[type=number]:disabled{ background-color:#F1F8F8;}
#productTable .input-group-addon,#purchaseTable .input-group-addon,#bulkExpenseTable .input-group-addon,#addCollectionTable .input-group-addon,.dbTable .input-group-addon{  padding:3px; margin:0px;  font-size:12px;}
#purchaseTable tfoot th input{ font-weight: 500px;}
.dbTable{ border-collapse:collapse; border:1px solid #B8DEED;} 
.actionIcon{ padding:0 2px; margin:0px;  font-size:12px; text-align:center; cursor:pointer;}

#TaxReportTable thead th{ text-align:center;}

.dropdown-menu{ list-style-type:none;}
.dropdown-menu li,.dropdown-menu li a{
  font-weight: 700;
}
.selectIn{ padding:0px; margin:0px; border:none; font-size:10px;  font-family:Verdana, Geneva, sans-serif; height:22px;}
.icon-green{color:#66CC33;}
.icon-blue{color:#0066FF;}
.icon-red{color:#FF0000;}
.d-none {
	display: none;
}

.cursor{ cursor:pointer;}
.scrollbar{ 
   height: auto;
    max-height: 320px;
    overflow-x:hidden;
    overflow-y:scroll; 
    margin-top: 0px; 
   }
   .scrollDrop::-webkit-scrollbar { width:5px;background-color:#cccccc; } 
  .scrollDrop::-webkit-scrollbar-thumb { background-color:#B03C3F;border-radius:10px; }
  .scrollDrop::-webkit-scrollbar-thumb:hover { background-color:#BF4649;border:1px solid #333333; }
  .scrollDrop::-webkit-scrollbar-thumb:active { background-color:#A6393D;border:1px solid #333333; }
  .scrollDrop::-moz-scrollbar { width:5px;background-color:#cccccc; } 
  .scrollDrop::-moz-scrollbar-thumb { background-color:#B03C3F;border-radius:10px; }
  .scrollDrop::-moz-scrollbar-thumb:hover { background-color:#BF4649;border:1px solid #333333; }
  .scrollDrop::-moz-scrollbar-thumb:active { background-color:#A6393D;border:1px solid #333333; }
 td.wrapok {
    white-space:normal !important;
}

.right-aligned-cell{ text-align:right;}
.table td.fit,.table th.fit,.fit {
    white-space: nowrap;
    width: 1%;
}
.billViewTable th, .billViewTable td {
  padding: 8px;
  vertical-align: middle;
}

.billViewTable th {
  background-color: #f2f2f2;
}

.billViewTable {
  border: 1px solid #ddd;
}

.billViewTable th, .billViewTable td {
  border: 1px solid #ddd;
}
/* Ensure table rows have a fixed height */
.payTable td {
    padding: 0; /* Remove extra spacing */
    height: 25px; /* Exact row height */
    line-height: 25px; /* Align text properly */
    overflow: hidden; /* Prevent text overflow */
}

/* Make number input fit perfectly in <td> */
.payTable td input {
    width: 100%; /* Fill entire table cell */
    height: 100%; /* Match td height */
    border: none; /* Remove border */
    background: transparent; /* Blend with table */
    text-align: right; /* Align text to right */
    padding: 0; /* Remove extra padding */
    margin: 0; /* Remove margins */
    outline: none; /* Remove focus outline */
    box-sizing: border-box; /* Prevent width issues */
}

/* Hide number input arrows for Chrome, Safari, Edge */
.payTable td input[type="number"]::-webkit-inner-spin-button,
.payTable td input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Fix table layout */
.payTable {
    table-layout: fixed; /* Ensure equal column widths */
    width: 100%; /* Table takes full width */
    border-collapse: collapse; /* Remove gaps between cells */
}



.section-title {
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #007bff;
}
.nowrap
{
	white-space:nowrap;
}


/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.bootstrap-select span{font-weight:700;}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media screen {
  .table td{font-weight: 700;}
}