/* remove number input arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input:invalid {
	border-color: red !important;
}

.truncate {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

.truncate-balance {
    white-space: initial;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}
.truncate-no-w {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: block;
}

.account-type {
    width:32px !important;
    height:32px !important;
    float:right;
}

.account-prop {
    height: 2em;
    width: 2em;
}

.atbtn {
    padding:0px;
    background-color:white;
}

.pure-menu-link.menu-main {
    text-transform: capitalize;
}

.pure-menu-link.purchase {
    width: 70%;
    float:left;
}

.pure-menu-link.open-user {
    /* width: 70%; */
    /* float:left; */
}

.pure-button-group.ua {
    float:right;
}

#ul-customers-list > li i {
    float:right;
    font-size:32px;
}

.load-animation {
    width:128px;
    height:128px;
    margin:auto;
    margin-top:calc(100vh / 2 - 64px);
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.row-margin-1rem {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#h1T {
    text-transform: capitalize;
}

.payment-table {
    display: contents;
}

.payment-table td {
    text-align: center;
}

.payment-content {
    line-height: 2.2em;
}

.pure-menu-link.open-payment {
    width: 80%;
    float: left;
}

.payment-table {
    display: contents;
}

.payment-table td {
    text-align: center;
}

.payment-content {
    line-height: 2.2em;
}

.pure-form label {
    margin: 0.5em 0.5em 0.2em 0; /* .5em 0 .2em in pure-min */
}

details[open] {
    background-color: #eee;
    border-bottom: #fff 5px solid;
}

summary {
    cursor: pointer;
}

.pure-menu-heading {
    white-space: nowrap;
    text-transform: none;
    font-weight: 900;
    font-size: small;
    letter-spacing: normal;
}

.pure-menu-heading span {
    white-space: normal;
    word-break: normal;
}

summary.pure-menu-link, ul.customers > li, ul.notes > li {
	display:flex;
	justify-content: space-between;
}

summary.pure-menu-link:focus {
    background-color: revert;
}

.input-line-journal {
    border-bottom: #ccc 1px solid;
}

.input-line-journal input, .parent-inputs input {
    width: 92%;
}

.parent-inputs span:not(:first-child) {
    text-align: right;
}

i { /* i repurposed for f-a icons */
    cursor: pointer;
}

i:hover {
    color: black;
}

.input-line-journal i {
    padding: 0 5px;
}

.add-line-btn {
    cursor: pointer;
}

.add-line-btn:hover {
    color: black;
}

.vertically-center-childs {
    display: flex;
    align-items: center;
}

#add-to-journal-totals.unequal-error {
    border-left: red 1px solid;
}

#add-to-journal-totals.unequal-error span {
    color: red;
}

#add-to-journal-totals.unequal-error.verbose .total::after  {
    content: ' debet/credit moeten gelijk zijn';
}

#column-balance-heading .pure-menu-heading,
#column-balance-heading .pure-menu-link,
.column-balance-item .pure-menu-heading,
.column-balance-item .pure-menu-link,
#column-balance-totals-ul .pure-menu-heading,
#column-balance-totals-ul .pure-menu-link,
.column-category-heading {
    padding: 0 1rem;
	letter-spacing: normal;
}

.column-balance-item span.credit,
#column-balance-totals-ul span.credit {
    border-right: 1px solid grey;
}

.column-balance-item span,
#column-balance-totals-ul span,
#column-balance-heading span {
    text-align: right;
    padding-right: 5px;
    box-sizing: border-box;
    font-size: small;
}

.column-balance-item span.name,
.column-balance-item span.name span,
#column-balance-totals-ul span.name,
#column-balance-heading span.name {
    text-align: left;
}

.text-right {
	text-align: right;
}

ul.totals span {
	font-weight: 700;
	color: #565d64;
}

span.balance-total {
	border-top: 2px solid black;
	border-bottom: 5px double black;
}

.balance-layout {
	border-top: 2px solid black;
	box-sizing: border-box;
}

.balance-layout .left {
	border-right: 2px solid black;
	box-sizing: border-box;
}

.balance-layout .pure-menu-heading,
.balance-layout .pure-menu-link {
	padding: .2em 1em;
}

.profit-loss-layout {
	border-top: 2px solid black;
	box-sizing: border-box;
}

.profit-loss-layout .left {
	border-right: 2px solid black;
	box-sizing: border-box;
}

.profit-loss-layout .pure-menu-heading,
.profit-loss-layout .pure-menu-link {
	padding: .2em 1em;
}

#mt940 table {
	margin-top: 1.5%;
	border-collapse: collapse;
	width: 47%;
	margin-left: 2%;
}

.transaction {
    float: left;
}

#mt940 caption {
	background-color: #1f8dd6;
	color: white;
	font-weight: normal;
	width: fit-content;
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
}

.highlight caption {
	background-color: #27b61a !important;
}

#mt940 table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#mt940 table tr {
	border-bottom: 3px solid #ddd;
	display: block;
	margin-bottom: .625em;
}

#mt940 table td {
	border-bottom: 1px solid #ddd;
	display: block;
	text-align: right;
}

#mt940 table td::before {
	content: attr(data-label);
	float: left;
}

.add-document-form {
	margin-left: -100px;
}

.pure-menu-link.open-message {
	width: 70%;
	float: left;
}

.pure-menu-link.open-referral {
	width: 70%;
	float: left;
}

.payment-counter {
	position: absolute;
	letter-spacing: 0;
	margin-left: -5px;
	margin-top: 5px;
}

.pure-menu-item.free.monthly-billed-1::before {
    content: "free";
    background-color: orange;
    float: left;
    line-height: 2.3em;
    color: white;
    padding: 2px;
}

.pure-menu-item.subscribed::before,
.pure-menu-item.free.monthly-billed-0::before,
.pure-menu-item.trial.monthly-billed-0::before
{
	content: "*";
	background-color: green;
    float: left;
	line-height:2.3em;
	color: green;
	padding:2px;
}

.pure-menu-item.trial.monthly-billed-1::before {
    content: "trial";
    background-color: orange;
    float: left;
    line-height: 2.3em;
    color: white;
    padding: 2px;
}

.pure-menu-item.trial.monthly-billed-1.has-first-job::before {
    content: "(trial) has first subscription job";
    background-color: green;
}

.pure-menu-item.trial.monthly-billed-1.can_be_resumed::before {
    content: "(trial) can be resumed";
}

.pure-menu-item.subscribed.too_much_jobs_running::before
{
	content: "multiple subscription jobs running";
	background-color: red;
	color:white;
}

.pure-menu-item.subscribed.too_much_jobs_running.job_duplicates_can_be_removed::before
{
	content: "duplicated subscription jobs running";
	background-color: orange;
}

.pure-menu-item.subscribed.too_much_jobs_running.job_extra_first_monthly_can_be_removed::before
{
	content: "extra first monthly subscription job running";
	background-color: orange;
}

.pure-menu-item.free.too_much_jobs_running::before
{
	content: "(free) has subscription jobs running";
	background-color: red;
	color:white;
}

.pure-menu-item.trial.too_much_jobs_running::before
{
	content: "(trial) has subscription jobs running";
	background-color: red;
	color:white;
}

.pure-menu-item.trial.can_be_restored::before {
	content: "(trial) can be restored";
	background-color: orange;
	color:white;
}

.pure-menu-item.subscribed.job_is_missing::before {
	content: "subscription job missing";
	background-color: red;
	color:white;
}

.pure-menu-item.subscribed.can_be_resumed::before {
	content: "(subscribed) can be resumed";
	background-color: orange;
	color:white;
}

.pure-menu-item.subscribed.free_subscription::before {
	content: "Free";
	background-color: green;
	color:white;
}

.pure-menu-item.subscribed.can_be_restored::before {
	content: "(subscribed) can be restored";
	background-color: orange;
	color:white;
}

.pure-menu-link.job textarea,
.pure-menu-link.failedjob textarea {
	width:100%;
}

.pure-menu-link.job.command-corrupted {
	border:1px red solid;
}

.pure-menu-item.has-parent {
	margin-left:16px;
}

.pure-button-success,
.pure-button-error,
.pure-button-warning,
.pure-button-secondary {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-success {
	background: rgb(28, 184, 65);
	/* this is a green */
}

.pure-button-error {
	background: rgb(202, 60, 60);
	/* this is a maroon */
}

.pure-button-warning {
	background: rgb(223, 117, 20);
	/* this is an orange */
}

.pure-button-secondary {
	background: rgb(66, 184, 221);
	/* this is a light blue */
}

.purchase-input {
	width: 100px;
}

#purchase-totals {
	margin-top: 5%;
}

.profit-loss-td {
    border-right: 1px solid #cbcbcb !important;
}

#matchedTransactions table:nth-child(even):last-child {
	margin-right: 100%;
}

.sepalink:hover {
	color: #FFC021;
}

.checkbox-container label {
    display: inline-block;
    margin-right: 10px;
}