.right .modal-dialog {
  position: fixed;
  right: 0;
  margin: auto;
  height: 100%;
  width: 25%;
  /* Adjust this value to set the width of the modal */
  max-width: none;
  transform: translate3d(0, 0, 0);
}

.right .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}


/*Estimate form css start here  */

#customer_list .list-group {
  max-height: calc(200px - 38px);
  overflow-y: auto;
}

/*Estimate form css end here  */

/* .table-fixed tbody td,
.table-fixed thead>tr>th {
  float: left;
} */



/* Expenses / Non Fixed / Daily convences table css */
.table-fixed .col {
  width: 100% !important;
} 

.table-fixed tbody tr {
  display: inline-block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.table-fixed tbody {
  display: block;
  height: 600px;
  overflow-y: auto;
  overflow-x: auto;
}

.table-fixed thead,
.table-fixed tbody tr {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
}

.table-fixed tr {
  display: table-row !important;
}

/* Expenses / Non Fixed / Daily convences end table code */




/* table customer-name */
.customer-name {
  width: 250px !important;
}

/* end */












































/* scroll bar universal property */
/* For Webkit browsers like Chrome and Safari */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #888;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* For Firefox */
/* Note: Firefox supports scrollbar styling starting from Firefox 64+ */
* {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

*::-moz-scrollbar {
  width: 8px;
}

*::-moz-scrollbar-track {
  background-color: #f1f1f1;
}

*::-moz-scrollbar-thumb {
  background-color: #888;
}

*::-moz-scrollbar-thumb:hover {
  background-color: #555;
}

/* scroll bar property end here browser wise */


/* .expenses-table{
  border: 2px solid black;
} */