body fuse-splash-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #111827;
    color: #f9fafb;
    z-index: 999999;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

body fuse-splash-screen img {
    width: 120px;
    max-width: 120px;
}

body fuse-splash-screen .spinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    width: 56px;
}

body fuse-splash-screen .spinner > div {
    width: 12px;
    height: 12px;
    background-color: #1e96f7;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: fuse-bouncedelay 1s infinite ease-in-out both;
    animation: fuse-bouncedelay 1s infinite ease-in-out both;
}

body fuse-splash-screen .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

body fuse-splash-screen .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes fuse-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes fuse-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

body:not(.fuse-splash-screen-hidden) {
    overflow: hidden;
}

body.fuse-splash-screen-hidden fuse-splash-screen {
    visibility: hidden;
    opacity: 0;
}
.mdc-checkbox
    .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not(
        [data-indeterminate='true']
    )
    ~ .mdc-checkbox__background {
    border-color: #d0d5dd !important;
}
.mdc-checkbox
    .mdc-checkbox__native-control:enabled:focus:focus:not(:checked):not(
        :indeterminate
    )
    ~ .mdc-checkbox__background {
    border-color: #d0d5dd !important;
}

.mdc-checkbox
    .mdc-checkbox__native-control:enabled:checked
    ~ .mdc-checkbox__background,
.mdc-checkbox
    .mdc-checkbox__native-control:enabled:indeterminate
    ~ .mdc-checkbox__background,
.mdc-checkbox
    .mdc-checkbox__native-control[data-indeterminate='true']:enabled
    ~ .mdc-checkbox__background {
    border-color: var(--fuse-primary-400) !important;
    background-color: var(--fuse-bg-app-bar) !important;
    border-radius: 5px;
}
.mdc-checkbox
    .mdc-checkbox__native-control:enabled
    ~ .mdc-checkbox__background
    .mdc-checkbox__checkmark {
    color: var(--fuse-primary-400) !important;
}
.mdc-checkbox__checkmark-path {
    stroke-width: 4px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill.mat-focused:not(
        .mat-form-field-invalid
    )
    .mat-mdc-text-field-wrapper {
    border-color: #4536a0 !important;
}
.theme-teal .light .mat-mdc-form-field-error,
.theme-teal.light .mat-mdc-form-field-error {
    color: #f04438 !important;
}
body
    .mat-mdc-form-field.mat-form-field-appearance-fill.mat-form-field-invalid
    .mat-mdc-text-field-wrapper {
    border-color: #f04438 !important;
}
body.theme-teal .light .mdc-text-field--invalid .mdc-text-field__input,
body.theme-teal.light .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #f04438 !important;
    color: #f04438 !important;
    &::placeholder {
        caret-color: #f04438 !important;
        color: #f04438 !important;
    }
}
body.theme-teal .light .mat-calendar-body-cell-content,
body.theme-teal .light .mat-date-range-input-separator,
body.theme-teal.light .mat-calendar-body-cell-content,
body.theme-teal.light .mat-date-range-input-separator {
    color: #344054 !important;
}
body.theme-teal
    .light
    .mat-calendar-body-today:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
body.theme-teal.light
    .mat-calendar-body-today:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ) {
    background: #f2f4f7 !important;
}
body.theme-teal
    .light
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ),
body.theme-teal.light
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover
    > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(
        .mat-calendar-body-comparison-identical
    ) {
    background: #f2f4f7 !important;
}
body.theme-teal .light .mat-calendar-body-selected,
body.theme-teal.light .mat-calendar-body-selected {
    background: #22b573 !important;
    color: #fff !important;
}
.theme-teal .light .mat-calendar-body-in-range::before,
.theme-teal.light .mat-calendar-body-in-range::before {
    background-color: #eefcf6 !important;
}
fuse-vertical-navigation
    fuse-vertical-navigation-group-item
    > .fuse-vertical-navigation-item-wrapper
    .fuse-vertical-navigation-item
    .fuse-vertical-navigation-item-title-wrapper
    .fuse-vertical-navigation-item-title {
    text-transform: capitalize !important;
}

/* #dropDown style */
.desktop-view {
    display: inline-block;
}

.mobile-view {
    display: none !important;
}

@media screen and (max-width: 768px) {
    .desktop-view {
        display: none;
    }

    .mobile-view {
        display: flex !important;
    }
    .mat-mdc-paginator-page-size {
        display: none !important;
    }
}

@media only screen and (min-width: 960px) {
    body:not(.os-mac) ::-webkit-scrollbar:hover {
        width: 5px;
        height: 5px;
        background-color: rgba(0, 0, 0, 0.06);
    }
}
@media only screen and (min-width: 960px) {
    body:not(.os-mac) ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background-color: rgba(0, 0, 0, 0);
    }
}
::-webkit-scrollbar-thumb:hover {
    background: #d0d5dd !important;
}

::-webkit-scrollbar-thumb {
    background: #d0d5dd !important;
}
::-webkit-scrollbar-track {
    background-color: #f2f4f7 !important;
}
input:-internal-autofill-selected {
    &.ng-dirty.ng-touched.ng-valid {
        background-color: #f2f4f7 !important;
        color: rgba(0, 0, 0, 0.87) !important;
        caret-color: rgba(0, 0, 0, 0.87) !important;
        &::placeholder {
            caret-color: rgba(0, 0, 0, 0.87) !important;
            color: rgba(0, 0, 0, 0.87) !important;
        }
    }
}
.mobile-footer .items-link.active .mat-icon {
    * {
        stroke: #4536a0;
    }
}
.smb-landing .table-wrapper__desktop {
    display: block !important;
}

.smb-landing .table-wrapper__mobile {
    display: none !important;
}