@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,700,700i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap&subset=latin-ext');

H1,H2,H3,H4 { font-family: 'Roboto Slab', serif; }
TABLE { font-family:'Roboto Condensed', sans-serif; }

.table-bordered {
	font-size: 0.85em;
}

.table-bordered th,
.table-bordered td {
	padding: 0.25em;
	margin: 0.25em;
}

#toast-container {
  position: sticky;
  z-index: 1055;
  top: 0;
}

#toast-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
}

#toast-container>#toast-wrapper>.toast {
  min-width: 150px;
}

#toast-container>#toast-wrapper>.toast>.toast-header strong {
  padding-right: 20px;
}

textarea { resize:both; }

.logo { font-size:0.75em; clear:left; font-family: "Roboto Mono", monospace; }
.table-bordered th,
    .table-bordered td { vertical-align:middle; }
.table-bordered td:first-child A { font-size:1.1em; }

.item-options { text-align:center;}
.item-options .act { margin:0 .25rem; display:inline-block; }

.item-id,
    .item-amount,
    .item-money { text-align:right;}
.item-money { color:#003300; white-space:nowrap; font-weight:bold; }
.item-money EM { color:#009900; font-weight:bold; font-style:normal; }

.item-remote-status,
    .item-function,
    .item-url,
    .item-ip,
    .item-token,
    .item-code-json { font-family: 'Roboto Mono', monospace;}

.item-timestamp,
    .item-type-s,
    .item-type-c,
    .item-type-r,
    .item-type-a,
    .item-type-f { white-space: nowrap; }


/*tx types*/
.item-type-s { color:#009900; }
.item-type-c { color:#AA9900; }
.item-type-r { color:#000099; }
.item-type-a { color:#009900; }
.item-type-f { color:#990000; }

/*sub statuses*/
.table-striped tbody tr .item-status-initial { background-color:rgba(255,255,0,0.05); }
.table-striped tbody tr .item-status-initial { background-color:rgba(255,255,0,0.05); }
.table-striped tbody tr .item-status-trial { background-color:rgba(255,0,255,0.05); }
.table-striped tbody tr .item-status-rebill { background-color:rgba(0,128,255,0.05); }
.table-striped tbody tr .item-status-manual { background-color:rgba(128,128,128,0.05); }
.table-striped tbody tr .item-status-changed { background-color:rgba(0,0,255,0.05); }
.table-striped tbody tr .item-status-suspended { background-color:rgba(255,0,0,0.05); }
.table-striped tbody tr .item-status-stopped { background-color:rgba(255,128,0,0.05); }
.table-striped tbody tr .item-status-completed { background-color:rgba(0,255,0,0.05); }

.table-striped tbody tr:nth-of-type(2n+1) .item-status-initial { background-color:rgba(255,255,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-trial { background-color:rgba(255,0,255,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-rebill { background-color:rgba(0,128,255,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-manual { background-color:rgba(128,128,128,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-changed { background-color:rgba(0,0,255,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-suspended { background-color:rgba(255,0,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-stopped { background-color:rgba(255,128,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-completed { background-color:rgba(0,255,0,0.1); }

/*orders statuses */

.table-striped tbody tr .item-status-init { background-color:rgba(255,255,0,0.05); }
.table-striped tbody tr .item-status-pending { background-color:rgba(255,128,0,0.05); }
.table-striped tbody tr .item-status-completed { background-color:rgba(0,255,0,0.05); }
.table-striped tbody tr .item-status-failed { background-color:rgba(255,0,0,0.05); }
.table-striped tbody tr .item-status-queued { background-color:rgba(0,0,255,0.05); }
.table-striped tbody tr .item-status-on { background-color:rgba(0,128,0,0.05); }
.table-striped tbody tr .item-status-off { background-color:rgba(128,0,0,0.05); }

.table-striped tbody tr:nth-of-type(2n+1) .item-status-init { background-color:rgba(255,255,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-pending { background-color:rgba(255,128,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-completed { background-color:rgba(0,255,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-failed { background-color:rgba(255,0,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-queued { background-color:rgba(0,0,255,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-on { background-color:rgba(0,128,0,0.1); }
.table-striped tbody tr:nth-of-type(2n+1) .item-status-off { background-color:rgba(128,0,0,0.1); }


/*tx statuses*/
.table-striped tbody tr .item-status-successful { background-color:rgba(0,255,0,0.05);}
.table-striped tbody tr:nth-of-type(2n+1) .item-status-successful { background-color:rgba(0,255,0,0.1); }

.transactions-overview { font-size: 0.8em; }

#wrapper #content-wrapper { min-height: 100vh; }
/* long JSON / tables in log views: first ~20 lines with a fade out */
.collapsible pre { margin-bottom: 0; line-height: 1.5; }
.collapsible.is-collapsed .collapsible__content {
    max-height: 26.25rem;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 75%, transparent);
    mask-image: linear-gradient(to bottom, #000 75%, transparent);
}
.collapsible.is-collapsed {
    cursor: pointer;
    border-radius: .35rem;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.collapsible.is-collapsed:hover { background-color: #f8f9fc; box-shadow: 0 0 0 1px #4e73df; }