.toast { width: 350px; overflow: hidden; font-size: 1rem; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem; margin-left: -175px; position: fixed; top: 70px; right: 50%; left: 50%; z-index: 1000; }
.toast:not(:last-child) { margin-bottom: .75rem; }
.toast.showing { opacity: 1; }
.toast.show { display: block; opacity: 1; }
.toast.hide { display: none; }
.toast-header { display: flex; align-items: center; padding: .25rem .75rem; color: #6c757d; background-color: rgba(255,255,255,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); }
.toast-body { padding: .5rem .75rem; }
.custom-radio .custom-control-label::before { width: 1.5rem; height: 1.5rem; }
.custom-radio .custom-control-label::after { width: 1.5rem; height: 1.5rem; }
.payment-checked { background-color: #dae2f8; border-color: #d0d9f6; }
.payment-radio .custom-control-label::before { width: 2rem; height: 2rem; }
.payment-radio .custom-control-label::after { width: 2rem; height: 2rem; }
.card .table td:first-child,
.card .table th:first-child { padding-right: .5rem; padding-left: .5rem;}
.card .table td,
.card .table th { padding-right: .5rem; padding-left: 0;}
.bootstrap-select.form-control-sm .dropdown-toggle { padding: .55rem 1rem; }
.bootstrap-select.form-control-sm .dropdown-menu .bs-searchbox .form-control { font-size: .875rem; line-height: 1.5; height: calc(2.4125rem + .125rem); padding: .55rem 1rem; border-radius: .2rem; }
.table-count { counter-reset: rowNumber; }
.table-count > tbody > tr { counter-increment: rowNumber; }
.table-count > tbody > tr > td:first-child::before { content: counter(rowNumber); float: left; }
.table-xs td,
.table-xs th { padding: .3rem; }
.table .fa-facebook, li .fa-facebook { color: #3b5998; }
.table .fa-google, li .fa-google { color: #dd4b39; }
.table .fa-twitter, li .fa-twitter { color: #1da1f2; }

table.table-bordered.dataTable { border: .0625rem solid rgba(0,0,0,.08); border-radius: .375rem; }
table.tbl1{width: 100%;}

#chart_div { width: 100%; height: 400px; }
img.payment-method{ width:auto;height:40px; }

@media (max-width: 767.98px) {
   .toast { width: 300px; margin-left: -150px; }
}