.modal-dialog {
    width: 40%;
}


.close {
font-size: 2.5rem !important;
}

#customFile .custom-file-control::after {
  content: "Capture Receipt Here";
  content: "";
}

#customFile .custom-file-control::before {
  content: "Click me";
  content: "Capture Receipt";
}

.custom-file-control.selected::after {
  content: "" !important;
}

button, input, select, textarea {
/*    font-size: 14px !important;*/
}

.container {
/*    font-size: 14px !important;*/
}

.card-block {
  font-size: 14px;
}

.card-block button , input, select, textarea {
  font-size: 14px;
  padding: 5px;
}

.main-content {
  font-size: 12px;
}

.main-content button , input, select, textarea {
    font-size: 16px;
    padding: 15px;
}
/*
button , input, select, textarea */
button {
    margin-bottom: 5px;
}

.table td {
  border-top: 0px solid #eceeef;
}

.table-border-line {
  border-top: 1px solid #eceeef;
}

.ui-autocomplete-loading { background:url('../img/indicator.gif') no-repeat right center }


.w-50 {
  width: 40%!important;
}

.modal-loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('https://i.stack.imgur.com/FhHRx.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loading {
    display: block;
}

.draft-image {
  width: 300px;
  height: auto;
  display: none;
  float: right;
  content:url('../../assets/img/print_draft.png');
}

.draft {
  background: url("../../assets/img/print_draft.png") center center / 25%;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.img-responsive {
  width: 100%;
    height: 100%;
    object-fit: contain;
}

.card-body {
    padding: 20px 20px;
}

.card {
    margin-bottom: 20px;
}

@media print {

  -webkit-print-color-adjust: exact;

  .draft {
    background: url("../../assets/img/print_draft.png") center center / 25%;
  }

  .table td {
    border-top: 0px solid #eceeef;
  }


}