body[_ngcontent-kuw-c107] {
    font-family: Roboto, Arial, sans-serif;
    margin: 0
}

.main-container[_ngcontent-kuw-c107] {
    display: flex;
    flex-direction: column
}

.mat-drawer-container[_ngcontent-kuw-c107] {
    background-color: transparent
}

.basic-container[_ngcontent-kuw-c107] {
    padding-top: 0 !important;
    max-width: 920px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.mat-toolbar-portfolio[_ngcontent-kuw-c107] {
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.mat-drawer-content[_ngcontent-kuw-c107] {
    position: static;
    min-height: calc(100vh - 48px)
}

.mat-sidenav-content[_ngcontent-kuw-c107] {
    padding: 0 2px;
    min-height: 100vh
}

.mat-tab-nav-bar[_ngcontent-kuw-c107] .mat-tab-link[_ngcontent-kuw-c107] {
    min-width: 30px !important
}

.sidenav[_ngcontent-kuw-c107] {
    position: fixed;
    bottom: 0;
    left: 0;
    top: 48px
}

.m-toolbar[_ngcontent-kuw-c107] {
    position: fixed;
    top: 0;
    z-index: 999
}

.iconToggle[_ngcontent-kuw-c107] {
    color: #fff
}

.btnNav[_ngcontent-kuw-c107] {
    width: 100%
}

nav[_ngcontent-kuw-c107] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.mat-toolbar-row[_ngcontent-kuw-c107],
.mat-toolbar-single-row[_ngcontent-kuw-c107] {
    height: 48px !important
}

.footer-sidenav[_ngcontent-kuw-c107] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    color: #fff
}

[_nghost-kuw-c107] .ag-cell-wrapper {
    justify-content: inherit
}

[_nghost-kuw-c107] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 36px
}

.sidenav-left-footer[_ngcontent-kuw-c107] {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0
}

mat-toolbar.logo.mat-toolbar-single-row {
    padding: 0
}

.mat-menu-content:not(:empty) {
    padding-bottom: 0 !important
}

#profile-menu[_ngcontent-kuw-c107] .mat-list-item-content {
    padding: 0 10px !important
}

.mat-divider.divider-tabs[_ngcontent-kuw-c107] {
    margin: 6px 0
}

.btnNav[_ngcontent-kuw-c107] .mat-tab-links {
    align-items: center;
    justify-content: center
}

.mat-progress-bar-fill:after {
    background: #a1e996;
    background-image: linear-gradient(90deg, #a1e996, #24bf76 52%, #15ab64 90%)
}

.mat-progress-bar-buffer {
    background: #e4e8eb
}

.mat-progress-bar {
    border-radius: 2px
}

.sidenav-content .mat-expansion-panel-body {
    padding: 0
}

.sidenav-content .mat-list-item:focus {
    background: #fff
}

.mat-drawer-side[_ngcontent-kuw-c107] {
    border-right: none
}

@media only screen and (min-width: 2220px) {
    #iconNav[_ngcontent-kuw-c107] {
        display: none
    }

    .basic-container[_ngcontent-kuw-c107] {
        max-width: 1870px
    }
}

@media only screen and (min-width: 960px) and (max-width: 2220px) {
    #iconNav[_ngcontent-kuw-c107] {
        display: none
    }

    .basic-container[_ngcontent-kuw-c107] {
        max-width: calc(100vw - 100px)
    }
}

@media only screen and (max-width: 960px) {
    .sidenav-bottom[_ngcontent-kuw-c107] {
        margin-bottom: 0 !important
    }

    .sidenav-left-footer[_ngcontent-kuw-c107] {
        display: none
    }

    .mat-sidenav-content[_ngcontent-kuw-c107] {
        min-height: calc(100vh - 48px);
        position: relative
    }

    .sidenav-content[_ngcontent-kuw-c107] {
        height: calc(100% - 10px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    #iconNav[_ngcontent-kuw-c107] {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) and (orientation: landscape) {
    #iconNav[_ngcontent-kuw-c107] {
        display: none
    }
}

@media screen and (min-width: 640px) and (max-width: 767px) {
    #iconNav[_ngcontent-kuw-c107] {
        display: none
    }
}

@media screen and (min-width: 481px) and (max-width: 639px) {
    #label[_ngcontent-kuw-c107] {
        display: none
    }
}

@media only screen and (min-width: 411px) and (max-width: 480px) {

    #brand[_ngcontent-kuw-c107],
    #label[_ngcontent-kuw-c107] {
        display: none
    }
}

@media screen and (min-width: 321px) and (max-width: 410px) {

    #brand[_ngcontent-kuw-c107],
    #label[_ngcontent-kuw-c107] {
        display: none
    }

    .mat-tab-nav-bar[_ngcontent-kuw-c107] .mat-tab-link[_ngcontent-kuw-c107] {
        padding: 20px !important
    }
}

@media screen and (min-width: 100px) and (max-width: 320px) {

    #brand[_ngcontent-kuw-c107],
    #label[_ngcontent-kuw-c107] {
        display: none
    }

    .mat-tab-nav-bar[_ngcontent-kuw-c107] .mat-tab-link[_ngcontent-kuw-c107] {
        padding: 10px !important
    }

    mat-toolbar[_ngcontent-kuw-c107] {
        padding: 0 !important
    }
}

#affiliate[_ngcontent-kuw-c107] img[_ngcontent-kuw-c107] {
    height: 32px;
    opacity: 1;
    filter: invert(1)
}

.ag-watermark {
    display: none !important
}

.apexcharts-legend-series {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    align-items: center
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #1bc777
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #15ab64
}

.mat-calendar-body-selected,
.mat-ink-bar,
.mat-step-icon-selected,
.mat-step-icon-state-edit {
    background-color: #15ab64 !important
}


.mat-drawer-container {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: block;
    overflow: hidden
}

.mat-drawer-container[fullscreen] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
    overflow: hidden
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
    z-index: 3
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
    transition: none
}

.mat-drawer-backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.mat-drawer-backdrop.mat-drawer-shown {
    visibility: visible
}

.mat-drawer-transition .mat-drawer-backdrop {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: background-color, visibility
}

.cdk-high-contrast-active .mat-drawer-backdrop {
    opacity: .5
}

.mat-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto
}

.mat-drawer-transition .mat-drawer-content {
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: transform, margin-left, margin-right
}

.mat-drawer {
    position: relative;
    z-index: 4;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translate3d(-100%, 0, 0)
}

.cdk-high-contrast-active .mat-drawer,
.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end {
    border-right: solid 1px currentColor
}

.cdk-high-contrast-active [dir=rtl] .mat-drawer,
.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
    border-left: solid 1px currentColor;
    border-right: none
}

.mat-drawer.mat-drawer-side {
    z-index: 2
}

.mat-drawer.mat-drawer-end {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer {
    transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer.mat-drawer-end {
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.mat-drawer-inner-container {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mat-sidenav-fixed {
    position: fixed
}


.footer-container[_ngcontent-kuw-c75] {
    border-top: 1px solid #ccc;
    padding: 16px;
    margin-top: 8px
}

.footer-content[_ngcontent-kuw-c75] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.logo[_ngcontent-kuw-c75] {
    display: contents
}

.build-version[_ngcontent-kuw-c75] {
    padding: 8px;
    color: #e5e5e5
}


.login-container[_ngcontent-kuw-c64] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh
}

.login-content[_ngcontent-kuw-c64] {
    max-width: 368px
}

.form-content[_ngcontent-kuw-c64] {
    width: 100%
}

.error[_ngcontent-kuw-c64] {
    margin: 0 8px 8px 0
}

.login-error[_ngcontent-kuw-c64] {
    color: #f44336;
    font-weight: 400;
    font-size: 14px;
    padding: 4px
}

.form-login[_ngcontent-kuw-c64] h1[_ngcontent-kuw-c64] {
    font-weight: 200
}

.btn-forget-pw[_ngcontent-kuw-c64] {
    text-align: right;
    margin: 16px 0
}

.btn-forget-pw[_ngcontent-kuw-c64] a[_ngcontent-kuw-c64],
.btn-register[_ngcontent-kuw-c64] a[_ngcontent-kuw-c64] {
    line-height: 1.5;
    color: #15ab64;
    text-decoration: none
}

.nav-login[_ngcontent-kuw-c64] {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.mat-form-field[_ngcontent-kuw-c64] {
    width: 100%
}

button.login[_ngcontent-kuw-c64] {
    width: 100%
}

button.login[_ngcontent-kuw-c64],
button.submit-phone[_ngcontent-kuw-c64] {
    background-color: #15ab64 !important
}

button.submit-phone[_ngcontent-kuw-c64] {
    color: #fff
}

.action[_ngcontent-kuw-c64] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.brand[_ngcontent-kuw-c64],
.logo[_ngcontent-kuw-c64] {
    display: flex;
    align-items: center;
    justify-content: center
}

.brand[_ngcontent-kuw-c64] img[_ngcontent-kuw-c64] {
    height: 37px
}

input[_ngcontent-kuw-c64]:-webkit-autofill,
input[_ngcontent-kuw-c64]:-webkit-autofill:active,
input[_ngcontent-kuw-c64]:-webkit-autofill:focus,
input[_ngcontent-kuw-c64]:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #555 !important
}

.mat-spinner[_ngcontent-kuw-c64] circle {
    stroke: #fff
}

.mat-spinner[_ngcontent-kuw-c64] {
    display: inline-block
}

.form-login .mat-form-field-label-wrapper {
    color: #15ab64;
    top: -1.4em
}

.form-login .mat-focused .mat-form-field-label {
    color: #4a4a4a !important
}

.form-login .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline,
.form-login .mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-form-field-invalid) .mat-form-field-flex:hover .mat-form-field-outline {
    color: #15ab64
}

.form-login .mat-form-field-flex>.mat-form-field-infix {
    padding: .6em 0 !important
}

.form-login .mat-form-field-wrapper {
    padding-bottom: 18px
}

.form-login .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.1em) scale(.75);
    width: 133.33333%
}

.oauth[_ngcontent-kuw-c64] .label[_ngcontent-kuw-c64] {
    text-align: center;
    position: relative
}

.label[_ngcontent-kuw-c64] {
    font-weight: 600;
    font-size: 13px
}

.oauth[_ngcontent-kuw-c64] .label[_ngcontent-kuw-c64]:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 45%;
    height: 1px;
    background-color: #eee;
    content: "";
    width: 100%
}

.oauth[_ngcontent-kuw-c64] .label[_ngcontent-kuw-c64] span[_ngcontent-kuw-c64] {
    position: relative;
    font-weight: 400;
    color: #aaa;
    padding: 2px 10px;
    background-color: #fff
}

.btn-action[_ngcontent-kuw-c64] {
    display: flex;
    justify-content: space-between
}

.btn-login .mat-stroked-button {
    padding: 4px 8px !important;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: flex-start
}

@media screen and (max-width: 624px) {
    .login-container[_ngcontent-kuw-c64] {
        padding: 0 8px
    }
}

@media screen and (max-width: 320px) {
    .nav-login[_ngcontent-kuw-c64] {
        flex-direction: column
    }
}

.btn-login[_ngcontent-kuw-c64] {
    margin-top: 16px;
    margin-bottom: 16px
}


.mat-button .mat-button-focus-overlay,
.mat-icon-button .mat-button-focus-overlay {
    opacity: 0
}

.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
    opacity: .04
}

@media(hover: none) {

    .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
    .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
        opacity: 0
    }
}

.mat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible
}

.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
    border: 0
}

.mat-button.mat-button-disabled,
.mat-icon-button.mat-button-disabled,
.mat-stroked-button.mat-button-disabled,
.mat-flat-button.mat-button-disabled {
    cursor: default
}

.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-button.cdk-program-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
    border: 0
}

.mat-raised-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-raised-button::-moz-focus-inner {
    border: 0
}

.mat-raised-button.mat-button-disabled {
    cursor: default
}

.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-raised-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-raised-button::-moz-focus-inner {
    border: 0
}

._mat-animation-noopable.mat-raised-button {
    transition: none;
    animation: none
}

.mat-stroked-button {
    border: 1px solid currentColor;
    padding: 0 15px;
    line-height: 34px
}

.mat-stroked-button .mat-button-ripple.mat-ripple,
.mat-stroked-button .mat-button-focus-overlay {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.mat-fab {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    flex-shrink: 0
}

.mat-fab::-moz-focus-inner {
    border: 0
}

.mat-fab.mat-button-disabled {
    cursor: default
}

.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-fab.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-fab::-moz-focus-inner {
    border: 0
}

._mat-animation-noopable.mat-fab {
    transition: none;
    animation: none
}

.mat-fab .mat-button-wrapper {
    padding: 16px 0;
    display: inline-block;
    line-height: 24px
}

.mat-mini-fab {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    flex-shrink: 0
}

.mat-mini-fab::-moz-focus-inner {
    border: 0
}

.mat-mini-fab.mat-button-disabled {
    cursor: default
}

.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-mini-fab::-moz-focus-inner {
    border: 0
}

._mat-animation-noopable.mat-mini-fab {
    transition: none;
    animation: none
}

.mat-mini-fab .mat-button-wrapper {
    padding: 8px 0;
    display: inline-block;
    line-height: 24px
}

.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 50%
}

.mat-icon-button i,
.mat-icon-button .mat-icon {
    line-height: 24px
}

.mat-button-ripple.mat-ripple,
.mat-button-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-button-ripple.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-button-focus-overlay {
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1), background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)
}

._mat-animation-noopable .mat-button-focus-overlay {
    transition: none
}

.mat-button-ripple-round {
    border-radius: 50%;
    z-index: 1
}

.mat-button .mat-button-wrapper>*,
.mat-flat-button .mat-button-wrapper>*,
.mat-stroked-button .mat-button-wrapper>*,
.mat-raised-button .mat-button-wrapper>*,
.mat-icon-button .mat-button-wrapper>*,
.mat-fab .mat-button-wrapper>*,
.mat-mini-fab .mat-button-wrapper>* {
    vertical-align: middle
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
    display: block;
    font-size: inherit;
    width: 2.5em;
    height: 2.5em
}

.cdk-high-contrast-active .mat-button,
.cdk-high-contrast-active .mat-flat-button,
.cdk-high-contrast-active .mat-raised-button,
.cdk-high-contrast-active .mat-icon-button,
.cdk-high-contrast-active .mat-fab,
.cdk-high-contrast-active .mat-mini-fab {
    outline: solid 1px
}

.cdk-high-contrast-active .mat-button-base.cdk-keyboard-focused,
.cdk-high-contrast-active .mat-button-base.cdk-program-focused {
    outline: solid 3px
}


.mat-progress-bar {
    display: block;
    height: 4px;
    overflow: hidden;
    position: relative;
    transition: opacity 250ms linear;
    width: 100%
}

._mat-animation-noopable.mat-progress-bar {
    transition: none;
    animation: none
}

.mat-progress-bar .mat-progress-bar-element,
.mat-progress-bar .mat-progress-bar-fill::after {
    height: 100%;
    position: absolute;
    width: 100%
}

.mat-progress-bar .mat-progress-bar-background {
    width: calc(100% + 10px)
}

.cdk-high-contrast-active .mat-progress-bar .mat-progress-bar-background {
    display: none
}

.mat-progress-bar .mat-progress-bar-buffer {
    transform-origin: top left;
    transition: transform 250ms ease
}

.cdk-high-contrast-active .mat-progress-bar .mat-progress-bar-buffer {
    border-top: solid 5px;
    opacity: .5
}

.mat-progress-bar .mat-progress-bar-secondary {
    display: none
}

.mat-progress-bar .mat-progress-bar-fill {
    animation: none;
    transform-origin: top left;
    transition: transform 250ms ease
}

.cdk-high-contrast-active .mat-progress-bar .mat-progress-bar-fill {
    border-top: solid 4px
}

.mat-progress-bar .mat-progress-bar-fill::after {
    animation: none;
    content: "";
    display: inline-block;
    left: 0
}

.mat-progress-bar[dir=rtl],
[dir=rtl] .mat-progress-bar {
    transform: rotateY(180deg)
}

.mat-progress-bar[mode=query] {
    transform: rotateZ(180deg)
}

.mat-progress-bar[mode=query][dir=rtl],
[dir=rtl] .mat-progress-bar[mode=query] {
    transform: rotateZ(180deg) rotateY(180deg)
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-fill,
.mat-progress-bar[mode=query] .mat-progress-bar-fill {
    transition: none
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary,
.mat-progress-bar[mode=query] .mat-progress-bar-primary {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: mat-progress-bar-primary-indeterminate-translate 2000ms infinite linear;
    left: -145.166611%
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary.mat-progress-bar-fill::after,
.mat-progress-bar[mode=query] .mat-progress-bar-primary.mat-progress-bar-fill::after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: mat-progress-bar-primary-indeterminate-scale 2000ms infinite linear
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary,
.mat-progress-bar[mode=query] .mat-progress-bar-secondary {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: mat-progress-bar-secondary-indeterminate-translate 2000ms infinite linear;
    left: -54.888891%;
    display: block
}

.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary.mat-progress-bar-fill::after,
.mat-progress-bar[mode=query] .mat-progress-bar-secondary.mat-progress-bar-fill::after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: mat-progress-bar-secondary-indeterminate-scale 2000ms infinite linear
}

.mat-progress-bar[mode=buffer] .mat-progress-bar-background {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: mat-progress-bar-background-scroll 250ms infinite linear;
    display: block
}

.mat-progress-bar._mat-animation-noopable .mat-progress-bar-fill,
.mat-progress-bar._mat-animation-noopable .mat-progress-bar-fill::after,
.mat-progress-bar._mat-animation-noopable .mat-progress-bar-buffer,
.mat-progress-bar._mat-animation-noopable .mat-progress-bar-primary,
.mat-progress-bar._mat-animation-noopable .mat-progress-bar-primary.mat-progress-bar-fill::after,
.mat-progress-bar._mat-animation-noopable .mat-progress-bar-secondary,
.mat-progress-bar._mat-animation-noopable .mat-progress-bar-secondary.mat-progress-bar-fill::after,
.mat-progress-bar._mat-animation-noopable .mat-progress-bar-background {
    animation: none;
    transition-duration: 1ms
}

@keyframes mat-progress-bar-primary-indeterminate-translate {
    0% {
        transform: translateX(0)
    }

    20% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
        transform: translateX(0)
    }

    59.15% {
        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
        transform: translateX(83.67142%)
    }

    100% {
        transform: translateX(200.611057%)
    }
}

@keyframes mat-progress-bar-primary-indeterminate-scale {
    0% {
        transform: scaleX(0.08)
    }

    36.65% {
        animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
        transform: scaleX(0.08)
    }

    69.15% {
        animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
        transform: scaleX(0.661479)
    }

    100% {
        transform: scaleX(0.08)
    }
}

@keyframes mat-progress-bar-secondary-indeterminate-translate {
    0% {
        animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
        transform: translateX(0)
    }

    25% {
        animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
        transform: translateX(37.651913%)
    }

    48.35% {
        animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
        transform: translateX(84.386165%)
    }

    100% {
        transform: translateX(160.277782%)
    }
}

@keyframes mat-progress-bar-secondary-indeterminate-scale {
    0% {
        animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
        transform: scaleX(0.08)
    }

    19.15% {
        animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
        transform: scaleX(0.457104)
    }

    44.15% {
        animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
        transform: scaleX(0.72796)
    }

    100% {
        transform: scaleX(0.08)
    }
}

@keyframes mat-progress-bar-background-scroll {
    to {
        transform: translateX(-8px)
    }
}


.sidenav-content[_ngcontent-kuw-c105] {
    height: calc(100% - 60px);
    display: flex;
    flex-direction: column
}

mat-icon[_ngcontent-kuw-c105] {
    color: #707070;
    transform: scale(.9)
}

.sidenav-container mat-icon svg {
    filter: invert(77%) sepia(0) saturate(4%) hue-rotate(148deg) brightness(84%) contrast(1%)
}

.mat-list-item[_ngcontent-kuw-c105] {
    position: relative
}

.mat-list-item[_ngcontent-kuw-c105]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-left: 5px solid #e5e5e5
}

.mat-list-item.active[_ngcontent-kuw-c105]:after {
    border-left: 5px solid #15ab64
}

.active[_ngcontent-kuw-c105] {
    background-color: #fff !important
}

.active[_ngcontent-kuw-c105],
.active[_ngcontent-kuw-c105] mat-icon[_ngcontent-kuw-c105] {
    color: #15ab64
}

.sidenav-container .active mat-icon svg {
    filter: invert(53%) sepia(64%) saturate(526%) hue-rotate(96deg) brightness(100%) contrast(55%)
}

.business-brand[_ngcontent-kuw-c105] {
    border: 1px solid #fff;
    border-radius: 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #15ab64;
    background-color: #fff
}

.business-name[_ngcontent-kuw-c105] {
    padding: 10px 20px
}

.sidenav-content .mat-expansion-panel-header-description {
    margin-right: 0
}

.sidenav-content .mat-expansion-panel-header {
    padding: 0
}

.sidenav-content .mat-expansion-panel-header .mat-content {
    height: 100%
}

.usage .mat-progress-bar-fill:after {
    background: #25ab64
}

.usage .mat-progress-bar-buffer {
    background: #ccc
}

.usage .mat-progress-bar {
    border-radius: 2px
}

.usage-transaction-progress[_ngcontent-kuw-c105] {
    position: relative;
    height: 32px;
    width: 32px
}

.usage-transaction-progress[_ngcontent-kuw-c105] .mat-progress-spinner[_ngcontent-kuw-c105] {
    position: absolute;
    background: transparent
}

.base-progress-spinner.mat-spinner[_ngcontent-kuw-c105] circle[_ngcontent-kuw-c105],
.base-progress-spinner.mat-progress-spinner circle {
    stroke: #ccc
}

.main-progress-spinner.mat-spinner[_ngcontent-kuw-c105] circle[_ngcontent-kuw-c105],
.main-progress-spinner.mat-progress-spinner circle {
    stroke: #25ab64
}

.main-progress-spinner.mat-spinner[_ngcontent-kuw-c105] circle[_ngcontent-kuw-c105],
.main-progress-spinner-over-limit.mat-progress-spinner circle {
    stroke: #dc3545
}

.main-progress-spinner.mat-spinner[_ngcontent-kuw-c105] circle[_ngcontent-kuw-c105],
.main-progress-spinner-credit-lower.mat-progress-spinner circle {
    stroke: orange
}

.mat-accordion[_ngcontent-kuw-c105]::-webkit-scrollbar {
    width: 0;
    background: transparent
}


.mat-subheader {
    display: flex;
    box-sizing: border-box;
    padding: 16px;
    align-items: center
}

.mat-list-base .mat-subheader {
    margin: 0
}

.mat-list-base {
    padding-top: 8px;
    display: block;
    -webkit-tap-highlight-color: transparent
}

.mat-list-base .mat-subheader {
    height: 48px;
    line-height: 16px
}

.mat-list-base .mat-subheader:first-child {
    margin-top: -8px
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
    display: block;
    height: 48px;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    padding: 0
}

.mat-list-base .mat-list-item .mat-list-item-content,
.mat-list-base .mat-list-option .mat-list-item-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding: 0 16px;
    position: relative;
    height: inherit
}

.mat-list-base .mat-list-item .mat-list-item-content-reverse,
.mat-list-base .mat-list-option .mat-list-item-content-reverse {
    display: flex;
    align-items: center;
    padding: 0 16px;
    flex-direction: row-reverse;
    justify-content: space-around
}

.mat-list-base .mat-list-item .mat-list-item-ripple,
.mat-list-base .mat-list-option .mat-list-item-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar,
.mat-list-base .mat-list-option.mat-list-item-with-avatar {
    height: 56px
}

.mat-list-base .mat-list-item.mat-2-line,
.mat-list-base .mat-list-option.mat-2-line {
    height: 72px
}

.mat-list-base .mat-list-item.mat-3-line,
.mat-list-base .mat-list-option.mat-3-line {
    height: 88px
}

.mat-list-base .mat-list-item.mat-multi-line,
.mat-list-base .mat-list-option.mat-multi-line {
    height: auto
}

.mat-list-base .mat-list-item.mat-multi-line .mat-list-item-content,
.mat-list-base .mat-list-option.mat-multi-line .mat-list-item-content {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-list-base .mat-list-item .mat-list-text,
.mat-list-base .mat-list-option .mat-list-text {
    display: flex;
    flex-direction: column;
    flex: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0
}

.mat-list-base .mat-list-item .mat-list-text>*,
.mat-list-base .mat-list-option .mat-list-text>* {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: inherit
}

.mat-list-base .mat-list-item .mat-list-text:empty,
.mat-list-base .mat-list-option .mat-list-text:empty {
    display: none
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 0
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 16px
}

.mat-list-base .mat-list-item .mat-list-avatar,
.mat-list-base .mat-list-option .mat-list-avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover
}

.mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,
.mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset {
    margin-left: 72px;
    width: calc(100% - 72px)
}

[dir=rtl] .mat-list-base .mat-list-item .mat-list-avatar~.mat-divider-inset,
[dir=rtl] .mat-list-base .mat-list-option .mat-list-avatar~.mat-divider-inset {
    margin-left: auto;
    margin-right: 72px
}

.mat-list-base .mat-list-item .mat-list-icon,
.mat-list-base .mat-list-option .mat-list-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    font-size: 24px;
    box-sizing: content-box;
    border-radius: 50%;
    padding: 4px
}

.mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,
.mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset {
    margin-left: 64px;
    width: calc(100% - 64px)
}

[dir=rtl] .mat-list-base .mat-list-item .mat-list-icon~.mat-divider-inset,
[dir=rtl] .mat-list-base .mat-list-option .mat-list-icon~.mat-divider-inset {
    margin-left: auto;
    margin-right: 64px
}

.mat-list-base .mat-list-item .mat-divider,
.mat-list-base .mat-list-option .mat-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0
}

[dir=rtl] .mat-list-base .mat-list-item .mat-divider,
[dir=rtl] .mat-list-base .mat-list-option .mat-divider {
    margin-left: auto;
    margin-right: 0
}

.mat-list-base .mat-list-item .mat-divider.mat-divider-inset,
.mat-list-base .mat-list-option .mat-divider.mat-divider-inset {
    position: absolute
}

.mat-list-base[dense] {
    padding-top: 4px;
    display: block
}

.mat-list-base[dense] .mat-subheader {
    height: 40px;
    line-height: 8px
}

.mat-list-base[dense] .mat-subheader:first-child {
    margin-top: -4px
}

.mat-list-base[dense] .mat-list-item,
.mat-list-base[dense] .mat-list-option {
    display: block;
    height: 40px;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    padding: 0
}

.mat-list-base[dense] .mat-list-item .mat-list-item-content,
.mat-list-base[dense] .mat-list-option .mat-list-item-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding: 0 16px;
    position: relative;
    height: inherit
}

.mat-list-base[dense] .mat-list-item .mat-list-item-content-reverse,
.mat-list-base[dense] .mat-list-option .mat-list-item-content-reverse {
    display: flex;
    align-items: center;
    padding: 0 16px;
    flex-direction: row-reverse;
    justify-content: space-around
}

.mat-list-base[dense] .mat-list-item .mat-list-item-ripple,
.mat-list-base[dense] .mat-list-option .mat-list-item-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar {
    height: 48px
}

.mat-list-base[dense] .mat-list-item.mat-2-line,
.mat-list-base[dense] .mat-list-option.mat-2-line {
    height: 60px
}

.mat-list-base[dense] .mat-list-item.mat-3-line,
.mat-list-base[dense] .mat-list-option.mat-3-line {
    height: 76px
}

.mat-list-base[dense] .mat-list-item.mat-multi-line,
.mat-list-base[dense] .mat-list-option.mat-multi-line {
    height: auto
}

.mat-list-base[dense] .mat-list-item.mat-multi-line .mat-list-item-content,
.mat-list-base[dense] .mat-list-option.mat-multi-line .mat-list-item-content {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-list-base[dense] .mat-list-item .mat-list-text,
.mat-list-base[dense] .mat-list-option .mat-list-text {
    display: flex;
    flex-direction: column;
    flex: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0
}

.mat-list-base[dense] .mat-list-item .mat-list-text>*,
.mat-list-base[dense] .mat-list-option .mat-list-text>* {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: inherit
}

.mat-list-base[dense] .mat-list-item .mat-list-text:empty,
.mat-list-base[dense] .mat-list-option .mat-list-text:empty {
    display: none
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 0
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text,
[dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text,
.mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 16px
}

.mat-list-base[dense] .mat-list-item .mat-list-avatar,
.mat-list-base[dense] .mat-list-option .mat-list-avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover
}

.mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,
.mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset {
    margin-left: 68px;
    width: calc(100% - 68px)
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-avatar~.mat-divider-inset,
[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-avatar~.mat-divider-inset {
    margin-left: auto;
    margin-right: 68px
}

.mat-list-base[dense] .mat-list-item .mat-list-icon,
.mat-list-base[dense] .mat-list-option .mat-list-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    box-sizing: content-box;
    border-radius: 50%;
    padding: 4px
}

.mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,
.mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset {
    margin-left: 60px;
    width: calc(100% - 60px)
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-icon~.mat-divider-inset,
[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-icon~.mat-divider-inset {
    margin-left: auto;
    margin-right: 60px
}

.mat-list-base[dense] .mat-list-item .mat-divider,
.mat-list-base[dense] .mat-list-option .mat-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-divider,
[dir=rtl] .mat-list-base[dense] .mat-list-option .mat-divider {
    margin-left: auto;
    margin-right: 0
}

.mat-list-base[dense] .mat-list-item .mat-divider.mat-divider-inset,
.mat-list-base[dense] .mat-list-option .mat-divider.mat-divider-inset {
    position: absolute
}

.mat-nav-list a {
    text-decoration: none;
    color: inherit
}

.mat-nav-list .mat-list-item {
    cursor: pointer;
    outline: none
}

mat-action-list button {
    background: none;
    color: inherit;
    border: none;
    font: inherit;
    outline: inherit;
    -webkit-tap-highlight-color: transparent;
    text-align: left
}

[dir=rtl] mat-action-list button {
    text-align: right
}

mat-action-list button::-moz-focus-inner {
    border: 0
}

mat-action-list .mat-list-item {
    cursor: pointer;
    outline: inherit
}

.mat-list-option:not(.mat-list-item-disabled) {
    cursor: pointer;
    outline: none
}

.mat-list-item-disabled {
    pointer-events: none
}

.cdk-high-contrast-active .mat-list-item-disabled {
    opacity: .5
}

.cdk-high-contrast-active:host .mat-list-item-disabled {
    opacity: .5
}

.cdk-high-contrast-active .mat-selection-list:focus {
    outline-style: dotted
}

.cdk-high-contrast-active .mat-list-option:hover,
.cdk-high-contrast-active .mat-list-option:focus,
.cdk-high-contrast-active .mat-nav-list .mat-list-item:hover,
.cdk-high-contrast-active .mat-nav-list .mat-list-item:focus,
.cdk-high-contrast-active mat-action-list .mat-list-item:hover,
.cdk-high-contrast-active mat-action-list .mat-list-item:focus {
    outline: dotted 1px
}

.cdk-high-contrast-active .mat-list-single-selected-option::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 0;
    border-bottom: solid 10px;
    border-radius: 10px
}

.cdk-high-contrast-active [dir=rtl] .mat-list-single-selected-option::after {
    right: auto;
    left: 16px
}

@media(hover: none) {
    .mat-list-option:not(.mat-list-single-selected-option):not(.mat-list-item-disabled):hover,
    .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover,
    .mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover {
        background: none
    }
}


.mat-menu-panel {
    min-width: 112px;
    max-width: 280px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 48px);
    border-radius: 4px;
    outline: 0;
    min-height: 64px
}

.mat-menu-panel.ng-animating {
    pointer-events: none
}

.cdk-high-contrast-active .mat-menu-panel {
    outline: solid 1px
}

.mat-menu-content:not(:empty) {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-menu-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 48px;
    height: 48px;
    padding: 0 16px;
    text-align: left;
    text-decoration: none;
    max-width: 100%;
    position: relative
}

.mat-menu-item::-moz-focus-inner {
    border: 0
}

.mat-menu-item[disabled] {
    cursor: default
}

[dir=rtl] .mat-menu-item {
    text-align: right
}

.mat-menu-item .mat-icon {
    margin-right: 16px;
    vertical-align: middle
}

.mat-menu-item .mat-icon svg {
    vertical-align: top
}

[dir=rtl] .mat-menu-item .mat-icon {
    margin-left: 16px;
    margin-right: 0
}

.mat-menu-item[disabled] {
    pointer-events: none
}

.cdk-high-contrast-active .mat-menu-item.cdk-program-focused,
.cdk-high-contrast-active .mat-menu-item.cdk-keyboard-focused,
.cdk-high-contrast-active .mat-menu-item-highlighted {
    outline: dotted 1px
}

.mat-menu-item-submenu-trigger {
    padding-right: 32px
}

.mat-menu-item-submenu-trigger::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent currentColor;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

[dir=rtl] .mat-menu-item-submenu-trigger {
    padding-right: 16px;
    padding-left: 32px
}

[dir=rtl] .mat-menu-item-submenu-trigger::after {
    right: auto;
    left: 16px;
    transform: rotateY(180deg) translateY(-50%)
}

button.mat-menu-item {
    width: 100%
}

.mat-menu-item .mat-menu-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}


.mat-divider {
    display: block;
    margin: 0;
    border-top-width: 1px;
    border-top-style: solid
}

.mat-divider.mat-divider-vertical {
    border-top: 0;
    border-right-width: 1px;
    border-right-style: solid
}

.mat-divider.mat-divider-inset {
    margin-left: 80px
}

[dir=rtl] .mat-divider.mat-divider-inset {
    margin-left: auto;
    margin-right: 80px
}


.mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px
}

.mat-icon.mat-icon-inline {
    font-size: inherit;
    height: inherit;
    line-height: inherit;
    width: inherit
}

[dir=rtl] .mat-icon-rtl-mirror {
    transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
    display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
    margin: auto
}


.mat-expansion-panel {
    box-sizing: content-box;
    display: block;
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
    transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative
}

.mat-accordion .mat-expansion-panel:not(.mat-expanded),
.mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
    border-radius: 0
}

.mat-accordion .mat-expansion-panel:first-of-type {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.mat-accordion .mat-expansion-panel:last-of-type {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.cdk-high-contrast-active .mat-expansion-panel {
    outline: solid 1px
}

.mat-expansion-panel.ng-animate-disabled,
.ng-animate-disabled .mat-expansion-panel,
.mat-expansion-panel._mat-animation-noopable {
    transition: none
}

.mat-expansion-panel-content {
    display: flex;
    flex-direction: column;
    overflow: visible
}

.mat-expansion-panel-body {
    padding: 0 24px 16px
}

.mat-expansion-panel-spacing {
    margin: 16px 0
}

.mat-accordion>.mat-expansion-panel-spacing:first-child,
.mat-accordion>*:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-top: 0
}

.mat-accordion>.mat-expansion-panel-spacing:last-child,
.mat-accordion>*:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-bottom: 0
}

.mat-action-row {
    border-top-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 16px 8px 16px 24px
}

.mat-action-row button.mat-button-base,
.mat-action-row button.mat-mdc-button-base {
    margin-left: 8px
}

[dir=rtl] .mat-action-row button.mat-button-base,
[dir=rtl] .mat-action-row button.mat-mdc-button-base {
    margin-left: 0;
    margin-right: 8px
}


.mat-expansion-panel-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    border-radius: inherit;
    transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-expansion-panel-header._mat-animation-noopable {
    transition: none
}

.mat-expansion-panel-header:focus,
.mat-expansion-panel-header:hover {
    outline: none
}

.mat-expansion-panel-header.mat-expanded:focus,
.mat-expansion-panel-header.mat-expanded:hover {
    background: inherit
}

.mat-expansion-panel-header:not([aria-disabled=true]) {
    cursor: pointer
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before {
    flex-direction: row-reverse
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 16px 0 0
}

[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 0 0 16px
}

.mat-content {
    display: flex;
    flex: 1;
    flex-direction: row;
    overflow: hidden
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
    display: flex;
    flex-grow: 1;
    margin-right: 16px
}

[dir=rtl] .mat-expansion-panel-header-title,
[dir=rtl] .mat-expansion-panel-header-description {
    margin-right: 0;
    margin-left: 16px
}

.mat-expansion-panel-header-description {
    flex-grow: 2
}

.mat-expansion-indicator::after {
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    vertical-align: middle
}


.mat-card[_ngcontent-kuw-c304] {
    margin: 20px 0;
    padding: 0
}

.alert-content[_ngcontent-kuw-c304] {
    position: relative;
    width: 100%
}

.not-match-alert[_ngcontent-kuw-c304] {
    display: flex;
    align-items: center
}

.content-warning[_ngcontent-kuw-c304] button[_ngcontent-kuw-c304] {
    color: #15ab64;
    font-weight: 400
}

.content-warning[_ngcontent-kuw-c304] p[_ngcontent-kuw-c304] {
    font-weight: 400
}

.wrong-pass-alert[_ngcontent-kuw-c304] {
    display: flex;
    align-items: center
}

.icon-waring[_ngcontent-kuw-c304] {
    float: left;
    margin-right: 10px
}

.icon-waring[_ngcontent-kuw-c304] mat-icon[_ngcontent-kuw-c304] {
    width: 45px;
    height: 45px;
    font-size: 45px
}

.content-warning[_ngcontent-kuw-c304] {
    float: right
}

.alert[_ngcontent-kuw-c304] {
    padding: 0;
    margin-bottom: 16px
}

.close[_ngcontent-kuw-c304] {
    position: absolute;
    top: 2px;
    right: 2px
}

.warn[_ngcontent-kuw-c304] {
    background: rgba(221, 77, 59, .2);
    padding: 10px 20px;
    border-radius: 8px
}

.bank-acc-detail-content[_ngcontent-kuw-c304] {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400
}

.bank-acc-card[_ngcontent-kuw-c304] {
    flex: 0 0 200px
}

.bank-acc-card[_ngcontent-kuw-c304],
.bank-acc-infor[_ngcontent-kuw-c304] {
    display: inline-grid;
    padding: 24px
}

.bank-acc-infor[_ngcontent-kuw-c304] {
    flex: 0 0 250px
}

.bank-acc-action[_ngcontent-kuw-c304] {
    flex: 0 0 200px;
    display: inline-grid;
    padding: 24px
}

.bank-acc-infor[_ngcontent-kuw-c304] .btn-sync[_ngcontent-kuw-c304] {
    text-align: right
}

.bank-acc-info2-detail[_ngcontent-kuw-c304] {
    padding: 16px 0;
    font-weight: 400
}

.bank-acc-password[_ngcontent-kuw-c304] .mat-icon[_ngcontent-kuw-c304] {
    font-size: 16px;
    color: #15ab64;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.bank-acc-plan[_ngcontent-kuw-c304] .mat-icon[_ngcontent-kuw-c304] {
    font-size: 18px;
    color: #ff9800;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-left: 4px
}

.col-begin[_ngcontent-kuw-c304] {
    height: 100px
}

.col-begin[_ngcontent-kuw-c304],
.col-current[_ngcontent-kuw-c304],
.col-status[_ngcontent-kuw-c304] {
    display: inline-grid;
    padding: 24px
}

div.transaction-error-list[_ngcontent-kuw-c304]:empty {
    display: none
}

[_nghost-kuw-c304] app-transaction-grid>div {
    padding: 0 0 24px !important
}

[_nghost-kuw-c304] app-transaction-grid>div:empty {
    padding: 0 !important
}

[_nghost-kuw-c304] app-transaction-grid h4 {
    font-size: 16px !important;
    padding: 16px 0;
    margin: 0 !important
}

.advanced-settings[_ngcontent-kuw-c304] {
    margin-top: 24px;
    border-top: 1px solid #ecf0f5
}

.action[_ngcontent-kuw-c304] .mat-button[_ngcontent-kuw-c304] {
    margin: 2px 0
}

.begin-date-form[_ngcontent-kuw-c304],
.first-balance-form[_ngcontent-kuw-c304] {
    padding: 4px 24px 10px;
    background-color: #fafafa;
    margin: 5px 0
}

.mat-raised-button[_ngcontent-kuw-c304] {
    background-color: #15ab64 !important;
    color: #fff;
    font-weight: 400
}

.mat-button[_ngcontent-kuw-c304] {
    color: #15ab64 !important;
    font-weight: 400
}

.mat-spinner[_ngcontent-kuw-c304] {
    display: inline-block
}

.mat-spinner[_ngcontent-kuw-c304] circle {
    stroke: #fff
}

.btn-sync[_ngcontent-kuw-c304] .mat-spinner[_ngcontent-kuw-c304] circle {
    stroke: #15ab64
}

.txt-color-bold[_ngcontent-kuw-c304] {
    background-color: #e1f6ec;
    color: #15ab64
}

.txt-color-bold[_ngcontent-kuw-c304],
.txt-color-bold-warn[_ngcontent-kuw-c304] {
    padding: 3px 10px;
    border-radius: 100px;
    font-weight: 500
}

.txt-color-bold-warn[_ngcontent-kuw-c304] {
    background-color: rgba(244, 67, 54, .25098039215686274) !important;
    color: #f44336
}

.bank-acc-infor[_ngcontent-kuw-c304] .inline-block[_ngcontent-kuw-c304] {
    display: inline-block
}

.left[_ngcontent-kuw-c304] {
    float: left
}

.right[_ngcontent-kuw-c304] {
    float: right
}

.input-name .mat-form-field-label-wrapper {
    color: #15ab64;
    top: -1.4em
}

.input-name .mat-focused .mat-form-field-label {
    color: #4a4a4a !important
}

.input-name .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline,
.input-name .mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-form-field-invalid) .mat-form-field-flex:hover .mat-form-field-outline {
    color: #15ab64
}

.input-name .mat-form-field-flex>.mat-form-field-infix {
    padding: .4em 0 !important
}

.input-name .mat-form-field-wrapper {
    padding-bottom: 0
}

.input-name .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.1em) scale(.75);
    width: 133.33333%
}

.bankhub-container[_ngcontent-kuw-c304] {
    margin: 16px;
    border: 1px solid #ededed;
    padding: 16px 16px 4px;
    border-radius: 4px;
    min-width: 300px
}

.bankhub-header[_ngcontent-kuw-c304] {
    font-size: 13px
}

.bankhub-content[_ngcontent-kuw-c304] {
    padding: 16px 0
}

.bankhub-footer[_ngcontent-kuw-c304] {
    font-size: 12px;
    margin-top: auto;
    margin-left: auto
}

.bankhub-footer[_ngcontent-kuw-c304] a[_ngcontent-kuw-c304] {
    font-weight: 600;
    text-decoration: none;
    color: grey
}

.bank-badge[_ngcontent-kuw-c304] img[_ngcontent-kuw-c304] {
    padding: 2px 0
}

.bank-badge[_ngcontent-kuw-c304] a[_ngcontent-kuw-c304] {
    height: 24px
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .col-begin[_ngcontent-kuw-c304] {
        flex: 0 0 280px
    }

    .col-current[_ngcontent-kuw-c304] {
        border-right: none
    }

    .col-current[_ngcontent-kuw-c304],
    .col-status[_ngcontent-kuw-c304] {
        flex: 0 0 280px;
        height: 100px
    }
}

@media only screen and (min-width: 426px) and (max-width: 480px) {

    .col-begin[_ngcontent-kuw-c304],
    .col-current[_ngcontent-kuw-c304] {
        flex: 0 0 calc(100% - 48px);
        border-right: none
    }

    .col-current[_ngcontent-kuw-c304],
    .col-status[_ngcontent-kuw-c304] {
        height: 100px
    }

    .col-status[_ngcontent-kuw-c304] {
        flex: 0 0 calc(100% - 48px)
    }

    .bankhub-container[_ngcontent-kuw-c304] {
        padding: 24px;
        min-width: unset;
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width: 425px) {
    .bank-acc-info2-detail[_ngcontent-kuw-c304] {
        align-items: center;
        justify-content: center
    }

    .col-begin[_ngcontent-kuw-c304],
    .col-current[_ngcontent-kuw-c304] {
        flex: 0 0 calc(100% - 48px);
        border-right: none
    }

    .col-current[_ngcontent-kuw-c304],
    .col-status[_ngcontent-kuw-c304] {
        height: 100px
    }

    .col-status[_ngcontent-kuw-c304] {
        flex: 0 0 calc(100% - 48px)
    }

    .bank-acc-detail-content[_ngcontent-kuw-c304] {
        align-items: center;
        justify-content: center
    }

    .bank-acc-infor[_ngcontent-kuw-c304] {
        padding: 0;
        flex: 0 0 90%
    }

    .bank-acc-action[_ngcontent-kuw-c304] {
        padding: 0 0 24px;
        justify-content: center
    }

    .bankhub-container[_ngcontent-kuw-c304] {
        padding: 24px;
        min-width: unset;
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width: 350px) {
    .bank-acc-card[_ngcontent-kuw-c304] {
        padding: 24px 4px
    }

    .advanced-settings[_ngcontent-kuw-c304],
    .settings[_ngcontent-kuw-c304] {
        padding: 0 4px
    }

    [_nghost-kuw-c304] app-transaction-grid>div {
        padding: 0 4px 24px !important
    }

    [_nghost-kuw-c304] app-transaction-grid h4 {
        padding: 16px 4px
    }

    .bank-acc-action[_ngcontent-kuw-c304] {
        padding: 0 0 24px;
        justify-content: center
    }
}

.casso-fs-box[_ngcontent-kuw-c304],
.input-name[_ngcontent-kuw-c304] {
    display: flex;
    align-items: center
}

.casso-fs-box[_ngcontent-kuw-c304] {
    box-sizing: border-box;
    font-size: 15px;
    background-color: #eaecf1;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px;
    border-radius: 5px;
    word-wrap: break-word;
    border-radius: 4px
}

.div-shadow[_ngcontent-kuw-c304] {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .08)
}

button[_ngcontent-kuw-c304]:disabled {
    background-color: rgba(0, 0, 0, .0392156862745098) !important;
    color: hsla(0, 0%, 43.9%, .6980392156862745) !important;
    border: none
}


.container-bankAccs[_ngcontent-kuw-c303] {
    height: 100%;
    width: 100%
}

.content-bankAcc[_ngcontent-kuw-c303] {
    position: relative;
    color: #fff;
    height: 100%;
    width: 200px;
    height: 126px;
    display: inline-block;
    margin-right: 10px
}

.bank-card[_ngcontent-kuw-c303] {
    height: 100%;
    width: 100%;
    border-radius: 8px
}

.top-center-center[_ngcontent-kuw-c303] {
    top: 45%;
    font-size: 12px;
    font-weight: 200
}

.center-center[_ngcontent-kuw-c303],
.top-center-center[_ngcontent-kuw-c303] {
    position: absolute;
    width: 100%;
    text-align: center
}

.center-center[_ngcontent-kuw-c303] {
    top: 58%;
    font-size: 14px;
    font-weight: 600
}

.top-left[_ngcontent-kuw-c303] {
    width: 100%;
    top: 37px;
    text-align: center;
    font-size: 12px
}

.top-left[_ngcontent-kuw-c303],
.top-right[_ngcontent-kuw-c303] {
    position: absolute;
    text-transform: uppercase
}

.top-right[_ngcontent-kuw-c303] {
    right: 15px;
    top: 8px;
    font-size: 10px
}

.top-right[_ngcontent-kuw-c303] span[_ngcontent-kuw-c303] {
    display: block;
    text-align: right
}

.bank-sub-acc-id[_ngcontent-kuw-c303] {
    letter-spacing: 4px
}

.blur-card[_ngcontent-kuw-c303] {
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    left: 0;
    right: 0;
    height: 100%;
    bottom: 0;
    border-radius: 8px
}

.bottom-left[_ngcontent-kuw-c303] {
    left: 15px
}

.bottom-left[_ngcontent-kuw-c303],
.bottom-right[_ngcontent-kuw-c303] {
    position: absolute;
    bottom: 15px;
    text-align: center;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bottom-right[_ngcontent-kuw-c303] {
    right: 15px
}

a[_ngcontent-kuw-c303] {
    color: #fff
}

.bank-acc-warning[_ngcontent-kuw-c303] {
    width: 80%;
    position: absolute;
    top: 40%;
    left: 10%;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

.message-warning[_ngcontent-kuw-c303] {
    font-size: 12px;
    font-weight: 400
}

.bank-acc-warning[_ngcontent-kuw-c303] .icon-warning[_ngcontent-kuw-c303] {
    float: left;
    font-size: 28px !important;
    width: 28px;
    height: 28px
}

.content-bankAcc[_ngcontent-kuw-c303] mat-icon[_ngcontent-kuw-c303] {
    width: 14px;
    height: 14px;
    font-size: 14px;
    margin-right: 2px
}

svg[_ngcontent-kuw-c303] {
    margin-right: 2px
}

.plan[_ngcontent-kuw-c303] {
    left: 8px;
    position: absolute;
    top: 8px;
    background-color: #15ab64;
    padding: 4px;
    border-radius: 4px;
    line-height: 1.2;
    display: flex;
    flex-direction: column
}

.plan[_ngcontent-kuw-c303] .plan-name[_ngcontent-kuw-c303] {
    text-transform: uppercase;
    font-size: 10px
}

.plan[_ngcontent-kuw-c303] .plan-status[_ngcontent-kuw-c303] {
    font-size: 8px
}

.plan[_ngcontent-kuw-c303] span[_ngcontent-kuw-c303] {
    color: #fff
}

.ocb[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #008c45 35%, transparent 0), linear-gradient(225deg, #0aae5b, #008c45 74.46%)
}

.mbbank[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #141ed2 35%, transparent 0), linear-gradient(225deg, #444dff, #141ed2 74.46%)
}

.bidv[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #016b69 35%, transparent 0), linear-gradient(225deg, #088b8a, #016b69 74.46%)
}

.vietinbank[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #9edaf7 35%, transparent 0), linear-gradient(225deg, #b7e8ff, #9edaf7 74.46%)
}

.kienlong[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #0b0a46 35%, transparent 0), linear-gradient(225deg, #363484, #0b0a46 74.46%)
}

.acb_digi[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #164ba8 35%, transparent 0), linear-gradient(225deg, #2f69cf, #164ba8 74.46%)
}

.techcombank_digi[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #ea0000 35%, transparent 0), linear-gradient(225deg, #fe5353, #ea0000 74.46%)
}

.agribank[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #b10044 35%, transparent 0), linear-gradient(225deg, #ce1b5f, #b10044 74.46%)
}

.msb[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #d93734 35%, transparent 0), linear-gradient(225deg, #ef534f, #d93734 74.46%)
}

.eximbank[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #008ed0 35%, transparent 0), linear-gradient(225deg, #15a2e5, #008ed0 74.46%)
}

.vpbank[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #008446 35%, transparent 0), linear-gradient(225deg, #08a95e, #008446 74.46%)
}

.tpbank[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #512f7c 35%, transparent 0), linear-gradient(225deg, #694597, #512f7c 74.46%)
}

.vietcombank[_ngcontent-kuw-c303] {
    background: linear-gradient(140deg, #004f2e 35%, transparent 0), linear-gradient(87.9deg, #004f2e 1.05%, #62a84c 99.43%)
}


mat-form-field[_ngcontent-kuw-c243],
table[_ngcontent-kuw-c243] {
    width: 100%
}

h4[_ngcontent-kuw-c243]:empty {
    display: none
}

.transaction-detail-row[_ngcontent-kuw-c243] {
    height: 0;
    border: 0
}

tr.transaction-row[_ngcontent-kuw-c243]:hover {
    background: #f5f5f5
}

tr.transaction-row[_ngcontent-kuw-c243]:active {
    background: #efefef
}

.transaction-row[_ngcontent-kuw-c243] td[_ngcontent-kuw-c243] {
    border-bottom-width: 0
}

[_nghost-kuw-c243] .ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
    margin-left: 0 !important
}


.mat-form-field {
    display: inline-block;
    position: relative;
    text-align: left
}

[dir=rtl] .mat-form-field {
    text-align: right
}

.mat-form-field-wrapper {
    position: relative
}

.mat-form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%
}

.mat-form-field-prefix,
.mat-form-field-suffix {
    white-space: nowrap;
    flex: none;
    position: relative
}

.mat-form-field-infix {
    display: block;
    position: relative;
    flex: auto;
    min-width: 0;
    width: 180px
}

.cdk-high-contrast-active .mat-form-field-infix {
    border-image: linear-gradient(transparent, transparent)
}

.mat-form-field-label-wrapper {
    position: absolute;
    left: 0;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

[dir=rtl] .mat-form-field-label-wrapper {
    left: auto;
    right: 0
}

.mat-form-field-label {
    position: absolute;
    left: 0;
    font: inherit;
    pointer-events: none;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transform-origin: 0 0;
    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
    display: none
}

[dir=rtl] .mat-form-field-label {
    transform-origin: 100% 0;
    left: auto;
    right: 0
}

.mat-form-field-empty.mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: block
}

.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    display: none
}

.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    display: block;
    transition: none
}

.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    display: none
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    display: block
}

.mat-form-field-label:not(.mat-form-field-empty) {
    transition: none
}

.mat-form-field-underline {
    position: absolute;
    width: 100%;
    pointer-events: none;
    transform: scale3d(1, 1.0001, 1)
}

.mat-form-field-ripple {
    position: absolute;
    left: 0;
    width: 100%;
    transform-origin: 50%;
    transform: scaleX(0.5);
    opacity: 0;
    transition: background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)
}

.mat-form-field.mat-focused .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
    opacity: 1;
    transform: scaleX(1);
    transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1), opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-subscript-wrapper {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden
}

.mat-form-field-subscript-wrapper .mat-icon,
.mat-form-field-label-wrapper .mat-icon {
    width: 1em;
    height: 1em;
    font-size: inherit;
    vertical-align: baseline
}

.mat-form-field-hint-wrapper {
    display: flex
}

.mat-form-field-hint-spacer {
    flex: 1 0 1em
}

.mat-error {
    display: block
}

.mat-form-field-control-wrapper {
    position: relative
}

.mat-form-field-hint-end {
    order: 1
}

.mat-form-field._mat-animation-noopable .mat-form-field-label,
.mat-form-field._mat-animation-noopable .mat-form-field-ripple {
    transition: none
}


.mat-form-field-appearance-fill .mat-form-field-flex {
    border-radius: 4px 4px 0 0;
    padding: .75em .75em 0 .75em
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex {
    outline: solid 1px
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%
}

.mat-form-field-appearance-fill .mat-form-field-ripple {
    bottom: 0;
    height: 2px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple {
    height: 0;
    border-top: solid 2px
}

.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    opacity: 1;
    transform: none;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    transition: none
}

.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
    padding: 0 1em
}


.mat-input-element {
    font: inherit;
    background: transparent;
    color: currentColor;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
    text-align: inherit
}

.mat-input-element:-moz-ui-invalid {
    box-shadow: none
}

.mat-input-element::-ms-clear,
.mat-input-element::-ms-reveal {
    display: none
}

.mat-input-element,
.mat-input-element::-webkit-search-cancel-button,
.mat-input-element::-webkit-search-decoration,
.mat-input-element::-webkit-search-results-button,
.mat-input-element::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.mat-input-element::-webkit-contacts-auto-fill-button,
.mat-input-element::-webkit-caps-lock-indicator,
.mat-input-element::-webkit-credentials-auto-fill-button {
    visibility: hidden
}

.mat-input-element[type=date],
.mat-input-element[type=datetime],
.mat-input-element[type=datetime-local],
.mat-input-element[type=month],
.mat-input-element[type=week],
.mat-input-element[type=time] {
    line-height: 1
}

.mat-input-element[type=date]::after,
.mat-input-element[type=datetime]::after,
.mat-input-element[type=datetime-local]::after,
.mat-input-element[type=month]::after,
.mat-input-element[type=week]::after,
.mat-input-element[type=time]::after {
    content: " ";
    white-space: pre;
    width: 1px
}

.mat-input-element::-webkit-inner-spin-button,
.mat-input-element::-webkit-calendar-picker-indicator,
.mat-input-element::-webkit-clear-button {
    font-size: .75em
}

.mat-input-element::placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element::placeholder:-ms-input-placeholder {
    -ms-user-select: text
}

.mat-input-element::-moz-placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element::-moz-placeholder:-ms-input-placeholder {
    -ms-user-select: text
}

.mat-input-element::-webkit-input-placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder {
    -ms-user-select: text
}

.mat-input-element:-ms-input-placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element:-ms-input-placeholder:-ms-input-placeholder {
    -ms-user-select: text
}

.mat-form-field-hide-placeholder .mat-input-element::placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    transition: none
}

.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    transition: none
}

.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    transition: none
}

.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    transition: none
}

textarea.mat-input-element {
    resize: vertical;
    overflow: auto
}

textarea.mat-input-element.cdk-textarea-autosize {
    resize: none
}

textarea.mat-input-element {
    padding: 2px 0;
    margin: -2px 0
}

select.mat-input-element {
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    background-color: transparent;
    display: inline-flex;
    box-sizing: border-box;
    padding-top: 1em;
    top: -1em;
    margin-bottom: -1em
}

select.mat-input-element::-ms-expand {
    display: none
}

select.mat-input-element::-moz-focus-inner {
    border: 0
}

select.mat-input-element:not(:disabled) {
    cursor: pointer
}

select.mat-input-element::-ms-value {
    color: inherit;
    background: none
}

.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value {
    color: inherit
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2.5px;
    pointer-events: none
}

[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    right: auto;
    left: 0
}

.mat-form-field-type-mat-native-select .mat-input-element {
    padding-right: 15px
}

[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element {
    padding-right: 0;
    padding-left: 15px
}

.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper {
    max-width: calc(100% - 10px)
}

.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after {
    margin-top: -5px
}

.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after {
    margin-top: -10px
}


.mat-form-field-appearance-legacy .mat-form-field-label {
    transform: perspective(100px);
    -ms-transform: none
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon {
    width: 1em
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button {
    font: inherit;
    vertical-align: baseline
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon {
    font-size: inherit
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline {
    height: 0;
    border-top: solid 1px
}

.mat-form-field-appearance-legacy .mat-form-field-ripple {
    top: 0;
    height: 2px;
    overflow: hidden
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple {
    height: 0;
    border-top: solid 2px
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-position: 0;
    background-color: transparent
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    border-top-style: dotted;
    border-top-width: 2px
}

.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple {
    height: 1px
}


.mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin: .25em 0
}

.mat-form-field-appearance-outline .mat-form-field-flex {
    padding: 0 .75em 0 .75em;
    margin-top: -0.25em;
    position: relative
}

.mat-form-field-appearance-outline .mat-form-field-prefix,
.mat-form-field-appearance-outline .mat-form-field-suffix {
    top: .25em
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    display: flex;
    position: absolute;
    top: .25em;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border: 1px solid currentColor;
    min-width: 5px
}

.mat-form-field-appearance-outline .mat-form-field-outline-start {
    border-radius: 5px 0 0 5px;
    border-right-style: none
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start {
    border-right-style: solid;
    border-left-style: none;
    border-radius: 0 5px 5px 0
}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
    border-radius: 0 5px 5px 0;
    border-left-style: none;
    flex-grow: 1
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end {
    border-left-style: solid;
    border-right-style: none;
    border-radius: 5px 0 0 5px
}

.mat-form-field-appearance-outline .mat-form-field-outline-gap {
    border-radius: .000001px;
    border: 1px solid currentColor;
    border-left-style: none;
    border-right-style: none
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
    border-top-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    opacity: 0
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
    border-width: 2px
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline {
    opacity: 0;
    transition: opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick {
    opacity: 1
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
    opacity: 0;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick {
    opacity: 1
}

.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
    padding: 0 1em
}

.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap {
    transition: none
}


.mat-form-field-appearance-standard .mat-form-field-flex {
    padding-top: .75em
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    height: 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline {
    height: 0;
    border-top: solid 1px
}

.mat-form-field-appearance-standard .mat-form-field-ripple {
    bottom: 0;
    height: 2px
}

.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple {
    height: 0;
    border-top: 2px
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-position: 0;
    background-color: transparent
}

.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    border-top-style: dotted;
    border-top-width: 2px
}

.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    opacity: 1;
    transform: none;
    transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
    transition: none
}


.mat-tooltip-panel {
    pointer-events: none !important
}

.mat-tooltip {
    color: #fff;
    border-radius: 4px;
    margin: 14px;
    max-width: 250px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis
}

.cdk-high-contrast-active .mat-tooltip {
    outline: solid 1px
}

.mat-tooltip-handset {
    margin: 24px;
    padding-left: 16px;
    padding-right: 16px
}