.unpaid-page .selected-indicators {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.unpaid-page tooltip {
  position: relative; }
  .unpaid-page tooltip tip {
    background: white;
    color: black;
    border: 1px solid #676767;
    box-shadow: 0px 0px 10px #c7c7c7; }

.unpaid-page tooltip._top tip tip-arrow {
  border-top: 6px solid rgba(152, 152, 152, 0.85); }

.unpaid-page .table-actions {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px; }

.unpaid-page .export button {
  background-color: transparent;
  outline: 1px solid transparent;
  border: none; }
  .unpaid-page .export button:hover {
    outline: 1px solid black;
    transition: all .2s ease-in-out; }

.unpaid-page .export button[aria-expanded=true] {
  outline: 1px solid black;
  transition: all .2s ease-in-out; }

.unpaid-page .actions-buttons {
  position: relative;
  display: flex; }
  .unpaid-page .actions-buttons button {
    border: none;
    background-color: transparent;
    color: black;
    margin: 0 1px;
    padding: 5px 8px;
    font-size: 15px;
    outline: 1px solid transparent;
    position: relative; }
    .unpaid-page .actions-buttons button:hover {
      outline: 1px solid black;
      transition: all .2s ease-in-out; }

.unpaid-page .selected-reports {
  margin-bottom: 5px;
  display: block;
  font-size: .95em; }

.unpaid-page .batch {
  opacity: 0; }
  .unpaid-page .batch select {
    width: 100%;
    padding: 10px; }

.unpaid-page .batch.active {
  opacity: 1; }

.unpaid-page tr.is-approved {
  background-color: #a9e0a9; }
  .unpaid-page tr.is-approved:hover {
    background-color: #9bce9b !important; }

body.pay-fine .modal {
  min-width: 1024px;
  min-height: 400px; }
  body.pay-fine .modal .payment table {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%; }
    body.pay-fine .modal .payment table td {
      text-align: center;
      padding: 5px; }
    body.pay-fine .modal .payment table td.status.error {
      background-color: #e74c3c; }
    body.pay-fine .modal .payment table td.status.success {
      background-color: #27ae60; }
    body.pay-fine .modal .payment table td.status.info {
      background-color: #f39c12; }

body.pay-fine .reports {
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto; }