Adds validation for external ledger import

This commit is contained in:
Bryce Covert
2020-09-29 21:19:07 -07:00
parent b4755840ae
commit a38894a10a
14 changed files with 1371 additions and 31 deletions

View File

@@ -10039,6 +10039,904 @@ a.has-text-primary-two-dark:hover, a.has-text-primary-two-dark:focus {
margin-top: 0.375em;
}
[data-tooltip]:not(.is-loading), [data-tooltip]:not(.is-disabled), [data-tooltip]:not([disabled]) {
cursor: pointer;
overflow: visible;
position: relative;
}
[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before {
box-sizing: border-box;
color: white;
display: inline-block;
font-family: "Calibri", sans-serif;
font-size: 0.75rem;
hyphens: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
visibility: hidden;
z-index: 1020;
background: rgba(74, 74, 74, 0.9);
border-radius: 2px;
content: attr(data-tooltip);
padding: 0.5rem 1rem;
text-overflow: ellipsis;
white-space: pre;
}
[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before {
top: 0;
right: auto;
bottom: auto;
left: 50%;
top: 0;
margin-top: -5px;
margin-bottom: auto;
transform: translate(-50%, -100%);
}
[data-tooltip]:not(.is-loading).has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-arrow::after {
box-sizing: border-box;
color: white;
display: inline-block;
font-family: "Calibri", sans-serif;
font-size: 0.75rem;
hyphens: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
visibility: hidden;
z-index: 1020;
content: "";
border-style: solid;
border-width: 6px;
border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
margin-bottom: -5px;
}
[data-tooltip]:not(.is-loading).has-tooltip-arrow.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-arrow.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-arrow.has-tooltip-arrow::after {
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-top: -5px;
margin-right: auto;
margin-bottom: auto;
margin-left: -5px;
border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: -1px;
left: 50%;
margin-top: auto;
margin-right: auto;
margin-bottom: -5px;
margin-left: -5px;
border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, [data-tooltip]:not([disabled]).has-tooltip-bottom::before {
top: auto;
right: auto;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: -5px;
transform: translate(-50%, 100%);
}
[data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: 50%;
left: 0;
margin-top: auto;
margin-right: auto;
margin-bottom: -6px;
margin-left: -5px;
border-color: transparent transparent transparent rgba(74, 74, 74, 0.9);
}
[data-tooltip]:not(.is-loading).has-tooltip-left::before, [data-tooltip]:not(.is-disabled).has-tooltip-left::before, [data-tooltip]:not([disabled]).has-tooltip-left::before {
top: auto;
right: auto;
bottom: 50%;
left: -5px;
transform: translate(-100%, 50%);
}
[data-tooltip]:not(.is-loading).has-tooltip-right.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right.has-tooltip-arrow::after {
top: auto;
right: 0;
bottom: 50%;
left: auto;
margin-top: auto;
margin-right: -6px;
margin-bottom: -6px;
margin-left: auto;
border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-right::before, [data-tooltip]:not(.is-disabled).has-tooltip-right::before, [data-tooltip]:not([disabled]).has-tooltip-right::before {
top: auto;
right: -5px;
bottom: 50%;
left: auto;
margin-top: auto;
transform: translate(100%, 50%);
}
[data-tooltip]:not(.is-loading).has-tooltip-multiline::before, [data-tooltip]:not(.is-disabled).has-tooltip-multiline::before, [data-tooltip]:not([disabled]).has-tooltip-multiline::before {
height: auto;
width: 15rem;
max-width: 15rem;
text-overflow: clip;
white-space: normal;
word-break: keep-all;
}
[data-tooltip]:not(.is-loading).has-tooltip-text-left::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left::before, [data-tooltip]:not([disabled]).has-tooltip-text-left::before {
text-align: left;
}
[data-tooltip]:not(.is-loading).has-tooltip-text-centered::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered::before {
text-align: center;
}
[data-tooltip]:not(.is-loading).has-tooltip-text-right::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right::before, [data-tooltip]:not([disabled]).has-tooltip-text-right::before {
text-align: right;
}
[data-tooltip]:not(.is-loading).has-tooltip-white::after, [data-tooltip]:not(.is-disabled).has-tooltip-white::after, [data-tooltip]:not([disabled]).has-tooltip-white::after {
border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after {
border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(255, 255, 255, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after {
border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white:before, [data-tooltip]:not(.is-disabled).has-tooltip-white:before, [data-tooltip]:not([disabled]).has-tooltip-white:before {
background-color: rgba(255, 255, 255, 0.9);
color: #0a0a0a;
}
[data-tooltip]:not(.is-loading).has-tooltip-black::after, [data-tooltip]:not(.is-disabled).has-tooltip-black::after, [data-tooltip]:not([disabled]).has-tooltip-black::after {
border-color: rgba(10, 10, 10, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after {
border-color: transparent transparent rgba(10, 10, 10, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(10, 10, 10, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after {
border-color: transparent rgba(10, 10, 10, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black:before, [data-tooltip]:not(.is-disabled).has-tooltip-black:before, [data-tooltip]:not([disabled]).has-tooltip-black:before {
background-color: rgba(10, 10, 10, 0.9);
color: white;
}
[data-tooltip]:not(.is-loading).has-tooltip-light::after, [data-tooltip]:not(.is-disabled).has-tooltip-light::after, [data-tooltip]:not([disabled]).has-tooltip-light::after {
border-color: rgba(245, 245, 245, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after {
border-color: transparent transparent rgba(245, 245, 245, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(245, 245, 245, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after {
border-color: transparent rgba(245, 245, 245, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light:before, [data-tooltip]:not(.is-disabled).has-tooltip-light:before, [data-tooltip]:not([disabled]).has-tooltip-light:before {
background-color: rgba(245, 245, 245, 0.9);
color: rgba(0, 0, 0, 0.7);
}
[data-tooltip]:not(.is-loading).has-tooltip-dark::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark::after, [data-tooltip]:not([disabled]).has-tooltip-dark::after {
border-color: rgba(54, 54, 54, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after {
border-color: transparent transparent rgba(54, 54, 54, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(54, 54, 54, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after {
border-color: transparent rgba(54, 54, 54, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark:before, [data-tooltip]:not(.is-disabled).has-tooltip-dark:before, [data-tooltip]:not([disabled]).has-tooltip-dark:before {
background-color: rgba(54, 54, 54, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary::after, [data-tooltip]:not([disabled]).has-tooltip-primary::after {
border-color: rgba(121, 181, 46, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after {
border-color: transparent transparent rgba(121, 181, 46, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(121, 181, 46, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after {
border-color: transparent rgba(121, 181, 46, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary:before, [data-tooltip]:not(.is-disabled).has-tooltip-primary:before, [data-tooltip]:not([disabled]).has-tooltip-primary:before {
background-color: rgba(121, 181, 46, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-link::after, [data-tooltip]:not(.is-disabled).has-tooltip-link::after, [data-tooltip]:not([disabled]).has-tooltip-link::after {
border-color: rgba(0, 156, 234, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after {
border-color: transparent transparent rgba(0, 156, 234, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(0, 156, 234, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after {
border-color: transparent rgba(0, 156, 234, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link:before, [data-tooltip]:not(.is-disabled).has-tooltip-link:before, [data-tooltip]:not([disabled]).has-tooltip-link:before {
background-color: rgba(0, 156, 234, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-info::after, [data-tooltip]:not(.is-disabled).has-tooltip-info::after, [data-tooltip]:not([disabled]).has-tooltip-info::after {
border-color: rgba(0, 156, 234, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after {
border-color: transparent transparent rgba(0, 156, 234, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(0, 156, 234, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after {
border-color: transparent rgba(0, 156, 234, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info:before, [data-tooltip]:not(.is-disabled).has-tooltip-info:before, [data-tooltip]:not([disabled]).has-tooltip-info:before {
background-color: rgba(0, 156, 234, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-success::after, [data-tooltip]:not(.is-disabled).has-tooltip-success::after, [data-tooltip]:not([disabled]).has-tooltip-success::after {
border-color: rgba(32, 155, 28, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after {
border-color: transparent transparent rgba(32, 155, 28, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(32, 155, 28, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after {
border-color: transparent rgba(32, 155, 28, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success:before, [data-tooltip]:not(.is-disabled).has-tooltip-success:before, [data-tooltip]:not([disabled]).has-tooltip-success:before {
background-color: rgba(32, 155, 28, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning::after, [data-tooltip]:not([disabled]).has-tooltip-warning::after {
border-color: rgba(244, 128, 23, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after {
border-color: transparent transparent rgba(244, 128, 23, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(244, 128, 23, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after {
border-color: transparent rgba(244, 128, 23, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning:before, [data-tooltip]:not(.is-disabled).has-tooltip-warning:before, [data-tooltip]:not([disabled]).has-tooltip-warning:before {
background-color: rgba(244, 128, 23, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger::after, [data-tooltip]:not([disabled]).has-tooltip-danger::after {
border-color: rgba(255, 3, 3, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after {
border-color: transparent transparent rgba(255, 3, 3, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(255, 3, 3, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after {
border-color: transparent rgba(255, 3, 3, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger:before, [data-tooltip]:not(.is-disabled).has-tooltip-danger:before, [data-tooltip]:not([disabled]).has-tooltip-danger:before {
background-color: rgba(255, 3, 3, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary-two::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary-two::after, [data-tooltip]:not([disabled]).has-tooltip-primary-two::after {
border-color: rgba(32, 155, 28, 0.9) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary-two.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary-two.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-primary-two.has-tooltip-bottom::after {
border-color: transparent transparent rgba(32, 155, 28, 0.9) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary-two.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary-two.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-primary-two.has-tooltip-left::after {
border-color: transparent transparent transparent rgba(32, 155, 28, 0.9) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary-two.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary-two.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-primary-two.has-tooltip-right::after {
border-color: transparent rgba(32, 155, 28, 0.9) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary-two:before, [data-tooltip]:not(.is-disabled).has-tooltip-primary-two:before, [data-tooltip]:not([disabled]).has-tooltip-primary-two:before {
background-color: rgba(32, 155, 28, 0.9);
color: #fff;
}
[data-tooltip]:not(.is-loading):hover::before, [data-tooltip]:not(.is-loading):hover::after, [data-tooltip]:not(.is-loading).has-tooltip-active::before, [data-tooltip]:not(.is-loading).has-tooltip-active::after, [data-tooltip]:not(.is-disabled):hover::before, [data-tooltip]:not(.is-disabled):hover::after, [data-tooltip]:not(.is-disabled).has-tooltip-active::before, [data-tooltip]:not(.is-disabled).has-tooltip-active::after, [data-tooltip]:not([disabled]):hover::before, [data-tooltip]:not([disabled]):hover::after, [data-tooltip]:not([disabled]).has-tooltip-active::before, [data-tooltip]:not([disabled]).has-tooltip-active::after {
opacity: 1;
visibility: visible;
}
[data-tooltip]:not(.is-loading).has-tooltip-fade::before, [data-tooltip]:not(.is-loading).has-tooltip-fade::after, [data-tooltip]:not(.is-disabled).has-tooltip-fade::before, [data-tooltip]:not(.is-disabled).has-tooltip-fade::after, [data-tooltip]:not([disabled]).has-tooltip-fade::before, [data-tooltip]:not([disabled]).has-tooltip-fade::after {
transition: opacity 0.3s linear, visibility 0.3s linear;
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-top-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-mobile.has-tooltip-arrow::after {
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-top: -5px;
margin-right: auto;
margin-bottom: auto;
margin-left: -5px;
border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-top-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-top-mobile::before {
top: 0;
right: auto;
bottom: auto;
left: 50%;
top: 0;
margin-top: -5px;
margin-bottom: auto;
transform: translate(-50%, -100%);
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-top-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-tablet.has-tooltip-arrow::after {
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-top: -5px;
margin-right: auto;
margin-bottom: auto;
margin-left: -5px;
border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-top-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-top-tablet::before {
top: 0;
right: auto;
bottom: auto;
left: 50%;
top: 0;
margin-top: -5px;
margin-bottom: auto;
transform: translate(-50%, -100%);
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only.has-tooltip-arrow::after {
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-top: -5px;
margin-right: auto;
margin-bottom: auto;
margin-left: -5px;
border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only::before {
top: 0;
right: auto;
bottom: auto;
left: 50%;
top: 0;
margin-top: -5px;
margin-bottom: auto;
transform: translate(-50%, -100%);
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-top-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-touch.has-tooltip-arrow::after {
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-top: -5px;
margin-right: auto;
margin-bottom: auto;
margin-left: -5px;
border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-top-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-touch::before, [data-tooltip]:not([disabled]).has-tooltip-top-touch::before {
top: 0;
right: auto;
bottom: auto;
left: 50%;
top: 0;
margin-top: -5px;
margin-bottom: auto;
transform: translate(-50%, -100%);
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-top-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-desktop.has-tooltip-arrow::after {
top: 0;
right: auto;
bottom: auto;
left: 50%;
margin-top: -5px;
margin-right: auto;
margin-bottom: auto;
margin-left: -5px;
border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-top-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-top-desktop::before {
top: 0;
right: auto;
bottom: auto;
left: 50%;
top: 0;
margin-top: -5px;
margin-bottom: auto;
transform: translate(-50%, -100%);
}
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-right-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-mobile.has-tooltip-arrow::after {
top: auto;
right: 0;
bottom: 50%;
left: auto;
margin-top: auto;
margin-right: -6px;
margin-bottom: -6px;
margin-left: auto;
border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-right-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-right-mobile::before {
top: auto;
right: -5px;
bottom: 50%;
left: auto;
margin-top: auto;
transform: translate(100%, 50%);
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-right-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-tablet.has-tooltip-arrow::after {
top: auto;
right: 0;
bottom: 50%;
left: auto;
margin-top: auto;
margin-right: -6px;
margin-bottom: -6px;
margin-left: auto;
border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-right-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-right-tablet::before {
top: auto;
right: -5px;
bottom: 50%;
left: auto;
margin-top: auto;
transform: translate(100%, 50%);
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only.has-tooltip-arrow::after {
top: auto;
right: 0;
bottom: 50%;
left: auto;
margin-top: auto;
margin-right: -6px;
margin-bottom: -6px;
margin-left: auto;
border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only::before {
top: auto;
right: -5px;
bottom: 50%;
left: auto;
margin-top: auto;
transform: translate(100%, 50%);
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-right-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-touch.has-tooltip-arrow::after {
top: auto;
right: 0;
bottom: 50%;
left: auto;
margin-top: auto;
margin-right: -6px;
margin-bottom: -6px;
margin-left: auto;
border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-right-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-touch::before, [data-tooltip]:not([disabled]).has-tooltip-right-touch::before {
top: auto;
right: -5px;
bottom: 50%;
left: auto;
margin-top: auto;
transform: translate(100%, 50%);
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-right-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-desktop.has-tooltip-arrow::after {
top: auto;
right: 0;
bottom: 50%;
left: auto;
margin-top: auto;
margin-right: -6px;
margin-bottom: -6px;
margin-left: auto;
border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-right-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-right-desktop::before {
top: auto;
right: -5px;
bottom: 50%;
left: auto;
margin-top: auto;
transform: translate(100%, 50%);
}
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: -1px;
left: 50%;
margin-top: auto;
margin-right: auto;
margin-bottom: -5px;
margin-left: -5px;
border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile::before {
top: auto;
right: auto;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: -5px;
transform: translate(-50%, 100%);
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: -1px;
left: 50%;
margin-top: auto;
margin-right: auto;
margin-bottom: -5px;
margin-left: -5px;
border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet::before {
top: auto;
right: auto;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: -5px;
transform: translate(-50%, 100%);
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: -1px;
left: 50%;
margin-top: auto;
margin-right: auto;
margin-bottom: -5px;
margin-left: -5px;
border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only::before {
top: auto;
right: auto;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: -5px;
transform: translate(-50%, 100%);
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-bottom-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-touch.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: -1px;
left: 50%;
margin-top: auto;
margin-right: auto;
margin-bottom: -5px;
margin-left: -5px;
border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-touch::before {
top: auto;
right: auto;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: -5px;
transform: translate(-50%, 100%);
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: -1px;
left: 50%;
margin-top: auto;
margin-right: auto;
margin-bottom: -5px;
margin-left: -5px;
border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop::before {
top: auto;
right: auto;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: -5px;
transform: translate(-50%, 100%);
}
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-left-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-mobile.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: 50%;
left: 0;
margin-top: auto;
margin-right: auto;
margin-bottom: -6px;
margin-left: -5px;
border-color: transparent transparent transparent rgba(74, 74, 74, 0.9);
}
[data-tooltip]:not(.is-loading).has-tooltip-left-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-left-mobile::before {
top: auto;
right: auto;
bottom: 50%;
left: -5px;
transform: translate(-100%, 50%);
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-left-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-tablet.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: 50%;
left: 0;
margin-top: auto;
margin-right: auto;
margin-bottom: -6px;
margin-left: -5px;
border-color: transparent transparent transparent rgba(74, 74, 74, 0.9);
}
[data-tooltip]:not(.is-loading).has-tooltip-left-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-left-tablet::before {
top: auto;
right: auto;
bottom: 50%;
left: -5px;
transform: translate(-100%, 50%);
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: 50%;
left: 0;
margin-top: auto;
margin-right: auto;
margin-bottom: -6px;
margin-left: -5px;
border-color: transparent transparent transparent rgba(74, 74, 74, 0.9);
}
[data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only::before {
top: auto;
right: auto;
bottom: 50%;
left: -5px;
transform: translate(-100%, 50%);
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-left-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-touch.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: 50%;
left: 0;
margin-top: auto;
margin-right: auto;
margin-bottom: -6px;
margin-left: -5px;
border-color: transparent transparent transparent rgba(74, 74, 74, 0.9);
}
[data-tooltip]:not(.is-loading).has-tooltip-left-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-touch::before, [data-tooltip]:not([disabled]).has-tooltip-left-touch::before {
top: auto;
right: auto;
bottom: 50%;
left: -5px;
transform: translate(-100%, 50%);
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-left-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-desktop.has-tooltip-arrow::after {
top: auto;
right: auto;
bottom: 50%;
left: 0;
margin-top: auto;
margin-right: auto;
margin-bottom: -6px;
margin-left: -5px;
border-color: transparent transparent transparent rgba(74, 74, 74, 0.9);
}
[data-tooltip]:not(.is-loading).has-tooltip-left-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-left-desktop::before {
top: auto;
right: auto;
bottom: 50%;
left: -5px;
transform: translate(-100%, 50%);
}
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::before {
opacity: 0 !important;
display: none !important;
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::before {
opacity: 0 !important;
display: none !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::before {
opacity: 0 !important;
display: none !important;
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::before {
opacity: 0 !important;
display: none !important;
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::before {
opacity: 0 !important;
display: none !important;
}
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-left-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-mobile::before {
text-align: left;
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet::before {
text-align: left;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet-only::before {
text-align: left;
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-left-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-touch::before {
text-align: left;
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-desktop::before {
text-align: left;
}
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-centered-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-mobile::before {
text-align: center;
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet::before {
text-align: center;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet-only::before {
text-align: center;
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-centered-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-touch::before {
text-align: center;
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop::before {
text-align: center;
}
}
@media screen and (max-width: 768px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-right-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-mobile::before {
text-align: right;
}
}
@media screen and (min-width: 769px), print {
[data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet::before {
text-align: right;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet-only::before {
text-align: right;
}
}
@media screen and (max-width: 1023px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-right-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-touch::before {
text-align: right;
}
}
@media screen and (min-width: 1024px) {
[data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-desktop::before {
text-align: right;
}
}
span[data-tooltip] {
border-bottom: 1px dashed #dbdbdb;
}
span[data-tooltip].has-tooltip-white {
border-bottom-color: white;
}
span[data-tooltip].has-tooltip-black {
border-bottom-color: #171717;
}
span[data-tooltip].has-tooltip-light {
border-bottom-color: white;
}
span[data-tooltip].has-tooltip-dark {
border-bottom-color: #424242;
}
span[data-tooltip].has-tooltip-primary {
border-bottom-color: #87c933;
}
span[data-tooltip].has-tooltip-link {
border-bottom-color: #05acff;
}
span[data-tooltip].has-tooltip-info {
border-bottom-color: #05acff;
}
span[data-tooltip].has-tooltip-success {
border-bottom-color: #24b120;
}
span[data-tooltip].has-tooltip-warning {
border-bottom-color: #f58d2f;
}
span[data-tooltip].has-tooltip-danger {
border-bottom-color: #ff1d1d;
}
span[data-tooltip].has-tooltip-primary-two {
border-bottom-color: #24b120;
}
.control span[data-tooltip] {
border-bottom: none;
}
.loader.big {
height: 150px !important;
width: 150px !important;

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,3 @@
Id Client Source Vendor Date Account Location Debit Credit
ABC DEMO Payroll Dummy 12/19/2018 5310 HQ 100 0
ABC DEMO Payroll 123551123 12/19/2018 DEMO-1 HQ 0 50
ABC DEMO Payroll 123551123 12/19/2018 DEMO-1 HQ 0 50
DEF DEMO Payroll 223551123 12/19/2018 2950 HQ 0 50
GHI DEMO Payroll 123551123 12/19/2018 21550 HQ 100 0
1 DEMO Payroll 123551123 12/19/2018 21550 HQ 100 0
1 Id DEF Client DEMO Source Payroll Vendor 223551123 Date 12/19/2018 Account 2950 Location HQ Debit 0 Credit 50
Id Client Source Vendor Date Account Location Debit Credit
ABC DEMO Payroll Dummy 12/19/2018 5310 HQ 100 0
ABC DEMO Payroll 123551123 12/19/2018 DEMO-1 HQ 0 50
ABC DEMO Payroll 123551123 12/19/2018 DEMO-1 HQ 0 50
1 DEF DEF DEMO DEMO Payroll Payroll 223551123 223551123 12/19/2018 12/19/2018 2950 2950 HQ HQ 0 0 50 50
2 GHI GHI DEMO DEMO Payroll Payroll 123551123 123551123 12/19/2018 12/19/2018 21550 21550 HQ HQ 100 100 0 0
3 1 1 DEMO DEMO Payroll Payroll 123551123 123551123 12/19/2018 12/19/2018 21550 21550 HQ HQ 100 100 0 0

View File

@@ -55,7 +55,7 @@ $fullhd-enabled: false;
@import "../bulma-0.9.0/bulma.sass";
@import "./bulma-switch.sass";
@import "./tooltip/index.sass";
.loader.big {
height: 150px !important;

View File

@@ -0,0 +1,4 @@
=tooltip-fade
&::before,
&::after
transition: opacity $tooltip-animation-duration $tooltip-animation-transition-timing-function, visibility $tooltip-animation-duration $tooltip-animation-transition-timing-function

View File

@@ -0,0 +1,124 @@
=tooltip-hover
&:hover::before,
&:hover::after,
&.has-tooltip-active::before,
&.has-tooltip-active::after
@content
=tooltip-arrow-top
&.has-tooltip-arrow
&::after
top: 0
right: auto
bottom: auto
left: 50%
margin-top: $tooltip-arrow-size * -1 + 1
margin-right: auto
margin-bottom: auto
margin-left: $tooltip-arrow-size * -1 + 1
border-color: rgba($tooltip-background-color, $tooltip-background-opacity) transparent transparent transparent
=tooltip-box-top
&::before
top: 0
right: auto
bottom: auto
left: 50%
top: 0
margin-top: $tooltip-arrow-size * -1 + 1
margin-bottom: auto
transform: translate(-50%, -100%)
=tooltip-top
+tooltip-arrow-top
+tooltip-box-top
=tooltip-arrow-bottom
&.has-tooltip-arrow
&::after
top: auto
right: auto
bottom: -1px
left: 50%
margin-top: auto
margin-right: auto
margin-bottom: $tooltip-arrow-size * -1 + 1
margin-left: $tooltip-arrow-size * -1 + 1
border-color: transparent transparent rgba($tooltip-background-color, $tooltip-background-opacity) transparent
=tooltip-box-bottom
&::before
top: auto
right: auto
bottom: 0
left: 50%
margin-top: auto
margin-bottom: $tooltip-arrow-size * -1 + 1
transform: translate(-50%, 100%)
=tooltip-bottom
+tooltip-arrow-bottom
+tooltip-box-bottom
=tooltip-arrow-left
&.has-tooltip-arrow
&::after
top: auto
right: auto
bottom: 50%
left: 0
margin-top: auto
margin-right: auto
margin-bottom: $tooltip-arrow-size * -1
margin-left: $tooltip-arrow-size * -1 + 1
border-color: transparent transparent transparent rgba($tooltip-background-color, $tooltip-background-opacity)
=tooltip-box-left
&::before
top: auto
right: auto
bottom: 50%
left: $tooltip-arrow-size * -1 + 1
transform: translate(-100%, 50%)
=tooltip-left
+tooltip-arrow-left
+tooltip-box-left
=tooltip-arrow-right
&.has-tooltip-arrow
&::after
top: auto
right: 0
bottom: 50%
left: auto
margin-top: auto
margin-right: $tooltip-arrow-size * -1
margin-bottom: $tooltip-arrow-size * -1
margin-left: auto
border-color: transparent rgba($tooltip-background-color, $tooltip-background-opacity) transparent transparent
=tooltip-box-right
&::before
top: auto
right: $tooltip-arrow-size * -1 + 1
bottom: 50%
left: auto
margin-top: auto
transform: translate(100%, 50%)
=tooltip-right
+tooltip-arrow-right
+tooltip-box-right
=tooltip-direction($direction)
@if $direction == 'top'
@include tooltip-top
@else if $direction == 'right'
@include tooltip-right
@else if $direction == 'bottom'
@include tooltip-bottom
@else if $direction == 'left'
@include tooltip-left

View File

@@ -0,0 +1,151 @@
@each $direction in top, right, bottom, left
&.has-tooltip-#{$direction}-mobile
+mobile
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-tablet
+tablet
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-tablet-only
+tablet-only
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-touch
+touch
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-desktop
+desktop
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-desktop-only
+desktop-only
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-until-widescreen
+until-widescreen
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-widescreen
+widescreen
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-widescreen-only
+widescreen-only
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-until-fullhd
+until-fullhd
@include tooltip-direction(#{$direction})
&.has-tooltip-#{$direction}-fullhd
+fullhd
@include tooltip-direction(#{$direction})
// Hidden breakpoints
&.has-tooltip-hidden-mobile
+mobile
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-tablet
+tablet
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-tablet-only
+tablet-only
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-touch
+touch
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-desktop
+desktop
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-desktop-only
+desktop-only
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-until-widescreen
+until-widescreen
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-widescreen
+widescreen
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-widescreen-only
+widescreen-only
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-until-fullhd
+until-fullhd
&::after,
&::before
opacity: 0 !important
display: none !important
&.has-tooltip-hidden-fullhd
+fullhd
&::after,
&::before
opacity: 0 !important
display: none !important
// Text alignement breakpoints
@each $direction in (left, left), (centered, center), (right, right)
$dir: nth($direction, 1)
$text: nth($direction, 2)
&.has-tooltip-text-#{$dir}-mobile
+mobile
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-tablet
+tablet
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-tablet-only
+tablet-only
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-touch
+touch
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-desktop
+desktop
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-desktop-only
+desktop-only
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-until-widescreen
+until-widescreen
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-widescreen
+widescreen
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-widescreen-only
+widescreen-only
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-until-fullhd
+until-fullhd
&::before
text-align: #{$text}
&.has-tooltip-text-#{$dir}-fullhd
+fullhd
&::before
text-align: #{$text}

View File

@@ -0,0 +1,12 @@
$tooltip-animation-duration: .3s !default
$tooltip-animation-transition-timing-function: linear !default
$tooltip-arrow-size: 6px !default
$tooltip-background-color: $grey-dark !default
$tooltip-background-opacity: 0.9 !default
$tooltip-color: $white !default
$tooltip-font-family: $family-primary !default
$tooltip-font-size: $size-7 !default
$tooltip-max-width: 15rem !default
$tooltip-padding: .5rem 1rem !default
$tooltip-radius: $radius-small !default
$tooltip-z-index: 1020 !default

View File

@@ -0,0 +1,131 @@
@import 'variables'
@import 'position'
@import 'animation'
=tooltip-arrow
&::after
box-sizing: border-box
color: $tooltip-color
display: inline-block
font-family: $tooltip-font-family
font-size: $tooltip-font-size
hyphens: auto
opacity: 0
overflow: hidden
pointer-events: none
position: absolute
visibility: hidden
z-index: $tooltip-z-index
content: ''
border-style: solid
border-width: $tooltip-arrow-size
border-color: rgba($tooltip-background-color, $tooltip-background-opacity) transparent transparent transparent
margin-bottom: $tooltip-arrow-size * -1 + 1
+tooltip-arrow-top
=tooltip-box
&::before
box-sizing: border-box
color: $tooltip-color
display: inline-block
font-family: $tooltip-font-family
font-size: $tooltip-font-size
hyphens: auto
opacity: 0
overflow: hidden
pointer-events: none
position: absolute
visibility: hidden
z-index: $tooltip-z-index
background: rgba($tooltip-background-color, $tooltip-background-opacity)
border-radius: $tooltip-radius
content: attr(data-tooltip)
padding: $tooltip-padding
text-overflow: ellipsis
white-space: pre
+tooltip-box-top
=tooltip-multiline
&::before
height: auto
width: $tooltip-max-width
max-width: $tooltip-max-width
text-overflow: clip
white-space: normal
word-break: keep-all
[data-tooltip]
&:not(.is-loading),
&:not(.is-disabled),
&:not([disabled])
cursor: pointer
overflow: visible
position: relative
+tooltip-box
&.has-tooltip-arrow
+tooltip-arrow
&.has-tooltip-bottom
+tooltip-direction('bottom')
&.has-tooltip-left
+tooltip-direction('left')
&.has-tooltip-right
+tooltip-direction('right')
&.has-tooltip-multiline
+tooltip-multiline
&.has-tooltip-text-left
&::before
text-align: left
&.has-tooltip-text-centered
&::before
text-align: center
&.has-tooltip-text-right
&::before
text-align: right
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.has-tooltip-#{$name}
&::after
border-color: rgba($color, $tooltip-background-opacity) transparent transparent transparent !important
&.has-tooltip-bottom
&::after
border-color: transparent transparent rgba($color, $tooltip-background-opacity) transparent !important
&.has-tooltip-left
&::after
border-color: transparent transparent transparent rgba($color, $tooltip-background-opacity) !important
&.has-tooltip-right
&::after
border-color: transparent rgba($color, $tooltip-background-opacity) transparent transparent !important
&:before
background-color: rgba($color, $tooltip-background-opacity)
color: $color-invert
+tooltip-hover
opacity: 1
visibility: visible
&.has-tooltip-fade
+tooltip-fade
@import 'responsiveness'
span
&[data-tooltip]
border-bottom: 1px dashed $grey-lighter
@each $name, $pair in $colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.has-tooltip-#{$name}
border-bottom-color: lighten($color, 5%)
.control
span
&[data-tooltip]
border-bottom: none

View File

@@ -793,6 +793,7 @@
(let [sort-bys (conj (:sort args)
{:sort-key "default" :asc true})
_ (log/info sort-bys)
length (count sort-bys)
comparator (fn [xs ys]
(reduce

View File

@@ -9,7 +9,7 @@
(defn raw-graphql-ids [db args]
(let [query (cond-> {:query {:find ['?sort-default]
(let [query (cond-> {:query {:find []
:in ['$ ]
:where ['[?e :journal-entry/date ?sort-default]]}
:args [db]}
@@ -101,12 +101,11 @@
:args [(:location args)]})
true
(merge-query {:query {:find ['?sort-default '?e] :where ['[?e :journal-entry/date ?sort-default]
'[?e :journal-entry/amount ?ja2]
'[(not= 0.0 ?ja2)]]}}))]
(->> query
(merge-query {:query {:find ['?sort-default '?e] :where ['[?e :journal-entry/date ?sort-default]]}}))]
(->> (doto query println)
(d/query)
(apply-sort-3 args)
(apply-sort-3 (update args :sort conj {:sort-key "default-2" :asc true}))
(apply-pagination args))))
(defn graphql-results [ids db args]

View File

@@ -25,7 +25,6 @@
[journal-entries journal-entries-count] (l/get-graphql (<-graphql args))
journal-entries (mapv
(fn [je]
(update je :journal-entry/line-items
(fn [jels]
(mapv
@@ -260,13 +259,16 @@
(throw (Exception. (str "Vendor '" (:vendor_name entry) "' not found."))))
(when-not (re-find #"\d{1,2}/\d{1,2}/\d{4}" (:date entry))
(throw (Exception. (str "Date must be MM/dd/yyyy"))))
(when-not (dollars= (doto (reduce + 0.0 (map :debit (:line_items entry))))
(when-not (dollars= (reduce + 0.0 (map :debit (:line_items entry)))
(reduce + 0.0 (map :credit (:line_items entry))))
(throw (Exception. (str "Debits '"
(reduce + 0 (map :debit (:line_items entry)))
"' and credits '"
(reduce + 0 (map :credit (:line_items entry)))
"' do not add up."))))
(when (dollars= (reduce + 0.0 (map :debit (:line_items entry)))
0.0)
(throw (Exception. (str "Cannot have ledger entries that total $0.00"))))
(remove-nils
{:journal-entry/source (:source entry)
:journal-entry/client [:client/code (:client_code entry)]
@@ -284,22 +286,44 @@
(get all-client-locations (:client_code entry))
(:location ea))
(throw (Exception. (str "Location '" (:location ea) "' not found."))))
(when (< (or (:debit ea) (:credit ea)) 0.0)
(throw (Exception. (str (or (:debit ea) (:credit ea)) "must be greater than 0."))))
(when (and (<= (:debit ea 0.0) 0.0)
(<= (:credit ea 0.0) 0.0))
(throw (Exception. (str "Line item amount " (or (:debit ea) (:credit ea)) " must be greater than 0."))))
(when (and (not (all-accounts (:account_identifier ea)))
(not (get
(get all-client-bank-accounts (:client_code entry))
(:account_identifier ea))))
(throw (Exception. (str "Account '" (:account_identifier ea) "' not found."))))
(remove-nils {:journal-entry-line/account
(if (re-matches #"^[0-9]+$" (:account_identifier ea))
(:db/id (a/get-account-by-numeric-code-and-sets (Integer/parseInt (:account_identifier ea)) ["default"]))
[:bank-account/code (:account_identifier ea)])
:journal-entry-line/location (:location ea)
:journal-entry-line/debit (when (> (:debit ea) 0)
(:debit ea))
:journal-entry-line/credit (when (> (:credit ea) 0)
(:credit ea))}))
(let [matching-account (when (re-matches #"^[0-9]+$" (:account_identifier ea))
(a/get-account-by-numeric-code-and-sets (Integer/parseInt (:account_identifier ea)) ["default"]))]
(when (and matching-account
(:account/location matching-account)
(not= (:account/location matching-account)
(:location ea)))
(throw (Exception. (str "Account '"
(:account/numeric-code matching-account)
"' requires location '"
(:account/location matching-account)
"' but got '"
(:location ea)
"'"
))))
(when (and matching-account
(not (:account/location matching-account))
(= "A" (:location ea)))
(throw (Exception. (str "Account '"
(:account/numeric-code matching-account)
"' cannot use location '"
(:location ea)
"'"))))
(remove-nils (cond-> {:journal-entry-line/location (:location ea)
:journal-entry-line/debit (when (> (:debit ea) 0)
(:debit ea))
:journal-entry-line/credit (when (> (:credit ea) 0)
(:credit ea))}
matching-account (assoc :journal-entry-line/account (:db/id matching-account))
(not matching-account) (assoc :journal-entry-line/account [:bank-account/code (:account_identifier ea)])))))
(:line_items entry))
:journal-entry/cleared true})))))
@@ -323,7 +347,7 @@
([lookup-account all-ledger-entries]
(->> all-ledger-entries
(reduce
(fn [[rollup cache] [_ jel account location debit credit]]
(fn [[rollup cache] [_ _ jel account location debit credit]]
(let [rollup (-> rollup
(update-in [[location account] :debit] (fnil + 0.0) debit)
(update-in [[location account] :credit] (fnil + 0.0) credit)
@@ -349,7 +373,7 @@
(defn running-balance-for [client-id]
(let [lookup-account (build-account-lookup client-id)]
(->> (d/query
{:query {:find ['?d '?jel '?account '?location '?debit '?credit]
{:query {:find ['?d '?e '?jel '?account '?location '?debit '?credit]
:in ['$ '?client-id]
:where '[[?e :journal-entry/client ?client-id]
[?e :journal-entry/date ?d]
@@ -369,7 +393,7 @@
[(get-else $ ?jel :journal-entry-line/location "") ?location]]
}
:args [(d/db conn) client-id]})
(sort-by first)
(sort-by (juxt first second))
(build-running-balance lookup-account))))
(defn build-running-balance-cache []

View File

@@ -22,8 +22,7 @@
[grid/cell {} (date->str date) ]
[grid/cell {} ]
[grid/cell {:class "has-text-right"} (nf amount )]
[grid/cell {:class "has-text-right"} (nf amount )]
#_[grid/cell {}]]
[grid/cell {:class "has-text-right"} (nf amount )]]
[:<>
(for [{:keys [debit credit location account id running-balance]} line-items
:let [account (or (accounts-by-id (:id account))
@@ -35,7 +34,8 @@
[grid/cell {} ]
[grid/cell {} ]
[grid/cell {} (if (:name account)
(str location ": " (:name account))
[:span.has-tooltip-arrow.has-tooltip-right {:data-tooltip (str "Balance as of this entry: " (nf running-balance ))}
(str location ": " (:name account)) ]
[:i "unknown"])]
[grid/cell {:class "has-text-right"} (when debit (nf debit ))]
[grid/cell {:class "has-text-right"} (when credit (nf credit ))]