.bfm-sidebar {
    padding: 0;
    border-right: 1px solid #eee;
}

.bfm-sidebar .nav-sidebar li.active ul li.active a,
.bfm-sidebar .nav-sidebar li.active ul li.active span,
.bfm-sidebar .nav-sidebar li.active span {
    font-weight: 400;
    background-color: #009c4b;
    color: #fff;
}

.nav-sidebar li a,
.nav-sidebar li span {
    color: #000;
}

.nav-sidebar li a:before,
.nav-sidebar li span:before,
.nav-sidebar li ul li a:before,
.nav-sidebar li ul li span:before {
    content: none;
}

.nav-sidebar li.active ul li a,
.nav-sidebar li.active ul li span {
    background-color: #f0f0f0;
}

.nav-sidebar li a:hover,
.nav-sidebar li span:hover,
.nav-sidebar li.active ul li a:hover,
.nav-sidebar li.active ul li span:hover {
    background-color: #009c4b;
    color: #fff;
}

.bfm-sidebar,
.footer-green {
    background-color: #f0f0f0;
}

html {
    font-size: 16px;
    -webkit-tap-highlight-color: transparent;
}

body .h1,
body h1 {
    border-bottom: 1px solid #d9d9d9;
}

@font-face {
    font-family: Roboto_Black;
    src: url(/ui/css/fonts/Roboto-Black.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_BlackItalic;
    src: url(/ui/css/fonts/Roboto-BlackItalic.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_Bold;
    src: url(/ui/css/fonts/Roboto-Bold.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_BoldItalic;
    src: url(/ui/css/fonts/Roboto-BoldItalic.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_Italic;
    src: url(/ui/css/fonts/Roboto-Italic.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_Light;
    src: url(/ui/css/fonts/Roboto-Light.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_LightItalic;
    src: url(/ui/css/fonts/Roboto-LightItalic.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_Medium;
    src: url(/ui/css/fonts/Roboto-Medium.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_MediumItalic;
    src: url(/ui/css/fonts/Roboto-MediumItalic.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_Regular;
    src: url(/ui/css/fonts/Roboto-Regular.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_Thin;
    src: url(/ui/css/fonts/Roboto-Thin.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Roboto_ThinItalic;
    src: url(/ui/css/fonts/Roboto-ThinItalic.ttf) format("opentype");
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(/ui/css/fonts/Lato-Regular.woff2) format("woff2"), url(/ui/css/fonts/Lato-Regular.woff) format("woff"), url(/ui/css/fonts/Lato-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(/ui/css/fonts/Lato-Italic.woff2) format("woff2"), url(/ui/css/fonts/Lato-Italic.woff) format("woff"), url(/ui/css/fonts/Lato-Italic.ttf) format("truetype");
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(/ui/css/fonts/Lato-Bold.woff2) format("woff2"), url(/ui/css/fonts/Lato-Bold.woff) format("woff"), url(/ui/css/fonts/Lato-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(/ui/css/fonts/Lato-BoldItalic.woff2) format("woff2"), url(/ui/css/fonts/Lato-BoldItalic.woff) format("woff"), url(/ui/css/fonts/Lato-BoldItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(/ui/css/fonts/Lato-Light.woff2) format("woff2"), url(/ui/css/fonts/Lato-Light.woff) format("woff"), url(/ui/css/fonts/Lato-Light.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: Lato;
    src: url(/ui/css/fonts/Lato-LightItalic.woff2) format("woff2"), url(/ui/css/fonts/Lato-LightItalic.woff) format("woff"), url(/ui/css/fonts/Lato-LightItalic.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
    text-rendering: optimizeLegibility
}

.sf-n-w100 {
    width: 100%
}

.sf-n-h100 {
    height: 100%
}

.sf-n-relative {
    position: relative
}

.sf-n-absolute {
    position: absolute
}

.sf-n-block {
    display: block
}

.sf-n-inline-block {
    display: inline-block
}

body .sf-n-platform .sf-n-accordion-button,
body .sf-n-widget .sf-n-accordion-button {
    display: block;
    position: relative;
    z-index: 2
}

body .sf-n-platform .sf-n-accordion-button li.sf-n-accordion-button-list-item,
body .sf-n-widget .sf-n-accordion-button li.sf-n-accordion-button-list-item {
    list-style: none
}

body .sf-n-platform .sf-n-accordion-button__content,
body .sf-n-widget .sf-n-accordion-button__content {
    text-decoration: none;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    border: none;
    color: #fff;
    height: 2.5rem;
    font-size: .75rem;
    font-weight: 700;
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0;
    padding: 0 1.25rem;
    justify-content: space-between;
    letter-spacing: .9px;
    text-transform: uppercase;
    background-color: #2c3e50
}

body .sf-n-platform .sf-n-accordion-button__content:hover,
body .sf-n-widget .sf-n-accordion-button__content:hover {
    cursor: pointer
}

body .sf-n-platform .sf-n-accordion-button__icon,
body .sf-n-widget .sf-n-accordion-button__icon {
    transform: rotate(0deg);
    transition: transform .4s;
    transform-origin: center
}

body .sf-n-platform .sf-n-accordion-button__icon--open,
body .sf-n-widget .sf-n-accordion-button__icon--open {
    transform: rotate(90deg)
}

body .sf-n-platform .sf-n-accordion-content,
body .sf-n-widget .sf-n-accordion-content {
    position: relative;
    overflow: hidden;
    transition-property: height;
    transition-duration: .4s;
    transition-timing-function: ease
}

body .sf-n-platform .sf-n-accordion-content__inner,
body .sf-n-widget .sf-n-accordion-content__inner {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    bottom: 0;
    left: 0
}

body .sf-n-platform .sf-n-add-button,
body .sf-n-widget .sf-n-add-button {
    font-family: inherit;
    line-height: normal;
    position: relative;
    overflow: visible;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    color: inherit;
    border-radius: .5rem;
    width: 100%;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-add-button:hover,
body .sf-n-widget .sf-n-add-button:hover {
    border-color: #50d1ff;
    background-color: #50d1ff
}

body .sf-n-platform .sf-n-add-button:hover .sf-n-add-button__circle,
body .sf-n-widget .sf-n-add-button:hover .sf-n-add-button__circle {
    background-color: #fff
}

body .sf-n-platform .sf-n-add-button:hover .sf-n-add-button__circle path[fill=currentColor],
body .sf-n-widget .sf-n-add-button:hover .sf-n-add-button__circle path[fill=currentColor] {
    fill: #50d1ff
}

body .sf-n-platform .sf-n-add-button:active,
body .sf-n-widget .sf-n-add-button:active {
    border-color: #15c1ff;
    background-color: #15c1ff
}

body .sf-n-platform .sf-n-add-button:active .sf-n-add-button__circle,
body .sf-n-widget .sf-n-add-button:active .sf-n-add-button__circle {
    background-color: #fff
}

body .sf-n-platform .sf-n-add-button:active .sf-n-add-button__circle path[fill=currentColor],
body .sf-n-widget .sf-n-add-button:active .sf-n-add-button__circle path[fill=currentColor] {
    fill: #15c1ff
}

body .sf-n-platform .sf-n-add-button__circle,
body .sf-n-widget .sf-n-add-button__circle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1px 1px 0;
    margin: 0 auto;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 100%;
    color: #fff;
    background-color: #949494
}

body .sf-n-platform .sf-n-add-button__disabled,
body .sf-n-widget .sf-n-add-button__disabled {
    border-color: #f2f2f2
}

body .sf-n-platform .sf-n-add-button__disabled:hover,
body .sf-n-widget .sf-n-add-button__disabled:hover {
    background-color: transparent;
    border-color: #f2f2f2
}

body .sf-n-platform .sf-n-add-button__disabled:hover .sf-n-add-button__circle-disabled,
body .sf-n-widget .sf-n-add-button__disabled:hover .sf-n-add-button__circle-disabled {
    background-color: #ddd
}

body .sf-n-platform .sf-n-add-button__disabled:hover .sf-n-add-button__circle-disabled path[fill=currentColor],
body .sf-n-widget .sf-n-add-button__disabled:hover .sf-n-add-button__circle-disabled path[fill=currentColor] {
    fill: #fff
}

body .sf-n-platform .sf-n-add-button__circle-disabled,
body .sf-n-widget .sf-n-add-button__circle-disabled {
    background-color: #ddd
}

body .sf-n-platform .sf-n-alert,
body .sf-n-widget .sf-n-alert {
    position: relative;
    border-radius: .125rem
}

body .sf-n-platform .sf-n-alert.sf-n-alert--no-background-border,
body .sf-n-widget .sf-n-alert.sf-n-alert--no-background-border {
    background-color: initial;
    border: none
}

body .sf-n-platform .sf-n-alert--medium,
body .sf-n-widget .sf-n-alert--medium {
    min-height: 3.625rem
}

body .sf-n-platform .sf-n-alert--small,
body .sf-n-widget .sf-n-alert--small {
    min-height: 3.125rem
}

body .sf-n-platform .sf-n-alert--default,
body .sf-n-widget .sf-n-alert--default {
    color: #757575;
    background-color: #fff;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-alert--success,
body .sf-n-widget .sf-n-alert--success {
    color: #5ccea6;
    background-color: #b7e9d8;
    border: 1px solid #78d7b6
}

body .sf-n-platform .sf-n-alert--warning,
body .sf-n-widget .sf-n-alert--warning {
    color: #ffb644;
    background-color: #ffdfac;
    border: 1px solid #ffc364
}

body .sf-n-platform .sf-n-alert--danger,
body .sf-n-widget .sf-n-alert--danger {
    color: #f44c51;
    background-color: #fab0b2;
    border: 1px solid #f66b6f
}

body .sf-n-platform .sf-n-amount,
body .sf-n-widget .sf-n-amount {
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #757575
}

body .sf-n-platform .sf-n-amount--truncated,
body .sf-n-widget .sf-n-amount--truncated {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-amount--bold,
body .sf-n-widget .sf-n-amount--bold {
    font-weight: 700
}

body .sf-n-platform .sf-n-amount--f1,
body .sf-n-widget .sf-n-amount--f1 {
    font-size: 1.875rem
}

body .sf-n-platform .sf-n-amount--f2,
body .sf-n-widget .sf-n-amount--f2 {
    font-size: 1.25rem
}

body .sf-n-platform .sf-n-amount--f3,
body .sf-n-widget .sf-n-amount--f3 {
    font-size: 1.125rem
}

body .sf-n-platform .sf-n-amount--f4,
body .sf-n-widget .sf-n-amount--f4 {
    font-size: .9375rem
}

body .sf-n-platform .sf-n-amount--f5,
body .sf-n-widget .sf-n-amount--f5 {
    font-size: .75rem
}

body .sf-n-platform .sf-n-badge,
body .sf-n-widget .sf-n-badge {
    max-width: 8.125rem;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    padding: 0 .3125rem;
    line-height: 1.375rem;
    border: 1px solid transparent;
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .125rem
}

body .sf-n-platform .sf-n-badge span,
body .sf-n-widget .sf-n-badge span {
    padding-top: .3125rem;
    padding-bottom: .3125rem
}

body .sf-n-platform .sf-n-badge--default,
body .sf-n-widget .sf-n-badge--default {
    background-color: #ccc
}

body .sf-n-platform .sf-n-badge--primary-soft,
body .sf-n-widget .sf-n-badge--primary-soft {
    background-color: #37678b
}

body .sf-n-platform .sf-n-badge--primary-light,
body .sf-n-widget .sf-n-badge--primary-light {
    background-color: rgba(55, 103, 139, .3)
}

body .sf-n-platform .sf-n-badge--success-medium,
body .sf-n-widget .sf-n-badge--success-medium {
    background-color: #5ccea6
}

body .sf-n-platform .sf-n-badge--success-light,
body .sf-n-widget .sf-n-badge--success-light {
    background-color: rgba(40, 146, 70, .25)
}

body .sf-n-platform .sf-n-badge--danger-medium,
body .sf-n-widget .sf-n-badge--danger-medium {
    background-color: #f44c51
}

body .sf-n-platform .sf-n-badge--danger-soft,
body .sf-n-widget .sf-n-badge--danger-soft {
    background-color: #f66b6f
}

body .sf-n-platform .sf-n-badge--secondary-medium,
body .sf-n-widget .sf-n-badge--secondary-medium {
    background-color: #009d4c
}

body .sf-n-platform .sf-n-badge--warning-medium,
body .sf-n-widget .sf-n-badge--warning-medium {
    background-color: #ffb644
}

body .sf-n-platform .sf-n-bubble-chart__minimum-height,
body .sf-n-widget .sf-n-bubble-chart__minimum-height {
    min-height: 100%
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-bubble-chart__minimum-height,
    body .sf-n-widget .sf-n-bubble-chart__minimum-height {
        max-height: 25rem
    }
}

body .sf-n-platform .sf-n-bubble-chart,
body .sf-n-widget .sf-n-bubble-chart {
    height: 100%
}

body .sf-n-platform .sf-n-button,
body .sf-n-widget .sf-n-button {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    overflow: visible;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border-color: transparent;
    color: inherit;
    border-radius: .125rem;
    padding: 0 1.25rem;
    height: 2.75rem;
    line-height: 2.625rem;
    min-width: 2.75rem
}

body .sf-n-platform .sf-n-button:disabled,
body .sf-n-widget .sf-n-button:disabled {
    opacity: .6;
    cursor: default
}

body .sf-n-platform .sf-n-ta-left,
body .sf-n-widget .sf-n-ta-left {
    text-align: left
}

body .sf-n-platform .sf-n-ta-center,
body .sf-n-widget .sf-n-ta-center {
    text-align: center
}

body .sf-n-platform .sf-n-ta-right,
body .sf-n-widget .sf-n-ta-right {
    text-align: right
}

body .sf-n-platform .sf-n-ta-inherit,
body .sf-n-widget .sf-n-ta-inherit {
    text-align: inherit
}

body .sf-n-platform .sf-n-button--primary,
body .sf-n-platform .sf-n-button--with-icon-primary,
body .sf-n-widget .sf-n-button--primary,
body .sf-n-widget .sf-n-button--with-icon-primary {
    color: #fff;
    background-color: #2cc7ff;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--primary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--primary:hover,
body .sf-n-platform .sf-n-button--with-icon-primary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--with-icon-primary:hover,
body .sf-n-widget .sf-n-button--primary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--primary:hover,
body .sf-n-widget .sf-n-button--with-icon-primary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--with-icon-primary:hover {
    color: #fff;
    background-color: #50d1ff;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--primary.sf-n-button--active,
body .sf-n-platform .sf-n-button--primary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--primary:active,
body .sf-n-platform .sf-n-button--with-icon-primary.sf-n-button--active,
body .sf-n-platform .sf-n-button--with-icon-primary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--with-icon-primary:active,
body .sf-n-widget .sf-n-button--primary.sf-n-button--active,
body .sf-n-widget .sf-n-button--primary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--primary:active,
body .sf-n-widget .sf-n-button--with-icon-primary.sf-n-button--active,
body .sf-n-widget .sf-n-button--with-icon-primary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--with-icon-primary:active {
    color: #fff;
    background-color: #15c1ff;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--primary:disabled,
body .sf-n-platform .sf-n-button--with-icon-primary:disabled,
body .sf-n-widget .sf-n-button--primary:disabled,
body .sf-n-widget .sf-n-button--with-icon-primary:disabled {
    color: #fff;
    background-color: #2cc7ff;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--secondary,
body .sf-n-widget .sf-n-button--secondary {
    color: #fff;
    background-color: #374859;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--secondary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--secondary:hover,
body .sf-n-widget .sf-n-button--secondary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--secondary:hover {
    color: #fff;
    background-color: #415161;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--secondary.sf-n-button--active,
body .sf-n-platform .sf-n-button--secondary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--secondary:active,
body .sf-n-widget .sf-n-button--secondary.sf-n-button--active,
body .sf-n-widget .sf-n-button--secondary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--secondary:active {
    color: #fff;
    background-color: #2c3e50;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--secondary:disabled,
body .sf-n-widget .sf-n-button--secondary:disabled {
    color: #fff;
    background-color: #374859;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--with-icon-secondary,
body .sf-n-widget .sf-n-button--with-icon-secondary {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-button--with-icon-secondary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--with-icon-secondary:hover,
body .sf-n-widget .sf-n-button--with-icon-secondary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--with-icon-secondary:hover {
    color: #fff;
    background-color: #50d1ff;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--with-icon-secondary.sf-n-button--active,
body .sf-n-platform .sf-n-button--with-icon-secondary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--with-icon-secondary:active,
body .sf-n-widget .sf-n-button--with-icon-secondary.sf-n-button--active,
body .sf-n-widget .sf-n-button--with-icon-secondary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--with-icon-secondary:active {
    color: #fff;
    background-color: #15c1ff;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--with-icon-secondary:disabled,
body .sf-n-widget .sf-n-button--with-icon-secondary:disabled {
    color: #f2f2f2;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

body .sf-n-platform .sf-n-button--tertiary,
body .sf-n-widget .sf-n-button--tertiary {
    color: #555;
    background-color: transparent;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-button--tertiary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--tertiary:focus,
body .sf-n-platform .sf-n-button--tertiary:hover,
body .sf-n-widget .sf-n-button--tertiary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--tertiary:focus,
body .sf-n-widget .sf-n-button--tertiary:hover {
    color: #fff;
    background-color: #ccc;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-button--tertiary.sf-n-button--active,
body .sf-n-platform .sf-n-button--tertiary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--tertiary:active,
body .sf-n-widget .sf-n-button--tertiary.sf-n-button--active,
body .sf-n-widget .sf-n-button--tertiary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--tertiary:active {
    color: #fff;
    background-color: #949494;
    border: 1px solid #949494
}

body .sf-n-platform .sf-n-button--tertiary:disabled,
body .sf-n-widget .sf-n-button--tertiary:disabled {
    color: #fafafa;
    background-color: #ccc;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-button--danger,
body .sf-n-widget .sf-n-button--danger {
    color: #fff;
    background-color: #f44c51;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--danger.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--danger:focus,
body .sf-n-platform .sf-n-button--danger:hover,
body .sf-n-widget .sf-n-button--danger.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--danger:focus,
body .sf-n-widget .sf-n-button--danger:hover {
    color: #fff;
    background-color: #f66b6f;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--danger.sf-n-button--active,
body .sf-n-platform .sf-n-button--danger.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--danger:active,
body .sf-n-widget .sf-n-button--danger.sf-n-button--active,
body .sf-n-widget .sf-n-button--danger.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--danger:active {
    color: #fff;
    background-color: #f3393e;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--danger:disabled,
body .sf-n-widget .sf-n-button--danger:disabled {
    color: #fff;
    background-color: #f44c51;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-button--pill,
body .sf-n-widget .sf-n-button--pill {
    border-radius: 1000px
}

body .sf-n-platform .sf-n-button--pure,
body .sf-n-platform .sf-n-buttton--with-icon-pure,
body .sf-n-widget .sf-n-button--pure,
body .sf-n-widget .sf-n-buttton--with-icon-pure {
    border: none;
    padding: 3px 0 0;
    text-transform: none;
    letter-spacing: normal;
    line-height: normal;
    color: #757575;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: .875rem
}

body .sf-n-platform .sf-n-button--pure.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--pure:hover,
body .sf-n-platform .sf-n-buttton--with-icon-pure.sf-n-button--active:hover,
body .sf-n-platform .sf-n-buttton--with-icon-pure:hover,
body .sf-n-widget .sf-n-button--pure.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--pure:hover,
body .sf-n-widget .sf-n-buttton--with-icon-pure.sf-n-button--active:hover,
body .sf-n-widget .sf-n-buttton--with-icon-pure:hover {
    background-color: #fafafa
}

body .sf-n-platform .sf-n-button--pure:last-child,
body .sf-n-platform .sf-n-buttton--with-icon-pure:last-child,
body .sf-n-widget .sf-n-button--pure:last-child,
body .sf-n-widget .sf-n-buttton--with-icon-pure:last-child {
    border-top: 1px solid #f2f2f2
}

body .sf-n-platform .sf-n-button--pure:first-child,
body .sf-n-platform .sf-n-buttton--with-icon-pure:first-child,
body .sf-n-widget .sf-n-button--pure:first-child,
body .sf-n-widget .sf-n-buttton--with-icon-pure:first-child {
    border-bottom: 1px solid #f2f2f2
}

body .sf-n-platform button.sf-n-button--icon,
body .sf-n-widget button.sf-n-button--icon {
    text-align: center;
    padding: 0
}

body .sf-n-platform button.sf-n-button--icon svg,
body .sf-n-widget button.sf-n-button--icon svg {
    margin-bottom: 4px
}

body .sf-n-platform .sf-n-icon-notification-button__number,
body .sf-n-widget .sf-n-icon-notification-button__number {
    border-radius: 9.5px;
    position: absolute;
    top: -8px;
    right: -7px;
    text-align: center;
    padding: 2px 5px 2px 6px
}

body .sf-n-platform button.sf-n-button--icon-text,
body .sf-n-widget button.sf-n-button--icon-text {
    text-align: left;
    padding-left: 15px;
    padding-right: 20px
}

body .sf-n-platform button.sf-n-button--icon-text svg,
body .sf-n-widget button.sf-n-button--icon-text svg {
    margin-bottom: 4px;
    margin-right: 10px
}

body .sf-n-platform button.sf-n-button--icon-text>span:nth-child(2),
body .sf-n-widget button.sf-n-button--icon-text>span:nth-child(2) {
    display: inline-block
}

body .sf-n-platform button.sf-n-button--icon-text-responsive,
body .sf-n-widget button.sf-n-button--icon-text-responsive {
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

body .sf-n-platform button.sf-n-button--icon-text-responsive svg,
body .sf-n-widget button.sf-n-button--icon-text-responsive svg {
    margin-bottom: 4px;
    margin-right: 0
}

body .sf-n-platform button.sf-n-button--icon-text-responsive>span:nth-child(2),
body .sf-n-widget button.sf-n-button--icon-text-responsive>span:nth-child(2) {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform button.sf-n-button--icon-text-responsive,
    body .sf-n-widget button.sf-n-button--icon-text-responsive {
        text-align: left;
        padding-left: 15px;
        padding-right: 20px
    }

    body .sf-n-platform button.sf-n-button--icon-text-responsive svg,
    body .sf-n-widget button.sf-n-button--icon-text-responsive svg {
        margin-bottom: 4px;
        margin-right: 10px
    }

    body .sf-n-platform button.sf-n-button--icon-text-responsive>span:nth-child(2),
    body .sf-n-widget button.sf-n-button--icon-text-responsive>span:nth-child(2) {
        display: inline-block
    }
}

body .sf-n-platform .sf-n-mini-button,
body .sf-n-widget .sf-n-mini-button {
    font-size: .75rem;
    font-weight: 700;
    position: relative;
    overflow: visible;
    text-align: left;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    border-radius: .125rem;
    padding: 0;
    height: 1.5rem;
    line-height: 1.375rem;
    min-width: 1.5rem
}

body .sf-n-platform .sf-n-mini-button:disabled,
body .sf-n-widget .sf-n-mini-button:disabled {
    opacity: .6;
    cursor: default
}

body .sf-n-platform button.sf-n-button--plain,
body .sf-n-widget button.sf-n-button--plain {
    border: none;
    padding: 3px 0 0;
    text-transform: none;
    letter-spacing: normal;
    line-height: normal;
    color: #949494
}

body .sf-n-platform button.sf-n-button--plain:focus,
body .sf-n-platform button.sf-n-button--plain:hover,
body .sf-n-widget button.sf-n-button--plain:focus,
body .sf-n-widget button.sf-n-button--plain:hover {
    color: #757575
}

body .sf-n-platform button.sf-n-button--icon-plain,
body .sf-n-widget button.sf-n-button--icon-plain {
    line-height: 0;
    min-width: auto;
    height: auto;
    padding: 0;
    color: #949494
}

body .sf-n-platform button.sf-n-button--icon-plain:focus,
body .sf-n-platform button.sf-n-button--icon-plain:hover,
body .sf-n-widget button.sf-n-button--icon-plain:focus,
body .sf-n-widget button.sf-n-button--icon-plain:hover {
    color: #757575
}

body .sf-n-platform .sf-n-calendar-nav,
body .sf-n-widget .sf-n-calendar-nav {
    width: 100%
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-calendar-nav,
    body .sf-n-widget .sf-n-calendar-nav {
        width: auto;
        min-width: 15.625rem
    }
}

body .sf-n-platform .sf-n-calendar-nav__button,
body .sf-n-widget .sf-n-calendar-nav__button {
    min-width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

body .sf-n-platform .sf-n-button--icon .sf-n-calendar-nav__button-icon svg,
body .sf-n-widget .sf-n-button--icon .sf-n-calendar-nav__button-icon svg {
    margin-bottom: 0
}

body .sf-n-platform .sf-n-day-names__big,
body .sf-n-widget .sf-n-day-names__big {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-day-names__big,
    body .sf-n-widget .sf-n-day-names__big {
        display: block
    }
}

body .sf-n-platform .sf-n-monthly-big-calendar__day-wrapper,
body .sf-n-widget .sf-n-monthly-big-calendar__day-wrapper {
    flex-basis: 100%
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-monthly-big-calendar__day-wrapper,
    body .sf-n-widget .sf-n-monthly-big-calendar__day-wrapper {
        overflow: hidden;
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }
}

body .sf-n-platform .sf-n-monthly-big-calendar__day,
body .sf-n-widget .sf-n-monthly-big-calendar__day {
    height: 7.5rem;
    overflow: hidden;
    cursor: pointer
}

body .sf-n-platform .sf-n-monthly-big-calendar__day-header,
body .sf-n-widget .sf-n-monthly-big-calendar__day-header {
    height: 1.875rem;
    padding: .375rem
}

body .sf-n-platform .sf-n-monthly-big-calendar__today-dot,
body .sf-n-widget .sf-n-monthly-big-calendar__today-dot {
    height: .625rem;
    width: .625rem
}

body .sf-n-platform .sf-n-monthly-big-calendar__inactive-day-wrapper,
body .sf-n-widget .sf-n-monthly-big-calendar__inactive-day-wrapper {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-monthly-big-calendar__inactive-day-wrapper,
    body .sf-n-widget .sf-n-monthly-big-calendar__inactive-day-wrapper {
        display: block;
        flex-basis: 14.28571%;
        max-width: 14.28571%
    }
}

body .sf-n-platform .sf-n-monthly-big-calendar__inactive-day,
body .sf-n-widget .sf-n-monthly-big-calendar__inactive-day {
    border: .125rem solid #fff;
    height: 7.5rem
}

body .sf-n-platform .sf-n-monthly-calendar__day-wrapper,
body .sf-n-widget .sf-n-monthly-calendar__day-wrapper {
    padding: 1px;
    flex-basis: 14.28571%;
    max-width: 14.28571%;
    position: relative
}

body .sf-n-platform .sf-n-monthly-calendar__day,
body .sf-n-widget .sf-n-monthly-calendar__day {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.3125rem;
    font-size: .875rem;
    flex: 1;
    cursor: pointer;
    color: #555;
    background-color: #fafafa;
    border-radius: .125rem;
    outline: none
}

body .sf-n-platform .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--positive,
body .sf-n-widget .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--positive {
    color: #fff
}

body .sf-n-platform .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--negative,
body .sf-n-widget .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--negative {
    color: #fff;
    background-color: #2cc7ff
}

body .sf-n-platform .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--selected,
body .sf-n-widget .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--selected {
    background-color: #2c3e50;
    color: #fff
}

body .sf-n-platform .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--today:after,
body .sf-n-widget .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--today:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    width: 4px;
    height: 4px;
    border-radius: 7.5px;
    background-color: #fff
}

body .sf-n-platform .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--today-black:after,
body .sf-n-widget .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--today-black:after {
    background-color: #2c3e50
}

body .sf-n-platform .sf-n-calendar-header,
body .sf-n-widget .sf-n-calendar-header {
    outline: none;
    cursor: pointer
}

body .sf-n-platform .sf-n-heat-map,
body .sf-n-widget .sf-n-heat-map {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: .625rem;
    border-radius: 0 0 .125rem .125rem
}

body .sf-n-platform .sf-n-monthly-calendar__inactive-day-wrapper,
body .sf-n-widget .sf-n-monthly-calendar__inactive-day-wrapper {
    padding: 1px;
    flex-basis: 14.28571%
}

body .sf-n-platform .sf-n-monthly-calendar__inactive-day,
body .sf-n-widget .sf-n-monthly-calendar__inactive-day {
    height: 2.3125rem
}

body .sf-n-platform .sf-n-category-button,
body .sf-n-widget .sf-n-category-button {
    border: 1px solid #ccc;
    border-radius: .125rem;
    background-color: #fff;
    padding: 0 1.25rem;
    position: relative;
    overflow: visible;
    text-align: left;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    min-width: 2.75rem;
    min-height: 2.75rem
}

body .sf-n-platform .sf-n-category-button:disabled,
body .sf-n-widget .sf-n-category-button:disabled {
    cursor: default;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

body .sf-n-platform .sf-n-category-button>span:first-child,
body .sf-n-widget .sf-n-category-button>span:first-child {
    color: #ccc
}

body .sf-n-platform .sf-n-category-button>span:nth-child(2),
body .sf-n-widget .sf-n-category-button>span:nth-child(2) {
    color: #555
}

body .sf-n-platform .sf-n-category-button--vertical,
body .sf-n-widget .sf-n-category-button--vertical {
    height: 8.625rem;
    width: 100%;
    text-align: center
}

body .sf-n-platform .sf-n-category-button--vertical>span:first-child,
body .sf-n-widget .sf-n-category-button--vertical>span:first-child {
    display: block;
    margin-bottom: .9375rem
}

body .sf-n-platform .sf-n-category-button--horizontal,
body .sf-n-widget .sf-n-category-button--horizontal {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-left: .625rem
}

body .sf-n-platform .sf-n-category-button--horizontal>span:first-child,
body .sf-n-widget .sf-n-category-button--horizontal>span:first-child {
    margin-right: .625rem
}

body .sf-n-platform .sf-n-category-button--selected>span:first-child,
body .sf-n-widget .sf-n-category-button--selected>span:first-child {
    color: inherit
}

body .sf-n-platform .sf-n-category-button--primary,
body .sf-n-widget .sf-n-category-button--primary {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    align-items: center;
    justify-content: center
}

body .sf-n-platform .sf-n-category-button--primary:hover,
body .sf-n-widget .sf-n-category-button--primary:hover {
    color: #555;
    background-color: #fafafa;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-category-button--primary:active,
body .sf-n-widget .sf-n-category-button--primary:active {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-category-button--primary:disabled,
body .sf-n-widget .sf-n-category-button--primary:disabled {
    color: #ccc;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

body .sf-n-platform .sf-n-category-button--secondary,
body .sf-n-widget .sf-n-category-button--secondary {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    align-items: center
}

body .sf-n-platform .sf-n-category-button--secondary:active,
body .sf-n-platform .sf-n-category-button--secondary:hover,
body .sf-n-widget .sf-n-category-button--secondary:active,
body .sf-n-widget .sf-n-category-button--secondary:hover {
    color: #555;
    background-color: #fafafa;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-category-button--secondary:disabled,
body .sf-n-widget .sf-n-category-button--secondary:disabled {
    color: #ccc;
    background-color: #fff;
    border: 1px solid #f2f2f2
}

body .sf-n-platform .sf-n-flex-row.no-wrap,
body .sf-n-widget .sf-n-flex-row.no-wrap {
    flex-wrap: nowrap
}

body .sf-n-platform .sf-n-chart-backButton,
body .sf-n-widget .sf-n-chart-backButton {
    cursor: pointer
}

body .sf-n-platform .sf-n-chart-backButton .sf-n-chart-backButton-symbol,
body .sf-n-widget .sf-n-chart-backButton .sf-n-chart-backButton-symbol {
    color: #949494
}

body .sf-n-platform .sf-n-chart-backButton .sf-n-chart-backButton-text,
body .sf-n-widget .sf-n-chart-backButton .sf-n-chart-backButton-text {
    margin-left: .3125rem;
    color: #555;
    font-weight: lighter;
    font-size: .75rem
}

body .sf-n-platform .sf-n-chart-legend-icon,
body .sf-n-widget .sf-n-chart-legend-icon {
    color: #fff;
    border-radius: .25rem;
    height: 2.1875rem;
    width: 2.1875rem;
    display: flex;
    justify-content: center;
    align-items: center
}

body .sf-n-platform .sf-n-chart-legend,
body .sf-n-widget .sf-n-chart-legend {
    height: 100%
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-chart-legend,
    body .sf-n-widget .sf-n-chart-legend {
        max-height: 25rem
    }
}

body .sf-n-platform .sf-n-chart-legend-item,
body .sf-n-widget .sf-n-chart-legend-item {
    cursor: pointer
}

body .sf-n-platform .sf-n-chart-legend-text,
body .sf-n-widget .sf-n-chart-legend-text {
    width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body .sf-n-platform .sf-n-chart-tooltip-container,
body .sf-n-widget .sf-n-chart-tooltip-container {
    background-color: #555;
    color: #f2f2f2;
    border-radius: .125rem;
    opacity: .85;
    padding: .625rem
}

body .sf-n-platform .sf-n-component-header,
body .sf-n-widget .sf-n-component-header {
    height: 100%
}

body .sf-n-platform .sf-n-custom-chart-tooltip__content,
body .sf-n-widget .sf-n-custom-chart-tooltip__content {
    display: none;
    text-align: center
}

body .sf-n-platform .sf-n-custom-chart-tooltip,
body .sf-n-widget .sf-n-custom-chart-tooltip {
    position: absolute
}

body .sf-n-platform .sf-n-custom-chart-tooltip:hover .sf-n-custom-chart-tooltip__content,
body .sf-n-widget .sf-n-custom-chart-tooltip:hover .sf-n-custom-chart-tooltip__content {
    position: absolute;
    display: block;
    font-size: .625rem;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 30px -2px rgba(0, 0, 0, .25);
    transform: translate(-50%, -100%);
    margin-top: -.625rem;
    left: 50%
}

body .sf-n-platform .sf-n-custom-chart-tooltip:hover .sf-n-custom-chart-tooltip__content span,
body .sf-n-widget .sf-n-custom-chart-tooltip:hover .sf-n-custom-chart-tooltip__content span {
    white-space: nowrap
}

body .sf-n-platform .sf-n-custom-chart-tooltip:hover .sf-n-custom-chart-tooltip__content:after,
body .sf-n-widget .sf-n-custom-chart-tooltip:hover .sf-n-custom-chart-tooltip__content:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #fff;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%)
}

body .sf-n-platform .sf-n-custom-legend__legend,
body .sf-n-widget .sf-n-custom-legend__legend {
    display: block;
    text-align: center;
    list-style-type: none;
    padding: 0;
    margin: 1rem 0 0
}

body .sf-n-platform .sf-n-custom-legend__legend-item,
body .sf-n-widget .sf-n-custom-legend__legend-item {
    display: inline-flex;
    padding: .3125rem 1rem;
    align-items: center
}

body .sf-n-platform .sf-n-custom-legend__legend-circle,
body .sf-n-widget .sf-n-custom-legend__legend-circle {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    margin: 0 .5rem
}

body .sf-n-platform .sf-n-custom-x-axis-tick__svg-icon-danger-medium path:nth-of-type(2),
body .sf-n-widget .sf-n-custom-x-axis-tick__svg-icon-danger-medium path:nth-of-type(2) {
    fill: #f44c51
}

body .sf-n-platform .sf-n-custom-x-axis-tick__tooltip,
body .sf-n-widget .sf-n-custom-x-axis-tick__tooltip {
    min-width: 150px
}

body .sf-n-platform .sf-n-custom-x-axis-tick__tooltip-text,
body .sf-n-widget .sf-n-custom-x-axis-tick__tooltip-text {
    white-space: normal !important
}

body .sf-n-platform .sf-n-date-picker,
body .sf-n-widget .sf-n-date-picker {
    max-width: 25rem;
    padding: 1rem
}

body .sf-n-platform .sf-n-date-picker__day-wrapper,
body .sf-n-widget .sf-n-date-picker__day-wrapper {
    padding: .125rem;
    flex-basis: 14.28571%
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    body .sf-n-platform .sf-n-date-picker__day-wrapper,
    body .sf-n-widget .sf-n-date-picker__day-wrapper {
        flex-basis: 12%
    }
}

body .sf-n-platform .sf-n-date-picker__day,
body .sf-n-widget .sf-n-date-picker__day {
    display: inline-block;
    width: 100%;
    border: none;
    justify-content: center;
    align-items: center;
    height: 2.1875rem;
    font-size: .75rem;
    flex: 1;
    color: #949494;
    border-radius: .125rem;
    outline: none;
    background-color: #fafafa;
    cursor: pointer
}

body .sf-n-platform .sf-n-date-picker__day:hover:not(.sf-n-date-picker__day--passive):not(.sf-n-date-picker__day--disabled),
body .sf-n-widget .sf-n-date-picker__day:hover:not(.sf-n-date-picker__day--passive):not(.sf-n-date-picker__day--disabled) {
    background-color: #2cc7ff;
    color: #fff
}

body .sf-n-platform .sf-n-date-picker__day.sf-n-date-picker__day--in-range,
body .sf-n-platform .sf-n-date-picker__day.sf-n-date-picker__day--selected,
body .sf-n-widget .sf-n-date-picker__day.sf-n-date-picker__day--in-range,
body .sf-n-widget .sf-n-date-picker__day.sf-n-date-picker__day--selected {
    background-color: #37678b;
    color: #fff
}

body .sf-n-platform .sf-n-date-picker__day.sf-n-date-picker__day--disabled,
body .sf-n-platform .sf-n-date-picker__day.sf-n-date-picker__day--passive,
body .sf-n-widget .sf-n-date-picker__day.sf-n-date-picker__day--disabled,
body .sf-n-widget .sf-n-date-picker__day.sf-n-date-picker__day--passive {
    background-color: #fff;
    cursor: default;
    color: #ccc
}

body .sf-n-platform .sf-n-date-picker__display-date,
body .sf-n-widget .sf-n-date-picker__display-date {
    width: 7.5rem;
    margin-left: auto;
    padding: 0;
    text-align: center;
    align-items: center
}

body .sf-n-platform .sf-n-date-picker__display-date~span,
body .sf-n-widget .sf-n-date-picker__display-date~span {
    display: inline-block;
    width: 100%;
    text-align: right
}

body .sf-n-platform .sf-n-date-picker__display-date-container.sf-n-flex-row,
body .sf-n-widget .sf-n-date-picker__display-date-container.sf-n-flex-row {
    flex: 1;
    align-items: center
}

body .sf-n-platform .sf-n-date-picker__display-date-container.sf-n-flex-row>div,
body .sf-n-widget .sf-n-date-picker__display-date-container.sf-n-flex-row>div {
    flex: 1;
    text-align: right
}

body .sf-n-platform .sf-n-divider,
body .sf-n-widget .sf-n-divider {
    background-color: hsla(0, 0%, 100%, .2);
    height: .0625rem;
    display: block
}

body .sf-n-platform .sf-n-donut-chart__icon-charts,
body .sf-n-widget .sf-n-donut-chart__icon-charts {
    color: #949494;
    background-color: #fafafa;
    padding: .3125rem;
    margin-left: 5px
}

body .sf-n-platform .sf-n-donut-chart__minimum-height,
body .sf-n-widget .sf-n-donut-chart__minimum-height {
    max-height: 100%
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-donut-chart__minimum-height,
    body .sf-n-widget .sf-n-donut-chart__minimum-height {
        max-height: 25rem;
        margin-top: 75px
    }
}

body .sf-n-platform .sf-donut-chart-center-label-container .sf-donut-chart-center-label-title,
body .sf-n-widget .sf-donut-chart-center-label-container .sf-donut-chart-center-label-title {
    text-transform: uppercase;
    font-size: .75rem
}

body .sf-n-platform .sf-donut-chart-center-label-container .sf-donut-chart-center-label-subtitle,
body .sf-n-widget .sf-donut-chart-center-label-container .sf-donut-chart-center-label-subtitle {
    font-size: 1.25rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-donut-chart-center-label-container .sf-donut-chart-center-label-subtitle,
    body .sf-n-widget .sf-donut-chart-center-label-container .sf-donut-chart-center-label-subtitle {
        font-size: 1.875rem
    }
}

body .sf-n-platform .sf-n-donut-chart-graphic-container .recharts-pie-sector,
body .sf-n-widget .sf-n-donut-chart-graphic-container .recharts-pie-sector {
    cursor: pointer
}
body .sf-n-platform .sf-n-donut-chart-graphic-container .pointer-active .recharts-pie-sector,
body .sf-n-widget .sf-n-donut-chart-graphic-container .pointer-active .recharts-pie-sector {
    cursor: default;
}
body .sf-n-platform .sf-n-donut-chart-graphic-container .pointer-active .recharts-pie-sector.active,
body .sf-n-widget .sf-n-donut-chart-graphic-container .pointer-active .recharts-pie-sector.active {
    cursor: pointer;
}

body .sf-n-platform .sf-n-donutchart-legend-icon,
body .sf-n-widget .sf-n-donutchart-legend-icon {
    color: #fff;
    border-radius: .25rem;
    height: 18px;
    width: 18px
}

body .sf-n-platform .sf-n-donut-chart-legend-item,
body .sf-n-widget .sf-n-donut-chart-legend-item {
    cursor: pointer
}

body .sf-n-platform .sf-n-dot-chart__legend,
body .sf-n-widget .sf-n-dot-chart__legend {
    display: block;
    text-align: center;
    list-style-type: none;
    padding: 0;
    margin: 1rem 0 0
}

body .sf-n-platform .sf-n-dot-chart__legend-item,
body .sf-n-widget .sf-n-dot-chart__legend-item {
    display: inline-flex;
    padding: .3125rem 1rem;
    align-items: center
}

body .sf-n-platform .sf-n-dot-chart__legend-circle,
body .sf-n-widget .sf-n-dot-chart__legend-circle {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    margin: 0 .5rem
}

body .sf-n-platform .sf-n-double-bar-chart__clickable,
body .sf-n-widget .sf-n-double-bar-chart__clickable {
    cursor: pointer
}

body .sf-n-platform .sf-n-editable-item,
body .sf-n-widget .sf-n-editable-item {
    flex: 1 0 auto;
    display: flex;
    flex-direction: row;
    white-space: nowrap
}

body .sf-n-platform .sf-n-editable-item .sf-n-editable-item__edit-btns,
body .sf-n-widget .sf-n-editable-item .sf-n-editable-item__edit-btns {
    display: inline-block
}

@media (min-width: 1281px) {

    body .sf-n-platform .sf-n-editable-item .sf-n-editable-item__edit-btns,
    body .sf-n-widget .sf-n-editable-item .sf-n-editable-item__edit-btns {
        display: none
    }
}

body .sf-n-platform .sf-n-editable-item__with-icon:hover .sf-n-editable-item__edit-btns,
body .sf-n-widget .sf-n-editable-item__with-icon:hover .sf-n-editable-item__edit-btns {
    display: inline-block
}

body .sf-n-platform .sf-n-editable-item__with-icon:hover .sf-n-align-items-center,
body .sf-n-widget .sf-n-editable-item__with-icon:hover .sf-n-align-items-center {
    max-width: 10.25rem
}

body .sf-n-platform .sf-n-editable-item__with-icon .sf-n-option-button__btn-outer,
body .sf-n-widget .sf-n-editable-item__with-icon .sf-n-option-button__btn-outer {
    max-width: 12.25rem
}

@media (min-width: 1281px) {

    body .sf-n-platform .sf-n-editable-item__with-icon .sf-n-option-button__btn-outer,
    body .sf-n-widget .sf-n-editable-item__with-icon .sf-n-option-button__btn-outer {
        max-width: 100%
    }
}

body .sf-n-platform .sf-n-editable-item__btn,
body .sf-n-widget .sf-n-editable-item__btn {
    min-height: 3.25rem
}

@keyframes grow-input {
    0% {
        width: 0;
        padding-right: 0
    }

    to {
        width: 100%;
        padding-right: 3.5rem
    }
}

@keyframes grow-icon {
    0% {
        right: 70%
    }

    to {
        right: 0
    }
}

body .sf-n-platform .sf-n-animated-search-input__input-container .sf-n-animated-search-input__input,
body .sf-n-widget .sf-n-animated-search-input__input-container .sf-n-animated-search-input__input {
    animation: grow-input .5s;
    transition: width .5s
}

body .sf-n-platform .sf-n-animated-search-input__input-container .sf-n-icon,
body .sf-n-widget .sf-n-animated-search-input__input-container .sf-n-icon {
    animation: grow-icon .5s
}

body .sf-n-platform .sf-n-animated-search-input__blur,
body .sf-n-widget .sf-n-animated-search-input__blur {
    animation-direction: reverse
}

body .sf-n-platform .sf-n-animated-search-input__icon-button,
body .sf-n-widget .sf-n-animated-search-input__icon-button {
    border-color: transparent
}

body .sf-n-platform .sf-n-animated-search-input__icon-button:active,
body .sf-n-platform .sf-n-animated-search-input__icon-button:focus,
body .sf-n-platform .sf-n-animated-search-input__icon-button:hover,
body .sf-n-widget .sf-n-animated-search-input__icon-button:active,
body .sf-n-widget .sf-n-animated-search-input__icon-button:focus,
body .sf-n-widget .sf-n-animated-search-input__icon-button:hover {
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-animated-search-input__icon-button:active .sf-n-animated-search-input__icon,
body .sf-n-platform .sf-n-animated-search-input__icon-button:focus .sf-n-animated-search-input__icon,
body .sf-n-platform .sf-n-animated-search-input__icon-button:hover .sf-n-animated-search-input__icon,
body .sf-n-widget .sf-n-animated-search-input__icon-button:active .sf-n-animated-search-input__icon,
body .sf-n-widget .sf-n-animated-search-input__icon-button:focus .sf-n-animated-search-input__icon,
body .sf-n-widget .sf-n-animated-search-input__icon-button:hover .sf-n-animated-search-input__icon {
    color: #fff
}

body .sf-n-platform .sf-n-animated-search-input__icon-button:disabled,
body .sf-n-widget .sf-n-animated-search-input__icon-button:disabled {
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-form-label,
body .sf-n-widget .sf-n-form-label {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    margin-bottom: .5625rem;
    letter-spacing: .4px;
    color: #555;
    text-transform: uppercase
}

body .sf-n-platform .sf-n-form-field,
body .sf-n-widget .sf-n-form-field {
    margin: 0;
    font-style: normal;
    -webkit-appearance: none;
    touch-action: manipulation;
    max-width: 100%;
    width: 100%;
    border-width: 1px;
    box-shadow: none;
    border-style: solid;
    transition: .2s ease-in-out;
    text-overflow: ellipsis;
    transition-property: color, background-color, border;
    background-color: #fff;
    border-radius: 2px;
    color: #555;
    font-size: .875rem
}

body .sf-n-platform .sf-n-form-field:focus,
body .sf-n-widget .sf-n-form-field:focus {
    outline: none
}

body .sf-n-platform .sf-n-form-field:disabled,
body .sf-n-widget .sf-n-form-field:disabled {
    opacity: .4
}

body .sf-n-platform .sf-n-form-field--input,
body .sf-n-widget .sf-n-form-field--input {
    vertical-align: middle;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    height: 2.75rem;
    padding: 0 .75rem;
    overflow: visible
}

body .sf-n-platform .sf-n-form-field--initial,
body .sf-n-widget .sf-n-form-field--initial {
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-form-field--initial:focus,
body .sf-n-widget .sf-n-form-field--initial:focus {
    border: 1px solid #2cc7ff
}

body .sf-n-platform .sf-n-form-field--success,
body .sf-n-widget .sf-n-form-field--success {
    border: 1px solid #5ccea6
}

body .sf-n-platform .sf-n-form-field--warning,
body .sf-n-widget .sf-n-form-field--warning {
    border: 1px solid #ffb644
}

body .sf-n-platform .sf-n-form-field--danger,
body .sf-n-widget .sf-n-form-field--danger {
    border: 1px solid #f44c51
}

body .sf-n-platform .sf-n-form-field--borderless,
body .sf-n-widget .sf-n-form-field--borderless {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent
}

body .sf-n-platform .sf-n-form-field--borderless.sf-n-form-field--danger,
body .sf-n-platform .sf-n-form-field--borderless.sf-n-form-field--initial,
body .sf-n-widget .sf-n-form-field--borderless.sf-n-form-field--danger,
body .sf-n-widget .sf-n-form-field--borderless.sf-n-form-field--initial {
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-form-field--small,
body .sf-n-widget .sf-n-form-field--small {
    font-size: .75rem
}

body .sf-n-platform .sf-n-form-field--medium,
body .sf-n-widget .sf-n-form-field--medium {
    font-size: .875rem
}

body .sf-n-platform .sf-n-form-field--large,
body .sf-n-widget .sf-n-form-field--large {
    font-size: 1.625rem
}

body .sf-n-platform .sf-n-misc-form-field,
body .sf-n-widget .sf-n-misc-form-field {
    touch-action: manipulation;
    -webkit-appearance: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid transparent;
    transition: .2s ease-in-out;
    transition-property: background-color, border;
    cursor: pointer
}

body .sf-n-platform .sf-n-misc-form-field:focus,
body .sf-n-widget .sf-n-misc-form-field:focus {
    outline: none
}

body .sf-n-platform .sf-n-misc-form-field:disabled,
body .sf-n-widget .sf-n-misc-form-field:disabled {
    opacity: .4;
    cursor: default
}

body .sf-n-platform .sf-n-misc-form-field--initial,
body .sf-n-widget .sf-n-misc-form-field--initial {
    background-color: #f2f2f2;
    border: 1px solid #ccc
}

body .sf-n-platform .sf-n-misc-form-field--initial:focus,
body .sf-n-widget .sf-n-misc-form-field--initial:focus {
    background-color: #f2f2f2
}

body .sf-n-platform .sf-n-misc-form-field--initial:checked,
body .sf-n-widget .sf-n-misc-form-field--initial:checked {
    background-color: #2cc7ff;
    border: 1px solid transparent
}

body .sf-n-platform .sf-n-misc-form-field--danger,
body .sf-n-widget .sf-n-misc-form-field--danger {
    background-color: #fafafa;
    border: 1px solid #f44c51
}

body .sf-n-platform .sf-n-misc-form-field--checkbox,
body .sf-n-widget .sf-n-misc-form-field--checkbox {
    border-radius: 1px
}

body .sf-n-platform .sf-n-misc-form-field--checkbox:checked,
body .sf-n-widget .sf-n-misc-form-field--checkbox:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwLjY0NCAxNi40NzZsLTYuNDE5LTYuMzEzYS40My40MyAwIDAwLS42IDAgLjQxNC40MTQgMCAwMDAgLjU5Mmw2LjczMiA2LjYyM2EuNDMuNDMgMCAwMC42MTUtLjAxNEwyMC4zODkgNy4yYS40MTQuNDE0IDAgMDAtLjAyOC0uNTkuNDMuNDMgMCAwMC0uNi4wMjZsLTkuMTE3IDkuODR6Ii8+PC9zdmc+)
}

body .sf-n-platform .sf-n-misc-form-field--radio,
body .sf-n-widget .sf-n-misc-form-field--radio {
    border-radius: 50%
}

body .sf-n-platform .sf-n-misc-form-field--radio:checked,
body .sf-n-widget .sf-n-misc-form-field--radio:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBmaWxsPSIjZmZmIiBjeD0iOCIgY3k9IjgiIHI9IjYiLz48L3N2Zz4=)
}

body .sf-n-platform .range-input,
body .sf-n-widget .range-input {
    display: none
}

body .sf-n-platform .rangeslider,
body .sf-n-widget .rangeslider {
    margin: 20px 0;
    position: relative;
    background: #f2f2f2;
    touch-action: none
}

body .sf-n-platform .rangeslider,
body .sf-n-platform .rangeslider .rangeslider__fill,
body .sf-n-widget .rangeslider,
body .sf-n-widget .rangeslider .rangeslider__fill {
    display: block
}

body .sf-n-platform .rangeslider .rangeslider__handle,
body .sf-n-widget .rangeslider .rangeslider__handle {
    background: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    outline: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

body .sf-n-platform .rangeslider .rangeslider__handle .rangeslider__active,
body .sf-n-widget .rangeslider .rangeslider__handle .rangeslider__active {
    opacity: 1
}

body .sf-n-platform .rangeslider .rangeslider__handle-tooltip,
body .sf-n-widget .rangeslider .rangeslider__handle-tooltip {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    font-weight: 400;
    font-size: .875rem;
    transition: all .1s ease-in;
    border-radius: .25rem;
    display: inline-block;
    color: #fff;
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

body .sf-n-platform .rangeslider .rangeslider__handle-tooltip span,
body .sf-n-widget .rangeslider .rangeslider__handle-tooltip span {
    margin-top: 12px;
    display: inline-block;
    line-height: 100%
}

body .sf-n-platform .rangeslider .rangeslider__handle-tooltip:after,
body .sf-n-widget .rangeslider .rangeslider__handle-tooltip:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0
}

body .sf-n-platform .rangeslider-horizontal,
body .sf-n-widget .rangeslider-horizontal {
    height: .625rem;
    border-radius: .625rem
}

body .sf-n-platform .rangeslider-horizontal .rangeslider__fill,
body .sf-n-widget .rangeslider-horizontal .rangeslider__fill {
    height: 100%;
    border-radius: .625rem;
    top: 0
}

body .sf-n-platform .rangeslider-horizontal .rangeslider__handle,
body .sf-n-widget .rangeslider-horizontal .rangeslider__handle {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.875rem;
    background-color: #2cc7ff;
    border: #2cc7ff;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

body .sf-n-platform .rangeslider-horizontal .rangeslider__handle-tooltip,
body .sf-n-widget .rangeslider-horizontal .rangeslider__handle-tooltip {
    top: -55px
}

body .sf-n-platform .rangeslider-horizontal .rangeslider__handle-tooltip:after,
body .sf-n-widget .rangeslider-horizontal .rangeslider__handle-tooltip:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, .8);
    left: 50%;
    bottom: -8px;
    transform: translate3d(-50%, 0, 0)
}

body .sf-n-platform .rangeslider-vertical,
body .sf-n-widget .rangeslider-vertical {
    margin: 20px auto;
    height: 9.375rem;
    max-width: .625rem;
    background-color: transparent
}

body .sf-n-platform .rangeslider-vertical .rangeslider__fill,
body .sf-n-platform .rangeslider-vertical .rangeslider__handle,
body .sf-n-widget .rangeslider-vertical .rangeslider__fill,
body .sf-n-widget .rangeslider-vertical .rangeslider__handle {
    position: absolute
}

body .sf-n-platform .rangeslider-vertical .rangeslider__fill,
body .sf-n-widget .rangeslider-vertical .rangeslider__fill {
    width: 100%;
    background-color: #2cc7ff;
    box-shadow: none;
    bottom: 0
}

body .sf-n-platform .rangeslider-vertical .rangeslider__handle,
body .sf-n-widget .rangeslider-vertical .rangeslider__handle {
    width: 1.875rem;
    height: .625rem;
    left: -10px;
    box-shadow: none
}

body .sf-n-platform .rangeslider-vertical .rangeslider__handle-tooltip,
body .sf-n-widget .rangeslider-vertical .rangeslider__handle-tooltip {
    left: -100%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

body .sf-n-platform .rangeslider-vertical .rangeslider__handle-tooltip:after,
body .sf-n-widget .rangeslider-vertical .rangeslider__handle-tooltip:after {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(0, 0, 0, .8);
    left: 100%;
    top: 12px
}

body .sf-n-platform .rangeslider-reverse.rangeslider-horizontal .rangeslider__fill,
body .sf-n-widget .rangeslider-reverse.rangeslider-horizontal .rangeslider__fill {
    right: 0
}

body .sf-n-platform .rangeslider-reverse.rangeslider-vertical .rangeslider__fill,
body .sf-n-widget .rangeslider-reverse.rangeslider-vertical .rangeslider__fill {
    top: 0;
    bottom: inherit
}

body .sf-n-platform .rangeslider__labels,
body .sf-n-widget .rangeslider__labels {
    position: relative
}

body .sf-n-platform .rangeslider-vertical .rangeslider__labels,
body .sf-n-widget .rangeslider-vertical .rangeslider__labels {
    position: relative;
    list-style-type: none;
    margin: 0 0 0 24px;
    padding: 0;
    text-align: left;
    width: 15.625rem;
    height: 100%;
    left: 10px
}

body .sf-n-platform .rangeslider-vertical .rangeslider__labels .rangeslider__label-item,
body .sf-n-widget .rangeslider-vertical .rangeslider__labels .rangeslider__label-item {
    position: absolute;
    transform: translate3d(0, -50%, 0)
}

body .sf-n-platform .rangeslider-vertical .rangeslider__labels .rangeslider__label-item:before,
body .sf-n-widget .rangeslider-vertical .rangeslider__labels .rangeslider__label-item:before {
    content: "";
    width: .625rem;
    height: .125rem;
    background: #555;
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1
}

body .sf-n-platform .rangeslider__labels .rangeslider__label-item,
body .sf-n-widget .rangeslider__labels .rangeslider__label-item {
    position: absolute;
    font-size: .875rem;
    cursor: pointer;
    display: inline-block;
    top: .625rem;
    transform: translate3d(-50%, 0, 0)
}

body .sf-n-platform .sf-n-accordion-multi-select__dropdown-container,
body .sf-n-widget .sf-n-accordion-multi-select__dropdown-container {
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: .6875rem .75rem .75rem;
    background-color: #fff
}

body .sf-n-platform span.sf-n-accordion-multi-select__dropdown-value,
body .sf-n-widget span.sf-n-accordion-multi-select__dropdown-value {
    padding-right: .5rem
}

body .sf-n-platform .sf-n-accordion-multi-select__arrow--down,
body .sf-n-platform .sf-n-accordion-multi-select__arrow--up,
body .sf-n-widget .sf-n-accordion-multi-select__arrow--down,
body .sf-n-widget .sf-n-accordion-multi-select__arrow--up {
    position: absolute;
    width: .625rem;
    height: .625rem;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    transition: transform .2s;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: translateY(2px) rotate(225deg)
}

body .sf-n-platform span.sf-n-accordion-multi-select__arrow--down,
body .sf-n-widget span.sf-n-accordion-multi-select__arrow--down {
    transform: translateY(-2px) rotate(45deg)
}

body .sf-n-platform .sf-n-according-multi-select__list-container,
body .sf-n-widget .sf-n-according-multi-select__list-container {
    max-height: 18.75rem;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .101961)
}

body .sf-n-platform .sf-n-according-multi-select__list-container .sf-n-accordion-button__content,
body .sf-n-widget .sf-n-according-multi-select__list-container .sf-n-accordion-button__content {
    border-top: none;
    padding: .75rem 0 .75rem .9375rem
}

body .sf-n-platform .sf-n-according-multi-select__list-container .sf-n-select__list,
body .sf-n-widget .sf-n-according-multi-select__list-container .sf-n-select__list {
    box-shadow: none;
    border-radius: 0
}

body .sf-n-platform .sf-n-according-multi-select__list-container .sf-n-select__option,
body .sf-n-widget .sf-n-according-multi-select__list-container .sf-n-select__option {
    display: flex;
    justify-content: space-between;
    height: 3.0625rem
}

body .sf-n-platform .sf-n-select__list,
body .sf-n-widget .sf-n-select__list {
    display: block;
    background-color: #fff;
    border-radius: .25rem;
    margin: .125rem .0625rem .25rem 0;
    padding: 0;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .1);
    max-height: 18.75rem;
    overflow-y: auto;
    width: 100%
}

body .sf-n-platform .sf-n-select__option,
body .sf-n-widget .sf-n-select__option {
    display: block;
    list-style-type: none;
    padding: 1rem;
    font-size: .875rem;
    color: #757575;
    margin: 0;
    outline: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body .sf-n-platform .sf-n-select__option:last-child,
body .sf-n-widget .sf-n-select__option:last-child {
    border-bottom: none
}

body .sf-n-platform .sf-n-select__option:hover,
body .sf-n-widget .sf-n-select__option:hover {
    cursor: pointer;
    background-color: #fafafa
}

body .sf-n-platform .sf-n-select__option--highlight,
body .sf-n-widget .sf-n-select__option--highlight {
    background-color: #f2f2f2
}

body .sf-n-platform .sf-n-select__option--small,
body .sf-n-widget .sf-n-select__option--small {
    padding: .875rem;
    font-size: .75rem
}

body .sf-n-platform .sf-n-select__option--uppercase,
body .sf-n-widget .sf-n-select__option--uppercase {
    text-transform: uppercase
}

body .sf-n-platform .sf-n-select,
body .sf-n-widget .sf-n-select {
    position: relative;
    width: 100%
}

body .sf-n-platform .sf-n-select--large,
body .sf-n-widget .sf-n-select--large {
    width: 100%
}

@media (min-width: 1281px) {

    body .sf-n-platform .sf-n-select--large,
    body .sf-n-widget .sf-n-select--large {
        width: 150%
    }
}

body .sf-n-platform .sf-n-select--with-arrow .sf-n-form-field,
body .sf-n-widget .sf-n-select--with-arrow .sf-n-form-field {
    padding-right: 2.5rem;
    cursor: pointer
}

body .sf-n-platform .sf-n-select__arrow,
body .sf-n-widget .sf-n-select__arrow {
    position: absolute;
    width: .625rem;
    height: .625rem;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    transition: transform .2s;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc
}

body .sf-n-platform .sf-n-select__arrow--down,
body .sf-n-widget .sf-n-select__arrow--down {
    transform: translateY(-2px) rotate(45deg)
}

body .sf-n-platform .sf-n-select__arrow--up,
body .sf-n-widget .sf-n-select__arrow--up {
    transform: translateY(2px) rotate(225deg)
}

body .sf-n-platform .sf-n-select__arrow--small--solid,
body .sf-n-widget .sf-n-select__arrow--small--solid {
    position: absolute;
    margin: auto;
    border: .3125rem solid transparent;
    border-top: .4375rem solid #949494;
    border-bottom: none;
    right: 1rem
}

body .sf-n-platform .sf-n-select__arrow--small--solid--down,
body .sf-n-widget .sf-n-select__arrow--small--solid--down {
    transform: rotate(0)
}

body .sf-n-platform .sf-n-select__arrow--small--solid--up,
body .sf-n-widget .sf-n-select__arrow--small--solid--up {
    transform: rotate(180deg)
}

body .sf-n-platform .sf-n-select__list-wrapper,
body .sf-n-widget .sf-n-select__list-wrapper {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%
}

body .sf-n-platform .sf-n-select__list-wrapper--not-overlap,
body .sf-n-widget .sf-n-select__list-wrapper--not-overlap {
    position: relative
}

body .sf-n-platform .sf-n-select__list-wrapper--top,
body .sf-n-widget .sf-n-select__list-wrapper--top {
    bottom: 100%
}

body .sf-n-platform .sf-n-select__list-wrapper--bottom,
body .sf-n-widget .sf-n-select__list-wrapper--bottom {
    top: 100%
}

body .sf-n-platform .sf-n-select__add-button,
body .sf-n-widget .sf-n-select__add-button {
    width: 100%
}

body .sf-n-platform .sf-n-form-field--uppercase,
body .sf-n-widget .sf-n-form-field--uppercase {
    text-transform: uppercase
}

body .sf-n-platform .sf-n-multi-select-dropdown-list__dropdown-container,
body .sf-n-widget .sf-n-multi-select-dropdown-list__dropdown-container {
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: .6875rem .75rem .75rem;
    background-color: #fff;
    max-height: 3.0625rem
}

body .sf-n-platform .sf-n-multi-select-dropdown-list__dropdown-value,
body .sf-n-widget .sf-n-multi-select-dropdown-list__dropdown-value {
    padding-right: .5rem
}

body .sf-n-platform .sf-n-multi-select-dropdown-list__arrow--down,
body .sf-n-platform .sf-n-multi-select-dropdown-list__arrow--up,
body .sf-n-widget .sf-n-multi-select-dropdown-list__arrow--down,
body .sf-n-widget .sf-n-multi-select-dropdown-list__arrow--up {
    position: absolute;
    width: .625rem;
    height: .625rem;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    transition: transform .2s;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: translateY(2px) rotate(225deg)
}

body .sf-n-platform span.sf-n-multi-select-dropdown-list__arrow--down,
body .sf-n-widget span.sf-n-multi-select-dropdown-list__arrow--down {
    transform: translateY(-2px) rotate(45deg)
}

body .sf-n-platform .sf-n-multi-select-dropdown-list__list-container,
body .sf-n-widget .sf-n-multi-select-dropdown-list__list-container {
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .101961);
    background-color: #fff
}

body .sf-n-platform .sf-n-multi-select-dropdown-list__list-container .sf-n-select__list,
body .sf-n-widget .sf-n-multi-select-dropdown-list__list-container .sf-n-select__list {
    box-shadow: none;
    max-height: 15.0625rem
}

body .sf-n-platform .sf-n-multi-select-dropdown-list__list-container .sf-n-select__option,
body .sf-n-widget .sf-n-multi-select-dropdown-list__list-container .sf-n-select__option {
    display: flex;
    justify-content: space-between;
    height: 3.0625rem
}

body .sf-n-platform .sf-n-form-field--textarea,
body .sf-n-widget .sf-n-form-field--textarea {
    vertical-align: top;
    height: 21px;
    resize: none;
    overflow: hidden
}

body .sf-n-platform .sf-n-form-field--fixed-height,
body .sf-n-widget .sf-n-form-field--fixed-height {
    overflow: auto;
    overflow-wrap: break-word;
    padding: .75rem
}

body .sf-n-platform .sf-n-form-field--bold,
body .sf-n-widget .sf-n-form-field--bold {
    font-weight: 700
}

body .sf-n-platform .sf-n-heading,
body .sf-n-widget .sf-n-heading {
    margin: 0;
    padding: 0;
    line-height: 1;
    text-transform: uppercase;
    color: #555
}

body .sf-n-platform .sf-n-heading-link *,
body .sf-n-widget .sf-n-heading-link * {
    color: #555;
    cursor: pointer;
    display: block;
    text-decoration: none
}

body .sf-n-platform .sf-n-heading-link :active,
body .sf-n-platform .sf-n-heading-link :focus,
body .sf-n-platform .sf-n-heading-link :hover,
body .sf-n-widget .sf-n-heading-link :active,
body .sf-n-widget .sf-n-heading-link :focus,
body .sf-n-widget .sf-n-heading-link :hover {
    color: #15c1ff
}

body .sf-n-platform .sf-n-heading--disabled,
body .sf-n-widget .sf-n-heading--disabled {
    color: #ddd
}

body .sf-n-platform .sf-n-heading--h1,
body .sf-n-widget .sf-n-heading--h1 {
    font-weight: 300;
    font-size: 1.25rem
}

body .sf-n-platform .sf-n-heading--h2,
body .sf-n-widget .sf-n-heading--h2 {
    font-weight: 400;
    font-size: 1rem
}

body .sf-n-platform .sf-n-heading--h3,
body .sf-n-widget .sf-n-heading--h3 {
    font-weight: 400;
    font-size: .9375rem
}

body .sf-n-platform .sf-n-heading--h4,
body .sf-n-widget .sf-n-heading--h4 {
    font-weight: 400;
    font-size: .8125rem
}

body .sf-n-platform .sf-n-heading--h5,
body .sf-n-widget .sf-n-heading--h5 {
    font-weight: 700;
    font-size: .75rem
}

body .sf-n-platform .sf-n-heading--h6,
body .sf-n-widget .sf-n-heading--h6 {
    font-weight: 700;
    font-size: .625rem
}

body .sf-n-platform .sf-n-icon-input-field,
body .sf-n-widget .sf-n-icon-input-field {
    width: 100%;
    position: relative
}

body .sf-n-platform .sf-n-icon-input-field>input,
body .sf-n-widget .sf-n-icon-input-field>input {
    padding-right: 3.5rem
}

body .sf-n-platform .sf-n-icon-input-field>span,
body .sf-n-widget .sf-n-icon-input-field>span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2cc7ff;
    color: #fff;
    border-radius: .125rem
}

body .sf-n-platform .sf-n-icon-input-wrapper,
body .sf-n-widget .sf-n-icon-input-wrapper {
    width: 100%;
    display: flex
}

body .sf-n-platform .sf-n-icon-input-wrapper>input,
body .sf-n-widget .sf-n-icon-input-wrapper>input {
    padding-right: 3.5rem
}

body .sf-n-platform .sf-n-icon-input-wrapper>span,
body .sf-n-widget .sf-n-icon-input-wrapper>span {
    top: 0;
    bottom: 0;
    right: 0;
    width: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #61d5ff;
    color: #fff;
    border-radius: .125rem
}

body .sf-n-platform .sf-n-icon,
body .sf-n-widget .sf-n-icon {
    touch-action: manipulation;
    margin: 0;
    border: none;
    overflow: visible;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    color: inherit;
    fill: currentcolor;
    line-height: 0;
    display: inline-block;
    vertical-align: middle
}

body .sf-n-platform .sf-n-inline-alert__message-small,
body .sf-n-widget .sf-n-inline-alert__message-small {
    padding-top: .125rem
}

body .sf-n-platform .sf-n-inline-alert__message-medium,
body .sf-n-widget .sf-n-inline-alert__message-medium {
    word-break: break-word
}

body .sf-n-platform .sf-n-kpi-box__progress-bar,
body .sf-n-widget .sf-n-kpi-box__progress-bar {
    position: relative;
    bottom: -.3125rem;
    width: 100%;
    border-bottom: 1px solid #ddd
}

body .sf-n-platform .sf-n-kpi-box__size,
body .sf-n-widget .sf-n-kpi-box__size {
    min-height: 120px
}

body .sf-n-platform .sf-n-label,
body .sf-n-widget .sf-n-label {
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    padding: 0 .3125rem;
    height: 1.5rem;
    color: #555;
    font-size: .8125rem;
    font-weight: 700;
    border-radius: 2px;
    border: 1px solid #ccc;
    background-color: #fff
}

body .sf-n-platform .sf-n-label button,
body .sf-n-widget .sf-n-label button {
    transition: opacity .1s 0s, visibility .1s 0s;
    opacity: 1;
    visibility: visible;
    cursor: pointer
}

body .sf-n-platform .sf-n-label:hover,
body .sf-n-widget .sf-n-label:hover {
    background-color: #fafafa
}

body .sf-n-platform .sf-n-label__text,
body .sf-n-widget .sf-n-label__text {
    padding: 0 .625rem
}

body .sf-n-platform .sf-n-legend-dot,
body .sf-n-widget .sf-n-legend-dot {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin-right: .3125rem
}

body .sf-n-platform .sf-n-link,
body .sf-n-widget .sf-n-link {
    cursor: pointer;
    touch-action: manipulation;
    font-weight: 700;
    position: relative;
    color: #d65836
}

body .sf-n-platform .sf-n-link:hover,
body .sf-n-widget .sf-n-link:hover {
    text-decoration: underline;
    outline: none;
    color: #15c1ff
}

body .sf-n-platform .sf-n-link:active,
body .sf-n-platform .sf-n-link:focus,
body .sf-n-widget .sf-n-link:active,
body .sf-n-widget .sf-n-link:focus {
    color: #2cc7ff
}

body .sf-n-platform .sf-n-reset-link,
body .sf-n-widget .sf-n-reset-link {
    position: relative;
    color: #555;
    text-decoration: none
}

body .sf-n-platform .sf-n-reset-link:active,
body .sf-n-platform .sf-n-reset-link:focus,
body .sf-n-platform .sf-n-reset-link:hover,
body .sf-n-widget .sf-n-reset-link:active,
body .sf-n-widget .sf-n-reset-link:focus,
body .sf-n-widget .sf-n-reset-link:hover {
    color: #555
}

body .sf-n-platform .sf-n-loading-content,
body .sf-n-widget .sf-n-loading-content {
    width: 100%;
    height: 100%;
    position: relative
}

body .sf-n-platform .sf-n-loading-content__spinner,
body .sf-n-widget .sf-n-loading-content__spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

body .sf-n-platform .sf-n-loading-content__alert,
body .sf-n-widget .sf-n-loading-content__alert {
    padding: 3.125rem .625rem
}

body .sf-n-platform .sf-n-loading-content__alert>div,
body .sf-n-widget .sf-n-loading-content__alert>div {
    max-width: 400px;
    margin: 0 auto
}

body .sf-n-platform .sf-n-loading-form,
body .sf-n-widget .sf-n-loading-form {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

body .sf-n-platform .sf-n-loading-form__spinner,
body .sf-n-widget .sf-n-loading-form__spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center
}

body .sf-n-platform .sf-n-mini-widget-tab,
body .sf-n-widget .sf-n-mini-widget-tab {
    font-size: .75rem;
    font-weight: 300;
    letter-spacing: 1px;
    overflow: visible;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: background-color, border-color;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    color: #949494;
    line-height: 1.75rem;
    padding-top: .1875rem;
    margin-bottom: -.0625rem;
    margin-left: .5625rem
}

body .sf-n-platform .sf-n-mini-widget-tab:focus,
body .sf-n-platform .sf-n-mini-widget-tab:hover,
body .sf-n-widget .sf-n-mini-widget-tab:focus,
body .sf-n-widget .sf-n-mini-widget-tab:hover {
    color: #757575
}

body .sf-n-platform .sf-n-mini-widget-tab--selected,
body .sf-n-widget .sf-n-mini-widget-tab--selected {
    background-color: #fff;
    border-bottom: 1px solid #fff
}

body .sf-n-platform .sf-n-date-picker-month,
body .sf-n-widget .sf-n-date-picker-month {
    background-color: #fafafa;
    color: #949494;
    cursor: pointer
}

body .sf-n-platform .sf-n-date-picker-month:hover,
body .sf-n-widget .sf-n-date-picker-month:hover {
    background-color: #2cc7ff
}

body .sf-n-platform .sf-n-date-picker-month:hover *,
body .sf-n-widget .sf-n-date-picker-month:hover * {
    color: #fff
}

body .sf-n-platform .sf-n-date-picker-month.sf-n-month-in-range,
body .sf-n-platform .sf-n-date-picker-month.sf-n-month-selected,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-in-range,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-selected {
    background-color: #37678b
}

body .sf-n-platform .sf-n-date-picker-month.sf-n-month-in-range *,
body .sf-n-platform .sf-n-date-picker-month.sf-n-month-selected *,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-in-range *,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-selected * {
    color: #fff
}

body .sf-n-platform .sf-n-date-picker-month.sf-n-month-in-range:hover,
body .sf-n-platform .sf-n-date-picker-month.sf-n-month-selected:hover,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-in-range:hover,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-selected:hover {
    background-color: #2cc7ff
}

body .sf-n-platform .sf-n-date-picker-month.sf-n-month-disabled,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-disabled {
    background-color: #fff;
    cursor: inherit
}

body .sf-n-platform .sf-n-date-picker-month.sf-n-month-disabled *,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-disabled * {
    color: #ddd
}

body .sf-n-platform .sf-n-multi-select-dropdown-container,
body .sf-n-widget .sf-n-multi-select-dropdown-container {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-left: 1rem
}

body .sf-n-platform .sf-n-multi-select-dropdown__list,
body .sf-n-widget .sf-n-multi-select-dropdown__list {
    position: absolute;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s ease;
}

body .sf-n-platform .sf-n-multi-select-dropdown__list.active,
body .sf-n-widget .sf-n-multi-select-dropdown__list.active {
    opacity: 1;
    visibility: visible;
}

body .sf-n-platform .sf-n-multi-select-dropdown__list--left,
body .sf-n-widget .sf-n-multi-select-dropdown__list--left {
    left: 0
}

body .sf-n-platform .sf-n-multi-select-dropdown__list--center,
body .sf-n-widget .sf-n-multi-select-dropdown__list--center {
    left: 50%;
    transform: translateX(-50%)
}

body .sf-n-platform .sf-n-multi-select-dropdown__list--right,
body .sf-n-widget .sf-n-multi-select-dropdown__list--right {
    right: -60px
}

body .sf-n-platform .sf-n-multi-select-dropdown__list-wrapper--top,
body .sf-n-widget .sf-n-multi-select-dropdown__list-wrapper--top {
    bottom: 100%
}

body .sf-n-platform .sf-n-multi-select-dropdown__list-wrapper--bottom,
body .sf-n-widget .sf-n-multi-select-dropdown__list-wrapper--bottom {
    top: 100%
}

body .sf-n-platform .sf-n-notification__close,
body .sf-n-widget .sf-n-notification__close {
    height: 0
}

body .sf-n-platform .sf-n-notification__close-btn,
body .sf-n-widget .sf-n-notification__close-btn {
    margin: 0;
    position: relative;
    overflow: visible;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    border: none;
    line-height: normal;
    width: 1.4375rem;
    height: 1.4375rem;
    padding: 0 0 1px;
    border-radius: 100%
}

body .sf-n-platform .sf-n-notification__content,
body .sf-n-widget .sf-n-notification__content {
    padding: 1.25rem .625rem .625rem;
    display: flex;
    flex-direction: row
}

body .sf-n-platform .sf-n-notification__message,
body .sf-n-widget .sf-n-notification__message {
    padding: 0 .625rem;
    margin: 0;
    flex-grow: 1;
    display: block;
    font-size: .9375rem;
    color: #949494
}

body .sf-n-platform .sf-n-notification__icon,
body .sf-n-widget .sf-n-notification__icon {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-shrink: 0;
    background-color: #ccc
}

body .sf-n-platform .sf-n-notification__icon--read,
body .sf-n-widget .sf-n-notification__icon--read {
    background-color: #37678b
}

body .sf-n-platform .sf-n-notification__date,
body .sf-n-widget .sf-n-notification__date {
    font-size: .625rem;
    display: flex;
    justify-content: flex-end;
    color: #949494
}

body .sf-n-platform .sf-n-notification__button__align,
body .sf-n-widget .sf-n-notification__button__align {
    text-align: center;
    width: 100%
}

body .sf-n-platform .sf-n-on-boarding__slide,
body .sf-n-widget .sf-n-on-boarding__slide {
    position: relative
}

body .sf-n-platform .sf-n-on-boarding__slide .sf-n-on-boarding__space-filler,
body .sf-n-widget .sf-n-on-boarding__slide .sf-n-on-boarding__space-filler {
    height: 44px
}

body .sf-n-platform .sf-n-on-boarding__slide .sf-n-on-boarding__back-button,
body .sf-n-widget .sf-n-on-boarding__slide .sf-n-on-boarding__back-button {
    border: 0
}

body .sf-n-platform .sf-n-on-boarding__slide .sf-n-on-boarding__back-button:hover,
body .sf-n-widget .sf-n-on-boarding__slide .sf-n-on-boarding__back-button:hover {
    color: inherit;
    background-color: inherit
}

body .sf-n-platform .sf-n-flex-row .sf-n-on-boarding__slider,
body .sf-n-widget .sf-n-flex-row .sf-n-on-boarding__slider {
    position: relative;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 288px
}

body .sf-n-platform .sliding-dots,
body .sf-n-widget .sliding-dots {
    position: absolute;
    bottom: 1rem;
    right: 7.9375rem
}

body .sf-n-platform .sliding-dots .sliding-dot__dot-size,
body .sf-n-widget .sliding-dots .sliding-dot__dot-size {
    width: .5rem;
    height: .5rem;
    margin: 0 .1rem;
    display: inline-block
}

body .sf-n-platform .sf-n-option-button,
body .sf-n-widget .sf-n-option-button {
    font-weight: 400;
    position: relative;
    overflow: visible;
    text-align: left;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    color: #555;
    width: 100%;
    min-height: 2.75rem;
    border: none;
    border-radius: .3125rem;
    background-color: #fafafa;
    padding: .5625rem 1rem;
    font-size: .875rem;
    margin-bottom: .5rem
}

body .sf-n-platform .sf-n-option-button:disabled,
body .sf-n-widget .sf-n-option-button:disabled {
    cursor: default
}

body .sf-n-platform .sf-n-option-button:disabled:hover,
body .sf-n-widget .sf-n-option-button:disabled:hover {
    background-color: #fafafa
}

body .sf-n-platform .sf-n-option-button:hover,
body .sf-n-widget .sf-n-option-button:hover {
    background-color: #f2f2f2
}

body .sf-n-platform .sf-n-option-button__label-text,
body .sf-n-widget .sf-n-option-button__label-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-option-button__label,
body .sf-n-widget .sf-n-option-button__label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%
}

body .sf-n-platform .sf-n-option-button__btn-outer,
body .sf-n-widget .sf-n-option-button__btn-outer {
    width: 290px;
    max-width: 100%
}

body .sf-n-platform .sf-n-option-button__btn-inner,
body .sf-n-widget .sf-n-option-button__btn-inner {
    white-space: nowrap
}

body .sf-n-platform .sf-n-overlay,
body .sf-n-widget .sf-n-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(0, 0, 0, .3);
    transition: opacity .4s, visibility 0 .4s;
    min-height: 200px;
    opacity: 0;
    visibility: hidden
}

body .sf-n-platform .sf-n-overlay--visible,
body .sf-n-widget .sf-n-overlay--visible {
    opacity: 1;
    visibility: visible
}

body .sf-n-platform .sf-n-panel,
body .sf-n-widget .sf-n-panel {
    position: fixed;
    width: 100%;
    transition-property: transform;
    transition-duration: .4s;
    top: 0;
    bottom: 0;
    overflow: auto
}

body .sf-n-platform .sf-n-panel-inner,
body .sf-n-widget .sf-n-panel-inner {
    background-color: #fff;
    outline: none
}

body .sf-n-platform .sf-n-panel--left,
body .sf-n-widget .sf-n-panel--left {
    border-right: 6px solid rgba(0, 0, 0, .1);
    left: 0;
    transform: translateX(-100%)
}

body .sf-n-platform .sf-n-panel--left.sf-n-panel--visible,
body .sf-n-widget .sf-n-panel--left.sf-n-panel--visible {
    transform: translateX(0)
}

body .sf-n-platform .sf-n-panel--right,
body .sf-n-widget .sf-n-panel--right {
    border-left: 6px solid rgba(0, 0, 0, .1);
    right: 0;
    transform: translateX(100%);
    overflow: visible
}

body .sf-n-platform .sf-n-panel--right.sf-n-panel--visible,
body .sf-n-widget .sf-n-panel--right.sf-n-panel--visible {
    transform: translate(0)
}

body .sf-n-platform .sf-n-panel--top,
body .sf-n-widget .sf-n-panel--top {
    top: 0;
    transform: translateY(-100%)
}

body .sf-n-platform .sf-n-panel--top.sf-n-panel--visible,
body .sf-n-widget .sf-n-panel--top.sf-n-panel--visible {
    transform: translate(0)
}

body .sf-n-platform .sf-n-popup-header__side,
body .sf-n-widget .sf-n-popup-header__side {
    min-width: 1.875rem
}

body .sf-n-platform .sf-n-popups__popup,
body .sf-n-widget .sf-n-popups__popup {
    outline: none;
    opacity: 0;
    transform: translateY(-80px);
    transition: opacity .4s, transform .4s;
    max-width: calc(100% - 20px);
    position: fixed;
    overflow-y: auto;
    max-height: calc(100% - 40px);
    min-height: 12.5rem;
    left: 0;
    right: 0;
    margin: 1.875rem auto
}

body .sf-n-platform .sf-n-popups__popup--visible,
body .sf-n-widget .sf-n-popups__popup--visible {
    opacity: 1;
    transform: translateY(0)
}

body .sf-n-platform .sf-n-popups__popup--parent,
body .sf-n-widget .sf-n-popups__popup--parent {
    height: calc(100vh - 60px)
}

body .sf-n-platform .sf-n-popups__popup--scroll,
body .sf-n-widget .sf-n-popups__popup--scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden
}

body .sf-n-platform .sf-n-popups__popup--column,
body .sf-n-widget .sf-n-popups__popup--column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

body .sf-n-platform .sf-n-progress-bar-wrapper,
body .sf-n-widget .sf-n-progress-bar-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd
}

body .sf-n-platform .sf-n-progress-bar-wrapper--small,
body .sf-n-widget .sf-n-progress-bar-wrapper--small {
    height: .625rem;
    border-radius: 0 0 .125rem .125rem
}

body .sf-n-platform .sf-n-progress-bar-wrapper--medium,
body .sf-n-widget .sf-n-progress-bar-wrapper--medium {
    height: 1.25rem;
    border-radius: .3125rem
}

body .sf-n-platform .sf-n-progress-bar-wrapper--large,
body .sf-n-widget .sf-n-progress-bar-wrapper--large {
    height: 2.5rem;
    border-radius: .3125rem
}

body .sf-n-platform .sf-n-progress-bar,
body .sf-n-widget .sf-n-progress-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    animation: progress .5s
}

body .sf-n-platform .sf-n-scrollable-wrapper,
body .sf-n-widget .sf-n-scrollable-wrapper {
    width: 100%;
    overflow-y: auto
}

body .sf-n-platform .sf-sphere__icon-color-fill,
body .sf-n-widget .sf-sphere__icon-color-fill {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

body .sf-n-platform .sf-n-sphere__container-normal,
body .sf-n-widget .sf-n-sphere__container-normal {
    width: 3.9375rem;
    height: 3.9375rem;
    overflow: hidden;
    z-index: 0
}

body .sf-n-platform .sf-n-sphere__container-small,
body .sf-n-widget .sf-n-sphere__container-small {
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    z-index: 0
}

body .sf-n-platform .sf-n-sphere__fit-content,
body .sf-n-widget .sf-n-sphere__fit-content {
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

@keyframes spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

body .sf-n-platform .sf-n-spinner,
body .sf-n-widget .sf-n-spinner {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 100%;
    border: 2px solid #fff;
    border-bottom-color: transparent !important;
    animation: spinner .75s linear 0s infinite;
    vertical-align: middle;
    display: inline-block
}

body .sf-n-platform .sf-n-progress-bar-stacked,
body .sf-n-widget .sf-n-progress-bar-stacked {
    display: flex;
    background-color: #ddd
}

body .sf-n-platform .sf-n-tab-filter,
body .sf-n-widget .sf-n-tab-filter {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    overflow: visible;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    border-color: transparent;
    padding: .3125rem .625rem;
    border-radius: .125rem;
    min-height: 1.375rem
}

body .sf-n-platform .sf-n-tab-filter:disabled,
body .sf-n-widget .sf-n-tab-filter:disabled {
    opacity: .6;
    cursor: default
}

body .sf-n-platform .sf-n-tab-filter__group :not(:last-child),
body .sf-n-widget .sf-n-tab-filter__group :not(:last-child) {
    margin-right: .5rem
}

body .sf-n-platform .sf-n-tab-filter--primary,
body .sf-n-platform .sf-n-tab-filter--secondary,
body .sf-n-widget .sf-n-tab-filter--primary,
body .sf-n-widget .sf-n-tab-filter--secondary {
    color: #555;
    background-color: #fff
}

body .sf-n-platform .sf-n-tab-filter--primary:hover,
body .sf-n-platform .sf-n-tab-filter--secondary:hover,
body .sf-n-widget .sf-n-tab-filter--primary:hover,
body .sf-n-widget .sf-n-tab-filter--secondary:hover {
    color: #555;
    background-color: #f2f2f2
}

body .sf-n-platform .sf-n-tab-filter--primary:active,
body .sf-n-platform .sf-n-tab-filter--secondary:active,
body .sf-n-widget .sf-n-tab-filter--primary:active,
body .sf-n-widget .sf-n-tab-filter--secondary:active {
    color: #555;
    background-color: #fff
}

body .sf-n-platform .sf-n-tab-filter--primary:disabled,
body .sf-n-platform .sf-n-tab-filter--secondary:disabled,
body .sf-n-widget .sf-n-tab-filter--primary:disabled,
body .sf-n-widget .sf-n-tab-filter--secondary:disabled {
    color: #ddd;
    background-color: #fff
}

body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected {
    color: #fff;
    background-color: #2cc7ff
}

body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected:hover,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected:hover {
    color: #fff;
    background-color: #50d1ff
}

body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected:active,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected:active {
    color: #fff;
    background-color: #15c1ff
}

body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected:disabled,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected:disabled {
    color: #fff;
    background-color: #a1e6ff
}

body .sf-n-platform .sf-n-tab-filter--secondary.sf-n-tab-filter--selected,
body .sf-n-widget .sf-n-tab-filter--secondary.sf-n-tab-filter--selected {
    color: #fff;
    background-color: #374859
}

body .sf-n-platform .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:hover,
body .sf-n-widget .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:hover {
    color: #fff;
    background-color: #415161
}

body .sf-n-platform .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:active,
body .sf-n-widget .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:active {
    color: #fff;
    background-color: #2c3e50
}

body .sf-n-platform .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:disabled,
body .sf-n-widget .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:disabled {
    color: #fff;
    background-color: #bfc5ca
}

body .sf-n-platform .sf-n-tab-filter--primary-button,
body .sf-n-widget .sf-n-tab-filter--primary-button {
    color: #949494;
    background-color: #fff;
    padding: .5625rem
}

body .sf-n-platform .sf-n-tab-filter--primary-button:hover,
body .sf-n-widget .sf-n-tab-filter--primary-button:hover {
    color: #949494;
    background-color: #f2f2f2
}

body .sf-n-platform .sf-n-tab-filter--primary-button:disabled,
body .sf-n-widget .sf-n-tab-filter--primary-button:disabled {
    color: #757575;
    background-color: #f2f2f2
}

body .sf-n-platform .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected,
body .sf-n-widget .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected {
    color: #fff;
    background-color: #2cc7ff
}

body .sf-n-platform .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected:hover,
body .sf-n-widget .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected:hover {
    color: #fff;
    background-color: #50d1ff
}

body .sf-n-platform .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected:disabled,
body .sf-n-widget .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected:disabled {
    color: #fff;
    background-color: #a1e6ff
}

body .sf-n-platform .sf-n-tab-filter--heading,
body .sf-n-widget .sf-n-tab-filter--heading {
    color: #ccc;
    letter-spacing: 1px;
    border-bottom: 2px solid #fafafa;
    padding-bottom: 1.875rem
}

body .sf-n-platform .sf-n-tab-filter--heading:hover,
body .sf-n-widget .sf-n-tab-filter--heading:hover {
    color: #555
}

body .sf-n-platform .sf-n-tab-filter--heading:active,
body .sf-n-platform .sf-n-tab-filter--heading:disabled,
body .sf-n-widget .sf-n-tab-filter--heading:active,
body .sf-n-widget .sf-n-tab-filter--heading:disabled {
    color: #ccc
}

body .sf-n-platform .sf-n-tab-filter--heading.sf-n-tab-filter--selected,
body .sf-n-widget .sf-n-tab-filter--heading.sf-n-tab-filter--selected {
    color: #555;
    border-bottom: 2px solid #2cc7ff
}

body .sf-n-platform .sf-n-txt,
body .sf-n-widget .sf-n-txt {
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #555;
    letter-spacing: normal
}

body .sf-n-platform .sf-n-txt-title,
body .sf-n-widget .sf-n-txt-title {
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #555
}

body .sf-n-platform .sf-n-txt--truncated,
body .sf-n-widget .sf-n-txt--truncated {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-txt--bold,
body .sf-n-widget .sf-n-txt--bold {
    font-weight: 700
}

body .sf-n-platform .sf-n-txt--f0,
body .sf-n-widget .sf-n-txt--f0 {
    font-size: 1.25rem
}

body .sf-n-platform .sf-n-txt--f1,
body .sf-n-widget .sf-n-txt--f1 {
    font-size: 1.0625rem
}

body .sf-n-platform .sf-n-txt--f2,
body .sf-n-widget .sf-n-txt--f2 {
    font-size: .9375rem
}

body .sf-n-platform .sf-n-txt--f3,
body .sf-n-widget .sf-n-txt--f3 {
    font-size: .875rem
}

body .sf-n-platform .sf-n-txt--f4,
body .sf-n-widget .sf-n-txt--f4 {
    font-size: .8125rem
}

body .sf-n-platform .sf-n-txt--f5,
body .sf-n-widget .sf-n-txt--f5 {
    font-size: .75rem
}

body .sf-n-platform .sf-n-txt--f6,
body .sf-n-widget .sf-n-txt--f6 {
    font-size: .6875rem
}

body .sf-n-platform .sf-n-txt--f7,
body .sf-n-widget .sf-n-txt--f7 {
    font-size: .625rem
}

body .sf-n-platform .sf-n-txt--normal,
body .sf-n-widget .sf-n-txt--normal {
    letter-spacing: normal
}

body .sf-n-platform .sf-n-txt--thin,
body .sf-n-widget .sf-n-txt--thin {
    letter-spacing: -1px
}

body .sf-n-platform .sf-n-txt--wide,
body .sf-n-widget .sf-n-txt--wide {
    letter-spacing: 1px
}

body .sf-n-platform .toggle-switch,
body .sf-n-widget .toggle-switch {
    position: relative;
    width: 43px
}

body .sf-n-platform .toggle-switch-checkbox,
body .sf-n-widget .toggle-switch-checkbox {
    display: none
}

body .sf-n-platform .toggle-switch-label,
body .sf-n-widget .toggle-switch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 27px;
    padding: 0;
    line-height: 27px;
    border: 1px solid #ccc;
    border-radius: 36px;
    background-color: #ccc;
    transition: background-color .3s ease-in;
    color: transparent;
    outline: none
}

body .sf-n-platform .toggle-switch-label.sf-n-disabled,
body .sf-n-widget .toggle-switch-label.sf-n-disabled {
    opacity: .6
}

body .sf-n-platform .toggle-switch-label:before,
body .sf-n-widget .toggle-switch-label:before {
    content: "";
    display: block;
    width: 27px;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 19px;
    border: 1px solid #ccc;
    border-radius: 50%;
    transition: contents .2s ease-in 0s
}

body .sf-n-platform .toggle-switch-checkbox:checked+.toggle-switch-label,
body .sf-n-widget .toggle-switch-checkbox:checked+.toggle-switch-label {
    background-color: #2cc7ff
}

body .sf-n-platform .toggle-switch-checkbox:checked+.toggle-switch-label,
body .sf-n-platform .toggle-switch-checkbox:checked+.toggle-switch-label:before,
body .sf-n-widget .toggle-switch-checkbox:checked+.toggle-switch-label,
body .sf-n-widget .toggle-switch-checkbox:checked+.toggle-switch-label:before {
    border-color: #2cc7ff
}

body .sf-n-platform .toggle-switch-checkbox:checked+.toggle-switch-label:before,
body .sf-n-widget .toggle-switch-checkbox:checked+.toggle-switch-label:before {
    right: 0
}

body .sf-n-platform .fullOpacity,
body .sf-n-widget .fullOpacity {
    opacity: 1 !important
}

body .sf-n-platform .tooltip-top,
body .sf-n-widget .tooltip-top {
    bottom: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    word-wrap: break-word
}

body .sf-n-platform .tooltip-bottom,
body .sf-n-platform .tooltip-top,
body .sf-n-widget .tooltip-bottom,
body .sf-n-widget .tooltip-top {
    position: absolute;
    right: -175%;
    width: 180px;
    margin: .1em;
    padding: 1em 1em 1em 1.5em;
    text-align: left;
    color: #555;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box
}

body .sf-n-platform .tooltip-bottom,
body .sf-n-widget .tooltip-bottom {
    top: 0;
    box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .15)
}

body .sf-n-platform .tooltip-top:after,
body .sf-n-widget .tooltip-top:after {
    top: 100%;
    bottom: -2em;
    border-color: transparent transparent #fff #fff;
    box-shadow: -.125rem .125rem .125rem 0 rgba(0, 0, 0, .1)
}

body .sf-n-platform .tooltip-bottom:after,
body .sf-n-platform .tooltip-top:after,
body .sf-n-widget .tooltip-bottom:after,
body .sf-n-widget .tooltip-top:after {
    content: "";
    position: absolute;
    left: 47%;
    width: 0;
    height: 0;
    margin-left: -.5em;
    box-sizing: border-box;
    border-style: solid;
    border-width: .5em;
    transform-origin: 0 0;
    transform: rotate(-45deg)
}

body .sf-n-platform .tooltip-bottom:after,
body .sf-n-widget .tooltip-bottom:after {
    top: 0;
    border-color: #fff #fff transparent transparent;
    box-shadow: .125rem -.125rem .0625rem 0 rgba(0, 0, 0, .1)
}

body .sf-n-platform .sf-n-top-list-item__circle,
body .sf-n-widget .sf-n-top-list-item__circle {
    width: 1.875rem;
    height: 1.875rem;
    color: #555;
    background-color: #f2f2f2;
    line-height: 0
}

body .sf-n-platform .sf-n-tree-chart__icon-charts,
body .sf-n-widget .sf-n-tree-chart__icon-charts {
    color: #949494;
    background-color: #fafafa;
    padding: .3125rem;
    margin-left: 5px
}

body .sf-n-platform .sf-n-tree-chart__minimum-height,
body .sf-n-widget .sf-n-tree-chart__minimum-height {
    min-height: 100%
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-tree-chart__minimum-height,
    body .sf-n-widget .sf-n-tree-chart__minimum-height {
        min-height: 25rem
    }
}

body .sf-n-platform .sf-n-widget-wrapper,
body .sf-n-widget .sf-n-widget-wrapper {
    min-width: 18.75rem;
    margin: 0 auto;
    position: relative
}

.sf-n-table__thead-row {
    display: flex;
    padding: 0;
    margin: 0;
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.sf-n-table__column-headers {
    display: flex;
    background-color: #374859;
    box-shadow: inset 6px 0 0 0 #374859
}

.sf-n-table__column-headers span {
    color: #fff
}

.sf-n-table__content-cell,
.sf-n-table__header-cell {
    flex-grow: 1;
    flex-basis: 100%;
    flex-shrink: 1;
    font-size: .9375rem;
    color: #555;
    padding: 1rem;
    text-align: left
}

.sf-n-table__header-cell {
    color: #fff;
    margin: auto
}

.sf-n-table__content-cell {
    flex-basis: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sf-n-table__content {
    max-height: 32rem;
    overflow: auto
}

.sf-n-table__content-row {
    display: flex;
    box-shadow: inset 6px 0 0 0 #4ac99d, inset 6px 1px 0 0 #fafafa;
    align-items: center;
    background-color: #fff
}

.sf-n-table__content-row:hover {
    background-color: #e7f8f2
}

.sf-n-payments-table__td--paymentNo,
.sf-n-payments-table__th--paymentNo {
    font-size: .9375rem;
    color: #555;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 1rem;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 1025px) {

    .sf-n-payments-table__td--paymentNo,
    .sf-n-payments-table__th--paymentNo {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 1rem;
        margin: 0;
        white-space: nowrap
    }
}

.sf-n-payments-table__th--provider {
    font-weight: 700
}

.sf-n-payments-table__td--provider {
    font-weight: 400
}

.sf-n-payments-table__td--provider,
.sf-n-payments-table__th--provider {
    display: none
}

@media (min-width: 1025px) {

    .sf-n-payments-table__td--provider,
    .sf-n-payments-table__th--provider {
        font-size: .9375rem;
        color: #555;
        display: inline-block;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 1rem;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.sf-n-payments-table__th--date {
    font-weight: 700
}

.sf-n-payments-table__td--date {
    font-weight: 400
}

.sf-n-payments-table__td--date,
.sf-n-payments-table__th--date {
    display: none
}

@media (min-width: 1025px) {

    .sf-n-payments-table__td--date,
    .sf-n-payments-table__th--date {
        font-size: .9375rem;
        color: #555;
        display: inline-block;
        flex: 0 0 15%;
        max-width: 15%;
        padding: 1rem;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.sf-n-payments-table__th--payment-date {
    cursor: pointer
}

.sf-n-payments-table__td--icon {
    display: none
}

@media (min-width: 1025px) {
    .sf-n-payments-table__td--icon {
        flex: 0 0 5%;
        max-width: 5%;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0
    }
}

.sf-n-payments-table__td--state,
.sf-n-payments-table__th--state {
    font-size: .9375rem;
    color: #555;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.sf-n-payments-table__th--state {
    font-weight: 700;
    padding: 1rem
}

@media (min-width: 1025px) {
    .sf-n-payments-table__th--state {
        flex: 0 0 15%;
        max-width: 15%;
        margin: 0
    }
}

.sf-n-payments-table__td--state {
    font-weight: 400
}

@media (min-width: 1025px) {
    .sf-n-payments-table__td--state {
        flex: 0 0 10%;
        max-width: 10%;
        margin: 0
    }
}

.sf-n-payments-table__th--amount {
    font-weight: 700
}

.sf-n-payments-table__td--amount {
    font-weight: 400
}

.sf-n-payments-table__td--amount,
.sf-n-payments-table__th--amount {
    font-size: .9375rem;
    color: #555;
    flex: 0 0 30%;
    max-width: 30%;
    padding: 1rem;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 1025px) {

    .sf-n-payments-table__td--amount,
    .sf-n-payments-table__th--amount {
        flex: 0 0 20%;
        max-width: 20%;
        margin: 0
    }
}

.sf-n-sort-container {
    position: relative;
    cursor: pointer;
    display: inline-block
}

span.sf-n-sort-value {
    padding-right: .5rem;
    font-size: 1.1rem;
    font-weight: 900
}

span.sf-n-sort-order {
    display: none
}

span.sf-n-sort--ASC,
span.sf-n-sort--DESC {
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    bottom: .3125rem;
    border-left: .375rem solid transparent;
    border-right: .375rem solid transparent;
    border-top: .375rem solid #ccc
}

span.sf-n-sort--ASC {
    transform: rotate(180deg)
}

html body .sf-n-platform .sf-n-col,
html body .sf-n-platform .sf-n-col-1,
html body .sf-n-platform .sf-n-col-2,
html body .sf-n-platform .sf-n-col-3,
html body .sf-n-platform .sf-n-col-4,
html body .sf-n-platform .sf-n-col-5,
html body .sf-n-platform .sf-n-col-6,
html body .sf-n-platform .sf-n-col-7,
html body .sf-n-platform .sf-n-col-8,
html body .sf-n-platform .sf-n-col-9,
html body .sf-n-platform .sf-n-col-10,
html body .sf-n-platform .sf-n-col-11,
html body .sf-n-platform .sf-n-col-12,
html body .sf-n-platform .sf-n-col-auto,
html body .sf-n-platform .sf-n-col-lg,
html body .sf-n-platform .sf-n-col-lg-1,
html body .sf-n-platform .sf-n-col-lg-2,
html body .sf-n-platform .sf-n-col-lg-3,
html body .sf-n-platform .sf-n-col-lg-4,
html body .sf-n-platform .sf-n-col-lg-5,
html body .sf-n-platform .sf-n-col-lg-6,
html body .sf-n-platform .sf-n-col-lg-7,
html body .sf-n-platform .sf-n-col-lg-8,
html body .sf-n-platform .sf-n-col-lg-9,
html body .sf-n-platform .sf-n-col-lg-10,
html body .sf-n-platform .sf-n-col-lg-11,
html body .sf-n-platform .sf-n-col-lg-12,
html body .sf-n-platform .sf-n-col-lg-auto,
html body .sf-n-platform .sf-n-col-md,
html body .sf-n-platform .sf-n-col-md-1,
html body .sf-n-platform .sf-n-col-md-2,
html body .sf-n-platform .sf-n-col-md-3,
html body .sf-n-platform .sf-n-col-md-4,
html body .sf-n-platform .sf-n-col-md-5,
html body .sf-n-platform .sf-n-col-md-6,
html body .sf-n-platform .sf-n-col-md-7,
html body .sf-n-platform .sf-n-col-md-8,
html body .sf-n-platform .sf-n-col-md-9,
html body .sf-n-platform .sf-n-col-md-10,
html body .sf-n-platform .sf-n-col-md-11,
html body .sf-n-platform .sf-n-col-md-12,
html body .sf-n-platform .sf-n-col-md-auto,
html body .sf-n-platform .sf-n-col-sm,
html body .sf-n-platform .sf-n-col-sm-1,
html body .sf-n-platform .sf-n-col-sm-2,
html body .sf-n-platform .sf-n-col-sm-3,
html body .sf-n-platform .sf-n-col-sm-4,
html body .sf-n-platform .sf-n-col-sm-5,
html body .sf-n-platform .sf-n-col-sm-6,
html body .sf-n-platform .sf-n-col-sm-7,
html body .sf-n-platform .sf-n-col-sm-8,
html body .sf-n-platform .sf-n-col-sm-9,
html body .sf-n-platform .sf-n-col-sm-10,
html body .sf-n-platform .sf-n-col-sm-11,
html body .sf-n-platform .sf-n-col-sm-12,
html body .sf-n-platform .sf-n-col-sm-auto,
html body .sf-n-platform .sf-n-col-xl,
html body .sf-n-platform .sf-n-col-xl-1,
html body .sf-n-platform .sf-n-col-xl-2,
html body .sf-n-platform .sf-n-col-xl-3,
html body .sf-n-platform .sf-n-col-xl-4,
html body .sf-n-platform .sf-n-col-xl-5,
html body .sf-n-platform .sf-n-col-xl-6,
html body .sf-n-platform .sf-n-col-xl-7,
html body .sf-n-platform .sf-n-col-xl-8,
html body .sf-n-platform .sf-n-col-xl-9,
html body .sf-n-platform .sf-n-col-xl-10,
html body .sf-n-platform .sf-n-col-xl-11,
html body .sf-n-platform .sf-n-col-xl-12,
html body .sf-n-platform .sf-n-col-xl-auto,
html body .sf-n-widget .sf-n-col,
html body .sf-n-widget .sf-n-col-1,
html body .sf-n-widget .sf-n-col-2,
html body .sf-n-widget .sf-n-col-3,
html body .sf-n-widget .sf-n-col-4,
html body .sf-n-widget .sf-n-col-5,
html body .sf-n-widget .sf-n-col-6,
html body .sf-n-widget .sf-n-col-7,
html body .sf-n-widget .sf-n-col-8,
html body .sf-n-widget .sf-n-col-9,
html body .sf-n-widget .sf-n-col-10,
html body .sf-n-widget .sf-n-col-11,
html body .sf-n-widget .sf-n-col-12,
html body .sf-n-widget .sf-n-col-auto,
html body .sf-n-widget .sf-n-col-lg,
html body .sf-n-widget .sf-n-col-lg-1,
html body .sf-n-widget .sf-n-col-lg-2,
html body .sf-n-widget .sf-n-col-lg-3,
html body .sf-n-widget .sf-n-col-lg-4,
html body .sf-n-widget .sf-n-col-lg-5,
html body .sf-n-widget .sf-n-col-lg-6,
html body .sf-n-widget .sf-n-col-lg-7,
html body .sf-n-widget .sf-n-col-lg-8,
html body .sf-n-widget .sf-n-col-lg-9,
html body .sf-n-widget .sf-n-col-lg-10,
html body .sf-n-widget .sf-n-col-lg-11,
html body .sf-n-widget .sf-n-col-lg-12,
html body .sf-n-widget .sf-n-col-lg-auto,
html body .sf-n-widget .sf-n-col-md,
html body .sf-n-widget .sf-n-col-md-1,
html body .sf-n-widget .sf-n-col-md-2,
html body .sf-n-widget .sf-n-col-md-3,
html body .sf-n-widget .sf-n-col-md-4,
html body .sf-n-widget .sf-n-col-md-5,
html body .sf-n-widget .sf-n-col-md-6,
html body .sf-n-widget .sf-n-col-md-7,
html body .sf-n-widget .sf-n-col-md-8,
html body .sf-n-widget .sf-n-col-md-9,
html body .sf-n-widget .sf-n-col-md-10,
html body .sf-n-widget .sf-n-col-md-11,
html body .sf-n-widget .sf-n-col-md-12,
html body .sf-n-widget .sf-n-col-md-auto,
html body .sf-n-widget .sf-n-col-sm,
html body .sf-n-widget .sf-n-col-sm-1,
html body .sf-n-widget .sf-n-col-sm-2,
html body .sf-n-widget .sf-n-col-sm-3,
html body .sf-n-widget .sf-n-col-sm-4,
html body .sf-n-widget .sf-n-col-sm-5,
html body .sf-n-widget .sf-n-col-sm-6,
html body .sf-n-widget .sf-n-col-sm-7,
html body .sf-n-widget .sf-n-col-sm-8,
html body .sf-n-widget .sf-n-col-sm-9,
html body .sf-n-widget .sf-n-col-sm-10,
html body .sf-n-widget .sf-n-col-sm-11,
html body .sf-n-widget .sf-n-col-sm-12,
html body .sf-n-widget .sf-n-col-sm-auto,
html body .sf-n-widget .sf-n-col-xl,
html body .sf-n-widget .sf-n-col-xl-1,
html body .sf-n-widget .sf-n-col-xl-2,
html body .sf-n-widget .sf-n-col-xl-3,
html body .sf-n-widget .sf-n-col-xl-4,
html body .sf-n-widget .sf-n-col-xl-5,
html body .sf-n-widget .sf-n-col-xl-6,
html body .sf-n-widget .sf-n-col-xl-7,
html body .sf-n-widget .sf-n-col-xl-8,
html body .sf-n-widget .sf-n-col-xl-9,
html body .sf-n-widget .sf-n-col-xl-10,
html body .sf-n-widget .sf-n-col-xl-11,
html body .sf-n-widget .sf-n-col-xl-12,
html body .sf-n-widget .sf-n-col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px
}

html body .sf-n-platform .sf-n-col-fill,
html body .sf-n-widget .sf-n-col-fill {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

html body .sf-n-platform .sf-n-col-auto,
html body .sf-n-widget .sf-n-col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

html body .sf-n-platform .sf-n-col-1,
html body .sf-n-widget .sf-n-col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

html body .sf-n-platform .sf-n-col-2,
html body .sf-n-widget .sf-n-col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

html body .sf-n-platform .sf-n-col-3,
html body .sf-n-widget .sf-n-col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

html body .sf-n-platform .sf-n-col-4,
html body .sf-n-widget .sf-n-col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

html body .sf-n-platform .sf-n-col-5,
html body .sf-n-widget .sf-n-col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

html body .sf-n-platform .sf-n-col-6,
html body .sf-n-widget .sf-n-col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

html body .sf-n-platform .sf-n-col-7,
html body .sf-n-widget .sf-n-col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

html body .sf-n-platform .sf-n-col-8,
html body .sf-n-widget .sf-n-col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

html body .sf-n-platform .sf-n-col-9,
html body .sf-n-widget .sf-n-col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

html body .sf-n-platform .sf-n-col-10,
html body .sf-n-widget .sf-n-col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

html body .sf-n-platform .sf-n-col-11,
html body .sf-n-widget .sf-n-col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

html body .sf-n-platform .sf-n-col-12,
html body .sf-n-widget .sf-n-col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 576px) {

    html body .sf-n-platform .sf-n-col-sm-fill,
    html body .sf-n-widget .sf-n-col-sm-fill {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .sf-n-platform .sf-n-col-sm-auto,
    html body .sf-n-widget .sf-n-col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    html body .sf-n-platform .sf-n-col-sm-1,
    html body .sf-n-widget .sf-n-col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    html body .sf-n-platform .sf-n-col-sm-2,
    html body .sf-n-widget .sf-n-col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    html body .sf-n-platform .sf-n-col-sm-3,
    html body .sf-n-widget .sf-n-col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .sf-n-platform .sf-n-col-sm-4,
    html body .sf-n-widget .sf-n-col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    html body .sf-n-platform .sf-n-col-sm-5,
    html body .sf-n-widget .sf-n-col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    html body .sf-n-platform .sf-n-col-sm-6,
    html body .sf-n-widget .sf-n-col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .sf-n-platform .sf-n-col-sm-7,
    html body .sf-n-widget .sf-n-col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    html body .sf-n-platform .sf-n-col-sm-8,
    html body .sf-n-widget .sf-n-col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    html body .sf-n-platform .sf-n-col-sm-9,
    html body .sf-n-widget .sf-n-col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .sf-n-platform .sf-n-col-sm-10,
    html body .sf-n-widget .sf-n-col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    html body .sf-n-platform .sf-n-col-sm-11,
    html body .sf-n-widget .sf-n-col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    html body .sf-n-platform .sf-n-col-sm-12,
    html body .sf-n-widget .sf-n-col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1025px) {

    html body .sf-n-platform .sf-n-col-md-fill,
    html body .sf-n-widget .sf-n-col-md-fill {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .sf-n-platform .sf-n-col-md-auto,
    html body .sf-n-widget .sf-n-col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    html body .sf-n-platform .sf-n-col-md-1,
    html body .sf-n-widget .sf-n-col-md-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    html body .sf-n-platform .sf-n-col-md-2,
    html body .sf-n-widget .sf-n-col-md-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    html body .sf-n-platform .sf-n-col-md-3,
    html body .sf-n-widget .sf-n-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .sf-n-platform .sf-n-col-md-4,
    html body .sf-n-widget .sf-n-col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    html body .sf-n-platform .sf-n-col-md-5,
    html body .sf-n-widget .sf-n-col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    html body .sf-n-platform .sf-n-col-md-6,
    html body .sf-n-widget .sf-n-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .sf-n-platform .sf-n-col-md-7,
    html body .sf-n-widget .sf-n-col-md-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    html body .sf-n-platform .sf-n-col-md-8,
    html body .sf-n-widget .sf-n-col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    html body .sf-n-platform .sf-n-col-md-9,
    html body .sf-n-widget .sf-n-col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .sf-n-platform .sf-n-col-md-10,
    html body .sf-n-widget .sf-n-col-md-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    html body .sf-n-platform .sf-n-col-md-11,
    html body .sf-n-widget .sf-n-col-md-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    html body .sf-n-platform .sf-n-col-md-12,
    html body .sf-n-widget .sf-n-col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1281px) {

    html body .sf-n-platform .sf-n-col-lg-fill,
    html body .sf-n-widget .sf-n-col-lg-fill {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .sf-n-platform .sf-n-col-lg-auto,
    html body .sf-n-widget .sf-n-col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    html body .sf-n-platform .sf-n-col-lg-1,
    html body .sf-n-widget .sf-n-col-lg-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    html body .sf-n-platform .sf-n-col-lg-2,
    html body .sf-n-widget .sf-n-col-lg-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    html body .sf-n-platform .sf-n-col-lg-3,
    html body .sf-n-widget .sf-n-col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .sf-n-platform .sf-n-col-lg-4,
    html body .sf-n-widget .sf-n-col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    html body .sf-n-platform .sf-n-col-lg-5,
    html body .sf-n-widget .sf-n-col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    html body .sf-n-platform .sf-n-col-lg-6,
    html body .sf-n-widget .sf-n-col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .sf-n-platform .sf-n-col-lg-7,
    html body .sf-n-widget .sf-n-col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    html body .sf-n-platform .sf-n-col-lg-8,
    html body .sf-n-widget .sf-n-col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    html body .sf-n-platform .sf-n-col-lg-9,
    html body .sf-n-widget .sf-n-col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .sf-n-platform .sf-n-col-lg-10,
    html body .sf-n-widget .sf-n-col-lg-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    html body .sf-n-platform .sf-n-col-lg-11,
    html body .sf-n-widget .sf-n-col-lg-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    html body .sf-n-platform .sf-n-col-lg-12,
    html body .sf-n-widget .sf-n-col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1920px) {

    html body .sf-n-platform .sf-n-col-xl-fill,
    html body .sf-n-widget .sf-n-col-xl-fill {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .sf-n-platform .sf-n-col-xl-auto,
    html body .sf-n-widget .sf-n-col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    html body .sf-n-platform .sf-n-col-xl-1,
    html body .sf-n-widget .sf-n-col-xl-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    html body .sf-n-platform .sf-n-col-xl-2,
    html body .sf-n-widget .sf-n-col-xl-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    html body .sf-n-platform .sf-n-col-xl-3,
    html body .sf-n-widget .sf-n-col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .sf-n-platform .sf-n-col-xl-4,
    html body .sf-n-widget .sf-n-col-xl-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    html body .sf-n-platform .sf-n-col-xl-5,
    html body .sf-n-widget .sf-n-col-xl-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    html body .sf-n-platform .sf-n-col-xl-6,
    html body .sf-n-widget .sf-n-col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .sf-n-platform .sf-n-col-xl-7,
    html body .sf-n-widget .sf-n-col-xl-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    html body .sf-n-platform .sf-n-col-xl-8,
    html body .sf-n-widget .sf-n-col-xl-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    html body .sf-n-platform .sf-n-col-xl-9,
    html body .sf-n-widget .sf-n-col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .sf-n-platform .sf-n-col-xl-10,
    html body .sf-n-widget .sf-n-col-xl-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    html body .sf-n-platform .sf-n-col-xl-11,
    html body .sf-n-widget .sf-n-col-xl-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    html body .sf-n-platform .sf-n-col-xl-12,
    html body .sf-n-widget .sf-n-col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

html body .sf-n-platform .sf-n-flex-row,
html body .sf-n-widget .sf-n-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

html body .sf-n-platform .sf-n-flex-column,
html body .sf-n-widget .sf-n-flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

html body .sf-n-platform .sf-n-alpha,
html body .sf-n-widget .sf-n-alpha {
    opacity: .7
}

html body .sf-n-platform .sf-n-disabled,
html body .sf-n-widget .sf-n-disabled {
    pointer-events: none
}

html body .sf-n-platform .sf-n-align-self-auto,
html body .sf-n-widget .sf-n-align-self-auto {
    align-self: auto
}

html body .sf-n-platform .sf-n-align-self-start,
html body .sf-n-widget .sf-n-align-self-start {
    align-self: flex-start
}

html body .sf-n-platform .sf-n-align-self-end,
html body .sf-n-widget .sf-n-align-self-end {
    align-self: flex-end
}

html body .sf-n-platform .sf-n-align-self-center,
html body .sf-n-widget .sf-n-align-self-center {
    align-self: center
}

html body .sf-n-platform .sf-n-align-self-baseline,
html body .sf-n-widget .sf-n-align-self-baseline {
    align-self: baseline
}

html body .sf-n-platform .sf-n-align-self-stretch,
html body .sf-n-widget .sf-n-align-self-stretch {
    align-self: stretch
}

html body .sf-n-platform .sf-n-justify-content-start,
html body .sf-n-widget .sf-n-justify-content-start {
    justify-content: flex-start
}

html body .sf-n-platform .sf-n-justify-content-end,
html body .sf-n-widget .sf-n-justify-content-end {
    justify-content: flex-end
}

html body .sf-n-platform .sf-n-justify-content-center,
html body .sf-n-widget .sf-n-justify-content-center {
    justify-content: center
}

html body .sf-n-platform .sf-n-justify-content-between,
html body .sf-n-widget .sf-n-justify-content-between {
    justify-content: space-between
}

html body .sf-n-platform .sf-n-justify-content-around,
html body .sf-n-widget .sf-n-justify-content-around {
    justify-content: space-around
}

html body .sf-n-platform .sf-n-align-items-start,
html body .sf-n-widget .sf-n-align-items-start {
    align-items: flex-start
}

html body .sf-n-platform .sf-n-align-items-end,
html body .sf-n-widget .sf-n-align-items-end {
    align-items: flex-end
}

html body .sf-n-platform .sf-n-align-items-center,
html body .sf-n-widget .sf-n-align-items-center {
    align-items: center
}

html body .sf-n-platform .sf-n-align-items-baseline,
html body .sf-n-widget .sf-n-align-items-baseline {
    align-items: baseline
}

html body .sf-n-platform .sf-n-align-items-stretch,
html body .sf-n-widget .sf-n-align-items-stretch {
    align-items: stretch
}

html body .sf-n-platform .sf-n-bg-dark-neutral-soft,
html body .sf-n-widget .sf-n-bg-dark-neutral-soft {
    background-color: #949494
}

html body .sf-n-platform .sf-n-bg-dark-neutral-light,
html body .sf-n-widget .sf-n-bg-dark-neutral-light {
    background-color: #ccc
}

html body .sf-n-platform .sf-n-bg-dark-neutral-medium,
html body .sf-n-widget .sf-n-bg-dark-neutral-medium {
    background-color: #757575
}

html body .sf-n-platform .sf-n-bg-light-neutral-dark,
html body .sf-n-widget .sf-n-bg-light-neutral-dark {
    background-color: #ddd
}

html body .sf-n-platform .sf-n-bg-light-neutral-medium,
html body .sf-n-widget .sf-n-bg-light-neutral-medium {
    background-color: #f2f2f2
}

html body .sf-n-platform .sf-n-bg-light-neutral-soft,
html body .sf-n-widget .sf-n-bg-light-neutral-soft {
    background-color: #fafafa
}

html body .sf-n-platform .sf-n-bg-light-neutral-light,
html body .sf-n-widget .sf-n-bg-light-neutral-light {
    background-color: #fff
}

html body .sf-n-platform .sf-n-bg-transparent,
html body .sf-n-widget .sf-n-bg-transparent {
    background-color: transparent
}

html body .sf-n-platform .sf-n-bg-primary-light,
html body .sf-n-widget .sf-n-bg-primary-light {
    background-color: rgba(55, 103, 139, .3)
}

html body .sf-n-platform .sf-n-bg-primary-soft,
html body .sf-n-widget .sf-n-bg-primary-soft {
    background-color: #37678b
}

html body .sf-n-platform .sf-n-bg-primary-medium,
html body .sf-n-widget .sf-n-bg-primary-medium {
    background-color: #2cc7ff
}

html body .sf-n-platform .sf-n-bg-primary-dark,
html body .sf-n-widget .sf-n-bg-primary-dark {
    background-color: #15c1ff
}

html body .sf-n-platform .sf-n-bg-secondary-medium,
html body .sf-n-platform .sf-n-bg-secondary-soft,
html body .sf-n-widget .sf-n-bg-secondary-medium,
html body .sf-n-widget .sf-n-bg-secondary-soft {
    background-color: #009d4c
}

html body .sf-n-platform .sf-n-bg-secondary-dark,
html body .sf-n-widget .sf-n-bg-secondary-dark {
    background-color: #2c3e50
}

html body .sf-n-platform .sf-n-bg-danger-medium,
html body .sf-n-widget .sf-n-bg-danger-medium {
    background-color: #f44c51
}

html body .sf-n-platform .sf-n-bg-warning-medium,
html body .sf-n-widget .sf-n-bg-warning-medium {
    background-color: #ffb644
}

html body .sf-n-platform .sf-n-bg-success-light,
html body .sf-n-widget .sf-n-bg-success-light {
    background-color: rgba(40, 146, 70, .25)
}

html body .sf-n-platform .sf-n-bg-success-medium,
html body .sf-n-widget .sf-n-bg-success-medium {
    background-color: #5ccea6
}

html body .sf-n-platform .sf-n-bg-success-dark,
html body .sf-n-widget .sf-n-bg-success-dark {
    background-color: #4ac99d
}

html body .sf-n-platform .sf-n-bg-income-dark,
html body .sf-n-platform .sf-n-bg-income-soft,
html body .sf-n-widget .sf-n-bg-income-dark,
html body .sf-n-widget .sf-n-bg-income-soft {
    background-color: #00b052
}

html body .sf-n-platform .sf-n-bg-expenses-dark,
html body .sf-n-platform .sf-n-bg-expenses-soft,
html body .sf-n-widget .sf-n-bg-expenses-dark,
html body .sf-n-widget .sf-n-bg-expenses-soft {
    background-color: #d65836
}

html body .sf-n-platform .sf-n-pg-dark-neutral-dark,
html body .sf-n-widget .sf-n-pg-dark-neutral-dark {
    background-color: #555
}

html body .sf-n-platform .sf-n-pg-light-neutral-dark,
html body .sf-n-widget .sf-n-pg-light-neutral-dark {
    background-color: #ddd
}

html body .sf-n-platform .sf-n-pg-total,
html body .sf-n-widget .sf-n-pg-total {
    background-color: #009d4c
}

html body .sf-n-platform .sf-n-pg-light-total,
html body .sf-n-widget .sf-n-pg-light-total {
    background-color: #ddd
}

html body .sf-n-platform .sf-n-pg-income,
html body .sf-n-widget .sf-n-pg-income {
    background-color: #5ccea6
}

html body .sf-n-platform .sf-n-pg-light-income,
html body .sf-n-widget .sf-n-pg-light-income {
    background-color: #b7e9d8
}

html body .sf-n-platform .sf-n-pg-expenses,
html body .sf-n-widget .sf-n-pg-expenses {
    background-color: #d65836
}

html body .sf-n-platform .sf-n-pg-light-expenses,
html body .sf-n-widget .sf-n-pg-light-expenses {
    background-color: #a1e6ff
}

html body .sf-n-platform .sf-n-ba,
html body .sf-n-widget .sf-n-ba {
    border-style: solid;
    border-width: 1px
}

html body .sf-n-platform .sf-n-bt,
html body .sf-n-widget .sf-n-bt {
    border-top-style: solid;
    border-top-width: 1px
}

html body .sf-n-platform .sf-n-br,
html body .sf-n-widget .sf-n-br {
    border-right-style: solid;
    border-right-width: 1px
}

html body .sf-n-platform .sf-n-bb,
html body .sf-n-widget .sf-n-bb {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

html body .sf-n-platform .sf-n-bl,
html body .sf-n-widget .sf-n-bl {
    border-left-style: solid;
    border-left-width: 1px
}

html body .sf-n-platform .sf-n-bn,
html body .sf-n-widget .sf-n-bn {
    border-style: none;
    border-width: 0
}

html body .sf-n-platform .sf-n-bc-light-neutral-light,
html body .sf-n-widget .sf-n-bc-light-neutral-light {
    border-color: #fff
}

html body .sf-n-platform .sf-n-bc-light-neutral-medium,
html body .sf-n-widget .sf-n-bc-light-neutral-medium {
    border-color: #f2f2f2
}

html body .sf-n-platform .sf-n-bc-light-neutral-dark,
html body .sf-n-widget .sf-n-bc-light-neutral-dark {
    border-color: #ddd
}

html body .sf-n-platform .sf-n-bc-dark-neutral-light,
html body .sf-n-widget .sf-n-bc-dark-neutral-light {
    border-color: #ccc
}
html body .sf-n-platform .sf-n-bc-dark-neutral-light.no-clickable .sf-n-flex-row,
html body .sf-n-widget .sf-n-bc-dark-neutral-light.no-clickable .sf-n-flex-row {
    opacity: .5;
    cursor: auto;
}

html body .sf-n-platform .sf-n-br0,
html body .sf-n-widget .sf-n-br0 {
    border-radius: 0
}

html body .sf-n-platform .sf-n-br1,
html body .sf-n-widget .sf-n-br1 {
    border-radius: .125rem
}

html body .sf-n-platform .sf-n-br2,
html body .sf-n-widget .sf-n-br2 {
    border-radius: .25rem
}

html body .sf-n-platform .sf-n-br3,
html body .sf-n-widget .sf-n-br3 {
    border-radius: .5rem
}

html body .sf-n-platform .sf-n-br4,
html body .sf-n-widget .sf-n-br4 {
    border-radius: 1rem
}

html body .sf-n-platform .sf-n-br100,
html body .sf-n-widget .sf-n-br100 {
    border-radius: 100%
}

html body .sf-n-platform .sf-n-ta-left,
html body .sf-n-widget .sf-n-ta-left {
    text-align: left
}

html body .sf-n-platform .sf-n-ta-center,
html body .sf-n-widget .sf-n-ta-center {
    text-align: center
}

html body .sf-n-platform .sf-n-ta-right,
html body .sf-n-widget .sf-n-ta-right {
    text-align: right
}

html body .sf-n-platform .sf-n-ta-inherit,
html body .sf-n-widget .sf-n-ta-inherit {
    text-align: inherit
}

html body .sf-n-platform .sf-n-cursor-pointer,
html body .sf-n-widget .sf-n-cursor-pointer {
    cursor: pointer
}

html body .sf-n-platform .sf-n-cursor-default,
html body .sf-n-widget .sf-n-cursor-default {
    cursor: default
}

html body .sf-n-platform .sf-n-dark-neutral-medium,
html body .sf-n-widget .sf-n-dark-neutral-medium {
    color: #757575
}

html body .sf-n-platform .sf-n-secondary-light,
html body .sf-n-widget .sf-n-secondary-light {
    color: #bfc5ca
}

html body .sf-n-platform .sf-n-secondary-medium,
html body .sf-n-widget .sf-n-secondary-medium {
    color: #374859
}

html body .sf-n-platform .sf-n-secondary-dark,
html body .sf-n-widget .sf-n-secondary-dark {
    color: #2c3e50
}

html body .sf-n-platform .sf-n-dark-neutral-dark,
html body .sf-n-widget .sf-n-dark-neutral-dark {
    color: #555
}

html body .sf-n-platform .sf-n-dark-neutral-soft,
html body .sf-n-widget .sf-n-dark-neutral-soft {
    color: #949494
}

html body .sf-n-platform .sf-n-dark-neutral-light,
html body .sf-n-widget .sf-n-dark-neutral-light {
    color: #ccc
}

html body .sf-n-platform .sf-n-light-neutral-light,
html body .sf-n-widget .sf-n-light-neutral-light {
    color: #fff
}

html body .sf-n-platform .sf-n-inherit,
html body .sf-n-widget .sf-n-inherit {
    color: inherit
}

html body .sf-n-platform .sf-n-danger-soft,
html body .sf-n-widget .sf-n-danger-soft {
    color: #f66b6f
}

html body .sf-n-platform .sf-n-warning-soft,
html body .sf-n-widget .sf-n-warning-soft {
    color: #ffc364
}

html body .sf-n-platform .sf-n-warning-medium,
html body .sf-n-widget .sf-n-warning-medium {
    color: #ffb644
}

html body .sf-n-platform .sf-n-success-soft,
html body .sf-n-widget .sf-n-success-soft {
    color: #009d4c
}

html body .sf-n-platform .sf-n-success-light,
html body .sf-n-widget .sf-n-success-light {
    color: #b7e9d8
}

html body .sf-n-platform .sf-n-success-medium,
html body .sf-n-widget .sf-n-success-medium {
    color: #5ccea6
}

html body .sf-n-platform .sf-n-success-dark,
html body .sf-n-widget .sf-n-success-dark {
    color: #4ac99d
}

html body .sf-n-platform .sf-n-primary-light,
html body .sf-n-widget .sf-n-primary-light {
    color: #a1e6ff
}

html body .sf-n-platform .sf-n-primary-soft,
html body .sf-n-widget .sf-n-primary-soft {
    color: #d65836
}

html body .sf-n-platform .sf-n-primary-medium,
html body .sf-n-widget .sf-n-primary-medium {
    color: #2cc7ff
}

html body .sf-n-platform .sf-n-expenses-light,
html body .sf-n-widget .sf-n-expenses-light {
    color: #a1e6ff
}

html body .sf-n-platform .sf-n-expenses-soft,
html body .sf-n-widget .sf-n-expenses-soft {
    color: #50d1ff
}

html body .sf-n-platform .sf-n-expenses-medium,
html body .sf-n-widget .sf-n-expenses-medium {
    color: #2cc7ff
}

html body .sf-n-platform .sf-n-income-light,
html body .sf-n-widget .sf-n-income-light {
    color: #b7e9d8
}

html body .sf-n-platform .sf-n-income-soft,
html body .sf-n-widget .sf-n-income-soft {
    color: #78d7b6
}

html body .sf-n-platform .sf-n-income-medium,
html body .sf-n-widget .sf-n-income-medium {
    color: #5ccea6
}

html body .sf-n-platform .sf-n-information-medium,
html body .sf-n-widget .sf-n-information-medium {
    color: #2cc7ff
}

html body .sf-n-platform .sf-n-danger-medium,
html body .sf-n-widget .sf-n-danger-medium {
    color: #f44c51
}

html body .sf-n-platform .sf-n-fw-thin,
html body .sf-n-widget .sf-n-fw-thin {
    font-weight: 300
}

html body .sf-n-platform .sf-n-fw-normal,
html body .sf-n-widget .sf-n-fw-normal {
    font-weight: 400
}

html body .sf-n-platform .sf-n-fw-bold,
html body .sf-n-widget .sf-n-fw-bold {
    font-weight: 700
}

html body .sf-n-platform .sf-n-fs-italic,
html body .sf-n-widget .sf-n-fs-italic {
    font-style: italic
}

html body .sf-n-platform .sf-n-fs-normal,
html body .sf-n-widget .sf-n-fs-normal {
    font-style: normal
}

html body .sf-n-platform .sf-n-fs-oblique,
html body .sf-n-widget .sf-n-fs-oblique {
    font-style: oblique
}

html body .sf-n-platform .sf-n-caps,
html body .sf-n-widget .sf-n-caps {
    text-transform: uppercase
}

html body .sf-n-platform .sf-n-pa0,
html body .sf-n-widget .sf-n-pa0 {
    padding: 0
}

html body .sf-n-platform .sf-n-pa1,
html body .sf-n-widget .sf-n-pa1 {
    padding: .125rem
}

html body .sf-n-platform .sf-n-pa2,
html body .sf-n-widget .sf-n-pa2 {
    padding: .25rem
}

html body .sf-n-platform .sf-n-pa3,
html body .sf-n-widget .sf-n-pa3 {
    padding: .5rem
}

html body .sf-n-platform .sf-n-pa4,
html body .sf-n-widget .sf-n-pa4 {
    padding: 1rem
}

html body .sf-n-platform .sf-n-pa5,
html body .sf-n-widget .sf-n-pa5 {
    padding: 1.5rem
}

html body .sf-n-platform .sf-n-pa6,
html body .sf-n-widget .sf-n-pa6 {
    padding: 2rem
}

html body .sf-n-platform .sf-n-pl0,
html body .sf-n-widget .sf-n-pl0 {
    padding-left: 0
}

html body .sf-n-platform .sf-n-pl1,
html body .sf-n-widget .sf-n-pl1 {
    padding-left: .125rem
}

html body .sf-n-platform .sf-n-pl2,
html body .sf-n-widget .sf-n-pl2 {
    padding-left: .25rem
}

html body .sf-n-platform .sf-n-pl3,
html body .sf-n-widget .sf-n-pl3 {
    padding-left: .5rem
}

html body .sf-n-platform .sf-n-pl4,
html body .sf-n-widget .sf-n-pl4 {
    padding-left: 1rem
}

html body .sf-n-platform .sf-n-pl5,
html body .sf-n-widget .sf-n-pl5 {
    padding-left: 1.5rem
}

html body .sf-n-platform .sf-n-pl6,
html body .sf-n-widget .sf-n-pl6 {
    padding-left: 2rem
}

html body .sf-n-platform .sf-n-pr0,
html body .sf-n-widget .sf-n-pr0 {
    padding-right: 0
}

html body .sf-n-platform .sf-n-pr1,
html body .sf-n-widget .sf-n-pr1 {
    padding-right: .125rem
}

html body .sf-n-platform .sf-n-pr2,
html body .sf-n-widget .sf-n-pr2 {
    padding-right: .25rem
}

html body .sf-n-platform .sf-n-pr3,
html body .sf-n-widget .sf-n-pr3 {
    padding-right: .5rem
}

html body .sf-n-platform .sf-n-pr4,
html body .sf-n-widget .sf-n-pr4 {
    padding-right: 1rem
}

html body .sf-n-platform .sf-n-pr5,
html body .sf-n-widget .sf-n-pr5 {
    padding-right: 1.5rem
}

html body .sf-n-platform .sf-n-pr6,
html body .sf-n-widget .sf-n-pr6 {
    padding-right: 2rem
}

html body .sf-n-platform .sf-n-pb0,
html body .sf-n-widget .sf-n-pb0 {
    padding-bottom: 0
}

html body .sf-n-platform .sf-n-pb1,
html body .sf-n-widget .sf-n-pb1 {
    padding-bottom: .125rem
}

html body .sf-n-platform .sf-n-pb2,
html body .sf-n-widget .sf-n-pb2 {
    padding-bottom: .25rem
}

html body .sf-n-platform .sf-n-pb3,
html body .sf-n-widget .sf-n-pb3 {
    padding-bottom: .5rem
}

html body .sf-n-platform .sf-n-pb4,
html body .sf-n-widget .sf-n-pb4 {
    padding-bottom: 1rem
}

html body .sf-n-platform .sf-n-pb5,
html body .sf-n-widget .sf-n-pb5 {
    padding-bottom: 1.5rem
}

html body .sf-n-platform .sf-n-pb6,
html body .sf-n-widget .sf-n-pb6 {
    padding-bottom: 2rem
}

html body .sf-n-platform .sf-n-pt0,
html body .sf-n-widget .sf-n-pt0 {
    padding-top: 0
}

html body .sf-n-platform .sf-n-pt1,
html body .sf-n-widget .sf-n-pt1 {
    padding-top: .125rem
}

html body .sf-n-platform .sf-n-pt2,
html body .sf-n-widget .sf-n-pt2 {
    padding-top: .25rem
}

html body .sf-n-platform .sf-n-pt3,
html body .sf-n-widget .sf-n-pt3 {
    padding-top: .5rem
}

html body .sf-n-platform .sf-n-pt4,
html body .sf-n-widget .sf-n-pt4 {
    padding-top: 1rem
}

html body .sf-n-platform .sf-n-pt5,
html body .sf-n-widget .sf-n-pt5 {
    padding-top: 1.5rem
}

html body .sf-n-platform .sf-n-pt6,
html body .sf-n-widget .sf-n-pt6 {
    padding-top: 2rem
}

html body .sf-n-platform .sf-n-pv0,
html body .sf-n-widget .sf-n-pv0 {
    padding-top: 0;
    padding-bottom: 0
}

html body .sf-n-platform .sf-n-pv1,
html body .sf-n-widget .sf-n-pv1 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

html body .sf-n-platform .sf-n-pv2,
html body .sf-n-widget .sf-n-pv2 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

html body .sf-n-platform .sf-n-pv3,
html body .sf-n-widget .sf-n-pv3 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

html body .sf-n-platform .sf-n-pv4,
html body .sf-n-widget .sf-n-pv4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

html body .sf-n-platform .sf-n-pv5,
html body .sf-n-widget .sf-n-pv5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

html body .sf-n-platform .sf-n-pv6,
html body .sf-n-widget .sf-n-pv6 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

html body .sf-n-platform .sf-n-ph0,
html body .sf-n-widget .sf-n-ph0 {
    padding-left: 0;
    padding-right: 0
}

html body .sf-n-platform .sf-n-ph1,
html body .sf-n-widget .sf-n-ph1 {
    padding-left: .125rem;
    padding-right: .125rem
}

html body .sf-n-platform .sf-n-ph2,
html body .sf-n-widget .sf-n-ph2 {
    padding-left: .25rem;
    padding-right: .25rem
}

html body .sf-n-platform .sf-n-ph3,
html body .sf-n-widget .sf-n-ph3 {
    padding-left: .5rem;
    padding-right: .5rem
}

html body .sf-n-platform .sf-n-ph4,
html body .sf-n-widget .sf-n-ph4 {
    padding-left: 1rem;
    padding-right: 1rem
}

html body .sf-n-platform .sf-n-ph5,
html body .sf-n-widget .sf-n-ph5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

html body .sf-n-platform .sf-n-ph6,
html body .sf-n-widget .sf-n-ph6 {
    padding-left: 2rem;
    padding-right: 2rem
}

html body .sf-n-platform .sf-n-ma0,
html body .sf-n-widget .sf-n-ma0 {
    margin: 0
}

html body .sf-n-platform .sf-n-ma1,
html body .sf-n-widget .sf-n-ma1 {
    margin: .125rem
}

html body .sf-n-platform .sf-n-ma2,
html body .sf-n-widget .sf-n-ma2 {
    margin: .25rem
}

html body .sf-n-platform .sf-n-ma3,
html body .sf-n-widget .sf-n-ma3 {
    margin: .5rem
}

html body .sf-n-platform .sf-n-ma4,
html body .sf-n-widget .sf-n-ma4 {
    margin: 1rem
}

html body .sf-n-platform .sf-n-ma5,
html body .sf-n-widget .sf-n-ma5 {
    margin: 1.5rem
}

html body .sf-n-platform .sf-n-ma6,
html body .sf-n-widget .sf-n-ma6 {
    margin: 2rem
}

html body .sf-n-platform .sf-n-ml0,
html body .sf-n-widget .sf-n-ml0 {
    margin-left: 0
}

html body .sf-n-platform .sf-n-ml1,
html body .sf-n-widget .sf-n-ml1 {
    margin-left: .125rem
}

html body .sf-n-platform .sf-n-ml2,
html body .sf-n-widget .sf-n-ml2 {
    margin-left: .25rem
}

html body .sf-n-platform .sf-n-ml3,
html body .sf-n-widget .sf-n-ml3 {
    margin-left: .5rem
}

html body .sf-n-platform .sf-n-ml4,
html body .sf-n-widget .sf-n-ml4 {
    margin-left: 1rem
}

html body .sf-n-platform .sf-n-ml5,
html body .sf-n-widget .sf-n-ml5 {
    margin-left: 1.5rem
}

html body .sf-n-platform .sf-n-ml6,
html body .sf-n-widget .sf-n-ml6 {
    margin-left: 2rem
}

html body .sf-n-platform .sf-n-mr0,
html body .sf-n-widget .sf-n-mr0 {
    margin-right: 0
}

html body .sf-n-platform .sf-n-mr1,
html body .sf-n-widget .sf-n-mr1 {
    margin-right: .125rem
}

html body .sf-n-platform .sf-n-mr2,
html body .sf-n-widget .sf-n-mr2 {
    margin-right: .25rem
}

html body .sf-n-platform .sf-n-mr3,
html body .sf-n-widget .sf-n-mr3 {
    margin-right: .5rem
}

html body .sf-n-platform .sf-n-mr4,
html body .sf-n-widget .sf-n-mr4 {
    margin-right: 1rem
}

html body .sf-n-platform .sf-n-mr5,
html body .sf-n-widget .sf-n-mr5 {
    margin-right: 1.5rem
}

html body .sf-n-platform .sf-n-mr6,
html body .sf-n-widget .sf-n-mr6 {
    margin-right: 2rem
}

html body .sf-n-platform .sf-n-mb0,
html body .sf-n-widget .sf-n-mb0 {
    margin-bottom: 0
}

html body .sf-n-platform .sf-n-mb1,
html body .sf-n-widget .sf-n-mb1 {
    margin-bottom: .125rem
}

html body .sf-n-platform .sf-n-mb2,
html body .sf-n-widget .sf-n-mb2 {
    margin-bottom: .25rem
}

html body .sf-n-platform .sf-n-mb3,
html body .sf-n-widget .sf-n-mb3 {
    margin-bottom: .5rem
}

html body .sf-n-platform .sf-n-mb4,
html body .sf-n-widget .sf-n-mb4 {
    margin-bottom: 1rem
}

html body .sf-n-platform .sf-n-mb5,
html body .sf-n-widget .sf-n-mb5 {
    margin-bottom: 1.5rem
}

html body .sf-n-platform .sf-n-mb6,
html body .sf-n-widget .sf-n-mb6 {
    margin-bottom: 2rem
}

html body .sf-n-platform .sf-n-mt0,
html body .sf-n-widget .sf-n-mt0 {
    margin-top: 0
}

html body .sf-n-platform .sf-n-mt1,
html body .sf-n-widget .sf-n-mt1 {
    margin-top: .125rem
}

html body .sf-n-platform .sf-n-mt2,
html body .sf-n-widget .sf-n-mt2 {
    margin-top: .25rem
}

html body .sf-n-platform .sf-n-mt3,
html body .sf-n-widget .sf-n-mt3 {
    margin-top: .5rem
}

html body .sf-n-platform .sf-n-mt4,
html body .sf-n-widget .sf-n-mt4 {
    margin-top: 1rem
}

html body .sf-n-platform .sf-n-mt5,
html body .sf-n-widget .sf-n-mt5 {
    margin-top: 1.5rem
}

html body .sf-n-platform .sf-n-mt6,
html body .sf-n-widget .sf-n-mt6 {
    margin-top: 2rem
}

html body .sf-n-platform .sf-n-mv0,
html body .sf-n-widget .sf-n-mv0 {
    margin-top: 0;
    margin-bottom: 0
}

html body .sf-n-platform .sf-n-mv1,
html body .sf-n-widget .sf-n-mv1 {
    margin-top: .125rem;
    margin-bottom: .125rem
}

html body .sf-n-platform .sf-n-mv2,
html body .sf-n-widget .sf-n-mv2 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

html body .sf-n-platform .sf-n-mv3,
html body .sf-n-widget .sf-n-mv3 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

html body .sf-n-platform .sf-n-mv4,
html body .sf-n-widget .sf-n-mv4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

html body .sf-n-platform .sf-n-mv5,
html body .sf-n-widget .sf-n-mv5 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

html body .sf-n-platform .sf-n-mv6,
html body .sf-n-widget .sf-n-mv6 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

html body .sf-n-platform .sf-n-mh0,
html body .sf-n-widget .sf-n-mh0 {
    margin-left: 0;
    margin-right: 0
}

html body .sf-n-platform .sf-n-mh1,
html body .sf-n-widget .sf-n-mh1 {
    margin-left: .125rem;
    margin-right: .125rem
}

html body .sf-n-platform .sf-n-mh2,
html body .sf-n-widget .sf-n-mh2 {
    margin-left: .25rem;
    margin-right: .25rem
}

html body .sf-n-platform .sf-n-mh3,
html body .sf-n-widget .sf-n-mh3 {
    margin-left: .5rem;
    margin-right: .5rem
}

html body .sf-n-platform .sf-n-mh4,
html body .sf-n-widget .sf-n-mh4 {
    margin-left: 1rem;
    margin-right: 1rem
}

html body .sf-n-platform .sf-n-mh5,
html body .sf-n-widget .sf-n-mh5 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

html body .sf-n-platform .sf-n-mh6,
html body .sf-n-widget .sf-n-mh6 {
    margin-left: 2rem;
    margin-right: 2rem
}

html body .sf-n-platform .sf-n-mh-1,
html body .sf-n-widget .sf-n-mh-1 {
    margin-left: -.125rem;
    margin-right: -.125rem
}

html body .sf-n-platform .sf-n-mh-2,
html body .sf-n-widget .sf-n-mh-2 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

html body .sf-n-platform .sf-n-mh-3,
html body .sf-n-widget .sf-n-mh-3 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

html body .sf-n-platform .sf-n-mh-4,
html body .sf-n-widget .sf-n-mh-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

html body .sf-n-platform .sf-n-mh-5,
html body .sf-n-widget .sf-n-mh-5 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

html body .sf-n-platform .sf-n-mh-6,
html body .sf-n-widget .sf-n-mh-6 {
    margin-left: -2rem;
    margin-right: -2rem
}

::-ms-check,
::-ms-clear {
    display: none
}

body .sf-n-platform .sf-n-accounts,
body .sf-n-widget .sf-n-accounts {
    background-color: #2c3e50;
    color: #fff;
    padding-bottom: 1.25rem;
    width: 100%
}

body .sf-n-platform .sf-n-accounts__highlighted,
body .sf-n-widget .sf-n-accounts__highlighted {
    border-bottom: 5px solid #37678b
}

body .sf-n-platform .sf-n-accounts__not-highlighted,
body .sf-n-widget .sf-n-accounts__not-highlighted {
    border-bottom: 5px solid #009d4c
}

body .sf-n-platform .sf-n-accounts__subtotal--filterApplied,
body .sf-n-widget .sf-n-accounts__subtotal--filterApplied {
    opacity: .2
}

body .sf-n-platform .sf-n-accounts__scroll,
body .sf-n-widget .sf-n-accounts__scroll {
    overflow: hidden;
    overflow-y: auto
}

body .sf-n-platform .sf-n-account-list-item,
body .sf-n-widget .sf-n-account-list-item {
    list-style: none
}

body .sf-n-platform .sf-n-account,
body .sf-n-widget .sf-n-account {
    display: block;
    padding: 0;
    margin: .5rem;
    outline: none;
    color: #fff;
    border: none;
    border-radius: .3rem;
    text-align: left;
}

body .sf-n-platform .sf-n-account--selectable:active .sf-n-account__not-selected:active,
body .sf-n-platform .sf-n-account--selectable:active .sf-n-account__selected:active,
body .sf-n-widget .sf-n-account--selectable:active .sf-n-account__not-selected:active,
body .sf-n-widget .sf-n-account--selectable:active .sf-n-account__selected:active {
    border-bottom: 5px solid #009d4c;
    background-color: #009d4c
}

body .sf-n-platform .sf-n-account--selectable:hover .sf-n-account__not-selected,
body .sf-n-platform .sf-n-account--selectable:hover .sf-n-account__selected,
body .sf-n-widget .sf-n-account--selectable:hover .sf-n-account__not-selected,
body .sf-n-widget .sf-n-account--selectable:hover .sf-n-account__selected {
    background-color: #009d4c;
    border-bottom-color: #009d4c
}

body .sf-n-platform .sf-n-account--selectable,
body .sf-n-widget .sf-n-account--selectable {
    cursor: pointer
}

body .sf-n-platform .sf-n-account--selectable .sf-n-account__selected,
body .sf-n-widget .sf-n-account--selectable .sf-n-account__selected {
    border-bottom: 5px solid #37678b;
    background-color: #009d4c
}

body .sf-n-platform .sf-n-account--selectable .sf-n-account__not-selected,
body .sf-n-widget .sf-n-account--selectable .sf-n-account__not-selected {
    border-bottom: 5px solid #009d4c;
    background-color: #009d4c
}

body .sf-n-platform .sf-n-account__height,
body .sf-n-widget .sf-n-account__height {
    cursor: pointer;
    height: 5.625rem
}

body .sf-n-platform .sf-n-account__filter-applied,
body .sf-n-widget .sf-n-account__filter-applied {
    opacity: .2
}

body .sf-n-platform .sf-n-alert-box__navigation,
body .sf-n-widget .sf-n-alert-box__navigation {
    cursor: pointer
}

body .sf-n-platform .sf-n-alert-box__accessible-button,
body .sf-n-widget .sf-n-alert-box__accessible-button {
    all: unset;
    width: 100%
}

body .sf-n-platform .sf-n-alert-detail__apply,
body .sf-n-widget .sf-n-alert-detail__apply {
    width: 100%;
    font-weight: 400;
    text-align: center
}

body .sf-n-platform .sf-n-budgets__monthly-budget-under-progress-bar,
body .sf-n-widget .sf-n-budgets__monthly-budget-under-progress-bar {
    display: block;
    padding: 0;
    position: absolute;
    right: 0
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-budgets__monthly-budget-under-progress-bar,
    body .sf-n-widget .sf-n-budgets__monthly-budget-under-progress-bar {
        display: none
    }
}

body .sf-n-platform .sf-n-budget__amount-position-wrapper,
body .sf-n-widget .sf-n-budget__amount-position-wrapper {
    text-align: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-budget__amount-position-wrapper,
    body .sf-n-widget .sf-n-budget__amount-position-wrapper {
        text-align: right
    }
}

body .sf-n-platform .sf-n-budget__amount-position-nowrap,
body .sf-n-widget .sf-n-budget__amount-position-nowrap {
    white-space: nowrap
}

body .sf-n-platform .sf-n-budget__progress-bar .sf-n-progress-bar-wrapper,
body .sf-n-widget .sf-n-budget__progress-bar .sf-n-progress-bar-wrapper {
    border-radius: .3125rem
}

body .sf-n-platform .sf-n-budget-progress-bar__ellipsis,
body .sf-n-widget .sf-n-budget-progress-bar__ellipsis {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-budgets__aside,
body .sf-n-widget .sf-n-budgets__aside {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-budgets__aside,
    body .sf-n-widget .sf-n-budgets__aside {
        display: block;
        width: 150px
    }
}

body .sf-n-platform .sf-n-div-position,
body .sf-n-widget .sf-n-div-position {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

body .sf-n-platform .sf-n-budgets_tooltip,
body .sf-n-widget .sf-n-budgets_tooltip {
    position: absolute;
    width: 50px;
    text-align: center;
    top: 0;
    transform: translateX(-50%);
    padding: 0 0 .2rem;
    color: #555;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
}

body .sf-n-platform .sf-n-budgets_tooltip:after,
body .sf-n-widget .sf-n-budgets_tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -.3em;
    box-sizing: border-box;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    border-width: .2rem;
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .1);
    transform-origin: 0 0;
    transform: rotate(-45deg)
}

body .sf-n-platform .sf-budgets__dash-line,
body .sf-n-widget .sf-budgets__dash-line {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 0;
    border-left: 1px dashed #949494
}

body .sf-n-platform .sf-n-budget-item__time-marks,
body .sf-n-widget .sf-n-budget-item__time-marks {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%
}

body .sf-n-platform .sf-n-create-budget__header,
body .sf-n-widget .sf-n-create-budget__header {
    display: flex;
    flex-direction: column
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-create-budget__header,
    body .sf-n-widget .sf-n-create-budget__header {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

body .sf-n-platform .sf-n-create-budget__amount-currency,
body .sf-n-widget .sf-n-create-budget__amount-currency {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 10px
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-create-budget__amount-currency,
    body .sf-n-widget .sf-n-create-budget__amount-currency {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-top: 0
    }
}

body .sf-n-platform .sf-n-edit-budget__amount-currency,
body .sf-n-widget .sf-n-edit-budget__amount-currency {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 10px;
    text-align: right
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-edit-budget__amount-currency,
    body .sf-n-widget .sf-n-edit-budget__amount-currency {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-top: 0
    }
}

body .sf-n-platform .sf-n-edit-budget__category-align,
body .sf-n-widget .sf-n-edit-budget__category-align {
    text-align: center
}

body .sf-n-platform .sf-n-budgets-overview .sf-n-progress-bar-wrapper,
body .sf-n-widget .sf-n-budgets-overview .sf-n-progress-bar-wrapper {
    border-radius: .3125rem
}

body .sf-n-platform .sf-n-benchmark-company-info__logo,
body .sf-n-widget .sf-n-benchmark-company-info__logo {
    width: 7.3125rem;
    height: 7.3125rem;
    background-color: #ccc
}

body .sf-n-platform .sf-n-benchmark-company-info__chart-box,
body .sf-n-widget .sf-n-benchmark-company-info__chart-box {
    width: 23.375rem;
    height: 8.875rem
}

body .sf-n-platform .sf-n-average-chart__size,
body .sf-n-widget .sf-n-average-chart__size {
    width: 100%;
    height: 100%
}

body .sf-n-platform .sf-n-subcategory,
body .sf-n-widget .sf-n-subcategory {
    outline: none
}

body .sf-n-platform .sf-n-subcategory__btn,
body .sf-n-widget .sf-n-subcategory__btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-subcategory__btn .sf-n-categories__txt-trim,
body .sf-n-widget .sf-n-subcategory__btn .sf-n-categories__txt-trim {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px
}

body .sf-n-platform .sf-create-customer-btn,
body .sf-n-widget .sf-create-customer-btn {
    width: 100%;
    font-weight: 400;
    text-align: center
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-profile__pic,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-profile__pic {
    display: block
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-profile__pic:hover:after,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-profile__pic:hover:after {
    opacity: .5
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-profile__pic:after,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-profile__pic:after {
    background-color: #757575
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-settings__edit-icon,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-settings__edit-icon {
    left: 45%
}

body .sf-n-platform .sf-n-connections-popup .sf-n-accordion-button__content,
body .sf-n-widget .sf-n-connections-popup .sf-n-accordion-button__content {
    background-color: #fff;
    color: #757575;
    padding: 1rem 0;
    font-weight: inherit;
    border-bottom: 1px solid #ccc;
    height: inherit
}

body .sf-n-platform .sf-n-connections-popup .sf-n-accordion-disabled,
body .sf-n-widget .sf-n-connections-popup .sf-n-accordion-disabled {
    opacity: .4
}

body .sf-n-platform .sf-n-cash-overview__title__space,
body .sf-n-widget .sf-n-cash-overview__title__space {
    padding-top: 1rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-cash-overview__title__space,
    body .sf-n-widget .sf-n-cash-overview__title__space {
        padding-top: 0
    }
}

body .sf-n-platform .sf-n-cash-overview__title__align,
body .sf-n-widget .sf-n-cash-overview__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-cash-overview__title__align,
    body .sf-n-widget .sf-n-cash-overview__title__align {
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-cash-overview__tabs__align,
body .sf-n-widget .sf-n-cash-overview__tabs__align {
    align-items: left;
    justify-content: start
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-cash-overview__tabs__align,
    body .sf-n-widget .sf-n-cash-overview__tabs__align {
        align-items: right;
        justify-content: end
    }
}

body .sf-n-platform .sf-n-financial-analysis-content__chart-back-button,
body .sf-n-widget .sf-n-financial-analysis-content__chart-back-button {
    height: 2.5rem
}

body .sf-n-platform .sf-n-financial-analysis-content__font-weight,
body .sf-n-widget .sf-n-financial-analysis-content__font-weight {
    font-weight: lighter;
    color: #555
}

body .sf-n-platform .sf-n-financial-analysis-content__color-amount,
body .sf-n-widget .sf-n-financial-analysis-content__color-amount {
    color: #555
}

body .sf-n-platform .sf-n-financial-analysis-header__title__align,
body .sf-n-widget .sf-n-financial-analysis-header__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-financial-analysis-header__title__align,
    body .sf-n-widget .sf-n-financial-analysis-header__title__align {
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-financial-analysis-header__tabs__align,
body .sf-n-widget .sf-n-financial-analysis-header__tabs__align {
    align-items: left;
    justify-content: start
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-financial-analysis-header__tabs__align,
    body .sf-n-widget .sf-n-financial-analysis-header__tabs__align {
        align-items: right;
        justify-content: end
    }
}

body .sf-n-platform .sf-n-daily-top-categories__row,
body .sf-n-widget .sf-n-daily-top-categories__row {
    height: 1.25rem;
    position: relative
}

body .sf-n-platform .sf-n-daily-top-categories__amount,
body .sf-n-widget .sf-n-daily-top-categories__amount {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body .sf-n-platform .sf-n-daily-top-categories__dot,
body .sf-n-widget .sf-n-daily-top-categories__dot {
    height: .3125rem;
    width: .3125rem
}

body .sf-n-platform .sf-n-daily-top-categories__heat-map,
body .sf-n-widget .sf-n-daily-top-categories__heat-map {
    width: .3125rem;
    height: 100%;
    background-color: #555
}

body .sf-n-platform .sf-n-dot-catIcon,
body .sf-n-widget .sf-n-dot-catIcon {
    border: 0;
    border-radius: 1rem;
    margin-right: .3125rem;
    height: .625rem;
    width: 1.125rem
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-monthly-big-calendar__day,
    body .sf-n-widget .sf-n-monthly-big-calendar__day {
        height: 9rem;
        width: 8rem
    }
}

body .sf-n-platform .sf-n-day-names__big,
body .sf-n-widget .sf-n-day-names__big {
    padding-right: 0
}

body .sf-n-platform .sf-n-day-with-divider,
body .sf-n-widget .sf-n-day-with-divider {
    position: relative;
    padding: 0 1rem
}

body .sf-n-platform .sf-n-day-with-divider:after,
body .sf-n-widget .sf-n-day-with-divider:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    width: 1px;
    background-color: #ddd
}

body .sf-n-platform .sf-n-financial-calendar-information-bar__title,
body .sf-n-widget .sf-n-financial-calendar-information-bar__title {
    text-transform: uppercase
}

body .sf-n-platform .sf-n-financial-calendar-overview,
body .sf-n-widget .sf-n-financial-calendar-overview {
    font-family: inherit;
    font-size: .75rem;
    max-height: 100%
}

body .sf-n-platform .sf-n-financial-calendar-overview .sf-n-monthly-calendar,
body .sf-n-widget .sf-n-financial-calendar-overview .sf-n-monthly-calendar {
    margin: .625rem auto
}

body .sf-n-platform .sf-n-financial-calendar-overview__pointer,
body .sf-n-widget .sf-n-financial-calendar-overview__pointer {
    cursor: pointer
}

body .sf-n-platform .sf-n-financial-statement-overview__title__align,
body .sf-n-widget .sf-n-financial-statement-overview__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-financial-statement-overview__title__align,
    body .sf-n-widget .sf-n-financial-statement-overview__title__align {
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-financial-statement-overview__tabs__align,
body .sf-n-widget .sf-n-financial-statement-overview__tabs__align {
    align-items: left;
    justify-content: start
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-financial-statement-overview__tabs__align,
    body .sf-n-widget .sf-n-financial-statement-overview__tabs__align {
        align-items: right;
        justify-content: end
    }
}

body .sf-n-platform .sf-n-general-settings-form .sf-n-accordion-button__content,
body .sf-n-widget .sf-n-general-settings-form .sf-n-accordion-button__content {
    background-color: #fff;
    color: #757575;
    padding: 1rem;
    font-weight: inherit;
    border-bottom: 1px solid #ccc;
    height: inherit
}

body .sf-n-platform .sf-n-insight-content__action-button,
body .sf-n-widget .sf-n-insight-content__action-button {
    text-align: center;
    margin: .25rem 0
}

body .sf-n-platform .sf-n-insight-content__feedback-icon,
body .sf-n-widget .sf-n-insight-content__feedback-icon {
    cursor: pointer
}

body .sf-n-platform .sf-n-insight-content__feedback-icon:hover,
body .sf-n-widget .sf-n-insight-content__feedback-icon:hover {
    opacity: .5
}

body .sf-n-platform .sf-n-insight-content__feedback-icon:active,
body .sf-n-widget .sf-n-insight-content__feedback-icon:active {
    opacity: 1
}

body .sf-n-platform .sf-n-insight-content__rate__cursor,
body .sf-n-widget .sf-n-insight-content__rate__cursor {
    cursor: pointer
}

body .sf-n-platform .sf-n-insight-popup__action-button,
body .sf-n-widget .sf-n-insight-popup__action-button {
    text-align: center
}

body .sf-n-platform .sf-n-insight-popup__feedback-icon,
body .sf-n-widget .sf-n-insight-popup__feedback-icon {
    cursor: pointer
}

body .sf-n-platform .sf-n-insight-popup__feedback-icon:hover,
body .sf-n-widget .sf-n-insight-popup__feedback-icon:hover {
    opacity: .5
}

body .sf-n-platform .sf-n-insight-popup__feedback-icon:active,
body .sf-n-widget .sf-n-insight-popup__feedback-icon:active {
    opacity: 1
}

body .sf-n-platform .sf-n-insight-popup__icon,
body .sf-n-widget .sf-n-insight-popup__icon {
    width: 1.9375rem;
    height: 1.9375rem;
    text-align: center
}

body .sf-n-platform .sf-n-insight-popup__icon>span,
body .sf-n-widget .sf-n-insight-popup__icon>span {
    height: 100%
}

body .sf-n-platform .sf-n-insight-popup__icon>span>svg,
body .sf-n-widget .sf-n-insight-popup__icon>span>svg {
    height: 100%;
    width: 100%
}

body .sf-n-platform .sf-n-insight-reconcile-content,
body .sf-n-widget .sf-n-insight-reconcile-content {
    flex: 1
}

body .sf-n-platform .sf-n-insight-reconcile-content form>div,
body .sf-n-widget .sf-n-insight-reconcile-content form>div {
    height: 100%
}

body .sf-n-platform .sf-n-insight-reconcile-content .sf-n-button,
body .sf-n-widget .sf-n-insight-reconcile-content .sf-n-button {
    text-align: center
}

body .sf-n-platform .sf-n-insight-reconcile-popup .sf-n-popups__content,
body .sf-n-widget .sf-n-insight-reconcile-popup .sf-n-popups__content {
    flex: 1
}

body .sf-n-platform .sf-n-insight-box__navigation,
body .sf-n-widget .sf-n-insight-box__navigation {
    cursor: pointer
}

body .sf-n-platform .sf-n-insight-box__accessible-button,
body .sf-n-widget .sf-n-insight-box__accessible-button {
    all: unset;
    width: 100%
}

body .sf-n-platform .sf-n-invoicing-overview__title__align,
body .sf-n-widget .sf-n-invoicing-overview__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-invoicing-overview__title__align,
    body .sf-n-widget .sf-n-invoicing-overview__title__align {
        display: flex;
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-invoicing-overview__tabs__align,
body .sf-n-widget .sf-n-invoicing-overview__tabs__align {
    align-items: left;
    justify-content: start;
    padding-top: 1rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-invoicing-overview__tabs__align,
    body .sf-n-widget .sf-n-invoicing-overview__tabs__align {
        align-items: right;
        justify-content: end;
        padding-top: 0
    }
}

body .sf-n-platform .sf-invoicing-progress-bar__legend-position,
body .sf-n-widget .sf-invoicing-progress-bar__legend-position {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-invoicing-progress-bar__legend-position,
    body .sf-n-widget .sf-invoicing-progress-bar__legend-position {
        flex-direction: row
    }
}

body .sf-n-platform .sf-n-invoicing__title__align,
body .sf-n-widget .sf-n-invoicing__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-invoicing__title__align,
    body .sf-n-widget .sf-n-invoicing__title__align {
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-invoicing__tabs__align,
body .sf-n-widget .sf-n-invoicing__tabs__align {
    align-items: left;
    justify-content: start
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-invoicing__tabs__align,
    body .sf-n-widget .sf-n-invoicing__tabs__align {
        align-items: right;
        justify-content: end
    }
}

body .sf-n-platform .sf-n-invoice-insight .sf-n-invoice-insight-message,
body .sf-n-widget .sf-n-invoice-insight .sf-n-invoice-insight-message {
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-invoice-insight .sf-n-invoice-insight-message,
    body .sf-n-widget .sf-n-invoice-insight .sf-n-invoice-insight-message {
        width: 650px
    }
}

@media (min-width: 1281px) {

    body .sf-n-platform .sf-n-invoice-insight .sf-n-invoice-insight-message,
    body .sf-n-widget .sf-n-invoice-insight .sf-n-invoice-insight-message {
        width: 850px
    }
}

body .sf-n-platform .sf-n-fileupload-input,
body .sf-n-widget .sf-n-fileupload-input {
    display: none
}

body .sf-n-platform .sf-n-new-receipt-form .sf-n-icon,
body .sf-n-widget .sf-n-new-receipt-form .sf-n-icon {
    background-color: #2cc7ff
}

body .sf-n-platform .sf-n-new-receipt-form #sf-n-fileupload-label .sf-n-txt,
body .sf-n-widget .sf-n-new-receipt-form #sf-n-fileupload-label .sf-n-txt {
    color: #ccc
}

body .sf-n-platform .sf-n-new-receipt-form #sf-n-fileupload-label-uploaded .sf-n-txt,
body .sf-n-widget .sf-n-new-receipt-form #sf-n-fileupload-label-uploaded .sf-n-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 15rem
}

body .sf-n-platform .sf-n-new-receipt-form .sf-n-form-field--initial:hover,
body .sf-n-widget .sf-n-new-receipt-form .sf-n-form-field--initial:hover {
    cursor: pointer
}

body .sf-n-platform .sf-n-fileupload-icon,
body .sf-n-widget .sf-n-fileupload-icon {
    pointer-events: none
}

body .sf-n-platform .sf-n-create-receipt-form__currency,
body .sf-n-widget .sf-n-create-receipt-form__currency {
    height: 2.75rem;
    margin-top: 1.5rem
}

body .sf-n-platform .sf-n-receipt-form .sf-n-receipt-form__calendar-icon,
body .sf-n-widget .sf-n-receipt-form .sf-n-receipt-form__calendar-icon {
    background-color: #2cc7ff;
    height: 2.75rem;
    pointer-events: none
}

body .sf-n-platform .sf-n-receipt-form .sf-n-label__text,
body .sf-n-widget .sf-n-receipt-form .sf-n-label__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 16rem
}

body .sf-n-platform .sf-n-receipt-form .sf-n-receipt-form__attachment-isClickable .sf-n-label:hover,
body .sf-n-platform .sf-n-receipt-form .sf-n-receipt-form__date-input:hover,
body .sf-n-widget .sf-n-receipt-form .sf-n-receipt-form__attachment-isClickable .sf-n-label:hover,
body .sf-n-widget .sf-n-receipt-form .sf-n-receipt-form__date-input:hover {
    cursor: pointer
}

body .sf-n-platform .sf-n-review-invoice__title,
body .sf-n-widget .sf-n-review-invoice__title {
    font-size: 1.5rem;
    align-self: center
}

body .sf-n-platform .sf-n-items-fields-footer__right-align,
body .sf-n-widget .sf-n-items-fields-footer__right-align {
    margin-left: auto
}

body .sf-n-platform .sf-n-items-fields-footer__left-align,
body .sf-n-widget .sf-n-items-fields-footer__left-align {
    margin-right: auto
}

body .sf-n-platform .sf-n-items-fields-footer__amount-nowrap,
body .sf-n-widget .sf-n-items-fields-footer__amount-nowrap {
    white-space: nowrap
}

body .sf-n-platform .sf-n-items-fields__rows-space,
body .sf-n-widget .sf-n-items-fields__rows-space {
    padding-left: .5rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-items-fields__rows-space,
    body .sf-n-widget .sf-n-items-fields__rows-space {
        padding-left: 1rem
    }
}

body .sf-n-platform .sf-n-items-fields__align-text,
body .sf-n-widget .sf-n-items-fields__align-text {
    text-align: right
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-items-fields__align-text,
    body .sf-n-widget .sf-n-items-fields__align-text {
        text-align: left
    }
}

body .sf-n-platform .sf-n-items-fields-rows__padding-right,
body .sf-n-widget .sf-n-items-fields-rows__padding-right {
    padding-right: .5rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-items-fields-rows__padding-right,
    body .sf-n-widget .sf-n-items-fields-rows__padding-right {
        padding-right: 1rem
    }
}

body .sf-n-platform .sf-n-items-fields-rows__height,
body .sf-n-widget .sf-n-items-fields-rows__height {
    height: auto
}

body .sf-n-platform .sf-n-invoicing-item-field__item,
body .sf-n-widget .sf-n-invoicing-item-field__item {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-invoicing-item-field__item--editable,
body .sf-n-widget .sf-n-invoicing-item-field__item--editable {
    outline: none
}

body .sf-n-platform .sf-n-invoicing-item-field__item--editable:hover,
body .sf-n-widget .sf-n-invoicing-item-field__item--editable:hover {
    cursor: pointer
}

body .sf-n-platform .sf-n-invoicing-item-field__item--read-only:hover,
body .sf-n-widget .sf-n-invoicing-item-field__item--read-only:hover {
    cursor: default
}

body .sf-n-platform .sf-n-invoicing-item-field__error,
body .sf-n-widget .sf-n-invoicing-item-field__error {
    display: block;
    line-height: 1rem
}

body .sf-n-platform .sf-n-items-fields,
body .sf-n-widget .sf-n-items-fields {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    transition: .2s ease-in-out;
    transition-property: background-color
}

body .sf-n-platform .sf-n-items-fields .sf-n-badge.sf-n-items-fields__field-tag-label,
body .sf-n-widget .sf-n-items-fields .sf-n-badge.sf-n-items-fields__field-tag-label {
    width: 4rem;
    margin: 0;
    padding: 0;
    align-self: center;
    display: flex;
    justify-content: center
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-items-fields .sf-n-badge.sf-n-items-fields__field-tag-label,
    body .sf-n-widget .sf-n-items-fields .sf-n-badge.sf-n-items-fields__field-tag-label {
        margin: auto;
        padding: 0 .5rem
    }
}

body .sf-n-platform .sf-n-items-fields .sf-n-items-fields__field-prefilled,
body .sf-n-widget .sf-n-items-fields .sf-n-items-fields__field-prefilled {
    line-height: 2.75rem;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-items-fields .sf-n-items-fields__remove,
body .sf-n-widget .sf-n-items-fields .sf-n-items-fields__remove {
    line-height: 2.75rem;
    vertical-align: middle;
    color: #fff
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-items-fields .sf-n-items-fields__remove,
    body .sf-n-widget .sf-n-items-fields .sf-n-items-fields__remove {
        color: #555
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-items-fields,
    body .sf-n-widget .sf-n-items-fields {
        border-bottom: 1px solid transparent;
        margin-bottom: 0
    }

    body .sf-n-platform .sf-n-items-fields .sf-n-items-fields__remove,
    body .sf-n-widget .sf-n-items-fields .sf-n-items-fields__remove {
        transition: .2s ease-in-out;
        transition-property: opacity;
        opacity: 0
    }

    body .sf-n-platform .sf-n-items-fields:hover,
    body .sf-n-widget .sf-n-items-fields:hover {
        background-color: #ddd
    }

    body .sf-n-platform .sf-n-items-fields:hover .sf-n-items-fields__remove,
    body .sf-n-widget .sf-n-items-fields:hover .sf-n-items-fields__remove {
        opacity: 1
    }

    body .sf-n-platform .sf-n-items-fields.sf-n-items-fields--read-only,
    body .sf-n-widget .sf-n-items-fields.sf-n-items-fields--read-only {
        background-color: #fff
    }
}

body .sf-n-platform .sf-n-items-fields input:not([readonly]):not(.sf-n-misc-form-field),
body .sf-n-widget .sf-n-items-fields input:not([readonly]):not(.sf-n-misc-form-field) {
    background-color: transparent
}

body .sf-n-platform .sf-n-items-fields input:not([readonly]):not(.sf-n-misc-form-field):focus,
body .sf-n-platform .sf-n-items-fields input:not([readonly]):not(.sf-n-misc-form-field):hover,
body .sf-n-widget .sf-n-items-fields input:not([readonly]):not(.sf-n-misc-form-field):focus,
body .sf-n-widget .sf-n-items-fields input:not([readonly]):not(.sf-n-misc-form-field):hover {
    background-color: #fff
}

body .sf-n-platform .sf-n-items-fields input[type=text],
body .sf-n-widget .sf-n-items-fields input[type=text] {
    padding: inherit .3125rem
}

body .sf-n-platform .sf-n-items-fields input[type=number],
body .sf-n-widget .sf-n-items-fields input[type=number] {
    padding: inherit 0
}

body .sf-n-platform .sf-n-items-fields .sf-n-items-fields__total-line,
body .sf-n-widget .sf-n-items-fields .sf-n-items-fields__total-line {
    background-color: #fafafa
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-items-fields .sf-n-items-fields__total-line,
    body .sf-n-widget .sf-n-items-fields .sf-n-items-fields__total-line {
        background-color: transparent
    }
}

body .sf-n-platform .sf-n-items-fields__header-mobile,
body .sf-n-widget .sf-n-items-fields__header-mobile {
    min-height: 3.4375rem
}

body .sf-n-platform .sf-n-items-fields__symbol,
body .sf-n-platform .sf-n-items-fields__total,
body .sf-n-widget .sf-n-items-fields__symbol,
body .sf-n-widget .sf-n-items-fields__total {
    line-height: 2.75rem;
    vertical-align: middle
}

body .sf-n-platform .sf-n-items-fields__header-space,
body .sf-n-widget .sf-n-items-fields__header-space {
    padding-left: .5rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-items-fields__header-space,
    body .sf-n-widget .sf-n-items-fields__header-space {
        padding-left: 1rem
    }
}

body .sf-n-platform .sf-n-invoicing-chart__legend,
body .sf-n-widget .sf-n-invoicing-chart__legend {
    display: block;
    text-align: center;
    list-style-type: none;
    padding: 0;
    margin: 1rem 0 0
}

body .sf-n-platform .sf-n-invoicing-chart__legend-item,
body .sf-n-widget .sf-n-invoicing-chart__legend-item {
    display: inline-flex;
    padding: .3125rem 1rem;
    align-items: center
}

body .sf-n-platform .sf-n-invoicing-chart__legend-circle,
body .sf-n-widget .sf-n-invoicing-chart__legend-circle {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    margin: 0 .5rem
}

body .sf-n-platform .sf-n-pay-by-mastercard__container--size,
body .sf-n-widget .sf-n-pay-by-mastercard__container--size {
    width: 2.875rem;
    height: 2.875rem
}

body .sf-n-platform .sf-n-receipts-table__body,
body .sf-n-widget .sf-n-receipts-table__body {
    max-height: 32rem;
    overflow: auto
}

body .sf-n-platform .sf-n-receipts-table__thead-row,
body .sf-n-widget .sf-n-receipts-table__thead-row {
    padding-right: .625rem
}

body .sf-n-platform .sf-n-receipts-table__row,
body .sf-n-widget .sf-n-receipts-table__row {
    cursor: pointer;
    outline: none
}

body .sf-n-platform .sf-n-receipts-table__td--receiptNo,
body .sf-n-platform .sf-n-receipts-table__th--receiptNo,
body .sf-n-widget .sf-n-receipts-table__td--receiptNo,
body .sf-n-widget .sf-n-receipts-table__th--receiptNo {
    color: #555;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-receipts-table__td--receiptNo,
    body .sf-n-platform .sf-n-receipts-table__th--receiptNo,
    body .sf-n-widget .sf-n-receipts-table__td--receiptNo,
    body .sf-n-widget .sf-n-receipts-table__th--receiptNo {
        flex: 0 0 20%;
        max-width: 20%;
        margin: 0;
        white-space: nowrap
    }
}

body .sf-n-platform .sf-n-receipts-table__td--merchant,
body .sf-n-platform .sf-n-receipts-table__th--merchant,
body .sf-n-widget .sf-n-receipts-table__td--merchant,
body .sf-n-widget .sf-n-receipts-table__th--merchant {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-receipts-table__td--merchant,
    body .sf-n-platform .sf-n-receipts-table__th--merchant,
    body .sf-n-widget .sf-n-receipts-table__td--merchant,
    body .sf-n-widget .sf-n-receipts-table__th--merchant {
        flex: 0 0 21%;
        max-width: 21%;
        color: #555;
        display: inline-block;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

body .sf-n-platform .sf-n-receipts-table__th--date,
body .sf-n-widget .sf-n-receipts-table__th--date {
    font-weight: 700
}

body .sf-n-platform .sf-n-receipts-table__td--date,
body .sf-n-widget .sf-n-receipts-table__td--date {
    font-weight: 400
}

body .sf-n-platform .sf-n-receipts-table__td--date,
body .sf-n-platform .sf-n-receipts-table__th--date,
body .sf-n-widget .sf-n-receipts-table__td--date,
body .sf-n-widget .sf-n-receipts-table__th--date {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-receipts-table__td--date,
    body .sf-n-platform .sf-n-receipts-table__th--date,
    body .sf-n-widget .sf-n-receipts-table__td--date,
    body .sf-n-widget .sf-n-receipts-table__th--date {
        color: #555;
        display: inline-block;
        flex: 0 0 23%;
        max-width: 23%;
        margin: 0;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

body .sf-n-platform .sf-n-receipts-table__td--icon,
body .sf-n-platform .sf-n-receipts-table__th--icon,
body .sf-n-widget .sf-n-receipts-table__td--icon,
body .sf-n-widget .sf-n-receipts-table__th--icon {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-receipts-table__td--icon,
    body .sf-n-platform .sf-n-receipts-table__th--icon,
    body .sf-n-widget .sf-n-receipts-table__td--icon,
    body .sf-n-widget .sf-n-receipts-table__th--icon {
        width: 5%;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0
    }
}

body .sf-n-platform .sf-n-receipts-table__td--amount,
body .sf-n-widget .sf-n-receipts-table__td--amount {
    margin-left: auto;
    padding: 0 .5rem 0 0
}

body .sf-n-platform .sf-n-receipts-table__td--amount>.sf-n-amount,
body .sf-n-widget .sf-n-receipts-table__td--amount>.sf-n-amount {
    color: #555
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-receipts-table__td--amount,
    body .sf-n-widget .sf-n-receipts-table__td--amount {
        padding: auto
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-receipts-table__th--amount,
    body .sf-n-widget .sf-n-receipts-table__th--amount {
        margin: 0
    }
}

body .sf-n-platform .sf-n-receipts-table__td--amount,
body .sf-n-platform .sf-n-receipts-table__th--amount,
body .sf-n-widget .sf-n-receipts-table__td--amount,
body .sf-n-widget .sf-n-receipts-table__th--amount {
    color: #555;
    flex: 0 0 30%;
    max-width: 30%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: right
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-receipts-table__td--amount,
    body .sf-n-platform .sf-n-receipts-table__th--amount,
    body .sf-n-widget .sf-n-receipts-table__td--amount,
    body .sf-n-widget .sf-n-receipts-table__th--amount {
        flex: 0 0 20%;
        max-width: 20%
    }
}

body .sf-n-platform .sf-n-sales-table-container__select,
body .sf-n-widget .sf-n-sales-table-container__select {
    height: 3.75rem
}

body .sf-n-platform .sf-n-tax-rates__title-space,
body .sf-n-widget .sf-n-tax-rates__title-space {
    padding-top: 1.125rem;
    margin-top: .375rem
}

body .sf-n-platform .sf-n-tax-rates__rounded-corner,
body .sf-n-widget .sf-n-tax-rates__rounded-corner {
    border-radius: 0 2px 2px 0
}

body .sf-n-platform .sf-n-tax-rates__title-space>div,
body .sf-n-widget .sf-n-tax-rates__title-space>div {
    height: 2.75rem
}

body .sf-n-platform .sf-n-tax-rates__add-button,
body .sf-n-widget .sf-n-tax-rates__add-button {
    width: 100%;
    text-align: center
}

body .sf-n-platform .sf-n-taxes-table__td--row,
body .sf-n-widget .sf-n-taxes-table__td--row {
    outline: none
}

body .sf-n-platform .sf-n-taxes-table__td--start--date,
body .sf-n-platform .sf-n-taxes-table__th--start--date,
body .sf-n-widget .sf-n-taxes-table__td--start--date,
body .sf-n-widget .sf-n-taxes-table__th--start--date {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-taxes-table__td--start--date,
    body .sf-n-platform .sf-n-taxes-table__th--start--date,
    body .sf-n-widget .sf-n-taxes-table__td--start--date,
    body .sf-n-widget .sf-n-taxes-table__th--start--date {
        color: #555;
        display: inline-block;
        flex: 0 0 16%;
        max-width: 16%;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 1rem
    }
}

body .sf-n-platform .sf-n-taxes-table__td--end--date,
body .sf-n-platform .sf-n-taxes-table__th--end--date,
body .sf-n-widget .sf-n-taxes-table__td--end--date,
body .sf-n-widget .sf-n-taxes-table__th--end--date {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-taxes-table__td--end--date,
    body .sf-n-platform .sf-n-taxes-table__th--end--date,
    body .sf-n-widget .sf-n-taxes-table__td--end--date,
    body .sf-n-widget .sf-n-taxes-table__th--end--date {
        color: #555;
        display: inline-block;
        flex: 0 0 16%;
        max-width: 16%;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 1rem
    }
}

body .sf-n-platform .sf-n-taxes-table__td--file-date,
body .sf-n-platform .sf-n-taxes-table__th--file-date,
body .sf-n-widget .sf-n-taxes-table__td--file-date,
body .sf-n-widget .sf-n-taxes-table__th--file-date {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-taxes-table__td--file-date,
    body .sf-n-platform .sf-n-taxes-table__th--file-date,
    body .sf-n-widget .sf-n-taxes-table__td--file-date,
    body .sf-n-widget .sf-n-taxes-table__th--file-date {
        color: #555;
        display: inline-block;
        flex: 0 0 16%;
        max-width: 16%;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 1rem
    }
}

body .sf-n-platform .sf-n-taxes-table__td--tax--due,
body .sf-n-platform .sf-n-taxes-table__th--tax--due,
body .sf-n-widget .sf-n-taxes-table__td--tax--due,
body .sf-n-widget .sf-n-taxes-table__th--tax--due {
    color: #555;
    display: inline-block;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1rem .625rem
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-taxes-table__td--tax--due,
    body .sf-n-platform .sf-n-taxes-table__th--tax--due,
    body .sf-n-widget .sf-n-taxes-table__td--tax--due,
    body .sf-n-widget .sf-n-taxes-table__th--tax--due {
        flex: 0 0 16%;
        max-width: 16%;
        text-align: center;
        padding: 1rem
    }
}

body .sf-n-platform .sf-n-taxes-table__td--status,
body .sf-n-platform .sf-n-taxes-table__th--status,
body .sf-n-widget .sf-n-taxes-table__td--status,
body .sf-n-widget .sf-n-taxes-table__th--status {
    color: #555;
    display: inline-block;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1rem .625rem
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-taxes-table__td--status,
    body .sf-n-platform .sf-n-taxes-table__th--status,
    body .sf-n-widget .sf-n-taxes-table__td--status,
    body .sf-n-widget .sf-n-taxes-table__th--status {
        flex: 0 0 16%;
        max-width: 16%;
        padding: 1rem
    }
}

body .sf-n-platform .sf-n-taxes-table__th--actions,
body .sf-n-widget .sf-n-taxes-table__th--actions {
    color: #555
}

body .sf-n-platform .sf-n-taxes-table__td--actions--active,
body .sf-n-widget .sf-n-taxes-table__td--actions--active {
    cursor: pointer
}

body .sf-n-platform .sf-n-taxes-table__td--actions--active,
body .sf-n-platform .sf-n-taxes-table__td--actions--disabled,
body .sf-n-platform .sf-n-taxes-table__th--actions,
body .sf-n-widget .sf-n-taxes-table__td--actions--active,
body .sf-n-widget .sf-n-taxes-table__td--actions--disabled,
body .sf-n-widget .sf-n-taxes-table__th--actions {
    display: inline-block;
    flex: 0 0 40%;
    max-width: 40%;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1rem .625rem;
    outline: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-taxes-table__td--actions--active,
    body .sf-n-platform .sf-n-taxes-table__td--actions--disabled,
    body .sf-n-platform .sf-n-taxes-table__th--actions,
    body .sf-n-widget .sf-n-taxes-table__td--actions--active,
    body .sf-n-widget .sf-n-taxes-table__td--actions--disabled,
    body .sf-n-widget .sf-n-taxes-table__th--actions {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 1rem
    }
}

body .sf-n-platform .sf-n-tax-report__resume,
body .sf-n-widget .sf-n-tax-report__resume {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-tax-report__resume,
    body .sf-n-widget .sf-n-tax-report__resume {
        flex-direction: row
    }
}

body .sf-n-platform .sf-n-tax-report__resume__detail,
body .sf-n-widget .sf-n-tax-report__resume__detail {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-tax-report__resume__detail,
    body .sf-n-widget .sf-n-tax-report__resume__detail {
        flex-direction: column
    }
}

body .sf-n-platform .sf-n-tax-report__resume__detail:last-child,
body .sf-n-widget .sf-n-tax-report__resume__detail:last-child {
    text-align: right
}

body .sf-n-platform .sf-n-tax-report__item__font-weight:last-child,
body .sf-n-widget .sf-n-tax-report__item__font-weight:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

body .sf-n-platform .sf-n-tax-report__item__font-weight:nth-child(3),
body .sf-n-platform .sf-n-tax-report__item__font-weight:nth-child(5),
body .sf-n-widget .sf-n-tax-report__item__font-weight:nth-child(3),
body .sf-n-widget .sf-n-tax-report__item__font-weight:nth-child(5) {
    font-weight: bolder
}

body .sf-n-platform .sf-n-tax-report__HMRC-logo,
body .sf-n-widget .sf-n-tax-report__HMRC-logo {
    margin-right: 1.25rem
}

body .sf-n-platform .sf-n-tax-report__HMRC-logo svg,
body .sf-n-widget .sf-n-tax-report__HMRC-logo svg {
    width: 5.625rem
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-tax-report__HMRC-logo svg,
    body .sf-n-widget .sf-n-tax-report__HMRC-logo svg {
        width: 7.5rem
    }
}

body .sf-n-platform .sf-n-notifications-body,
body .sf-n-widget .sf-n-notifications-body {
    background-color: #2c3e50
}

body .sf-n-platform .sf-n-notifications-body .sf-n-notification__icon,
body .sf-n-widget .sf-n-notifications-body .sf-n-notification__icon {
    background-color: #37678b
}

body .sf-n-platform .sf-n-nav-sidebar-sublist,
body .sf-n-widget .sf-n-nav-sidebar-sublist {
    list-style-type: none;
    margin: 0;
    padding: 0
}

body .sf-n-platform .sf-n-provisioning-overview .sf-n-progress-bar-wrapper,
body .sf-n-widget .sf-n-provisioning-overview .sf-n-progress-bar-wrapper {
    border-radius: .3125rem
}

body .sf-n-platform .sf-n-provisioning .sf-n-goal__wrapper,
body .sf-n-widget .sf-n-provisioning .sf-n-goal__wrapper {
    position: relative
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-provisioning .sf-n-goal__wrapper,
    body .sf-n-widget .sf-n-provisioning .sf-n-goal__wrapper {
        height: 9.3125rem;
        flex-direction: row;
        padding-right: 4rem
    }
}

body .sf-n-platform .sf-n-provisioning .sf-n-goal__wrapper .sf-n-goal__info,
body .sf-n-widget .sf-n-provisioning .sf-n-goal__wrapper .sf-n-goal__info {
    margin-bottom: 2.5rem
}

body .sf-n-platform .sf-n-goal-buttons-controls,
body .sf-n-widget .sf-n-goal-buttons-controls {
    position: absolute;
    transform: translate(50%, -170%);
    width: 6%;
    left: 89%
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-goal-buttons-controls,
    body .sf-n-widget .sf-n-goal-buttons-controls {
        position: absolute;
        transform: translate(-60%, -80%);
        left: 50%;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-goal-buttons-controls,
    body .sf-n-widget .sf-n-goal-buttons-controls {
        position: absolute;
        left: 91%;
        width: 6%;
        transform: translate(80%, -200%)
    }
}

body .sf-n-platform .sf-n-goal-buttons-controls .sf-n-side-buttons__edit,
body .sf-n-widget .sf-n-goal-buttons-controls .sf-n-side-buttons__edit {
    color: #009d4c;
    margin-bottom: 1.5rem
}

body .sf-n-platform .sf-n-goal-buttons-controls .sf-n-side-buttons__edit:focus,
body .sf-n-platform .sf-n-goal-buttons-controls .sf-n-side-buttons__edit:hover,
body .sf-n-widget .sf-n-goal-buttons-controls .sf-n-side-buttons__edit:focus,
body .sf-n-widget .sf-n-goal-buttons-controls .sf-n-side-buttons__edit:hover {
    color: #009d4c
}

body .sf-n-platform .sf-n-goal__wrapper>div:first-child,
body .sf-n-widget .sf-n-goal__wrapper>div:first-child {
    padding-right: 1.25rem
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-goal__info,
    body .sf-n-widget .sf-n-goal__info {
        order: 4
    }
}

body .sf-n-platform .sf-n-provisioning .sf-n-goal-progress-bar__align-sub-text,
body .sf-n-widget .sf-n-provisioning .sf-n-goal-progress-bar__align-sub-text {
    display: flex;
    justify-content: space-between
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-provisioning .sf-n-goal-progress-bar__align-sub-text,
    body .sf-n-widget .sf-n-provisioning .sf-n-goal-progress-bar__align-sub-text {
        justify-content: flex-end
    }
}

body .sf-n-platform .sf-n-goal__wrapper .sf-n-goal-icon__image-wraper,
body .sf-n-widget .sf-n-goal__wrapper .sf-n-goal-icon__image-wraper {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-goal__wrapper .sf-n-goal-icon__image-wraper,
    body .sf-n-widget .sf-n-goal__wrapper .sf-n-goal-icon__image-wraper {
        display: flex
    }
}

body .sf-n-platform .sf-n-goal-bar__status,
body .sf-n-widget .sf-n-goal-bar__status {
    display: flex
}

body .sf-n-platform .sf-n-create-goal__submit-button,
body .sf-n-widget .sf-n-create-goal__submit-button {
    width: 100%;
    text-align: center
}

body .sf-n-platform .sf-n-select-provider-container .sf-n-logo-container,
body .sf-n-widget .sf-n-select-provider-container .sf-n-logo-container {
    cursor: pointer
}

body .sf-n-platform .sf-n-invoicing-provider-mask .sf-n-invoicing-provider-mask-text,
body .sf-n-widget .sf-n-invoicing-provider-mask .sf-n-invoicing-provider-mask-text {
    white-space: nowrap;
    color: #fff;
    text-transform: uppercase;
    font-size: .75rem;
    position: absolute;
    bottom: 10%;
    left: 2%
}

body .sf-n-platform .sf-n-invoicing-provider-mask .sf-n-invoicing-provider-mask-icon,
body .sf-n-widget .sf-n-invoicing-provider-mask .sf-n-invoicing-provider-mask-icon {
    color: #fff;
    position: absolute;
    top: 10%;
    right: 2.75rem
}

body .sf-n-platform .sf-n-bank-feeds__checkbox,
body .sf-n-widget .sf-n-bank-feeds__checkbox {
    margin-right: .75rem
}

body .sf-n-platform .sf-n-bank-feeds__checking-accounts-list .sf-n-option-button__label,
body .sf-n-widget .sf-n-bank-feeds__checking-accounts-list .sf-n-option-button__label {
    width: 80%
}

body .sf-n-platform .sf-n-bank-feeds__checking-accounts-list svg,
body .sf-n-widget .sf-n-bank-feeds__checking-accounts-list svg {
    width: 1.5rem;
    height: 1.5rem
}

body .sf-n-platform .sf-n-bank-feeds__connection,
body .sf-n-widget .sf-n-bank-feeds__connection {
    background-color: #fafafa;
    border-radius: 0 0 .625rem .625rem
}

body .sf-n-platform .sf-n-third-party-accounts-container .sf-n-logo-container,
body .sf-n-widget .sf-n-third-party-accounts-container .sf-n-logo-container {
    border-radius: .625rem;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50%
}

body .sf-n-platform .sf-n-third-party-accounts-container .sf-n-logo-container__small,
body .sf-n-widget .sf-n-third-party-accounts-container .sf-n-logo-container__small {
    border-radius: .625rem .625rem 0 0;
    height: 75px;
    background-repeat: no-repeat;
    background-position: 50%
}

body .sf-n-platform .sf-n-third-party-accounts-container .sf-n-XX-STRANDS-INVOICE-logo-container,
body .sf-n-widget .sf-n-third-party-accounts-container .sf-n-XX-STRANDS-INVOICE-logo-container {
    background-color: #009d4c;
    background-image: url(logo.png)
}

body .sf-n-platform .sf-n-third-party-accounts-container .sf-n-WW-QUICKBOOKS-logo-container,
body .sf-n-widget .sf-n-third-party-accounts-container .sf-n-WW-QUICKBOOKS-logo-container {
    background-color: #2c3e50;
    background-image: url(data:image/png;base64,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)
}

body .sf-n-platform .sf-n-third-party-accounts-container .sf-n-WW-XERO-logo-container,
body .sf-n-widget .sf-n-third-party-accounts-container .sf-n-WW-XERO-logo-container {
    background-color: #37678b;
    background-image: url(data:image/png;base64,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)
}

body .sf-n-platform .sf-n-third-party-accounts-container .sf-n-WW-SAGEONE-logo-container,
body .sf-n-widget .sf-n-third-party-accounts-container .sf-n-WW-SAGEONE-logo-container {
    background-color: #00dc43;
    background-image: url(data:image/png;base64,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)
}

body .sf-n-platform .sf-n-third-party-accounts-container .sf-n-WW-CLEARBOOKS-logo-container,
body .sf-n-widget .sf-n-third-party-accounts-container .sf-n-WW-CLEARBOOKS-logo-container {
    background-color: #030405;
    background-image: url(data:image/png;base64,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)
}

body .sf-n-platform .sf-n-transaction-footer__add-button,
body .sf-n-widget .sf-n-transaction-footer__add-button {
    color: #949494
}

body .sf-n-platform .sf-n-transaction-footer__add-button:hover,
body .sf-n-widget .sf-n-transaction-footer__add-button:hover {
    color: #fff
}

body .sf-n-platform .sf-n-edit-transactions__text-align,
body .sf-n-widget .sf-n-edit-transactions__text-align {
    text-align: center
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-edit-transactions__text-align,
    body .sf-n-widget .sf-n-edit-transactions__text-align {
        text-align: inherit
    }
}

body .sf-n-platform .sf-n-edit-transactions__td--amount,
body .sf-n-widget .sf-n-edit-transactions__td--amount {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 17rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-edit-transactions__td--amount,
    body .sf-n-widget .sf-n-edit-transactions__td--amount {
        max-width: 10rem
    }
}

@media (min-width: 1281px) {

    body .sf-n-platform .sf-n-edit-transactions__td--amount,
    body .sf-n-widget .sf-n-edit-transactions__td--amount {
        max-width: 12rem
    }
}

body .sf-n-platform .sf-n-edit-transactions__amount-position,
body .sf-n-widget .sf-n-edit-transactions__amount-position {
    align-items: center
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-edit-transactions__amount-position,
    body .sf-n-widget .sf-n-edit-transactions__amount-position {
        align-items: flex-end
    }
}

body .sf-n-platform .sf-n-edit-transactions__name-position,
body .sf-n-widget .sf-n-edit-transactions__name-position {
    align-items: center
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-edit-transactions__name-position,
    body .sf-n-widget .sf-n-edit-transactions__name-position {
        align-items: flex-start
    }
}

body .sf-n-platform .sf-n-edit-transaction__split-icon,
body .sf-n-widget .sf-n-edit-transaction__split-icon {
    color: #757575;
    border-radius: .125rem;
    height: 2.8125rem;
    width: 2.8125rem
}

body .sf-n-platform .sf-n-edit-transaction__count-box,
body .sf-n-widget .sf-n-edit-transaction__count-box {
    background-color: #009d4c;
    padding: .625rem;
    color: #fff;
    height: 100%;
    min-width: 2.5rem;
    justify-content: space-between
}

body .sf-n-platform .sf-n-edit-transaction__input-detail,
body .sf-n-widget .sf-n-edit-transaction__input-detail {
    background-color: #fafafa;
    font-size: 1.25rem;
    text-align: right
}

body .sf-n-platform .sf-n-edit-transaction__name-detail,
body .sf-n-widget .sf-n-edit-transaction__name-detail {
    background-color: #fafafa;
    font-size: 1.25rem;
    text-align: left
}

body .sf-n-platform .sf-n-edit-transaction__amount-currency,
body .sf-n-widget .sf-n-edit-transaction__amount-currency {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 10px;
    cursor: pointer
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-edit-transaction__amount-currency,
    body .sf-n-widget .sf-n-edit-transaction__amount-currency {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-top: 0
    }
}

body .sf-n-platform .sf-n-edit-transaction__notification .sf-n-block,
body .sf-n-widget .sf-n-edit-transaction__notification .sf-n-block {
    max-width: 90%
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-edit-transaction__notification .sf-n-block,
    body .sf-n-widget .sf-n-edit-transaction__notification .sf-n-block {
        max-width: 95%
    }
}

body .sf-n-platform .sf-n-edit-transaction__tag .sf-n-label__text,
body .sf-n-widget .sf-n-edit-transaction__tag .sf-n-label__text {
    cursor: pointer
}

body .sf-n-platform .s-fn-transaction-date-row__balance-position,
body .sf-n-widget .s-fn-transaction-date-row__balance-position {
    justify-content: center;
    align-items: center
}

@media (min-width: 576px) {

    body .sf-n-platform .s-fn-transaction-date-row__balance-position,
    body .sf-n-widget .s-fn-transaction-date-row__balance-position {
        justify-content: space-between
    }
}

body .sf-n-platform .sf-n-transaction-date-row__end-day-balance-mobile,
body .sf-n-widget .sf-n-transaction-date-row__end-day-balance-mobile {
    text-align: center
}

body .sf-n-platform .sf-n-transactions-header__portal,
body .sf-n-widget .sf-n-transactions-header__portal {
    display: inline-block
}

body .sf-n-platform .sf-n-transactions-list__option-bar,
body .sf-n-widget .sf-n-transactions-list__option-bar {
    display: flex;
    padding: 1rem
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-transactions-list__option-bar,
    body .sf-n-widget .sf-n-transactions-list__option-bar {
        flex-direction: row;
        padding: 0 1rem
    }
}

@media (max-width: 576px) {

    body .sf-n-platform .sf-n-transactions-list__option-bar,
    body .sf-n-widget .sf-n-transactions-list__option-bar {
        flex-direction: column
    }
}

body .sf-n-platform .sf-n-transactions-list__search,
body .sf-n-widget .sf-n-transactions-list__search {
    justify-content: center
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-transactions-list__search,
    body .sf-n-widget .sf-n-transactions-list__search {
        justify-content: flex-start
    }
}

body .sf-n-platform .sf-n-transactions-filters,
body .sf-n-widget .sf-n-transactions-filters {
    text-align: right
}

@media (max-width: 576px) {

    body .sf-n-platform .sf-n-transactions-filters,
    body .sf-n-widget .sf-n-transactions-filters {
        min-width: 100%;
        text-align: center
    }
}

body .sf-n-platform .sf-n-reconciliation-fields .sf-n-txt--truncated,
body .sf-n-widget .sf-n-reconciliation-fields .sf-n-txt--truncated {
    vertical-align: middle
}

body .sf-n-platform .sf-n-reconciliation-fields :last-child,
body .sf-n-widget .sf-n-reconciliation-fields :last-child {
    max-width: auto
}

body .sf-n-platform .sf-n-reconciliation-fields .sf-n-reconciliation-fields__remove,
body .sf-n-widget .sf-n-reconciliation-fields .sf-n-reconciliation-fields__remove {
    vertical-align: middle;
    color: #fff
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-reconciliation-fields .sf-n-reconciliation-fields__remove,
    body .sf-n-widget .sf-n-reconciliation-fields .sf-n-reconciliation-fields__remove {
        color: #555
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-reconciliation-fields,
    body .sf-n-widget .sf-n-reconciliation-fields {
        border-bottom: 1px solid transparent;
        margin-bottom: 0
    }

    body .sf-n-platform .sf-n-reconciliation-fields .sf-n-reconciliation-fields__remove,
    body .sf-n-widget .sf-n-reconciliation-fields .sf-n-reconciliation-fields__remove {
        transition: .2s ease-in-out;
        transition-property: opacity;
        opacity: 0
    }

    body .sf-n-platform .sf-n-reconciliation-fields:hover,
    body .sf-n-widget .sf-n-reconciliation-fields:hover {
        background-color: #ddd
    }

    body .sf-n-platform .sf-n-reconciliation-fields:hover .sf-n-reconciliation-fields__remove,
    body .sf-n-widget .sf-n-reconciliation-fields:hover .sf-n-reconciliation-fields__remove {
        opacity: 1;
        color: #555
    }
}

body .sf-n-platform .sf-n-reconciliation-fields .sf-n-items-fields__total-line,
body .sf-n-widget .sf-n-reconciliation-fields .sf-n-items-fields__total-line {
    background-color: #fafafa
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-reconciliation-fields .sf-n-items-fields__total-line,
    body .sf-n-widget .sf-n-reconciliation-fields .sf-n-items-fields__total-line {
        background-color: transparent
    }
}

body .sf-n-platform .sf-n-scheduled-card-container,
body .sf-n-widget .sf-n-scheduled-card-container {
    outline: none
}

body .sf-n-platform .sf-n-scheduled-card,
body .sf-n-widget .sf-n-scheduled-card {
    cursor: pointer;
    height: 7.5rem
}

body .sf-n-platform .sf-n-scheduled-card__name,
body .sf-n-widget .sf-n-scheduled-card__name {
    white-space: nowrap;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #757575
}

body .sf-n-platform .sf-n-scheduled-card__frequency-amount,
body .sf-n-widget .sf-n-scheduled-card__frequency-amount {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

body .sf-n-platform .sf-n-scheduled-card__frequency-width,
body .sf-n-widget .sf-n-scheduled-card__frequency-width {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #757575
}

body .sf-n-platform .sf-n-scheduled-card__amount,
body .sf-n-widget .sf-n-scheduled-card__amount {
    white-space: nowrap
}

body .sf-n-platform .sf-n-scheduled-card__alpha,
body .sf-n-widget .sf-n-scheduled-card__alpha {
    opacity: .5
}

body .sf-n-platform .sf-n-tax-agency__add-button,
body .sf-n-widget .sf-n-tax-agency__add-button {
    width: 100%;
    text-align: center;
    margin-right: 1rem;
    margin-left: 1rem
}

body .sf-n-platform .sf-n-taxAgency__create-agency-logo,
body .sf-n-platform .sf-n-taxAgency__logo,
body .sf-n-widget .sf-n-taxAgency__create-agency-logo,
body .sf-n-widget .sf-n-taxAgency__logo {
    cursor: pointer;
    background-color: #030405;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAABcCAYAAACvKR3lAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAimVYSWZNTQAqAAAACAAFARIAAwAAAAEAAQAAARoABQAAAAEAAABKARsABQAAAAEAAABSATEAAgAAABEAAABah2kABAAAAAEAAABsAAAAAAAAAGAAAAABAAAAYAAAAAF3d3cuaW5rc2NhcGUub3JnAAAAAqACAAQAAAABAAAAhKADAAQAAAABAAAAXAAAAABi6d7wAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACpGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+d3d3Lmlua3NjYXBlLm9yZzwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjE8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE4NTwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4yNjU8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KFlWC+QAAEO9JREFUeAHtnAm0lkUZgC+KC4tb4oKmsmgJCG6piIoHKC3NMD1qelyyMHOpcKnMTmony3KpbNU0F9Q8ejTNU6llElhZGpqSuMZq4kqIsggKPc/cef/z3Qv3Fgcv/D/Me87DzLzffPPN987MO8v3X5qaihQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUCxQLFAsUC6zGFui0Gr9bu6+2ZMmStcjQOWfSDovh7U6dOi3JuhKsKRagM7Q5ENq7tibYp03DrO4vT8P35B13g4WwNiyAR/AQc+wUxVNgjdVdbGhI0wThUHgOpsKL8DvYEsyz/upui7beL+bQtq6vVvo86t/OLzWLcB4MzOk5hLPMg+g1ijS6BWjItaDNadBrsBl0810JR4MyA4Zl3VbEN8jxZZbF9Xaf472NKq60G15oIBt6HV7EBrSxjNfE67VEU9ORxG9Adxhhl6x/h3ALdKMJr4Bds36pciplr018jfKw2Sb1HdAodoZqg6cKo3OhGPFaw6K/EJR58DosgoU5TrDkDTjEGwm7QSrbMOLNpTb/i261GFTxTg3bw20c5/u8LrDx+vFSjvqX4Tb0/0G3bn7Rd8xP3E6iN1DWgzdy6JrB9cSG4D2eSSiGepzOlPeWCuLuTA6C5+CX6O1MaxEu9hlIOcfAMCtNMLquej1YX3ww4SB4CGz4ufAz6ArL8hzfRv8MHA2xhniC+AHwTZgONrjl1jxLTu+DbiLY+LPg66DnsE4+z3q1uMf7inSQBTC2o7U2FfgY03AeKJ4hKHqHaNSRxH8KX4U+0B92Bcv6Digz4RBQtx9sA8PhKvC+zcGGvxoUy1cmw4DWr4uuYT1v63ep2zRGro124kPhZBhkhQnPAuWt5iCdK+xO3BH9UtYZ3AxOC96zM9igyttws3qF+EEwHUL0OBvBRVnh+kOZBD3BjnQEHGs6l9Gi46aCyz/vjgUwcrUzaPSpsAAehSHgDuEucMpw9J6bG+Vy4srLzUFaMB6Qr52UdZaj2Lh98rUbk2bJkldzOJvwA+Bz7ofFYB2Ogc7g1KF3ckF6K/TO5cQaxmSRd8sCGDiNNkJH4yOgaHzlFp9DaGONhGHgglHdGaDYgMq/YEdYF6LRY7S74zg+32cDV+VxEtFZehP/GOyR8+5PPKYqPY1yTr7mOqehdiGNNtdp3O4aG1nUHDRpdHcBL5H+VdZF8AsivcBt5KvwA/I9Rf7+xAeDovdxN+FUsi+MgZ/ARvAxmAGXcp/Ty7qEU0hLiGcZegJ3F+5WTK+xR9+8e8cLDZGmDML14BR4ExR3B8OtAaHXXGCKbjzu6Up8D+gXNSW+M7wGimF4idsrebqjdx3St6KLsg3TdEBovm9AyG+J7Og9hI024OJV6z/EuLVFGvHB8EkYEjUn3injAi81XFxrHXJ9Y7gFqmInO9G8hGnKqd6HLso1jGdFp7O8T2Q2jftIlw4RxuiIEAP3gVGQvILPIO40koR4aqBK2rWCDRhUO5VriZvAdcWD8BlIZwiEdqi4xzClK+VWn1mNb0XeE+DD3mP+COPeEq6gBTBojEIbcDwsAg+FLoXqNBH5NkN/OrzPR5undRXQOcJt6B5gudtBLERrDZzvj4ZdhzzHwaFZ77RkGfFcp5e/gAvYF+Ec8DktOlPrupT0clhAg0Z24heAEruLV4m7CLTRXcglIX48uNp3F+H6ITVKXF+ekHurDX4o6flwP2xiOYRxUuozfgiKuxXlOdgl56vVb3mevyryNvIc54iODhOjtCs6dwaO6sPhAXYFV9IwTh0LiBOkTrYl17aAueDi0O8blqF3mEI+F5mmiaZvFB42fR7sAO5QhoML0OQ9crnhWSK0zPgmUr5vYIx3RXLDOBq3h3tBcWdwpg8gXB9i7t+E+J8gxDVCuk6YGi/fsyfpP8NEcP3g2cYkuARiGqp6hwPRvwCKHuD0XI4eKHYb2xK/ExRPR0/NeRpqyqh7D+Ho07CEuuBRRPuCXx5dR2yMfjZheAr1njco3ufZgu7ar5quASzHkfswjId0gESovAC3c90y7GjhOcxvGdGhTL8MymLyLySvHdLnfQUug/kwEZKQJzxFqEq4IhaoNLgNtRd8G8bCCHCU9ojyifuRKk4OvxZ6Q/QDwIVhLCAvIq54nhEnj0OIfxzSyM/39SX9d1BugPQ8wu7glnNz+D64vjgMnI58XsN9+Yz5zvrXs8QawUZylf9l2Bxeg7MgfuFEtGks3AGOdI+zvwvng+8qZ8NtpEcQzoDXc6gH+SLxa2FwHvl7o7uG9GdAz/AijOFaeCFPM08Dz0Oeh2FwPvQEpVHs21zbRvo3N6ijbifw24Jzvlu7qRBz+rHEx8I/wN1I7EiIpg9RepMHTCBzwXs9kHoZpkPISUTWhl9nhVtd8/0b3Fr+BN4DW4Prj1/BFaDY4aynC9nSITqqk2lcCE/xSeIL4FVQfgEuHieYQGLKcJv4c3Cn4Ui2oe4B5TKwnCdhDDhNPAvK4eBU4H0XwFhQLC/kKCKDIkFoh3HKcN3ic9KW1HiRDrIARk4LO0LnbHcTfup2Z+C8rnu/GE6G0aDcDebdEGzgLmAHceFno7lzcYRflNODiesVjsrprXNo49sBfw92lh/D8WCHugP0EMpxOb/PiYWuqiIdYQGMrJdIbpjQRtcTHAxbgAtG3biufhO4Dxyxkb8zcReBu0McLHmvuwQ7QeTrR3wHqDUo8WPAreQRvhdhT+gFfaE32PEeg1hspkVrR9iglNnKAhg9vISj+6lM72o2dDa8jezcf3L1WsTRvxfuBMWpx4OnpQS9jf4A2HE87LJD1NYGxPVKiotbrzl11TqTuiIdaAGMHSO5elzs9DEUPFTaCM6G+aDY2FfBkfBBOAj0LuNgMbwNitOP04newIMot6/nwsNgPsV7dgE9lZ7hElCmwV6+NmFDrx0aridjcOvMzi8dKevCrwcPjtxCToDu4DbQY2z/bM/DNw+NZoE/YLFDmd/Fnz+y8dDIMs1n3G2o96nbAMzrltP71D0FT8D2sDMoN8EoSOVTN+8vsrIsQKew8RyN28BEUNxGOkWI7n0evAUuBqUqjnjz6B3eyaFp762KaT1NlGPce9Srsxzjnl9YHz2UnaZhJRm2AWsfR8GvUHePiHcCF3JpfUGotHVK6L2O+Aj1Hkp4AEe35YTX+F82mkneRyEJ3iHKC1VDhf/rZev1ZRiIaSTqov8Gnl76fcHG8RRRPMWcDW+Cf5UlC8BpwkaPTkE0iR3AjiB2Jk9FnS66ZZxi3J24kxCPp/vA0/AYKNFRm1MN+G/Dujc7hKMR8Qh7B7AD2Ph2Eo+tZRF5bPgVktz5opPoicTFox1jPs/QSzllpDoZb1Rp2A6xogbPjbxUMXaypZRrkKLhO0SlYavv0tGNGs9Kz1nTO1HdjZdKp1ipdVtVz12pL1keVixQLFAsULNAzIU1RT1FcMmu7N0GxnbO+spC5u3QkWxe4RO4VfR69WTR/4w0nRxmF28ezxzeQe+OJEmra5bfYnfCdbfo1sfner22TqlcS2XmstyJKLW6ove5UUfrFX+OmDKWf9qwgAYFjb9M0bDV68T9wtlefn+sslTnX5YuHtjetcjz/4aWlbFD1ARdi3TtwiqMLGWkVViX2qM1FKPHY+HNUO4LvcAR50h/mGvjCN336z0cqR4AkEx/nLMnaX9m7yHUJHiIa29yTeP7nWMoeH0i+r+pJ/RZfrcYDp4teI9H4msTJk9BfEf0Q8DT0XHo/fROUHvu/uinwn3gIdaHwLOKP5BnJqH11TtYhmX9G/7ItTfQpzqQLlK1gAbWOOoIPwr+AspvFFV5kcR54HcDO4R59RifhyngN4kQje0n7oE5n7+X+GW+6I9a/OFMlLEf8dfA5x2b83tSmQTdF8DvHnYij8qjQxqeDsrvoQv424wp4E/zPhJ5iZ8I1slnxC+4/C1n3XiKujm6xih6K0eKRh9B/CpwJD8PV8Ac2AcceV+HeeS9lLy+w6fgclAeyWxKaDkjYQPyHU1+G+hZ0ko/GIjuz+hseP8zsffAM6BnaS0+x4bzK6p1VSJMnYq011xjqDe+MegVlAPhMtBLfQuu5LmWp5tpsR5CVyQbx9HWA+KHK/4ARhefhPhWMAbugb1VEjoap4NyPfiNQb1e4+MwE5QLsv5g4rPBL6CfzTp/YXUtKDdA8gyEtXUJ8dGg6LX65/vSgCIdHmIscdcr/eF5cKraA7aEqaBcDuGVauVbXj1IXbgqDOSIitHmyHU+dm1wDaNnPGES4i8QGQWHEn+wWdvkD1O2gcngfwjiT93WIfSPaO5Adx0oI9C7TngIpsF6MAAUR/KuKdbU9A/u8zO316sjN+pXrWu+pVb3ah4b3W8rveBi2A6ugfMoXy/ofz6yiHRdSerhdVKjMKYj3AZ6Ax63bhjPhV4vcJGmEbuj8+OV1/uA4ifoJ9DbEK5FYkE4gbT3OP1sSyOYR90gcCT7cawXvB/scPEp2w4pyyOR3zrMh63gXNgFXJz6t6av88wuhF6vO6kLD9HKKo5MReMuTLHmkXwn8QfgT3AvONp2AHceylyMvKA5mjpANM5sdBrfzm+HUsY1B+nPAnsR18N47Wn4JyjeX7VPlGfHDX14EHVV8bodwHdxAWo+O8lJdIYd7AyE8Z6o60fixeqhRmHwOVTGuA3o7w8Ut3o3wvdyqHG7gUb/Dyj+3N5tqu/kgi7mZ3XmNZ9eR3HhaZk9Qc+wPSiP0lguPF0IWo7nG2GjaHQ7oL+aMh0dLDolqprE+zyB5hQYD0Pg06D4Syvfo64kXnaVVopG0HhhwBnEJ4ONehhG8z8UmwTnwJno9BSK3sNpw8ZVdofdyOP04O8g/ImbDXsAaHjLnQ6KU8NfwOuHw4EwDx4GxZX/W5nwAtHoTl+bcs083qM47SjmsaMYhge4knw/I30dKCdQrwPRWa7PL7IsC2AkdwXSGS4DxVX6d8Hdhb+mHgn/BMUdyM7QFcaBMh6GgdvMbeF88FzCznGizyV01LvGOAOUWeAibxIMyHm8/3NwK+yfdf4S2/oot8FA8BzjOJgOyo9y3kHEnwPLHpZ1PYhbnnI7uMC1PtFxTBapWgDjJI9FaGPeDSGTidgBdNWLQXerax/s/YRD4ElQbDQ7zTQTWS4mtKOlDpfv+RBpO0vIb4ikKYDQjvZKvnBDzt+V9CVZZ+C20ue4fVX+Du6QrM/e4HXrOVKdQtzO6qJSOSfr1iFeF546VbLe/sE4ulyNtzVcCA+CI3AG2GifBUeoJ4b9o/7Ed4Kr4VGwMexE98FpEOcKnYlH+dsRvxmmwAQ4tVLWJqR/CH+FIyp6PcKX4BGwQ9q4U2AMxLbVug+AP4B1GVq538Y/FzwbuQvCI9XN1JGMExWulxBDMcU2f00k7sLvveDaYDJ6vyH0Ju4a4xnSjsLatwDi26F36+rOYpr5CW2kWp6cdl1hPhed7k5m5rJTPvLbSN3RzSJscT/X3JX0Bctwcfo0+ZyW4l6nAevhwnYq1+ZWrnVDZ/21/QyueUjWom7oi7S2AEZars7aXv72rrV+bnvp9spp71qU+f/kibyrKlwuo6/sSrYyoHWNnUiqCqOrRbpV/lp1W+eLCzl/rdxqviirqvO+0EcZEbaVrw19embra1FWCYsFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFigWKBYoFOsgC/wVtQ6/qBtbCIAAAAABJRU5ErkJggg==);
    height: 75px;
    background-repeat: no-repeat;
    background-position: 50%
}

body .sf-n-platform .sf-n-taxAgency__create-agency-logo,
body .sf-n-widget .sf-n-taxAgency__create-agency-logo {
    border-radius: .625rem
}

body .sf-n-platform .sf-n-taxAgency__logo,
body .sf-n-widget .sf-n-taxAgency__logo {
    border-radius: .625rem .625rem 0 0
}

body .sf-n-platform .sf-n-taxAgency__connection,
body .sf-n-widget .sf-n-taxAgency__connection {
    cursor: pointer;
    background-color: #fafafa;
    border-radius: 0 0 .625rem .625rem
}

body .sf-n-platform .sf-n-taxAgency__status-check,
body .sf-n-widget .sf-n-taxAgency__status-check {
    padding: .625rem
}

body .sf-n-platform .sf-n-taxAgency__connection-error,
body .sf-n-platform .sf-n-taxAgency__logo-error,
body .sf-n-widget .sf-n-taxAgency__connection-error,
body .sf-n-widget .sf-n-taxAgency__logo-error {
    cursor: unset
}

body .sf-n-platform .sf-n-user-settings-popup .sf-n-user-settings__profile-pic,
body .sf-n-widget .sf-n-user-settings-popup .sf-n-user-settings__profile-pic {
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    display: block;
    width: 10rem;
    height: 10rem;
    border-radius: 5rem;
    border: none;
    overflow: hidden;
    position: relative
}

body .sf-n-platform .sf-n-user-settings-popup .sf-n-user-settings__profile-pic:hover:after,
body .sf-n-widget .sf-n-user-settings-popup .sf-n-user-settings__profile-pic:hover:after {
    opacity: .5
}

body .sf-n-platform .sf-n-user-settings-popup .sf-n-user-settings__profile-pic:after,
body .sf-n-widget .sf-n-user-settings-popup .sf-n-user-settings__profile-pic:after {
    width: 100%;
    height: 100%;
    content: "";
    background-color: #757575;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

body .sf-n-platform .sf-n-user-settings-popup .sf-n-user-settings__file-uploader-input,
body .sf-n-widget .sf-n-user-settings-popup .sf-n-user-settings__file-uploader-input {
    display: none
}

body .sf-n-platform .sf-n-user-settings-popup .sf-n-user-settings__file-uploader-label,
body .sf-n-widget .sf-n-user-settings-popup .sf-n-user-settings__file-uploader-label {
    border-radius: 50%
}

body .sf-n-platform .sf-n-user-settings-popup .sf-n-user-settings__file-uploader-label:hover~.sf-n-user-settings__edit-icon,
body .sf-n-widget .sf-n-user-settings-popup .sf-n-user-settings__file-uploader-label:hover~.sf-n-user-settings__edit-icon {
    display: flex
}

body .sf-n-platform .sf-n-user-settings-popup .sf-n-user-settings__edit-icon,
body .sf-n-widget .sf-n-user-settings-popup .sf-n-user-settings__edit-icon {
    display: none;
    position: absolute;
    left: 45%;
    background: transparent;
    width: 12%;
    margin: auto;
    pointer-events: none;
    animation: appear .25s ease-in-out
}

body .sf-n-platform .sf-n-community__peers-profile-button,
body .sf-n-platform .sf-n-community__user-profile-button,
body .sf-n-widget .sf-n-community__peers-profile-button,
body .sf-n-widget .sf-n-community__user-profile-button {
    cursor: pointer;
    outline: none
}

body .sf-n-platform .sf-n-community__user-profile-button .sf-n-community__user-edit-icon,
body .sf-n-platform .sf-n-community__user-profile-button:hover .sf-n-community__user-profile-icon,
body .sf-n-widget .sf-n-community__user-profile-button .sf-n-community__user-edit-icon,
body .sf-n-widget .sf-n-community__user-profile-button:hover .sf-n-community__user-profile-icon {
    display: none
}

body .sf-n-platform .sf-n-community__user-profile-button:hover .sf-n-community__user-edit-icon,
body .sf-n-widget .sf-n-community__user-profile-button:hover .sf-n-community__user-edit-icon {
    display: inline
}

body .sf-n-platform .sf-n-community__peers-profile-button .sf-n-community__peers-edit-icon,
body .sf-n-platform .sf-n-community__peers-profile-button:hover .sf-n-community__peers-profile-icon,
body .sf-n-widget .sf-n-community__peers-profile-button .sf-n-community__peers-edit-icon,
body .sf-n-widget .sf-n-community__peers-profile-button:hover .sf-n-community__peers-profile-icon {
    display: none
}

body .sf-n-platform .sf-n-community__peers-profile-button:hover .sf-n-community__peers-edit-icon,
body .sf-n-widget .sf-n-community__peers-profile-button:hover .sf-n-community__peers-edit-icon {
    display: inline
}

body .sf-n-platform .sf-n-peer-profile_button,
body .sf-n-platform .sf-n-user-profile_button,
body .sf-n-widget .sf-n-peer-profile_button,
body .sf-n-widget .sf-n-user-profile_button {
    width: 100%;
    text-align: center
}

@media (min-width: 1920px) {

    body .sf-n-platform .sf-n-company-card__fixed-wrapper,
    body .sf-n-widget .sf-n-company-card__fixed-wrapper {
        position: sticky;
        top: 0;
        width: 20rem;
        z-index: 4
    }
}

body .sf-n-platform .sf-n-company-card,
body .sf-n-widget .sf-n-company-card {
    max-width: 31.25rem
}

body .sf-n-platform .sf-n-company-card .sf-n-company-card__logo,
body .sf-n-widget .sf-n-company-card .sf-n-company-card__logo {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100%;
    display: flex;
    cursor: pointer
}

body .sf-n-platform .sf-n-company-card .sf-n-company-card__logo>div,
body .sf-n-widget .sf-n-company-card .sf-n-company-card__logo>div {
    width: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: 50%
}

body .sf-n-platform .sf-n-company-card .sf-n-company-card__logo svg,
body .sf-n-widget .sf-n-company-card .sf-n-company-card__logo svg {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    margin: auto
}

body .sf-n-platform .sf-n-company-card .sf-n-company-card__details,
body .sf-n-widget .sf-n-company-card .sf-n-company-card__details {
    word-break: break-word
}

body .sf-n-platform .sf-n-sidebar-wrapper,
body .sf-n-widget .sf-n-sidebar-wrapper {
    background-color: #2c3e50;
    min-height: 100vh
}

body .sf-n-platform .sf-n-nav-dropdown-container,
body .sf-n-widget .sf-n-nav-dropdown-container {
    display: inline-block;
    position: relative;
    z-index: 1
}

body .sf-n-platform .sf-n-nav-dropdown__list,
body .sf-n-widget .sf-n-nav-dropdown__list {
    position: absolute;
    z-index: 2
}

body .sf-n-platform .sf-n-nav-dropdown__list--left,
body .sf-n-widget .sf-n-nav-dropdown__list--left {
    left: 0
}

body .sf-n-platform .sf-n-nav-dropdown__list--center,
body .sf-n-widget .sf-n-nav-dropdown__list--center {
    left: 50%;
    transform: translateX(-50%)
}

body .sf-n-platform .sf-n-nav-dropdown__list--right,
body .sf-n-widget .sf-n-nav-dropdown__list--right {
    right: 0
}

body .sf-n-platform .sf-n-nav-dropdown__list-wrapper--top,
body .sf-n-widget .sf-n-nav-dropdown__list-wrapper--top {
    bottom: 100%
}

body .sf-n-platform .sf-n-nav-dropdown__list-wrapper--bottom,
body .sf-n-widget .sf-n-nav-dropdown__list-wrapper--bottom {
    top: 100%
}

body .sf-n-platform .sf-n-accounts-selector__select-account-list,
body .sf-n-widget .sf-n-accounts-selector__select-account-list {
    width: 19.375rem;
    border: 0
}

body .sf-n-platform .sf-n-accounts-selector__icon-text-button,
body .sf-n-widget .sf-n-accounts-selector__icon-text-button {
    width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

body .sf-n-platform .sf-n-accounts-selector__icon-text-button svg,
body .sf-n-widget .sf-n-accounts-selector__icon-text-button svg {
    margin-top: 5px
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-accounts-selector__icon-text-button,
    body .sf-n-widget .sf-n-accounts-selector__icon-text-button {
        width: 11.6875rem
    }
}

body .sf-n-platform .sf-n-accounts-selector__account-alias,
body .sf-n-widget .sf-n-accounts-selector__account-alias {
    text-align: center;
    flex: 1
}

body .sf-n-platform .sf-n-accounts-selector__select-account-option,
body .sf-n-widget .sf-n-accounts-selector__select-account-option {
    display: flex;
    justify-content: space-between;
    color: #555;
    padding: .5rem .5rem .5rem 1rem;
    border: 0;
    letter-spacing: 0;
    text-transform: none
}

body .sf-n-platform .sf-n-accounts-selector__select-account-option span:first-child,
body .sf-n-widget .sf-n-accounts-selector__select-account-option span:first-child {
    display: flex;
    width: calc(100% - 24px);
    min-width: 0
}

body .sf-n-platform .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-alias,
body .sf-n-widget .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-alias {
    width: 20%
}

body .sf-n-platform .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-alias,
body .sf-n-platform .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-balance,
body .sf-n-platform .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-type,
body .sf-n-widget .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-alias,
body .sf-n-widget .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-balance,
body .sf-n-widget .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-type {
    align-self: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: auto
}

body .sf-n-platform .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-balance,
body .sf-n-platform .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-type,
body .sf-n-widget .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-balance,
body .sf-n-widget .sf-n-accounts-selector__select-account-option span:first-child .sf-n-accounts-selector__option-type {
    padding: 0 .3125rem;
    width: auto;
    overflow: visible
}

body .sf-n-platform .sf-n-accounts-selector__select-account-option.sf-n-multi-select-dropdown__option-unselected,
body .sf-n-widget .sf-n-accounts-selector__select-account-option.sf-n-multi-select-dropdown__option-unselected {
    padding-right: .5rem;
    padding-bottom: .75rem;
    padding-top: .75rem
}

body .sf-n-platform .sf-n-nav-icon-link,
body .sf-n-widget .sf-n-nav-icon-link {
    border-radius: 0;
    height: 3.6875rem;
    width: 6.8125rem;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #415161;
    text-align: center;
    background-color: #f2f2f2;
    cursor: pointer;
    outline: none;
    padding: 0;
    border: none;
    border-right: 1px solid #ccc
}

body .sf-n-platform .sf-n-nav-icon-link--selected,
body .sf-n-platform .sf-n-nav-icon-link:active,
body .sf-n-platform .sf-n-nav-icon-link:focus,
body .sf-n-platform .sf-n-nav-icon-link:hover,
body .sf-n-widget .sf-n-nav-icon-link--selected,
body .sf-n-widget .sf-n-nav-icon-link:active,
body .sf-n-widget .sf-n-nav-icon-link:focus,
body .sf-n-widget .sf-n-nav-icon-link:hover {
    background-color: #fafafa
}

body .sf-n-platform .sf-n-nav-profile__circle,
body .sf-n-widget .sf-n-nav-profile__circle {
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    background: #ccc;
    color: #555;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: .9375rem;
    overflow: hidden
}

body .sf-n-platform .sf-n-nav-profile__circle:active,
body .sf-n-platform .sf-n-nav-profile__circle:focus,
body .sf-n-platform .sf-n-nav-profile__circle:hover,
body .sf-n-widget .sf-n-nav-profile__circle:active,
body .sf-n-widget .sf-n-nav-profile__circle:focus,
body .sf-n-widget .sf-n-nav-profile__circle:hover {
    color: #555
}

body .sf-n-platform .sf-n-nav-profile__circle svg,
body .sf-n-widget .sf-n-nav-profile__circle svg {
    width: 100%;
    height: 100%
}

body .sf-n-platform .sf-n-nav-profile__circle>div,
body .sf-n-widget .sf-n-nav-profile__circle>div {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%
}

body .sf-n-platform .sf-n-nav-sublink,
body .sf-n-widget .sf-n-nav-sublink {
    display: block;
    min-width: 9rem;
    white-space: nowrap;
    text-decoration: none;
    padding: .75rem 1.5625rem;
    font-size: .875rem;
    color: #555
}

body .sf-n-platform .sf-n-nav-sublink:active,
body .sf-n-platform .sf-n-nav-sublink:focus,
body .sf-n-platform .sf-n-nav-sublink:hover,
body .sf-n-platform .sf-n-nav-sublink__active,
body .sf-n-widget .sf-n-nav-sublink:active,
body .sf-n-widget .sf-n-nav-sublink:focus,
body .sf-n-widget .sf-n-nav-sublink:hover,
body .sf-n-widget .sf-n-nav-sublink__active {
    background-color: #fafafa;
    color: #555
}

body .sf-n-platform .sf-n-nav-sublink__disable,
body .sf-n-widget .sf-n-nav-sublink__disable {
    opacity: .4;
    pointer-events: none
}

body .sf-n-platform .sf-n-nav-sublinks,
body .sf-n-widget .sf-n-nav-sublinks {
    margin-top: .3125rem;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

body .sf-n-platform .sf-n-custom-nav-sublink,
body .sf-n-widget .sf-n-custom-nav-sublink {
    cursor: pointer
}

body .sf-n-platform .sf-n-nav-sublinks-header,
body .sf-n-widget .sf-n-nav-sublinks-header {
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555;
    padding: 0 1.5625rem;
    margin: .75rem 0
}

body .sf-n-platform .sf-n-nav-user-header,
body .sf-n-widget .sf-n-nav-user-header {
    padding: 1.25rem;
    width: 16.0625rem;
    display: flex
}

body .sf-n-platform .sf-n-nav-user-header__circle>div,
body .sf-n-widget .sf-n-nav-user-header__circle>div {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%
}

body .sf-n-platform .sf-n-nav-user-header__circle,
body .sf-n-widget .sf-n-nav-user-header__circle {
    -o-object-fit: cover;
    object-fit: cover;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100%;
    background-color: #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

body .sf-n-platform .sf-n-nav-user-header__circle svg,
body .sf-n-widget .sf-n-nav-user-header__circle svg {
    width: 100%;
    height: 100%
}

body .sf-n-platform .sf-n-nav-user-header__details,
body .sf-n-widget .sf-n-nav-user-header__details {
    max-width: 75%
}

body .sf-n-platform .sf-n-nav-more-icon,
body .sf-n-widget .sf-n-nav-more-icon {
    height: 50px
}

body .sf-n-platform .sf-n-nav-sidebar-sublink,
body .sf-n-widget .sf-n-nav-sidebar-sublink {
    list-style: none;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: .5rem 0 .5rem 3.75rem;
    font-size: .875rem
}

body .sf-n-platform .sf-n-nav-sidebar-sublink:active,
body .sf-n-platform .sf-n-nav-sidebar-sublink:focus,
body .sf-n-platform .sf-n-nav-sidebar-sublink:hover,
body .sf-n-widget .sf-n-nav-sidebar-sublink:active,
body .sf-n-widget .sf-n-nav-sidebar-sublink:focus,
body .sf-n-widget .sf-n-nav-sidebar-sublink:hover {
    color: #fff;
    background-color: #009d4c
}

body .sf-n-platform .sf-n-nav-sidebar-sublink--active,
body .sf-n-widget .sf-n-nav-sidebar-sublink--active {
    background-color: #009d4c
}

html body .sf-n-platform .sf-n-form-field--initial,
html body .sf-n-widget .sf-n-form-field--initial {
    border-radius: .25rem
}

html body .sf-n-platform .sf-n-form-field--initial:focus,
html body .sf-n-platform .sf-n-form-field--initial.focused,
html body .sf-n-widget .sf-n-form-field--initial:focus,
html body .sf-n-widget .sf-n-form-field--initial.focused {
    border: 2px solid #bce4c9
}

html body .sf-n-platform .sf-n-heading,
html body .sf-n-widget .sf-n-heading {
    text-transform: none;
    font-family: Roboto_Light, sans-serif;
    font-size: 2rem;
    font-weight: 300;
    margin-top: 0
}

html body .sf-n-platform .toggle-switch,
html body .sf-n-widget .toggle-switch {
    height: 1.6875rem
}


body .sf-n-platform .sf-n-navbar__wrapper {
    position: fixed;
    z-index: 2;
    width: 100%
}

@media (min-width: 1920px) {
    body .sf-n-platform .sf-n-navbar__wrapper {
        width: calc(100% - 326px)
    }
}

body .sf-n-platform .sf-n-navbar--desktop {
    display: none
}

@media (min-width: 1920px) {
    body .sf-n-platform .sf-n-navbar--desktop {
        display: block
    }
}

body .sf-n-platform .sf-n-navbar--mobile {
    display: block
}

@media (min-width: 1920px) {
    body .sf-n-platform .sf-n-navbar--mobile {
        display: none
    }
}

body .sf-n-platform .sf-n-navbar--mobile__user-link {
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #ccc
}

body .sf-n-platform .sf-n-navbar--mobile__user-link:first-child {
    border-left: 1px solid #ccc
}

body .sf-n-platform .sf-n-navbar__user-link {
    max-width: 16.0625rem;
    min-width: 3.75rem
}

body .sf-n-platform .sf-n-navbar__user-link__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-platform-layout__body {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%
}

body .sf-n-platform .sf-n-platform-layout__sidebar {
    position: fixed;
    width: 20.375rem;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    border-right: 6px solid rgba(0, 0, 0, .1);
    transition-property: left;
    transition-duration: .4s;
    left: -20.375rem
}

@media (min-width: 1920px) {
    body .sf-n-platform .sf-n-platform-layout__sidebar {
        left: 0
    }
}

body .sf-n-platform .sf-n-platform-layout__content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    transition-property: left;
    transition-duration: .4s
}

@media (min-width: 1920px) {
    body .sf-n-platform .sf-n-platform-layout__content {
        left: 20.375rem
    }
}

body .sf-n-platform .sf-n-platform-container__content-wrapper {
    padding-top: 3.75rem;
    background-color: #fafafa
}

body .sf-n-platform .sf-n-button--primary,
body .sf-n-platform .sf-n-button--primary.sf-n-button--active,
body .sf-n-platform .sf-n-button--primary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--primary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--primary:active,
body .sf-n-platform .sf-n-button--primary:disabled,
body .sf-n-platform .sf-n-button--primary:hover,
body .sf-n-platform .sf-n-button--secondary,
body .sf-n-platform .sf-n-button--secondary.sf-n-button--active,
body .sf-n-platform .sf-n-button--secondary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--secondary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--secondary:active,
body .sf-n-platform .sf-n-button--secondary:disabled,
body .sf-n-platform .sf-n-button--secondary:hover,
body .sf-n-platform .sf-n-button--with-icon-primary,
body .sf-n-platform .sf-n-button--with-icon-primary.sf-n-button--active,
body .sf-n-platform .sf-n-button--with-icon-primary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--with-icon-primary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--with-icon-primary:active,
body .sf-n-platform .sf-n-button--with-icon-primary:disabled,
body .sf-n-platform .sf-n-button--with-icon-primary:hover,
body .sf-n-platform .sf-n-button--with-icon-secondary,
body .sf-n-widget .sf-n-button--primary,
body .sf-n-widget .sf-n-button--primary.sf-n-button--active,
body .sf-n-widget .sf-n-button--primary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--primary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--primary:active,
body .sf-n-widget .sf-n-button--primary:disabled,
body .sf-n-widget .sf-n-button--primary:hover,
body .sf-n-widget .sf-n-button--secondary,
body .sf-n-widget .sf-n-button--secondary.sf-n-button--active,
body .sf-n-widget .sf-n-button--secondary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--secondary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--secondary:active,
body .sf-n-widget .sf-n-button--secondary:disabled,
body .sf-n-widget .sf-n-button--secondary:hover,
body .sf-n-widget .sf-n-button--with-icon-primary,
body .sf-n-widget .sf-n-button--with-icon-primary.sf-n-button--active,
body .sf-n-widget .sf-n-button--with-icon-primary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--with-icon-primary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--with-icon-primary:active,
body .sf-n-widget .sf-n-button--with-icon-primary:disabled,
body .sf-n-widget .sf-n-button--with-icon-primary:hover,
body .sf-n-widget .sf-n-button--with-icon-secondary {
    background-color: #009d4c
}

body .sf-n-platform .sf-n-button--with-icon-secondary,
body .sf-n-widget .sf-n-button--with-icon-secondary {
    background-color: #f4f4f4;
    color: #009d4c
}

body .sf-n-platform .sf-n-button--with-icon-secondary.sf-n-button--active,
body .sf-n-platform .sf-n-button--with-icon-secondary.sf-n-button--active:active,
body .sf-n-platform .sf-n-button--with-icon-secondary.sf-n-button--active:hover,
body .sf-n-platform .sf-n-button--with-icon-secondary:active,
body .sf-n-platform .sf-n-button--with-icon-secondary:hover,
body .sf-n-widget .sf-n-button--with-icon-secondary.sf-n-button--active,
body .sf-n-widget .sf-n-button--with-icon-secondary.sf-n-button--active:active,
body .sf-n-widget .sf-n-button--with-icon-secondary.sf-n-button--active:hover,
body .sf-n-widget .sf-n-button--with-icon-secondary:active,
body .sf-n-widget .sf-n-button--with-icon-secondary:hover {
    background-color: #009d4c
}

body .sf-n-platform .sf-n-tab-filter--primary,
body .sf-n-platform .sf-n-tab-filter--primary:active,
body .sf-n-platform .sf-n-tab-filter--primary:disabled,
body .sf-n-platform .sf-n-tab-filter--primary:hover,
body .sf-n-platform .sf-n-tab-filter--secondary,
body .sf-n-platform .sf-n-tab-filter--secondary:active,
body .sf-n-platform .sf-n-tab-filter--secondary:disabled,
body .sf-n-platform .sf-n-tab-filter--secondary:hover,
body .sf-n-widget .sf-n-tab-filter--primary,
body .sf-n-widget .sf-n-tab-filter--primary:active,
body .sf-n-widget .sf-n-tab-filter--primary:disabled,
body .sf-n-widget .sf-n-tab-filter--primary:hover,
body .sf-n-widget .sf-n-tab-filter--secondary,
body .sf-n-widget .sf-n-tab-filter--secondary:active,
body .sf-n-widget .sf-n-tab-filter--secondary:disabled,
body .sf-n-widget .sf-n-tab-filter--secondary:hover {
    color: #009d4c;
    background-color: #f4f4f4
}

body .sf-n-platform .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected,
body .sf-n-platform .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected:hover,
body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected,
body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected:active,
body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected:disabled,
body .sf-n-platform .sf-n-tab-filter--primary.sf-n-tab-filter--selected:hover,
body .sf-n-platform .sf-n-tab-filter--secondary.sf-n-tab-filter--selected,
body .sf-n-platform .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:hover,
body .sf-n-widget .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected,
body .sf-n-widget .sf-n-tab-filter--primary-button.sf-n-tab-filter--selected:hover,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected:active,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected:disabled,
body .sf-n-widget .sf-n-tab-filter--primary.sf-n-tab-filter--selected:hover,
body .sf-n-widget .sf-n-tab-filter--secondary.sf-n-tab-filter--selected,
body .sf-n-widget .sf-n-tab-filter--secondary.sf-n-tab-filter--selected:hover {
    background-color: #009d4c
}

body .sf-n-platform .sf-n-icon-input-wrapper,
body .sf-n-widget .sf-n-icon-input-wrapper {
    width: 16.875rem;
    margin-left: -.25rem;
    position: relative
}

@media (max-width: 576px) {

    body .sf-n-platform .sf-n-icon-input-wrapper,
    body .sf-n-widget .sf-n-icon-input-wrapper {
        min-width: 16.25rem
    }
}

body .sf-n-platform .sf-n-icon-input-wrapper>span,
body .sf-n-widget .sf-n-icon-input-wrapper>span {
    position: absolute;
    color: #3f3f3f;
    background-color: #fff;
    top: 2px;
    left: 2px;
    bottom: 2px;
    border-radius: .25rem
}

body .sf-n-platform .sf-n-icon-input-wrapper>input,
body .sf-n-widget .sf-n-icon-input-wrapper>input {
    text-indent: 35px
}

body .sf-n-platform .sf-n-accounts-selector__icon-text-button,
body .sf-n-widget .sf-n-accounts-selector__icon-text-button {
    border-radius: 1.5625rem;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-accounts-selector__icon-text-button,
    body .sf-n-widget .sf-n-accounts-selector__icon-text-button {
        display: flex;
        flex-direction: row-reverse
    }

    body .sf-n-platform .sf-n-accounts-selector__icon-text-button .sf-n-icon,
    body .sf-n-widget .sf-n-accounts-selector__icon-text-button .sf-n-icon {
        margin: -.125rem -1.25rem 0 .3125rem
    }
}

body .sf-n-platform .sf-n-accounts-selector__select-account-list,
body .sf-n-widget .sf-n-accounts-selector__select-account-list {
    width: -moz-fit-content;
    width: fit-content
}

body .sf-n-platform .sf-n-accounts-selector__select-account-list .sf-n-accounts-selector__select-account-option span:first-child,
body .sf-n-widget .sf-n-accounts-selector__select-account-list .sf-n-accounts-selector__select-account-option span:first-child {
    min-width: -moz-fit-content;
    min-width: fit-content
}

body .sf-n-platform .sf-n-table__column-headers,
body .sf-n-widget .sf-n-table__column-headers {
    background-color: #707070
}

body .sf-n-platform .sf-n-date-picker-month.sf-n-month-in-range,
body .sf-n-platform .sf-n-date-picker-month.sf-n-month-selected,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-in-range,
body .sf-n-widget .sf-n-date-picker-month.sf-n-month-selected {
    background-color: #009d4c
}

body .sf-n-platform .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--positive,
body .sf-n-widget .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--positive {
    background-color: #00b052;
    cursor: pointer
}

body .sf-n-platform .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--negative,
body .sf-n-widget .sf-n-monthly-calendar__day.sf-n-monthly-calendar__day--negative {
    background-color: #d65836;
    cursor: pointer
}

body .sf-n-platform .sf-n-monthly-big-calendar__today-dot.sf-n-bg-secondary-soft,
body .sf-n-widget .sf-n-monthly-big-calendar__today-dot.sf-n-bg-secondary-soft {
    background-color: #374859
}

body .sf-n-platform .sf-n-monthly-big-calendar__day,
body .sf-n-widget .sf-n-monthly-big-calendar__day {
    width: unset
}

body .sf-n-platform .sf-n-calendar-nav__button,
body .sf-n-widget .sf-n-calendar-nav__button {
    border-radius: 1.25rem
}

body .sf-n-platform .sf-n-chart-legend-icon,
body .sf-n-widget .sf-n-chart-legend-icon {
    border-radius: 1em;
    height: 1em;
    width: 1.5em
}

body .sf-n-platform .sf-n-chart-legend-text,
body .sf-n-widget .sf-n-chart-legend-text {
    font-weight: 700
}

body .sf-n-platform .sf-n-chart-legend-text .sf-n-amount,
body .sf-n-widget .sf-n-chart-legend-text .sf-n-amount {
    font-weight: 400
}

body .sf-n-platform .toggle-switch-checkbox:checked+.toggle-switch-label,
body .sf-n-widget .toggle-switch-checkbox:checked+.toggle-switch-label {
    background-color: #009d4c
}

body .sf-n-platform .toggle-switch-checkbox:checked+.toggle-switch-label,
body .sf-n-platform .toggle-switch-checkbox:checked+.toggle-switch-label:before,
body .sf-n-widget .toggle-switch-checkbox:checked+.toggle-switch-label,
body .sf-n-widget .toggle-switch-checkbox:checked+.toggle-switch-label:before {
    border-color: #009d4c
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-donut-chart__minimum-height,
    body .sf-n-widget .sf-n-donut-chart__minimum-height {
        max-height: 35rem;
        margin-top: 4.0625rem
    }
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-donut-chart__minimum-height>div:first-child,
    body .sf-n-widget .sf-n-donut-chart__minimum-height>div:first-child {
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
}

body .sf-n-platform .sf-n-date-picker__day.sf-n-date-picker__day--in-range.sf-n-date-picker__day--passive,
body .sf-n-widget .sf-n-date-picker__day.sf-n-date-picker__day--in-range.sf-n-date-picker__day--passive {
    background-color: #fff
}

body .sf-n-platform .sf-n-budgets__sphere,
body .sf-n-widget .sf-n-budgets__sphere {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-budgets__sphere,
    body .sf-n-widget .sf-n-budgets__sphere {
        height: 100%;
        display: block;
        width: 120px
    }
}

body .sf-n-platform .sf-n-budget-item__min-height-130,
body .sf-n-widget .sf-n-budget-item__min-height-130 {
    min-height: 8.125rem
}

body .sf-n-platform .sf-n-budgets__monthly-budget-aside,
body .sf-n-widget .sf-n-budgets__monthly-budget-aside {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-budgets__monthly-budget-aside,
    body .sf-n-widget .sf-n-budgets__monthly-budget-aside {
        display: flex;
        width: 150px
    }
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-progress-bar__container,
    body .sf-n-widget .sf-n-progress-bar__container {
        width: 22.625rem
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-progress-bar__container,
    body .sf-n-widget .sf-n-progress-bar__container {
        width: 30.3125rem
    }
}

body .sf-n-platform .sf-n-item-with-budget__pointer,
body .sf-n-widget .sf-n-item-with-budget__pointer {
    cursor: pointer;
    position: relative
}

body .sf-n-platform .sf-n-budget-buttons-controls,
body .sf-n-widget .sf-n-budget-buttons-controls {
    transform: translate(20%, -120%);
    float: right;
    width: 5%
}

@media (max-width: 576px) {

    body .sf-n-platform .sf-n-budget-buttons-controls,
    body .sf-n-widget .sf-n-budget-buttons-controls {
        transform: translate(-90%, -135%)
    }
}

body .sf-n-platform .sf-n-budget-buttons-controls .sf-n-side-buttons__edit,
body .sf-n-widget .sf-n-budget-buttons-controls .sf-n-side-buttons__edit {
    color: #009d4c;
    margin-bottom: 1.875rem
}

body .sf-n-platform .sf-n-budget-buttons-controls .sf-n-side-buttons__edit:focus,
body .sf-n-platform .sf-n-budget-buttons-controls .sf-n-side-buttons__edit:hover,
body .sf-n-widget .sf-n-budget-buttons-controls .sf-n-side-buttons__edit:focus,
body .sf-n-widget .sf-n-budget-buttons-controls .sf-n-side-buttons__edit:hover {
    color: #009d4c
}

body .sf-n-platform .sf-n-budget-item__time-marks,
body .sf-n-widget .sf-n-budget-item__time-marks {
    width: 95%
}

body .sf-n-platform .sf-n-provisioning .sf-n-multi-select-dropdown-container,
body .sf-n-widget .sf-n-provisioning .sf-n-multi-select-dropdown-container {
    vertical-align: middle
}

body .sf-n-platform .sf-n-notifications-body,
body .sf-n-widget .sf-n-notifications-body {
    background-color: #009d4c
}

body .sf-n-platform .sf-n-notifications-body .sf-n-popup-header__side .sf-n-button--icon-plain,
body .sf-n-widget .sf-n-notifications-body .sf-n-popup-header__side .sf-n-button--icon-plain {
    color: #fff
}

body .sf-n-platform div.sf-n-transaction-row,
body .sf-n-widget div.sf-n-transaction-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    overflow: hidden;
    height: 3.75rem;
    outline: none
}

body .sf-n-platform .sf-n-transaction-row--clickable,
body .sf-n-widget .sf-n-transaction-row--clickable {
    cursor: pointer
}

body .sf-n-platform .sf-n-transaction-row--clickable:active,
body .sf-n-platform .sf-n-transaction-row--clickable:focus,
body .sf-n-platform .sf-n-transaction-row--clickable:hover,
body .sf-n-widget .sf-n-transaction-row--clickable:active,
body .sf-n-widget .sf-n-transaction-row--clickable:focus,
body .sf-n-widget .sf-n-transaction-row--clickable:hover {
    background-color: #fafafa
}

body .sf-n-platform .sf-n-transaction-row__category,
body .sf-n-widget .sf-n-transaction-row__category {
    margin-left: .625rem;
    margin-right: .625rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-transaction-row__category,
    body .sf-n-widget .sf-n-transaction-row__category {
        display: flex;
        flex: 0 0 3.75rem;
        max-width: 3.75rem;
        justify-content: center;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-transaction-row__account,
    body .sf-n-widget .sf-n-transaction-row__account {
        margin-right: 2rem
    }
}

body .sf-n-platform .sf-n-transaction-row__account,
body .sf-n-platform .sf-n-transaction-row__name,
body .sf-n-widget .sf-n-transaction-row__account,
body .sf-n-widget .sf-n-transaction-row__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-transaction-row__icons,
body .sf-n-widget .sf-n-transaction-row__icons {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-transaction-row__icons,
    body .sf-n-widget .sf-n-transaction-row__icons {
        display: flex;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
}

body .sf-n-platform .sf-n-transaction-row__currency,
body .sf-n-widget .sf-n-transaction-row__currency {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-transaction-row__currency,
    body .sf-n-widget .sf-n-transaction-row__currency {
        display: block;
        width: 1.5rem;
        height: 1.5rem;
        margin-left: auto
    }
}

body .sf-n-platform .sf-n-transaction-row__currency_text,
body .sf-n-widget .sf-n-transaction-row__currency_text {
    font-size: 8px
}

body .sf-n-platform .sf-n-transaction-row__heatmap,
body .sf-n-widget .sf-n-transaction-row__heatmap {
    width: .375rem;
    height: 100%
}

body .sf-n-platform .sf-n-transaction-row:hover,
body .sf-n-widget .sf-n-transaction-row:hover {
    background-color: #f4f4f4
}

body .sf-n-platform .sf-n-date-picker__day.sf-n-date-picker__day--in-range,
body .sf-n-platform .sf-n-date-picker__day.sf-n-date-picker__day--selected,
body .sf-n-platform .sf-n-misc-form-field--initial:checked,
body .sf-n-widget .sf-n-date-picker__day.sf-n-date-picker__day--in-range,
body .sf-n-widget .sf-n-date-picker__day.sf-n-date-picker__day--selected,
body .sf-n-widget .sf-n-misc-form-field--initial:checked {
    background-color: #009d4c
}

body .sf-n-platform .sf-n-icon-button__notifications+div .sf-n-bc-dark-neutral-light,
body .sf-n-widget .sf-n-icon-button__notifications+div .sf-n-bc-dark-neutral-light {
    padding-top: 0
}

body .sf-n-platform .sf-n-budgets__input-detail-budget,
body .sf-n-widget .sf-n-budgets__input-detail-budget {
    background-color: #fafafa;
    font-size: 1.875rem;
    text-align: right
}

body .sf-n-platform .sf-n-budgets ul,
body .sf-n-widget .sf-n-budgets ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

body .sf-n-platform .sf-n-widget.sf-n-financialanalysis .sf-n-accordion-button__content,
body .sf-n-widget .sf-n-widget.sf-n-financialanalysis .sf-n-accordion-button__content {
    background-color: #f2f2f2;
    color: #757575;
    padding: 1.5rem;
    font-weight: inherit;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: inherit
}

body .sf-n-platform .sf-n-widget.sf-n-financialanalysis .sf-n-icon-button__notifications+div,
body .sf-n-widget .sf-n-widget.sf-n-financialanalysis .sf-n-icon-button__notifications+div {
    padding-top: 0
}

body .sf-n-platform .sf-n-widget.sf-n-financialanalysis .sf-n-chart-legend-text,
body .sf-n-widget .sf-n-widget.sf-n-financialanalysis .sf-n-chart-legend-text {
    width: 100%
}

body .sf-n-platform .sf-n-scheduled__tabs-position,
body .sf-n-widget .sf-n-scheduled__tabs-position {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-scheduled__tabs-position,
    body .sf-n-widget .sf-n-scheduled__tabs-position {
        flex-direction: row;
        justify-content: flex-end
    }
}

body .sf-n-platform .sf-n-scheduled__padding-top,
body .sf-n-widget .sf-n-scheduled__padding-top {
    padding-top: 1rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-scheduled__padding-top,
    body .sf-n-widget .sf-n-scheduled__padding-top {
        padding-top: 0
    }
}

body .sf-n-platform .sf-n-scheduled__title__align,
body .sf-n-widget .sf-n-scheduled__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-scheduled__title__align,
    body .sf-n-widget .sf-n-scheduled__title__align {
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-scheduled__tabs__align,
body .sf-n-widget .sf-n-scheduled__tabs__align {
    align-items: left;
    justify-content: start
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-scheduled__tabs__align,
    body .sf-n-widget .sf-n-scheduled__tabs__align {
        align-items: right;
        justify-content: end
    }
}

body .sf-n-platform .sf-n-financial-calendar__title__align,
body .sf-n-widget .sf-n-financial-calendar__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-financial-calendar__title__align,
    body .sf-n-widget .sf-n-financial-calendar__title__align {
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-financial-calendar__tabs__align,
body .sf-n-widget .sf-n-financial-calendar__tabs__align {
    align-items: left;
    justify-content: start
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-financial-calendar__tabs__align,
    body .sf-n-widget .sf-n-financial-calendar__tabs__align {
        align-items: right;
        justify-content: end
    }
}

body .sf-n-platform .sf-n-icon-button__notifications+div,
body .sf-n-widget .sf-n-icon-button__notifications+div {
    padding-top: 0
}

body .sf-n-platform .sf-n-tab-filter--secondary.sf-n-tab-filter--selected.sf-n-today-btn,
body .sf-n-widget .sf-n-tab-filter--secondary.sf-n-tab-filter--selected.sf-n-today-btn {
    background-color: #374859
}

body .sf-n-platform .sf-n-cash-flow__title__align,
body .sf-n-widget .sf-n-cash-flow__title__align {
    display: flex;
    flex-direction: column;
    align-items: left
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-cash-flow__title__align,
    body .sf-n-widget .sf-n-cash-flow__title__align {
        display: flex;
        flex-direction: row;
        align-items: center
    }
}

body .sf-n-platform .sf-n-cash-flow__tabs__align,
body .sf-n-widget .sf-n-cash-flow__tabs__align {
    align-items: left;
    justify-content: start;
    padding-top: 1rem
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-cash-flow__tabs__align,
    body .sf-n-widget .sf-n-cash-flow__tabs__align {
        align-items: right;
        justify-content: end;
        padding-top: 0
    }
}

@media (min-width: 1281px) {

    body .sf-n-platform .sf-n-financial-statement-overview__title__align .sf-n-col-lg-3,
    body .sf-n-widget .sf-n-financial-statement-overview__title__align .sf-n-col-lg-3 {
        flex: 0 0 27%;
        max-width: 27%
    }
}

body .sf-n-platform .sf-n-footer-buttons-container,
body .sf-n-widget .sf-n-footer-buttons-container {
    height: 4.8125rem
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-more-icon,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-more-icon {
    height: 40px
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button--icon-plain,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button--icon-plain {
    color: #a1e6ff;
    max-width: 2.75rem
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button--icon-plain:focus,
body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button--icon-plain:hover,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button--icon-plain:focus,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button--icon-plain:hover {
    color: #fff
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-button {
    padding: 0;
    text-align: center
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-more-tooltip,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-more-tooltip {
    height: 2.71875rem
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-more-tooltip .sf-n-nav-more-text,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-more-tooltip .sf-n-nav-more-text {
    position: absolute;
    text-transform: capitalize;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-sublink,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-sublink {
    min-width: 6.8rem;
    height: 2.9375rem;
    padding: .9375rem;
    border: none;
    text-align: start
}

body .sf-n-platform .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-sublink:hover,
body .sf-n-widget .sf-n-footer-buttons-container .sf-n-view-invoice-nav-more-button .sf-n-nav-sublink:hover {
    min-width: -moz-available;
    min-width: -webkit-fill-available
}

body .sf-n-platform .tooltip-top,
body .sf-n-widget .tooltip-top {
    right: -115%;
    width: 8.4375rem;
    text-align: center;
    padding-left: .8125rem
}

body .sf-n-platform .sf-n-invoicing__matchedTransaction-pointer .sf-n-label__text,
body .sf-n-widget .sf-n-invoicing__matchedTransaction-pointer .sf-n-label__text {
    cursor: pointer
}

body .sf-n-platform .sf-n-edit-draft__footer-buttons,
body .sf-n-widget .sf-n-edit-draft__footer-buttons {
    height: 3.75rem
}

body .sf-n-platform .sf-n-edit-draft__footer-buttons .sf-n-review-button,
body .sf-n-platform .sf-n-edit-draft__footer-buttons .sf-n-review-button:hover,
body .sf-n-platform .sf-n-popup-footer .sf-n-cancel-button,
body .sf-n-platform .sf-n-popup-footer .sf-n-cancel-button:hover,
body .sf-n-widget .sf-n-edit-draft__footer-buttons .sf-n-review-button,
body .sf-n-widget .sf-n-edit-draft__footer-buttons .sf-n-review-button:hover,
body .sf-n-widget .sf-n-popup-footer .sf-n-cancel-button,
body .sf-n-widget .sf-n-popup-footer .sf-n-cancel-button:hover {
    background-color: #707070
}

body .sf-n-platform .sf-n-confirm-popup__provisioning-complete .sf-n-popup-header>h3,
body .sf-n-widget .sf-n-confirm-popup__provisioning-complete .sf-n-popup-header>h3 {
    font-size: 1.37rem
}

body .sf-n-platform .sf-n-confirm-popup__provisioning-delete .sf-n-popup-header>h3,
body .sf-n-widget .sf-n-confirm-popup__provisioning-delete .sf-n-popup-header>h3 {
    font-size: 1.78rem
}

body .sf-n-platform .sf-n-confirm-popup__invoicing-void .sf-n-popup-header>h3,
body .sf-n-widget .sf-n-confirm-popup__invoicing-void .sf-n-popup-header>h3 {
    font-size: 1.5rem
}

body .sf-n-platform .sf-n-confirm-popup__invoicing_delete-draft .sf-n-popup-header>h3,
body .sf-n-widget .sf-n-confirm-popup__invoicing_delete-draft .sf-n-popup-header>h3 {
    font-size: 1.9rem
}

body .sf-n-platform .sf-n-popup-footer,
body .sf-n-widget .sf-n-popup-footer {
    display: flex;
    justify-content: space-around
}

body .sf-n-platform .sf-n-popup-footer .sf-n-no-button,
body .sf-n-platform .sf-n-rules-manager-apply-once-button,
body .sf-n-platform .sf-n-rules-manager-apply-once-button:hover,
body .sf-n-widget .sf-n-popup-footer .sf-n-no-button,
body .sf-n-widget .sf-n-rules-manager-apply-once-button,
body .sf-n-widget .sf-n-rules-manager-apply-once-button:hover {
    background-color: #707070
}

@media (min-width: 1025px) {

    body .sf-n-platform #invoice-due-date,
    body .sf-n-widget #invoice-due-date {
        max-width: 13.75rem
    }
}

@media (min-width: 1281px) {

    body .sf-n-platform .sf-n-invoice-form--address,
    body .sf-n-widget .sf-n-invoice-form--address {
        height: 10.125rem
    }
}

body .sf-n-platform #comments,
body .sf-n-widget #comments {
    height: 1.625rem
}

body .sf-n-platform .sf-n-review-button,
body .sf-n-platform .sf-n-review-button:hover,
body .sf-n-widget .sf-n-review-button,
body .sf-n-widget .sf-n-review-button:hover {
    background-color: #707070
}

body .sf-n-platform .sf-n-invoicing-address__lines,
body .sf-n-widget .sf-n-invoicing-address__lines {
    outline: none;
    white-space: pre-line;
    word-break: break-all;
    overflow-x: hidden;
    text-overflow: ellipsis
}

body .sf-n-platform .sf-n-invoicing-address__lines span,
body .sf-n-widget .sf-n-invoicing-address__lines span {
    display: block;
    margin: .3125rem 0
}

body .sf-n-platform .sf-n-invoicing-address__lines--editable:hover,
body .sf-n-widget .sf-n-invoicing-address__lines--editable:hover {
    cursor: pointer
}

body .sf-n-platform .sf-invoicing-address__add-btn,
body .sf-n-widget .sf-invoicing-address__add-btn {
    font-family: inherit;
    line-height: normal;
    position: relative;
    overflow: visible;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    color: inherit;
    height: 5.3125rem;
    border-radius: .5rem;
    border: 1px solid #ccc;
    width: 100%
}

body .sf-n-platform .sf-invoicing-address__add-btn-circle,
body .sf-n-widget .sf-invoicing-address__add-btn-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1px 1px 0;
    color: #fff;
    margin: 0 auto;
    width: 1.8125rem;
    height: 1.8125rem;
    border-radius: 100%;
    background-color: #949494
}

body .sf-n-platform .tooltip-top .sf-n-address-tooltip span,
body .sf-n-widget .tooltip-top .sf-n-address-tooltip span {
    white-space: normal
}

body .sf-n-platform #address-vat-number,
body .sf-n-widget #address-vat-number {
    display: inline
}

body .sf-n-platform #address-vat-number:first-child,
body .sf-n-widget #address-vat-number:first-child {
    font-weight: 700
}

body .sf-n-platform .sf-n-review-invoice__inv-number,
body .sf-n-widget .sf-n-review-invoice__inv-number {
    font-size: 30px;
    overflow-wrap: break-word;
    display: block;
    -webkit-hyphens: auto;
    hyphens: auto
}

body .sf-n-platform .sf-n-review-invoice__items-table,
body .sf-n-widget .sf-n-review-invoice__items-table {
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-review-invoice__items-table,
    body .sf-n-widget .sf-n-review-invoice__items-table {
        text-align: left
    }
}

body .sf-n-platform .sf-n-review-invoice__items-table-mobile-header,
body .sf-n-widget .sf-n-review-invoice__items-table-mobile-header {
    min-height: 2.5rem
}

body .sf-n-platform .sf-n-review-invoice__notes,
body .sf-n-widget .sf-n-review-invoice__notes {
    word-break: break-word
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-nav-profile-pic-container,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-nav-profile-pic-container {
    position: relative;
    width: 10rem;
    height: 10rem
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-profile__pic,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-profile__pic {
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    width: 10rem;
    height: 10rem;
    border-radius: 5rem;
    border: none;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fafafa
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-profile__pic:hover,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-profile__pic:hover {
    outline: .125rem solid #bce4c9
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-profile__pic:hover:after,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-profile__pic:hover:after {
    opacity: 0
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-profile__pic:after,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-profile__pic:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-settings__file-uploader-input,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-settings__file-uploader-input {
    display: none
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-settings__file-uploader-label,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-settings__file-uploader-label {
    margin-bottom: 0;
    border-radius: 50%
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-settings__file-uploader-label:hover~.sf-n-company-settings__edit-icon,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-settings__file-uploader-label:hover~.sf-n-company-settings__edit-icon {
    display: flex
}

body .sf-n-platform .sf-n-company-profile-popup .sf-n-company-settings__edit-icon,
body .sf-n-widget .sf-n-company-profile-popup .sf-n-company-settings__edit-icon {
    display: none;
    position: absolute;
    left: 44%;
    background: transparent;
    width: 12%;
    margin: auto;
    pointer-events: none;
    animation: appear .25s ease-in-out
}

body .sf-n-platform .sf-n-company-profile__circle>div,
body .sf-n-widget .sf-n-company-profile__circle>div {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%
}

@keyframes appear {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

body .sf-n-platform .sf-n-sales-table__body,
body .sf-n-widget .sf-n-sales-table__body {
    max-height: 32rem;
    overflow: auto
}

body .sf-n-platform .sf-n-sales-table__thead-row,
body .sf-n-widget .sf-n-sales-table__thead-row {
    padding-right: .625rem
}

body .sf-n-platform .sf-n-sales-table__row,
body .sf-n-widget .sf-n-sales-table__row {
    cursor: pointer;
    outline: none
}

body .sf-n-platform .sf-n-sales-table__th--invoice-no,
body .sf-n-widget .sf-n-sales-table__th--invoice-no {
    font-weight: 700
}

body .sf-n-platform .sf-n-sales-table__td--invoice-no,
body .sf-n-widget .sf-n-sales-table__td--invoice-no {
    font-weight: 400
}

body .sf-n-platform .sf-n-sales-table__td--invoice-no,
body .sf-n-platform .sf-n-sales-table__th--invoice-no,
body .sf-n-widget .sf-n-sales-table__td--invoice-no,
body .sf-n-widget .sf-n-sales-table__th--invoice-no {
    color: #555;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sales-table__td--invoice-no,
    body .sf-n-platform .sf-n-sales-table__th--invoice-no,
    body .sf-n-widget .sf-n-sales-table__td--invoice-no,
    body .sf-n-widget .sf-n-sales-table__th--invoice-no {
        flex: 0 0 15%;
        max-width: 15%;
        margin: 0;
        white-space: nowrap
    }
}

body .sf-n-platform .sf-n-sales-table__th--customer,
body .sf-n-widget .sf-n-sales-table__th--customer {
    font-weight: 700
}

body .sf-n-platform .sf-n-sales-table__td--customer,
body .sf-n-widget .sf-n-sales-table__td--customer {
    font-weight: 400
}

body .sf-n-platform .sf-n-sales-table__td--customer,
body .sf-n-platform .sf-n-sales-table__th--customer,
body .sf-n-widget .sf-n-sales-table__td--customer,
body .sf-n-widget .sf-n-sales-table__th--customer {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sales-table__td--customer,
    body .sf-n-platform .sf-n-sales-table__th--customer,
    body .sf-n-widget .sf-n-sales-table__td--customer,
    body .sf-n-widget .sf-n-sales-table__th--customer {
        color: #555;
        display: inline-block;
        flex: 0 0 20%;
        max-width: 20%;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

body .sf-n-platform .sf-n-sales-table__th--date,
body .sf-n-widget .sf-n-sales-table__th--date {
    font-weight: 700
}

body .sf-n-platform .sf-n-sales-table__td--date,
body .sf-n-widget .sf-n-sales-table__td--date {
    font-weight: 400
}

body .sf-n-platform .sf-n-sales-table__td--date,
body .sf-n-platform .sf-n-sales-table__th--date,
body .sf-n-widget .sf-n-sales-table__td--date,
body .sf-n-widget .sf-n-sales-table__th--date {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sales-table__td--date,
    body .sf-n-platform .sf-n-sales-table__th--date,
    body .sf-n-widget .sf-n-sales-table__td--date,
    body .sf-n-widget .sf-n-sales-table__th--date {
        color: #555;
        display: inline-block;
        flex: 0 0 15%;
        max-width: 15%;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

body .sf-n-platform .sf-n-sales-table__th--payment-date,
body .sf-n-widget .sf-n-sales-table__th--payment-date {
    cursor: pointer
}

body .sf-n-platform .sf-n-sales-table__td--icon,
body .sf-n-widget .sf-n-sales-table__td--icon {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-sales-table__td--icon,
    body .sf-n-widget .sf-n-sales-table__td--icon {
        flex: 0 0 5%;
        max-width: 5%;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0
    }
}

body .sf-n-platform .sf-n-sales-table__td--state,
body .sf-n-platform .sf-n-sales-table__th--state,
body .sf-n-widget .sf-n-sales-table__td--state,
body .sf-n-widget .sf-n-sales-table__th--state {
    color: #555;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body .sf-n-platform .sf-n-sales-table__th--state,
body .sf-n-widget .sf-n-sales-table__th--state {
    font-weight: 700;
    text-align: center
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sales-table__th--state,
    body .sf-n-widget .sf-n-sales-table__th--state {
        flex: 0 0 15%;
        max-width: 15%;
        margin: 0;
        text-align: right
    }
}

body .sf-n-platform .sf-n-sales-table__td--state,
body .sf-n-widget .sf-n-sales-table__td--state {
    font-weight: 400
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sales-table__td--state,
    body .sf-n-widget .sf-n-sales-table__td--state {
        flex: 0 0 10%;
        max-width: 10%;
        margin: 0
    }
}

body .sf-n-platform .sf-n-sales-table__td--amount,
body .sf-n-widget .sf-n-sales-table__td--amount {
    margin-left: auto;
    padding-right: .5rem
}

body .sf-n-platform .sf-n-sales-table__td--amount>.sf-n-amount,
body .sf-n-widget .sf-n-sales-table__td--amount>.sf-n-amount {
    color: #555
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sales-table__td--amount,
    body .sf-n-widget .sf-n-sales-table__td--amount {
        padding-right: .9375rem
    }
}

body .sf-n-platform .sf-n-sales-table__th--amount,
body .sf-n-widget .sf-n-sales-table__th--amount {
    font-weight: 700
}

body .sf-n-platform .sf-n-sales-table__td--amount,
body .sf-n-platform .sf-n-sales-table__th--amount,
body .sf-n-widget .sf-n-sales-table__td--amount,
body .sf-n-widget .sf-n-sales-table__th--amount {
    color: #555;
    flex: 0 0 40%;
    max-width: 40%;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sales-table__td--amount,
    body .sf-n-platform .sf-n-sales-table__th--amount,
    body .sf-n-widget .sf-n-sales-table__td--amount,
    body .sf-n-widget .sf-n-sales-table__th--amount {
        flex: 0 0 25%;
        max-width: 25%;
        margin: 0
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-sales-table__td--amount,
    body .sf-n-platform .sf-n-sales-table__th--amount,
    body .sf-n-widget .sf-n-sales-table__td--amount,
    body .sf-n-widget .sf-n-sales-table__th--amount {
        flex: 0 0 20%;
        max-width: 20%
    }
}

body .sf-n-platform .sf-n-sales-table__sort-container,
body .sf-n-widget .sf-n-sales-table__sort-container {
    position: relative
}

body .sf-n-platform span.sf-n-sales-table__sort-value,
body .sf-n-widget span.sf-n-sales-table__sort-value {
    font-size: .9375rem;
    padding-right: .5rem
}

body .sf-n-platform span.sf-n-sales-table__sort-order,
body .sf-n-widget span.sf-n-sales-table__sort-order {
    display: none
}

body .sf-n-platform span.sf-n-sales-table__sort--ASC,
body .sf-n-platform span.sf-n-sales-table__sort--DESC,
body .sf-n-widget span.sf-n-sales-table__sort--ASC,
body .sf-n-widget span.sf-n-sales-table__sort--DESC {
    width: 0;
    height: 0;
    position: absolute;
    bottom: .3125rem;
    border-left: .375rem solid transparent;
    border-right: .375rem solid transparent;
    border-top: .375rem solid #949494
}

body .sf-n-platform span.sf-n-sales-table__sort--ASC,
body .sf-n-widget span.sf-n-sales-table__sort--ASC {
    transform: rotate(180deg)
}

body .sf-n-platform .sf-n-sales-table__row.sf-n-alpha,
body .sf-n-widget .sf-n-sales-table__row.sf-n-alpha {
    opacity: .2
}

body .sf-n-platform .sf-n-payments-table__body,
body .sf-n-widget .sf-n-payments-table__body {
    max-height: 32rem;
    overflow: auto
}

body .sf-n-platform .sf-n-payments-table__thead-row,
body .sf-n-widget .sf-n-payments-table__thead-row {
    padding-right: .625rem
}

body .sf-n-platform .sf-n-payments-table__row,
body .sf-n-widget .sf-n-payments-table__row {
    cursor: pointer;
    outline: none
}

body .sf-n-platform .sf-n-payments-table__th--paymentNo,
body .sf-n-widget .sf-n-payments-table__th--paymentNo {
    font-weight: 700
}

body .sf-n-platform .sf-n-payments-table__td--paymentNo,
body .sf-n-widget .sf-n-payments-table__td--paymentNo {
    font-weight: 400
}

body .sf-n-platform .sf-n-payments-table__td--paymentNo,
body .sf-n-platform .sf-n-payments-table__th--paymentNo,
body .sf-n-widget .sf-n-payments-table__td--paymentNo,
body .sf-n-widget .sf-n-payments-table__th--paymentNo {
    color: #555;
    flex: 0 0 30%;
    max-width: 30%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-payments-table__td--paymentNo,
    body .sf-n-platform .sf-n-payments-table__th--paymentNo,
    body .sf-n-widget .sf-n-payments-table__td--paymentNo,
    body .sf-n-widget .sf-n-payments-table__th--paymentNo {
        flex: 0 0 16%;
        max-width: 16%;
        margin: 0;
        white-space: nowrap
    }
}

body .sf-n-platform .sf-n-payments-table__th--provider,
body .sf-n-widget .sf-n-payments-table__th--provider {
    font-weight: 700
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-payments-table__th--provider,
    body .sf-n-widget .sf-n-payments-table__th--provider {
        flex: 0 0 22%;
        max-width: 22%
    }
}

body .sf-n-platform .sf-n-payments-table__th--date,
body .sf-n-widget .sf-n-payments-table__th--date {
    font-weight: 700
}

body .sf-n-platform .sf-n-payments-table__td--date,
body .sf-n-widget .sf-n-payments-table__td--date {
    font-weight: 400
}

body .sf-n-platform .sf-n-payments-table__td--date,
body .sf-n-platform .sf-n-payments-table__th--date,
body .sf-n-widget .sf-n-payments-table__td--date,
body .sf-n-widget .sf-n-payments-table__th--date {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-payments-table__td--date,
    body .sf-n-platform .sf-n-payments-table__th--date,
    body .sf-n-widget .sf-n-payments-table__td--date,
    body .sf-n-widget .sf-n-payments-table__th--date {
        color: #555;
        display: inline-block;
        flex: 0 0 15%;
        max-width: 15%;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

body .sf-n-platform .sf-n-payments-table__th--payment-date,
body .sf-n-widget .sf-n-payments-table__th--payment-date {
    cursor: pointer
}

body .sf-n-platform .sf-n-payments-table__td--icon,
body .sf-n-platform .sf-n-payments-table__th--icon,
body .sf-n-widget .sf-n-payments-table__td--icon,
body .sf-n-widget .sf-n-payments-table__th--icon {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__td--icon,
    body .sf-n-platform .sf-n-payments-table__th--icon,
    body .sf-n-widget .sf-n-payments-table__td--icon,
    body .sf-n-widget .sf-n-payments-table__th--icon {
        width: 5%;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0
    }
}

body .sf-n-platform .sf-n-payments-table__td--state,
body .sf-n-platform .sf-n-payments-table__th--state,
body .sf-n-widget .sf-n-payments-table__td--state,
body .sf-n-widget .sf-n-payments-table__th--state {
    color: #555;
    flex: 0 0 28%;
    max-width: 28%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center
}

body .sf-n-platform .sf-n-payments-table__th--state,
body .sf-n-widget .sf-n-payments-table__th--state {
    font-weight: 700;
    text-align: center
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__th--state,
    body .sf-n-widget .sf-n-payments-table__th--state {
        flex: 0 0 15%;
        max-width: 15%;
        margin: 0;
        text-align: left
    }
}

body .sf-n-platform .sf-n-payments-table__td--state,
body .sf-n-widget .sf-n-payments-table__td--state {
    font-weight: 400
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-payments-table__td--state,
    body .sf-n-widget .sf-n-payments-table__td--state {
        flex: 0 0 10%;
        max-width: 10%;
        margin: 0 1rem
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__td--state,
    body .sf-n-widget .sf-n-payments-table__td--state {
        margin: 0
    }
}

body .sf-n-platform .sf-n-payments-table__td--mastercard,
body .sf-n-platform .sf-n-payments-table__th--mastercard,
body .sf-n-widget .sf-n-payments-table__td--mastercard,
body .sf-n-widget .sf-n-payments-table__th--mastercard {
    display: none
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__td--mastercard,
    body .sf-n-platform .sf-n-payments-table__th--mastercard,
    body .sf-n-widget .sf-n-payments-table__td--mastercard,
    body .sf-n-widget .sf-n-payments-table__th--mastercard {
        display: flex;
        flex: 0 0 10%;
        max-width: 10%
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__td--mastercard,
    body .sf-n-widget .sf-n-payments-table__td--mastercard {
        justify-content: center
    }
}

body .sf-n-platform .sf-n-payments-table__td--provider,
body .sf-n-widget .sf-n-payments-table__td--provider {
    font-weight: 400
}

body .sf-n-platform .sf-n-payments-table__td--provider,
body .sf-n-platform .sf-n-payments-table__th--provider,
body .sf-n-widget .sf-n-payments-table__td--provider,
body .sf-n-widget .sf-n-payments-table__th--provider {
    display: none
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-payments-table__td--provider,
    body .sf-n-platform .sf-n-payments-table__th--provider,
    body .sf-n-widget .sf-n-payments-table__td--provider,
    body .sf-n-widget .sf-n-payments-table__th--provider {
        flex: 0 0 22%;
        max-width: 22%;
        color: #555;
        display: inline-block;
        margin: 0;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

body .sf-n-platform .sf-n-payments-table__td--amount,
body .sf-n-widget .sf-n-payments-table__td--amount {
    margin-left: auto;
    padding: 0 .5rem 0 0;
    text-align: right
}

body .sf-n-platform .sf-n-payments-table__td--amount>.sf-n-amount,
body .sf-n-widget .sf-n-payments-table__td--amount>.sf-n-amount {
    color: #555
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__td--amount,
    body .sf-n-widget .sf-n-payments-table__td--amount {
        padding: auto
    }
}

body .sf-n-platform .sf-n-payments-table__th--amount,
body .sf-n-widget .sf-n-payments-table__th--amount {
    font-weight: 700
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__th--amount,
    body .sf-n-widget .sf-n-payments-table__th--amount {
        margin: 0
    }
}

body .sf-n-platform .sf-n-payments-table__td--amount,
body .sf-n-platform .sf-n-payments-table__th--amount,
body .sf-n-widget .sf-n-payments-table__td--amount,
body .sf-n-widget .sf-n-payments-table__th--amount {
    color: #555;
    flex: 0 0 40%;
    max-width: 40%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-payments-table__td--amount,
    body .sf-n-platform .sf-n-payments-table__th--amount,
    body .sf-n-widget .sf-n-payments-table__td--amount,
    body .sf-n-widget .sf-n-payments-table__th--amount {
        flex: 0 0 30%;
        max-width: 30%
    }
}

@media (min-width: 1025px) {

    body .sf-n-platform .sf-n-payments-table__td--amount,
    body .sf-n-platform .sf-n-payments-table__th--amount,
    body .sf-n-widget .sf-n-payments-table__td--amount,
    body .sf-n-widget .sf-n-payments-table__th--amount {
        flex: 0 0 22%;
        max-width: 22%
    }
}

body .sf-n-platform .sf-n-payments-table__sort-container,
body .sf-n-widget .sf-n-payments-table__sort-container {
    position: relative
}

body .sf-n-platform span.sf-n-payments-table__sort-value,
body .sf-n-widget span.sf-n-payments-table__sort-value {
    font-size: .9375rem;
    padding-right: .5rem
}

body .sf-n-platform span.sf-n-payments-table__sort-order,
body .sf-n-widget span.sf-n-payments-table__sort-order {
    display: none
}

body .sf-n-platform span.sf-n-payments-table__sort--ASC,
body .sf-n-platform span.sf-n-payments-table__sort--DESC,
body .sf-n-widget span.sf-n-payments-table__sort--ASC,
body .sf-n-widget span.sf-n-payments-table__sort--DESC {
    width: 0;
    height: 0;
    position: absolute;
    bottom: .3125rem;
    border-left: .375rem solid transparent;
    border-right: .375rem solid transparent;
    border-top: .375rem solid #949494
}

body .sf-n-platform span.sf-n-payments-table__sort--ASC,
body .sf-n-widget span.sf-n-payments-table__sort--ASC {
    transform: rotate(180deg)
}

body .sf-n-platform .sf-n-popup-header,
body .sf-n-widget .sf-n-popup-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 3.75rem;
    padding: .625rem
}

body .sf-n-platform .sf-n-popup-header--default,
body .sf-n-widget .sf-n-popup-header--default {
    color: #555;
    border-bottom: 1px solid #ccc
}

body .sf-n-platform .sf-n-popup-header--inverted,
body .sf-n-widget .sf-n-popup-header--inverted {
    color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

body .sf-n-platform .sf-n-popup-header--alert,
body .sf-n-platform .sf-n-popup-header--confirmation,
body .sf-n-platform .sf-n-popup-header--information,
body .sf-n-platform .sf-n-popup-header--warning,
body .sf-n-widget .sf-n-popup-header--alert,
body .sf-n-widget .sf-n-popup-header--confirmation,
body .sf-n-widget .sf-n-popup-header--information,
body .sf-n-widget .sf-n-popup-header--warning {
    color: #555;
    border: 1px solid #ccc;
    background-color: #fafafa
}

body .sf-n-platform .sf-n-popup-header__side,
body .sf-n-widget .sf-n-popup-header__side {
    flex-shrink: 0;
    min-width: .3125rem
}

body .sf-n-platform .sf-n-goal-form,
body .sf-n-widget .sf-n-goal-form {
    line-height: normal
}

body .sf-n-platform .sf-n-goal-form__select-button,
body .sf-n-widget .sf-n-goal-form__select-button {
    width: 100%;
    text-align: center
}

body .sf-n-platform .sf-n-goal-form__title-space,
body .sf-n-widget .sf-n-goal-form__title-space {
    padding-top: 1rem
}

body .sf-n-platform .sf-n-goal-form__currency-container,
body .sf-n-widget .sf-n-goal-form__currency-container {
    margin-top: -.0625rem
}

body .sf-n-platform .sf-n-goal-form__currency,
body .sf-n-widget .sf-n-goal-form__currency {
    height: 2.75rem;
    margin-top: 1.125rem
}

body .sf-n-platform .sf-n-goal-form__delete-border-right,
body .sf-n-widget .sf-n-goal-form__delete-border-right {
    border-radius: 2px 0 0 2px;
    border-right: transparent
}

body .sf-n-platform .sf-n-goal-form__rounded-corner,
body .sf-n-widget .sf-n-goal-form__rounded-corner {
    border-radius: 0 2px 2px 0
}

body .sf-n-platform .sf-n-goal-form__currency-disabled,
body .sf-n-widget .sf-n-goal-form__currency-disabled {
    opacity: .4
}

body .sf-n-platform .sf-n-goal-form .sf-n-form-label,
body .sf-n-widget .sf-n-goal-form .sf-n-form-label {
    color: #555
}

body .sf-n-platform .sf-n-goal-form .sf-n-select__list-wrapper,
body .sf-n-widget .sf-n-goal-form .sf-n-select__list-wrapper {
    width: 100%
}

body .sf-n-platform .sf-n-goal-form__tax-type:disabled,
body .sf-n-widget .sf-n-goal-form__tax-type:disabled {
    opacity: 1
}

body .sf-n-platform .sf-n-scheduled-form__container,
body .sf-n-widget .sf-n-scheduled-form__container {
    line-height: normal
}

body .sf-n-platform .sf-n-dot-icon,
body .sf-n-widget .sf-n-dot-icon {
    border: 0;
    border-radius: 1rem;
    height: 1rem;
    width: 1.5rem;
    margin-right: .75rem
}

body .sf-n-platform .sf-n-scheduled-form__title-space-currency,
body .sf-n-widget .sf-n-scheduled-form__title-space-currency {
    height: 2.75rem;
    margin-top: 1.4375rem
}

body .sf-n-platform .sf-n-create-tax-goal__onboarding-wrapper>div>.sf-n-on-boarding__slider .sf-n-on-boarding__slide,
body .sf-n-widget .sf-n-create-tax-goal__onboarding-wrapper>div>.sf-n-on-boarding__slider .sf-n-on-boarding__slide {
    border: none
}

body .sf-n-platform .sf-n-create-tax-goal .sf-n-popup-header>h3,
body .sf-n-widget .sf-n-create-tax-goal .sf-n-popup-header>h3 {
    font-size: 1.47rem
}

body .sf-n-platform .sf-n-edit-tax-goal .sf-n-popup-header>h3,
body .sf-n-widget .sf-n-edit-tax-goal .sf-n-popup-header>h3 {
    font-size: 1.28rem
}

body .sf-n-platform .sf-n-edit-provisioning__save-button>button,
body .sf-n-widget .sf-n-edit-provisioning__save-button>button {
    display: flex;
    justify-content: center
}

body .sf-n-platform .sf-n-dark-neutral-medium,
body .sf-n-widget .sf-n-dark-neutral-medium {
    color: #757575
}

body .sf-n-platform .sf-n-secondary-light,
body .sf-n-widget .sf-n-secondary-light {
    color: #bfc5ca
}

body .sf-n-platform .sf-n-secondary-medium,
body .sf-n-widget .sf-n-secondary-medium {
    color: #374859
}

body .sf-n-platform .sf-n-secondary-dark,
body .sf-n-widget .sf-n-secondary-dark {
    color: #2c3e50
}

body .sf-n-platform .sf-n-dark-neutral-dark,
body .sf-n-widget .sf-n-dark-neutral-dark {
    color: #555
}

body .sf-n-platform .sf-n-dark-neutral-soft,
body .sf-n-widget .sf-n-dark-neutral-soft {
    color: #949494
}

body .sf-n-platform .sf-n-dark-neutral-light,
body .sf-n-widget .sf-n-dark-neutral-light {
    color: #ccc
}

body .sf-n-platform .sf-n-light-neutral-light,
body .sf-n-widget .sf-n-light-neutral-light {
    color: #fff
}

body .sf-n-platform .sf-n-inherit,
body .sf-n-widget .sf-n-inherit {
    color: inherit
}

body .sf-n-platform .sf-n-danger-soft,
body .sf-n-widget .sf-n-danger-soft {
    color: #f66b6f
}

body .sf-n-platform .sf-n-warning-soft,
body .sf-n-widget .sf-n-warning-soft {
    color: #ffc364
}

body .sf-n-platform .sf-n-warning-medium,
body .sf-n-widget .sf-n-warning-medium {
    color: #ffb644
}

body .sf-n-platform .sf-n-success-soft,
body .sf-n-widget .sf-n-success-soft {
    color: #009d4c
}

body .sf-n-platform .sf-n-success-light,
body .sf-n-widget .sf-n-success-light {
    color: #b7e9d8
}

body .sf-n-platform .sf-n-success-medium,
body .sf-n-widget .sf-n-success-medium {
    color: #5ccea6
}

body .sf-n-platform .sf-n-success-dark,
body .sf-n-widget .sf-n-success-dark {
    color: #4ac99d
}

body .sf-n-platform .sf-n-primary-light,
body .sf-n-widget .sf-n-primary-light {
    color: #a1e6ff
}

body .sf-n-platform .sf-n-primary-soft,
body .sf-n-widget .sf-n-primary-soft {
    color: #d65836
}

body .sf-n-platform .sf-n-primary-medium,
body .sf-n-widget .sf-n-primary-medium {
    color: #2cc7ff
}

body .sf-n-platform .sf-n-expenses-light,
body .sf-n-widget .sf-n-expenses-light {
    color: #a1e6ff
}

body .sf-n-platform .sf-n-expenses-soft,
body .sf-n-widget .sf-n-expenses-soft {
    color: #50d1ff
}

body .sf-n-platform .sf-n-expenses-medium,
body .sf-n-widget .sf-n-expenses-medium {
    color: #2cc7ff
}

body .sf-n-platform .sf-n-income-light,
body .sf-n-widget .sf-n-income-light {
    color: #b7e9d8
}

body .sf-n-platform .sf-n-income-soft,
body .sf-n-widget .sf-n-income-soft {
    color: #78d7b6
}

body .sf-n-platform .sf-n-income-medium,
body .sf-n-widget .sf-n-income-medium {
    color: #5ccea6
}

body .sf-n-platform .sf-n-information-medium,
body .sf-n-widget .sf-n-information-medium {
    color: #2cc7ff
}

body .sf-n-platform .sf-n-danger-medium,
body .sf-n-widget .sf-n-danger-medium {
    color: #f44c51
}

body .sf-n-platform .sf-n-informative-icon,
body .sf-n-widget .sf-n-informative-icon {
    color: #d9edf7
}

body .sf-n-platform .sf-n-fw-thin,
body .sf-n-widget .sf-n-fw-thin {
    font-weight: 300
}

body .sf-n-platform .sf-n-fw-normal,
body .sf-n-widget .sf-n-fw-normal {
    font-weight: 400
}

body .sf-n-platform .sf-n-fw-bold,
body .sf-n-widget .sf-n-fw-bold {
    font-weight: 700
}

body .sf-n-platform .sf-n-fs-italic,
body .sf-n-widget .sf-n-fs-italic {
    font-style: italic
}

body .sf-n-platform .sf-n-fs-normal,
body .sf-n-widget .sf-n-fs-normal {
    font-style: normal
}

body .sf-n-platform .sf-n-fs-oblique,
body .sf-n-widget .sf-n-fs-oblique {
    font-style: oblique
}

body .sf-n-platform .sf-n-caps,
body .sf-n-widget .sf-n-caps {
    text-transform: uppercase
}

.ihb-programSelected {
    color: #fff;
    cursor: pointer;
    background-color: #009c4b;
}

.ihb-programSelected a {
    color: inherit !important;
}

.footer-green {
    position: relative;
}

.footer-green:before {
    content: "";
    transform: translateY(-100%);
    background-color: inherit;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 1px;
}

.chart-component {
    display: none;
}

.chart-component.active {
    display: block;
}

.d-none {
    display: none !important;
}

.sf-n-pb4.sf-n-pt2 {
    position: relative;
}

.__react_component_tooltip {
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    left: 50%;
    top: 0;
    opacity: 0;
    padding: 8px 21px;
    position: absolute;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
    visibility: hidden;
    z-index: 999;
}

.sf-n-pb4.sf-n-pt2:hover .__react_component_tooltip {
    visibility: visible;
    opacity: 1;
    background-color: transparent;
}

body .sf-n-platform .sf-n-progress-bar-wrapper,
body .sf-n-widget .sf-n-progress-bar-wrapper {
    overflow: visible;
}

.widget {
    margin: 20px 0;
}

@media (min-width: 576px) {

    body .sf-n-platform .sf-n-sf-n-budget-item__container,
    body .sf-n-widget .sf-n-sf-n-budget-item__container {
        width: 92%;
        padding-left: 1.5625rem;
    }
}

body .sf-n-platform .sf-n-sf-n-budget-item__container .sf-n-budget-item__time-marks,
body .sf-n-widget .sf-n-sf-n-budget-item__container .sf-n-budget-item__time-marks {
    width: 100%;
}

.white-space-initial {
    white-space: initial !important;
}