body {
    font-family: "Commissioner", serif;
    background: #f1f6ff;
 }
 .container {
    padding: 30px !important;
    background: #fff;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    border-radius: 20px;
 }
 .billing-section {
    border: 1px solid #898989;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 0 15px 0 !important;
 }
 .header {
    background: #e0e0e0;
    padding: 10px;
 }
 .header { background: #000; padding: 10px;}
 .header h6{color: #fff; margin-bottom: 0;}
 input.form-control.productcls {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
    background: #fff;
 }
 span.input-group-text {
    background: 0;
    border-radius: 0;
    border: 0;
    font-size: 20px;
    padding: .2rem 0 0 0;
 }
 input.readonly-input {
    background: #fff !important;
    border: 0;
    text-align: end;
    padding-right: 0;
 }
 .remove-btn {color: red; font-size: 18px; margin-bottom: 0; cursor: pointer;}
 .remove-btn:hover {color: #c50000;}
 .form-control:focus{box-shadow: none !important;}
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus, 
 input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
 }
 .btn-primary {
    color: #fff;
    background-color: #000000 !important;
    border-color: #000000 !important;
 }
 .btn-primary:hover {
    color: #000000 !important;
    background-color: #fff !important;
    border-color: #000000 !important;
 }
 .total-input{font-size: calc(1.275rem + .3vw);}
 .total-input input{
    margin: 0;
    font-size: calc(1.275rem + .3vw);
    padding: 0;
 }
 .border-bottom {
    border-bottom: 1px solid #898989 !important;
 }
 .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #000000 !important;
    border-color: #000000 !important;
 }
 .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
 }
 .input-group {
    margin: 15px 0;
 }
 .error-msg {
    position: absolute;
    bottom: -20px;
    font-size: 12px !important;
    left: 2px;
 }
 tbody, td, tfoot, th, thead, tr {
    border-color: #898989 !important;
    border-style: solid;
    border-width: 0;
 }
.total-input {padding-right: 10px;}

 /* ------------ Print-Style ------------------ */

 @media print {
    body{
       -webkit-print-color-adjust:exact !important;
       print-color-adjust:exact !important;
    }
    input.form-control.productcls{border-bottom: 0;}
    .billing-section table.price-table {margin-top: 50px !important;}
    .remove-btn {display: none;}
    .print-td{border-bottom: 0;}
 }