@-webkit-keyframes rotate-center {
    0% {
        transform: rotate(0);
    }
    20% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(720deg);
    }
}

@keyframes rotate-center {
    0% {
        transform: rotate(0);
    }
    20% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(720deg);
    }
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    border-radius: 11px;
}

::-webkit-scrollbar-thumb {
    background: rgba(233, 244, 255, 0.13);
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#masterLoader {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 999999;
    background-color: #191a1c;
}

#masterLoader app-loader {
    width: auto;
    height: 15vh;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15vh;
}

.logo-rotate .border {
    width: 100%;
    height: auto;
    color: #2D3138;
}

.logo-rotate .center-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-5%);

}

.logo-rotate .center-wrap .center {
    width: 55%;
    height: 55%;
    animation: rotate-center 2s ease-in-out infinite both;
    color: white;
}

.logo-rotate {
    position: relative;
    height: 100%;
    display: flex;
}

#globalLoading[_ngcontent-serverApp-c3837549479] {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center
}

.loader[_ngcontent-serverApp-c3837549479] app-loader[_ngcontent-serverApp-c3837549479], #globalLoading[_ngcontent-serverApp-c3837549479] app-loader[_ngcontent-serverApp-c3837549479] {
    width: auto;
    height: 15vh;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15vh
}

#globalLoading[_ngcontent-serverApp-c3837549479] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    align-items: flex-start
}

#globalLoading[_ngcontent-serverApp-c3837549479] .globalLoading-child[_ngcontent-serverApp-c3837549479] {
    width: 100%;
    height: 100%;
    background: #00000050;
}

@keyframes mdc-linear-progress-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(var(--mdc-linear-progress-primary-half))
    }
    100% {
        transform: translateX(var(--mdc-linear-progress-primary-full))
    }
}

@keyframes mdc-linear-progress-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 mdc-linear-progress-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(var(--mdc-linear-progress-secondary-quarter))
    }
    48.35% {
        animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
        transform: translateX(var(--mdc-linear-progress-secondary-half))
    }
    100% {
        transform: translateX(var(--mdc-linear-progress-secondary-full))
    }
}

@keyframes mdc-linear-progress-secondary-indeterminate-scale {
    0% {
        animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
        transform: scaleX(0.08)
    }
    19.15% {
        animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
        transform: scaleX(0.457104)
    }
    44.15% {
        animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
        transform: scaleX(0.72796)
    }
    100% {
        transform: scaleX(0.08)
    }
}

@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
    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(var(--mdc-linear-progress-primary-half-neg))
    }
    100% {
        transform: translateX(var(--mdc-linear-progress-primary-full-neg))
    }
}

@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
    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(var(--mdc-linear-progress-secondary-quarter-neg))
    }
    48.35% {
        animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
        transform: translateX(var(--mdc-linear-progress-secondary-half-neg))
    }
    100% {
        transform: translateX(var(--mdc-linear-progress-secondary-full-neg))
    }
}

@keyframes mdc-linear-progress-buffering-reverse {
    from {
        transform: translateX(-10px)
    }
}

.mdc-linear-progress {
    position: relative;
    width: 100%;
    transform: translateZ(0);
    outline: 1px solid rgba(0, 0, 0, 0);
    overflow-x: hidden;
    transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

@media screen and (forced-colors: active) {
    .mdc-linear-progress {
        outline-color: CanvasText
    }
}

.mdc-linear-progress__bar {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    animation: none;
    transform-origin: top left;
    transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-linear-progress__bar-inner {
    display: inline-block;
    position: absolute;
    width: 100%;
    animation: none;
    border-top-style: solid
}

.mdc-linear-progress__buffer {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    overflow: hidden
}

.mdc-linear-progress__buffer-dots {
    background-repeat: repeat-x;
    flex: auto;
    transform: rotate(180deg);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='xMinYMin slice'%3E%3Ccircle cx='1' cy='1' r='1'/%3E%3C/svg%3E");
    animation: mdc-linear-progress-buffering 250ms infinite linear
}

.mdc-linear-progress__buffer-bar {
    flex: 0 1 100%;
    transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-linear-progress__primary-bar {
    transform: scaleX(0)
}

.mdc-linear-progress__secondary-bar {
    display: none
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
    transition: none
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
    left: -145.166611%
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
    left: -54.888891%;
    display: block
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
    animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
    animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
    animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
    animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear
}

[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar {
    right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right
}

[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
    animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse
}

[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
    animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse
}

[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots {
    animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
    transform: rotate(0)
}

[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
    right: -145.166611%;
    left: auto
}

[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
    right: -54.888891%;
    left: auto
}

.mdc-linear-progress--closed {
    opacity: 0
}

.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots {
    animation: none
}

.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar, .mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
    animation: none
}

@keyframes mdc-linear-progress-buffering {
    from {
        transform: rotate(180deg) translateX(calc(var(--mdc-linear-progress-track-height) * -2.5))
    }
}

.mdc-linear-progress__bar-inner {
    border-color: var(--mdc-linear-progress-active-indicator-color)
}

.mdc-linear-progress__buffer-dots {
    background-color: var(--mdc-linear-progress-track-color)
}

@media (forced-colors: active) {
    .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mdc-linear-progress__buffer-dots {
        background-color: rgba(0, 0, 0, 0);
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
    }
}

.mdc-linear-progress__buffer-bar {
    background-color: var(--mdc-linear-progress-track-color)
}

.mdc-linear-progress {
    height: max(var(--mdc-linear-progress-track-height), var(--mdc-linear-progress-active-indicator-height))
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mdc-linear-progress {
        height: 4px
    }
}

.mdc-linear-progress__bar {
    height: var(--mdc-linear-progress-active-indicator-height)
}

.mdc-linear-progress__bar-inner {
    border-top-width: var(--mdc-linear-progress-active-indicator-height)
}

.mdc-linear-progress__buffer {
    height: var(--mdc-linear-progress-track-height)
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mdc-linear-progress__buffer-dots {
        background-size: 10px var(--mdc-linear-progress-track-height)
    }
}

.mdc-linear-progress__buffer {
    border-radius: var(--mdc-linear-progress-track-shape)
}

.mat-mdc-progress-bar {
    display: block;
    text-align: start;
    --mdc-linear-progress-primary-half: 83.67142%;
    --mdc-linear-progress-primary-full: 200.611057%;
    --mdc-linear-progress-secondary-quarter: 37.651913%;
    --mdc-linear-progress-secondary-half: 84.386165%;
    --mdc-linear-progress-secondary-full: 160.277782%;
    --mdc-linear-progress-primary-half-neg: -83.67142%;
    --mdc-linear-progress-primary-full-neg: -200.611057%;
    --mdc-linear-progress-secondary-quarter-neg: -37.651913%;
    --mdc-linear-progress-secondary-half-neg: -84.386165%;
    --mdc-linear-progress-secondary-full-neg: -160.277782%
}

.mat-mdc-progress-bar[mode=query] {
    transform: scaleX(-1)
}

.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__buffer-dots, .mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__primary-bar, .mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__secondary-bar, .mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__bar-inner.mdc-linear-progress__bar-inner {
    animation: none
}

.mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__primary-bar, .mat-mdc-progress-bar._mat-animation-noopable .mdc-linear-progress__buffer-bar {
    transition: transform 1ms
}

.mat-primary {
    --mat-full-pseudo-checkbox-selected-icon-color: #98b818;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-unselected-icon-color: white;
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #2f3336;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #98b818;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0
}

#masterLoader .border {
    border: none !important;
}