input, select, textarea, [contenteditable=true], [contenteditable=true] * {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    outline:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

body, html {
    margin:0; padding:0; min-width:100%; min-height:100%;
}

body {
    background-color:#f5f9fc;
    color:#304659;
    font-family: 'Palanquin', sans-serif;
    font-size:15px;
    line-height:1.33em;

    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

h1 { font-size:1.67em; line-height:1.2em; margin:0; padding:0; }
h1.small { font-size:1.33em; line-height:1.25em; }
h2 { margin:0; padding:0;}
h2.medium { font-size:1.67em; line-height:1.2em; margin-bottom:5px; }
h2.large { font-size:3.67em; line-height:1.09em; margin-bottom:5px; }

h1 .button { margin-left:5px; font-size:0.6em; top:0.5em; }

a { position:relative; color:inherit; text-decoration:inherit; }
a:hover { color:#000; }

small { font-size:0.87em; line-height:1.54em; }
.secondary { color:#8298ab; }

.positive { color:#39c463; }
.bg-positive { background-color:#39c463; color:#fff; text-shadow: 0px 0px 4px #39c463, 1px 1px 0px #39c463; }
.bg-positive-empty { background-color:#e8faea; }
.bg-positive,
.bg-positive-empty { border:1px solid #39c463; }

.negative { color:#ff564a; }
.bg-negative { background-color:#ff564a; color:#fff; text-shadow: 0px 0px 4px #ff564a, 1px 1px 0px #ff564a; }
.bg-negative-empty { background-color:#fcebeb; }
.bg-negative,
.bg-negative-empty { border:1px solid #ff564a; }

.bg-highlight,
.notification { background-color:#e1e9f0; }

.input,
.button,
.border,
.notification,
.bar > div { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.right { float:right; }

a.red,
font.red { color:#ff564a; }
a.gray,
font.gray { color:#8298ab; }

hr { display:block; padding:0; border:0; margin:0; margin-bottom:20px; margin-top:20px; height:1px; background-color:#d3dce5; }

fieldset + hr { margin-top:40px; }

[data-more][data-more-state=hide] { display:none; }

.bar { position:relative; }
.bar small { padding-left:14px; padding-right:14px; text-wrap:nowrap; }
.bar > div { position:relative; width:30%; }
.bar > div:hover { z-index:50; }
.bar > div:first-child { color:transparent; }
.bar > div:last-child { position:absolute; top:0; left:0; z-index:10; }
.bar > div:first-child:before { position:absolute; z-index:21; content:""; top:-1px; bottom:-1px; right:-12px; width:21px; background-color:transparent; }
.bar > div:first-child:after { position:absolute; z-index:22; content:""; top:-1px; bottom:-1px; right:-2px; width:1px; background-color:#f5f9fc; }
.bar > div:first-child:hover + div { color:transparent; }
.bar > div:first-child:hover { color:#304659; }

.margin-5 { margin-top:5px; margin-bottom:5px; }
.margin-10 { margin-top:10px; margin-bottom:10px; }
.margin-15 { margin-top:15px; margin-bottom:15px; }
.margin-20 { margin-top:20px; margin-bottom:20px; }
.margin-25 { margin-top:25px; margin-bottom:25px; }
.margin-30 { margin-top:30px; margin-bottom:30px; }
.margin-40 { margin-top:40px; margin-bottom:40px; }
.margin-45 { margin-top:45px; margin-bottom:45px; }

.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-bottom-45 { margin-bottom:45px; }

.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }
.margin-top-40 { margin-top:40px; }
.margin-top-45 { margin-top:45px; }

.padding-5 { padding-top:5px; padding-bottom:5px; }
.padding-10 { padding-top:10px; padding-bottom:10px; }
.padding-15 { padding-top:15px; padding-bottom:15px; }
.padding-20 { padding-top:20px; padding-bottom:20px; }
.padding-30 { padding-top:30px; padding-bottom:30px; }
.padding-40 { padding-top:40px; padding-bottom:40px; }
.padding-45 { padding-top:45px; padding-bottom:45px; }

.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-top-20 { padding-top:20px; }
.padding-top-25 { padding-top:25px; }
.padding-top-30 { padding-top:30px; }
.padding-top-40 { padding-top:40px; }
.padding-top-45 { padding-top:45px; }

.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-30 { padding-bottom:30px; }
.padding-bottom-40 { padding-bottom:40px; }
.padding-bottom-45 { padding-bottom:45px; }

.notification { padding:20px; }

.notification.margin-40 + .notification.margin-40 { margin-top:-30px; }

.button,
.input { position:relative; display:block; background-color:#fff; border:1px solid #e1e9f0; font-size:0.87em; line-height:1.8em; min-height:1.8em; padding:1em; padding-top:0.35em; padding-bottom:0.35em; }
.input input,
.input textarea,
.input select { display:block; position:relative; font-family:inherit; font-weight:inherit; font-size:inherit; line-height:inherit; color:inherit; background:none; padding:0; margin:0; border:0; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; resize: none; white-space: pre-wrap; word-wrap: break-word; }

.input input[name][disabled],
.input textarea[name][disabled],
.input select[name][disabled] { color:#8298ab; cursor:not-allowed; }

.input.missing, .input.error,
.input.checkbox.missing input + span, .input.checkbox.error input + span,
.input.radio.missing input + span, .input.radio.error input + span { border-color:#ff564a; }
.input.checkbox.missing, .input.checkbox.error,
.input.radio.missing, .input.radio.error { color:#ff564a; }

.input.icon { padding-left:45px; }
.input.icon-right { padding-right:35px; }
.input.label { padding-right:150px; }
.input.label > span.label,
.input.icon > span.icon,
.input.icon-right > span.icon { position:absolute; z-index:1; top:50%; left:1em; transform:translateY(-50%); font-weight:bold; }
.input.label > span.label,
.input.icon-right > span.icon { left:auto; right:1em; }
.input.icon > span.icon:before,
.input.icon-right > span.icon:before { font-size:1.3em; }

form span.icon[data-form-clear] { display:none; cursor:pointer; }
form[data-ajax-values=true] span.icon[data-form-clear] { display:block; }
form[data-ajax-values=true] span.icon[data-form-clear] + span.icon { display:none; }
form input:not(:placeholder-shown) + span.icon[data-form-clear] { display:block; }
form input:not(:placeholder-shown) + span.icon[data-form-clear] + span.icon { display:none; }

.input.label > span.label { font-weight:normal; }

.input.select { position:relative; padding:0; }
.input.select select { position:relative; z-index:2; padding:0.35em 1em; padding-right:35px; height:2.5em; }
.input.select.autogrow select { min-height:2.5em; height:auto; }
.input.select.icon select { padding-left:45px; }
.input.select:not(.icon-right):after { content:""; position:absolute; z-index:1; top:50%; right:1em; transform:translateY(-50%); content:"\e809"; font-size:1em; text-align:center; line-height:1; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.input.label > span.label.small,
.input.icon > span.icon.small,
.input.icon-right > span.icon.small { font-size:0.5em; }
.input.icon > span.icon.small { left:2em; }
.input.label > span.label.small,
.input.icon-right > span.icon.small { right:2em; }

.input ::-webkit-input-placeholder { color:#8298ab; }
.input ::-moz-placeholder { color:#8298ab; }
.input :-ms-input-placeholder { color:#8298ab; }
.input :-moz-placeholder { color:#8298ab; }

.input-block .input-3-2 { width:66.66%; float:left; }
.input-block .input-3-1 { width:33.34%; float:left; }
.input-block .input-2-1 { width:50%; float:left; }
.input-block > * > .input { border-radius:0; border-left:0; }
.input-block > *:first-child > .input { border-left:1px solid #e1e9f0; border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; }
.input-block > *:nth-child(2) > .input { border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; }

.input-block + .input-block { clear:left; }
.input:not([data-more-state=hide]) + .input:not([data-more-state=hide]),
.input-block + .input-block > * > .input { margin-top:-1px; border-top-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; border-top-right-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; }

.input.checkbox,
.input.radio { border:0; padding-left:0; padding-right:0; background-color:transparent; }
.input.checkbox input,
.input.radio input { position:absolute; opacity:0; cursor:pointer; height:0; width:0; }
.input.checkbox input + span,
.input.radio input + span { margin-top:2px; position:relative; display:block; cursor:pointer; float:right; text-align:center; min-height:0; height:18px; padding:0; min-width:18px; overflow:hidden; border:1px solid #e1e9f0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#fff; }
.input.radio input + span { width:32px; background-color:#e1e9f0; }

.input.checkbox.left { position:relative; padding-left:30px; }
.input.checkbox.left input + span { position:absolute; top:0.5em; left:0; }

.input.checkbox span:first-child strong,
.input.radio span:first-child strong,
.input.checkbox span:first-child span,
.input.radio span:first-child span { font-size:1.15em; }

input:checked + label .input.checkbox input[disabled] + span,
input:checked + label .input.radio input[disabled] + span,
input:checked + input[type=hidden] + label .input.checkbox input[disabled] + span,
input:checked + input[type=hidden] + label .input.radio input[disabled] + span,
.input.checkbox input:checked + span,
.input.radio input:checked + span { background-color:#39c463; border-color:#39c463; }

.input.checkbox input + span:after,
.input.radio input + span:after { font-size:12px; text-align:center; line-height:18px; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input:checked + label .input.checkbox input[disabled] + span:after,
input:checked + input[type=hidden] + label .input.checkbox input[disabled] + span:after,
.input.checkbox input:checked + span:after { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; }
input:checked + label .input.checkbox input[disabled] + span:not([data-icon]):after,
input:checked + input[type=hidden] + label .input.checkbox input[disabled] + span:not([data-icon]):after,
.input.checkbox input:checked + span:not([data-icon]):after { content:"\e815"; }

.input.radio input + span:after { line-height:16px; content:attr(data-icon); color:#304659; position:absolute; top:1px; left:1px; height:16px; width:16px; background-color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
input:checked + label .input.radio input[disabled] + span:after,
input:checked + input[type=hidden] + label .input.radio input[disabled] + span:after,
.input.radio input:checked + span:after { left:auto; right:1px; }
input:checked + label .input.radio input[disabled] + span[data-icon-checked]:after,
input:checked + input[type=hidden] + label .input.radio input[disabled] + span[data-icon-checked]:after,
.input.radio input:checked + span[data-icon-checked]:after { content:attr(data-icon-checked); }

.input.checkbox input[name][disabled] + span,
.input.radio input[name][disabled] + span { background-color:#e8faea; cursor:not-allowed; }

.input.checkbox input[name][disabled]:checked + span,
.input.radio input[name][disabled]:checked + span { background-color:#bcbcbc; border-color:#bcbcbc; }

.input[data-valid=false],
.input[data-valid=null] { border-color:#ff564a !important; position:relative; z-index:1; }
.input[data-valid]:not(.icon-right):not(.label) { padding-right:35px; }
.input[data-valid]:not(.icon-right):not(.label):before { content:"\e815"; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:#39c463; color:#fff; position:absolute; z-index:1; top:50%; width:1.3em; height:1.3em; right:1em; transform:translateY(-50%); font-weight:bold; font-size:1em; text-align:center; line-height:1.3em; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.input[data-valid=false]:not(.icon-right):not(.label):before,
.input[data-valid=null]:not(.icon-right):not(.label):before { content:"\e816"; background-color:#ff564a; }

.input[data-valid=false].icon-right > span.icon,
.input[data-valid=false].label > span.icon,
.input[data-valid=null].icon-right > span.icon,
.input[data-valid=null].label > span.icon { color:#ff564a; }

.input > input + a[href] { position:absolute; z-index:2; top:50%; right:4px; display:block; transform:translateY(-50%); border-radius:3px; background-color:#e1e9f0; border:1px solid #e1e9f0; padding:0px 4px; font-weight:bold; }
.input > input + a[href]:hover { background-color:#fff; border-color:#304659; }
.input > input[readonly] + a[href] { background-color:#304659; border-color:#304659; color:#fff; }
.input > input + a[href] span.readonly { display:none; }
.input > input[readonly] + a span.readonly { display:block; }
.input > input[readonly] + a span.readonly + span { display:none; }

.button { color:inherit; font-size:1.13em; line-height:1em; padding-top:0.40em; padding-bottom:0.42em; margin:0; text-align:center; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; width:100%;  }
.button.nolink { cursor:default; }
.button.small { font-size:1em; }
.button.large { font-size:1.75em; }
.button:not(.nolink) { cursor:pointer; }
.button:not(.nolink):hover { background-color:#304659; border-color:#304659; color:#fff; }

.button.inline { display:inline-block; width:auto; vertical-align: top; }
.button.float { float:left; width:auto; }
.button.float.right { float:right; }

.button.icon { display:inline-block; text-align:center; background-color:#f5f9fc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; padding:0.27em; width:1.38em; height:1.38em; line-height:1.38em; text-align:center; min-height:0; font-weight:bold; box-sizing:content-box; }
.button.icon:not(.nolink):hover,
a:hover .button.icon,
input.button.icon:hover,
.button.icon.selected,
a.selected .button.icon,
input.button.icon.selected { background-color:#fff; border-color:#e1e9f0; color:inherit; }
.button.icon > span { position:absolute; top:2px; left:0; bottom:0; right:0; }
.button.icon > span:before { position:absolute; top:50%; left:50%; margin:0; transform:translate(-50%,-50%); }

.button.icon.small { font-size:0.7em; width:1em; height:1em; line-height:0.9em; }

.button.icon.rotating > span,
[data-status]:not([data-status="0"]) > .button.icon > span { animation:icon-rotating 2s linear infinite; }
@keyframes icon-rotating { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.animate-rotate { animation:icon-rotating 2s linear infinite; }

.button.plain { background:transparent; border-color:transparent; margin:0; }
.button.plain:before,
.button.plain:after { position:absolute; content:""; top:0; bottom:0; width:10px; right:100%; background-color:transparent; }
.button.plain:after { right:auto; left:100%; }
.button.plain:not(.nolink):hover,
a:hover .button.plain,
input.button.plain:hover,
.button.plain.selected:not(.nolink),
a.selected .button.plain,
input.button.plain.selected { background:none; color:#000; border-color:transparent; }
.button.plain.right { margin-right:-1px; }

.button.plain.icon { width:auto; padding-left:0; padding-right:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
.button.plain.color { color:#304659; }

.button:not(.icon) .icon { display:inline-block; margin-top:0.1em; }

.button.dark { background-color:#304659; border-color:#304659; color:#fff; }
.button.dark:not(.nolink):hover,
a:hover .button.dark,
input.button.dark:hover,
.button.dark.selected:not(.nolink),
a.selected .button.dark,
input.button.dark.selected { background-color:#fff; color:#304659; }

.button.red { background-color:#ff564a; border-color:#ff564a; color:#fff; }
.button.red:hover,
a.selected .button.red,
input.button.red.selected { background-color:#fff; border-color:#ff564a; color:#ff564a; }

.button.green { background-color:#39c463; border-color:#39c463; color:#fff; }
/*
.button.green:hover,
a.selected .button.green,
input.button.green.selected { background-color:#fff; border-color:#39c463; color:#39c463; }
*/

.button.gray,
.button.icon.gray { background-color:#e1e9f0; }
.button.gray:not(.nolink):hover,
.button.icon.gray:not(.nolink):hover,
a:hover .button.gray,
a:hover .button.icon.gray,
input.button.gray:hover,
input.button.icon.gray:hover,
.button.gray.selected:not(.nolink),
.button.icon.gray.selected:not(.nolink),
a.selected .button.gray,
a.selected .button.icon.gray,
input.button.gray.selected,
input.button.icon.gray.selected { background-color:#fff; }

.button.white,
.button.icon.white { background-color:#fff; }
a:hover .button.white,
a:hover .button.icon.white,
.button.white:not(.nolink):hover,
.button.icon.white:not(.nolink):hover,
input.button.white:hover,
input.button.icon.white:hover,
a.selected .button.white,
a.selected .button.icon.white,
.button.white.selected:not(.nolink),
.button.icon.white.selected:not(.nolink),
input.button.white.selected,
input.button.icon.white.selected { background-color:#f5f9fc; }

.button.transparent,
.button.icon.transparent { background-color:transparent; }

a > .button.icon { display:block; margin:auto; }

.button > span.counter { position:absolute; left:auto; top:-3px; right:-3px; transform:none; margin:0; font-size:10px; line-height:1.3em; width:1.5em; height:1.5em; background-color:#ffbb5c; text-align:center; color:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }

.button > a { display:block; text-decoration:inherit; color:inherit; margin:-1em; margin-top:-0.35em; margin-bottom:-0.35em; padding:inherit; }

a ul,
.button ul { display:none; }

a:hover ul,
.button:hover ul,
a.selected ul,
.button.selected ul { display:block; }

a ul,
.button ul { position:absolute; z-index:99999; text-align:left; font-size:1em; font-weight:normal; list-style:none; cursor:default; right:-30px; top:100%; min-width:160px; margin:0; margin-top:-10px; padding:0; border:10px solid transparent; background-color:transparent; }

a.dropdown ul,
.button.dropdown ul { border-top:25px solid transparent; left:-11px; right:-11px; }

a ul:before,
.button ul:before { position:absolute; z-index:99990; content:""; top:-10px; left:-5px; right:-5px; height:10px; background-color:transparent; }
a ul:after,
.button ul:after { position:absolute; z-index:99990; content:""; top:0; left:0; right:0; bottom:0; background-color:#fff; border-radius: 5px; box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0.15); }
a ul li,
.button ul li { position:relative; z-index:99999; list-style:none; margin:0; text-wrap:nowrap; }
a ul li a,
.button ul li a { display:block; color:#304659; padding:1em; padding-top:0.5em; }
a ul li a.red,
.button ul li a.red { color:#ff564a; }
a ul li:first-child a,
.button ul li:first-child a,
a ul li:first-child[data-more]:not([data-more-state=show]) + li a,
.button ul li:first-child[data-more]:not([data-more-state=show]) + li a,
a ul li:first-child[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li a,
.button ul li:first-child[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li a,
a ul li:first-child[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li a,
.button ul li:first-child[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li a,
a ul li:first-child[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li a,
.button ul li:first-child[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li[data-more]:not([data-more-state=show]) + li a { padding-top:1em; }
a ul li:not([data-more]) + li a,
.button ul li:not([data-more]) + li a,
a ul li[data-more-state=show] + li a,
.button ul li[data-more-state=show] + li a { margin-top:-0.5em; }
a ul li a:hover,
.button ul li a:hover,
a ul li a.selected,
.button ul li a.selected { color:#000; }

.button input[type=file] { visibility:hidden; position:absolute; top:-9999px; left:-9999px; }

fieldset { display:block; margin:0; margin-top:20px; padding:0; border:0; }
fieldset:first-child { margin-top:0; }

.margin-fieldset { margin-top:20px; }
.margin-fieldset:first-child { margin-top:0; }

legend,
label:not(.input):not(.button) { display:block; margin:0; padding:0; border:0; font-weight:bold; }
label:not(.input):not(.button) { margin-top:10px; }

.margin-label { margin-top:10px; }

[data-multi] > * + * { padding-top:0 !important; margin-top:0 !important; }
[data-multi] > * + * label:not(.input):not(.button) { display:none; }
[data-multi] > .sortable-drag label:not(.input):not(.button) { visibility:hidden; }

.col-2,
.col-3 { position:relative; margin-left:-15px; }
.col-2 > .col { width:50%; float:left; margin:0; }
.col-2.float > .col { width:auto; margin-right:20px; }
.col-2 > .col-2,
.col-2 > .col-3 { width:auto; float:none; margin:0; clear:both; }
.col-3 > .col { width:33.33%; float:left; margin:0; }

.col-3 > .col-2 { width:66.66%; float:left; margin:0; }
.col-3 > .col-0,
.col-2 > .col-0 { width:auto; float:left; white-space:nowrap; margin:0; }
.col-2 > .col-0.right,
.col-3 > .col-0.right { float:right; }
.col-2 > .col:not([data-multi]):not([data-more]) > *:not(.col),
.col-2 > .col-0:not([data-multi]):not([data-more]) > *:not(.col),
.col-2 > .col-2:not([data-multi]):not([data-more]) > *:not(.col),
.col-3 > .col:not([data-multi]):not([data-more]) > *:not(.col),
.col-3 > .col-0:not([data-multi]):not([data-more]) > *:not(.col),
.col-3 > .col-2:not([data-multi]):not([data-more]) > *:not(.col) { margin-left:15px; }

[data-select] .col-3 > .col-0,
[data-select] .col-2 > .col-0 { white-space:initial; max-width:60%; margin-left:15px; }

[data-select] .col-2 > .col-0.right,
[data-select] .col-3 > .col-0.right { float:right; }
[data-select] .col-2 > .col:not([data-multi]):not([data-more]) > *:not(.col),
[data-select] .col-2 > .col-0:not([data-multi]):not([data-more]) > *:not(.col),
[data-select] .col-2 > .col-2:not([data-multi]):not([data-more]) > *:not(.col),
[data-select] .col-3 > .col:not([data-multi]):not([data-more]) > *:not(.col),
[data-select] .col-3 > .col-0:not([data-multi]):not([data-more]) > *:not(.col),
[data-select] .col-3 > .col-2:not([data-multi]):not([data-more]) > *:not(.col) { margin-left:0; }

fieldset.col-2 legend,
fieldset.col-3 legend { margin-left:15px; }
fieldset.col-2 > .col-0,
fieldset.col-2 > .col-2,
fieldset.col-2 > .col,
fieldset.col-3 > .col-0,
fieldset.col-3 > .col-2,
fieldset.col-3 > .col { padding-top:10px; }

label:not(.input):not(.button) + .input,
label:not(.input):not(.button) + .input-block,
label:not(.input):not(.button) + label.input[data-more-state=hide] + .input,
label:not(.input):not(.button) + label.input[data-more-state=hide] + .input-block,
label:not(.input):not(.button) + label.input[data-more-state=hide] + label.input[data-more-state=hide] + .input,
label:not(.input):not(.button) + label.input[data-more-state=hide] + label.input[data-more-state=hide] + .input-block,
label:not(.input):not(.button) + label.input[data-more-state=hide] + label.input[data-more-state=hide] + label.input[data-more-state=hide] + .input,
label:not(.input):not(.button) + label.input[data-more-state=hide] + label.input[data-more-state=hide] + label.input[data-more-state=hide] + .input-block { margin-top:10px; }

.col-2.block { margin-left:-30px; display:flex; flex-direction:row; flex-wrap:wrap; }
.col-2.block > .col { display:flex; }
.col-2.block > .col > * { background-color:#fff; border:1px solid transparent; margin-left:30px; margin-top:30px; border-radius:5px; width:100%; }
.col-2.block > .col > a { display:block; padding:70px 25px 20px 25px; font-size:0.867em; }
.col-2.block > .col > a:hover { background-color:transparent; border-color:#e1e9f0; }
.col-2.block > .col > a strong { display:block; font-size:1.31em; margin-bottom:5px; }

.col-2.block > .col.draft > * { background-color:transparent; border:1px dashed #d3dce5; }
.col-2.block > .col.draft > a { padding-top:20px; }
.col-2.block > .col.draft > a:hover { background-color:#e1e9f0; border-color:transparent; }
.col-2.block > .col.draft > *  > .button { margin-top:0.75em; }
.col-2.block > .col.draft > a:hover .button { background-color:#304659; color:#fff; border-color:transparent; }

.col-2.block > .col.highlight > * { background-color:#e1e9f0; }

body > canvas { display:none; }

body > div.wrapper { position:relative; padding:135px; padding-bottom:0; }
body > div.wrapper > div.left { position:fixed; z-index:999; display:block; width:90px; left:0; top:0; bottom:0; background-color:#fff; }
body > div.wrapper > div.right { position:fixed; z-index:997; display:block; width:90px; right:0; top:50%; transform:translateY(-50%); }
body > div.wrapper > .main { position:relative; display:block; margin:auto; max-width:770px; border-bottom:70px solid transparent; }
body > div.wrapper > .main > div.content { display:block; }
body > div.wrapper > .main > div.preview { display:none; }

body > div.wrapper > .main.narrow { max-width:570px; }

body > div.wrapper > .main.preview { border-left:30px solid transparent; max-width:1140px; }
body > div.wrapper > .main.preview > div.preview { display:block; position:absolute; top:0; left:-30px; width:50%; text-align:center; }
body > div.wrapper > .main.preview > div.preview [data-sticky] { position:relative; }
body > div.wrapper > .main.preview > div.preview div[data-preview] { position:relative; z-index:1; min-height:400px; border:1px dashed #d3dce5; padding:5px; }
body > div.wrapper > .main.preview > div.preview div[data-preview] > * { background-color:#fff; }
body > div.wrapper > .main.preview > div.preview div[data-preview] [data-page] { overflow:hidden; position:relative; }
body > div.wrapper > .main.preview > div.preview div[data-preview] img,
body > div.wrapper > .main.preview > div.preview div[data-preview] canvas { width:100%; height:auto; }
body > div.wrapper > .main.preview > div.content { padding-left:50%; }

body > div.wrapper > .main.preview > div.preview .button { position:relative; z-index:2; margin-top:36px; margin-bottom:30px; }
body > div.wrapper > .main.preview > div.preview div[data-preview]:empty + .button { position:absolute; bottom:auto; top:50%; left:50%; margin:0; transform:translate(-50%,-50%); background-color:#304659; border-color:#304659; color:#fff; }
body > div.wrapper > .main.preview > div.preview div[data-preview]:empty + .button:hover { background-color:#fff; border-color:#e1e9f0; color:inherit; }

body > div.wrapper > .main.preview > div.preview div[data-preview] .img { overflow:hidden; }
body > div.wrapper > .main.preview > div.preview div[data-preview] img.loading { opacity:0.7; }
body > div.wrapper > .main.preview > div.preview div[data-preview] img + span.delete { content:"x"; position:absolute; cursor:pointer; top:5px; right:5px; background-color:#f5f9fc; border-radius:3px; width:30px; height:30px; }
body > div.wrapper > .main.preview > div.preview div[data-preview] img + span.delete:before { position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); content:'\e816'; font-size:1em; text-align:left; line-height:1; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body > div.wrapper > .main.preview > div.preview div[data-preview] img + span.delete:hover { color:#fff; background-color:#304659; -webkit-box-shadow: 0px 0px 0px 2000px rgba(48,70,89,0.0.2); -moz-box-shadow: 0px 0px 0px 2000px rgba(48,70,89,0.2); box-shadow: 0px 0px 0px 2000px rgba(48,70,89,0.2); }

div.clear { display:block; clear:both; }
hr + div.clear { height:1px; margin-top:-1px; }

body > div.wrapper > .main.focus + div.right { display:none; }

body > div.wrapper > .main ul.list { list-style:none; margin:0; padding:0; margin-top:2em; margin-bottom:2em; margin-right:20%; }
body > div.wrapper > .main ul.list > li { position:relative; margin-left:1.5em; margin-bottom:0.5em; }
body > div.wrapper > .main ul.list > li:before { position:absolute; top:0; left:-1.5em; margin-top:3px; content:"\e811"; font-size:1em; text-align:left; line-height:1; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body > div.wrapper > div.left ul,
body > div.wrapper > div.left ul li,
body > div.wrapper > div.right ul,
body > div.wrapper > div.right ul li { position:relative; z-index:999; margin:0; padding:0; list-style:none; text-align:center; background-color:inherit; }

body > div.wrapper > div.left ul:first-child { margin-top:2em; }
body > div.wrapper > div.left ul:last-child { position:absolute; z-index:888; bottom:20px; left:50%; transform:translate(-50%,0); }
body > div.wrapper > div.left ul li { margin-top:1em; }
body > div.wrapper > div.left ul li a.status[data-status]:not([data-status="0"]) .button.icon > span:before { content:'\e831'; }


body > div.wrapper > div.left a.logo  { position:absolute; z-index:888; top:50%; left:50%; transform:translate(-50%,-50%); }
body > div.wrapper > div.left a.logo img { display:block; height:1.33em; width:auto; transform:rotate(-90deg); }

body > div.wrapper > div.right ul { float:left; }
body > div.wrapper > div.right ul li { margin-bottom:35px; font-size:0.8em; font-weight:bold; }
body > div.wrapper > div.right ul li .button { font-size:2em; margin-bottom:2px; }
body > div.wrapper > div.right ul li:last-child { margin-bottom:0; }
body > div.wrapper > div.right ul li a:hover { color:inherit; }

body > div.status { position:fixed; z-index:9999998; display:none; left:100px; bottom:0; }
body > div.status.shown { display:block; }
body > div.status > .task { position:relative; display:block; margin-bottom:10px; width:180px; padding:15px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:rgba(220,229,237,0.8); }
body > div.status > .task.hidden,
body > div.status > .task:not([data-task-id]) { display:none; }
body > div.status > .task > .title { font-size:0.9em; font-weight:bold; text-align:center; }
body > div.status > .task > .progress { position:relative; display:block; margin-top:7px; border:1px solid #ffbb5c; background-color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:0.8em; text-align:center; overflow:hidden; }
body > div.status > .task > .progress > .done { display:block; background-color:#ffbb5c; float:left; height:1.5em; }
body > div.status > .task > .progress > .done > span { position:absolute; top:0; left:0; right:0; bottom:0; line-height:1.5em; text-align:center; }
body > div.status > .task:not(.finished) > .progress > .done > [data-task-progress]:not([data-task-progress="-100"]):after { content:"%"; }

body > div.overlay { display:none; }
body > div.overlay.shown { display:block; position:fixed; z-index:9999999; top:0; left:0; right:0; bottom:0; }
body > div.overlay.shown:before { display:block; content:""; position:fixed; z-index:9999998; top:0; left:0; right:0; bottom:0; background-color:rgba(48,70,89,0.5); }
body > div.overlay > div.wrapper { display:table; position:relative; z-index:9999999; width:100%; height:100%; margin:auto; overflow:hidden; }
body > div.overlay > div.wrapper > .main { display:table-cell; vertical-align:middle; padding:100px; }
body > div.overlay > div.wrapper > .main > div.content { display:block; position:relative; margin:auto; max-width:370px; background-color:#fff; padding:40px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
body > div.overlay.loading > div.wrapper > .main > div.content,
body > div.overlay > div.wrapper > .main > div.content:empty { width:0 !important; height:0 !important; position:static; overflow:hidden; background:none; padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }

body.loading:not(.loading-overlay) > div.wrapper:before,
body.loading > div.overlay > div.wrapper > .main > div.content:not(:empty):before,
body > div.overlay.loading > div.wrapper > .main > div.content:before,
body > div.overlay > div.wrapper > .main > div.content:empty:before { position:absolute; z-index:99999999; top:50%; left:50%; margin-top:-15px; margin-left:-15px; content:" "; display:block; width:24px; height:24px; border-radius:50%; border:3px solid #fff; border-color:#fff transparent #fff transparent; animation:overlay-loading 1.2s linear infinite; }
body.loading:not(.loading-overlay) > div.wrapper:before { position:fixed; }
body.loading:not(.loading-overlay) > div.wrapper:before,
body.loading > div.overlay > div.wrapper > .main > div.content:not(:empty):before { border-color:#304659 transparent #304659 transparent; opacity:0; animation:overlay-loading 1.2s linear infinite, fadein 1s linear 250ms 1 normal forwards; }

body.loading:not(.loading-overlay) > div.wrapper:after { content:""; position:fixed; z-index:99999998; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,0.3); opacity:0; animation:fadein 1s linear 250ms 1 normal forwards; }
body.loading > div.overlay > div.wrapper > .main > div.content:not(:empty):after { content:""; position:absolute; z-index:99999998; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,0.3); opacity:0; animation:fadein 1s linear 250ms 1 normal forwards; }
body.loading:after { content:""; position:fixed; z-index:999999999; top:0; left:0; right:0; bottom:0; background-color:transparent; }

body.loading,
body.loading * { cursor:wait !important; }

@keyframes overlay-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } }

body > div.overlay > div.wrapper > .main > div.content h1,
body > div.overlay > div.wrapper > .main > div.content h2,
body > div.overlay > div.wrapper > .main > div.content h3 { text-align:center; }
body > div.overlay > div.wrapper > .main > div.content h1 > span { display:block; font-size:50px; margin-bottom:20px; }
body > div.overlay > div.wrapper > .main > div.content h2 { font-size:1.13em; margin-bottom:40px; }
body > div.overlay > div.wrapper > .main > div.content h3 { font-size:1em; margin-bottom:10px; word-wrap:break-word; }
body > div.overlay > div.wrapper > .main > div.content h3.normal { font-weight:normal; }

body > div.overlay > div.wrapper > .main > div.content ul.status { list-style:none; margin:0 -30px; padding:0; border-bottom:1px solid #d3dce5; }
body > div.overlay > div.wrapper > .main > div.content ul.status li { position:relative; display:block; margin:0; padding:20px 30px; border-top:1px solid #d3dce5; }
body > div.overlay > div.wrapper > .main > div.content ul.status li:before { position:absolute; content:""; top:0; bottom:0; left:0; width:5px; }
body > div.overlay > div.wrapper > .main > div.content ul.status li.green:before { background-color:#39c463; }
body > div.overlay > div.wrapper > .main > div.content ul.status li.orange:before { background-color:#ffbb5c; }
body > div.overlay > div.wrapper > .main > div.content ul.status li.red:before { background-color:#ff564a; }
body > div.overlay > div.wrapper > .main > div.content ul.status li.dark:before,
body > div.overlay > div.wrapper > .main > div.content ul.status li.selected:before { background-color:#304659; }
body > div.overlay > div.wrapper > .main > div.content ul.status li.light:before { background-color:#e1e9f0; }
body > div.overlay > div.wrapper > .main > div.content ul.status li.selected { background-color:#e1e9f0; }

body > div.overlay div.outline { padding:14px; border:1px dashed #d3dce5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

ul.status li span[class^="ct-"],
ul.status li span[class*=" ct-"] { font-size:1.2em; color:#8298ab; display:inline-block; width:25px; }
ul.status li .color { font-size:1.67em; font-weight:bold; display:inline-block; width:55px; text-align:center; }
ul.status li.green .color { color:#39c463; }
ul.status li.orange .color { color:#ffbb5c; }
ul.status li.red .color { color:#ff564a; }

body > div.overlay > div.wrapper > .main > div.content .button:not(.float) { margin-top:1em; }

.notransition { transition:none !important; }

body > div.wrapper > div.left [data-sidebar].selected:before,
body > div.wrapper > div.left [data-sidebar].deselected:before { content:""; position:fixed; top:0; left:90px; bottom:0; width:1px; background-color:#f5f9fc; }

body > div.sidebar { display:none; position:fixed; z-index:998; width:90%; max-width:334px; background-color:#fff; border-left:1px solid #f5f9fc; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); top:0; left:90px; min-height:100%; }
body > div.sidebar.shown,
body > div.sidebar.slide { display:block; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0.15); }

body > div.sidebar.slide-in,
body > div.sidebar.slide-out { display:block; -webkit-animation: transition-slider-in .15s normal; animation: transition-slider-in .15s normal; }
body > div.sidebar.slide-out { -webkit-animation: transition-slider-out .15s normal; animation: transition-slider-out .15s normal; }

@-webkit-keyframes transition-slider-in {
    from { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0.15); }
}
@keyframes transition-slider-in {
    from { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); box-shadow: 0 2px 30px 0 rgba(74, 93, 109, 0); }
    to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0.15); }
}

@-webkit-keyframes transition-slider-out {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0.15); }
    to { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0); }
}
@keyframes transition-slider-out {
    from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0.15); }
    to { -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); box-shadow: 0 2px 30px 0 rgba(48, 70, 89, 0); }
}

body > div.sidebar > div.wrapper { display:block; padding:40px; }


body > div.sidebar > div.wrapper h2 { font-size:1.13em; line-height:1em; display:block; margin:0; padding:0; margin-bottom:50px; }
body > div.sidebar > div.wrapper > [data-sidebar] { position:absolute; top:40px; right:40px; }

body > div.sidebar > div.wrapper ul.notifications,
body > div.sidebar > div.wrapper ul.notifications ul { list-style:none; margin:0; padding:0; }
body > div.sidebar > div.wrapper ul.notifications > li { border-top:1px solid #f5f9fc; margin-left:-40px; margin-right:-40px; }
body > div.sidebar > div.wrapper ul.notifications > li:last-child { border-bottom:1px solid #f5f9fc; }
body > div.sidebar > div.wrapper ul.notifications ul { margin:40px; margin-top:0; margin-bottom:35px; }
body > div.sidebar > div.wrapper ul.notifications ul li { padding:10px 0; }

body > div.sidebar > div.wrapper ul.notifications > li > a { display:block; position:relative; padding:20px 40px; }
body > div.sidebar > div.wrapper ul.notifications > li > a[data-more-show]:before { position:absolute; top:50%; right:40px; margin-top:3px; transform:translateY(-50%); content:"\e809"; font-size:1em; text-align:center; line-height:1; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body > div.sidebar > div.wrapper ul.notifications > li > a[data-more-show][data-more-state=show]:before { content:"\e80f"; }
body > div.sidebar > div.wrapper ul.notifications > li > a:not([data-more-show]) { color:#8298ab; cursor:default; }

table.transactions { border:0; margin:auto; width:100%; height:1px; padding:0; border-collapse:separate; border-spacing:0 10px; }
table.transactions th { font-size:0.87em; text-align:left; padding-right:10px; }
table.transactions td { background-color:#fff; padding:15px; padding-left:0; }

table.transactions tr.account td,
table.transactions tr.account td.icon > span { color:#8298ab; }
table.transactions td.compare,
table.transactions td:first-child { border-top-left-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; }
table.transactions td.compare,
table.transactions td:last-child { border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; }

table.transactions tr + tr.starttable { display:none; }
table.transactions tr.endtable:not(:last-child) { display:none; }

table.transactions td.compare { vertical-align:top; }
table.transactions td.compare > div.outline > *,
table.transactions td.compare > div.plain > * { position:relative; z-index:3; }
table.transactions td.compare > div.plain > * { margin:-15px; }
table.transactions td.compare > div.outline:before,
table.transactions td.compare > div.plain:before { position:absolute; z-index:1; content:""; top:0; left:0; right:0; bottom:0; background-color:#f5f9fc; }
table.transactions td.compare > div.outline:before { border:1px dashed #d3dce5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

table.transactions td.compare:first-child > div.outline:before,
table.transactions td.compare:first-child > div.plain:before { right:-5px; }

table.transactions td.compare:last-child > div.outline:before,
table.transactions td.compare:last-child > div.plain:before { left:-5px; }

table.transactions th:first-child,
table.transactions td:first-child { padding-left:15px; }

table.transactions td[colspan] { padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; background-color:transparent; text-align:center; font-weight:bold; font-size:0.85em; }

table.transactions tr + tr th { padding-top:10px; }

table.transactions td.icon,
table.transactions th.icon { width:1em; color:transparent; }
table.transactions td.icon > span,
table.transactions th.icon > span { color:#304659; }
table.transactions td.preview { width:50px; }
table.transactions td.preview > div { width:100%; max-height:3em; overflow:hidden; }
table.transactions td.preview > div > img { border:0; }
table.transactions td.name { vertical-align:top; }
table.transactions td.amount,
table.transactions th.amount { position:relative; text-align:right; padding-right:40px; }
table.transactions td.amount { vertical-align:top; }
table.transactions td.amount .button,
table.transactions th.amount .button { position:absolute; top:10px; margin-top:0.2em; left:100%; margin-left:-35px; }
table.transactions td.state,
table.transactions th.state { width:5em; text-align:center; }
table.transactions td.state .button { color:transparent; background-color:#fff; }
table.transactions td.state .button > span { color:#e1e9f0; }
table.transactions td.state.ok .button { border-color:#39c463; }
table.transactions td.state.ok .button > span { color:#39c463; }
table.transactions td.state.warning .button { border-color:#ffbb5c; }
table.transactions td.state.warning .button > span { color:#ffbb5c; }
table.transactions td.state.error .button { border-color:#ff564a; }
table.transactions td.state.error .button > span { color:#ff564a; }

table.transactions td.state label.input.checkbox { display:inline-block; position:relative; font-size:inherit; line-height:inherit; min-height:0; }
table.transactions td.state label.input.checkbox .button { cursor:pointer; position:absolute; top:50%; left:0; transform:translateY(-50%); }
table.transactions td.state label.input.checkbox input + span { visibility:hidden; margin-top:0; width:1em; }
table.transactions td.state label.input.checkbox input:checked + span { visibility:visible; background-color:#000; border-color:#000; }
table.transactions td.state label.input.checkbox input:checked + span + .button { display:none; }

table.transactions td.action,
table.transactions th.action { width:1px; text-align:right; padding-right:1.5em; }

table.transactions td.compare { width:50%; position:relative; }
table.transactions td.compare:first-child { opacity:0.4; padding-right:10px; border-right:20px solid #f5f9fc; border-bottom:20px solid #f5f9fc; }
table.transactions td.compare:last-child { opacity:0; padding-left:10px; border-left:20px solid #f5f9fc; border-bottom:20px solid #f5f9fc; }
table.transactions td.compare:first-child:before,
table.transactions td.compare:last-child:before { content:""; position:absolute; top:0; bottom:0; left:100%; width:5px; background-color:inherit; border-radius:inherit; -webkit-border-radius:inherit; -moz-border-radius:inherit; }
table.transactions td.compare:last-child:before { left:auto; right:100%; border-top-right-radius:0; border-bottom-right-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-top-right-radius:0; -moz-border-bottom-right-radius:0; }
table.transactions td.compare:first-child:before { border-top-left-radius:0; border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-top-left-radius:0; -moz-border-bottom-left-radius:0; }

table.transactions tr:not(.shown) td.compare:first-child:hover { cursor:pointer; }
table.transactions td.compare:first-child:hover,
table.transactions td.compare:first-child:hover + td.compare,
table.transactions tr.shown td.compare { opacity:1; }

table.transactions tr.endtable + tr.headline.firstonly,
table.transactions tr.transaction + tr.starttable + tr.headline.firstonly,
table.transactions tr.transaction + tr.headline.firstonly { display:none; }

.tags-wrapper { position:relative; overflow:hidden; width:100%; z-index:7; margin-top:-6px; }
.tags-wrapper [data-tags=input] { display:inline-block; line-height:24px; float:left; border:0 !important; padding:0; margin:0; margin-top:6px;  box-shadow:none; background:none; width:100px; max-width:100% !important; }
.input > [data-tags] { color:#fff !important; }
.tags-wrapper input[type="text"][data-tags=input].lock { background:none !important; }
.tags-wrapper [data-json] { visibility:hidden !important; }
.tags-wrapper .measure { display:none; }
.tags-wrapper .tags-selected { display:inline; float:left; list-style:none; margin:0; padding:0; }
.tags-wrapper .tags-selected li,
.tag { display:inline-block; float:left; position:relative; cursor:pointer; max-width:200px; line-height:24px; font-size:1em; background-color:#e1e9f0; color:inherit; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:0; margin-top:6px; margin-right:6px; padding:0; padding-left:6px; padding-right:20px; overflow:hidden; overflow-wrap:break-word; word-wrap:break-word; hyphens:auto; }
.tags-wrapper .tags-selected li.selected,
.tag.selected { color:#1a1a1a; }
.tags-wrapper .tags-selected li.placeholder { border:1px dotted #bcbcbc; background-color:transparent; height:22px; }
.tags-wrapper .tags-selected li .remove,
.tag .remove { text-indent:-9999px; overflow:hidden; display:block; position:absolute; right:6px; top:6px; width:1em; height:1em; }
.tags-wrapper .tags-selected li .remove:before,
.tag .remove:before { position:absolute; top:50%; margin-top:-0.5em; right:0; text-indent:0; color:inherit; content:"\e816"; font-size:8px; text-align:center; line-height:1; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.tags-wrapper .tags-selected li:hover,
.tag:hover { background-color:#304659; color:#fff; }
.tags-wrapper.lock .tags-readonly { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:10; }

.datepicker-panel { position:relative; z-index:1; }
.datepicker-dropdown { border-color:#e1e9f0 !important; box-shadow:0 2px 30px 0 rgba(48, 70, 89, 0.15) !important; -webkit-box-shadow:0 2px 30px 0 rgba(48, 70, 89, 0.15) !important; }
.datepicker-top-left, .datepicker-top-right { border-top-color:#304659 !important; }
.datepicker-top-left:before, .datepicker-top-right:before { border-bottom-color:#304659 !important; }
.datepicker-panel>ul>li.highlighted { position:relative; background-color:transparent !important; color:#304659 !important; }
.datepicker-panel>ul>li.highlighted:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-color:transparent; border:1px solid #304659; }
.datepicker-panel>ul>li.highlighted:hover,
.datepicker-panel>ul>li:hover[data-view]:not([data-view='']) { background-color:#e1e9f0 !important; color:#304659 !important; }
.datepicker-panel>ul>li.highlighted:hover:before { display:block; }
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover { background-color:#304659 !important; color:#fff !important; }

.autocomplete-suggestions-placeholder,
.autocomplete-suggestions { position:absolute; top:100%; left:-1px; right:-1px; width:auto !important; border: 1px solid #e1e9f0; background: #FFF; overflow: auto; border-bottom-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; border-bottom-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; }
.autocomplete-suggestions.hidden { display:none !important; }
.autocomplete-suggestion { padding: 0.17em 1em; white-space: nowrap; overflow: hidden; }
.autocomplete-suggestion:empty { display:none; }
.autocomplete-suggestion:first-child { padding-top:0.34em; }
.autocomplete-suggestion:last-child { padding-bottom:0.34em; }
.autocomplete-suggestion div.description { font-size:0.87em; line-height:1.54em; padding-bottom:0.26em; }

.autocomplete-selected { background: #e1e9f0; }
.autocomplete-suggestions strong { font-weight: bold; }
.autocomplete-group { padding: 0.17em 1em; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #e1e9f0; }

.autocomplete-suggestions-placeholder,
.autocomplete-suggestions.autocomplete-suggestions-inline { position:relative !important; display:block !important; height:200px !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; width:auto !important; }
.autocomplete-suggestions.autocomplete-suggestions-inline.autocomplete-suggestions-active + .autocomplete-suggestions-placeholder { display:none !important; }

.autocomplete-suggestions-placeholder.plain,
.autocomplete-suggestions.autocomplete-suggestions-inline.plain { background-color:transparent; border:0; padding:0; }

input[data-autocomplete][data-autocomplete-loading] + span.icon:before { content:''; width:14px; height:14px; border-radius:50%; border:1px solid #fff; border-color:#304659 transparent #304659 transparent; animation:overlay-loading 1.2s linear infinite; }

[data-select] { position:relative; height:140px; overflow:auto; }
[data-select] > [data-option=""] { display:none; }
[data-select] > [data-option] > input { position:absolute; top:-9999px; left:-9999px; width:0; height:0; border:0; margin:0; padding:0; }
[data-select] > [data-option] > input:checked + label,
[data-select] > [data-option] > input:checked + input[type=hidden] + label,
[data-select] > [data-option] > label:hover { background-color:#fff; }
[data-select] > [data-option] > label { font-weight:normal; cursor:pointer; }
[data-select] > [data-option] > label { margin-bottom:-10px; padding-top:10px; padding-bottom:10px; }
[data-select] > [data-option] + [data-option] > label { border-top:1px solid #e1e9f0; }
[data-select] > [data-option=""] + [data-option] > label { border-top:0; }

[data-copy].overlay { position:absolute; z-index:2; cursor:copy; }
[data-copy].overlay:hover:not(.selected),
[data-copy].overlay.selected { margin-left:-2px; margin-top:-2px; border:2px solid rgba(48,70,89); }
[data-copy].overlay.selected { z-index:1; background-color:rgba(48,70,89,0.5); border-color:rgba(48,70,89,0.5); }

.tag { float:none; font-size:0.87em; }

[data-more]:not([data-more-state]):not(.tags-measuring) { display:none !important; }
.tags-measuring { display:block !important; }

[data-page-id]:not(.shown) { display:none !important; }
body.ready [data-nojs],
body:not(.ready) [data-nojs] + *,
body:not(.ready) [data-nojs] + * + *,
body:not(.ready) [data-nojs] + * + * + *,
body:not(.ready) [data-nojs] + * + * + * + *,
body:not(.ready) [data-nojs] + * + * + * + * + *,
body:not(.ready) [data-nojs] + * + * + * + * + * + *,
body:not(.ready) [data-nojs] + * + * + * + * + * + * + * { display:none !important; }

[data-sticky-wrapper] { position:relative; min-height:1px; }
[data-sticky=header][data-sticky-active] { position:absolute; left:0; right:0; z-index:99; background-color:inherit; }
div.wrapper > div.main > div.content > [data-sticky-wrapper] > [data-sticky=header][data-sticky-active] { background-color:#f5f9fc; }
div.wrapper > div.main > div.content > [data-sticky-wrapper] > [data-sticky=header][data-sticky-active]:before { content:""; position:absolute; top:-1000px; left:0; right:0; bottom:100%; background-color:inherit; }

body > div.help { position:absolute; z-index:99; top:5%; left:50%; background-color:#39c463; color:#fff; max-width:220px; padding:20px 25px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
body > div.help:before { content:"?"; display:block; float:left; background-color:#fff; color:#304659; text-align:center; line-height:1.25em; width:1.25em; font-size:0.8em; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:5px; font-family: 'cashtrack-icons', 'Palanquin', sans-serif !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body > div.help:after { content: ''; position: absolute; left: 0; top: 25px; margin:0; width: 0; height: 0; border: 15px solid transparent; border-right-color: #39c463; border-left: 0; border-top: 0; margin-left: -15px; }
body > div.help.left:after { left:auto; right:0; margin:0; margin-right:-15px; border-color:transparent; border-right:0; border-left:15px solid #39c463; }
body > div.help.top:after { left:25px; top:100%; margin:0; margin-right:-15px; border-color:transparent; border: 15px solid transparent; border-top-color: #39c463; border-bottom: 0; border-left: 0; }
body > div.help.bottom:after { left:25px; top:auto; bottom:100%; margin:0; margin-right:-15px; border-color:transparent; border: 15px solid transparent; border-bottom-color: #39c463; border-top: 0; border-left: 0; }

@media screen and (max-width: 1279px) {
    body > div.wrapper { padding-top:45px; }
}
@media screen and (max-width: 1023px) {
    body > div.wrapper > div.right ul li .button { font-size:1.5em; }
}
@media screen and (max-width: 767px) {
    body > div.wrapper { padding-right:45px; }
    body > div.wrapper > div.right { display:none; }
}
@media screen and (max-width: 650px) {
    body > div.wrapper { padding-left:95px; }
    body > div.wrapper > div.left { font-size:0.8em; width:50px; }

    body > div.sidebar,
    body > div.wrapper > div.left [data-sidebar].selected:before,
    body > div.wrapper > div.left [data-sidebar].deselected:before { left:50px; }

    body > div.status { left:60px; }

    body > div.overlay > div.wrapper > .main { padding:40px; }
}
@media screen and (max-width: 550px) {
    body > div.wrapper { padding-left:75px; padding-top:20px; padding-right:25px; }
}
@media screen and (max-width: 400px) {
    body > div.wrapper { padding-left:60px; padding-right:15px; }
    body > div.wrapper > div.left { font-size:0.8em; width:45px; }

    body > div.sidebar,
    body > div.wrapper > div.left [data-sidebar].selected:before,
    body > div.wrapper > div.left [data-sidebar].deselected:before { left:45px; }

    body > div.status { left:55px; }

    body > div.overlay > div.wrapper > .main { padding:20px; }
}