notid/integreat
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Adds validation for external ledger import

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

898
resources/public/css/bulma.min.css vendored
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;

2
resources/public/css/bulma.min.css.map
View File

File diff suppressed because one or more lines are too long

4
resources/sample-ledger.csv
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

2
resources/sass/bulma.scss vendored
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;

4
resources/sass/tooltip/_animation.sass Normal file
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

124
resources/sass/tooltip/_position.sass Normal file
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

151
resources/sass/tooltip/_responsiveness.sass Normal file
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}

12
resources/sass/tooltip/_variables.sass Normal file
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

131
resources/sass/tooltip/index.sass Normal file
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