/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
.mat-elevation-z0 {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(143, 117, 117, 0.12)
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: "Neue Helvetica W01"
}

.mat-badge-small .mat-badge-content {
    font-size: 6px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,
.mat-h2,
.mat-h3,
.mat-h4,
.mat-headline,
.mat-subheading-1,
.mat-subheading-2,
.mat-title,
.mat-typography h1,
.mat-typography h2,
.mat-typography h3,
.mat-typography h4 {
    margin: 0 0 16px
}

.mat-body p,
.mat-body-1 p,
.mat-h5,
.mat-h6,
.mat-typography h5,
.mat-typography h6,
.mat-typography p {
    margin: 0 0 12px
}

.mat-display-4,
.mat-typography .mat-display-4 {
    margin: 0 0 56px;
    letter-spacing: -.05em
}

.mat-display-3,
.mat-typography .mat-display-3 {
    margin: 0 0 64px;
    letter-spacing: -.02em
}

.mat-display-2,
.mat-typography .mat-display-2 {
    margin: 0 0 64px;
    letter-spacing: -.005em
}

.mat-display-1,
.mat-typography .mat-display-1 {
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font-family: "Neue Helvetica W01";
    font-size: 16px;
    font-weight: 400
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
    font-family: "Neue Helvetica W01";
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle,
.mat-card {
    font-family: "Neue Helvetica W01"
}

.mat-card-title {
    font-size: 24px;
    font-weight: 400
}

.mat-card-content,
.mat-card-header .mat-card-title,
.mat-card-subtitle {
    font-size: 14px
}

.mat-checkbox {
    font-family: "Neue Helvetica W01"
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 13px;
    line-height: 18px
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: "Neue Helvetica W01"
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: "Neue Helvetica W01"
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-expansion-panel-header {
    font-family: "Neue Helvetica W01";
    font-size: 15px;
    font-weight: 400
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: "Neue Helvetica W01"
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .4375em solid transparent
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper {
    transform: translateY(-1.3em) scale(.75);
    left: -40px;
    right: 30px
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.33334%
}

.mat-form-field-label-wrapper {
    top: -1em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .66667em;
    top: calc(100% - 1.79167em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-type-mat-select .mat-form-field-label {
    background: #fff;
    padding: 0 10px;
    max-width: calc(100% - 25px);
    width: auto !important
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .54167em;
    top: calc(100% - 1.66667em)
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.33333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.33334%
}

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

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.33333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.33334%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
    font-size: 14px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: "Neue Helvetica W01";
    font-size: 16px;
    font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: "Neue Helvetica W01";
    font-size: 12px
}

.mat-radio-button,
.mat-select {
    font-family: "Neue Helvetica W01"
}

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

.mat-slider-thumb-label-text {
    font-family: "Neue Helvetica W01";
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    font-family: "Neue Helvetica W01"
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: "Neue Helvetica W01"
}

.mat-tab-label,
.mat-tab-link {
    font-family: "Neue Helvetica W01";
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    margin: 0
}

.mat-tooltip {
    font-family: "Neue Helvetica W01";
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px
}

.mat-list-item,
.mat-list-option {
    font-family: "Neue Helvetica W01"
}

.mat-list .mat-list-item,
.mat-nav-list .mat-list-item,
.mat-selection-list .mat-list-item {
    font-size: 16px
}

.mat-list .mat-list-item .mat-line,
.mat-nav-list .mat-list-item .mat-line,
.mat-selection-list .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list .mat-list-item .mat-line:nth-child(n+2),
.mat-nav-list .mat-list-item .mat-line:nth-child(n+2),
.mat-selection-list .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list .mat-list-option,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-option {
    font-size: 16px
}

.mat-list .mat-list-option .mat-line,
.mat-nav-list .mat-list-option .mat-line,
.mat-selection-list .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list .mat-list-option .mat-line:nth-child(n+2),
.mat-nav-list .mat-list-option .mat-line:nth-child(n+2),
.mat-selection-list .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list[dense] .mat-list-item,
.mat-nav-list[dense] .mat-list-item,
.mat-selection-list[dense] .mat-list-item {
    font-size: 12px
}

.mat-list[dense] .mat-list-item .mat-line,
.mat-nav-list[dense] .mat-list-item .mat-line,
.mat-selection-list[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-list[dense] .mat-list-option,
.mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-nav-list[dense] .mat-list-option,
.mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-selection-list[dense] .mat-list-option {
    font-size: 12px
}

.mat-list[dense] .mat-list-option .mat-line,
.mat-nav-list[dense] .mat-list-option .mat-line,
.mat-selection-list[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2),
.mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2),
.mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list[dense] .mat-subheader,
.mat-nav-list[dense] .mat-subheader,
.mat-selection-list[dense] .mat-subheader {
    font-family: "Neue Helvetica W01";
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: "Neue Helvetica W01";
    font-size: 16px;
    color: rgba(0, 0, 0, .87);
    margin: 5px 0
}

.mat-optgroup-label {
    color: rgba(0, 0, 0, .54)
}

.mat-simple-snackbar {
    font-family: "Neue Helvetica W01";
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-ripple {
    overflow: hidden
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

@media screen and (-ms-high-contrast:active) {
    .mat-ripple-element {
        display: none
    }
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

@media screen and (-ms-high-contrast:active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
    }
    .mat-badge-small .mat-badge-content {
        outline: solid 1px;
        border-radius: 0
    }
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .288)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
    /*!*/
}

@keyframes cdk-text-field-autofill-end {
    /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation-name: cdk-text-field-autofill-start
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation-name: cdk-text-field-autofill-end
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    height: auto !important;
    overflow: hidden !important;
    padding: 2px 0 !important;
    box-sizing: content-box !important
}

.mat-ripple-element {
    background-color: rgba(0, 0, 0, .1)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
    background: #eef7fc
}

.mat-option.mat-active {
    background: #eef7fc;
    color: #000
}

.mat-option.mat-option-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ffd740
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #d0021b
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
    color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox::after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
    background: #ffd740
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #0b1761
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #d0021b
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .87)
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: rgba(0, 0, 0, .87)
}

.mat-badge-accent .mat-badge-content {
    background: #ffd740;
    color: rgba(0, 0, 0, .87)
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #d0021b
}

.mat-badge {
    position: relative
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    color: #fff;
    background: #0b1761;
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-bottom-sheet-container {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: 0 0
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #0b1761
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #ffd740
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #d0021b
}

.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: rgba(103, 58, 183, .12)
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: rgba(255, 215, 64, .12)
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: rgba(244, 67, 54, .12)
}

.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button.mat-primary .mat-ripple-element,
.mat-icon-button.mat-primary .mat-ripple-element,
.mat-stroked-button.mat-primary .mat-ripple-element {
    background-color: rgba(103, 58, 183, .1)
}

.mat-button.mat-accent .mat-ripple-element,
.mat-icon-button.mat-accent .mat-ripple-element,
.mat-stroked-button.mat-accent .mat-ripple-element {
    background-color: rgba(255, 215, 64, .1)
}

.mat-button.mat-warn .mat-ripple-element,
.mat-icon-button.mat-warn .mat-ripple-element,
.mat-stroked-button.mat-warn .mat-ripple-element {
    background-color: rgba(244, 67, 54, .1)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
    color: rgba(0, 0, 0, .87);
    background-color: #fff
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
    color: #fff;
    background-color: #0b1761
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
    color: rgba(0, 0, 0, .87);
    background-color: #ffd740
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
    color: #fff;
    background-color: #d0021b
}

.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26);
    background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .1)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, .1)
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .1)
}

.mat-icon-button.mat-primary .mat-ripple-element {
    background-color: rgba(103, 58, 183, .2)
}

.mat-icon-button.mat-accent .mat-ripple-element {
    background-color: rgba(255, 215, 64, .2)
}

.mat-icon-button.mat-warn .mat-ripple-element {
    background-color: rgba(244, 67, 54, .2)
}

.mat-button-toggle {
    color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-disabled {
    background-color: #eee;
    color: rgba(0, 0, 0, .26)
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-card {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-card-subtitle {
    color: rgba(0, 0, 0, .54)
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
}

@media screen and (-ms-high-contrast:black-on-white) {
    .mat-checkbox-checkmark-path {
        stroke: #000 !important
    }
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
    background-color: #0b1761
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
    background-color: #d0021b
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #b0b0b0
}

@media screen and (-ms-high-contrast:active) {
    .mat-badge-large .mat-badge-content,
    .mat-badge-medium .mat-badge-content {
        outline: solid 1px;
        border-radius: 0
    }
    .mat-checkbox-disabled {
        opacity: .5
    }
    .mat-checkbox-background {
        background: 0 0
    }
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(103, 58, 183, .26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(255, 215, 64, .26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
    background-color: rgba(244, 67, 54, .26)
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: rgba(0, 0, 0, .87);
    opacity: .4
}

.mat-chip.mat-standard-chip .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #0b1761;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #d0021b;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ffd740;
    color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: rgba(0, 0, 0, .87);
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover {
    opacity: .54
}

.mat-table {
    background: #fff
}

.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
.mat-table-sticky,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
    background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
    color: rgba(0, 0, 0, .54)
}

.mat-cell,
.mat-footer-cell {
    color: rgba(0, 0, 0, .87)
}

.mat-calendar-arrow {
    border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
    color: rgba(0, 0, 0, .54)
}

.mat-calendar-table-header {
    color: rgba(0, 0, 0, .38)
}

.mat-calendar-table-header-divider::after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
    color: rgba(0, 0, 0, .54)
}

.mat-calendar-body-cell-content {
    color: rgba(0, 0, 0, .87);
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0, 0, 0, .38)
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    background-color: #eef7fc
}

.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-selected {
    background-color: #0b1761;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(103, 58, 183, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content {
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ffd740;
    color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(255, 215, 64, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #d0021b;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-toggle-active {
    color: #0b1761
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ffd740
}

.mat-datepicker-toggle-active.mat-warn {
    color: #d0021b
}

.mat-dialog-container {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-divider {
    border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
    border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-action-row {
    border-top-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: #eef7fc
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header-title {
    color: rgba(0, 0, 0, .87)
}

.mat-expansion-indicator::after,
.mat-expansion-panel-header-description {
    color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
    color: inherit
}

.mat-form-field-label,
.mat-hint {
    color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #0b1761
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ffd740
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #d0021b
}

.mat-focused .mat-form-field-required-marker {
    color: #ffd740
}

.mat-form-field-ripple {
    background-color: rgba(0, 0, 0, .87)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #0b1761
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ffd740
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #d0021b
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent {
    color: #d0021b
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #d0021b
}

.mat-error {
    color: #d0021b
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
    color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em;
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #eef7fc
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
    background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #0b1761
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ffd740
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #d0021b
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: rgba(0, 0, 0, .06)
}

.mat-icon.mat-primary {
    color: #0b1761
}

.mat-icon.mat-accent {
    color: #ffd740
}

.mat-icon.mat-warn {
    color: #d0021b
}

.mat-input-element:disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-input-element {
    caret-color: #0b1761
}

.mat-input-element::placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-accent .mat-input-element {
    caret-color: #ffd740
}

.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
    caret-color: #d0021b
}

.mat-list .mat-list-item,
.mat-list .mat-list-option,
.mat-nav-list .mat-list-item,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-item,
.mat-selection-list .mat-list-option {
    color: rgba(0, 0, 0, .87)
}

.mat-list .mat-subheader,
.mat-nav-list .mat-subheader,
.mat-selection-list .mat-subheader {
    font-family: "Neue Helvetica W01";
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
    background-color: #eee
}

.mat-list-option.mat-list-item-focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item.mat-list-item-focus,
.mat-nav-list .mat-list-item:hover {
    background: #eef7fc
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-item {
    background: 0 0;
    color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled]::after {
    color: rgba(0, 0, 0, .38)
}

.mat-menu-item .mat-icon:not([color]),
.mat-menu-item-submenu-trigger::after {
    color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
    background: #eef7fc
}

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: rgba(0, 0, 0, .54)
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: rgba(0, 0, 0, .38)
}

.mat-progress-bar-background {
    fill: #d1c4e9
}

.mat-progress-bar-buffer {
    background-color: #d1c4e9
}

.mat-progress-bar-fill::after {
    background-color: #0b1761
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #ffe57f
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #ffe57f
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
    background-color: #ffd740
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
    background-color: #d0021b
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #0b1761
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #ffd740
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #d0021b
}

.mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #0b1761
}

.mat-radio-button.mat-primary .mat-radio-inner-circle {
    background-color: #0b1761
}

.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(103, 58, 183, .26)
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ffd740
}

.mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: #ffd740
}

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(255, 215, 64, .26)
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #d0021b
}

.mat-radio-button.mat-warn .mat-radio-inner-circle {
    background-color: #d0021b
}

.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(244, 67, 54, .26)
}

.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle {
    border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
    background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: rgba(0, 0, 0, .38)
}

.mat-select-content,
.mat-select-panel-done-animating {
    background: #fff
}

.mat-select-placeholder {
    color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
    color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
    color: #d7862f
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #0b1761
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ffd740
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: #d0021b
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, .38)
}

.mat-drawer-container {
    background-color: #fafafa;
    color: rgba(0, 0, 0, .87)
}

.mat-drawer {
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle .mat-ripple-element {
    background-color: rgba(255, 193, 7, .12)
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #0b1761
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(103, 58, 183, .5)
}

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle.mat-primary .mat-ripple-element {
    background-color: rgba(103, 58, 183, .12)
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
    background-color: #d0021b
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(244, 67, 54, .5)
}

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
    background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle.mat-warn .mat-ripple-element {
    background-color: rgba(244, 67, 54, .12)
}

.mat-disabled .mat-slide-toggle-thumb {
    background-color: #bdbdbd
}

.mat-disabled .mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .1)
}

.mat-slide-toggle-thumb {
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
    background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
    background-color: #0b1761
}

.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
    background-color: #ffd740
}

.mat-accent .mat-slider-thumb-label-text {
    color: rgba(0, 0, 0, .87)
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
    background-color: #d0021b
}

.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider-focus-ring {
    background-color: rgba(255, 215, 64, .2)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
    background-color: rgba(0, 0, 0, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .26);
    background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
    border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
    border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
    background-color: #eef7fc
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, .38)
}

.mat-step-header .mat-step-icon {
    background-color: #0b1761;
    color: #fff
}

.mat-step-header .mat-step-icon-not-touched {
    background-color: rgba(0, 0, 0, .38);
    color: #fff
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, .87)
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line::before {
    border-left-color: rgba(0, 0, 0, .12)
}

.mat-stepper-horizontal-line {
    border-top-color: rgba(0, 0, 0, .12)
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-header,
.mat-tab-nav-bar {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
    color: rgba(0, 0, 0, .87)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(209, 196, 233, .3)
}

.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 229, 127, .3)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ffd740
}

.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
    background-color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #d0021b
}

.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(209, 196, 233, .3)
}

.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
    background-color: #0b1761
}

.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
    border-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
    background-color: rgba(255, 255, 255, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 229, 127, .3)
}

.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
    background-color: #ffd740
}

.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
    color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
    color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .87)
}

.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
    background-color: rgba(0, 0, 0, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
    background-color: #d0021b
}

.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
    color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
    border-color: #fff
}

.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: rgba(255, 255, 255, .4)
}

.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
    background-color: rgba(255, 255, 255, .12)
}

.mat-toolbar {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
    background: #0b1761;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ffd740;
    color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-warn {
    background: #d0021b;
    color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
    background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    font-family: "Neue Helvetica W01";
    background: #fff
}

.mat-tree-node {
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, .87)
}

.mat-snack-bar-container {
    background: #323232;
    color: #fff
}

.mat-simple-snackbar-action {
    color: #ffd740
}

* {
    font-family: "Neue Helvetica W01"
}

::-webkit-input-placeholder {
    color: #6a6a6a !important
}

::-moz-placeholder {
    color: #6a6a6a !important
}

:-ms-input-placeholder {
    color: #6a6a6a !important
}

:-moz-placeholder {
    color: #6a6a6a !important
}

input[type=number],
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

:focus,
:hover {
    outline: 0 !important;
    text-decoration: none !important
}

.close_icons {
    position: absolute;
    z-index: 1;
    right: 10px;
    padding: 5px;
    top: 15px;
    background: #fff;
    font-size: 10px;
    border: 1px solid #adadad;
    border-radius: 50%;
    cursor: pointer;
    color: #adadad;
    display: none
}

.datePickerContainer {
    width: 0;
    display: table-cell;
    max-width: 0
}

bs-datepicker-container,
bs-daterangepicker-container {
    z-index: 1080
}

span.in-range:before {
    background-color: #ebf5fa !important;
    border-radius: 0 !important;
    left: 0;
    right: 0
}

button.previous {
    float: left !important
}

button.next {
    float: right !important
}

.select-end {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important
}

.select-start {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

.bs-datepicker.theme-green.ng-star-inserted {
    border: 1px solid #adadad;
    background-color: #fff;
    padding: 0 3px
}

.bs-datepicker-container {
    padding: 0 !important
}

.bs-datepicker-head {
    background: #fff !important
}

.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
    color: #d7862f !important;
    border-radius: 0 !important;
    background: #fff !important;
    width: 30px;
    height: 30px
}

.bs-datepicker-head button.next:before {
    font-family: st;
    content: "\e81d"
}

.bs-datepicker-head button.previous:before {
    font-family: st;
    content: "\e92e"
}

.bs-datepicker-body {
    padding: 0 !important;
    border: none !important
}

.bs-datepicker {
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    background: #fff;
    box-shadow: 0 0 10px 0 #aaa;
    position: relative;
    z-index: 1
}

.bs-datepicker:after {
    clear: both;
    content: "";
    display: block
}

.bs-datepicker bs-day-picker {
    float: left
}

.bs-datepicker button:active,
.bs-datepicker button:focus,
.bs-datepicker button:hover,
.bs-datepicker input:active,
.bs-datepicker input:focus,
.bs-datepicker input:hover,
.bs-datepicker-btns button:active,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:hover,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
    outline: 0
}

.bs-datepicker-head {
    min-width: 270px;
    height: 50px;
    padding: 10px;
    border-radius: 3px 3px 0 0;
    text-align: center;
    font-size: 18px;
    font-weight: 300
}

.bs-datepicker-head:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.bs-datepicker-head button {
    color: #0b1761 !important;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    height: 30px;
    line-height: 30px;
    border: 0;
    background: 0 0;
    text-align: center;
    cursor: pointer;
    transition: .3s
}

.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:active,
.bs-datepicker-head button[disabled]:hover {
    background: rgba(221, 221, 221, .3);
    color: #f5f5f5;
    cursor: not-allowed
}

.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
    display: none !important;
    font-size: 28px;
    line-height: 1;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50%
}

.bs-datepicker-head button.current {
    border-radius: 15px;
    max-width: 155px;
    padding: 0 13px
}

.bs-datepicker-head button:hover {
    background-color: rgba(0, 0, 0, .1)
}

.bs-datepicker-head button:active {
    background-color: rgba(0, 0, 0, .2)
}

.bs-datepicker-body {
    border-radius: 0 0 3px 3px;
    min-height: 232px;
    min-width: 278px
}

.bs-datepicker-body .days.weeks {
    position: relative;
    z-index: 1
}

.bs-datepicker-body table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.bs-datepicker-body table th {
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    border-top: 1px solid #dfe4e8;
    padding: 5px;
    color: #919eab;
    border-bottom: 1px solid #dfe4e8
}

.bs-datepicker-body table td {
    color: #6a6a6a;
    text-align: center;
    position: relative;
    padding: 0
}

button.current {
    pointer-events: none
}

button.current:hover {
    background: #fff !important
}

.bs-datepicker-body table td span {
    display: block;
    margin: 0 auto;
    font-size: 12px;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.bs-datepicker-body table td:not(.disabled) span {
    cursor: pointer
}

.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected),
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span {
    background-color: #0b1761;
    transition: none;
    color: #fff;
    border-radius: 0
}

.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
    color: #c4cdd5
}

.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
    color: #fff
}

.bs-datepicker-body table td.active {
    position: relative
}

.bs-datepicker-body table td.active.select-start:before {
    left: 35%
}

.bs-datepicker-body table td.active.select-end:before {
    left: -85%
}

.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td.active.select-end span:after,
.bs-datepicker-body table td.active.select-start span:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: .3s;
    top: 0;
    border-radius: 50%
}

.bs-datepicker-body table td span:before,
.bs-datepicker-body table td:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -2px;
    right: -2px;
    box-sizing: content-box;
    background: 0 0;
    border: 1px solid transparent
}

.bs-datepicker-body table td.active.select-start+td.active:before {
    left: -20%
}

.bs-datepicker-body table td:last-child.active:before {
    border-radius: 0 3px 3px 0;
    width: 125%;
    left: -25%
}

.bs-datepicker-body table td span[class*=select-],
.bs-datepicker-body table td[class*=select-] span {
    border-radius: 0;
    color: #fff
}

.bs-datepicker-body table.days span {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-weight: 300;
    color: #212b35
}

.bs-datepicker-body table.days span.select-start {
    z-index: 2
}

.bs-datepicker-body table.days span.in-range.select-end:before,
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
    background: 0 0;
    right: 0;
    left: 0
}

.bs-datepicker-body table.days td.active+td.is-highlighted:before,
.bs-datepicker-body table.days td.active+td.select-end:before,
.bs-datepicker-body table.days td.in-range+td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range+td.select-end:before,
.bs-datepicker-body table.days td.select-start+td.is-highlighted:before,
.bs-datepicker-body table.days td.select-start+td.select-end:before {
    background: #e9edf0;
    width: 100%
}

.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
    border-radius: 3px 0 0 3px;
    left: 0;
    width: 100%
}

.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
    border-radius: 3px 0 0 3px
}

.bs-datepicker-body table.years td span {
    width: 46px;
    height: 46px;
    line-height: 45px;
    margin: 0 auto
}

.bs-datepicker-body table.years tr:not(:last-child) td span {
    margin-bottom: 8px
}

.bs-datepicker-body table.months td {
    height: 52px
}

.bs-datepicker-body table.months td span {
    padding: 6px;
    border-radius: 15px
}

.bs-datepicker .current-timedate {
    color: #54708b;
    font-size: 15px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.bs-datepicker .current-timedate span:not(:empty):before {
    content: "";
    width: 15px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: text-bottom;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC)
}

.bs-datepicker-multiple {
    display: inline-block;
    border-radius: 4px 0 0 4px
}

.bs-datepicker-multiple+.bs-datepicker-multiple {
    margin-left: 10px
}

.bs-datepicker-multiple .bs-datepicker {
    box-shadow: none;
    position: relative
}

.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
    padding-right: 10px
}

.bs-datepicker-multiple .bs-datepicker+.bs-datepicker:after {
    content: "";
    display: block;
    width: 14px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
    position: absolute;
    top: 25px;
    left: -8px
}

.bs-datepicker-multiple .bs-datepicker .left {
    float: left
}

.bs-datepicker-multiple .bs-datepicker .right {
    float: right
}

.bs-datepicker-custom-range {
    padding: 15px;
    background: #eee
}

.bs-datepicker-predefined-btns button {
    width: 100%;
    display: block;
    height: 30px;
    background-color: #9aaec1;
    border-radius: 4px;
    color: #fff;
    border: 0;
    margin-bottom: 10px;
    padding: 0 18px;
    text-align: left;
    transition: .3s
}

.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:hover {
    background-color: #54708b
}

.bs-datepicker .is-other-month {
    color: rgba(0, 0, 0, .25);
    display: none
}

.bs-datepicker-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    padding-top: 10px;
    border-top: 1px solid #e9edf0
}

.bs-datepicker-buttons .btn-default {
    margin-left: 10px
}

.bs-timepicker-container {
    padding: 10px 0
}

.bs-timepicker-label {
    color: #54708b;
    margin-bottom: 10px
}

.bs-timepicker-controls {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.bs-timepicker-controls button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 0;
    background-color: #e9edf0;
    color: #54708b;
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    line-height: 0;
    padding: 0;
    transition: .3s
}

.bs-timepicker-controls button:hover {
    background-color: #d5dadd
}

.bs-timepicker-controls input {
    width: 35px;
    height: 25px;
    border-radius: 13px;
    text-align: center;
    border: 1px solid #e9edf0
}

.bs-timepicker .switch-time-format {
    text-transform: uppercase;
    min-width: 54px;
    height: 25px;
    border-radius: 20px;
    border: 1px solid #e9edf0;
    background: #fff;
    color: #54708b;
    font-size: 13px
}

.bs-timepicker .switch-time-format img {
    vertical-align: initial;
    margin-left: 4px
}

@media (max-width: 768px) {
    .bs-datepicker-multiple {
        display: flex
    }
    .bs-datepicker-multiple+.bs-datepicker-multiple {
        margin-top: 10px;
        margin-left: 0
    }
}

.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td span[class*=select-]:after,
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td[class*=select-] span:after,
.theme-default .bs-datepicker-head {
    background-color: #777
}

.theme-default .bs-datepicker-body table td.week span {
    color: #777
}

.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td span[class*=select-]:after,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td[class*=select-] span:after,
.theme-green .bs-datepicker-head {
    background-color: #0b1761
}

.theme-green .bs-datepicker-body table td.week span {
    color: #5cb85c
}

.theme-blue .bs-datepicker-body table td span.selected,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td[class*=select-] span:after,
.theme-blue .bs-datepicker-head {
    background-color: #5bc0de
}

.theme-blue .bs-datepicker-body table td.week span {
    color: #5bc0de
}

.theme-dark-blue .bs-datepicker-body table td span.selected,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after,
.theme-dark-blue .bs-datepicker-head {
    background-color: #337ab7
}

.theme-dark-blue .bs-datepicker-body table td.week span {
    color: #337ab7
}

.theme-red .bs-datepicker-body table td span.selected,
.theme-red .bs-datepicker-body table td span[class*=select-]:after,
.theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td[class*=select-] span:after,
.theme-red .bs-datepicker-head {
    background-color: #d9534f
}

.theme-red .bs-datepicker-body table td.week span {
    color: #d9534f
}

.theme-orange .bs-datepicker-body table td span.selected,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after,
.theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td[class*=select-] span:after,
.theme-orange .bs-datepicker-head {
    background-color: #f0ad4e
}

.theme-orange .bs-datepicker-body table td.week span {
    color: #f0ad4e
}

::ng-deep .mat-select-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 300px;
    width: 100%
}

.mat-checkbox-disabled+label {
    color: #b0b0b0 !important
}

.mat-checkbox-disabled .mat-checkbox-frame {
    border: 2px solid #b0b0b0 !important
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    z-index: 100 !important;
    -webkit-overflow-scrolling: touch !important
}

.inputwd {
    display: table-cell;
    width: 300px;
    position: relative;
    height: 55px
}

.flightnew .inputwd input {
    border-top: 1px solid #adadad
}

.padding20 {
    padding: 10px 20px !important
}

.p040 {
    padding: 0 0 0 40px
}

.flight-option {
    text-align: left;
    display: table-cell
}

.addnbtn {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 40%
}

.multi-input {
    width: 100%;
    display: flex
}

.newmulticity {
    vertical-align: middle;
    color: #d7862f;
    font-size: 14px;
    font-weight: 700;
    margin: 0 10px;
    position: relative;
    top: 10px;
    float: none;
    border: none;
    background: 0 0
}

.close-addflight {
    cursor: pointer;
    vertical-align: middle;
    color: #adadad;
    font-size: 14px;
    padding: 20px 15px;
    display: table-cell
}

span.first-div {
    padding: 0 25px;
    vertical-align: middle;
    display: table-cell
}

.multi-cityform .inputwd {
    width: 250px
}

.inputwd .icon-exchange-arrows {
    position: absolute;
    bottom: auto;
    right: 0;
    margin: 20px 10px;
    font-size: 15px;
    color: #adadad;
    background: #fff;
    border: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
    padding: 0 5px
}

.metaSearch .icon-closecircle.inputclear {
    display: none !important
}

.icon-cal {
    position: absolute;
    pointer-events: none;
    font-size: 15px;
    padding: 15px 10px;
    vertical-align: middle;
    color: #adadad
}

.passenger-arrow {
    border: 5px solid transparent;
    border-top: 5px solid #d7862f;
    border-bottom-width: 0;
    margin: 0 3px;
    position: absolute;
    right: 5px;
    top: 17px
}

#paxcount {
    cursor: pointer
}

.passenger-dropdown {
    width: 300px;
    background-color: #fff;
    line-height: 1.5;
    box-sizing: border-box;
    box-shadow: -2px -2px 15px rgba(0, 0, 0, .3)
}

.passengers-modal:after {
    content: "";
    position: absolute;
    top: -5px;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    margin-left: 10px
}

.passenger-inner {
    padding: 20px 20px 10px
}

.passengers-dropdown :before {
    border: 5px solid transparent;
    border-bottom: 5px solid #fff;
    margin-top: -2px;
    content: "";
    z-index: 5
}

.passengers-modal {
    z-index: 3;
    position: absolute;
    width: 0;
    height: 0;
    padding-top: 10px;
    background: #fff
}

.passenger-buttons {
    float: right;
    position: relative;
    top: -35px
}

.pass-btn {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 1px;
    background-color: #d7862f;
    color: #fff
}

.adult-plus,
.child-plus {
    float: right
}

.adult-value,
.child-age,
.child-value {
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #0b1761;
    vertical-align: middle;
    border: none !important
}

.adult-section {
    margin-bottom: 15px
}

.children-section {
    padding-bottom: 10px
}

.passenger-age {
    font-size: 13px;
    color: #828282
}

.passenger-label {
    font-size: 15px;
    color: #000;
    line-height: 38px
}

.age-section {
    position: relative
}

.pass-age-dropdown {
    position: absolute !important;
    left: -20px !important;
    top: 9px !important;
    height: auto;
    border-top: 0;
    width: 267px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .5);
    background-color: #fff;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 2px
}

.plus-age {
    float: right
}

.child-age {
    width: 30px !important;
    display: inline-block;
    text-align: center
}

.passenger-separator {
    border-top: 2px solid #efefef;
    padding-bottom: 15px
}

.pass-btn:disabled {
    background-color: #dddfdf;
    cursor: default;
    color: #fff
}

.passenger-val,
.passenger-val:-moz-placeholder,
.passenger-val::-moz-placeholder,
.passenger-val::-mz-input-placeholder,
.passenger-val::-webkit-input-placeholder {
    color: #000 !important
}

.toptask {
    position: relative
}

.toptask #dialogpopup {
    border: none;
    background-color: transparent !important;
    padding: 10px;
    display: none;
    border-radius: 5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 50%;
    top: 85%;
    color: #d0021b
}

.toptask #dialogpopup p {
    color: #d0021b
}

.pass-head {
    display: none
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    display: none !important
}

.dropdown-item {
    background: 0 0;
    border: none;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adadad;
    color: #0b1761;
    font-size: 13px
}

.inputwd.isFocused .close_icons {
    display: block
}

.noError .INVALID input,
.noError .INVALID.flnumber,
input.INVALID,
input.errorInput {
    border: 1px solid #d0021b
}

.noError mat-form-field.INVALID {
    border: 1px solid #d0021b !important
}

.commonErrors {
    color: #d0021b;
    padding: 20px;
    text-align: center
}

.commonErrors.city {
    max-width: 700px;
    width: 100%;
    top: 25px
}

ngb-highlight {
    float: left
}

ngb-highlight.apName {
    text-align: left
}

ngb-highlight.apCode {
    float: right
}

ngb-typeahead-window {
    max-height: 350px;
    overflow: auto;
    padding: 0 !important
}

.dropdown-item:hover {
    background: #eef7fc
}

input#retdate[ng-reflect-is-disabled=false] {
    cursor: not-allowed;
    background-color: #ddd
}

ngb-highlight.apCountry {
    width: 100%;
    text-align: left
}

.bookingDetailsTab,
.searchHeaderMob.text-center {
    display: none
}

@media only screen and (max-width: 991px) {
    .SelectHeaders {
        padding: 40px 15px 15px;
        color: #0b1761;
        font-size: 16px;
        position: fixed;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .14);
        width: 100%;
        top: 0;
        background: #fff;
        z-index: 2
    }
    .filheaderText {
        text-align: center;
        color: #0b1761
    }
    /* .cdk-overlay-connected-position-bounding-box {
    background-color: rgba(0, 0, 0, .5)
  } */
    /* 
  .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1 !important;
    background: rgba(0,0,0,.5);
  } */
    .moreBtn {
        padding: 30px 30px 100px
    }
    .mat-select-panel {
        max-height: 520px;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        min-width: 100% !important;
        height: 100% !important;
        bottom: 0 !important;
        position: fixed;
        max-height: 300px !important;
        padding-bottom: 25px !important
    }
    .cdk-overlay-pane {
        top: 50% !important;
        width: 100%;
        left: 0 !important;
        right: 0 !important;
        height: 100%;
        transform: none !important
    }
    bs-datepicker-container,
    bs-daterangepicker-container {
        width: 100%;
        left: 0 !important;
        top: 85px !important
    }
    .bs-datepicker.theme-green.ng-star-inserted {
        border: none;
        padding: 0;
        box-shadow: none
    }
    .bs-datepicker-body table.days span {
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    .forRound.round.twoway-con input {
        background: #fafafc
    }
    .forRound.round.oneway-con {
        position: fixed;
        top: 75px;
        z-index: 100;
        width: 50%;
        left: 0;
        -webkit-overflow-scrolling: touch !important
    }
    .forRound.round.twoway-con {
        position: fixed;
        top: 75px;
        z-index: 100;
        width: 50%;
        right: 0;
        -webkit-overflow-scrolling: touch !important
    }
    .bs-datepicker-multiple {
        width: 50%;
        display: inline-block
    }
    .bs-calendar-container,
    .bs-datepicker-container {
        width: 100%
    }
    .bs-datepicker-head button.next {
        display: none
    }
    .non-multicityform .inputwd {
        width: 50%;
        display: inline-block;
        margin-bottom: 15px
    }
    .searchEditHeader {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 0 2px 0 rgba(0, 0, 0, .14);
        background-color: #fff;
        width: 100%;
        padding: 15px;
        top: 78px;
        z-index: 100;
        position: absolute
    }
    .searchlistSection {
        display: inline-block;
        vertical-align: middle;
        max-width: 80%
    }
    span.headClose {
        padding: 0 15px;
        color: #adadad;
        background: 0 0
    }
    .jourDetails div.mul {
        display: inline
    }
    .jourDetails {
        padding-bottom: 10px
    }
    .table-cell.srchbtn {
        width: 100%;
        margin: 30px auto;
        display: inline-block;
        text-align: center
    }
    .multi-input {
        width: 100%
    }
    .addnbtn {
        position: relative;
        bottom: 0;
        right: 0;
        display: block;
        width: 100%;
        padding: 15px 0
    }
    button.newmulticity {
        float: left;
        display: block;
        position: absolute;
        margin: 0 -5px;
        font-size: 15px;
        width: 100%;
        text-align: left
    }
    .addnbtn button#btn-search-flights {
        display: block;
        float: right !important;
        position: relative;
        top: 30px
    }
    .multi-cityform {
        width: 100%
    }
    .flightnew {
        display: table
    }
    .inputwd.fullView .tabnMobInputHeader {
        width: 100%;
        display: inline-block !important;
        position: fixed;
        color: #0b1761;
        padding: 20px 0;
        font-size: 15px;
        z-index: 100;
        background: #fff;
        left: 0;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
        top: 0;
        text-align: center;
        -webkit-overflow-scrolling: touch !important
    }
    .close_icons,
    .icon-exchange-arrows,
    .inputwd.fullView input {
        background: #fafafc
    }
    .inputwd.fullView {
        position: fixed;
        left: 0;
        width: 100% !important;
        height: 100%;
        background: #fff;
        right: 0;
        z-index: 100;
        top: 75px;
        -webkit-overflow-scrolling: touch !important
    }
    .searchHeaderMob.text-center.shown {
        position: fixed;
        top: 0;
        padding: 20px;
        background: #fff;
        width: 100%;
        z-index: 100;
        left: 0;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .14);
        font-size: 16px;
        font-weight: 500;
        color: #0b1761;
        display: block;
        -webkit-overflow-scrolling: touch !important
    }
    .metaSearch {
        background: #fff;
        display: block
    }
    i.icon-datepickerback.backHeader {
        font-size: 20px;
        font-weight: bolder;
        float: left;
        cursor: pointer
    }
    .inputwd.twoway-con.forRound.round+.tabnMobInputHeader.hide {
        width: 100%;
        display: inline-block !important;
        position: fixed;
        z-index: 100;
        background: #fff;
        left: 0;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
        top: 0;
        text-align: center;
        -webkit-overflow-scrolling: touch !important
    }
    span.headingClass {
        max-width: 100%;
        margin: 0 auto
    }
    a.closeInputHeader {
        float: right;
        position: absolute;
        right: 20px
    }
    .sorticons,
    span.splitter {
        font-size: 20px !important;
        color: #d7862f !important
    }
    .pass-head {
        display: block;
        padding: 5px 0 15px
    }
    .passenger-inner {
        padding: 20px 20px 10px;
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        height: 300px;
        overflow-y: auto;
        background: #fff;
        box-shadow: -2px -2px 15px rgba(0, 0, 0, .3)
    }
    .pass-head #passengerClose {
        position: relative;
        float: right;
        color: #868686;
        top: 0;
        cursor: pointer;
        right: 5px
    }
    .age-title {
        font-size: 16px;
        color: #0b1761;
        font-weight: 400;
        display: inline-block
    }
    .passenger-separator {
        border-top: 1px dotted #868686;
        padding-bottom: 15px
    }
    .currencyDropdown {
        float: none;
        text-align: right !important;
        color: #0b1761;
        width: 80px;
        right: 20%;
        top: 2%;
        position: absolute !important;
        z-index: 3
    }
    .passengers-modal:after {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .passenger-arrow {
        top: 50%
    }
    .newflightform .inputwd.oneway-con,
    .newflightform .inputwd.twoway-con {
        width: 100%;
        float: left
    }
    .multi-cityform .inputwd.oneway-con {
        width: 42%
    }
    .flight-option {
        display: block !important;
        border: 1px solid #adadad
    }
    form#search-form {
        padding: 15px 0
    }
    .non-multicityform .inputwd.from-data,
    .non-multicityform .inputwd.to-data {
        width: 100%
    }
    .inputwd.from-data input {
        border-right: 1px solid #adadad
    }
    .inputwd.passengers {
        width: 100%;
        display: inline-block;
        position: relative;
        top: 15px
    }
    input#retdate {
        border-right: 1px solid #adadad
    }
    .bs-datepicker-multiple {
        width: 100%
    }
    .bs-datepicker-body table td span:before,
    .bs-datepicker-body table td:before {
        left: -45px;
        right: -45px
    }
    .bs-datepicker-body table.days span {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center
    }
    .multi-cityform .inputwd {
        width: 27%;
        float: none !important;
        display: inline-block
    }
    .close-addflight {
        position: relative;
        right: 0;
        padding: 0
    }
    .non-multicityform .table-cell {
        display: block !important
    }
    .non-multicityform .table-cell .btn-lg {
        width: 100%
    }
    .flight-radio {
        vertical-align: middle;
        display: inline !important
    }
    .inputwd .icon-exchange-arrows {
        transform: rotate(90deg)
    }
    .addnbtn button#btn-search-flights {
        float: none !important;
        left: 0;
        right: 0;
        text-align: center;
        top: 50px;
        width: 100%
    }
    button.newmulticity {
        float: none !important;
        text-align: center;
        margin: 10px -5px;
        padding: 0
    }
    .resultContainer.container.ng-star-inserted {
        width: 100%;
        display: inline-block
    }
    .flightarrow[_ngcontent-c0] {
        display: none
    }
    .arrDetails[_ngcontent-c0],
    .depDetails[_ngcontent-c0] {
        padding: 0 10px
    }
    .jourDetails.table-cell {
        display: none
    }
    .paxNstop span.icon-icon-passenger-baggage {
        font-size: 25px;
        color: #0b1761
    }
}

.mat-form-field-infix {
    width: auto !important
}

h5.mb-0 {
    margin: 0 !important
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #d7862f
}

.showmobile,
button.previous[disabled] {
    display: none
}

@media screen and (max-width: 991px) {
    .bs-datepicker-multiple {
        width: 100%
    }
    .non-multicityform .table-cell .btn-lg {
        float: none;
        display: inline-block
    }
    .bs-datepicker-body table td span[class*=select-],
    .bs-datepicker-body table td[class*=select-] span {
        border-radius: 50% !important
    }
    span.in-range.select-end:before {
        right: 20px !important
    }
    .bs-datepicker-body table td span.selected,
    .bs-datepicker-body table td.selected span {
        border-radius: 50%
    }
    .bs-datepicker-body table th {
        color: #000;
        font-weight: 400;
        border: none;
        padding: 10px 0
    }
    .bs-datepicker-head {
        text-align: left;
        padding: 10px 2px
    }
    .bs-datepicker-head button.next[style*="visibility: hidden"],
    .bs-datepicker-head button.previous[style*="visibility: hidden"] {
        display: none
    }
    .multi-cityform [name=depdate] {
        font-size: 14px;
        padding: 0 30px
    }
    .bs-datepicker-body table td span:before,
    .bs-datepicker-body table td:before {
        left: -85px;
        right: -85px
    }
}

@media (max-width: 767px) {
    .mat-radio-button.mat-accent .mat-radio-inner-circle {
        background-color: #d7862f
    }
    .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
        border-color: #d7862f
    }
    .pass-head #passengerClose {
        margin: 10px 0
    }
    .passenger-inner {
        height: auto
    }
    .mat-select-panel {
        height: auto !important
    }
    .SelectHeaders {
        padding: 20px 15px 15px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .mat-select-panel {
        height: auto !important;
        padding-bottom: 15px !important
    }
    .SelectHeaders {
        padding: 20px 15px 15px
    }
    .bs-datepicker.theme-green.ng-star-inserted {
        padding: 0;
        border: none
    }
    .passenger-inner {
        height: auto
    }
}

.languageSelectionList ul.dropdown-menu.show {
    min-width: 250px
}

@media only screen and (max-width: 991px) {
    bs-datepicker-container,
    bs-daterangepicker-container {
        position: fixed !important;
        z-index: 100 !important;
        height: calc(100% - 85px);
        overflow: scroll;
        overflow-x: hidden;
        transform: none !important;
    }
}

@media (min-width: 992px) {
    ngb-typeahead-window.dropdown-menu {
        min-width: 340px
    }
}

.srchbtn {
    vertical-align: top
}

.modalClass.text-center.ng-star-inserted {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    padding: 15px
}

.modalContentClass {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    top: 20%;
    border-radius: 8px;
    background-color: #fff;
    padding: 30px
}

.modalContentClass button {
    margin: 10px 15px
}

p.textPopUp {
    margin: 30px 0
}

.is-other-month {
    pointer-events: none
}

.newflightform .dropdown-item.active {
    background: #eef7fc
}

@media (min-width: 991px) {
    #btn-search-flights {
        display: block
    }
    .datePickerContainer input {
        width: 0;
        height: 0;
        position: relative;
        top: 20px;
        padding: 0
    }
    .bs-datepicker {
        box-shadow: 2px 4px 20px 5px rgba(0, 0, 0, .12)
    }
    .bs-datepicker.theme-green.ng-star-inserted:after {
        background-color: #fff;
        position: absolute;
        margin: auto;
        top: -10px;
        left: 0;
        right: 0;
        width: 18px;
        height: 18px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        border-left: 1px solid #adadad;
        border-top: 1px solid #adadad
    }
    bs-datepicker-container,
    bs-daterangepicker-container {
        padding: 15px 0
    }
}

input:focus~.floating-label,
input:not(:focus):valid~.floating-label {
    top: -10px;
    left: 8px;
    font-size: 12px;
    opacity: 1;
    display: block;
    background: #fff;
    padding: 0 5px;
    color: rgba(11, 23, 97, .5)
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 12px;
    transition: .2s;
    color: #0b1761
}

#form-airport .airport-div,
#lounge-search-form,
.flightstatus {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 15px 10px
}

.form_Parent {
    height: 100%;
    padding: 0 15px
}

.mini_menu {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%
}

ul.mini_menu_group {
    list-style: none;
    font-size: 14px;
    overflow: auto;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .24);
    background-color: #fff;
    font-weight: 300
}

li.mini_menu_items {
    display: inline-flex;
    text-align: center;
    flex: 1 1 auto;
    padding: 5px 10px 0;
    min-width: 20%;
    vertical-align: middle;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.mini_menu_name {
    display: block;
    padding-top: 10px;
    text-align: center
}

.mini_menu_icons {
    font-size: 25px
}

a.mini_menu_anchor {
    width: 100%;
    color: #0b1761
}

.mini_menu_header {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    background: #fff;
    padding: 25px;
    left: 0;
    right: 0;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
    color: #0b1761;
    z-index: 3;
    overflow: hidden
}

i.mini_menu_close.icon-close {
    float: right;
    color: #adadad;
    cursor: pointer;
    position: relative;
    top: 3px
}

li.mini_menu_items.active {
    background: #eef7fc;
    border-bottom: 3px solid #0b1761;
    font-weight: 700
}

i.icon-flight.mini_menu_icons {
    transform: rotate(325deg);
    display: block
}

input:not(:valid)~.form-close-icon {
    display: none
}

.form-close-icon {
    position: absolute;
    z-index: 1;
    right: 10px;
    padding: 3px;
    top: 10px;
    background: #fff;
    font-size: 16px;
    cursor: pointer;
    color: #adadad
}

.mobInputFocusHeader .mini_menu_header.hidden-md.hidden-lg {
    position: relative
}

.mobInputFocusHeader.hidden-md.hidden-lg.focused input {
    top: 10px;
    position: relative;
    padding: 15px
}

.mobInputFocusHeader.hidden-md.hidden-lg.focused ngb-typeahead-window {
    box-shadow: none;
    max-height: 100%;
    border: none;
    width: 100%;
}

.mobInputFocusHeader.hidden-md.hidden-lg.focused {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 100
}

.mobInputFocusHeader.hidden-md.hidden-lg.focused span.icon-close.form-close-icon {
    position: relative;
    float: right;
    top: -30px
}

input[type=text] {
    -webkit-appearance: none;
    appearance: none
}

.mini_menu_arrows.icon-smallarrowright {
    float: right;
    padding: 25px 5px;
    right: 0
}

.mini_menu_arrows.icon-smallarrowleft {
    float: left;
    padding: 25px 5px;
    left: 0
}

.mini_menu_arrows {
    height: 100%;
    font-size: 20px;
    color: #0b1761;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    background-color: #fafafc
}

.arrhidden {
    opacity: 0;
    transition: .2s linear
}

@media screen and (max-width: 991px) {
    .dnH,
     ::-webkit-scrollbar {
        display: none
    }
    .newforms-div .form-group {
        display: block;
        text-align: center
    }
    .newforms-btn button {
        display: block;
        margin: 0 auto
    }
    #ffpnewform,
    #flight-status-search-form,
    #form-airport,
    div#loungefinder-tab {
        overflow: auto;
        padding: 120px 0 0
    }
    .flightstatus {
        height: 100%;
        overflow-y: auto
    }
    .form_Parent:not(:empty) {
        top: 0;
        bottom: 0;
        position: fixed;
        z-index: 100;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background: #fff
    }
    .whitebtn.text-right {
        text-align: left;
        padding: 20px;
        display: inline-block;
        font-size: 16px
    }
    .newFormResults {
        position: relative;
        top: 80px;
        margin-bottom: 100px
    }
    .newforms-btn .btn:hover {
        border: none;
        box-shadow: none;
        background: #0b1761
    }
    .mat-select-panel {
        height: 100% !important;
        top: 0;
        max-height: 100% !important;
        padding: 60px 0 25px !important;
        background: #fff;
    }
    .mat-radio-label {
        width: 8% !important;
    }
    mat-form-field.skyDropdn .mat-select-trigger {
        width: 100% !important
    }
    mat-form-field.skyDropdn .mat-form-field-infix {
        margin: 0 0 0 10px !important
    }
    mat-form-field.skyDropdn mat-label.ng-star-inserted {
        color: #0b1761 !important;
        font-size: 16px !important
    }
    mat-form-field.skyDropdn.mat-focused .mat-select-arrow-wrapper {
        float: right !important
    }
    mat-form-field.skyDropdn .mat-select-value {
        display: table-cell !important
    }
    .form_Parent {
        padding: 0
    }
    #lounge-results-header {
        padding-bottom: 15px
    }
    body,
    html {
        -webkit-overflow-scrolling: touch
    }
    .newforms-btn {
        text-align: center;
        margin: 30px 0
    }
    .statusquery {
        text-decoration: underline
    }
    img#ffp-img {
        width: auto
    }
    .ffpInput {
        margin: 20px 0 !important
    }
}

@media (min-width: 991px) and (max-width:1200px) {
    .form_Parent:not(:empty) {
        padding-top: 35px
    }
}

@media screen and (min-width: 991px) {
    .form_Parent:not(:empty) {
        padding-top: 0
    }
    .metaSearch {
        padding-bottom: 15px
    }
    .ffpstatusform,
    .form_Parent div#skiplinkcomp-skypriorityform {
        margin-bottom: 0
    }
    .mat-select-panel {
        height: 100% !important;
        top: 40px;
        position: relative;
        max-height: 100% !important;
        max-height: 500px !important;
        background: #fff;
        box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
    }
    mat-form-field.skyDropdn .mat-select-trigger {
        width: 100% !important
    }
    mat-form-field.skyDropdn .mat-form-field-infix {
        margin: 0 0 0 10px !important
    }
    mat-form-field.skyDropdn mat-label.ng-star-inserted {
        color: #0b1761 !important;
        font-size: 16px !important
    }
    mat-form-field.skyDropdn.mat-focused .mat-select-arrow-wrapper {
        float: right !important
    }
    mat-form-field.skyDropdn .mat-select-value {
        display: table-cell !important
    }
    .ffpInput {
        flex: 1 1 auto;
        width: 25%;
        display: inline-block
    }
    div#ffpnewform {
        max-width: 1200px;
        margin: 0 auto;
        padding: 15px 0
    }
    .select-con {
        width: 100%;
        display: flex
    }
    #flight-status-search-form {
        margin: 0 auto
    }
    p#knowflightNumber,
    p#noFlightNumber {
        text-align: left !important;
        margin: 10px 15px 0;
        font-size: 14px
    }
}

.mat-select-value {
    position: relative;
    font-size: 16px;
    font-weight: 400
}

.ff-status-details #ffp-status-info {
    vertical-align: baseline
}

img#ff-status-icon {
    max-width: 160px;
    width: 100%;
    display: block;
    margin-top: 15px
}

img#ffp-img {
    max-width: 50%;
    display: inline-block;
    vertical-align: bottom;
    margin: 30px
}

.ff-status-details span.status-sky {
    max-width: 50%;
    display: inline-block;
    font-size: 16px;
    margin: 0 30px;
    vertical-align: top
}

.new-ffp-results {
    max-width: 650px;
    margin: 30px auto;
    display: flex;
    width: 100%
}

@media screen and (max-width: 767px) {
    li.mini_menu_items {
        width: 32%
    }
    div#scrolldownArrow {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 100
    }
    .newforms-btn button {
        width: 100%
    }
    div#scrolldownArrow i.icon-arrowup {
        width: 100px;
        height: 30px;
        text-align: center;
        border-radius: 50% 50% 0 0/100% 100% 0 0;
        font-size: 20px;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
        background-color: #fafafc;
        display: block;
        padding: 5px 0;
        margin: 0 auto
    }
    .ff-status-details span.status-sky {
        max-width: 100%;
        text-align: left;
        margin: 0;
        display: block;
        position: relative;
        left: 0;
        right: 0
    }
    img#ff-status-icon {
        max-width: 80px;
        float: none;
        display: inline-block;
        margin: 0
    }
    img#ffp-img {
        max-width: 100%;
        display: block;
        float: none;
        margin: 30px auto;
        width: auto
    }
    .new-ffp-results .ff-status-details {
        float: none;
        text-align: right;
        margin-left: -15px;
        margin-right: -15px
    }
    .ff-status-details #ffp-status-info {
        width: calc(100% - 185px);
        display: inline-block
    }
    .accordion-toggle.panel-heading .time {
        font-size: 16px
    }
    .accordion-toggle.panel-heading .time .hypenDisplay {
        display: inline
    }
    #ffpnewform,
    #flight-status-search-form,
    #form-airport,
    div#loungefinder-tab {
        overflow: auto;
        padding: 100px 0 0
    }
}

@media (min-width: 991px) {
    .newforms-div .form-group {
        margin: 0 20px 0 0;
        width: 50%
    }
    .toNsubmit .form-group {
        margin-right: 20px !important
    }
    .newforms-div {
        width: 100%;
        display: flex;
        flex: 1 1 auto
    }
    .main-search-content:not(.cargo) #scrollContent .carousel_home {
        margin-top: 0
    }
    .mat-form-field-label-wrapper {
        top: -.84375em
    }
}

.flnumber .airline-code {
    background-color: #fff;
    border: none;
    margin: 0 10px 0 0
}

span.airline-code:not(:empty)~.floating-label {
    top: -9px;
    left: 20px;
    font-size: 12px;
    opacity: 1;
    background: #fff;
    padding: 0 5px
}

.form_Parent .form-control {
    padding: 11px 30px 11px 15px;
    font-size: 14px;
    height: auto;
    /* border-right: 1px solid rgba(11, 23, 97, .35) */
}

span.mat-placeholder-required.mat-form-field-required-marker {
    display: none
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
    color: inherit
}

.opened .panel-click1 {
    display: none
}

.opened .panel-click2 {
    display: block
}

.status-message {
    text-align: center !important
}

.col-md-12.FS_OP_Details {
    display: inline-block;
    width: 100%;
    padding: 15px
}

.hidden-xs.col-middle.details_FS {
    display: inline-block;
    width: 40%;
    text-align: right
}

.FS_OP_Details p.st-small {
    display: inline-block;
    width: 60%
}

.tabsDiv {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer
}

.fspbTab {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
    color: #0b1761;
    font-size: 16px
}

.tabsDiv.active {
    border-bottom: 3px solid #d7862f;
    color: #d7862f
}

.ng5-slider .ng5-slider-bar {
    height: 2px !important;
    border-radius: 0 !important;
    background-color: #adadad;
    top: 18px !important
}

.ng5-slider .ng5-slider-pointer:after {
    content: none !important
}

.ng5-slider .ng5-slider-pointer {
    width: 25px !important;
    top: -10px !important;
    height: 25px !important;
    border-radius: 50px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .12), 0 0 2px 0 rgba(0, 0, 0, .14);
    background-color: #fff !important;
    z-index: 2 !important
}

.ng5-slider {
    margin: 20px 0 !important
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb,
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #d7862f !important
}

.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
    background-color: rgba(241, 111, 16, .74) !important
}

mat-tab-header.mat-tab-header {
    border: none !important
}

.mat-tab-label-active .mat-tab-label-content {
    color: #d7862f !important
}

.mat-checkbox-frame {
    background-color: transparent;
    transition: border-color 90ms cubic-bezier(0, 0, .2, .1);
    border: 2px solid #d7862f !important
}

.mat-tab-label,
.mat-tab-label-content {
    color: #000 !important;
    opacity: 1 !important
}

.mat-tab-label {
    min-width: 140px !important
}

div.mat-tooltip {
    background-color: #eef7fc;
    border-radius: 0;
    padding: 8px;
    font-size: 12px;
    margin: 5px;
    color: #000;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .4)
}

mat-form-field.skyDropdn.currencyDropdown,
mat-form-field.skyDropdn.sortDropbox {
    width: auto !important;
    border: none !important
}

.search-form mat-form-field.skyDropdn.mat-focused .mat-select-arrow-wrapper {
    float: none !important
}

mat-form-field.skyDropdn.currencyDropdown .mat-select-value,
mat-form-field.skyDropdn.sortDropbox .mat-select-value {
    display: inline !important
}

.mat-select-content .mat-option:nth-child(20) {
    border-bottom: 2px dashed #d7862f;
    margin-bottom: 5px;
    height: 47px;
    padding-bottom: 5px
}

.at-expanding-share-button {
    z-index: 99 !important
}

@media (max-width: 991px) {
    app-search-form {
        padding: 120px 0;
        overflow: auto;
        height: 100%;
        display: block
    }
    .metaSearch .mat-form-field.currencyDropdown.skyDropdn .mat-form-field-infix {
        padding: 0;
        border: 0
    }
    .metaSearch .mat-form-field .curSelection.skyDropdn {
        width: auto
    }
    .metaSearch .mat-form-field.currencyDropdown.skyDropdn .mat-form-field-infix .mat-form-field-label-wrapper {
        display: none
    }
    .metaSearch .mat-form-field .curSelection.skyDropdn .mat-select-value .mat-select-value-text {
        width: 4.4ch;
        display: inline-flex;
        letter-spacing: 1px
    }
    .metaSearch .mat-form-field.currencyDropdown.skyDropdn .mat-select-arrow-wrapper {
        position: relative;
        top: 8px
    }
    .metaSearch .mat-form-field .curSelection .mat-select-value {
        font-size: 18px
    }
    .milesSection .mat-form-field-appearance-legacy .mat-form-field-wrapper {
        padding: 3px
    }
    .milesSection .ffpInput .skyDropdn {
        height: 44px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #form-airport .airport-div,
    #skyprinewform div.skypristatusform,
    .inputfields,
    .lounge-div.newforms-div,
    .metaSearch,
    .select-con {
        max-width: 600px;
        margin: 0 auto
    }
}

.skyShareBtn+bs-tooltip-container .tooltip-inner {
    background-color: #eef7fc;
    color: #0b1761;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    font-size: 14px;
    padding: 10px
}

.skyShareBtn+bs-tooltip-container.tooltip.bottom .tooltip-arrow.arrow {
    border-bottom-color: #eef7fc
}

.sharetooltipmob {
    text-align: right;
    padding: 10px 40px 10px 10px;
    color: #0b1761;
    cursor: pointer
}

.sharetooltipmob>bs-tooltip-container>.tooltip-inner {
    color: #0b1761;
    background: #fff;
    padding: 0;
    max-width: 300px
}

.sharetooltipmob>bs-tooltip-container.tooltip.bottom .tooltip-arrow.arrow {
    display: none
}

.sharetooltipmob>bs-tooltip-container.tooltip.bottom {
    background: #fff;
    border: 1px solid #adadad;
    margin: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    opacity: 1;
    left: inherit !important;
    right: 10px !important
}

.sharetooltipmob>bs-tooltip-container.tooltip.bottom .skyShareBtn {
    margin: 5px
}

i.icon-sort.sorticons:before {
    content: "\ea4c"
}

div#lounge_access .col-md-4 *,
div#lounge_access .col-md-4+.col-md-12 {
    text-align: left
}

.ffpInput,
.form-control,
.skypriAirlineDrp,
div.icon-exchange-arrows[_ngcontent-c1] {
    border: 1px solid rgba(11, 23, 97, .35);
    border-radius: 2px
}

.ffpInput .skyDropdn {
    width: 100%
}

.ffpInput,
.skypriAirlineDrp {
    margin-right: 20px
}

.ffpInput .form-group {
    margin-bottom: 0 !important
}

.mat-select-value,
.passenger-val {
    color: #0b1761
}

.passenger-val {
    padding-top: 15px
}

.newfromGrp .mat-select-value {
    max-width: 100% !important
}

.flightstatus .mat-form-field {
    width: 100%;
    border: 1px solid rgba(11, 23, 97, .35);
    height: auto;
    border-radius: 2px;
    min-height: 44px
}

.new_Form_btns.btn {
    min-height: 40px;
    height: auto;
    padding: 11px;
    border-radius: 2px
}

.inputdiv.passengers {
    padding: 13px 0
}

.skyDropdn .mat-select-arrow {
    margin: 0 15px
}

.skypristatusform {
    padding-bottom: 15px
}

.newflightform .form-control:focus {
    border: 1px solid #d7862f !important;
    border-right: 1px solid #d7862f
}

.form-control:focus .floating-label,
.newflightform .form-control:focus~.floating-label {
    color: #d7862f
}

@media only screen and (max-width: 767px) {
    .newfromGrp .inputdiv.passengers,
    .newfromGrp .mat-form-field {
        display: block;
        border: 1px solid rgba(11, 23, 97, .35);
        margin-bottom: 20px;
        height: 44px;
        border-radius: 2px
    }
    .inputdiv.passengers .float-label-control {
        margin-bottom: 0
    }
    .passenger-arrow {
        right: 20px
    }
    .flightstatus mat-form-field.skyDropdn .mat-form-field-infix {
        margin: 3px 5px 0 0 !important
    }
    div.icon-exchange-arrows {
        padding: 10px;
        top: 32px;
        border: 1px solid rgba(11, 23, 97, .35) !important
    }
    .newfromGrp mat-form-field.skyDropdn .mat-form-field-infix {
        margin: 0 8px 0 15px !important
    }
    .flightstatus input:focus~.floating-label,
    .flightstatus input:not(:focus):valid~.floating-label {
        top: -8px;
        left: 18px
    }
    .ffpInput .mat-form-field-type-mat-select .mat-form-field-label {
        padding-left: 0
    }
    .mobTransdet {
        margin: 20px 0 5px !important
    }
    .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper,
    .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper {
        transform: translateY(-1.3em) scale(.75);
        left: -46px;
        right: 30px;
        top: -19px
    }
    .flightstatus .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper {
        left: -38px
    }
    .flightstatus .mat-select-value {
        padding-left: 10px
    }
    .metaSearch .float-label-control.VALID .icon-cal~.floating-label {
        left: 6px !important
    }
    .bs-datepicker-head button.next,
    .bs-datepicker-head button.previous {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .flightstatus .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper {
        left: -75px;
        right: 30px;
        top: -15px
    }
    .ffpInput .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper {
        left: -76px;
        top: -18px
    }
    .ffpInput .mat-form-field-type-mat-select .mat-form-field-label {
        padding: 0
    }
}

.icon-information:before,
.icon-infromation:before {
    content: "\e80d"
}

.milesSection {
    margin-bottom: 5px
}

.view_policy.hidden-sm.hidden-xs {
    margin-bottom: 0
}

#flight-status-search-form .col-md-3 {
    padding: 0;
    margin-right: 20px;
    width: 18%
}

.form_Parent .form-control:focus {
    border: 1px solid #d7862f !important
}

.icon-reset::before {
    content: "\e930
 "

}

@media (min-width: 991px) {
    .bs-media-container {
        display: flex;
    }
    .skypriAirlineDrp {
        margin: 0 !important
    }
}

@media only screen and (max-width: 991px) {
    .form_Parent .mtcaptcha {
        max-height: 44px;
        margin: 10px auto !important;
        max-width: 275px !important
    }
    #flight-status-search-form .col-md-3 {
        width: auto;
        margin-right: 0
    }
}

.visually-hidden {
    display: none;
}

.descriptionText>p>span>em {
    color: #fff
}