@CHARSET "UTF-8";

.btn-outline-sunkat {
  color: #fa7900;
  background-color: transparent;
  background-image: none;
  border-color: #fa7900;
}

.btn-outline-sunkat:hover {
  color: #fff;
  background-color: #fa7900;
  border-color: #fa7900;
}

.btn-outline-sunkat:not([disabled]):not(.disabled).active,
.btn-outline-sunkat:not([disabled]):not(.disabled):active,
.show > .btn-outline-sunkat.dropdown-toggle {
  color: #fff;
  background-color: #fa7900;
  border-color: #fa7900;
  box-shadow: 0 0 0 .2rem rgba(250,121,0,.5);
}

a.fade {
  opacity: 0.8;
  transition: opacity 0.3s;
}

a.fade:hover {
  opacity: 1;
}

table.add-dt[data-src] .dataTables_empty {
  font-size: 0;
}

table.add-dt[data-src] .dataTables_empty:before {
  content: 'Loading...';
  font-size: 11pt;
}

th.sorting:after, th.sorting_asc:after, th.sorting_desc:after {
  font-family: 'Icons';
  margin-left: 0.5em;
  font-weight: normal;
  display: inline;
  cursor: default;
}

th.sorting:after {
  content:'\e0b5';
}

th.sorting_asc:after {
  content:'\e013';
}

th.sorting_desc:after {
  content:'\e008';
}

th.sorting:last-child:after {
  display: none;
}

.bg-sunkat {
  background: rgb(246,204,23);
  background: -moz-linear-gradient(top, rgba(246,204,23,1) 0%, rgba(252,89,26,1) 100%);
  background: -webkit-linear-gradient(top, rgba(246,204,23,1) 0%,rgba(252,89,26,1) 100%);
  background: linear-gradient(to bottom, rgba(246,204,23,1) 0%,rgba(252,89,26,1) 100%);
}

.x-nav-pills .nav-link.active, .x-btn-primary {
  background-color: rgba(252,89,26,1);
  border-color: rgba(252,89,26,1);
}

.footer {
  bottom: 0;
  right: 0;
  left: 0;
}

.border-transparent {
  border-color: transparent !important;
}

body table.dataTable {
  width: inherit !important;
  border-collapse: collapse !important;
}

.dataTables_length .form-control, .dataTables_filter .form-control {
  display: inline-block !important;
  max-width: 50% !important;
}

.dataTables_length label, .dataTables_filter label {
  display: block !important;
}

table.dataTable.amount td:last-child {
  text-align: right;
}

.details {
  cursor: pointer;
}

.details span.oi {
  color: rgba(0,0,0,0.7);
  transition: color 0.3s;
}

.details:hover span.oi {
  color: #000;
}

body { font-family: Roboto, sans-serif; }

td.payable {
  cursor: pointer;
  transition: background 0.3s;
  text-align: right;
}

td.payable {
  background: rgba(0,0,0,0.1);
}

td.payable:hover {
  background-color: #8dc4ff;
}

td.bg-partial {
  background-color: #e2d095;
}

.bg-paid {
  background: #dcfde4;
}

table.simple+div.text-center, table.simple .text-danger, table.simple .text-primary, table.simple span.oi, table.simple div.empty, .table.simple .text-secondary {
  display: none !important;
}

table.simple .text-info {
  color: #333 !important;
}

table.simple .bg-dark .text-info {
  color: #eee !important;
}

table.simple td.bg-paid .text-info {
  color: #28a745 !important;
}