._header[_ngcontent-yud-c179] .example-spacer[_ngcontent-yud-c179] {
            flex: 1 1 auto
        }

        ._navBar[_ngcontent-yud-c179] .mat-toolbar[_ngcontent-yud-c179] {
            justify-content: center !important
        }

        .content-body[_ngcontent-yud-c179] {
            height: 100%;
            width: 100%;
            overflow-x: hidden
        }

        mat-form-field[_ngcontent-yud-c179] {
            width: 100%
        }

        mat-card.card[_ngcontent-yud-c179] {
            border-top: 3px solid #3f51b5
        }

        .card[_ngcontent-yud-c179] {
            box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
        }

        .mat-form-field-appearance-outline .mat-form-field-label {
            height: 42px;
            position: relative;
            top: 4px;
            line-height: 3
        }

        .mat-form-field-appearance-outline .mat-form-field-label mat-label {
            font-size: 16px
        }

        input.mat-input-element {
            height: 32px;
            position: relative;
            top: -5px;
            font-size: 16px
        }

        .mat-select {
            display: inline-block;
            width: 100%;
            outline: none;
            height: 32px;
            position: relative;
            top: -5px
        }

        .mat-select-trigger {
            height: 5.125em
        }

        .mat-select-value-text {
            position: relative;
            top: 12px
        }

        .mat-form-field-appearance-outline .mat-form-field-infix {
            padding: .5em 0
        }

        .mat-form-field-label-wrapper {
            top: -1.25em
        }

        .mat-form-field-appearance-outline .mat-form-field-flex {
            display: flex;
            align-items: center
        }

        input.mat-input-element {
            height: 24px
        }

        .mat-tooltip-trigger {
            color: #234a7d !important;
            top: 0;
            position: relative
        }

        .mat-tooltip {
            padding: 10px !important;
            background: #234a7da3;
            position: relative;
            top: -10px;
            letter-spacing: .5px
        }

        .mat-form-field-suffix {
            display: flex;
            align-items: center
        }

        .mat-form-field-appearance-outline .mat-form-field-outline-thick {
            color: #3f51b5 !important
        }

        @media (min-width:320px) and (max-width:767px) {
            .mat-button,
            .mat-flat-button,
            .mat-icon-button {
                min-width: auto !important;
                padding: 0 !important
            }
        }

        @media (min-width:320px) and (max-width:767px) {
            ._loginBtn.mat-raised-button {
                font-size: 11px;
                min-width: auto !important;
                line-height: 28px !important
            }
        }

        .mat-menu-panel {
            min-width: 210px !important;
            max-width: 210px
        }

        .mat-menu-panel.is-masterList {
            height: 300px
        }

        .mat-menu-panel.is-masterList::-webkit-scrollbar {
            width: 8px;
            border-radius: 25px
        }

        .mat-menu-panel.is-masterList::-webkit-scrollbar-thumb {
            background: #bfc0c2;
            border-radius: 3px
        }

        .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
            color: #234a7d !important
        }

        .mat-form-field-label {
            color: #4c4c4cb7 !important
        }

        .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
            color: #ccc !important
        }

        .mat-form-field-appearance-outline .mat-form-field-outline-thick {
            color: #234a7d !important
        }

        .mat-form-field-invalid .mat-input-element,
        .mat-warn .mat-input-element {
            caret-color: #234a7d !important
        }

        .mat-calendar-header {
            background-color: #234a7d !important
        }

        .mat-calendar-previous-button {
            color: #fff !important
        }

        .mat-calendar-next-button {
            color: #fff !important
        }

        .mat-calendar-period-button {
            color: #fff !important
        }

        .mat-calendar-arrow {
            color: #fff !important;
            border-top-color: #fff !important
        }

        .mat-calendar-invert {
            color: #fff !important
        }

        .mat-calendar-body-cell-content.mat-calendar-body-selected {
            background-color: #234a7d !important
        }

        .mat-calendar-body-cell-content.mat-calendar-body-today {
            border: 2px solid #234a7d !important
        }

        .mat-checkbox-checked.mat-accent .mat-checkbox-background,
        .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
            background-color: #234a7d !important
        }

        ._IconAlign[_ngcontent-yud-c179] {
            position: relative;
            top: .4rem
        }

        ._hide-mobile[_ngcontent-yud-c179] button[_ngcontent-yud-c179] {
            font-weight: 500 !important
        }

        ._hide-mobile[_ngcontent-yud-c179] span[_ngcontent-yud-c179] {
            display: inline-block
        }

        @media screen and (max-width:991px) {
            ._hide-mobile[_ngcontent-yud-c179] {
                display: none
            }
        }

        ._hide-web[_ngcontent-yud-c179] {
            display: none
        }

        @media screen and (max-width:991px) {
            ._hide-web[_ngcontent-yud-c179] {
                display: inline-block
            }
        }

        mat-toolbar[color=primary][_ngcontent-yud-c179] {
            height: 50px;
            background-color: #234a7d !important
        }

        .mat-tooltip {
            font-size: 12px !important;
            font-weight: 700 !important;
            max-width: 275px !important
        }

        .is-viewHistoryBtn[_ngcontent-yud-c179] {
            font-size: 10px;
            padding: 0 5px;
            line-height: 28px
        }

        .pwa-install[_ngcontent-yud-c179] {
            bottom: 0;
            background: #333 none repeat scroll 0 0;
            margin-bottom: 5px;
            color: #fff;
            opacity: 1;
            filter: alpha(opacity=100);
            border-radius: 5px;
            position: fixed;
            transition: all .2s ease 0s;
            z-index: 99;
            text-align: center;
            width: auto;
            left: 0;
            transform: translate(calc(50vw - 50%));
            padding: 5px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .pwa-install[_ngcontent-yud-c179] .mat-icon[_ngcontent-yud-c179] {
            transform: scale(.9)
        }

        .pwa-install[_ngcontent-yud-c179] .mat-icon-button[_ngcontent-yud-c179] {
            width: 20px;
            height: auto;
            margin-left: 2px
        }
        .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
        }
        .ngx-progress-bar[_ngcontent-yud-c114] {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            z-index: 99999 !important;
            display: none;
            color: #00acc1;
            overflow: hidden
        }

        .ngx-progress-bar.foreground-closing[_ngcontent-yud-c114],
        .ngx-progress-bar.loading-foreground[_ngcontent-yud-c114] {
            display: block
        }

        .ngx-progress-bar.foreground-closing[_ngcontent-yud-c114] {
            opacity: 0 !important;
            transition: opacity .5s ease-out .5s
        }

        .ngx-progress-bar.fast-closing[_ngcontent-yud-c114] {
            transition: opacity .3s ease-out .3s !important
        }

        .ngx-progress-bar[_ngcontent-yud-c114]:after,
        .ngx-progress-bar[_ngcontent-yud-c114]:before {
            background-color: currentColor;
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0
        }

        .ngx-progress-bar-ltr[_ngcontent-yud-c114]:before {
            transform: translate3d(-100%, 0, 0)
        }

        .ngx-progress-bar-ltr[_ngcontent-yud-c114]:after {
            animation: progressBar-slide-ltr 12s ease-out 0s 1 normal;
            transform: translate3d(-5%, 0, 0)
        }

        .ngx-progress-bar-rtl[_ngcontent-yud-c114]:before {
            transform: translate3d(100%, 0, 0)
        }

        .ngx-progress-bar-rtl[_ngcontent-yud-c114]:after {
            animation: progressBar-slide-rtl 12s ease-out 0s 1 normal;
            transform: translate3d(5%, 0, 0)
        }

        .foreground-closing.ngx-progress-bar-ltr[_ngcontent-yud-c114]:before {
            animation: progressBar-slide-complete-ltr 1s ease-out 0s 1;
            transform: translateZ(0)
        }

        .fast-closing.ngx-progress-bar-ltr[_ngcontent-yud-c114]:before {
            animation: progressBar-slide-complete-ltr .6s ease-out 0s 1 !important
        }

        .foreground-closing.ngx-progress-bar-rtl[_ngcontent-yud-c114]:before {
            animation: progressBar-slide-complete-rtl 1s ease-out 0s 1;
            transform: translateZ(0)
        }

        .fast-closing.ngx-progress-bar-rtl[_ngcontent-yud-c114]:before {
            animation: progressBar-slide-complete-rtl .6s ease-out 0s 1 !important
        }

        @keyframes progressBar-slide-ltr {
            0% {
                transform: translate3d(-100%, 0, 0)
            }
            to {
                transform: translate3d(-5%, 0, 0)
            }
        }

        @keyframes progressBar-slide-rtl {
            0% {
                transform: translate3d(100%, 0, 0)
            }
            to {
                transform: translate3d(5%, 0, 0)
            }
        }

        @keyframes progressBar-slide-complete-ltr {
            0% {
                transform: translate3d(-75%, 0, 0)
            }
            50% {
                transform: translateZ(0)
            }
        }

        @keyframes progressBar-slide-complete-rtl {
            0% {
                transform: translate3d(75%, 0, 0)
            }
            50% {
                transform: translateZ(0)
            }
        }

        .ngx-overlay[_ngcontent-yud-c114] {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99998 !important;
            background-color: rgba(40, 40, 40, .8);
            cursor: progress;
            display: none
        }

        .ngx-overlay.foreground-closing[_ngcontent-yud-c114],
        .ngx-overlay.loading-foreground[_ngcontent-yud-c114] {
            display: block
        }

        .ngx-overlay.foreground-closing[_ngcontent-yud-c114] {
            opacity: 0 !important;
            transition: opacity .5s ease-out .5s
        }

        .ngx-overlay.fast-closing[_ngcontent-yud-c114] {
            transition: opacity .3s ease-out .3s !important
        }

        .ngx-overlay[_ngcontent-yud-c114]>.ngx-foreground-spinner[_ngcontent-yud-c114] {
            position: fixed;
            width: 60px;
            height: 60px;
            margin: 0;
            color: #00acc1
        }

        .ngx-overlay[_ngcontent-yud-c114]>.ngx-loading-logo[_ngcontent-yud-c114] {
            position: fixed;
            margin: 0;
            width: 120px;
            height: 120px
        }

        .ngx-overlay[_ngcontent-yud-c114]>.ngx-loading-text[_ngcontent-yud-c114] {
            position: fixed;
            margin: 0;
            font-family: sans-serif;
            font-weight: 400;
            font-size: 1.2em;
            color: #fff
        }

        .ngx-background-spinner[_ngcontent-yud-c114] {
            position: fixed;
            z-index: 99997 !important;
            width: 60px;
            height: 60px;
            margin: 0;
            color: #00acc1;
            opacity: .6;
            display: none
        }

        .ngx-background-spinner.background-closing[_ngcontent-yud-c114],
        .ngx-background-spinner.loading-background[_ngcontent-yud-c114] {
            display: block
        }

        .ngx-background-spinner.background-closing[_ngcontent-yud-c114] {
            opacity: 0 !important;
            transition: opacity .7s ease-out
        }

        .ngx-background-spinner.fast-closing[_ngcontent-yud-c114] {
            transition: opacity .4s ease-out !important
        }

        .ngx-position-absolute[_ngcontent-yud-c114],
        .ngx-position-absolute[_ngcontent-yud-c114]>.ngx-foreground-spinner[_ngcontent-yud-c114],
        .ngx-position-absolute[_ngcontent-yud-c114]>.ngx-loading-logo[_ngcontent-yud-c114],
        .ngx-position-absolute[_ngcontent-yud-c114]>.ngx-loading-text[_ngcontent-yud-c114] {
            position: absolute !important
        }

        .ngx-position-absolute.ngx-progress-bar[_ngcontent-yud-c114] {
            z-index: 99996 !important
        }

        .ngx-position-absolute.ngx-overlay[_ngcontent-yud-c114] {
            z-index: 99995 !important
        }

        .ngx-position-absolute.ngx-background-spinner[_ngcontent-yud-c114],
        .ngx-position-absolute[_ngcontent-yud-c114] .sk-square-jelly-box[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            z-index: 99994 !important
        }

        .top-left[_ngcontent-yud-c114] {
            top: 30px;
            left: 30px
        }

        .top-center[_ngcontent-yud-c114] {
            top: 30px;
            left: 50%;
            transform: translateX(-50%)
        }

        .top-right[_ngcontent-yud-c114] {
            top: 30px;
            right: 30px
        }

        .center-left[_ngcontent-yud-c114] {
            top: 50%;
            left: 30px;
            transform: translateY(-50%)
        }

        .center-center[_ngcontent-yud-c114] {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%)
        }

        .center-right[_ngcontent-yud-c114] {
            top: 50%;
            right: 30px;
            transform: translateY(-50%)
        }

        .bottom-left[_ngcontent-yud-c114] {
            bottom: 30px;
            left: 30px
        }

        .bottom-center[_ngcontent-yud-c114] {
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%)
        }

        .bottom-right[_ngcontent-yud-c114] {
            bottom: 30px;
            right: 30px
        }

        .sk-ball-scale-multiple[_ngcontent-yud-c114],
        .sk-ball-scale-multiple[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-ball-scale-multiple[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            font-size: 0
        }

        .sk-ball-scale-multiple[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 100%;
            opacity: 0;
            animation: ball-scale-multiple 1s linear 0s infinite
        }

        .sk-ball-scale-multiple[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            animation-delay: .2s
        }

        .sk-ball-scale-multiple[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            animation-delay: .4s
        }

        @keyframes ball-scale-multiple {
            0% {
                opacity: 0;
                transform: scale(0)
            }
            5% {
                opacity: .75
            }
            to {
                opacity: 0;
                transform: scale(1)
            }
        }

        .sk-ball-spin[_ngcontent-yud-c114],
        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-ball-spin[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            font-size: 0
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 25%;
            height: 25%;
            margin-top: -12.5%;
            margin-left: -12.5%;
            border-radius: 100%;
            animation: ball-spin-clockwise 1s ease-in-out infinite
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            top: 5%;
            left: 50%;
            animation-delay: -1.125s
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            animation-delay: -1.25s
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            top: 50%;
            left: 95%;
            animation-delay: -1.375s
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            animation-delay: -1.5s
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            animation-delay: -1.625s
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            animation-delay: -1.75s
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            animation-delay: -1.875s
        }

        .sk-ball-spin[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            animation-delay: -2s
        }

        @keyframes ball-spin {
            0%,
            to {
                opacity: 1;
                transform: scale(1)
            }
            20% {
                opacity: 1
            }
            80% {
                opacity: 0;
                transform: scale(0)
            }
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114],
        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            font-size: 0
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 25%;
            height: 25%;
            margin-top: -12.5%;
            margin-left: -12.5%;
            border-radius: 100%;
            animation: ball-spin-clockwise 1s ease-in-out infinite
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            top: 5%;
            left: 50%;
            animation-delay: -.875s
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            animation-delay: -.75s
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            top: 50%;
            left: 95%;
            animation-delay: -.625s
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            animation-delay: -.5s
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            animation-delay: -.375s
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            animation-delay: -.25s
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            animation-delay: -.125s
        }

        .sk-ball-spin-clockwise[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            animation-delay: 0s
        }

        @keyframes ball-spin-clockwise {
            0%,
            to {
                opacity: 1;
                transform: scale(1)
            }
            20% {
                opacity: 1
            }
            80% {
                opacity: 0;
                transform: scale(0)
            }
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114],
        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114] {
            font-size: 0;
            width: 100%;
            height: 100%;
            animation: ball-spin-clockwise-fade-rotating-rotate 6s linear infinite
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 25%;
            height: 25%;
            margin-top: -12.5%;
            margin-left: -12.5%;
            border-radius: 100%;
            animation: ball-spin-clockwise-fade-rotating 1s linear infinite
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            top: 5%;
            left: 50%;
            animation-delay: -.875s
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            animation-delay: -.75s
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            top: 50%;
            left: 95%;
            animation-delay: -.625s
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            animation-delay: -.5s
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            animation-delay: -.375s
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            animation-delay: -.25s
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            animation-delay: -.125s
        }

        .sk-ball-spin-clockwise-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            animation-delay: 0s
        }

        @keyframes ball-spin-clockwise-fade-rotating-rotate {
            to {
                transform: rotate(-1turn)
            }
        }

        @keyframes ball-spin-clockwise-fade-rotating {
            50% {
                opacity: .25;
                transform: scale(.5)
            }
            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114],
        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            font-size: 0;
            animation: ball-spin-fade-rotate 6s linear infinite
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 25%;
            height: 25%;
            margin-top: -12.5%;
            margin-left: -12.5%;
            border-radius: 100%;
            animation: ball-spin-fade 1s linear infinite
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            top: 5%;
            left: 50%;
            animation-delay: -1.125s
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            top: 18.1801948466%;
            left: 81.8198051534%;
            animation-delay: -1.25s
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            top: 50%;
            left: 95%;
            animation-delay: -1.375s
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            top: 81.8198051534%;
            left: 81.8198051534%;
            animation-delay: -1.5s
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            top: 94.9999999966%;
            left: 50.0000000005%;
            animation-delay: -1.625s
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6) {
            top: 81.8198046966%;
            left: 18.1801949248%;
            animation-delay: -1.75s
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7) {
            top: 49.9999750815%;
            left: 5.0000051215%;
            animation-delay: -1.875s
        }

        .sk-ball-spin-fade-rotating[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8) {
            top: 18.179464974%;
            left: 18.1803700518%;
            animation-delay: -2s
        }

        @keyframes ball-spin-fade-rotate {
            to {
                transform: rotate(1turn)
            }
        }

        @keyframes ball-spin-fade {
            0%,
            to {
                opacity: 1;
                transform: scale(1)
            }
            50% {
                opacity: .25;
                transform: scale(.5)
            }
        }

        .sk-chasing-dots[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            position: absolute;
            text-align: center;
            animation: sk-chasingDots-rotate 2s linear infinite
        }

        .sk-chasing-dots[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 60%;
            height: 60%;
            display: inline-block;
            position: absolute;
            top: 0;
            background-color: currentColor;
            border-radius: 100%;
            animation: sk-chasingDots-bounce 2s ease-in-out infinite
        }

        .sk-chasing-dots[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            top: auto;
            bottom: 0;
            animation-delay: -1s
        }

        @keyframes sk-chasingDots-rotate {
            to {
                transform: rotate(1turn)
            }
        }

        @keyframes sk-chasingDots-bounce {
            0%,
            to {
                transform: scale(0)
            }
            50% {
                transform: scale(1)
            }
        }

        .sk-circle[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            position: relative
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:before {
            content: "";
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: currentColor;
            border-radius: 100%;
            animation: sk-circle-bounceDelay 1.2s ease-in-out infinite both
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            transform: rotate(30deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            transform: rotate(60deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            transform: rotate(90deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            transform: rotate(120deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6) {
            transform: rotate(150deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7) {
            transform: rotate(180deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8) {
            transform: rotate(210deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(9) {
            transform: rotate(240deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(10) {
            transform: rotate(270deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(11) {
            transform: rotate(300deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(12) {
            transform: rotate(330deg)
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2):before {
            animation-delay: -1.1s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3):before {
            animation-delay: -1s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4):before {
            animation-delay: -.9s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5):before {
            animation-delay: -.8s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6):before {
            animation-delay: -.7s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7):before {
            animation-delay: -.6s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8):before {
            animation-delay: -.5s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(9):before {
            animation-delay: -.4s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(10):before {
            animation-delay: -.3s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(11):before {
            animation-delay: -.2s
        }

        .sk-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(12):before {
            animation-delay: -.1s
        }

        @keyframes sk-circle-bounceDelay {
            0%,
            80%,
            to {
                transform: scale(0)
            }
            40% {
                transform: scale(1)
            }
        }

        .sk-cube-grid[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            margin: auto
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 33%;
            height: 33%;
            background-color: currentColor;
            float: left;
            animation: sk-cubeGrid-scaleDelay 1.3s ease-in-out infinite
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            animation-delay: .2s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            animation-delay: .3s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            animation-delay: .4s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            animation-delay: .1s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            animation-delay: .2s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6) {
            animation-delay: .3s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7) {
            animation-delay: 0s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8) {
            animation-delay: .1s
        }

        .sk-cube-grid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(9) {
            animation-delay: .2s
        }

        @keyframes sk-cubeGrid-scaleDelay {
            0%,
            70%,
            to {
                transform: scaleX(1)
            }
            35% {
                transform: scale3D(0, 0, 1)
            }
        }

        .sk-double-bounce[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            position: relative;
            margin: auto
        }

        .sk-double-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background-color: currentColor;
            opacity: .6;
            position: absolute;
            top: 0;
            left: 0;
            animation: sk-doubleBounce-bounce 2s ease-in-out infinite
        }

        .sk-double-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            animation-delay: -1s
        }

        @keyframes sk-doubleBounce-bounce {
            0%,
            to {
                transform: scale(0)
            }
            50% {
                transform: scale(1)
            }
        }

        .sk-fading-circle[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            position: relative
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:before {
            content: "";
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: currentColor;
            border-radius: 100%;
            animation: sk-fadingCircle-FadeDelay 1.2s ease-in-out infinite both
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            transform: rotate(30deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            transform: rotate(60deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            transform: rotate(90deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            transform: rotate(120deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6) {
            transform: rotate(150deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7) {
            transform: rotate(180deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8) {
            transform: rotate(210deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(9) {
            transform: rotate(240deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(10) {
            transform: rotate(270deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(11) {
            transform: rotate(300deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(12) {
            transform: rotate(330deg)
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2):before {
            animation-delay: -1.1s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3):before {
            animation-delay: -1s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4):before {
            animation-delay: -.9s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5):before {
            animation-delay: -.8s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(6):before {
            animation-delay: -.7s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(7):before {
            animation-delay: -.6s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(8):before {
            animation-delay: -.5s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(9):before {
            animation-delay: -.4s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(10):before {
            animation-delay: -.3s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(11):before {
            animation-delay: -.2s
        }

        .sk-fading-circle[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(12):before {
            animation-delay: -.1s
        }

        @keyframes sk-fadingCircle-FadeDelay {
            0%,
            39%,
            to {
                opacity: 0
            }
            40% {
                opacity: 1
            }
        }

        .sk-folding-cube[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            position: relative;
            transform: rotate(45deg)
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            float: left;
            width: 50%;
            height: 50%;
            position: relative;
            transform: scale(1.1)
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: currentColor;
            animation: sk-foldingCube-angle 2.4s linear infinite both;
            transform-origin: 100% 100%
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            transform: scale(1.1) rotate(90deg)
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            transform: scale(1.1) rotate(270deg)
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            transform: scale(1.1) rotate(180deg)
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2):before {
            animation-delay: .3s
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3):before {
            animation-delay: .9s
        }

        .sk-folding-cube[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4):before {
            animation-delay: .6s
        }

        @keyframes sk-foldingCube-angle {
            0%,
            10% {
                transform: perspective(140px) rotateX(-180deg);
                opacity: 0
            }
            25%,
            75% {
                transform: perspective(140px) rotateX(0deg);
                opacity: 1
            }
            90%,
            to {
                transform: perspective(140px) rotateY(180deg);
                opacity: 0
            }
        }

        .sk-pulse[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            margin: auto
        }

        .sk-pulse[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            background-color: currentColor;
            border-radius: 100%;
            animation: sk-pulse-scaleOut 1s ease-in-out infinite
        }

        @keyframes sk-pulse-scaleOut {
            0% {
                transform: scale(0)
            }
            to {
                transform: scale(1);
                opacity: 0
            }
        }

        .sk-rectangle-bounce[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 0
        }

        .sk-rectangle-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            background-color: currentColor;
            height: 100%;
            width: 10%;
            margin: 0 5%;
            display: inline-block;
            animation: sk-rectangleBounce-stretchDelay 1.2s ease-in-out infinite
        }

        .sk-rectangle-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            animation-delay: -1.1s
        }

        .sk-rectangle-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            animation-delay: -1s
        }

        .sk-rectangle-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            animation-delay: -.9s
        }

        .sk-rectangle-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            animation-delay: -.8s
        }

        @keyframes sk-rectangleBounce-stretchDelay {
            0%,
            40%,
            to {
                transform: scaleY(.4)
            }
            20% {
                transform: scaleY(1)
            }
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114],
        .sk-rectangle-bounce-party[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 0
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            width: 10%;
            height: 100%;
            margin: 0 5%;
            border-radius: 0;
            animation-name: rectangle-bounce-party;
            animation-iteration-count: infinite
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            animation-duration: .43s;
            animation-delay: -.23s
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            animation-duration: .62s;
            animation-delay: -.32s
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            animation-duration: .43s;
            animation-delay: -.44s
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            animation-duration: .8s;
            animation-delay: -.31s
        }

        .sk-rectangle-bounce-party[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            animation-duration: .74s;
            animation-delay: -.24s
        }

        @keyframes rectangle-bounce-party {
            0% {
                transform: scaleY(1)
            }
            50% {
                transform: scaleY(.4)
            }
            to {
                transform: scaleY(1)
            }
        }

        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114],
        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 0
        }

        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            width: 10%;
            height: 100%;
            margin: 0 5%;
            border-radius: 0;
            animation: rectangle-bounce-pulse-out .9s cubic-bezier(.85, .25, .37, .85) infinite
        }

        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            animation-delay: -.9s
        }

        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2),
        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            animation-delay: -.7s
        }

        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child,
        .sk-rectangle-bounce-pulse-out[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            animation-delay: -.5s
        }

        @keyframes rectangle-bounce-pulse-out {
            0% {
                transform: scaley(1)
            }
            50% {
                transform: scaley(.4)
            }
            to {
                transform: scaley(1)
            }
        }

        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114],
        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 0
        }

        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            width: 10%;
            height: 100%;
            margin: 0 5%;
            border-radius: 0;
            animation: rectangle-bounce-pulse-out-rapid .9s cubic-bezier(.11, .49, .38, .78) infinite
        }

        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            animation-delay: -.9s
        }

        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2),
        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(4) {
            animation-delay: -.65s
        }

        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child,
        .sk-rectangle-bounce-pulse-out-rapid[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(5) {
            animation-delay: -.4s
        }

        @keyframes rectangle-bounce-pulse-out-rapid {
            0% {
                transform: scaley(1)
            }
            80% {
                transform: scaley(.4)
            }
            90% {
                transform: scaley(1)
            }
        }

        .sk-rotating-plane[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            text-align: center;
            margin: auto
        }

        .sk-rotating-plane[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            background-color: currentColor;
            animation: sk-rotatePlane 1.2s ease-in-out infinite
        }

        @keyframes sk-rotatePlane {
            0% {
                transform: perspective(120px) rotateX(0deg) rotateY(0deg)
            }
            50% {
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
            }
            to {
                transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
            }
        }

        .sk-square-jelly-box[_ngcontent-yud-c114],
        .sk-square-jelly-box[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-square-jelly-box[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%;
            font-size: 0
        }

        .sk-square-jelly-box[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid
        }

        .sk-square-jelly-box[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child,
        .sk-square-jelly-box[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            position: absolute;
            left: 0;
            width: 100%
        }

        .sk-square-jelly-box[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            top: -25%;
            z-index: 99997;
            height: 100%;
            border-radius: 10%;
            animation: square-jelly-box-animate .6s linear -.1s infinite
        }

        .sk-square-jelly-box[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            bottom: -9%;
            height: 10%;
            background: #000;
            border-radius: 50%;
            opacity: .2;
            animation: square-jelly-box-shadow .6s linear -.1s infinite
        }

        @keyframes square-jelly-box-animate {
            17% {
                border-bottom-right-radius: 10%
            }
            25% {
                transform: translateY(25%) rotate(22.5deg)
            }
            50% {
                border-bottom-right-radius: 100%;
                transform: translateY(50%) scaleY(.9) rotate(45deg)
            }
            75% {
                transform: translateY(25%) rotate(67.5deg)
            }
            to {
                transform: translateY(0) rotate(90deg)
            }
        }

        @keyframes square-jelly-box-shadow {
            50% {
                transform: scaleX(1.25)
            }
        }

        .sk-square-loader[_ngcontent-yud-c114],
        .sk-square-loader[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: relative;
            box-sizing: border-box
        }

        .sk-square-loader[_ngcontent-yud-c114] {
            font-size: 0;
            width: 100%;
            height: 100%
        }

        .sk-square-loader[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid;
            width: 100%;
            height: 100%;
            background: transparent;
            border-width: 3px;
            border-radius: 0;
            animation: square-loader 2s ease infinite
        }

        .sk-square-loader[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:after {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            content: "";
            background-color: currentColor;
            animation: square-loader-inner 2s ease-in infinite
        }

        @keyframes square-loader {
            0% {
                transform: rotate(0deg)
            }
            25% {
                transform: rotate(180deg)
            }
            50% {
                transform: rotate(180deg)
            }
            75% {
                transform: rotate(1turn)
            }
            to {
                transform: rotate(1turn)
            }
        }

        @keyframes square-loader-inner {
            0% {
                height: 0
            }
            25% {
                height: 0
            }
            50% {
                height: 100%
            }
            75% {
                height: 100%
            }
            to {
                height: 0
            }
        }

        .sk-three-bounce[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            text-align: center
        }

        .sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            margin-top: 35%;
            width: 30%;
            height: 30%;
            background-color: currentColor;
            border-radius: 100%;
            display: inline-block;
            animation: sk-threeBounce-bounceDelay 1.4s ease-in-out infinite both
        }

        .bottom-center[_ngcontent-yud-c114]>.sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114],
        .bottom-left[_ngcontent-yud-c114]>.sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114],
        .bottom-right[_ngcontent-yud-c114]>.sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            margin-top: 70% !important
        }

        .top-center[_ngcontent-yud-c114]>.sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114],
        .top-left[_ngcontent-yud-c114]>.sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114],
        .top-right[_ngcontent-yud-c114]>.sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            margin-top: 0 !important
        }

        .sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            animation-delay: -.32s
        }

        .sk-three-bounce[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            animation-delay: -.16s
        }

        @keyframes sk-threeBounce-bounceDelay {
            0%,
            80%,
            to {
                transform: scale(0)
            }
            40% {
                transform: scale(1)
            }
        }

        .sk-three-strings[_ngcontent-yud-c114],
        .sk-three-strings[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            width: 100%;
            height: 100%
        }

        .sk-three-strings[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            position: absolute;
            box-sizing: border-box;
            border-radius: 50%
        }

        .sk-three-strings[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:first-child {
            left: 0;
            top: 0;
            animation: sk-threeStrings-rotateOne 1s linear infinite;
            border-bottom: 3px solid
        }

        .sk-three-strings[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            right: 0;
            top: 0;
            animation: sk-threeStrings-rotateTwo 1s linear infinite;
            border-right: 3px solid
        }

        .sk-three-strings[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(3) {
            right: 0;
            bottom: 0;
            animation: sk-threeStrings-rotateThree 1s linear infinite;
            border-top: 3px solid
        }

        @keyframes sk-threeStrings-rotateOne {
            0% {
                transform: rotateX(35deg) rotateY(-45deg) rotate(0deg)
            }
            to {
                transform: rotateX(35deg) rotateY(-45deg) rotate(1turn)
            }
        }

        @keyframes sk-threeStrings-rotateTwo {
            0% {
                transform: rotateX(50deg) rotateY(10deg) rotate(0deg)
            }
            to {
                transform: rotateX(50deg) rotateY(10deg) rotate(1turn)
            }
        }

        @keyframes sk-threeStrings-rotateThree {
            0% {
                transform: rotateX(35deg) rotateY(55deg) rotate(0deg)
            }
            to {
                transform: rotateX(35deg) rotateY(55deg) rotate(1turn)
            }
        }

        .sk-wandering-cubes[_ngcontent-yud-c114] {
            margin: auto;
            width: 100%;
            height: 100%;
            position: relative;
            text-align: center
        }

        .sk-wandering-cubes[_ngcontent-yud-c114]>div[_ngcontent-yud-c114] {
            background-color: currentColor;
            width: 25%;
            height: 25%;
            position: absolute;
            top: 0;
            left: 0;
            animation: sk-wanderingCubes-cubeMove 1.8s ease-in-out infinite
        }

        .sk-wandering-cubes[_ngcontent-yud-c114]>div[_ngcontent-yud-c114]:nth-child(2) {
            animation-delay: -.9s
        }

        @keyframes sk-wanderingCubes-cubeMove {
            25% {
                transform: translateX(290%) rotate(-90deg) scale(.5)
            }
            50% {
                transform: translateX(290%) translateY(290%) rotate(-179deg)
            }
            50.1% {
                transform: translateX(290%) translateY(290%) rotate(-180deg)
            }
            75% {
                transform: translateX(0) translateY(290%) rotate(-270deg) scale(.5)
            }
            to {
                transform: rotate(-1turn)
            }
        }
        ._header[_ngcontent-yud-c177] .example-spacer[_ngcontent-yud-c177] {
            flex: 1 1 auto
        }

        ._navBar[_ngcontent-yud-c177] .mat-toolbar[_ngcontent-yud-c177] {
            justify-content: center !important
        }

        .content-body[_ngcontent-yud-c177] {
            height: 100%;
            width: 100%;
            overflow-x: hidden
        }

        mat-form-field[_ngcontent-yud-c177] {
            width: 100%
        }

        mat-card.card[_ngcontent-yud-c177] {
            border-top: 3px solid #3f51b5
        }

        .card[_ngcontent-yud-c177] {
            box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
        }

        .mat-form-field-appearance-outline .mat-form-field-label {
            height: 42px;
            position: relative;
            top: 4px;
            line-height: 3
        }

        .mat-form-field-appearance-outline .mat-form-field-label mat-label {
            font-size: 16px
        }

        input.mat-input-element {
            height: 32px;
            position: relative;
            top: -5px;
            font-size: 16px
        }

        .mat-select {
            display: inline-block;
            width: 100%;
            outline: none;
            height: 32px;
            position: relative;
            top: -5px
        }

        .mat-select-trigger {
            height: 5.125em
        }

        .mat-select-value-text {
            position: relative;
            top: 12px
        }

        .mat-form-field-appearance-outline .mat-form-field-infix {
            padding: .5em 0
        }

        .mat-form-field-label-wrapper {
            top: -1.25em
        }

        .mat-form-field-appearance-outline .mat-form-field-flex {
            display: flex;
            align-items: center
        }

        input.mat-input-element {
            height: 24px
        }

        .mat-tooltip-trigger {
            color: #234a7d !important;
            top: 0;
            position: relative
        }

        .mat-tooltip {
            padding: 10px !important;
            background: #234a7da3;
            position: relative;
            top: -10px;
            letter-spacing: .5px
        }

        .mat-form-field-suffix {
            display: flex;
            align-items: center
        }

        .mat-form-field-appearance-outline .mat-form-field-outline-thick {
            color: #3f51b5 !important
        }

        @media (min-width:320px) and (max-width:767px) {
            .mat-button,
            .mat-flat-button,
            .mat-icon-button {
                min-width: auto !important;
                padding: 0 !important
            }
        }

        @media (min-width:320px) and (max-width:767px) {
            ._loginBtn.mat-raised-button {
                font-size: 11px;
                min-width: auto !important;
                line-height: 28px !important
            }
        }

        .mat-menu-panel {
            min-width: 210px !important;
            max-width: 210px
        }

        .mat-menu-panel.is-masterList {
            height: 300px
        }

        .mat-menu-panel.is-masterList::-webkit-scrollbar {
            width: 8px;
            border-radius: 25px
        }

        .mat-menu-panel.is-masterList::-webkit-scrollbar-thumb {
            background: #bfc0c2;
            border-radius: 3px
        }

        .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
            color: #234a7d !important
        }

        .mat-form-field-label {
            color: #4c4c4cb7 !important
        }

        .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
            color: #ccc !important
        }

        .mat-form-field-appearance-outline .mat-form-field-outline-thick {
            color: #234a7d !important
        }

        .mat-form-field-invalid .mat-input-element,
        .mat-warn .mat-input-element {
            caret-color: #234a7d !important
        }

        .mat-calendar-header {
            background-color: #234a7d !important
        }

        .mat-calendar-previous-button {
            color: #fff !important
        }

        .mat-calendar-next-button {
            color: #fff !important
        }

        .mat-calendar-period-button {
            color: #fff !important
        }

        .mat-calendar-arrow {
            color: #fff !important;
            border-top-color: #fff !important
        }

        .mat-calendar-invert {
            color: #fff !important
        }

        .mat-calendar-body-cell-content.mat-calendar-body-selected {
            background-color: #234a7d !important
        }

        .mat-calendar-body-cell-content.mat-calendar-body-today {
            border: 2px solid #234a7d !important
        }

        .mat-checkbox-checked.mat-accent .mat-checkbox-background,
        .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
            background-color: #234a7d !important
        }

        ._IconAlign[_ngcontent-yud-c177] {
            position: relative;
            top: .4rem
        }

        ._hide-mobile[_ngcontent-yud-c177] button[_ngcontent-yud-c177] {
            font-weight: 500 !important
        }

        ._hide-mobile[_ngcontent-yud-c177] span[_ngcontent-yud-c177] {
            display: inline-block
        }

        @media screen and (max-width:991px) {
            ._hide-mobile[_ngcontent-yud-c177] {
                display: none
            }
        }

        ._hide-web[_ngcontent-yud-c177] {
            display: none
        }

        @media screen and (max-width:991px) {
            ._hide-web[_ngcontent-yud-c177] {
                display: inline-block
            }
        }

        mat-toolbar[color=primary][_ngcontent-yud-c177] {
            height: 50px;
            background-color: #234a7d !important
        }

        .mat-tooltip {
            font-size: 12px !important;
            font-weight: 700 !important;
            max-width: 275px !important
        }

        .is-viewHistoryBtn[_ngcontent-yud-c177] {
            font-size: 10px;
            padding: 0 5px;
            line-height: 28px
        }

        .pwa-install[_ngcontent-yud-c177] {
            bottom: 0;
            background: #333 none repeat scroll 0 0;
            margin-bottom: 5px;
            color: #fff;
            opacity: 1;
            filter: alpha(opacity=100);
            border-radius: 5px;
            position: fixed;
            transition: all .2s ease 0s;
            z-index: 99;
            text-align: center;
            width: auto;
            left: 0;
            transform: translate(calc(50vw - 50%));
            padding: 5px 30px;
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .pwa-install[_ngcontent-yud-c177] .mat-icon[_ngcontent-yud-c177] {
            transform: scale(.9)
        }

        .pwa-install[_ngcontent-yud-c177] .mat-icon-button[_ngcontent-yud-c177] {
            width: 20px;
            height: auto;
            margin-left: 2px
        }

        .highlight[_ngcontent-yud-c177] {
            background: #f3f3f3
        }

        .font-buttons[_ngcontent-yud-c177] button[_ngcontent-yud-c177] {
            height: 32px !important;
            min-width: 32px !important;
            padding: 0;
            line-height: 1
        }

        .is-topLeft[_ngcontent-yud-c177] {
            justify-content: flex-start
        }

        .is-topLeft[_ngcontent-yud-c177],
        .is-topRight[_ngcontent-yud-c177] {
            display: flex;
            align-items: center
        }

        .is-topRight[_ngcontent-yud-c177] {
            justify-content: flex-end;
            height: 65px
        }

        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] {
            position: absolute;
            width: 100%;
            top: 0;
            height: 64px;
            overflow: hidden
        }

        @media screen and (max-width:599px) {
            ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] {
                height: 56px
            }
        }

        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-left[_ngcontent-yud-c177] {
            left: 0;
            transform: scaleX(-1)
        }

        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .emblem[_ngcontent-yud-c177] {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            height: 64px;
            display: flex;
            align-items: center
        }

        @media screen and (max-width:599px) {
            ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .emblem[_ngcontent-yud-c177] {
                height: 56px
            }
        }

        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .emblem[_ngcontent-yud-c177] img[_ngcontent-yud-c177] {
            width: 40px;
            height: auto
        }

        @media screen and (max-width:599px) {
            ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .emblem[_ngcontent-yud-c177] img[_ngcontent-yud-c177] {
                width: 30px;
                height: auto
            }
        }

        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-right[_ngcontent-yud-c177] {
            right: 0
        }

        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-left[_ngcontent-yud-c177],
        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-right[_ngcontent-yud-c177] {
            position: absolute;
            top: 0;
            width: 45%;
            height: 100%
        }

        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-left[_ngcontent-yud-c177] img[_ngcontent-yud-c177],
        ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-right[_ngcontent-yud-c177] img[_ngcontent-yud-c177] {
            -o-object-fit: cover;
            object-fit: cover;
            height: 64px;
            width: auto;
            position: absolute;
            right: 0
        }

        @media screen and (max-width:1440px) {
            ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-left[_ngcontent-yud-c177] img[_ngcontent-yud-c177],
            ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-right[_ngcontent-yud-c177] img[_ngcontent-yud-c177] {
                position: static
            }
        }

        @media screen and (max-width:599px) {
            ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-left[_ngcontent-yud-c177] img[_ngcontent-yud-c177],
            ._header[_ngcontent-yud-c177] .flag-bg[_ngcontent-yud-c177] .flag-bg-right[_ngcontent-yud-c177] img[_ngcontent-yud-c177] {
                height: 56px
            }
        }

        ._logo[_ngcontent-yud-c177] {
            width: 320px;
            height: auto;
            z-index: 1;
            position: relative
        }

        @media screen and (max-width:991px) {
            ._logo[_ngcontent-yud-c177] {
                width: 250px
            }
        }

        @media screen and (max-width:800px) {
            ._logo[_ngcontent-yud-c177] {
                display: none
            }
        }

        ._logo_mobile[_ngcontent-yud-c177] {
            display: none
        }

        @media screen and (max-width:800px) {
            ._logo_mobile[_ngcontent-yud-c177] {
                display: inline;
                width: 55px;
                position: relative;
                z-index: 1
            }
        }

        ._azadilogo[_ngcontent-yud-c177] {
            width: 80px;
            height: auto;
            margin-left: 1.5rem;
            position: relative;
            z-index: 1
        }

        @media screen and (max-width:800px) {
            ._azadilogo[_ngcontent-yud-c177] {
                width: 65px;
                margin-left: .6rem
            }
        }

        .user[_ngcontent-yud-c177] {
            height: 30px;
            width: 30px;
            line-height: 1.5 !important;
            color: #acaeaf;
            font-size: 20px
        }

        .is-userIcon[_ngcontent-yud-c177] {
            display: none
        }

        @media screen and (max-width:767.5px) {
            .is-userIcon[_ngcontent-yud-c177] {
                display: inline-block;
                height: 36px;
                width: 36px;
                display: flex !important;
                justify-content: center;
                align-items: center;
                background: #34598a;
                color: #fff;
                min-width: auto
            }
            .userIcon_web[_ngcontent-yud-c177] {
                display: none
            }
        }

        .menu_option[_ngcontent-yud-c177] {
            color: rgba(0, 0, 0, .87)
        }

        .menu_option[_ngcontent-yud-c177],
        .menu_title[_ngcontent-yud-c177] {
            text-decoration: none;
            display: block;
            width: 100%;
            height: 100%
        }

        .menu_title[_ngcontent-yud-c177] {
            color: #fff
        }

        .header-right-actions[_ngcontent-yud-c177] {
            -moz-column-gap: 5px;
            column-gap: 5px
        }

        .notification-icon[_ngcontent-yud-c177] {
            line-height: 0;
            border: none
        }

        .notify-header-icon[_ngcontent-yud-c177] {
            position: relative;
            padding: 0;
            width: 36px;
            height: 36px
        }

        @media screen and (max-width:400px) {
            .notify-header-icon[_ngcontent-yud-c177] {
                width: 24px;
                height: 24px
            }
        }

        .notify-header-icon[_ngcontent-yud-c177]:focus {
            box-shadow: none !important
        }

        .notify-header-icon[_ngcontent-yud-c177] .mat-icon[_ngcontent-yud-c177] {
            color: #000
        }

        .notify-header-icon-animation[_ngcontent-yud-c177] .mat-icon[_ngcontent-yud-c177] {
            color: #000;
            -webkit-animation: tada 1.5s ease infinite;
            animation: tada 1.5s ease infinite
        }

        .btn[_ngcontent-yud-c177] .badge[_ngcontent-yud-c177] {
            position: relative !important;
            font-size: 10px !important;
            float: right !important;
            top: -1px !important
        }

        .notify-wrapper[_ngcontent-yud-c177] {
            direction: inherit;
            box-sizing: border-box !important;
            position: relative;
            display: block;
            height: 190px;
            width: auto;
            visibility: visible;
            max-width: 100%;
            max-height: 100%;
            scrollbar-width: none;
            padding: 0 !important;
            overflow: auto
        }

        .notify-wrapper[_ngcontent-yud-c177]::-webkit-scrollbar {
            width: 6px;
            height: 6px
        }

        .notify-wrapper[_ngcontent-yud-c177]::-webkit-scrollbar-track {
            border-radius: 10px;
            background: rgba(0, 0, 0, .1)
        }

        .notify-wrapper[_ngcontent-yud-c177]::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(0, 0, 0, .2)
        }

        .notify-wrapper[_ngcontent-yud-c177]::-webkit-scrollbar-thumb:hover {
            background: rgba(0, 0, 0, .4)
        }

        .notify-wrapper[_ngcontent-yud-c177]::-webkit-scrollbar-thumb:active {
            background: rgba(0, 0, 0, .9)
        }

        .notify-wrapper[_ngcontent-yud-c177] .notify-content[_ngcontent-yud-c177] {
            padding: 0
        }

        .notify-wrapper[_ngcontent-yud-c177] .notify-content[_ngcontent-yud-c177] ul[_ngcontent-yud-c177] {
            list-style: none;
            padding: 0;
            margin-bottom: 10px
        }

        .notify-wrapper[_ngcontent-yud-c177] .notify-content[_ngcontent-yud-c177] ul[_ngcontent-yud-c177] li[_ngcontent-yud-c177] .notify-item[_ngcontent-yud-c177] {
            border-bottom: 1px solid #ccc;
            padding: 10px 15px
        }

        .notify-wrapper[_ngcontent-yud-c177] .notify-content[_ngcontent-yud-c177] ul[_ngcontent-yud-c177] li[_ngcontent-yud-c177] .notify-item[_ngcontent-yud-c177] h4[_ngcontent-yud-c177] {
            font-size: 14px
        }

        .notify-wrapper[_ngcontent-yud-c177] .notify-content[_ngcontent-yud-c177] ul[_ngcontent-yud-c177] li[_ngcontent-yud-c177] .notify-item[_ngcontent-yud-c177] .flex-grow-1[_ngcontent-yud-c177] .mat-icon[_ngcontent-yud-c177] {
            font-size: 18px;
            position: absolute
        }

        .notify-wrapper[_ngcontent-yud-c177] .notify-content[_ngcontent-yud-c177] ul[_ngcontent-yud-c177] li[_ngcontent-yud-c177] .notify-item[_ngcontent-yud-c177] .flex-grow-1[_ngcontent-yud-c177] span[_ngcontent-yud-c177] {
            padding-left: 25px
        }

        .filter-items .notify-footer {
            justify-content: center;
            cursor: pointer
        }

        .filter-items .notify-footer .mat-icon {
            font-size: 19px
        }

        .filter-items .align-items-center h3 {
            font-weight: 500
        }

        @-webkit-keyframes tada {
            0% {
                transform: scaleX(1)
            }
            10%,
            20% {
                transform: scale3d(.95, .95, .95) rotate(-10deg)
            }
            30%,
            50%,
            70%,
            90% {
                transform: scaleX(1) rotate(10deg)
            }
            40%,
            60%,
            80% {
                transform: scaleX(1) rotate(-10deg)
            }
            to {
                transform: scaleX(1)
            }
        }

        @keyframes tada {
            0% {
                transform: scaleX(1)
            }
            10%,
            20% {
                transform: scale3d(.95, .95, .95) rotate(-10deg)
            }
            30%,
            50%,
            70%,
            90% {
                transform: scaleX(1) rotate(10deg)
            }
            40%,
            60%,
            80% {
                transform: rotate(-10deg)
            }
            to {
                transform: scaleX(1)
            }
        }

        .loggedUserName[_ngcontent-yud-c177] {
            line-height: 20px;
            font-size: 14px;
            padding-top: 3px
        }

        .loggedUserRole[_ngcontent-yud-c177] {
            line-height: 18px;
            font-size: 11px;
            text-align: left;
            color: #234a7d;
            padding-bottom: 2px
        }

        @media screen and (max-width:576px) {
            [_nghost-yud-c177] .main-menu {
                width: auto
            }
            [_nghost-yud-c177] .main-menu .mat-button-ripple {
                display: none
            }
        }

        [_nghost-yud-c177] .theme-ico {
            height: 36px;
            width: 36px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        @media screen and (max-width:400px) {
            [_nghost-yud-c177] .theme-ico {
                width: 24px;
                height: 24px
            }
        }

        [_nghost-yud-c177] .theme-ico .mat-button-wrapper {
            display: flex
        }

        [_nghost-yud-c177] .theme-ico .mat-button-wrapper mat-icon {
            line-height: 1 !important
        }

        @media screen and (max-width:1200px) {
            .menu-hide-mobile[_ngcontent-yud-c177] {
                display: none
            }
        }

        .menu-hide-web[_ngcontent-yud-c177] {
            display: none
        }

        @media screen and (max-width:1200px) {
            .menu-hide-web[_ngcontent-yud-c177] {
                display: inline-block
            }
        }
        .cdk-high-contrast-active .mat-toolbar {
            outline: solid 1px
        }

        .mat-toolbar-row,
        .mat-toolbar-single-row {
            display: flex;
            box-sizing: border-box;
            padding: 0 16px;
            width: 100%;
            flex-direction: row;
            align-items: center;
            white-space: nowrap
        }

        .mat-toolbar-multiple-rows {
            display: flex;
            box-sizing: border-box;
            flex-direction: column;
            width: 100%
        }
        .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: inline-flex;
            justify-content: center;
            align-items: center;
            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-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-menu {
            display: 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 {
            margin-top: 1px
        }

        .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
        }
        footer[_ngcontent-yud-c178] {
            position: static;
            bottom: 0;
            width: 100%
        }

        @media (min-width:320px) and (max-width:767px) {
            footer[_ngcontent-yud-c178] {
                text-align: center
            }
        }

        footer[_ngcontent-yud-c178] .time-icon[_ngcontent-yud-c178] {
            height: 0;
            width: 16px;
            font-size: 15px;
            position: relative;
            top: 3px
        }

        .bg-dark[_ngcontent-yud-c178] {
            color: #fff;
            background: radial-gradient(circle, #138f78 0, #234a7d 100%);
            border-top: 4px solid #ccc
        }

        .gov-sites[_ngcontent-yud-c178] {
            list-style: none;
            text-align: center;
            padding-right: 0;
            margin-bottom: 20px
        }

        .gov-sites[_ngcontent-yud-c178] li[_ngcontent-yud-c178] {
            display: inline-block;
            margin-right: 20px
        }

        .gov-sites[_ngcontent-yud-c178] li[_ngcontent-yud-c178] img[_ngcontent-yud-c178] {
            width: 165px
        }

        footer[_ngcontent-yud-c178] {
            overflow-x: hidden
        }

        .quick-links[_ngcontent-yud-c178] {
            list-style: none;
            text-align: center;
            margin-top: 10px
        }

        .quick-links[_ngcontent-yud-c178] li[_ngcontent-yud-c178] {
            display: inline-block;
            margin: 0 10px;
            position: relative
        }

        .quick-links[_ngcontent-yud-c178] li[_ngcontent-yud-c178]:after {
            content: "";
            width: 2px;
            height: 20px;
            background-color: #fff;
            position: absolute;
            right: -11px
        }

        .quick-links[_ngcontent-yud-c178] li[_ngcontent-yud-c178]:last-of-type:after {
            width: 0
        }

        .quick-links[_ngcontent-yud-c178] li[_ngcontent-yud-c178] a[_ngcontent-yud-c178] {
            text-decoration: none;
            color: #fff;
            cursor: pointer
        }

        .css-sprite-logo-data-gov[_ngcontent-yud-c178] {
            background: url(footer-logo-sprite-3.150ba99c6fa2a0b159c8.png) 0 -25px;
            width: 165px;
            height: 50px;
            background-size: 985%
        }

        .css-sprite-logo-digitalindia2[_ngcontent-yud-c178] {
            background: url(footer-logo-sprite-3.150ba99c6fa2a0b159c8.png) -155px 0;
            width: 165px;
            height: 50px;
            background-size: 700%
        }

        .css-sprite-logo-indiagov[_ngcontent-yud-c178] {
            background: url(footer-logo-sprite-3.150ba99c6fa2a0b159c8.png) -410px 2px;
            width: 165px;
            height: 50px;
            background-size: 745%
        }

        .css-sprite-logo-makeinindia[_ngcontent-yud-c178] {
            background: url(footer-logo-sprite-3.150ba99c6fa2a0b159c8.png) -636px -1px;
            width: 165px;
            height: 50px;
            background-size: 725%
        }

        .css-sprite-logo-mygov[_ngcontent-yud-c178] {
            background: url(footer-logo-sprite-3.150ba99c6fa2a0b159c8.png) 318px 0;
            width: 165px;
            height: 50px;
            background-size: 700%
        }

        .css-sprite-logo-pmica[_ngcontent-yud-c178] {
            background: url(footer-logo-sprite-3.150ba99c6fa2a0b159c8.png) 152px -19px;
            width: 150px;
            height: 50px;
            background-size: 1000%
        }
        
        .css-sprite-logo-iyc[_ngcontent-yud-c178] {
            background: url(../img/iyc.7f6fc3ee5e3c155d147b.png) 331px 0;
    width:165px;
    height:50px;
    background-size:69%;
    background-repeat:round
    
}
        .news-scroll[_ngcontent-yud-c27] {
            max-height: 304px
        }

        @media (min-width:768px) and (max-width:1199px) {
            .news-scroll[_ngcontent-yud-c27] {
                max-height: none
            }
        }

        @media (min-width:320px) and (max-width:767px) {
            .news-scroll[_ngcontent-yud-c27] {
                max-height: none
            }
        }

        .news-scroll[_ngcontent-yud-c27]::-webkit-scrollbar {
            width: 5px;
            border-radius: 25px
        }

        .news-scroll[_ngcontent-yud-c27]::-webkit-scrollbar-thumb {
            background: #bfc0c2;
            border-radius: 3px
        }

        .is-tiles[_ngcontent-yud-c27] {
            height: 50px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }

        .is-orange[_ngcontent-yud-c27] {
            background: linear-gradient(90deg, #ff9c50 2%, #d3650e)
        }

        .is-blue[_ngcontent-yud-c27] {
            background: linear-gradient(90deg, #3e77bf, #194e93)
        }

        .is-green[_ngcontent-yud-c27] {
            background: linear-gradient(90deg, #46bf72 0, #236039)
        }

        .is-latestUpdateSection[_ngcontent-yud-c27] {
            padding: 2.5rem
        }

        @media (min-width:320px) and (max-width:767px) {
            .is-latestUpdateSection[_ngcontent-yud-c27] {
                padding: .75rem
            }
        }

        .is-footerSection[_ngcontent-yud-c27] {
            background: radial-gradient(circle, #138f78 0, #234a7d 100%);
            padding: 40px 10px;
            overflow: hidden;
            width: 100%
        }

        @media (min-width:320px) and (max-width:767px) {
            .is-footerSection[_ngcontent-yud-c27] {
                padding: 10px
            }
        }

        .is-footerSection[_ngcontent-yud-c27] .footer-bg-transparent[_ngcontent-yud-c27] {
            background: transparent !important
        }

        .is-footerSection[_ngcontent-yud-c27] .is-widget[_ngcontent-yud-c27] {
            border-right: 2px solid #fff;
            padding: 0 40px
        }

        @media (min-width:320px) and (max-width:767px) {
            .is-footerSection[_ngcontent-yud-c27] .is-widget[_ngcontent-yud-c27] {
                border-bottom: 2px solid #fff;
                border-right: 0 solid #fff;
                padding: 15px 20px
            }
        }

        @media (min-width:768px) and (max-width:1199px) {
            .is-footerSection[_ngcontent-yud-c27] .is-widget[_ngcontent-yud-c27] {
                border-right: 0 solid #fff;
                padding: 10px;
                margin: 5px 0
            }
        }

        .is-footerSection[_ngcontent-yud-c27] .is-address[_ngcontent-yud-c27] {
            padding: 0 40px
        }

        @media (min-width:320px) and (max-width:767px) {
            .is-footerSection[_ngcontent-yud-c27] .is-address[_ngcontent-yud-c27] {
                padding: 15px 20px
            }
        }

        @media (min-width:768px) and (max-width:1199px) {
            .is-footerSection[_ngcontent-yud-c27] .is-address[_ngcontent-yud-c27] {
                padding: 0 10px
            }
        }

        .is-footerSection[_ngcontent-yud-c27] .is-title[_ngcontent-yud-c27] {
            color: #fff;
            font-weight: 600
        }

        .is-footerSection[_ngcontent-yud-c27] ul.is-footerLinks[_ngcontent-yud-c27] li[_ngcontent-yud-c27] {
            list-style-type: none
        }

        .is-footerSection[_ngcontent-yud-c27] ul.is-footerLinks[_ngcontent-yud-c27] li[_ngcontent-yud-c27] a[_ngcontent-yud-c27] {
            color: #fff;
            line-height: 1.8;
            cursor: pointer
        }

        .banner-text[_ngcontent-yud-c27] {
            bottom: 20%;
            z-index: 1;
            background: hsla(0, 0%, 100%, .863)
        }

        .banner-text[_ngcontent-yud-c27] h4[_ngcontent-yud-c27] {
            color: #000
        }

        .bg-success[_ngcontent-yud-c27] {
            background: #138f78 !important
        }

        .min-content[_ngcontent-yud-c27] {
            width: -webkit-min-content !important;
            width: -moz-min-content !important;
            width: min-content !important
        }

        .menu_option[_ngcontent-yud-c27] {
            color: rgba(0, 0, 0, .87);
            text-decoration: none;
            display: block;
            width: 100%;
            height: 100%
        }

        .latestNews_img[_ngcontent-yud-c27] {
            width: 30px;
            height: 30px;
            margin-top: -.3rem
        }

        @media screen and (max-width:767px) {
            .is-topText[_ngcontent-yud-c27] {
                position: absolute;
                top: 50%;
                left: 2rem;
                transform: translateY(-50%)
            }
        }

        @media screen and (max-width:400px) {
            .is-topText[_ngcontent-yud-c27] {
                top: 10px;
                left: 10px;
                transform: none
            }
        }

        .is-topText[_ngcontent-yud-c27] h4[_ngcontent-yud-c27] {
            max-width: 300px;
            line-height: 30px;
            font-weight: 500;
            color: #000 !important
        }

        @media screen and (max-width:575px) {
            .is-topText[_ngcontent-yud-c27] h4[_ngcontent-yud-c27] {
                font-size: 20px !important
            }
        }

        .about-content-left[_ngcontent-yud-c27] {
            background: linear-gradient(90deg, #234a7d, #234a7d 30%, #138f78) !important
        }

        @media screen and (max-width:575px) {
            .about-content-left[_ngcontent-yud-c27] {
                background: radial-gradient(circle, #138f78 0, #234a7d 100%) !important
            }
        }

        .about-content-right[_ngcontent-yud-c27] {
            background: linear-gradient(90deg, #138f78, #234a7d 70%, #234a7d) !important
        }

        @media screen and (max-width:575px) {
            .about-content-right[_ngcontent-yud-c27] {
                background: radial-gradient(circle, #138f78 0, #234a7d 100%) !important
            }
        }

        .heading-bordered[_ngcontent-yud-c27] {
            position: relative;
            margin-bottom: 15px
        }

        .heading-bordered[_ngcontent-yud-c27] h1[_ngcontent-yud-c27] {
            text-align: center;
            text-transform: uppercase;
            font-size: 15px;
            padding-bottom: 5px;
            margin-bottom: 5px;
            line-height: 20px;
            color: #fff
        }

        .heading-bordered[_ngcontent-yud-c27] h1[_ngcontent-yud-c27]:before {
            width: 110px;
            height: 1px;
            display: block;
            content: "";
            position: absolute;
            bottom: 6px;
            left: 38%;
            margin-left: -14px;
            background-color: #fff
        }

        .heading-bordered[_ngcontent-yud-c27] h1[_ngcontent-yud-c27]:after {
            width: 50px;
            height: 4px;
            display: block;
            content: "";
            position: relative;
            margin-top: 5px;
            left: 59%;
            margin-left: -50px;
            background-color: #fff
        }

        .about-content-right[_ngcontent-yud-c27] img[_ngcontent-yud-c27] {
            width: 40px;
            height: auto;
            filter: invert(26%) sepia(7%) saturate(5121%) hue-rotate(176deg) brightness(96%) contrast(94%)
        }

        .text-alert[_ngcontent-yud-c27] {
            color: maroon;
            font-size: x-large
        }

        .blink[_ngcontent-yud-c27] {
            height: 70px;
            padding: 15px;
            text-align: center;
            line-height: 50px
        }

        span-text[_ngcontent-yud-c27] {
            font-size: x-large;
            font-family: cursive;
            color: maroon;
            -webkit-animation: blink 3s linear infinite;
            animation: blink 3s linear infinite
        }

        @-webkit-keyframes blink {
            0% {
                opacity: 0
            }
            50% {
                opacity: .5
            }
            to {
                opacity: 1
            }
        }

        @keyframes blink {
            0% {
                opacity: 0
            }
            50% {
                opacity: .5
            }
            to {
                opacity: 1
            }
        }

        .carousel-inner[_ngcontent-yud-c27] .carousel-item[_ngcontent-yud-c27] img[_ngcontent-yud-c27] {
            width: 100%;
            height: auto
        }
        .mat-card {
            transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
            display: block;
            position: relative;
            padding: 16px;
            border-radius: 4px
        }

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

        .mat-card .mat-divider-horizontal {
            position: absolute;
            left: 0;
            width: 100%
        }

        [dir=rtl] .mat-card .mat-divider-horizontal {
            left: auto;
            right: 0
        }

        .mat-card .mat-divider-horizontal.mat-divider-inset {
            position: static;
            margin: 0
        }

        [dir=rtl] .mat-card .mat-divider-horizontal.mat-divider-inset {
            margin-right: 0
        }

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

        .mat-card-actions,
        .mat-card-subtitle,
        .mat-card-content {
            display: block;
            margin-bottom: 16px
        }

        .mat-card-title {
            display: block;
            margin-bottom: 8px
        }

        .mat-card-actions {
            margin-left: -8px;
            margin-right: -8px;
            padding: 8px 0
        }

        .mat-card-actions-align-end {
            display: flex;
            justify-content: flex-end
        }

        .mat-card-image {
            width: calc(100% + 32px);
            margin: 0 -16px 16px -16px
        }

        .mat-card-footer {
            display: block;
            margin: 0 -16px -16px -16px
        }

        .mat-card-actions .mat-button,
        .mat-card-actions .mat-raised-button,
        .mat-card-actions .mat-stroked-button {
            margin: 0 8px
        }

        .mat-card-header {
            display: flex;
            flex-direction: row
        }

        .mat-card-header .mat-card-title {
            margin-bottom: 12px
        }

        .mat-card-header-text {
            margin: 0 16px
        }

        .mat-card-avatar {
            height: 40px;
            width: 40px;
            border-radius: 50%;
            flex-shrink: 0;
            object-fit: cover
        }

        .mat-card-title-group {
            display: flex;
            justify-content: space-between
        }

        .mat-card-sm-image {
            width: 80px;
            height: 80px
        }

        .mat-card-md-image {
            width: 112px;
            height: 112px
        }

        .mat-card-lg-image {
            width: 152px;
            height: 152px
        }

        .mat-card-xl-image {
            width: 240px;
            height: 240px;
            margin: -8px
        }

        .mat-card-title-group>.mat-card-xl-image {
            margin: -8px 0 8px
        }

        @media(max-width: 599px) {
            .mat-card-title-group {
                margin: 0
            }
            .mat-card-xl-image {
                margin-left: 0;
                margin-right: 0
            }
        }

        .mat-card>:first-child,
        .mat-card-content>:first-child {
            margin-top: 0
        }

        .mat-card>:last-child:not(.mat-card-footer),
        .mat-card-content>:last-child:not(.mat-card-footer) {
            margin-bottom: 0
        }

        .mat-card-image:first-child {
            margin-top: -16px;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .mat-card>.mat-card-actions:last-child {
            margin-bottom: -8px;
            padding-bottom: 0
        }

        .mat-card-actions:not(.mat-card-actions-align-end) .mat-button:first-child,
        .mat-card-actions:not(.mat-card-actions-align-end) .mat-raised-button:first-child,
        .mat-card-actions:not(.mat-card-actions-align-end) .mat-stroked-button:first-child {
            margin-left: 0;
            margin-right: 0
        }

        .mat-card-actions-align-end .mat-button:last-child,
        .mat-card-actions-align-end .mat-raised-button:last-child,
        .mat-card-actions-align-end .mat-stroked-button:last-child {
            margin-left: 0;
            margin-right: 0
        }

        .mat-card-title:not(:first-child),
        .mat-card-subtitle:not(:first-child) {
            margin-top: -4px
        }

        .mat-card-header .mat-card-subtitle:not(:first-child) {
            margin-top: -8px
        }

        .mat-card>.mat-card-xl-image:first-child {
            margin-top: -8px
        }

        .mat-card>.mat-card-xl-image:last-child {
            margin-bottom: -8px
        }