.cdk-global-scrollblock {
    overflow-y: auto!important
}

@supports (position: sticky) {
    .sticky-bottom {
        position:sticky;
        bottom: 0;
        z-index: 1020
    }
}

*,*:before,*:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif;
    font-size: .9286rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000de;
    text-align: left;
    background-color: #f3f4f5
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: 600
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

pre,code,kbd,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #515559;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

select {
    word-wrap: normal
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid,.container-xl,.container-lg,.container-md,.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {
    background-color: #2539d5!important
}

.bg-secondary {
    background-color: #515559!important
}

a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {
    background-color: #393c3e!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #4d5ee0!important
}

a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {
    background-color: #2539d5!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #cc2e29!important
}

a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {
    background-color: #a22420!important
}

.bg-light {
    background-color: #f3f4f5!important
}

a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {
    background-color: #d7dbde!important
}

.bg-dark {
    background-color: #2d3033!important
}

a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {
    background-color: #151718!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dfe3e6!important
}

.border-top {
    border-top: 1px solid #dfe3e6!important
}

.border-right {
    border-right: 1px solid #dfe3e6!important
}

.border-bottom {
    border-bottom: 1px solid #dfe3e6!important
}

.border-left {
    border-left: 1px solid #dfe3e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #4d5ee0!important
}

.border-secondary {
    border-color: #515559!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #4d5ee0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #cc2e29!important
}

.border-light {
    border-color: #f3f4f5!important
}

.border-dark {
    border-color: #2d3033!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: 3px!important
}

.rounded-top {
    border-top-left-radius: 3px!important;
    border-top-right-radius: 3px!important
}

.rounded-right {
    border-top-right-radius: 3px!important;
    border-bottom-right-radius: 3px!important
}

.rounded-bottom {
    border-bottom-right-radius: 3px!important;
    border-bottom-left-radius: 3px!important
}

.rounded-left {
    border-top-left-radius: 3px!important;
    border-bottom-left-radius: 3px!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013!important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-n1 {
        margin: -.25rem!important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem!important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem!important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem!important
    }

    .m-sm-n2 {
        margin: -.5rem!important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem!important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.5rem!important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem!important
    }

    .m-sm-n3 {
        margin: -1rem!important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem!important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem!important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem!important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem!important
    }

    .m-sm-n4 {
        margin: -1.5rem!important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem!important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    .m-sm-n5 {
        margin: -3rem!important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem!important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem!important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem!important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-n1 {
        margin: -.25rem!important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem!important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem!important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem!important
    }

    .m-lg-n2 {
        margin: -.5rem!important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem!important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.5rem!important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem!important
    }

    .m-lg-n3 {
        margin: -1rem!important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem!important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem!important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem!important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem!important
    }

    .m-lg-n4 {
        margin: -1.5rem!important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem!important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    .m-lg-n5 {
        margin: -3rem!important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem!important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem!important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem!important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-n1 {
        margin: -.25rem!important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem!important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem!important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem!important
    }

    .m-xl-n2 {
        margin: -.5rem!important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem!important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.5rem!important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem!important
    }

    .m-xl-n3 {
        margin: -1rem!important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem!important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem!important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem!important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem!important
    }

    .m-xl-n4 {
        margin: -1.5rem!important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem!important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    .m-xl-n5 {
        margin: -3rem!important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem!important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem!important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem!important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

    .text-sm-right {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

    .text-md-right {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

    .text-lg-right {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }

    .text-xl-right {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: 200!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 500!important
}

.font-weight-bolder {
    font-weight: 600!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

a.text-primary:hover,a.text-primary:focus {
    color: #2134bf!important
}

.text-secondary {
    color: #515559!important
}

a.text-secondary:hover,a.text-secondary:focus {
    color: #2d2f31!important
}

.text-success {
    color: #28a745!important
}

a.text-success:hover,a.text-success:focus {
    color: #19692c!important
}

.text-info {
    color: #4d5ee0!important
}

a.text-info:hover,a.text-info:focus {
    color: #2134bf!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:hover,a.text-warning:focus {
    color: #ba8b00!important
}

.text-danger {
    color: #cc2e29!important
}

a.text-danger:hover,a.text-danger:focus {
    color: #8c201c!important
}

.text-light {
    color: #f3f4f5!important
}

a.text-light:hover,a.text-light:focus {
    color: #c9ced2!important
}

.text-dark {
    color: #2d3033!important
}

a.text-dark:hover,a.text-dark:focus {
    color: #090a0a!important
}

.text-body {
    color: #000000de!important
}

.text-muted {
    color: #515559!important
}

.text-black-50 {
    color: #00000080!important
}

.text-white-50 {
    color: #ffffff80!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    overflow-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

a:not([href]) {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.osi-drawer-container {
    background-color: #fff;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: flex;
    height: 100%;
    overflow: hidden
}

.osi-drawer-container[fullscreen] {
    inset: 0;
    position: absolute
}

.osi-drawer-container[fullscreen].osi-drawer-opened {
    overflow: hidden
}

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

.osi-drawer-container.invert {
    flex-direction: row-reverse
}

.osi-drawer-container.invert .osi-drawer.osi-drawer-end .osi-drawer-wrapper {
    flex-direction: row
}

.osi-drawer-container.invert .osi-drawer:not(.osi-drawer-end) .osi-drawer-wrapper {
    flex-direction: row-reverse
}

.osi-drawer-container.ng-animate-disabled .osi-drawer-backdrop,.osi-drawer-container.ng-animate-disabled .osi-drawer-content,.ng-animate-disabled .osi-drawer-container .osi-drawer-backdrop,.ng-animate-disabled .osi-drawer-container .osi-drawer-content,.osi-drawer-transition.osi-drawer-resize.osi-sidenav-container .osi-drawer-content,.osi-drawer-transition.osi-drawer-resize.osi-sidenav-container .osi-sidenav-content,.osi-drawer-transition.osi-drawer-resize.osi-drawer-container .osi-drawer-content,.osi-drawer-transition.osi-drawer-resize.osi-drawer-container .osi-sidenav-content {
    transition: none
}

.osi-drawer-backdrop {
    inset: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.osi-drawer-backdrop.osi-drawer-shown {
    visibility: visible;
    background-color: #00000080
}

.osi-drawer-transition .osi-drawer-backdrop {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.8,.25,1);
    transition-property: background-color,visibility
}

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

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

.osi-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto;
    flex: auto;
    order: 2;
    background: #ffffff
}

.osi-drawer-transition .osi-drawer-content {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.8,.25,1);
    transition-property: transform,margin-left,margin-right
}

.osi-drawer {
    position: relative;
    z-index: 4;
    background-color: #fff;
    flex: none;
    display: flex;
    flex-direction: row;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    height: 100%
}

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

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

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

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

.osi-drawer:not(.osi-drawer-end) {
    order: 1
}

.osi-drawer .osi-drawer-wrapper {
    display: flex
}

.osi-drawer.osi-drawer-end {
    order: 3
}

.osi-drawer.osi-drawer-end .osi-drawer-wrapper {
    flex-direction: row-reverse
}

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

.osi-drawer.osi-drawer-over {
    position: absolute;
    left: 0;
    box-shadow: 0 .5rem 1rem #0000002d
}

.osi-drawer.osi-drawer-over.osi-drawer-end {
    left: unset;
    right: 0
}

.osi-drawer-edge {
    flex: none;
    height: 100%;
    width: 3px;
    background-color: #0003;
    z-index: 5
}

.osi-drawer-edge:hover {
    background-color: #0006
}

.osi-drawer-edge.resizable {
    cursor: col-resize;
    position: relative;
    width: 6px
}

.osi-drawer-dialog {
    flex: auto;
    height: 100%;
    overflow: auto
}

.vertical.osi-drawer-container {
    flex-direction: column
}

.vertical.osi-drawer-container.invert {
    flex-direction: column-reverse
}

.vertical.osi-drawer-container.invert>.osi-drawer.osi-drawer-end>.osi-drawer-wrapper {
    flex-direction: column
}

.vertical.osi-drawer-container.invert>.osi-drawer:not(.osi-drawer-end)>.osi-drawer-wrapper {
    flex-direction: column-reverse
}

.vertical>.osi-drawer {
    flex-direction: column;
    width: 100%
}

.vertical>.osi-drawer>.osi-drawer-wrapper {
    flex-direction: column
}

.vertical>.osi-drawer.osi-drawer-end>.osi-drawer-wrapper {
    flex-direction: column-reverse
}

.vertical>.osi-drawer.osi-drawer-over {
    left: unset;
    right: unset;
    top: 0
}

.vertical>.osi-drawer.osi-drawer-over.osi-drawer-end {
    top: unset;
    left: unset;
    right: unset;
    bottom: 0
}

.vertical.osi-drawer-transition .osi-drawer-content {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.8,.25,1);
    transition-property: transform,margin-top,margin-bottom
}

.vertical>.osi-drawer>.osi-drawer-wrapper>.osi-drawer-dialog {
    flex-direction: column
}

.vertical>.osi-drawer>.osi-drawer-wrapper>.osi-drawer-edge {
    width: 100%;
    height: 3px;
    cursor: row-resize
}

.vertical>.osi-drawer>.osi-drawer-wrapper>.osi-drawer-edge.resizable {
    height: 6px
}

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

.osi-sidenav-fixed {
    position: fixed
}

.osi-drawer-hidden {
    display: none
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.osi-menu-panel {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 16px;
    line-height: 1.5;
    color: #000000de;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 3px;
    box-shadow: 0 .5rem 1rem #0000002d
}

.osi-menu-panel-left {
    right: auto;
    left: 0
}

.osi-menu-panel-right {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .osi-menu-panel-sm-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .osi-menu-panel-md-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .osi-menu-panel-lg-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .osi-menu-panel-xl-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .osi-menu-panel {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .osi-menu-panel {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .osi-menu-panel {
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #eaeced
}

.dropdown-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: .4rem 1rem;
    clear: both;
    font-weight: 400;
    color: #151719;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: #090a0b;
    text-decoration: none;
    background-color: #4d5ee00a
}

.dropdown-item.active,.dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: #4d5ee00a
}

.dropdown-item.focus,.dropdown-item:focus {
    outline: 0
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #00000080;
    pointer-events: none;
    background-color: transparent
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .812525rem;
    color: #515559;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .4rem 1rem;
    color: #151719
}

.osi-button .mat-icon[svgIcon=menu-up]:last-child,.osi-button .mat-icon[svgIcon=menu-down]:last-child,.osi-button .mat-icon[svgIcon=menu-left]:last-child,.osi-button .mat-icon[svgIcon=menu-right]:last-child {
    margin-right: -.25rem
}

.osi-button .mat-icon[svgIcon=menu-up]:first-child,.osi-button .mat-icon[svgIcon=menu-down]:first-child,.osi-button .mat-icon[svgIcon=menu-left]:first-child,.osi-button .mat-icon[svgIcon=menu-right]:first-child {
    margin-left: -.25rem
}

.osi-header-cell .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 36px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 6px
}

.osi-header-cell .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

.osi-header-cell .mat-mdc-icon-button {
    zoom:.8;margin-right: .25em
}

.osi-table-header-filter {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    position: absolute!important
}

.osi-form-field-label-wrapper {
    display: none
}

.form-control[osiInput] {
    display: block;
    width: 100%;
    height: auto;
    padding: .4rem .45rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #393d40;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2d6d9;
    border-radius: 3px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control[osiInput] {
        transition: none
    }
}

.form-control[osiInput]::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[osiInput]:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #393d40
}

.form-control[osiInput]:focus {
    color: #393d40;
    background-color: #fff;
    border-color: #bac0f3;
    outline: 0;
    box-shadow: inset 0 1px 1px #00000013,0 0 0 .2rem #4d5ee040
}

.form-control[osiInput]::placeholder {
    color: #515559;
    opacity: 1
}

.form-control[osiInput]:disabled,.form-control[osiInput][readonly] {
    background-color: #eaeced;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #393d40;
    background-color: #fff
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.4rem + 1px);
    padding-bottom: calc(.4rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.16075rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .812525rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .4rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000de;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .812525rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.16075rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size],select.form-control[multiple],textarea.form-control {
    height: auto
}

.form-group {
    display: block;
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .1rem;
    margin-left: -1.25rem
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
    color: #515559
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .812525rem;
    line-height: 1.5;
    color: #fff;
    background-color: #28a745e6;
    border-radius: 3px
}

.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .8rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .2rem) center;
    background-size: calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .8rem);
    background-position: top calc(.375em + .2rem) right calc(.375em + .2rem)
}

.was-validated .custom-select:valid,.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.05rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d3033' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .45rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.45rem/calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label:before,.custom-control-input.is-valid~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-control-input:valid:checked~.custom-control-label:before,.custom-control-input.is-valid:checked~.custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label:before,.custom-control-input.is-valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #cc2e29
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .812525rem;
    line-height: 1.5;
    color: #fff;
    background-color: #cc2e29e6;
    border-radius: 3px
}

.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #cc2e29;
    padding-right: calc(1.5em + .8rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23cc2e29' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cc2e29' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .2rem) center;
    background-size: calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
    border-color: #cc2e29;
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .8rem);
    background-position: top calc(.375em + .2rem) right calc(.375em + .2rem)
}

.was-validated .custom-select:invalid,.custom-select.is-invalid {
    border-color: #cc2e29;
    padding-right: calc(.75em + 2.05rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d3033' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .45rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23cc2e29' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cc2e29' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.45rem/calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus {
    border-color: #cc2e29;
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: #cc2e29
}

.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label {
    color: #cc2e29
}

.was-validated .custom-control-input:invalid~.custom-control-label:before,.custom-control-input.is-invalid~.custom-control-label:before {
    border-color: #cc2e29
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label:before,.custom-control-input.is-invalid:checked~.custom-control-label:before {
    border-color: #db514d;
    background-color: #db514d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label:before,.custom-control-input.is-invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #cc2e29
}

.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label {
    border-color: #cc2e29
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #cc2e29;
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.form-group.form-inline,.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-group.form-inline .form-check,.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-group.form-inline label,.form-inline label {
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-group.form-inline .form-group,.form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-group.form-inline .form-control,.form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-group.form-inline .form-control-plaintext,.form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-group.form-inline .input-group,.form-group.form-inline .custom-select,.form-inline .input-group,.form-inline .custom-select {
        width: auto
    }

    .form-group.form-inline .form-check,.form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-group.form-inline .form-check-input,.form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-group.form-inline .custom-control,.form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-group.form-inline .custom-control-label,.form-inline .custom-control-label {
        margin-bottom: 0
    }
}

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

textarea.osi-textarea-autosize-measuring {
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: auto!important;
    overflow: hidden!important
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    background-color: none;
    border-radius: 3px
}

.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file {
    position: relative;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file {
    margin-left: -1px
}

.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.form-control:not(:last-child),.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group.error-state .form-control[osiInput],.input-group.error-state .osi-select-trigger {
    border-color: #cc2e29
}

.input-group.error-state .osi-select-trigger {
    border-right: 0
}

.input-group.error-state .osi-select-trigger:not(:hover) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .input-group-prepend,.input-group .input-group-append {
    display: flex
}

.input-group .input-group-prepend .osi-button,.input-group .input-group-append .osi-button {
    position: relative;
    z-index: 2
}

.input-group .input-group-prepend .osi-button:focus,.input-group .input-group-append .osi-button:focus {
    z-index: 3
}

.input-group .input-group-prepend .osi-button+.osi-button,.input-group .input-group-prepend .osi-button+.input-group-text,.input-group .input-group-prepend .osi-button+.error-state-indicator,.input-group .input-group-prepend .input-group-text+.input-group-text,.input-group .input-group-prepend .input-group-text+.osi-button,.input-group .input-group-prepend .error-state-indicator+.osi-button,.input-group .input-group-append .osi-button+.osi-button,.input-group .input-group-append .osi-button+.input-group-text,.input-group .input-group-append .osi-button+.error-state-indicator,.input-group .input-group-append .input-group-text+.input-group-text,.input-group .input-group-append .input-group-text+.osi-button,.input-group .input-group-append .error-state-indicator+.osi-button {
    margin-left: -1px
}

.input-group .input-group-prepend .osi-button.clear-button,.input-group .input-group-prepend .osi-button.clear-button:hover,.input-group .input-group-prepend .osi-button.clear-button:focus,.input-group .input-group-prepend .osi-button.clear-button:active,.input-group .input-group-append .osi-button.clear-button,.input-group .input-group-append .osi-button.clear-button:hover,.input-group .input-group-append .osi-button.clear-button:focus,.input-group .input-group-append .osi-button.clear-button:active {
    border: 1px solid #d2d6d9;
    border-left-color: transparent;
    color: #393d40;
    background-color: #fff
}

.input-group .input-group-prepend .osi-button.clear-button:not(:last-child),.input-group .input-group-prepend .osi-button.clear-button:hover:not(:last-child),.input-group .input-group-prepend .osi-button.clear-button:focus:not(:last-child),.input-group .input-group-prepend .osi-button.clear-button:active:not(:last-child),.input-group .input-group-append .osi-button.clear-button:not(:last-child),.input-group .input-group-append .osi-button.clear-button:hover:not(:last-child),.input-group .input-group-append .osi-button.clear-button:focus:not(:last-child),.input-group .input-group-append .osi-button.clear-button:active:not(:last-child) {
    border-right-color: transparent
}

.input-group .input-group-prepend .osi-button.clear-button+.error-state-indicator,.input-group .input-group-prepend .osi-button.clear-button:hover+.error-state-indicator,.input-group .input-group-prepend .osi-button.clear-button:focus+.error-state-indicator,.input-group .input-group-prepend .osi-button.clear-button:active+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button:hover+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button:focus+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button:active+.error-state-indicator {
    padding-left: 0
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px;
    border-right-color: #cc2e29
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus:hover+.input-group-append,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus):hover+.input-group-append {
    opacity: .5
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append {
    position: absolute;
    right: 1rem;
    bottom: 0;
    z-index: 4
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append:hover,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append:hover {
    opacity: 1
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append>*,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append>* {
    border: none
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append>*:last-child,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append>*:last-child {
    padding-right: .225rem
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .4rem .45rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #393d40;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #d2d6d9;
    border-radius: 3px
}

.input-group-text input[type=radio],.input-group-text input[type=checkbox] {
    margin-top: 0
}

.error-state .input-group-text {
    border-color: #cc2e29
}

.input-group>.input-group-prepend>.input-group-text {
    border-right: transparent
}

.input-group>.input-group-prepend>.input-group-text:not(:first-of-type) {
    border-left: transparent;
    padding-left: 0
}

.input-group>.input-group-append>.input-group-text {
    border-left: transparent
}

.input-group>.input-group-append>.input-group-text:not(:last-of-type) {
    border-right: transparent;
    padding-right: 0
}

.input-group>.osi-input-element:not(:first-child):not(:focus) {
    border-left-color: transparent
}

.input-group>.osi-input-element:not(:last-child):not(:focus) {
    border-right-color: transparent
}

.input-group.error-state>.osi-input-element:not(:first-child):focus {
    border-left-color: transparent
}

.input-group.error-state>.osi-input-element:not(:last-child):focus {
    border-right-color: transparent
}

.error-state.input-group .input-group-append .osi-button.clear-button {
    border-top-color: #cc2e29;
    border-bottom-color: #cc2e29
}

.error-state-popover osi-error {
    white-space: normal
}

osi-form-field .error-state-indicator {
    display: inline-block;
    border: 1px solid #cc2e29;
    border-left-color: transparent;
    background-color: transparent;
    color: #cc2e29;
    cursor: default;
    text-align: center;
    vertical-align: baseline;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    padding: .4rem .45rem;
    font-size: 1rem
}

osi-form-field .error-state-indicator:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

osi-form-field .error-state-indicator:not(:last-child) {
    border-right-color: transparent
}

osi-form-field .error-state-indicator+.input-group-text {
    padding-left: 0
}

.error-popover-container {
    display: flex;
    flex-direction: column
}

.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.osi-button,.input-group-lg>.input-group-append>.osi-button {
    padding: .5rem 1rem;
    font-size: 1.16075rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.osi-button,.input-group-sm>.input-group-append>.osi-button {
    padding: .25rem .5rem;
    font-size: .812525rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,.input-group-sm>.custom-select {
    padding-right: 1.45rem
}

.input-group>.input-group-prepend>.osi-button,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-append:not(:last-child)>.osi-button,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.osi-button:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.osi-button,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.osi-button,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.osi-button:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #000000de;
    text-align: inherit
}

.list-group-item-action:hover,.list-group-item-action:focus {
    z-index: 1;
    color: #000000de;
    text-decoration: none;
    background-color: #4d5ee00a
}

.list-group-item-action:active {
    color: #000000de;
    background-color: #eaeced
}

.list-group-item {
    position: relative;
    padding: .2rem .45rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: auto
}

.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #515559;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active,.list-group-item:active {
    z-index: 2;
    color: inherit;
    background-color: #4d5ee00a;
    border-color: #4d5ee00a
}

.list-group-item.focus,.list-group-item:focus {
    outline: 0
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal .list-group-item:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0
}

.list-group-horizontal .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal .list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal .list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush .list-group-item {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:first-child {
    border-top-width: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom-width: 0
}

.flush {
    margin: -.5rem
}

.list-group-item-primary {
    color: #283174;
    background-color: #cdd2f6
}

.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus {
    color: #283174;
    background-color: #b7bff2
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #283174;
    border-color: #283174
}

.list-group-item-secondary {
    color: #2a2c2e;
    background-color: #cecfd1
}

.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus {
    color: #2a2c2e;
    background-color: #c1c2c5
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #2a2c2e;
    border-color: #2a2c2e
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #283174;
    background-color: #cdd2f6
}

.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus {
    color: #283174;
    background-color: #b7bff2
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #283174;
    border-color: #283174
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #6a1815;
    background-color: #f1c4c3
}

.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus {
    color: #6a1815;
    background-color: #ecb0ae
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #6a1815;
    border-color: #6a1815
}

.list-group-item-light {
    color: #7e7f7f;
    background-color: #fcfcfc
}

.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus {
    color: #7e7f7f;
    background-color: #efefef
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #7e7f7f;
    border-color: #7e7f7f
}

.list-group-item-dark {
    color: #17191b;
    background-color: #c4c5c6
}

.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus {
    color: #17191b;
    background-color: #b7b8b9
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #17191b;
    border-color: #17191b
}

img.osi-list-avatar {
    height: 42px;
    width: 42px;
    margin-right: .5rem
}

.osi-list-text {
    flex: auto;
    line-height: 1.25;
    padding: .375rem .55rem;
    border: solid 1px transparent
}

.list-group .osi-button,.osi-table .osi-button {
    border-color: transparent!important
}

.osi-paginator {
    display: block;
    border-top: 1px solid #d2d6d9
}

.osi-paginator .mat-mdc-form-field-infix {
    min-height: 40px;
    padding: 8px 0!important
}

.osi-paginator-outer-container {
    display: flex
}

.osi-paginator-container {
    display: flex;
    align-items: center;
    padding-left: .5rem;
    width: 100%;
    background-color: #f3f4f5
}

.osi-paginator-page-size {
    display: flex;
    align-items: baseline;
    margin-right: 1em
}

[dir=rtl] .osi-paginator-page-size {
    margin-right: 0;
    margin-left: 1em
}

.osi-paginator-page-size-label {
    margin: 0 4px;
    font-size: 14px
}

.osi-paginator-page-size-select {
    margin: 6px 4px 0;
    width: 56px
}

.osi-paginator-page-size-select.osi-form-field-appearance-outline,.osi-paginator-page-size-select.osi-form-field-appearance-fill {
    width: 64px
}

.osi-paginator-range-label {
    margin: 0 4px;
    font-size: 14px
}

.osi-paginator-icon {
    fill: currentColor
}

[dir=rtl] .osi-paginator-icon {
    transform: rotate(180deg)
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #4d5ee0;
    background-color: #fff;
    border: 1px solid #dfe3e6
}

.page-link:hover {
    z-index: 2;
    color: #2134bf;
    text-decoration: none;
    background-color: #eaeced;
    border-color: #dfe3e6
}

.page-link:focus {
    z-index: auto;
    outline: 0;
    box-shadow: 0 0 0 .2rem #4d5ee040
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.page-item.active .page-link {
    z-index: auto;
    color: #fff;
    background-color: #4d5ee0;
    border-color: #4d5ee0
}

.page-item.disabled .page-link {
    color: #515559;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dfe3e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.16075rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .812525rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.osi-popover-panel {
    z-index: 1000;
    transition: opacity .5s
}

.osi-popover-panel.muted {
    opacity: .35;
    z-index: 999
}

.popover-container {
    display: block;
    position: relative
}

.osi-popover {
    border: none;
    background-color: #000;
    color: #fff;
    border-radius: 2px;
    margin: 7px;
    max-width: 250px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto,Noto Sans,Helvetica Neue,sans-serif;
    font-size: .75rem;
    font-weight: 600;
    padding-top: .375rem;
    padding-bottom: .375rem;
    box-shadow: 0 .5rem 1rem #0000002d
}

.cdk-high-contrast-active .osi-popover {
    outline: solid 1px
}

.cdk-high-contrast-active :host .osi-popover {
    outline: solid 1px
}

.osi-popover.osi-popover-align-corner {
    margin-left: 0;
    margin-right: 0
}

.osi-popover.osi-popover-verbose {
    max-width: 100%;
    word-break: break-all;
    text-overflow: initial;
    white-space: initial
}

.osi-popover.osi-popover-compact {
    padding: .125rem .25rem;
    line-height: 1rem
}

osi-table {
    display: block
}

osi-row,osi-header-row,osi-footer-row {
    display: flex;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    align-items: center;
    box-sizing: border-box
}

osi-row:after,osi-header-row:after,osi-footer-row:after {
    display: inline-block;
    min-height: inherit;
    content: ""
}

osi-cell,osi-header-cell,osi-footer-cell {
    flex: 1;
    display: flex;
    align-items: center;
    word-wrap: break-word;
    min-height: inherit;
    position: relative;
    padding: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

osi-cell.align-right,osi-header-cell.align-right,osi-footer-cell.align-right {
    flex-direction: row-reverse
}

osi-cell.align-right .osi-sort-header-container,osi-header-cell.align-right .osi-sort-header-container,osi-footer-cell.align-right .osi-sort-header-container {
    flex-direction: row-reverse
}

.table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1rem;
    color: #000000de;
    background-color: #fff
}

.table th,.table td {
    padding: .5rem;
    vertical-align: top;
    border-bottom: 1px solid #d2d6d9;
    background-clip: padding-box
}

.table thead th {
    vertical-align: bottom;
    border: 0;
    border-bottom: 1px solid #d2d6d9;
    pointer-events: none
}

.table tr {
    background-color: #fff
}

.table-sm th,.table-sm td {
    padding: .3rem
}

.table-bordered,.table-bordered th,.table-bordered td {
    border: 1px solid #d2d6d9
}

.table-bordered thead th,.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    color: #000000de;
    background-color: #4d5ee00a
}

.table-primary,.table-primary>th,.table-primary>td {
    background-color: #cdd2f6
}

.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody {
    border-color: #a2abef
}

.table-hover .table-primary:hover {
    background-color: #b7bff2
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #b7bff2
}

.table-secondary,.table-secondary>th,.table-secondary>td {
    background-color: #cecfd1
}

.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody {
    border-color: #a5a7a9
}

.table-hover .table-secondary:hover {
    background-color: #c1c2c5
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c1c2c5
}

.table-success,.table-success>th,.table-success>td {
    background-color: #c3e6cb
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,.table-info>th,.table-info>td {
    background-color: #cdd2f6
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody {
    border-color: #a2abef
}

.table-hover .table-info:hover {
    background-color: #b7bff2
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #b7bff2
}

.table-warning,.table-warning>th,.table-warning>td {
    background-color: #ffeeba
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,.table-danger>th,.table-danger>td {
    background-color: #f1c4c3
}

.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody {
    border-color: #e49290
}

.table-hover .table-danger:hover {
    background-color: #ecb0ae
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #ecb0ae
}

.table-light,.table-light>th,.table-light>td {
    background-color: #fcfcfc
}

.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody {
    border-color: #f9f9fa
}

.table-hover .table-light:hover {
    background-color: #efefef
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #efefef
}

.table-dark,.table-dark>th,.table-dark>td {
    background-color: #c4c5c6
}

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody {
    border-color: #929395
}

.table-hover .table-dark:hover {
    background-color: #b7b8b9
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b7b8b9
}

.table-active,.table-active>th,.table-active>td {
    background-color: #4d5ee00a
}

.table-hover .table-active:hover {
    background-color: #374adc0a
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: #374adc0a
}

.table th {
    color: #363d42;
    background-color: #f3f4f5;
    border-color: #d2d6d9
}

.table th,.table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.table th.osi-header-cell {
    position: relative
}

.osi-header-resize {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .25rem;
    transform: translate(50%)
}

.osi-header-resize.osi-header-resize-handle {
    cursor: col-resize;
    pointer-events: auto
}

.osi-filterable-button {
    top: 50%;
    transform: translateY(-50%);
    display: inline;
    position: absolute;
    background: inherit;
    pointer-events: auto
}

.osi-filterable-button.filter-with-resize {
    right: 0rem
}

.osi-filterable-button.filter-without-resize {
    right: 0
}

th.text-right>.osi-filterable-button {
    right: unset;
    left: 0
}

.osi-table-sticky {
    background-color: inherit;
    background-clip: padding-box
}

th.osi-header-cell:not(:nth-last-child(-n+2)):after,.osi-header-cell-resizeable:after {
    position: absolute;
    right: 0;
    top: 25%;
    bottom: 25%;
    background-color: #d2d6d9;
    content: "";
    width: .125rem
}

osi-text-filter.osi-filter.osi-menu-panel {
    padding: .5rem
}

osi-checkbox-filter.osi-filter.osi-menu-panel {
    padding: 0
}

.pe-auto {
    pointer-events: auto!important
}

.cursor-pointer {
    cursor: pointer!important
}

.ocs-container {
    position: fixed;
    left: 0;
    top: 64px;
    height: calc(100% - 64px);
    overflow: hidden;
    display: inline-block;
    width: 100%;
    background: #ffffff
}

.ocs-container-full {
    top: 0;
    width: 100%;
    height: 100%
}

.ocs-page {
    height: 100%
}

.ocs-content {
    padding: 0;
    height: 100%;
    width: 100%
}

.ocs-management-container {
    width: 100%;
    height: 100%
}

.ocs-scroller {
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.ocs-form-scroller {
    overflow-y: auto;
    height: 100%
}

.ocs-form-container,.ocs-query-form-container {
    width: 100%;
    padding: 10px;
    align-items: stretch;
    align-content: stretch;
    display: flex;
    flex-flow: row wrap
}

.ocs-form-container li,.ocs-query-form-container li {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 0
}

.ocs-query-form-container {
    background: #ffffff;
    border-bottom: 5px solid #beccd6
}

.ocs-details-container {
    padding: 10px 0;
    background-color: #fff;
    margin-bottom: 15px;
    position: relative
}

.ocs-details-container li {
    list-style: none;
    margin: 0 0 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0!important
}

.ocs-details-container li label {
    margin: 0 10px;
    width: 150px;
    display: inline-block;
    text-align: right;
    border-right: 1px solid #beccd6;
    padding: 5px 10px
}

.ocs-details-container-title {
    color: #000000de;
    margin: 0 0 10px 5px;
    display: inline-block;
    font-size: 16px
}

.ocs-home {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    padding: 0
}

.ocs-home-link {
    margin: 0 0 10px 15px;
    font-weight: 700
}

.ocs-home-link>a>mat-icon {
    margin-right: 15px
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper {
        display:table;
        height: 100%;
        width: 100%;
        background: #f3f4f5
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel {
    padding: 20px;
    opacity: .9
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel {
        display:table-cell;
        width: 50%;
        height: 100%;
        float: none
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-right {
    border-left: 1px solid #ffffff
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-right {
        padding-left:10px!important
    }
}

@media (max-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-right {
        padding-top:0!important
    }
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-left {
        padding-right:10px!important
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel>div {
    height: 100%;
    padding: 20px;
    max-width: 1000px
}

.ocs-home-panel-wrapper>.ocs-home-panel>div>h1 {
    font-size: 24px;
    font-weight: 400;
    color: #151719;
    margin: -20px -20px 0;
    padding: 20px;
    height: 80px;
    white-space: nowrap
}

@media (max-width: 600px) {
    .ocs-home-panel-wrapper>.ocs-home-panel>div>h1 {
        font-size:20px!important;
        margin: -20px -20px 0 -40px!important
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel>div>h1 mat-icon {
    margin-right: 10px
}

.ocs-home-panel-wrapper>.ocs-home-panel h2 {
    font-size: 18px;
    font-weight: 700;
    color: #151719
}

.ocs-home-panel-wrapper>.ocs-home-panel .ocs-home-no-link {
    margin: 0 0 10px 15px;
    font-weight: 700
}

.ocs-home-panel-wrapper>.ocs-home-panel .ocs-home-no-link>i {
    color: #d2d6d9
}

.ocs-home-panel-wrapper>.ocs-home-panel .ocs-home-no-link>mat-icon {
    margin-right: 15px
}

a,a:hover,a:focus {
    color: #4d5ee0;
    text-decoration: none
}

.ocs-field-warning {
    color: #8f2727
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-content {
    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;
    background-color: var(--mat-badge-background-color);
    color: var(--mat-badge-text-color);
    font-family: Roboto,sans-serif;
    font-family: var(--mat-badge-text-font, Roboto, sans-serif);
    font-size: 12px;
    font-size: var(--mat-badge-text-size, 12px);
    font-weight: 600;
    font-weight: var(--mat-badge-text-weight, 600)
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-disabled .mat-badge-content {
    background-color: var(--mat-badge-disabled-state-background-color);
    color: var(--mat-badge-disabled-state-text-color)
}

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

.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable {
    transition: none
}

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

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 9px;
    font-size: var(--mat-badge-small-size-text-size, 9px)
}

.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;
    font-size: 24px;
    font-size: var(--mat-badge-large-size-text-size, 24px)
}

.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
}

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

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

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

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

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

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

.cdk-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;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    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;
    inset: 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
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

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

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.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
}

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

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

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

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,.mat-typography .mat-h5,.mat-typography h5 {
    font: 400 11.62px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-h6,.mat-typography .mat-h6,.mat-typography h6 {
    font: 400 9.38px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0071428571em
}

.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p {
    margin: 0 0 12px
}

.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0333333333em
}

.mat-headline-1,.mat-typography .mat-headline-1 {
    font-size: 96px;
    font-weight: 300;
    line-height: 96px;
    font-family: Roboto,sans-serif;
    letter-spacing: -.015625em;
    margin: 0 0 56px
}

.mat-headline-2,.mat-typography .mat-headline-2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    font-family: Roboto,sans-serif;
    letter-spacing: -.0083333333em;
    margin: 0 0 64px
}

.mat-headline-3,.mat-typography .mat-headline-3 {
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,.mat-typography .mat-headline-4 {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0073529412em;
    margin: 0 0 64px
}

.mat-ripple-element {
    background-color: #0000001a
}

html {
    --mat-option-selected-state-label-text-color: #4d5ee0;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-accent {
    --mat-option-selected-state-label-text-color: #4d5ee0
}

.mat-warn {
    --mat-option-selected-state-label-text-color: #f44336
}

html {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
}

.mat-pseudo-checkbox-full {
    color: #0000008a
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #f44336
}

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

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #b0b0b0
}

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

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

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

html {
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: normal;
    --mat-option-label-text-weight: normal
}

html {
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: normal;
    --mat-optgroup-label-text-weight: normal
}

html {
    --mat-autocomplete-background-color: white
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-dialog-container {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: normal;
    --mdc-dialog-supporting-text-tracking: normal
}

html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: white
}

html {
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: normal;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: normal
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
    --mat-snack-bar-button-color: #e8e8fb
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary,.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #4d5ee0
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary,.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #4d5ee0;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #4d5ee0;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary,.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #4d5ee0
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-button,.mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #4d5ee0;
    --mat-mdc-button-ripple-color: rgba(77, 94, 224, .1)
}

.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-raised-button,.mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base {
    height: 36px
}

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-fab,.mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(0, 0, 0, .12);
    --mdc-fab-icon-color: rgba(0, 0, 0, .38);
    --mat-mdc-fab-color: rgba(0, 0, 0, .38)
}

.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: white;
    --mdc-fab-icon-color: black;
    --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #4d5ee0;
    --mdc-fab-icon-color: white;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mdc-fab-icon-color: white;
    --mat-mdc-fab-color: #fff
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-extended-fab {
    --mdc-extended-fab-label-text-font: Roboto, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: .0892857143em;
    --mdc-extended-fab-label-text-weight: 500
}

.mat-mdc-icon-button {
    --mdc-icon-button-icon-color: inherit;
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #6200ee;
    --mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #018786;
    --mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #b00020;
    --mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)
}

.mat-mdc-icon-button.mat-primary,.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #4d5ee0;
    --mat-mdc-button-persistent-ripple-color: #4d5ee0;
    --mat-mdc-button-ripple-color: rgba(77, 94, 224, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336;
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-background-color: white;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-standard-button-toggle-disabled-state-background-color: white;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: #e0e0e0
}

html {
    --mat-standard-button-toggle-height: 36px
}

html {
    --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
    --mat-standard-button-toggle-text-font: Roboto, sans-serif
}

html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
    --mat-paginator-container-size: 56px
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: .0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px
}

.mat-mdc-card {
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}

.mat-mdc-card {
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: .0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: .0071428571em;
    --mat-card-subtitle-text-weight: 500
}

html {
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: .0178571429em;
    --mat-expansion-container-text-weight: 400
}

html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mdc-list-item__start,.mdc-list-item__end,.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0
}

.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-list-option,.mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #4d5ee0
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

.mat-mdc-list-base {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: normal;
    --mdc-list-list-item-label-text-weight: normal;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em
}

html {
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, .12);
    --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent
}

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html {
    --mat-stepper-header-height: 60px
}

html {
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: normal
}

.mat-mdc-tab-group,.mat-mdc-tab-nav-bar,.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #4d5ee0;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #4d5ee0;
    --mat-tab-header-active-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #4d5ee0;
    --mat-tab-header-active-hover-label-text-color: #4d5ee0;
    --mat-tab-header-active-focus-indicator-color: #4d5ee0;
    --mat-tab-header-active-hover-indicator-color: #4d5ee0
}

.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary,.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #4d5ee0;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 36px
}

.mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Roboto, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: .0892857143em;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 500
}

html {
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary,.mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #4d5ee0;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

html {
    --mat-toolbar-standard-height: 52px;
    --mat-toolbar-mobile-height: 44px
}

html {
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: .0125em;
    --mat-toolbar-title-text-weight: 500
}

html {
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
}

html {
    --mat-table-header-container-height: 44px;
    --mat-table-footer-container-height: 40px;
    --mat-table-row-item-container-height: 40px
}

html {
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: .0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: .0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: .0178571429em
}

html,.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    color: #00000061
}

html {
    --mdc-checkbox-state-layer-size: 36px
}

.mat-mdc-checkbox .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-standard-chip {
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #4d5ee0;
    --mdc-chip-elevated-disabled-container-color: #4d5ee0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 28px
}

.mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Roboto, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: .0178571429em;
    --mdc-chip-label-text-weight: 400
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #4d5ee0;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(77, 94, 224, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-toggle-active-state-icon-color: #e8e8fb;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(77, 94, 224, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #4d5ee0;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(77, 94, 224, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(77, 94, 224, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #e8e8fb
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

html {
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400
}

html {
    --mdc-filled-text-field-caret-color: #4d5ee0;
    --mdc-filled-text-field-focus-active-indicator-color: #4d5ee0;
    --mdc-filled-text-field-focus-label-text-color: rgba(77, 94, 224, .87);
    --mdc-filled-text-field-container-color: whitesmoke;
    --mdc-filled-text-field-disabled-container-color: #fafafa;
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
    --mdc-outlined-text-field-caret-color: #4d5ee0;
    --mdc-outlined-text-field-focus-outline-color: #4d5ee0;
    --mdc-outlined-text-field-focus-label-text-color: rgba(77, 94, 224, .87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336;
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-subscript-text-font);
    line-height: var(--mat-form-field-subscript-text-line-height);
    font-size: var(--mat-form-field-subscript-text-size);
    letter-spacing: var(--mat-form-field-subscript-text-tracking);
    font-weight: var(--mat-form-field-subscript-text-weight)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #000000de
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #0000008a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #4d5ee0de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #4d5ee0de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #f44336de
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after {
    color: #00000061
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #4d5ee0;
    --mdc-filled-text-field-focus-active-indicator-color: #4d5ee0;
    --mdc-filled-text-field-focus-label-text-color: rgba(77, 94, 224, .87);
    --mdc-outlined-text-field-caret-color: #4d5ee0;
    --mdc-outlined-text-field-focus-outline-color: #4d5ee0;
    --mdc-outlined-text-field-focus-label-text-color: rgba(77, 94, 224, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid transparent
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid transparent
}

.mat-mdc-form-field-infix {
    min-height: 52px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 26px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -32.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 14px;
    padding-bottom: 14px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 22px;
    padding-bottom: 6px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 14px;
    padding-bottom: 14px
}

html {
    --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: normal;
    --mdc-filled-text-field-label-text-weight: normal;
    --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: normal;
    --mdc-outlined-text-field-label-text-weight: normal;
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: normal;
    --mat-form-field-container-text-weight: normal;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: .0333333333em;
    --mat-form-field-subscript-text-weight: 400
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary,.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #4d5ee0;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button .mdc-radio {
    --mdc-radio-state-layer-size: 36px
}

.mat-mdc-radio-button .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

html,html .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(77, 94, 224, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: normal;
    --mat-select-trigger-text-weight: normal
}

.mat-mdc-slide-toggle {
    --mdc-switch-selected-focus-state-layer-color: #1b38cd;
    --mdc-switch-selected-handle-color: #1b38cd;
    --mdc-switch-selected-hover-state-layer-color: #1b38cd;
    --mdc-switch-selected-pressed-state-layer-color: #1b38cd;
    --mdc-switch-selected-focus-handle-color: #00039e;
    --mdc-switch-selected-hover-handle-color: #00039e;
    --mdc-switch-selected-pressed-handle-color: #00039e;
    --mdc-switch-selected-focus-track-color: #707ce6;
    --mdc-switch-selected-hover-track-color: #707ce6;
    --mdc-switch-selected-pressed-track-color: #707ce6;
    --mdc-switch-selected-track-color: #707ce6;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-handle-shadow-color: black;
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #00000061
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #1b38cd;
    --mdc-switch-selected-handle-color: #1b38cd;
    --mdc-switch-selected-hover-state-layer-color: #1b38cd;
    --mdc-switch-selected-pressed-state-layer-color: #1b38cd;
    --mdc-switch-selected-focus-handle-color: #00039e;
    --mdc-switch-selected-hover-handle-color: #00039e;
    --mdc-switch-selected-pressed-handle-color: #00039e;
    --mdc-switch-selected-focus-track-color: #707ce6;
    --mdc-switch-selected-hover-track-color: #707ce6;
    --mdc-switch-selected-pressed-track-color: #707ce6;
    --mdc-switch-selected-track-color: #707ce6
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 44px
}

.mat-mdc-slide-toggle {
    --mat-slide-toggle-label-text-font: Roboto, sans-serif;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: .0178571429em;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-weight: 400
}

.mat-mdc-slide-toggle .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .875rem;
    font-size: var(--mdc-typography-body2-font-size, .875rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: .0178571429em;
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-body2-text-transform, inherit)
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

.mat-mdc-slider.mat-primary,.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #4d5ee0;
    --mdc-slider-focus-handle-color: #4d5ee0;
    --mdc-slider-hover-handle-color: #4d5ee0;
    --mdc-slider-active-track-color: #4d5ee0;
    --mdc-slider-inactive-track-color: #4d5ee0;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #4d5ee0;
    --mat-mdc-slider-ripple-color: #4d5ee0;
    --mat-mdc-slider-hover-ripple-color: rgba(77, 94, 224, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(77, 94, 224, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mat-mdc-slider-ripple-color: #f44336;
    --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
}

.mat-mdc-slider {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

html {
    --mat-badge-background-color: #4d5ee0;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

.mat-badge-accent {
    --mat-badge-background-color: #4d5ee0;
    --mat-badge-text-color: white
}

.mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-large-size-text-size: 24px
}

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

.mat-mdc-progress-spinner,.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #4d5ee0
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #4d5ee0;
    --mdc-linear-progress-track-color: rgba(77, 94, 224, .25)
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

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

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

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #4d5ee0;
    --mdc-linear-progress-track-color: rgba(77, 94, 224, .25)
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

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

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

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, .25)
}

@keyframes mdc-linear-progress-buffering {
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

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

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

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

.mat-mdc-button,.mat-mdc-outlined-button,.mat-mdc-unelevated-button {
    min-width: unset!important
}

.mat-mdc-button .mdc-button__label,.mat-mdc-outlined-button .mdc-button__label,.mat-mdc-unelevated-button .mdc-button__label {
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    gap: .25rem
}

.mat-mdc-button .mat-icon,.mat-mdc-outlined-button .mat-icon,.mat-mdc-unelevated-button .mat-icon {
    height: 24px!important;
    width: 24px!important
}

.mat-mdc-button .mat-icon,.mat-mdc-outlined-button .mat-icon,.mat-mdc-unelevated-button .mat-icon {
    margin-left: 0!important;
    margin-right: 0!important
}

.mat-mdc-button .mat-icon+.mdc-button__label:not(:empty),.mat-mdc-outlined-button .mat-icon+.mdc-button__label:not(:empty),.mat-mdc-unelevated-button .mat-icon+.mdc-button__label:not(:empty) {
    margin-left: 8px!important
}

.mat-mdc-fab .mat-icon {
    height: 24px!important;
    width: 24px!important
}

.mat-mdc-icon-button .mat-icon {
    height: 24px!important;
    width: 24px!important;
    display: block
}

.mat-mdc-button-base.mat-badge-overlap.mat-badge-above.mat-badge-after.mat-mdc-icon-button .mat-badge-content.mat-badge-active {
    top: 0;
    right: -3px
}

.mat-mdc-button-base.mat-badge-overlap.mat-badge-above.mat-badge-after.mat-badge-small .mat-badge-content.mat-badge-active {
    top: -4px
}

a.mat-mdc-button[disabled][disabled] {
    color: var(--mdc-text-button-disabled-label-text-color)
}

.mat-button-toggle-group .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled) {
    background-color: #fff;
    color: #4d5ee0
}

.mat-button-toggle-group .mat-button-toggle-checked:not(.mat-button-toggle-disabled) {
    background-color: #4d5ee0;
    color: #fff
}

.mat-button-toggle-group .mat-button-toggle-label-content>mat-icon:only-child {
    margin-left: -6px;
    margin-right: -6px
}

.mat-button-toggle-group .mat-button-toggle-label-content>:not(mat-icon:only-child) {
    font-family: Roboto,sans-serif;
    font-size: 14px!important;
    font-weight: 400;
    letter-spacing: .0178571429em;
    line-height: 20px
}

.mat-button-toggle-group .mat-button-toggle.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    height: 36px;
    display: flex;
    align-items: center
}

.vertical-tab-label .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 9px 8px!important
}

mat-card mat-card-header,mat-card mat-card-content {
    word-break: normal;
    overflow-wrap: break-word
}

mat-card mat-card-header .mat-mdc-card-header-text {
    width: 100%
}

.mat-mdc-checkbox:not(.mat-mdc-checkbox-disable) .mdc-checkbox__native-control:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    background-color: #fff!important
}

.select-col-table th:first-child,.select-col-table td:first-child {
    width: calc(40px + .5rem)!important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .25rem;
    padding-right: .25rem
}

:not(td):not(th)>.mdc-evolution-chip-set .mdc-evolution-chip__text-label {
    white-space: normal!important;
    line-height: normal!important
}

:not(td):not(th)>.mdc-evolution-chip-set .mat-mdc-chip {
    height: -moz-fit-content!important;
    height: fit-content!important;
    padding-top: 7px;
    padding-bottom: 7px
}

.mat-mdc-chip .mdc-evolution-chip__graphic {
    height: 14px!important
}

table .mdc-evolution-chip {
    max-width: unset
}

table .mdc-evolution-chip-set,table .mdc-evolution-chip-set__chips {
    display: inline
}

mat-datepicker-toggle button:focus,mat-datepicker-content button:focus {
    outline: none
}

.mat-toolbar .mat-mdc-form-field .mat-mdc-form-field-bottom-align:before {
    display: none!important;
    height: 0!important
}

.mat-toolbar .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-infix {
    width: auto!important;
    max-width: 200px
}

.mat-mdc-form-field .mat-mdc-form-field-infix>.mat-mdc-checkbox {
    margin: -10px
}

.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper:not(.mat-mdc-form-field-subscript-dynamic-size) mat-error,.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper:not(.mat-mdc-form-field-subscript-dynamic-size) mat-hint {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper mat-error:not(:first-child),.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper mat-hint:not(:first-child) {
    display: none
}

.mat-mdc-form-field:not(.mat-form-field-disabled).mat-mdc-form-field-type-mat-select {
    cursor: pointer
}

.mat-mdc-form-field:not(.mat-form-field-disabled).mat-mdc-form-field-type-mat-input {
    cursor: text
}

.mat-icon {
    line-height: 1;
    height: 1.3em!important;
    width: 1.3em!important;
    font-size: inherit!important;
    flex-shrink: 0;
    align-self: center;
    vertical-align: text-bottom
}

.mat-icon svg {
    width: unset!important;
    height: unset!important
}

.mat-mdc-input-element::-webkit-calendar-picker-indicator {
    display: block!important
}

.mat-mdc-list-base .mat-mdc-list-item-meta {
    --mdc-list-list-item-trailing-supporting-text-color: var(--mdc-icon-button-icon-color)
}

.mat-mdc-list-base .mat-mdc-list-item-meta.mat-mdc-button-base {
    align-self: center!important
}

.mat-mdc-list-base .mat-mdc-list-item-meta.mat-mdc-button-base:before {
    content: unset!important
}

.mat-mdc-menu-panel {
    max-width: none!important
}

.mat-mdc-menu-panel .mat-mdc-menu-item {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87)
}

mat-option>.mdc-list-item__primary-text {
    width: 100%!important
}

.mat-mdc-select .mat-mdc-select-arrow-wrapper {
    margin-left: .33em
}

.mat-toolbar,.mat-toolbar.mat-toolbar-row,.mat-toolbar.mat-toolbar-single-row {
    flex-shrink: 0;
    gap: .5rem;
    border-bottom: solid 1px #d2d6d9
}

.mat-drawer-container {
    height: 100%
}

.mat-drawer.default-drawer {
    width: 600px
}

.mat-drawer.filter-drawer {
    width: 375px
}

.mat-tab-label.mat-tab-label-active {
    opacity: 1
}

.mat-mdc-tooltip {
    white-space: pre-line
}

.mat-mdc-tooltip .mdc-tooltip__surface {
    text-align: inherit
}

.mat-mdc-tab-body-wrapper {
    flex-grow: 1
}

mat-stepper .mat-horizontal-stepper-wrapper {
    height: 100%
}

mat-stepper .mat-horizontal-stepper-content {
    height: 100%
}

mat-slide-toggle button:enabled+label:not(:disabled) {
    cursor: pointer
}

.mat-mdc-table {
    table-layout: fixed!important;
    margin-bottom: 1rem;
    color: #000000de;
    background-color: #fff
}

.mat-mdc-table th,.mat-mdc-table td,.mat-mdc-table tr {
    padding: .5rem!important;
    border-bottom: 1px solid #d2d6d9;
    background-clip: padding-box;
    background-color: #fff
}

.mat-mdc-table th,.mat-mdc-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-mdc-table thead tr {
    color: #363d42;
    background-color: #f3f4f5;
    border-color: #d2d6d9;
    font-weight: 700;
    font-size: 14px
}

.mat-mdc-table thead tr:after {
    position: sticky!important;
    top: 0;
    background-color: #f3f4f5
}

.mat-mdc-table th {
    border: 0;
    border-bottom: 1px solid #d2d6d9
}

.mat-mdc-table th:after {
    position: absolute;
    right: 0;
    top: 25%;
    bottom: 25%;
    background-color: #d2d6d9;
    content: "";
    width: .125rem
}

.mat-mdc-table tr {
    background-color: #fff;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    height: unset!important
}

.mat-mdc-table tr:after {
    display: table-cell;
    content: ""
}

.mat-mdc-table td {
    font-weight: 400;
    word-wrap: break-word;
    position: relative;
    padding: .5rem
}

.col-resizer {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    cursor: e-resize;
    width: 12px;
    transform: translate(50%);
    pointer-events: auto
}

.cdk-virtual-scroll-viewport.osi-table-virtual-scroll-wrapper {
    height: 100%;
    outline: none
}

.cdk-virtual-scroll-viewport.osi-table-virtual-scroll-wrapper .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

.osi-table.osi-table-selectable tbody tr {
    cursor: pointer
}

aveva-property-view-container {
    display: grid;
    grid-template-columns: minmax(auto,max-content) auto;
    grid-auto-rows: auto
}

aveva-property-view-container label {
    margin-bottom: 0
}

aveva-property-view-container>[ocsPropertyViewLabel] {
    grid-column: 1
}

aveva-property-view-container>*:not([ocsPropertyViewLabel]) {
    grid-column: 2
}

aveva-property-view-container>[ocsPropertyViewFormField] {
    padding-top: .2125rem
}

aveva-property-view-container>[ocsPropertyViewText],aveva-property-view-container>[ocsPropertyViewLabel] {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    line-height: 1.5
}

aveva-property-view-container>[ocsPropertyViewLabel] {
    border-right: 1px solid black;
    text-align: right;
    padding-right: .3125rem;
    margin-right: .3125rem
}

aveva-property-view-container>[ocsPropertyViewText] {
    font-weight: 700
}

aveva-property-view-container.condensed [ocsPropertyViewText],aveva-property-view-container.condensed [ocsPropertyViewLabel] {
    padding-top: .1125rem;
    padding-bottom: .1125rem;
    line-height: 1.25
}

.search-help-overlay .aveva-search-help-column {
    padding: 1em
}

.search-help-overlay>.aveva-search-help-autocomplete+.aveva-search-help-column {
    background: #f3f4f5;
    margin: .5em;
    border-radius: 5px;
    border: 1px #d2d6d9 solid;
    position: sticky;
    top: 0;
    align-self: flex-start
}

aveva-manage-permissions-selector .osi-select-trigger {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

aveva-filter-identity-list .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

.ocs-virtual-scroll-w-100 .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

.cdk-overlay-pane .community-namespace-dropdown-panel {
    margin-top: -60px!important;
    max-height: none!important
}

.flex-container {
    display: flex;
    align-items: center;
    justify-content: center
}

aveva-data-chip-list {
    gap: 4px
}

aveva-data-chip>.mat-icon {
    margin-right: .25rem!important
}

.add-role-panel-class {
    margin-top: 25px;
    width: 280px;
    position: absolute;
    right: -48px
}

.add-role-panel-class .mat-mdc-option .mat-pseudo-checkbox {
    display: none
}

adh-usage-stacked-barchart path.bar {
    cursor: default!important
}

.search-help-overlay .search-help-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px
}

.search-help-overlay .search-help-grid-container>:nth-child(odd) {
    font-style: italic
}

.aveva-empty-state {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.aveva-empty-state .optional-content:not(:empty)+.default-content {
    display: none
}

.aveva-empty-state .optional-content:not(:empty)+.optional-content:empty+.default-content,.aveva-empty-state .optional-content:empty+.optional-content:not(:empty)+.default-content {
    display: none
}

.aveva-empty-state .aveva-empty-state-body {
    max-width: 760px;
    letter-spacing: .02em;
    line-height: 24px
}

.aveva-empty-state-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    font-size: x-large;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 32px
}

.aveva-empty-state-image {
    margin-bottom: 1rem;
    display: block
}

.aveva-empty-state-image>* {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
}

.aveva-empty-state-icon {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    text-align: center;
    width: 100%;
    max-height: 192px;
    container-type: size;
    aspect-ratio: 1/1
}

.aveva-empty-state-icon .container {
    display: flex;
    justify-content: space-around;
    background-color: #0000001f;
    border-radius: 50%;
    max-width: 192px;
    width: auto;
    overflow: hidden;
    aspect-ratio: 1/1!important
}

.aveva-empty-state-icon .container .aveva-empty-state-svg {
    height: 72px!important;
    width: 72px!important;
    vertical-align: middle;
    line-height: 0
}

@container (width <= 95px) or (height <= 95px) {
    .aveva-empty-state-icon .container {
        display: none
    }
}

@container (width > 144px) and (height > 144px) {
    .aveva-empty-state-icon .container .aveva-empty-state-svg {
        height: 96px!important;
        width: 96px!important
    }
}

.aveva-empty-state-actions {
    display: block;
    margin-bottom: 16px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px 0
}

.aveva-empty-state-actions>*:not(:last-child) {
    margin-right: 10px
}

.mat-toolbar>.toolbar-spacer {
    flex: 1 1 auto
}

.tooltip-custom-long {
    max-width: unset!important
}

.filter-bar {
    height: 46px;
    overflow-y: auto
}

.filter-bar .mdc-evolution-chip-set__chips {
    justify-content: center
}

.monaco-mat-themed {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f5f5f5
}

.monaco-mat-themed label.monaco-mat-themed__label {
    transform: scale(.75);
    color: #0009;
    padding: 4px 16px 0
}

.monaco-mat-themed .monaco-mat-themed__editor {
    border-bottom: 1px solid rgba(0,0,0,.42)
}

.monaco-mat-themed:focus-within label.monaco-mat-themed__label {
    color: #4d5ee0
}

.monaco-mat-themed:focus-within .monaco-mat-themed__editor {
    border-bottom-color: #4d5ee0;
    border-bottom-width: 2px
}

aveva-paginator .page-select-form-field .mat-mdc-form-field-infix {
    min-height: 40px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

aveva-paginator .page-select-form-field .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

aveva-paginator .page-select-form-field .mat-mdc-form-field-subscript-wrapper {
    display: none
}

app app-header .app-header-toolbar {
    height: 64px;
    font-size: 24px
}

app app-header .app-header-toolbar>button:not(.sign-in-btn) {
    border-radius: 100%;
    color: #0009
}

app app-header .app-header-toolbar>button:not(.sign-in-btn) a {
    color: inherit
}

app app-header .app-header-toolbar>button:not(.sign-in-btn):not(:hover) {
    background-color: transparent!important;
    border-color: transparent!important
}

app-apiconsole mat-form-field.bg-primary {
    background-color: unset!important;
    color: #fff
}

app-apiconsole mat-form-field.bg-primary .mdc-text-field--filled {
    background-color: #4d5ee0!important;
    position: relative
}

app-apiconsole mat-form-field.bg-primary:hover .mdc-text-field--filled .mat-mdc-form-field-focus-overlay {
    background-color: #fff;
    opacity: .04
}

.libs__apiconsole__styles.history-dropdown {
    max-width: 95vw!important
}

.libs__apiconsole__styles.history-dropdown .mdc-list-item__primary-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    color: inherit
}

.alert-link:hover,.alert-link:focus {
    color: inherit
}

aveva-drawer-title,aveva-drawer-subtitle {
    display: flex;
    align-items: center;
    margin-left: .75rem;
    margin-right: .75rem;
    font-size: 1rem!important;
    font-weight: 400!important;
    flex-shrink: 0;
    height: 52px
}

aveva-drawer-title>[mat-icon-button]:last-child,aveva-drawer-title>[drawerTitleButtons]:last-child,aveva-drawer-title>aveva-action-buttons:last-child,aveva-drawer-subtitle>[mat-icon-button]:last-child,aveva-drawer-subtitle>[drawerTitleButtons]:last-child,aveva-drawer-subtitle>aveva-action-buttons:last-child {
    margin-right: -.5rem!important
}

aveva-drawer-content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto
}

aveva-drawer-actions {
    flex-shrink: 0
}

h3 {
    margin: 0
}

.aveva-drawer {
    display: flex!important;
    flex-direction: column!important;
    height: 100%!important
}

.pe-none {
    pointer-events: none!important
}

.bg-primary {
    background-color: #4d5ee0!important
}

.text-primary {
    color: #4d5ee0!important
}

.g-1 {
    gap: .25rem!important
}

.g-2 {
    gap: .5rem!important
}

.g-3 {
    gap: 1rem!important
}

.g-4 {
    gap: 1.5rem!important
}

.g-5 {
    gap: 3rem!important
}

.gx-1 {
    column-gap: .25rem!important
}

.gy-1 {
    row-gap: .25rem!important
}

.gx-2 {
    column-gap: .5rem!important
}

.gy-2 {
    row-gap: .5rem!important
}

.gx-3 {
    column-gap: 1rem!important
}

.gy-3 {
    row-gap: 1rem!important
}

.gx-4 {
    column-gap: 1.5rem!important
}

.gy-4 {
    row-gap: 1.5rem!important
}

.gx-5 {
    column-gap: 3rem!important
}

.gy-5 {
    row-gap: 3rem!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid
}

.grid-equal-columns {
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column
}

.d-inline-flex {
    display: inline-flex
}

.min-width-0 {
    min-width: 0
}

.mat-body-2 {
    font-size: 14px!important
}

mat-dialog-content[avevaDialogContentPartitions] {
    display: flex;
    flex-direction: column
}

mat-dialog-content[avevaDialogContentPartitions]>[avevaDialogContentScroll] {
    min-height: 250px
}

mat-dialog-content[avevaDialogContentPartitions]>*:not([avevaDialogContentScroll]) {
    flex-shrink: 0
}

mat-expansion-panel.sticky-header {
    overflow: inherit!important
}

mat-expansion-panel.sticky-header .mat-expansion-panel-header {
    position: sticky;
    top: 0;
    z-index: 1000
}

.mat-expansion-panel-content[style*="visibility: hidden"] * {
    overflow: hidden
}

mat-form-field.aveva-auto-size-form-field .mat-mdc-form-field-infix {
    width: unset
}

.mat-mdc-form-field.w-100:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field),.mat-mdc-form-field.flex-fill:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field) {
    width: 10px!important
}

.mat-mdc-form-field.w-100:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field)>div,.mat-mdc-form-field.flex-fill:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field)>div {
    background-color: red!important
}

:host {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column
}

mat-hint {
    visibility: hidden
}

.mat-mdc-list.show-dividers .mat-mdc-list-item,.mat-mdc-action-list.show-dividers .mat-mdc-list-item,.mat-mdc-selection-list.show-dividers .mat-mdc-list-item {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #0000001f;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
    font-size: inherit
}

.mat-mdc-list.show-dividers:last-child .mat-mdc-list-item:last-child,.mat-mdc-action-list.show-dividers:last-child .mat-mdc-list-item:last-child,.mat-mdc-selection-list.show-dividers:last-child .mat-mdc-list-item:last-child {
    border-bottom-width: 0
}

.cdk-overlay-pane.aveva-mat-auto-size-select-overlay-panel-class {
    max-width: 800px
}

mat-drawer.aveva-Resizable .border-left {
    border-width: 3px!important;
    position: absolute;
    height: 100%;
    left: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-left:hover {
    cursor: col-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Resizable .border-right {
    border-width: 3px!important;
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-right:hover {
    cursor: col-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Resizable .border-top {
    border-width: 3px!important;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-top:hover {
    cursor: row-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Resizable .border-bottom {
    border-width: 3px!important;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-bottom:hover {
    cursor: row-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Vertical {
    width: 100%!important;
    height: 300px;
    bottom: 0;
    top: unset
}

mat-drawer.default-drawer.aveva-Vertical {
    border-top: solid 1px rgba(0,0,0,.12);
    border-left: none;
    transform: translate3d(0,100%,0)
}

mat-tab-group.aveva-vertical-tabs {
    display: grid;
    grid-template-columns: auto 1fr
}

mat-tab-group.aveva-vertical-tabs .mat-mdc-tab-labels {
    flex-direction: column
}

mat-tab-group.aveva-vertical-tabs .mat-mdc-tab-labels .mdc-tab-indicator>.mdc-tab-indicator__content {
    height: 100%;
    border-right-width: 2px;
    border-right-style: solid;
    border-top-width: 0
}

mat-tab-group.aveva-vertical-tabs.aveva-icon-tabs .mdc-tab {
    min-width: 48px;
    width: 48px;
    padding: 0
}

.cdk-overlay-connected-position-bounding-box {
    z-index: unset
}

.aveva-popover-panel {
    z-index: 1000;
    transition: opacity .5s
}

.aveva-popover-panel.muted {
    opacity: .35;
    z-index: 999
}

.aveva-popover-container {
    display: block;
    position: relative
}

.aveva-popover {
    background-color: #f3f4f5;
    border-radius: 2px;
    margin: 7px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: .75rem;
    font-weight: 600;
    padding-top: .375rem;
    padding-bottom: .375rem;
    box-shadow: 0 .5rem 1rem #0000002d;
    max-width: 450px
}

.cdk-high-contrast-active .aveva-popover {
    outline: solid 1px
}

.cdk-high-contrast-active :host .aveva-popover {
    outline: solid 1px
}

.aveva-popover.aveva-popover-verbose {
    max-width: unset;
    word-break: break-word
}

.aveva-popover.aveva-popover-compact {
    padding: .125rem .25rem;
    line-height: 1rem
}

aveva-asset-explorer [hidden] {
    display: none!important
}

aveva-rules-editor aveva-form-stepper .mat-step-header {
    pointer-events: none!important
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-stepper-wrapper {
    height: 100%
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-stepper-header-container {
    flex: 0 0 auto
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-content-container {
    flex: 1;
    padding: 0
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-stepper-content {
    height: 100%
}

.data-views-horizontal-scroll-viewport .cdk-virtual-scroll-content-wrapper {
    width: auto!important
}

aveva-data-views .cdk-virtual-scroll-content-wrapper,aveva-data-view-editor .cdk-virtual-scroll-content-wrapper,aveva-edit-fields .cdk-virtual-scroll-content-wrapper,.aveva-data-views__add-fields .cdk-virtual-scroll-content-wrapper,.aveva-data-views__remove-fields .cdk-virtual-scroll-content-wrapper {
    width: 100%!important
}

.dv-popover {
    width: 300px;
    word-break: normal;
    pointer-events: auto;
    font-weight: 400
}

.dv-popover-toggle {
    cursor: pointer
}

aveva-data-views table aveva-data-chip-list {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: None;
    flex-wrap: nowrap!important
}

aveva-data-views table aveva-data-chip-list::-webkit-scrollbar {
    width: 0;
    height: 0
}

aveva-data-views table aveva-data-chip-list aveva-data-chip {
    font-size: 12px;
    padding-left: 10px!important;
    padding-right: 10px!important
}

aveva-data-views table aveva-data-chip-list aveva-data-chip {
    min-height: 26px!important
}

aveva-data-views table aveva-data-chip-list aveva-data-chip {
    min-width: unset
}

aveva-data-views table tr:hover aveva-data-chip {
    background-color: #beccd6
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title {
    display: grid;
    gap: 1rem
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title>*,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title>*,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title>*,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title>* {
    margin: 0;
    max-width: 100%
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title>*:not(:first-child),aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title>*:not(:first-child),aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title>*:not(:first-child),aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title>*:not(:first-child) {
    justify-self: end
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title aveva-data-view-source,aveva-data-views .mat-expansion-panel-header .data-views-query-item-title aveva-data-chip,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title aveva-data-view-source,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title aveva-data-chip,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title aveva-data-view-source,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title aveva-data-chip,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title aveva-data-view-source,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title aveva-data-chip {
    min-width: 0
}

aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title {
    grid-template-columns: minmax(0,auto) minmax(40px,1fr) minmax(0,auto);
    align-items: center
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title {
    grid-template-columns: minmax(0,auto) minmax(41px,1fr) minmax(0,auto);
    margin-right: 1rem
}

.add-fields-stepper .mat-horizontal-stepper-content {
    height: 100%;
    display: flex;
    flex-direction: column
}

.add-fields-stepper .mat-horizontal-stepper-wrapper {
    height: 100%
}

.add-fields-stepper .mat-horizontal-content-container {
    overflow: hidden!important;
    padding: 0 24px 24px!important
}

ocs-graphql-console ocs-graphql-explorer {
    --graphql-console--objectTypeColor: rgba(0, 0, 0, .54);
    --graphql-console--argumentValueColor: #007daf;
    --graphql-console--enumValueColor: #cd00d6;
    --graphql-console--keywordValueColor: #0000da;
    --graphql-console--stringValueColor: #a31515;
    --graphql-console--numberValueColor: #0000da;
    --graphql-console--variableValueColor: #1f8800;
    --graphql-console--treeNestIndent: 20px;
    --graphql-console--treeRootLineHeight: 1.5rem;
    --graphql-console--defaultPlaceholder: rgba(0, 0, 0, .54)
}

ocs-graphql-console ocs-graphql-explorer .hidden {
    visibility: hidden
}

ocs-graphql-console ocs-graphql-explorer .graphql-type,ocs-graphql-console ocs-graphql-explorer .graphql-arg-name-type-separator {
    color: var(--graphql-console--objectTypeColor)
}

ocs-graphql-console ocs-graphql-explorer .graphql-argument {
    --mdc-icon-button-icon-color: var(--graphql-console--argumentValueColor);
    color: var(--graphql-console--argumentValueColor);
    font-style: italic
}

ocs-graphql-console ocs-graphql-explorer .secondary-tree-toggle {
    cursor: pointer
}

ocs-graphql-console ocs-graphql-explorer mat-icon.check-circle {
    color: #4d5ee0
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable {
    color: #87a17f;
    visibility: hidden
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable button,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable button {
    line-height: inherit
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable button:hover,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable button:hover {
    color: var(--graphql-console--variableValueColor)
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable.show-variable,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable.show-variable {
    visibility: visible!important;
    color: var(--graphql-console--variableValueColor)
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable .variable-button mat-icon,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable .variable-button mat-icon {
    width: 14px!important;
    height: 14px!important
}

ocs-graphql-console ocs-graphql-explorer .graphql-field:hover .graphql-variable,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent:hover .graphql-variable {
    visibility: visible
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind {
    --mdc-theme-primary: var(--graphqlColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-Variable {
    --graphqlColor: var(--graphql-console--variableValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-IntValue,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-FloatValue,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-Long {
    --graphqlColor: var(--graphql-console--numberValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-StringValue,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-DateTime,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-TimeSpan {
    --graphqlColor: var(--graphql-console--stringValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-BooleanValue {
    --graphqlColor: var(--graphql-console--keywordValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-EnumValue {
    --graphqlColor: var(--graphql-console--enumValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .mat-mdc-form-field.mat-focused mat-label,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar input,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .mat-mdc-select-value-text {
    color: var(--graphqlColor)!important
}

ocs-graphql-console ocs-graphql-explorer mat-tab-group.hidden-tabs>.mat-mdc-tab-header {
    display: none
}

ocs-graphql-console ocs-graphql-explorer .button-like-icon {
    height: 40px;
    width: 40px;
    padding: 8px
}

.inactive-operation {
    color: #5a5858!important;
    font-style: italic
}

ov-profile mat-card {
    max-height: 65vh
}

ov-profile mat-card>div {
    overflow-y: auto
}

aveva-transfers search-result-list .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

aveva-transfers search-result-list {
    --mdc-checkbox-state-layer-size: 28px
}

aveva-transfers search-result-list .mat-mdc-checkbox-touch-target {
    display: none
}

aveva-transfers agents-blade .mat-small-icon-button {
    height: 30px!important;
    width: 30px!important;
    vertical-align: top!important
}

aveva-transfers agents-blade .mat-small-icon-button>.mat-button-wrapper {
    vertical-align: super!important;
    line-height: 0px!important
}

aveva-transfers agents-blade .mat-small-icon-button>.mat-icon {
    margin: auto
}

aveva-transfers agents-table .override-stopped-status-color mat-icon,aveva-transfers agents-blade .override-stopped-status-color mat-icon {
    color: #515559!important
}

aveva-transfers transfers-configuration .transfer-config-container .mat-mdc-tab-body-content {
    overflow: hidden
}

aveva-transfers transfer-configuration-table {
    --mdc-checkbox-state-layer-size: 28px
}

aveva-transfers transfer-configuration-table .mat-mdc-checkbox-touch-target {
    display: none
}

aveva-transfers transfer-configuration-table th mat-icon.mat-mdc-menu-trigger {
    color: #4d5ee0
}

aveva-transfers transfer-configuration-table th mat-icon.mat-mdc-menu-trigger:hover {
    color: #4d5ee0
}

aveva-transfers af-search-blade form .mdc-text-field,aveva-transfers pi-point-search-blade form .mdc-text-field {
    padding-left: 10px;
    padding-right: 10px
}

aveva-transfers agent-installer .download-spinner circle {
    stroke: #fff
}

aveva-transfers .mat-mdc-form-field-infix {
    width: unset!important
}

aveva-transfers .transfers-mat-form-field-size-adjustment {
    width: 100%
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-form-field-infix {
    min-height: 36px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 18px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -24.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 6px;
    padding-bottom: 6px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 6px;
    padding-bottom: 6px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 6px;
    padding-bottom: 6px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

aveva-transfers .transfers-mat-option-size-adjustment {
    min-height: 36px!important
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content {
    display: flex;
    flex-direction: column
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content osi-charts-line-chart {
    flex: auto;
    height: auto!important;
    display: flex
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content osi-charts-line-chart .osi-charts-outer {
    height: unset!important;
    align-self: stretch
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content .chart-time-toolbar {
    text-align: center;
    padding-bottom: 6px;
    flex: none
}

aveva-trend aveva-trend-search-tab .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

aveva-trend aveva-asset-swap-modal .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

aveva-trend aveva-trend-legend-table .table td {
    padding: .25rem
}

aveva-trend aveva-trend-legend-table .table tr:not(.table-group)>td {
    border-top: none
}

aveva-trend aveva-trend-legend-table .table tr:not(.last-of-group)>td {
    border-bottom: none
}

aveva-trend aveva-trend-legend-origin-info .mat-chip-list-wrapper {
    flex-wrap: nowrap!important
}

ocs-clients .mat-horizontal-content-container {
    padding: 0 5px!important
}

.mat-drawer.edge-filter-drawer {
    width: 380px!important
}

.editor-header .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-infix {
    width: auto!important
}

.mat-mdc-dialog-container ul {
    line-height: 1.5
}

adh-transfer-editor .dense-checkbox {
    --mdc-checkbox-state-layer-size: 28px
}

adh-transfer-editor .dense-checkbox .mat-mdc-checkbox-touch-target {
    display: none
}

adh-transfer-editor .mat-mdc-paginator-container {
    min-height: unset!important
}

adh-transfer-editor .cdk-virtual-scroll-content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

adh-transfer-editor mat-checkbox .mdc-form-field {
    width: 100%
}

adh-transfer-editor mat-checkbox .mdc-form-field .mdc-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

adh-transfer-editor .mat-mdc-form-field-icon-suffix {
    display: flex
}

adh-transfer-editor adh-transfer-editor-table .table td {
    padding-top: .1rem;
    padding-bottom: .1rem
}

.padder {
    padding: 20px;
    display: inline-block;
    width: 100%
}

.ocs-search-message {
    text-align: right
}

.nowrap-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.token-details .tab-content {
    margin-top: -20px
}

.progress-spinner-wrapper {
    position: absolute;
    background: rgba(255,255,255,.1);
    inset: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.table thead th {
    pointer-events: auto
}

.table thead th:after {
    pointer-events: none
}

.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:rgba(0,0,0,0);fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block}}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button[hidden]{display:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__focus-ring{pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%;display:none}@media screen and (forced-colors: active){.mdc-icon-button__focus-ring{border-color:CanvasText}}.mdc-icon-button__focus-ring::after{content:"";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mat-mdc-icon-button{height:var(--mdc-icon-button-state-layer-size);width:var(--mdc-icon-button-state-layer-size);color:var(--mdc-icon-button-icon-color);--mdc-icon-button-state-layer-size:48px;--mdc-icon-button-icon-size:24px;--mdc-icon-button-disabled-icon-color:black;--mdc-icon-button-disabled-icon-opacity:0.38}.mat-mdc-icon-button .mdc-button__icon{font-size:var(--mdc-icon-button-icon-size)}.mat-mdc-icon-button svg,.mat-mdc-icon-button img{width:var(--mdc-icon-button-icon-size);height:var(--mdc-icon-button-icon-size)}.mat-mdc-icon-button:disabled{opacity:var(--mdc-icon-button-disabled-icon-opacity)}.mat-mdc-icon-button:disabled{color:var(--mdc-icon-button-disabled-icon-color)}.mat-mdc-icon-button{padding:12px;font-size:var(--mdc-icon-button-icon-size);border-radius:50%;flex-shrink:0;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-icon-button svg{vertical-align:baseline}.mat-mdc-icon-button[disabled]{cursor:default;pointer-events:none;opacity:1}.mat-mdc-icon-button .mat-mdc-button-ripple,.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-icon-button .mat-mdc-button-ripple{overflow:hidden}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before{content:"";opacity:0;background-color:var(--mat-mdc-button-persistent-ripple-color)}.mat-mdc-icon-button .mat-ripple-element{background-color:var(--mat-mdc-button-ripple-color)}.mat-mdc-icon-button .mdc-button__label{z-index:1}.mat-mdc-icon-button .mat-mdc-focus-indicator{top:0;left:0;right:0;bottom:0;position:absolute}.mat-mdc-icon-button:focus .mat-mdc-focus-indicator::before{content:""}.mat-mdc-icon-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mat-mdc-icon-button._mat-animation-noopable{transition:none !important;animation:none !important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:50%}.mat-mdc-icon-button.mat-unthemed:not(.mdc-ripple-upgraded):focus::before,.mat-mdc-icon-button.mat-primary:not(.mdc-ripple-upgraded):focus::before,.mat-mdc-icon-button.mat-accent:not(.mdc-ripple-upgraded):focus::before,.mat-mdc-icon-button.mat-warn:not(.mdc-ripple-upgraded):focus::before{background:rgba(0,0,0,0);opacity:1}

.cdk-global-scrollblock {
    overflow-y: auto!important
}

@supports (position: sticky) {
    .sticky-bottom {
        position:sticky;
        bottom: 0;
        z-index: 1020
    }
}

*,*:before,*:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif;
    font-size: .9286rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000de;
    text-align: left;
    background-color: #f3f4f5
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul,dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ul ul,ol ul,ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: 600
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

pre,code,kbd,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #515559;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

input,button,select,optgroup,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

select {
    word-wrap: normal
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid,.container-xl,.container-lg,.container-md,.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm,.container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container-md,.container-sm,.container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container-lg,.container-md,.container-sm,.container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:1140px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {
    background-color: #2539d5!important
}

.bg-secondary {
    background-color: #515559!important
}

a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {
    background-color: #393c3e!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #4d5ee0!important
}

a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {
    background-color: #2539d5!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #cc2e29!important
}

a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {
    background-color: #a22420!important
}

.bg-light {
    background-color: #fff!important
}

a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {
    background-color: #d7dbde!important
}

.bg-dark {
    background-color: #2d3033!important
}

a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {
    background-color: #151718!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dfe3e6!important
}

.border-top {
    border-top: 1px solid #dfe3e6!important
}

.border-right {
    border-right: 1px solid #dfe3e6!important
}

.border-bottom {
    border-bottom: 1px solid #dfe3e6!important
}

.border-left {
    border-left: 1px solid #dfe3e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #4d5ee0!important
}

.border-secondary {
    border-color: #515559!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #4d5ee0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #cc2e29!important
}

.border-light {
    border-color: #f3f4f5!important
}

.border-dark {
    border-color: #2d3033!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: 3px!important
}

.rounded-top {
    border-top-left-radius: 3px!important;
    border-top-right-radius: 3px!important
}

.rounded-right {
    border-top-right-radius: 3px!important;
    border-bottom-right-radius: 3px!important
}

.rounded-bottom {
    border-bottom-right-radius: 3px!important;
    border-bottom-left-radius: 3px!important
}

.rounded-left {
    border-top-left-radius: 3px!important;
    border-bottom-left-radius: 3px!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9:before {
    padding-top: 42.8571428571%
}

.embed-responsive-16by9:before {
    padding-top: 56.25%
}

.embed-responsive-4by3:before {
    padding-top: 75%
}

.embed-responsive-1by1:before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013!important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: #0000
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-n1 {
        margin: -.25rem!important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem!important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem!important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem!important
    }

    .m-sm-n2 {
        margin: -.5rem!important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem!important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.5rem!important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem!important
    }

    .m-sm-n3 {
        margin: -1rem!important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem!important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem!important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem!important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem!important
    }

    .m-sm-n4 {
        margin: -1.5rem!important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem!important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    .m-sm-n5 {
        margin: -3rem!important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem!important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem!important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem!important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-n1 {
        margin: -.25rem!important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem!important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem!important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem!important
    }

    .m-lg-n2 {
        margin: -.5rem!important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem!important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.5rem!important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem!important
    }

    .m-lg-n3 {
        margin: -1rem!important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem!important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem!important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem!important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem!important
    }

    .m-lg-n4 {
        margin: -1.5rem!important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem!important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    .m-lg-n5 {
        margin: -3rem!important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem!important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem!important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem!important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-n1 {
        margin: -.25rem!important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem!important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem!important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem!important
    }

    .m-xl-n2 {
        margin: -.5rem!important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem!important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.5rem!important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem!important
    }

    .m-xl-n3 {
        margin: -1rem!important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem!important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem!important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem!important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem!important
    }

    .m-xl-n4 {
        margin: -1.5rem!important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem!important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    .m-xl-n5 {
        margin: -3rem!important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem!important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem!important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem!important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

    .text-sm-right {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

    .text-md-right {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

    .text-lg-right {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }

    .text-xl-right {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: 200!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 500!important
}

.font-weight-bolder {
    font-weight: 600!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

a.text-primary:hover,a.text-primary:focus {
    color: #2134bf!important
}

.text-secondary {
    color: #515559!important
}

a.text-secondary:hover,a.text-secondary:focus {
    color: #2d2f31!important
}

.text-success {
    color: #28a745!important
}

a.text-success:hover,a.text-success:focus {
    color: #19692c!important
}

.text-info {
    color: #4d5ee0!important
}

a.text-info:hover,a.text-info:focus {
    color: #2134bf!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:hover,a.text-warning:focus {
    color: #ba8b00!important
}

.text-danger {
    color: #cc2e29!important
}

a.text-danger:hover,a.text-danger:focus {
    color: #8c201c!important
}

.text-light {
    color: #f3f4f5!important
}

a.text-light:hover,a.text-light:focus {
    color: #c9ced2!important
}

.text-dark {
    color: #2d3033!important
}

a.text-dark:hover,a.text-dark:focus {
    color: #090a0a!important
}

.text-body {
    color: #000000de!important
}

.text-muted {
    color: #515559!important
}

.text-black-50 {
    color: #00000080!important
}

.text-white-50 {
    color: #ffffff80!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    overflow-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

a:not([href]) {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.osi-drawer-container {
    background-color: #fff;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    display: flex;
    height: 100%;
    overflow: hidden
}

.osi-drawer-container[fullscreen] {
    inset: 0;
    position: absolute
}

.osi-drawer-container[fullscreen].osi-drawer-opened {
    overflow: hidden
}

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

.osi-drawer-container.invert {
    flex-direction: row-reverse
}

.osi-drawer-container.invert .osi-drawer.osi-drawer-end .osi-drawer-wrapper {
    flex-direction: row
}

.osi-drawer-container.invert .osi-drawer:not(.osi-drawer-end) .osi-drawer-wrapper {
    flex-direction: row-reverse
}

.osi-drawer-container.ng-animate-disabled .osi-drawer-backdrop,.osi-drawer-container.ng-animate-disabled .osi-drawer-content,.ng-animate-disabled .osi-drawer-container .osi-drawer-backdrop,.ng-animate-disabled .osi-drawer-container .osi-drawer-content,.osi-drawer-transition.osi-drawer-resize.osi-sidenav-container .osi-drawer-content,.osi-drawer-transition.osi-drawer-resize.osi-sidenav-container .osi-sidenav-content,.osi-drawer-transition.osi-drawer-resize.osi-drawer-container .osi-drawer-content,.osi-drawer-transition.osi-drawer-resize.osi-drawer-container .osi-sidenav-content {
    transition: none
}

.osi-drawer-backdrop {
    inset: 0;
    position: absolute;
    display: block;
    z-index: 3;
    visibility: hidden
}

.osi-drawer-backdrop.osi-drawer-shown {
    visibility: visible;
    background-color: #00000080
}

.osi-drawer-transition .osi-drawer-backdrop {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.8,.25,1);
    transition-property: background-color,visibility
}

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

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

.osi-drawer-content {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: auto;
    flex: auto;
    order: 2;
    background: #ffffff
}

.osi-drawer-transition .osi-drawer-content {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.8,.25,1);
    transition-property: transform,margin-left,margin-right
}

.osi-drawer {
    position: relative;
    z-index: 4;
    background-color: #fff;
    flex: none;
    display: flex;
    flex-direction: row;
    z-index: 3;
    outline: 0;
    box-sizing: border-box;
    height: 100%
}

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

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

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

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

.osi-drawer:not(.osi-drawer-end) {
    order: 1
}

.osi-drawer .osi-drawer-wrapper {
    display: flex
}

.osi-drawer.osi-drawer-end {
    order: 3
}

.osi-drawer.osi-drawer-end .osi-drawer-wrapper {
    flex-direction: row-reverse
}

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

.osi-drawer.osi-drawer-over {
    position: absolute;
    left: 0;
    box-shadow: 0 .5rem 1rem #0000002d
}

.osi-drawer.osi-drawer-over.osi-drawer-end {
    left: unset;
    right: 0
}

.osi-drawer-edge {
    flex: none;
    height: 100%;
    width: 3px;
    background-color: #0003;
    z-index: 5
}

.osi-drawer-edge:hover {
    background-color: #0006
}

.osi-drawer-edge.resizable {
    cursor: col-resize;
    position: relative;
    width: 6px
}

.osi-drawer-dialog {
    flex: auto;
    height: 100%;
    overflow: auto
}

.vertical.osi-drawer-container {
    flex-direction: column
}

.vertical.osi-drawer-container.invert {
    flex-direction: column-reverse
}

.vertical.osi-drawer-container.invert>.osi-drawer.osi-drawer-end>.osi-drawer-wrapper {
    flex-direction: column
}

.vertical.osi-drawer-container.invert>.osi-drawer:not(.osi-drawer-end)>.osi-drawer-wrapper {
    flex-direction: column-reverse
}

.vertical>.osi-drawer {
    flex-direction: column;
    width: 100%
}

.vertical>.osi-drawer>.osi-drawer-wrapper {
    flex-direction: column
}

.vertical>.osi-drawer.osi-drawer-end>.osi-drawer-wrapper {
    flex-direction: column-reverse
}

.vertical>.osi-drawer.osi-drawer-over {
    left: unset;
    right: unset;
    top: 0
}

.vertical>.osi-drawer.osi-drawer-over.osi-drawer-end {
    top: unset;
    left: unset;
    right: unset;
    bottom: 0
}

.vertical.osi-drawer-transition .osi-drawer-content {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25,.8,.25,1);
    transition-property: transform,margin-top,margin-bottom
}

.vertical>.osi-drawer>.osi-drawer-wrapper>.osi-drawer-dialog {
    flex-direction: column
}

.vertical>.osi-drawer>.osi-drawer-wrapper>.osi-drawer-edge {
    width: 100%;
    height: 3px;
    cursor: row-resize
}

.vertical>.osi-drawer>.osi-drawer-wrapper>.osi-drawer-edge.resizable {
    height: 6px
}

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

.osi-sidenav-fixed {
    position: fixed
}

.osi-drawer-hidden {
    display: none
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.osi-menu-panel {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1000;
    display: block;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 16px;
    line-height: 1.5;
    color: #000000de;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 3px;
    box-shadow: 0 .5rem 1rem #0000002d
}

.osi-menu-panel-left {
    right: auto;
    left: 0
}

.osi-menu-panel-right {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .osi-menu-panel-sm-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .osi-menu-panel-md-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .osi-menu-panel-lg-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .osi-menu-panel-xl-left {
        right:auto;
        left: 0
    }

    .osi-menu-panel-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .osi-menu-panel {
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .osi-menu-panel {
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropright .dropdown-toggle:after {
    vertical-align: 0
}

.dropleft .osi-menu-panel {
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle:after {
    display: none
}

.dropleft .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropleft .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #eaeced
}

.dropdown-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: .4rem 1rem;
    clear: both;
    font-weight: 400;
    color: #151719;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,.dropdown-item:focus {
    color: #090a0b;
    text-decoration: none;
    background-color: #4d5ee00a
}

.dropdown-item.active,.dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: #4d5ee00a
}

.dropdown-item.focus,.dropdown-item:focus {
    outline: 0
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #00000080;
    pointer-events: none;
    background-color: transparent
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: .812525rem;
    color: #515559;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .4rem 1rem;
    color: #151719
}

.osi-button .mat-icon[svgIcon=menu-up]:last-child,.osi-button .mat-icon[svgIcon=menu-down]:last-child,.osi-button .mat-icon[svgIcon=menu-left]:last-child,.osi-button .mat-icon[svgIcon=menu-right]:last-child {
    margin-right: -.25rem
}

.osi-button .mat-icon[svgIcon=menu-up]:first-child,.osi-button .mat-icon[svgIcon=menu-down]:first-child,.osi-button .mat-icon[svgIcon=menu-left]:first-child,.osi-button .mat-icon[svgIcon=menu-right]:first-child {
    margin-left: -.25rem
}

.osi-header-cell .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 36px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 6px
}

.osi-header-cell .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

.osi-header-cell .mat-mdc-icon-button {
    zoom:.8;margin-right: .25em
}

.osi-table-header-filter {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    position: absolute!important
}

.osi-form-field-label-wrapper {
    display: none
}

.form-control[osiInput] {
    display: block;
    width: 100%;
    height: auto;
    padding: .4rem .45rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #393d40;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d2d6d9;
    border-radius: 3px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control[osiInput] {
        transition: none
    }
}

.form-control[osiInput]::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[osiInput]:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #393d40
}

.form-control[osiInput]:focus {
    color: #393d40;
    background-color: #fff;
    border-color: #bac0f3;
    outline: 0;
    box-shadow: inset 0 1px 1px #00000013,0 0 0 .2rem #4d5ee040
}

.form-control[osiInput]::placeholder {
    color: #515559;
    opacity: 1
}

.form-control[osiInput]:disabled,.form-control[osiInput][readonly] {
    background-color: #eaeced;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #393d40;
    background-color: #fff
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.4rem + 1px);
    padding-bottom: calc(.4rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.16075rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .812525rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .4rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000de;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .812525rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.16075rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[size],select.form-control[multiple],textarea.form-control {
    height: auto
}

.form-group {
    display: block;
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .1rem;
    margin-left: -1.25rem
}

.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
    color: #515559
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .812525rem;
    line-height: 1.5;
    color: #fff;
    background-color: #28a745e6;
    border-radius: 3px
}

.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,.form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .8rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .2rem) center;
    background-size: calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .8rem);
    background-position: top calc(.375em + .2rem) right calc(.375em + .2rem)
}

.was-validated .custom-select:valid,.custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(.75em + 2.05rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d3033' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .45rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.45rem/calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
    color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip {
    display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label {
    color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label:before,.custom-control-input.is-valid~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-control-input:valid:checked~.custom-control-label:before,.custom-control-input.is-valid:checked~.custom-control-label:before {
    border-color: #34ce57;
    background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label:before,.custom-control-input.is-valid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before {
    border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label {
    border-color: #28a745
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #cc2e29
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .812525rem;
    line-height: 1.5;
    color: #fff;
    background-color: #cc2e29e6;
    border-radius: 3px
}

.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,.form-control.is-invalid {
    border-color: #cc2e29;
    padding-right: calc(1.5em + .8rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23cc2e29' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cc2e29' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .2rem) center;
    background-size: calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
    border-color: #cc2e29;
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .8rem);
    background-position: top calc(.375em + .2rem) right calc(.375em + .2rem)
}

.was-validated .custom-select:invalid,.custom-select.is-invalid {
    border-color: #cc2e29;
    padding-right: calc(.75em + 2.05rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d3033' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .45rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23cc2e29' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cc2e29' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.45rem/calc(.75em + .4rem) calc(.75em + .4rem)
}

.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus {
    border-color: #cc2e29;
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
    color: #cc2e29
}

.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label {
    color: #cc2e29
}

.was-validated .custom-control-input:invalid~.custom-control-label:before,.custom-control-input.is-invalid~.custom-control-label:before {
    border-color: #cc2e29
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label:before,.custom-control-input.is-invalid:checked~.custom-control-label:before {
    border-color: #db514d;
    background-color: #db514d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label:before,.custom-control-input.is-invalid:focus~.custom-control-label:before {
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before {
    border-color: #cc2e29
}

.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label {
    border-color: #cc2e29
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label {
    border-color: #cc2e29;
    box-shadow: 0 0 0 .2rem #cc2e2940
}

.form-group.form-inline,.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-group.form-inline .form-check,.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-group.form-inline label,.form-inline label {
        display:flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-group.form-inline .form-group,.form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-group.form-inline .form-control,.form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-group.form-inline .form-control-plaintext,.form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-group.form-inline .input-group,.form-group.form-inline .custom-select,.form-inline .input-group,.form-inline .custom-select {
        width: auto
    }

    .form-group.form-inline .form-check,.form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-group.form-inline .form-check-input,.form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-group.form-inline .custom-control,.form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-group.form-inline .custom-control-label,.form-inline .custom-control-label {
        margin-bottom: 0
    }
}

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

textarea.osi-textarea-autosize-measuring {
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: auto!important;
    overflow: hidden!important
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    background-color: none;
    border-radius: 3px
}

.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file {
    position: relative;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file {
    margin-left: -1px
}

.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

.input-group>.form-control:not(:last-child),.input-group>.custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group.error-state .form-control[osiInput],.input-group.error-state .osi-select-trigger {
    border-color: #cc2e29
}

.input-group.error-state .osi-select-trigger {
    border-right: 0
}

.input-group.error-state .osi-select-trigger:not(:hover) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .input-group-prepend,.input-group .input-group-append {
    display: flex
}

.input-group .input-group-prepend .osi-button,.input-group .input-group-append .osi-button {
    position: relative;
    z-index: 2
}

.input-group .input-group-prepend .osi-button:focus,.input-group .input-group-append .osi-button:focus {
    z-index: 3
}

.input-group .input-group-prepend .osi-button+.osi-button,.input-group .input-group-prepend .osi-button+.input-group-text,.input-group .input-group-prepend .osi-button+.error-state-indicator,.input-group .input-group-prepend .input-group-text+.input-group-text,.input-group .input-group-prepend .input-group-text+.osi-button,.input-group .input-group-prepend .error-state-indicator+.osi-button,.input-group .input-group-append .osi-button+.osi-button,.input-group .input-group-append .osi-button+.input-group-text,.input-group .input-group-append .osi-button+.error-state-indicator,.input-group .input-group-append .input-group-text+.input-group-text,.input-group .input-group-append .input-group-text+.osi-button,.input-group .input-group-append .error-state-indicator+.osi-button {
    margin-left: -1px
}

.input-group .input-group-prepend .osi-button.clear-button,.input-group .input-group-prepend .osi-button.clear-button:hover,.input-group .input-group-prepend .osi-button.clear-button:focus,.input-group .input-group-prepend .osi-button.clear-button:active,.input-group .input-group-append .osi-button.clear-button,.input-group .input-group-append .osi-button.clear-button:hover,.input-group .input-group-append .osi-button.clear-button:focus,.input-group .input-group-append .osi-button.clear-button:active {
    border: 1px solid #d2d6d9;
    border-left-color: transparent;
    color: #393d40;
    background-color: #fff
}

.input-group .input-group-prepend .osi-button.clear-button:not(:last-child),.input-group .input-group-prepend .osi-button.clear-button:hover:not(:last-child),.input-group .input-group-prepend .osi-button.clear-button:focus:not(:last-child),.input-group .input-group-prepend .osi-button.clear-button:active:not(:last-child),.input-group .input-group-append .osi-button.clear-button:not(:last-child),.input-group .input-group-append .osi-button.clear-button:hover:not(:last-child),.input-group .input-group-append .osi-button.clear-button:focus:not(:last-child),.input-group .input-group-append .osi-button.clear-button:active:not(:last-child) {
    border-right-color: transparent
}

.input-group .input-group-prepend .osi-button.clear-button+.error-state-indicator,.input-group .input-group-prepend .osi-button.clear-button:hover+.error-state-indicator,.input-group .input-group-prepend .osi-button.clear-button:focus+.error-state-indicator,.input-group .input-group-prepend .osi-button.clear-button:active+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button:hover+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button:focus+.error-state-indicator,.input-group .input-group-append .osi-button.clear-button:active+.error-state-indicator {
    padding-left: 0
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1px;
    border-right-color: #cc2e29
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus:hover+.input-group-append,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus):hover+.input-group-append {
    opacity: .5
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append {
    position: absolute;
    right: 1rem;
    bottom: 0;
    z-index: 4
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append:hover,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append:hover {
    opacity: 1
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append>*,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append>* {
    border: none
}

.input-group>textarea.osi-input-element.form-control:not(:last-child):focus+.input-group-append>*:last-child,.input-group>textarea.osi-input-element.form-control:not(:last-child):not(:focus)+.input-group-append>*:last-child {
    padding-right: .225rem
}

.input-group-prepend {
    margin-right: -1px
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .4rem .45rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #393d40;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #d2d6d9;
    border-radius: 3px
}

.input-group-text input[type=radio],.input-group-text input[type=checkbox] {
    margin-top: 0
}

.error-state .input-group-text {
    border-color: #cc2e29
}

.input-group>.input-group-prepend>.input-group-text {
    border-right: transparent
}

.input-group>.input-group-prepend>.input-group-text:not(:first-of-type) {
    border-left: transparent;
    padding-left: 0
}

.input-group>.input-group-append>.input-group-text {
    border-left: transparent
}

.input-group>.input-group-append>.input-group-text:not(:last-of-type) {
    border-right: transparent;
    padding-right: 0
}

.input-group>.osi-input-element:not(:first-child):not(:focus) {
    border-left-color: transparent
}

.input-group>.osi-input-element:not(:last-child):not(:focus) {
    border-right-color: transparent
}

.input-group.error-state>.osi-input-element:not(:first-child):focus {
    border-left-color: transparent
}

.input-group.error-state>.osi-input-element:not(:last-child):focus {
    border-right-color: transparent
}

.error-state.input-group .input-group-append .osi-button.clear-button {
    border-top-color: #cc2e29;
    border-bottom-color: #cc2e29
}

.error-state-popover osi-error {
    white-space: normal
}

osi-form-field .error-state-indicator {
    display: inline-block;
    border: 1px solid #cc2e29;
    border-left-color: transparent;
    background-color: transparent;
    color: #cc2e29;
    cursor: default;
    text-align: center;
    vertical-align: baseline;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    padding: .4rem .45rem;
    font-size: 1rem
}

osi-form-field .error-state-indicator:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

osi-form-field .error-state-indicator:not(:last-child) {
    border-right-color: transparent
}

osi-form-field .error-state-indicator+.input-group-text {
    padding-left: 0
}

.error-popover-container {
    display: flex;
    flex-direction: column
}

.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.osi-button,.input-group-lg>.input-group-append>.osi-button {
    padding: .5rem 1rem;
    font-size: 1.16075rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.osi-button,.input-group-sm>.input-group-append>.osi-button {
    padding: .25rem .5rem;
    font-size: .812525rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,.input-group-sm>.custom-select {
    padding-right: 1.45rem
}

.input-group>.input-group-prepend>.osi-button,.input-group>.input-group-prepend>.input-group-text,.input-group>.input-group-append:not(:last-child)>.osi-button,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.osi-button:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.osi-button,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.osi-button,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.osi-button:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #000000de;
    text-align: inherit
}

.list-group-item-action:hover,.list-group-item-action:focus {
    z-index: 1;
    color: #000000de;
    text-decoration: none;
    background-color: #4d5ee00a
}

.list-group-item-action:active {
    color: #000000de;
    background-color: #eaeced
}

.list-group-item {
    position: relative;
    padding: .2rem .45rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: auto
}

.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.list-group-item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #515559;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active,.list-group-item:active {
    z-index: 2;
    color: inherit;
    background-color: #4d5ee00a;
    border-color: #4d5ee00a
}

.list-group-item.focus,.list-group-item:focus {
    outline: 0
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal .list-group-item:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0
}

.list-group-horizontal .list-group-item:last-child {
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0
}

.list-group-horizontal .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal .list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal .list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl .list-group-item:first-child {
        border-bottom-left-radius: 3px;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl .list-group-item:last-child {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl .list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl .list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl .list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush .list-group-item {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:first-child {
    border-top-width: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom-width: 0
}

.flush {
    margin: -.5rem
}

.list-group-item-primary {
    color: #283174;
    background-color: #cdd2f6
}

.list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus {
    color: #283174;
    background-color: #b7bff2
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #283174;
    border-color: #283174
}

.list-group-item-secondary {
    color: #2a2c2e;
    background-color: #cecfd1
}

.list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus {
    color: #2a2c2e;
    background-color: #c1c2c5
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #2a2c2e;
    border-color: #2a2c2e
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #283174;
    background-color: #cdd2f6
}

.list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus {
    color: #283174;
    background-color: #b7bff2
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #283174;
    border-color: #283174
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #6a1815;
    background-color: #f1c4c3
}

.list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus {
    color: #6a1815;
    background-color: #ecb0ae
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #6a1815;
    border-color: #6a1815
}

.list-group-item-light {
    color: #7e7f7f;
    background-color: #fcfcfc
}

.list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus {
    color: #7e7f7f;
    background-color: #efefef
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #7e7f7f;
    border-color: #7e7f7f
}

.list-group-item-dark {
    color: #17191b;
    background-color: #c4c5c6
}

.list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus {
    color: #17191b;
    background-color: #b7b8b9
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #17191b;
    border-color: #17191b
}

img.osi-list-avatar {
    height: 42px;
    width: 42px;
    margin-right: .5rem
}

.osi-list-text {
    flex: auto;
    line-height: 1.25;
    padding: .375rem .55rem;
    border: solid 1px transparent
}

.list-group .osi-button,.osi-table .osi-button {
    border-color: transparent!important
}

.osi-paginator {
    display: block;
    border-top: 1px solid #d2d6d9
}

.osi-paginator .mat-mdc-form-field-infix {
    min-height: 40px;
    padding: 8px 0!important
}

.osi-paginator-outer-container {
    display: flex
}

.osi-paginator-container {
    display: flex;
    align-items: center;
    padding-left: .5rem;
    width: 100%;
    background-color: #f3f4f5
}

.osi-paginator-page-size {
    display: flex;
    align-items: baseline;
    margin-right: 1em
}

[dir=rtl] .osi-paginator-page-size {
    margin-right: 0;
    margin-left: 1em
}

.osi-paginator-page-size-label {
    margin: 0 4px;
    font-size: 14px
}

.osi-paginator-page-size-select {
    margin: 6px 4px 0;
    width: 56px
}

.osi-paginator-page-size-select.osi-form-field-appearance-outline,.osi-paginator-page-size-select.osi-form-field-appearance-fill {
    width: 64px
}

.osi-paginator-range-label {
    margin: 0 4px;
    font-size: 14px
}

.osi-paginator-icon {
    fill: currentColor
}

[dir=rtl] .osi-paginator-icon {
    transform: rotate(180deg)
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 3px
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #4d5ee0;
    background-color: #fff;
    border: 1px solid #dfe3e6
}

.page-link:hover {
    z-index: 2;
    color: #2134bf;
    text-decoration: none;
    background-color: #eaeced;
    border-color: #dfe3e6
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem #4d5ee040
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #4d5ee0;
    border-color: #4d5ee0
}

.page-item.disabled .page-link {
    color: #515559;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dfe3e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.16075rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .812525rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.osi-popover-panel {
    z-index: 1000;
    transition: opacity .5s
}

.osi-popover-panel.muted {
    opacity: .35;
    z-index: 999
}

.popover-container {
    display: block;
    position: relative
}

.osi-popover {
    border: none;
    background-color: #000;
    color: #fff;
    border-radius: 2px;
    margin: 7px;
    max-width: 250px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Roboto,Noto Sans,Helvetica Neue,sans-serif;
    font-size: .75rem;
    font-weight: 600;
    padding-top: .375rem;
    padding-bottom: .375rem;
    box-shadow: 0 .5rem 1rem #0000002d
}

.cdk-high-contrast-active .osi-popover {
    outline: solid 1px
}

.cdk-high-contrast-active :host .osi-popover {
    outline: solid 1px
}

.osi-popover.osi-popover-align-corner {
    margin-left: 0;
    margin-right: 0
}

.osi-popover.osi-popover-verbose {
    max-width: 100%;
    word-break: break-all;
    text-overflow: initial;
    white-space: initial
}

.osi-popover.osi-popover-compact {
    padding: .125rem .25rem;
    line-height: 1rem
}

osi-table {
    display: block
}

osi-row,osi-header-row,osi-footer-row {
    display: flex;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    align-items: center;
    box-sizing: border-box
}

osi-row:after,osi-header-row:after,osi-footer-row:after {
    display: inline-block;
    min-height: inherit;
    content: ""
}

osi-cell,osi-header-cell,osi-footer-cell {
    flex: 1;
    display: flex;
    align-items: center;
    word-wrap: break-word;
    min-height: inherit;
    position: relative;
    padding: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

osi-cell.align-right,osi-header-cell.align-right,osi-footer-cell.align-right {
    flex-direction: row-reverse
}

osi-cell.align-right .osi-sort-header-container,osi-header-cell.align-right .osi-sort-header-container,osi-footer-cell.align-right .osi-sort-header-container {
    flex-direction: row-reverse
}

.table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1rem;
    color: #000000de;
    background-color: #fff;
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
}

.table th,.table td {
    padding: .5rem;
    vertical-align: top;
    border-bottom: 1px solid #d2d6d9;
    background-clip: padding-box
}

.table thead th {
    vertical-align: bottom;
    border: 0;
    border-bottom: 1px solid #d2d6d9;
    pointer-events: none
}

.table tr {
    background-color: #fff;
    height: 48px;
}

.table tr:hover {
    background-color: #f8f9fe;
    height: 48px;
}

.table-sm th,.table-sm td {
    padding: .3rem
}

.table-bordered,.table-bordered th,.table-bordered td {
    border: 1px solid #d2d6d9
}

.table-bordered thead th,.table-bordered thead td {
    border-bottom-width: 2px
}

.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #0000000d
}

.table-hover tbody tr:hover {
    color: #000000de;
    background-color: #4d5ee00a
}

.table-primary,.table-primary>th,.table-primary>td {
    background-color: #cdd2f6
}

.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody {
    border-color: #a2abef
}

.table-hover .table-primary:hover {
    background-color: #b7bff2
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #b7bff2
}

.table-secondary,.table-secondary>th,.table-secondary>td {
    background-color: #cecfd1
}

.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody {
    border-color: #a5a7a9
}

.table-hover .table-secondary:hover {
    background-color: #c1c2c5
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c1c2c5
}

.table-success,.table-success>th,.table-success>td {
    background-color: #c3e6cb
}

.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody {
    border-color: #8fd19e
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,.table-info>th,.table-info>td {
    background-color: #cdd2f6
}

.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody {
    border-color: #a2abef
}

.table-hover .table-info:hover {
    background-color: #b7bff2
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #b7bff2
}

.table-warning,.table-warning>th,.table-warning>td {
    background-color: #ffeeba
}

.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody {
    border-color: #ffdf7e
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,.table-danger>th,.table-danger>td {
    background-color: #f1c4c3
}

.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody {
    border-color: #e49290
}

.table-hover .table-danger:hover {
    background-color: #ecb0ae
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #ecb0ae
}

.table-light,.table-light>th,.table-light>td {
    background-color: #fcfcfc
}

.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody {
    border-color: #f9f9fa
}

.table-hover .table-light:hover {
    background-color: #efefef
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #efefef
}

.table-dark,.table-dark>th,.table-dark>td {
    background-color: #c4c5c6
}

.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody {
    border-color: #929395
}

.table-hover .table-dark:hover {
    background-color: #b7b8b9
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b7b8b9
}

.table-active,.table-active>th,.table-active>td {
    background-color: #4d5ee00a
}

.table-hover .table-active:hover {
    background-color: #374adc0a
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: #374adc0a
}

.table th {
    color: #363d42;
    background-color: #f3f4f5;
    border-color: #d2d6d9
}

.table th,.table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
    border: 0
}

.table th.osi-header-cell {
    position: relative
}

.osi-header-resize {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .25rem;
    transform: translate(50%)
}

.osi-header-resize.osi-header-resize-handle {
    cursor: col-resize;
    pointer-events: auto
}

.osi-filterable-button {
    top: 50%;
    transform: translateY(-50%);
    display: inline;
    position: absolute;
    background: inherit;
    pointer-events: auto
}

.osi-filterable-button.filter-with-resize {
    right: 0rem
}

.osi-filterable-button.filter-without-resize {
    right: 0
}

th.text-right>.osi-filterable-button {
    right: unset;
    left: 0
}

.osi-table-sticky {
    background-color: inherit;
    background-clip: padding-box
}

th.osi-header-cell:not(:nth-last-child(-n+2)):after,.osi-header-cell-resizeable:after {
    position: absolute;
    right: 0;
    top: 25%;
    bottom: 25%;
    background-color: #d2d6d9;
    content: "";
    width: .125rem
}

osi-text-filter.osi-filter.osi-menu-panel {
    padding: .5rem
}

osi-checkbox-filter.osi-filter.osi-menu-panel {
    padding: 0
}

.pe-auto {
    pointer-events: auto!important
}

.cursor-pointer {
    cursor: pointer!important
}

.ocs-container {
    position: fixed;
    left: 0;
    top: 64px;
    height: calc(100% - 64px);
    overflow: hidden;
    display: inline-block;
    width: 100%;
    background: #ffffff
}

.ocs-container-full {
    top: 0;
    width: 100%;
    height: 100%
}

.ocs-page {
    height: 100%
}

.ocs-content {
    padding: 0;
    height: 100%;
    width: 100%
}

.ocs-management-container {
    width: 100%;
    height: 100%
}

.ocs-scroller {
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.ocs-form-scroller {
    overflow-y: auto;
    height: 100%
}

.ocs-form-container,.ocs-query-form-container {
    width: 100%;
    padding: 10px;
    align-items: stretch;
    align-content: stretch;
    display: flex;
    flex-flow: row wrap
}

.ocs-form-container li,.ocs-query-form-container li {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 0
}

.ocs-query-form-container {
    background: #ffffff;
    border-bottom: 5px solid #beccd6
}

.ocs-details-container {
    padding: 10px 0;
    background-color: #fff;
    margin-bottom: 15px;
    position: relative
}

.ocs-details-container li {
    list-style: none;
    margin: 0 0 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0!important
}

.ocs-details-container li label {
    margin: 0 10px;
    width: 150px;
    display: inline-block;
    text-align: right;
    border-right: 1px solid #beccd6;
    padding: 5px 10px
}

.ocs-details-container-title {
    color: #000000de;
    margin: 0 0 10px 5px;
    display: inline-block;
    font-size: 16px
}

.ocs-home {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    padding: 0
}

.ocs-home-link {
    margin: 0 0 10px 15px;
    font-weight: 700
}

.ocs-home-link>a>mat-icon {
    margin-right: 15px
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper {
        display:table;
        height: 100%;
        width: 100%;
        background: #f3f4f5
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel {
    padding: 20px;
    opacity: .9
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel {
        display:table-cell;
        width: 50%;
        height: 100%;
        float: none
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-right {
    border-left: 1px solid #ffffff
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-right {
        padding-left:10px!important
    }
}

@media (max-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-right {
        padding-top:0!important
    }
}

@media (min-width: 1200px) {
    .ocs-home-panel-wrapper>.ocs-home-panel.ocs-home-panel-left {
        padding-right:10px!important
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel>div {
    height: 100%;
    padding: 20px;
    max-width: 1000px
}

.ocs-home-panel-wrapper>.ocs-home-panel>div>h1 {
    font-size: 24px;
    font-weight: 400;
    color: #151719;
    margin: -20px -20px 0;
    padding: 20px;
    height: 80px;
    white-space: nowrap
}

@media (max-width: 600px) {
    .ocs-home-panel-wrapper>.ocs-home-panel>div>h1 {
        font-size:20px!important;
        margin: -20px -20px 0 -40px!important
    }
}

.ocs-home-panel-wrapper>.ocs-home-panel>div>h1 mat-icon {
    margin-right: 10px
}

.ocs-home-panel-wrapper>.ocs-home-panel h2 {
    font-size: 18px;
    font-weight: 700;
    color: #151719
}

.ocs-home-panel-wrapper>.ocs-home-panel .ocs-home-no-link {
    margin: 0 0 10px 15px;
    font-weight: 700
}

.ocs-home-panel-wrapper>.ocs-home-panel .ocs-home-no-link>i {
    color: #d2d6d9
}

.ocs-home-panel-wrapper>.ocs-home-panel .ocs-home-no-link>mat-icon {
    margin-right: 15px
}

a,a:hover,a:focus {
    color: #4d5ee0;
    text-decoration: none
}

.ocs-field-warning {
    color: #8f2727
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-content {
    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;
    background-color: var(--mat-badge-background-color);
    color: var(--mat-badge-text-color);
    font-family: Roboto,sans-serif;
    font-family: var(--mat-badge-text-font, Roboto, sans-serif);
    font-size: 12px;
    font-size: var(--mat-badge-text-size, 12px);
    font-weight: 600;
    font-weight: var(--mat-badge-text-weight, 600)
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-disabled .mat-badge-content {
    background-color: var(--mat-badge-disabled-state-background-color);
    color: var(--mat-badge-disabled-state-text-color)
}

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

.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable {
    transition: none
}

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

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 9px;
    font-size: var(--mat-badge-small-size-text-size, 9px)
}

.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;
    font-size: 24px;
    font-size: var(--mat-badge-large-size-text-size, 24px)
}

.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
}

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

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

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

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

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

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

.cdk-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;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    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;
    inset: 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
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

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

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.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
}

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

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

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

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,.mat-typography .mat-h5,.mat-typography h5 {
    font: 400 11.62px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-h6,.mat-typography .mat-h6,.mat-typography h6 {
    font: 400 9.38px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0071428571em
}

.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p {
    margin: 0 0 12px
}

.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0333333333em
}

.mat-headline-1,.mat-typography .mat-headline-1 {
    font-size: 96px;
    font-weight: 300;
    line-height: 96px;
    font-family: Roboto,sans-serif;
    letter-spacing: -.015625em;
    margin: 0 0 56px
}

.mat-headline-2,.mat-typography .mat-headline-2 {
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    font-family: Roboto,sans-serif;
    letter-spacing: -.0083333333em;
    margin: 0 0 64px
}

.mat-headline-3,.mat-typography .mat-headline-3 {
    font-size: 48px;
    font-weight: 400;
    line-height: 50px;
    font-family: Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,.mat-typography .mat-headline-4 {
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0073529412em;
    margin: 0 0 64px
}

.mat-ripple-element {
    background-color: #0000001a
}

html {
    --mat-option-selected-state-label-text-color: #4d5ee0;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-accent {
    --mat-option-selected-state-label-text-color: #4d5ee0
}

.mat-warn {
    --mat-option-selected-state-label-text-color: #f44336
}

html {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
}

.mat-pseudo-checkbox-full {
    color: #0000008a
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #f44336
}

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

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #b0b0b0
}

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

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

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

html {
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: normal;
    --mat-option-label-text-weight: normal
}

html {
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: normal;
    --mat-optgroup-label-text-weight: normal
}

html {
    --mat-autocomplete-background-color: white
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-dialog-container {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: normal;
    --mdc-dialog-supporting-text-tracking: normal
}

html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: white
}

html {
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: normal;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: normal
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
    --mat-snack-bar-button-color: #e8e8fb
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary,.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #4d5ee0
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary,.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #4d5ee0;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #4d5ee0;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary,.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #4d5ee0
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-button,.mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #4d5ee0;
    --mat-mdc-button-ripple-color: rgba(77, 94, 224, .1)
}

.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-raised-button,.mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base {
    height: 36px
}

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-fab,.mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(0, 0, 0, .12);
    --mdc-fab-icon-color: rgba(0, 0, 0, .38);
    --mat-mdc-fab-color: rgba(0, 0, 0, .38)
}

.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: white;
    --mdc-fab-icon-color: black;
    --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #4d5ee0;
    --mdc-fab-icon-color: white;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mdc-fab-icon-color: white;
    --mat-mdc-fab-color: #fff
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-extended-fab {
    --mdc-extended-fab-label-text-font: Roboto, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: .0892857143em;
    --mdc-extended-fab-label-text-weight: 500
}

.mat-mdc-icon-button {
    --mdc-icon-button-icon-color: inherit;
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button.mat-primary {
    --mat-mdc-button-persistent-ripple-color: #6200ee;
    --mat-mdc-button-ripple-color: rgba(98, 0, 238, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #018786;
    --mat-mdc-button-ripple-color: rgba(1, 135, 134, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #b00020;
    --mat-mdc-button-ripple-color: rgba(176, 0, 32, .1)
}

.mat-mdc-icon-button.mat-primary,.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #4d5ee0;
    --mat-mdc-button-persistent-ripple-color: #4d5ee0;
    --mat-mdc-button-ripple-color: rgba(77, 94, 224, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336;
    --mat-mdc-button-persistent-ripple-color: #f44336;
    --mat-mdc-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-background-color: white;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-standard-button-toggle-disabled-state-background-color: white;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: #e0e0e0
}

html {
    --mat-standard-button-toggle-height: 36px
}

html {
    --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
    --mat-standard-button-toggle-text-font: Roboto, sans-serif
}

html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
    --mat-paginator-container-size: 56px
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: .0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px
}

.mat-mdc-card {
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}

.mat-mdc-card {
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: .0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: .0071428571em;
    --mat-card-subtitle-text-weight: 500
}

html {
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: .0178571429em;
    --mat-expansion-container-text-weight: 400
}

html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mdc-list-item__start,.mdc-list-item__end,.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0
}

.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-list-option,.mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #4d5ee0
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

.mat-mdc-list-base {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: normal;
    --mdc-list-list-item-label-text-weight: normal;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em
}

html {
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, .12);
    --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent
}

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html {
    --mat-stepper-header-height: 60px
}

html {
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: normal
}

.mat-mdc-tab-group,.mat-mdc-tab-nav-bar,.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #4d5ee0;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #4d5ee0;
    --mat-tab-header-active-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #4d5ee0;
    --mat-tab-header-active-hover-label-text-color: #4d5ee0;
    --mat-tab-header-active-focus-indicator-color: #4d5ee0;
    --mat-tab-header-active-hover-indicator-color: #4d5ee0
}

.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary,.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #4d5ee0;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 36px
}

.mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Roboto, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: .0892857143em;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 500
}

html {
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary,.mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #4d5ee0;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

html {
    --mat-toolbar-standard-height: 52px;
    --mat-toolbar-mobile-height: 44px
}

html {
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: .0125em;
    --mat-toolbar-title-text-weight: 500
}

html {
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
}

html {
    --mat-table-header-container-height: 44px;
    --mat-table-footer-container-height: 40px;
    --mat-table-row-item-container-height: 40px
}

html {
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: .0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: .0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: .0178571429em
}

html,.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    color: #00000061
}

html {
    --mdc-checkbox-state-layer-size: 36px
}

.mat-mdc-checkbox .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-standard-chip {
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #4d5ee0;
    --mdc-chip-elevated-disabled-container-color: #4d5ee0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 28px
}

.mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Roboto, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: .0178571429em;
    --mdc-chip-label-text-weight: 400
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #4d5ee0;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(77, 94, 224, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-toggle-active-state-icon-color: #e8e8fb;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(77, 94, 224, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #4d5ee0;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(77, 94, 224, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(77, 94, 224, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(77, 94, 224, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #e8e8fb
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

html {
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400
}

html {
    --mdc-filled-text-field-caret-color: #4d5ee0;
    --mdc-filled-text-field-focus-active-indicator-color: #4d5ee0;
    --mdc-filled-text-field-focus-label-text-color: rgba(77, 94, 224, .87);
    --mdc-filled-text-field-container-color: whitesmoke;
    --mdc-filled-text-field-disabled-container-color: #fafafa;
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
    --mdc-outlined-text-field-caret-color: #4d5ee0;
    --mdc-outlined-text-field-focus-outline-color: #4d5ee0;
    --mdc-outlined-text-field-focus-label-text-color: rgba(77, 94, 224, .87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336;
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38)
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #f44336)
}

.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mat-form-field-subscript-text-font);
    line-height: var(--mat-form-field-subscript-text-line-height);
    font-size: var(--mat-form-field-subscript-text-size);
    letter-spacing: var(--mat-form-field-subscript-text-tracking);
    font-weight: var(--mat-form-field-subscript-text-weight)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #000000de
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #0000008a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #4d5ee0de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #4d5ee0de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #f44336de
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after {
    color: #00000061
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #4d5ee0;
    --mdc-filled-text-field-focus-active-indicator-color: #4d5ee0;
    --mdc-filled-text-field-focus-label-text-color: rgba(77, 94, 224, .87);
    --mdc-outlined-text-field-caret-color: #4d5ee0;
    --mdc-outlined-text-field-focus-outline-color: #4d5ee0;
    --mdc-outlined-text-field-focus-label-text-color: rgba(77, 94, 224, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid transparent
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid transparent
}

.mat-mdc-form-field-infix {
    min-height: 52px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 26px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -32.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 14px;
    padding-bottom: 14px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 22px;
    padding-bottom: 6px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 14px;
    padding-bottom: 14px
}

html {
    --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: normal;
    --mdc-filled-text-field-label-text-weight: normal;
    --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: normal;
    --mdc-outlined-text-field-label-text-weight: normal;
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: normal;
    --mat-form-field-container-text-weight: normal;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: .0333333333em;
    --mat-form-field-subscript-text-weight: 400
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary,.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #4d5ee0;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button .mdc-radio {
    --mdc-radio-state-layer-size: 36px
}

.mat-mdc-radio-button .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

html,html .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(77, 94, 224, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: normal;
    --mat-select-trigger-text-weight: normal
}

.mat-mdc-slide-toggle {
    --mdc-switch-selected-focus-state-layer-color: #1b38cd;
    --mdc-switch-selected-handle-color: #1b38cd;
    --mdc-switch-selected-hover-state-layer-color: #1b38cd;
    --mdc-switch-selected-pressed-state-layer-color: #1b38cd;
    --mdc-switch-selected-focus-handle-color: #00039e;
    --mdc-switch-selected-hover-handle-color: #00039e;
    --mdc-switch-selected-pressed-handle-color: #00039e;
    --mdc-switch-selected-focus-track-color: #707ce6;
    --mdc-switch-selected-hover-track-color: #707ce6;
    --mdc-switch-selected-pressed-track-color: #707ce6;
    --mdc-switch-selected-track-color: #707ce6;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-handle-shadow-color: black;
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #00000061
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #1b38cd;
    --mdc-switch-selected-handle-color: #1b38cd;
    --mdc-switch-selected-hover-state-layer-color: #1b38cd;
    --mdc-switch-selected-pressed-state-layer-color: #1b38cd;
    --mdc-switch-selected-focus-handle-color: #00039e;
    --mdc-switch-selected-hover-handle-color: #00039e;
    --mdc-switch-selected-pressed-handle-color: #00039e;
    --mdc-switch-selected-focus-track-color: #707ce6;
    --mdc-switch-selected-hover-track-color: #707ce6;
    --mdc-switch-selected-pressed-track-color: #707ce6;
    --mdc-switch-selected-track-color: #707ce6
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 44px
}

.mat-mdc-slide-toggle {
    --mat-slide-toggle-label-text-font: Roboto, sans-serif;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: .0178571429em;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-weight: 400
}

.mat-mdc-slide-toggle .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .875rem;
    font-size: var(--mdc-typography-body2-font-size, .875rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: .0178571429em;
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-body2-text-transform, inherit)
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

.mat-mdc-slider.mat-primary,.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #4d5ee0;
    --mdc-slider-focus-handle-color: #4d5ee0;
    --mdc-slider-hover-handle-color: #4d5ee0;
    --mdc-slider-active-track-color: #4d5ee0;
    --mdc-slider-inactive-track-color: #4d5ee0;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #4d5ee0;
    --mat-mdc-slider-ripple-color: #4d5ee0;
    --mat-mdc-slider-hover-ripple-color: rgba(77, 94, 224, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(77, 94, 224, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mat-mdc-slider-ripple-color: #f44336;
    --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
}

.mat-mdc-slider {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

html {
    --mat-badge-background-color: #4d5ee0;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

.mat-badge-accent {
    --mat-badge-background-color: #4d5ee0;
    --mat-badge-text-color: white
}

.mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-large-size-text-size: 24px
}

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

.mat-mdc-progress-spinner,.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #4d5ee0
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #4d5ee0;
    --mdc-linear-progress-track-color: rgba(77, 94, 224, .25)
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

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

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

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #4d5ee0;
    --mdc-linear-progress-track-color: rgba(77, 94, 224, .25)
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

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

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

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #4d5ee040;
    background-color: var(--mdc-linear-progress-track-color, rgba(77, 94, 224, .25))
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, .25)
}

@keyframes mdc-linear-progress-buffering {
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

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

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

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

.mat-mdc-button,.mat-mdc-outlined-button,.mat-mdc-unelevated-button {
    min-width: unset!important
}

.mat-mdc-button .mdc-button__label,.mat-mdc-outlined-button .mdc-button__label,.mat-mdc-unelevated-button .mdc-button__label {
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    gap: .25rem
}

.mat-mdc-button .mat-icon,.mat-mdc-outlined-button .mat-icon,.mat-mdc-unelevated-button .mat-icon {
    height: 24px!important;
    width: 24px!important
}

.mat-mdc-button .mat-icon,.mat-mdc-outlined-button .mat-icon,.mat-mdc-unelevated-button .mat-icon {
    margin-left: 0!important;
    margin-right: 0!important
}

.mat-mdc-button .mat-icon+.mdc-button__label:not(:empty),.mat-mdc-outlined-button .mat-icon+.mdc-button__label:not(:empty),.mat-mdc-unelevated-button .mat-icon+.mdc-button__label:not(:empty) {
    margin-left: 8px!important
}

.mat-mdc-fab .mat-icon {
    height: 24px!important;
    width: 24px!important
}

.mat-mdc-icon-button .mat-icon {
    height: 24px!important;
    width: 24px!important;
    display: block
}

.mat-mdc-button-base.mat-badge-overlap.mat-badge-above.mat-badge-after.mat-mdc-icon-button .mat-badge-content.mat-badge-active {
    top: 0;
    right: -3px
}

.mat-mdc-button-base.mat-badge-overlap.mat-badge-above.mat-badge-after.mat-badge-small .mat-badge-content.mat-badge-active {
    top: -4px
}

a.mat-mdc-button[disabled][disabled] {
    color: var(--mdc-text-button-disabled-label-text-color)
}

.mat-button-toggle-group .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled) {
    background-color: #fff;
    color: #4d5ee0
}

.mat-button-toggle-group .mat-button-toggle-checked:not(.mat-button-toggle-disabled) {
    background-color: #4d5ee0;
    color: #fff
}

.mat-button-toggle-group .mat-button-toggle-label-content>mat-icon:only-child {
    margin-left: -6px;
    margin-right: -6px
}

.mat-button-toggle-group .mat-button-toggle-label-content>:not(mat-icon:only-child) {
    font-family: Roboto,sans-serif;
    font-size: 14px!important;
    font-weight: 400;
    letter-spacing: .0178571429em;
    line-height: 20px
}

.mat-button-toggle-group .mat-button-toggle.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    height: 36px;
    display: flex;
    align-items: center
}

.vertical-tab-label .mat-button-toggle-button .mat-button-toggle-label-content {
    padding: 9px 8px!important
}

mat-card mat-card-header,mat-card mat-card-content {
    word-break: normal;
    overflow-wrap: break-word
}

mat-card mat-card-header .mat-mdc-card-header-text {
    width: 100%
}

.mat-mdc-checkbox:not(.mat-mdc-checkbox-disable) .mdc-checkbox__native-control:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    background-color: #fff!important
}

.select-col-table th:first-child,.select-col-table td:first-child {
    width: calc(40px + .5rem)!important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .25rem;
    padding-right: .25rem
}

:not(td):not(th)>.mdc-evolution-chip-set .mdc-evolution-chip__text-label {
    white-space: normal!important;
    line-height: normal!important
}

:not(td):not(th)>.mdc-evolution-chip-set .mat-mdc-chip {
    height: -moz-fit-content!important;
    height: fit-content!important;
    padding-top: 7px;
    padding-bottom: 7px
}

.mat-mdc-chip .mdc-evolution-chip__graphic {
    height: 14px!important
}

table .mdc-evolution-chip {
    max-width: unset
}

table .mdc-evolution-chip-set,table .mdc-evolution-chip-set__chips {
    display: inline
}

mat-datepicker-toggle button:focus,mat-datepicker-content button:focus {
    outline: none
}

.mat-toolbar .mat-mdc-form-field .mat-mdc-form-field-bottom-align:before {
    display: none!important;
    height: 0!important
}

.mat-toolbar .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-infix {
    width: auto!important;
    max-width: 200px
}

.mat-mdc-form-field .mat-mdc-form-field-infix>.mat-mdc-checkbox {
    margin: -10px
}

.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper:not(.mat-mdc-form-field-subscript-dynamic-size) mat-error,.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper:not(.mat-mdc-form-field-subscript-dynamic-size) mat-hint {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper mat-error:not(:first-child),.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper mat-hint:not(:first-child) {
    display: none
}

.mat-mdc-form-field:not(.mat-form-field-disabled).mat-mdc-form-field-type-mat-select {
    cursor: pointer
}

.mat-mdc-form-field:not(.mat-form-field-disabled).mat-mdc-form-field-type-mat-input {
    cursor: text
}

.mat-icon {
    line-height: 1;
    height: 1.3em!important;
    width: 1.3em!important;
    font-size: inherit!important;
    flex-shrink: 0;
    align-self: center;
    vertical-align: text-bottom
}

.mat-icon svg {
    width: unset!important;
    height: unset!important
}

.mat-mdc-input-element::-webkit-calendar-picker-indicator {
    display: block!important
}

.mat-mdc-list-base .mat-mdc-list-item-meta {
    --mdc-list-list-item-trailing-supporting-text-color: var(--mdc-icon-button-icon-color)
}

.mat-mdc-list-base .mat-mdc-list-item-meta.mat-mdc-button-base {
    align-self: center!important
}

.mat-mdc-list-base .mat-mdc-list-item-meta.mat-mdc-button-base:before {
    content: unset!important
}

.mat-mdc-menu-panel {
    max-width: none!important
}

.mat-mdc-menu-panel .mat-mdc-menu-item {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87)
}

mat-option>.mdc-list-item__primary-text {
    width: 100%!important
}

.mat-mdc-select .mat-mdc-select-arrow-wrapper {
    margin-left: .33em
}

.mat-toolbar,.mat-toolbar.mat-toolbar-row,.mat-toolbar.mat-toolbar-single-row {
    flex-shrink: 0;
    gap: .5rem;
    border-bottom: solid 1px #d2d6d9
}

.mat-drawer-container {
    height: 100%
}

.mat-drawer.default-drawer {
    width: 600px
}

.mat-drawer.filter-drawer {
    width: 375px
}

.mat-tab-label.mat-tab-label-active {
    opacity: 1
}

.mat-mdc-tooltip {
    white-space: pre-line
}

.mat-mdc-tooltip .mdc-tooltip__surface {
    text-align: inherit
}

.mat-mdc-tab-body-wrapper {
    flex-grow: 1
}

mat-stepper .mat-horizontal-stepper-wrapper {
    height: 100%
}

mat-stepper .mat-horizontal-stepper-content {
    height: 100%
}

mat-slide-toggle button:enabled+label:not(:disabled) {
    cursor: pointer
}

.mat-mdc-table {
    table-layout: fixed!important;
    margin-bottom: 1rem;
    color: #000000de;
    background-color: #fff
}

.mat-mdc-table th,.mat-mdc-table td,.mat-mdc-table tr {
    padding: .5rem!important;
    border-bottom: 1px solid #d2d6d9;
    background-clip: padding-box;
    background-color: #fff
}

.mat-mdc-table th,.mat-mdc-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mat-mdc-table thead tr {
    color: #363d42;
    background-color: #f3f4f5;
    border-color: #d2d6d9;
    font-weight: 700;
    font-size: 14px
}

.mat-mdc-table thead tr:after {
    position: sticky!important;
    top: 0;
    background-color: #f3f4f5
}

.mat-mdc-table th {
    border: 0;
    border-bottom: 1px solid #d2d6d9
}

.mat-mdc-table th:after {
    position: absolute;
    right: 0;
    top: 25%;
    bottom: 25%;
    background-color: #d2d6d9;
    content: "";
    width: .125rem
}

.mat-mdc-table tr {
    background-color: #fff;
    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    height: unset!important
}

.mat-mdc-table tr:after {
    display: table-cell;
    content: ""
}

.mat-mdc-table td {
    font-weight: 400;
    word-wrap: break-word;
    position: relative;
    padding: .5rem
}

.col-resizer {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    cursor: e-resize;
    width: 12px;
    transform: translate(50%);
    pointer-events: auto
}

.cdk-virtual-scroll-viewport.osi-table-virtual-scroll-wrapper {
    height: 100%;
    outline: none
}

.cdk-virtual-scroll-viewport.osi-table-virtual-scroll-wrapper .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

.osi-table.osi-table-selectable tbody tr {
    cursor: pointer
}

aveva-property-view-container {
    display: grid;
    grid-template-columns: minmax(auto,max-content) auto;
    grid-auto-rows: auto
}

aveva-property-view-container label {
    margin-bottom: 0
}

aveva-property-view-container>[ocsPropertyViewLabel] {
    grid-column: 1
}

aveva-property-view-container>*:not([ocsPropertyViewLabel]) {
    grid-column: 2
}

aveva-property-view-container>[ocsPropertyViewFormField] {
    padding-top: .2125rem
}

aveva-property-view-container>[ocsPropertyViewText],aveva-property-view-container>[ocsPropertyViewLabel] {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    line-height: 1.5
}

aveva-property-view-container>[ocsPropertyViewLabel] {
    border-right: 1px solid black;
    text-align: right;
    padding-right: .3125rem;
    margin-right: .3125rem
}

aveva-property-view-container>[ocsPropertyViewText] {
    font-weight: 700
}

aveva-property-view-container.condensed [ocsPropertyViewText],aveva-property-view-container.condensed [ocsPropertyViewLabel] {
    padding-top: .1125rem;
    padding-bottom: .1125rem;
    line-height: 1.25
}

.search-help-overlay .aveva-search-help-column {
    padding: 1em
}

.search-help-overlay>.aveva-search-help-autocomplete+.aveva-search-help-column {
    background: #f3f4f5;
    margin: .5em;
    border-radius: 5px;
    border: 1px #d2d6d9 solid;
    position: sticky;
    top: 0;
    align-self: flex-start
}

aveva-manage-permissions-selector .osi-select-trigger {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

aveva-filter-identity-list .cdk-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

.ocs-virtual-scroll-w-100 .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

.cdk-overlay-pane .community-namespace-dropdown-panel {
    margin-top: -60px!important;
    max-height: none!important
}

.flex-container {
    display: flex;
    align-items: center;
    justify-content: center
}

aveva-data-chip-list {
    gap: 4px
}

aveva-data-chip>.mat-icon {
    margin-right: .25rem!important
}

.add-role-panel-class {
    margin-top: 25px;
    width: 280px;
    position: absolute;
    right: -48px
}

.add-role-panel-class .mat-mdc-option .mat-pseudo-checkbox {
    display: none
}

adh-usage-stacked-barchart path.bar {
    cursor: default!important
}

.search-help-overlay .search-help-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px
}

.search-help-overlay .search-help-grid-container>:nth-child(odd) {
    font-style: italic
}

.aveva-empty-state {
    width: 100%;
    height: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.aveva-empty-state .optional-content:not(:empty)+.default-content {
    display: none
}

.aveva-empty-state .optional-content:not(:empty)+.optional-content:empty+.default-content,.aveva-empty-state .optional-content:empty+.optional-content:not(:empty)+.default-content {
    display: none
}

.aveva-empty-state .aveva-empty-state-body {
    max-width: 760px;
    letter-spacing: .02em;
    line-height: 24px
}

.aveva-empty-state-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: block;
    font-size: x-large;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 32px
}

.aveva-empty-state-image {
    margin-bottom: 1rem;
    display: block
}

.aveva-empty-state-image>* {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
}

.aveva-empty-state-icon {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    text-align: center;
    width: 100%;
    max-height: 192px;
    container-type: size;
    aspect-ratio: 1/1
}

.aveva-empty-state-icon .container {
    display: flex;
    justify-content: space-around;
    background-color: #0000001f;
    border-radius: 50%;
    max-width: 192px;
    width: auto;
    overflow: hidden;
    aspect-ratio: 1/1!important
}

.aveva-empty-state-icon .container .aveva-empty-state-svg {
    height: 72px!important;
    width: 72px!important;
    vertical-align: middle;
    line-height: 0
}

@container (width <= 95px) or (height <= 95px) {
    .aveva-empty-state-icon .container {
        display: none
    }
}

@container (width > 144px) and (height > 144px) {
    .aveva-empty-state-icon .container .aveva-empty-state-svg {
        height: 96px!important;
        width: 96px!important
    }
}

.aveva-empty-state-actions {
    display: block;
    margin-bottom: 16px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px 0
}

.aveva-empty-state-actions>*:not(:last-child) {
    margin-right: 10px
}

.mat-toolbar>.toolbar-spacer {
    flex: 1 1 auto
}

.tooltip-custom-long {
    max-width: unset!important
}

.filter-bar {
    height: 46px;
    overflow-y: auto
}

.filter-bar .mdc-evolution-chip-set__chips {
    justify-content: center
}

.monaco-mat-themed {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #f5f5f5
}

.monaco-mat-themed label.monaco-mat-themed__label {
    transform: scale(.75);
    color: #0009;
    padding: 4px 16px 0
}

.monaco-mat-themed .monaco-mat-themed__editor {
    border-bottom: 1px solid rgba(0,0,0,.42)
}

.monaco-mat-themed:focus-within label.monaco-mat-themed__label {
    color: #4d5ee0
}

.monaco-mat-themed:focus-within .monaco-mat-themed__editor {
    border-bottom-color: #4d5ee0;
    border-bottom-width: 2px
}

aveva-paginator .page-select-form-field .mat-mdc-form-field-infix {
    min-height: 40px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

aveva-paginator .page-select-form-field .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

aveva-paginator .page-select-form-field .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

aveva-paginator .page-select-form-field .mat-mdc-form-field-subscript-wrapper {
    display: none
}

app app-header .app-header-toolbar {
    height: 64px;
    font-size: 24px
}

app app-header .app-header-toolbar>button:not(.sign-in-btn) {
    border-radius: 100%;
    color: #0009
}

app app-header .app-header-toolbar>button:not(.sign-in-btn) a {
    color: inherit
}

app app-header .app-header-toolbar>button:not(.sign-in-btn):not(:hover) {
    background-color: transparent!important;
    border-color: transparent!important
}

app-apiconsole mat-form-field.bg-primary {
    background-color: unset!important;
    color: #fff
}

app-apiconsole mat-form-field.bg-primary .mdc-text-field--filled {
    background-color: #4d5ee0!important;
    position: relative
}

app-apiconsole mat-form-field.bg-primary:hover .mdc-text-field--filled .mat-mdc-form-field-focus-overlay {
    background-color: #fff;
    opacity: .04
}

.libs__apiconsole__styles.history-dropdown {
    max-width: 95vw!important
}

.libs__apiconsole__styles.history-dropdown .mdc-list-item__primary-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    color: inherit
}

.alert-link:hover,.alert-link:focus {
    color: inherit
}

aveva-drawer-title,aveva-drawer-subtitle {
    display: flex;
    align-items: center;
    margin-left: .75rem;
    margin-right: .75rem;
    font-size: 1rem!important;
    font-weight: 400!important;
    flex-shrink: 0;
    height: 52px
}

aveva-drawer-title>[mat-icon-button]:last-child,aveva-drawer-title>[drawerTitleButtons]:last-child,aveva-drawer-title>aveva-action-buttons:last-child,aveva-drawer-subtitle>[mat-icon-button]:last-child,aveva-drawer-subtitle>[drawerTitleButtons]:last-child,aveva-drawer-subtitle>aveva-action-buttons:last-child {
    margin-right: -.5rem!important
}

aveva-drawer-content {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto
}

aveva-drawer-actions {
    flex-shrink: 0
}

h3 {
    margin: 0
}

.aveva-drawer {
    display: flex!important;
    flex-direction: column!important;
    height: 100%!important
}

.pe-none {
    pointer-events: none!important
}

.bg-primary {
    background-color: #4d5ee0!important
}

.text-primary {
    color: #4d5ee0!important
}

.g-1 {
    gap: .25rem!important
}

.g-2 {
    gap: .5rem!important
}

.g-3 {
    gap: 1rem!important
}

.g-4 {
    gap: 1.5rem!important
}

.g-5 {
    gap: 3rem!important
}

.gx-1 {
    column-gap: .25rem!important
}

.gy-1 {
    row-gap: .25rem!important
}

.gx-2 {
    column-gap: .5rem!important
}

.gy-2 {
    row-gap: .5rem!important
}

.gx-3 {
    column-gap: 1rem!important
}

.gy-3 {
    row-gap: 1rem!important
}

.gx-4 {
    column-gap: 1.5rem!important
}

.gy-4 {
    row-gap: 1.5rem!important
}

.gx-5 {
    column-gap: 3rem!important
}

.gy-5 {
    row-gap: 3rem!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid
}

.grid-equal-columns {
    grid-auto-columns: minmax(0,1fr);
    grid-auto-flow: column
}

.d-inline-flex {
    display: inline-flex
}

.min-width-0 {
    min-width: 0
}

.mat-body-2 {
    font-size: 14px!important
}

mat-dialog-content[avevaDialogContentPartitions] {
    display: flex;
    flex-direction: column
}

mat-dialog-content[avevaDialogContentPartitions]>[avevaDialogContentScroll] {
    min-height: 250px
}

mat-dialog-content[avevaDialogContentPartitions]>*:not([avevaDialogContentScroll]) {
    flex-shrink: 0
}

mat-expansion-panel.sticky-header {
    overflow: inherit!important
}

mat-expansion-panel.sticky-header .mat-expansion-panel-header {
    position: sticky;
    top: 0;
    z-index: 1000
}

.mat-expansion-panel-content[style*="visibility: hidden"] * {
    overflow: hidden
}

mat-form-field.aveva-auto-size-form-field .mat-mdc-form-field-infix {
    width: unset
}

.mat-mdc-form-field.w-100:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field),.mat-mdc-form-field.flex-fill:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field) {
    width: 10px!important
}

.mat-mdc-form-field.w-100:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field)>div,.mat-mdc-form-field.flex-fill:not(.aveva-auto-size-form-field):not(.aveva-auto-grow-form-field)>div {
    background-color: red!important
}

:host {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column
}

mat-hint {
    visibility: hidden
}

.mat-mdc-list.show-dividers .mat-mdc-list-item,.mat-mdc-action-list.show-dividers .mat-mdc-list-item,.mat-mdc-selection-list.show-dividers .mat-mdc-list-item {
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #0000001f;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
    font-size: inherit
}

.mat-mdc-list.show-dividers:last-child .mat-mdc-list-item:last-child,.mat-mdc-action-list.show-dividers:last-child .mat-mdc-list-item:last-child,.mat-mdc-selection-list.show-dividers:last-child .mat-mdc-list-item:last-child {
    border-bottom-width: 0
}

.cdk-overlay-pane.aveva-mat-auto-size-select-overlay-panel-class {
    max-width: 800px
}

mat-drawer.aveva-Resizable .border-left {
    border-width: 3px!important;
    position: absolute;
    height: 100%;
    left: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-left:hover {
    cursor: col-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Resizable .border-right {
    border-width: 3px!important;
    position: absolute;
    height: 100%;
    right: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-right:hover {
    cursor: col-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Resizable .border-top {
    border-width: 3px!important;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-top:hover {
    cursor: row-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Resizable .border-bottom {
    border-width: 3px!important;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 999
}

mat-drawer.aveva-Resizable .border-bottom:hover {
    cursor: row-resize;
    filter: brightness(.8)
}

mat-drawer.aveva-Vertical {
    width: 100%!important;
    height: 300px;
    bottom: 0;
    top: unset
}

mat-drawer.default-drawer.aveva-Vertical {
    border-top: solid 1px rgba(0,0,0,.12);
    border-left: none;
    transform: translate3d(0,100%,0)
}

mat-tab-group.aveva-vertical-tabs {
    display: grid;
    grid-template-columns: auto 1fr
}

mat-tab-group.aveva-vertical-tabs .mat-mdc-tab-labels {
    flex-direction: column
}

mat-tab-group.aveva-vertical-tabs .mat-mdc-tab-labels .mdc-tab-indicator>.mdc-tab-indicator__content {
    height: 100%;
    border-right-width: 2px;
    border-right-style: solid;
    border-top-width: 0
}

mat-tab-group.aveva-vertical-tabs.aveva-icon-tabs .mdc-tab {
    min-width: 48px;
    width: 48px;
    padding: 0
}

.cdk-overlay-connected-position-bounding-box {
    z-index: unset
}

.aveva-popover-panel {
    z-index: 1000;
    transition: opacity .5s
}

.aveva-popover-panel.muted {
    opacity: .35;
    z-index: 999
}

.aveva-popover-container {
    display: block;
    position: relative
}

.aveva-popover {
    background-color: #f3f4f5;
    border-radius: 2px;
    margin: 7px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: .75rem;
    font-weight: 600;
    padding-top: .375rem;
    padding-bottom: .375rem;
    box-shadow: 0 .5rem 1rem #0000002d;
    max-width: 450px
}

.cdk-high-contrast-active .aveva-popover {
    outline: solid 1px
}

.cdk-high-contrast-active :host .aveva-popover {
    outline: solid 1px
}

.aveva-popover.aveva-popover-verbose {
    max-width: unset;
    word-break: break-word
}

.aveva-popover.aveva-popover-compact {
    padding: .125rem .25rem;
    line-height: 1rem
}

aveva-asset-explorer [hidden] {
    display: none!important
}

aveva-rules-editor aveva-form-stepper .mat-step-header {
    pointer-events: none!important
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-stepper-wrapper {
    height: 100%
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-stepper-header-container {
    flex: 0 0 auto
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-content-container {
    flex: 1;
    padding: 0
}

aveva-rules-editor aveva-form-stepper .mat-horizontal-stepper-content {
    height: 100%
}

.data-views-horizontal-scroll-viewport .cdk-virtual-scroll-content-wrapper {
    width: auto!important
}

aveva-data-views .cdk-virtual-scroll-content-wrapper,aveva-data-view-editor .cdk-virtual-scroll-content-wrapper,aveva-edit-fields .cdk-virtual-scroll-content-wrapper,.aveva-data-views__add-fields .cdk-virtual-scroll-content-wrapper,.aveva-data-views__remove-fields .cdk-virtual-scroll-content-wrapper {
    width: 100%!important
}

.dv-popover {
    width: 300px;
    word-break: normal;
    pointer-events: auto;
    font-weight: 400
}

.dv-popover-toggle {
    cursor: pointer
}

aveva-data-views table aveva-data-chip-list {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: None;
    flex-wrap: nowrap!important
}

aveva-data-views table aveva-data-chip-list::-webkit-scrollbar {
    width: 0;
    height: 0
}

aveva-data-views table aveva-data-chip-list aveva-data-chip {
    font-size: 12px;
    padding-left: 10px!important;
    padding-right: 10px!important
}

aveva-data-views table aveva-data-chip-list aveva-data-chip {
    min-height: 26px!important
}

aveva-data-views table aveva-data-chip-list aveva-data-chip {
    min-width: unset
}

aveva-data-views table tr:hover aveva-data-chip {
    background-color: #beccd6
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title {
    display: grid;
    gap: 1rem
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title>*,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title>*,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title>*,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title>* {
    margin: 0;
    max-width: 100%
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title>*:not(:first-child),aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title>*:not(:first-child),aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title>*:not(:first-child),aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title>*:not(:first-child) {
    justify-self: end
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title aveva-data-view-source,aveva-data-views .mat-expansion-panel-header .data-views-query-item-title aveva-data-chip,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title aveva-data-view-source,aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title aveva-data-chip,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title aveva-data-view-source,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title aveva-data-chip,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title aveva-data-view-source,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title aveva-data-chip {
    min-width: 0
}

aveva-data-views .mat-mdc-list-item-title.data-views-query-item-title,aveva-data-view-editor .mat-mdc-list-item-title.data-views-query-item-title {
    grid-template-columns: minmax(0,auto) minmax(40px,1fr) minmax(0,auto);
    align-items: center
}

aveva-data-views .mat-expansion-panel-header .data-views-query-item-title,aveva-data-view-editor .mat-expansion-panel-header .data-views-query-item-title {
    grid-template-columns: minmax(0,auto) minmax(41px,1fr) minmax(0,auto);
    margin-right: 1rem
}

.add-fields-stepper .mat-horizontal-stepper-content {
    height: 100%;
    display: flex;
    flex-direction: column
}

.add-fields-stepper .mat-horizontal-stepper-wrapper {
    height: 100%
}

.add-fields-stepper .mat-horizontal-content-container {
    overflow: hidden!important;
    padding: 0 24px 24px!important
}

ocs-graphql-console ocs-graphql-explorer {
    --graphql-console--objectTypeColor: rgba(0, 0, 0, .54);
    --graphql-console--argumentValueColor: #007daf;
    --graphql-console--enumValueColor: #cd00d6;
    --graphql-console--keywordValueColor: #0000da;
    --graphql-console--stringValueColor: #a31515;
    --graphql-console--numberValueColor: #0000da;
    --graphql-console--variableValueColor: #1f8800;
    --graphql-console--treeNestIndent: 20px;
    --graphql-console--treeRootLineHeight: 1.5rem;
    --graphql-console--defaultPlaceholder: rgba(0, 0, 0, .54)
}

ocs-graphql-console ocs-graphql-explorer .hidden {
    visibility: hidden
}

ocs-graphql-console ocs-graphql-explorer .graphql-type,ocs-graphql-console ocs-graphql-explorer .graphql-arg-name-type-separator {
    color: var(--graphql-console--objectTypeColor)
}

ocs-graphql-console ocs-graphql-explorer .graphql-argument {
    --mdc-icon-button-icon-color: var(--graphql-console--argumentValueColor);
    color: var(--graphql-console--argumentValueColor);
    font-style: italic
}

ocs-graphql-console ocs-graphql-explorer .secondary-tree-toggle {
    cursor: pointer
}

ocs-graphql-console ocs-graphql-explorer mat-icon.check-circle {
    color: #4d5ee0
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable {
    color: #87a17f;
    visibility: hidden
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable button,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable button {
    line-height: inherit
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable button:hover,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable button:hover {
    color: var(--graphql-console--variableValueColor)
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable.show-variable,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable.show-variable {
    visibility: visible!important;
    color: var(--graphql-console--variableValueColor)
}

ocs-graphql-console ocs-graphql-explorer .graphql-field .graphql-variable .variable-button mat-icon,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent .graphql-variable .variable-button mat-icon {
    width: 14px!important;
    height: 14px!important
}

ocs-graphql-console ocs-graphql-explorer .graphql-field:hover .graphql-variable,ocs-graphql-console ocs-graphql-explorer .graphql-argument-parent:hover .graphql-variable {
    visibility: visible
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind {
    --mdc-theme-primary: var(--graphqlColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-Variable {
    --graphqlColor: var(--graphql-console--variableValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-IntValue,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-FloatValue,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-Long {
    --graphqlColor: var(--graphql-console--numberValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-StringValue,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-DateTime,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-TimeSpan {
    --graphqlColor: var(--graphql-console--stringValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-BooleanValue {
    --graphqlColor: var(--graphql-console--keywordValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .graphql-kind.graphql-kind-EnumValue {
    --graphqlColor: var(--graphql-console--enumValueColor)
}

ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .mat-mdc-form-field.mat-focused mat-label,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar input,ocs-graphql-console ocs-graphql-explorer ocs-graphql-argument-scalar .mat-mdc-select-value-text {
    color: var(--graphqlColor)!important
}

ocs-graphql-console ocs-graphql-explorer mat-tab-group.hidden-tabs>.mat-mdc-tab-header {
    display: none
}

ocs-graphql-console ocs-graphql-explorer .button-like-icon {
    height: 40px;
    width: 40px;
    padding: 8px
}

.inactive-operation {
    color: #5a5858!important;
    font-style: italic
}

ov-profile mat-card {
    max-height: 65vh
}

ov-profile mat-card>div {
    overflow-y: auto
}

aveva-transfers search-result-list .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

aveva-transfers search-result-list {
    --mdc-checkbox-state-layer-size: 28px
}

aveva-transfers search-result-list .mat-mdc-checkbox-touch-target {
    display: none
}

aveva-transfers agents-blade .mat-small-icon-button {
    height: 30px!important;
    width: 30px!important;
    vertical-align: top!important
}

aveva-transfers agents-blade .mat-small-icon-button>.mat-button-wrapper {
    vertical-align: super!important;
    line-height: 0px!important
}

aveva-transfers agents-blade .mat-small-icon-button>.mat-icon {
    margin: auto
}

aveva-transfers agents-table .override-stopped-status-color mat-icon,aveva-transfers agents-blade .override-stopped-status-color mat-icon {
    color: #515559!important
}

aveva-transfers transfers-configuration .transfer-config-container .mat-mdc-tab-body-content {
    overflow: hidden
}

aveva-transfers transfer-configuration-table {
    --mdc-checkbox-state-layer-size: 28px
}

aveva-transfers transfer-configuration-table .mat-mdc-checkbox-touch-target {
    display: none
}

aveva-transfers transfer-configuration-table th mat-icon.mat-mdc-menu-trigger {
    color: #4d5ee0
}

aveva-transfers transfer-configuration-table th mat-icon.mat-mdc-menu-trigger:hover {
    color: #4d5ee0
}

aveva-transfers af-search-blade form .mdc-text-field,aveva-transfers pi-point-search-blade form .mdc-text-field {
    padding-left: 10px;
    padding-right: 10px
}

aveva-transfers agent-installer .download-spinner circle {
    stroke: #fff
}

aveva-transfers .mat-mdc-form-field-infix {
    width: unset!important
}

aveva-transfers .transfers-mat-form-field-size-adjustment {
    width: 100%
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-form-field-infix {
    min-height: 36px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 18px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -24.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 6px;
    padding-bottom: 6px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 6px;
    padding-bottom: 6px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 6px;
    padding-bottom: 6px
}

aveva-transfers .transfers-mat-form-field-size-adjustment .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

aveva-transfers .transfers-mat-option-size-adjustment {
    min-height: 36px!important
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content {
    display: flex;
    flex-direction: column
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content osi-charts-line-chart {
    flex: auto;
    height: auto!important;
    display: flex
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content osi-charts-line-chart .osi-charts-outer {
    height: unset!important;
    align-self: stretch
}

aveva-trend osi-drawer-container.main-container>.osi-drawer-content .chart-time-toolbar {
    text-align: center;
    padding-bottom: 6px;
    flex: none
}

aveva-trend aveva-trend-search-tab .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

aveva-trend aveva-asset-swap-modal .cdk-virtual-scroll-content-wrapper {
    width: 100%
}

aveva-trend aveva-trend-legend-table .table td {
    padding: .25rem
}

aveva-trend aveva-trend-legend-table .table tr:not(.table-group)>td {
    border-top: none
}

aveva-trend aveva-trend-legend-table .table tr:not(.last-of-group)>td {
    border-bottom: none
}

aveva-trend aveva-trend-legend-origin-info .mat-chip-list-wrapper {
    flex-wrap: nowrap!important
}

ocs-clients .mat-horizontal-content-container {
    padding: 0 5px!important
}

.mat-drawer.edge-filter-drawer {
    width: 380px!important
}

.editor-header .mat-mdc-form-field.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-infix {
    width: auto!important
}

.mat-mdc-dialog-container ul {
    line-height: 1.5
}

adh-transfer-editor .dense-checkbox {
    --mdc-checkbox-state-layer-size: 28px
}

adh-transfer-editor .dense-checkbox .mat-mdc-checkbox-touch-target {
    display: none
}

adh-transfer-editor .mat-mdc-paginator-container {
    min-height: unset!important
}

adh-transfer-editor .cdk-virtual-scroll-content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

adh-transfer-editor mat-checkbox .mdc-form-field {
    width: 100%
}

adh-transfer-editor mat-checkbox .mdc-form-field .mdc-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

adh-transfer-editor .mat-mdc-form-field-icon-suffix {
    display: flex
}

adh-transfer-editor adh-transfer-editor-table .table td {
    padding-top: .1rem;
    padding-bottom: .1rem
}

.padder {
    padding: 20px;
    display: inline-block;
    width: 100%
}

.ocs-search-message {
    text-align: right
}

.nowrap-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.token-details .tab-content {
    margin-top: -20px
}

.progress-spinner-wrapper {
    position: absolute;
    background: rgba(255,255,255,.1);
    inset: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.table thead th {
    pointer-events: auto;
    color: #0000008a;
    background-color: #fff;
}

.table thead th:after {
    pointer-events: none
}



.uilab-layout-nav {
    order: -1
}

.uilab-layout-container {
    display: flex;
    flex-grow: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    width: 100%;
    will-change: overflow
}

.uilab-main-canvas {
    flex-grow: 1;
    height: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    padding: .5rem
}

.mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 48px 0 0 48px;
    width: 32px
}

.mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0 48px 48px 0
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal
}

.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: .84375em solid transparent;
    border-bottom: .4375em solid transparent
}

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

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

.mat-form-field-label-wrapper {
    top: -.84375em;
    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: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

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

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

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    -ms-transform: translateY(-1.28124em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    -ms-transform: translateY(-1.28123em) scale(.75);
    width: 133.3333533333%
}

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

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

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

.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-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.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.3333433333%
}

.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-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.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.3333433333%
}

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

.mat-ripple {
    overflow: hidden;
    position: relative
}

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

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

.cdk-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;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,.cdk-global-overlay-wrapper {
    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;
    inset: 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
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

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

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear,opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.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
}

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

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

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

@keyframes cdk-text-field-autofill-start {
}

@keyframes cdk-text-field-autofill-end {
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

body {
    --primary-color: #4d5ee0;
    --primary-lighter-color: #cacff6;
    --primary-darker-color: #3442d3;
    --text-primary-color: #ffffff;
    --text-primary-lighter-color: rgba(0, 0, 0, .87);
    --text-primary-darker-color: #ffffff
}

body {
    --accent-color: #4d5ee0;
    --accent-lighter-color: #cacff6;
    --accent-darker-color: #3442d3;
    --text-accent-color: #ffffff;
    --text-accent-lighter-color: rgba(0, 0, 0, .87);
    --text-accent-darker-color: #ffffff
}

body {
    --warn-color: #cc2e29;
    --warn-lighter-color: #f0c0bf;
    --warn-darker-color: #b91d19;
    --text-warn-color: #ffffff;
    --text-warn-lighter-color: rgba(0, 0, 0, .87);
    --text-warn-darker-color: #ffffff
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-mdc-option {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
    background: rgba(0,0,0,.04)
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-primary, #4d5ee0)
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-secondary, #4d5ee0)
}

.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-optgroup-label {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-pseudo-checkbox-full {
    color: #0000008a
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #4d5ee0
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #4d5ee0
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #cc2e29
}

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

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #b0b0b0
}

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

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

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

.mat-mdc-option {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em)
}

.mat-mdc-card {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;
    --mdc-elevated-card-container-color: #fff
}

.mat-mdc-card-outlined {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
    --mdc-outlined-card-outline-color: #e0e0e0
}

.mat-mdc-card-subtitle {
    color: #0000008a
}

.mat-mdc-card-title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-headline6-font-size, 20px);
    line-height: var(--mdc-typography-headline6-line-height, 32px);
    font-weight: var(--mdc-typography-headline6-font-weight, 500);
    letter-spacing: var(--mdc-typography-headline6-letter-spacing, .0125em);
    -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-transform: var(--mdc-typography-headline6-text-transform, none)
}

.mat-mdc-card-subtitle {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #4d5ee0
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(77, 94, 224, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #4d5ee040
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #4d5ee0
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(77, 94, 224, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #4d5ee040
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #cc2e29
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(204, 46, 41, 0.25)'/%3E%3C/svg%3E")
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #cc2e2940
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: white
}

.mat-mdc-tooltip {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: #000000de
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: #0009
    }
}

@media all {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: #0009
    }
}

.mdc-text-field .mdc-text-field__input {
    caret-color: var(--mdc-theme-primary, #4d5ee0)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: #0000008a
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
    color: #0009
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
    color: #0009
}

.mdc-text-field--filled .mdc-text-field__ripple:before,.mdc-text-field--filled .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, rgba(0, 0, 0, .87))
}

.mdc-text-field--filled:hover .mdc-text-field__ripple:before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple:before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple:before {
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: #0000006b
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #000000de
}

.mdc-text-field--filled .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-primary, #4d5ee0)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #00000061
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #000000de
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-primary, #4d5ee0)
}

.mdc-text-field--outlined .mdc-text-field__ripple:before,.mdc-text-field--outlined .mdc-text-field__ripple:after {
    background-color: var(--mdc-ripple-color, transparent)
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #4d5ee0de
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mdc-text-field--disabled .mdc-text-field__input {
    color: #00000061
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: #00000061
    }
}

@media all {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: #00000061
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    color: #00000061
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: #00000061
}

.mdc-text-field--disabled .mdc-text-field__icon--leading,.mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: #0000004d
}

.mdc-text-field--disabled .mdc-text-field__affix--prefix,.mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: #00000061
}

.mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: #0000000f
}

.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: #0000000f
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-floating-label {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--leading {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__icon--trailing {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--prefix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-text-field__affix--suffix {
        color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }
}

.mdc-text-field--disabled.mdc-text-field--filled {
    background-color: #fafafa
}

.mat-mdc-form-field-error {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field-focus-overlay {
    background-color: #000000de
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
    opacity: .04
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
    opacity: .12
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix:after {
    color: #0000008a
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix:after {
    color: #4d5ee0de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix:after {
    color: #4d5ee0de
}

.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix:after {
    color: #cc2e29de
}

.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix:after {
    color: #00000061
}

.mat-mdc-form-field.mat-accent .mdc-text-field__input {
    caret-color: var(--mdc-theme-secondary, #4d5ee0)
}

.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-secondary, #4d5ee0)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #4d5ee0de
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-secondary, #4d5ee0)
}

.mat-mdc-form-field.mat-warn .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #cc2e29de
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: var(--mdc-theme-error, #cc2e29)
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: 1px solid transparent
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
    border-left: none;
    border-right: 1px solid transparent
}

.mat-mdc-form-field-infix {
    min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 24px;
    padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mdc-text-field__input,.mdc-text-field__affix {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mdc-text-field--textarea .mdc-text-field__input {
    line-height: 1.5rem
}

.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none)
}

.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-form-field,.mat-mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: calc(16px * var(--mat-mdc-form-field-floating-label-scale, .75))
}

.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px
}

.mat-mdc-select-value {
    color: #000000de
}

.mat-mdc-select-placeholder {
    color: #0009
}

.mat-mdc-select-disabled .mat-mdc-select-value {
    color: #00000061
}

.mat-mdc-select-arrow {
    color: #0000008a
}

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow,.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
    color: #4d5ee0de
}

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

.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
    color: #00000061
}

.mat-mdc-select-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-select {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-autocomplete-panel {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-dialog-container {
    --mdc-dialog-container-color: white;
    --mdc-dialog-with-divider-divider-color: rgba(0, 0, 0, .12);
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

.mat-mdc-dialog-container {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em
}

.mat-mdc-standard-chip {
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121
}

.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted,.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #4d5ee0;
    --mdc-chip-elevated-disabled-container-color: #4d5ee0;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted {
    --mdc-chip-elevated-container-color: #cc2e29;
    --mdc-chip-elevated-disabled-container-color: #cc2e29;
    --mdc-chip-label-text-color: white;
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white
}

.mat-mdc-chip-focus-overlay {
    background: black
}

.mat-mdc-chip {
    height: 32px
}

.mat-mdc-standard-chip {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-slide-toggle {
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-unselected-icon-color: #fff
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #00000061
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #4d5ee0
}

.mat-mdc-radio-button.mat-primary .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #4d5ee0
}

.mat-mdc-radio-button.mat-accent .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #cc2e29;
    --mdc-radio-selected-hover-icon-color: #cc2e29;
    --mdc-radio-selected-icon-color: #cc2e29;
    --mdc-radio-selected-pressed-icon-color: #cc2e29;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #cc2e29
}

.mat-mdc-radio-button.mat-warn .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-radio-button .mdc-radio {
    padding: 10px
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__background:before {
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
    top: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px
}

.mat-mdc-slider {
    --mdc-slider-label-container-color: black;
    --mdc-slider-label-label-text-color: white;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-mdc-slider-value-indicator-opacity: .6
}

.mat-mdc-slider.mat-primary,.mat-mdc-slider.mat-accent {
    --mdc-slider-handle-color: #4d5ee0;
    --mdc-slider-focus-handle-color: #4d5ee0;
    --mdc-slider-hover-handle-color: #4d5ee0;
    --mdc-slider-active-track-color: #4d5ee0;
    --mdc-slider-inactive-track-color: #4d5ee0;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #4d5ee0;
    --mat-mdc-slider-ripple-color: #4d5ee0;
    --mat-mdc-slider-hover-ripple-color: rgba(77, 94, 224, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(77, 94, 224, .2)
}

.mat-mdc-slider.mat-warn {
    --mdc-slider-handle-color: #cc2e29;
    --mdc-slider-focus-handle-color: #cc2e29;
    --mdc-slider-hover-handle-color: #cc2e29;
    --mdc-slider-active-track-color: #cc2e29;
    --mdc-slider-inactive-track-color: #cc2e29;
    --mdc-slider-with-tick-marks-active-container-color: #fff;
    --mdc-slider-with-tick-marks-inactive-container-color: #cc2e29;
    --mat-mdc-slider-ripple-color: #cc2e29;
    --mat-mdc-slider-hover-ripple-color: rgba(204, 46, 41, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(204, 46, 41, .2)
}

.mat-mdc-slider {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

.mdc-menu-surface {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
    background-color: var(--mdc-theme-surface, #fff);
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item__primary-text {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-item__overline-text {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    background-color: transparent
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__end {
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end {
    opacity: .38
}

.mdc-list-item--disabled .mdc-list-item__primary-text,.mdc-list-item--disabled .mdc-list-item__secondary-text,.mdc-list-item--disabled .mdc-list-item__overline-text,.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end,.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text,.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: var(--mdc-theme-primary, #4d5ee0)
}

.mdc-deprecated-list-group__subheader {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

@media screen and (forced-colors: active),(-ms-high-contrast: active) {
    .mdc-list-divider:after {
        border-bottom-color: #fff
    }
}

.mdc-list-divider {
    background-color: #0000001f
}

.mat-mdc-menu-item[disabled],.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,.mat-mdc-menu-item[disabled] .mat-icon-no-color {
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, .38))
}

.mat-mdc-menu-item .mat-icon-no-color,.mat-mdc-menu-submenu-icon {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-menu-item.cdk-program-focused:not([disabled]),.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),.mat-mdc-menu-item-highlighted:not([disabled]) {
    background: rgba(0,0,0,.04)
}

.mat-mdc-menu-content {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle1-font-size, 16px);
    line-height: var(--mdc-typography-subtitle1-line-height, 28px);
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle1-text-transform, none);
    line-height: 24px
}

.mat-mdc-menu-content,.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body1-font-size, 16px);
    line-height: var(--mdc-typography-body1-line-height, 24px);
    font-weight: var(--mdc-typography-body1-font-weight, 400);
    letter-spacing: var(--mdc-typography-body1-letter-spacing, .03125em);
    -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
    text-transform: var(--mdc-typography-body1-text-transform, none)
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #4d5ee0
}

.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #4d5ee0
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #cc2e29;
    --mdc-checkbox-selected-hover-icon-color: #cc2e29;
    --mdc-checkbox-selected-icon-color: #cc2e29;
    --mdc-checkbox-selected-pressed-icon-color: #cc2e29;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #cc2e29;
    --mdc-radio-selected-hover-icon-color: #cc2e29;
    --mdc-radio-selected-icon-color: #cc2e29;
    --mdc-radio-selected-pressed-icon-color: #cc2e29;
    --mat-mdc-radio-ripple-color: #000;
    --mat-mdc-radio-checked-ripple-color: #cc2e29
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled+label {
    color: #00000061
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #4d5ee0
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

.mat-mdc-list-base {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.mat-mdc-list-base {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: .03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: Roboto,sans-serif;
    letter-spacing: .009375em
}

.mat-mdc-paginator {
    background: white;
    color: #000000de
}

.mat-mdc-paginator-icon {
    fill: #0000008a
}

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

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

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last {
    border-color: #0000001f
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
    fill: #0000001f
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

.mat-mdc-paginator-container {
    min-height: 56px
}

.mat-mdc-paginator {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-caption-font-size, 12px);
    line-height: var(--mdc-typography-caption-line-height, 20px);
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: var(--mdc-typography-caption-text-transform, none)
}

.mat-mdc-paginator .mat-mdc-select-value {
    font-size: 12px
}

.mat-mdc-tab,.mat-mdc-tab-link {
    background-color: transparent
}

.mat-mdc-tab .mdc-tab__text-label,.mat-mdc-tab-link .mdc-tab__text-label {
    color: #0009
}

.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple:before,.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element,.mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple:before,.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element {
    background-color: #00000061
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #4d5ee0
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #4d5ee0)
}

.mdc-tab__ripple:before,.mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-link .mat-ripple-element {
    background-color: #4d5ee0
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #4d5ee0
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #4d5ee0)
}

.mat-mdc-tab-group.mat-accent .mdc-tab__ripple:before,.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple:before,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element {
    background-color: #4d5ee0
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
    color: #cc2e29
}

.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
    border-color: var(--mdc-tab-indicator-active-indicator-color, #cc2e29)
}

.mat-mdc-tab-group.mat-warn .mdc-tab__ripple:before,.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple:before,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element {
    background-color: #cc2e29
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary,.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-mdc-tab-header-with-background-background-color: #4d5ee0;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-mdc-tab-header-with-background-background-color: #cc2e29;
    --mat-mdc-tab-header-with-background-foreground-color: #fff
}

.mat-mdc-tab-header-pagination-chevron {
    border-color: var(--mdc-theme-on-surface, #000)
}

.mat-mdc-tab-header .mdc-tab {
    height: 48px
}

.mdc-tab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-checkbox .mat-ripple-element {
    background-color: #0000001a
}

.mat-mdc-checkbox .mdc-checkbox__ripple {
    background: #000
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #4d5ee01a
}

.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #4d5ee0
}

.mat-mdc-checkbox.mat-accent {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #4d5ee01a
}

.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #4d5ee0
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #cc2e29;
    --mdc-checkbox-selected-hover-icon-color: #cc2e29;
    --mdc-checkbox-selected-icon-color: #cc2e29;
    --mdc-checkbox-selected-pressed-icon-color: #cc2e29;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54)
}

.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element {
    background-color: #cc2e291a
}

.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mdc-checkbox__ripple {
    background: #cc2e29
}

.mat-mdc-checkbox-disabled label {
    color: #00000061
}

.mat-mdc-checkbox .mdc-checkbox {
    padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
    top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
    top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    width: var(--mdc-checkbox-touch-target-size, 40px);
    height: var(--mdc-checkbox-touch-target-size, 40px)
}

@media all and (-ms-high-contrast: none) {
    .mdc-checkbox .mdc-checkbox__focus-ring {
        display: none
    }
}

.mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-button.mat-unthemed {
    --mdc-text-button-label-text-color: #000
}

.mat-mdc-button.mat-primary,.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #4d5ee0
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #cc2e29
}

.mat-mdc-button[disabled][disabled] {
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-text-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-unelevated-button.mat-unthemed {
    --mdc-filled-button-container-color: #fff;
    --mdc-filled-button-label-text-color: #000
}

.mat-mdc-unelevated-button.mat-primary,.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #4d5ee0;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #cc2e29;
    --mdc-filled-button-label-text-color: #fff
}

.mat-mdc-unelevated-button[disabled][disabled] {
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-button-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-label-text-color: rgba(0, 0, 0, .38)
}

.mat-mdc-raised-button.mat-unthemed {
    --mdc-protected-button-container-color: #fff;
    --mdc-protected-button-label-text-color: #000
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #4d5ee0;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #cc2e29;
    --mdc-protected-button-label-text-color: #fff
}

.mat-mdc-raised-button[disabled][disabled] {
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-protected-button-container-elevation: 0
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-outlined-button.mat-unthemed {
    --mdc-outlined-button-label-text-color: #000
}

.mat-mdc-outlined-button.mat-primary,.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #4d5ee0
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #cc2e29
}

.mat-mdc-outlined-button[disabled][disabled] {
    --mdc-outlined-button-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12)
}

.mat-mdc-button,.mat-mdc-outlined-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #4d5ee0;
    --mat-mdc-button-ripple-color: rgba(77, 94, 224, .1)
}

.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #cc2e29;
    --mat-mdc-button-ripple-color: rgba(204, 46, 41, .1)
}

.mat-mdc-raised-button,.mat-mdc-unelevated-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base {
    height: 36px
}

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-icon-button {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-icon-button.mat-primary,.mat-mdc-icon-button.mat-accent {
    --mat-mdc-button-persistent-ripple-color: #4d5ee0;
    --mat-mdc-button-ripple-color: rgba(77, 94, 224, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #cc2e29;
    --mat-mdc-button-ripple-color: rgba(204, 46, 41, .1)
}

.mat-mdc-icon-button.mat-primary,.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #4d5ee0
}

.mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #cc2e29
}

.mat-mdc-icon-button[disabled][disabled] {
    --mdc-icon-button-icon-color: rgba(0, 0, 0, .38);
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    width: 48px;
    height: 48px;
    padding: 12px
}

.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
    max-height: 48px;
    max-width: 48px
}

.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
    width: 40px;
    height: 40px;
    margin: 4px
}

.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 48px;
    left: 50%;
    width: 48px;
    transform: translate(-50%,-50%)
}

.mat-mdc-fab,.mat-mdc-mini-fab {
    --mat-mdc-button-persistent-ripple-color: #000;
    --mat-mdc-button-ripple-color: rgba(0, 0, 0, .1)
}

.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple:before {
    opacity: .04
}

.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab:active .mat-mdc-button-persistent-ripple:before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple:before {
    opacity: .12
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent,.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mat-mdc-button-persistent-ripple-color: #fff;
    --mat-mdc-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed {
    --mdc-fab-container-color: #fff;
    --mdc-fab-icon-color: #000;
    --mat-mdc-fab-color: #000
}

.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary,.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #4d5ee0;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #cc2e29;
    --mdc-fab-icon-color: #fff;
    --mat-mdc-fab-color: #fff
}

.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled] {
    --mdc-fab-container-color: rgba(0, 0, 0, .12);
    --mdc-fab-icon-color: rgba(0, 0, 0, .38);
    --mat-mdc-fab-color: rgba(0, 0, 0, .38)
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-snack-bar-container {
    --mat-mdc-snack-bar-button-color: #4d5ee0;
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87)
}

.mat-mdc-snack-bar-container {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

.mdc-data-table {
    background-color: var(--mdc-theme-surface, #fff);
    border-color: #0000001f
}

.mdc-data-table__row {
    background-color: inherit
}

.mdc-data-table__header-cell {
    background-color: var(--mdc-theme-surface, #fff)
}

.mdc-data-table__row--selected {
    background-color: #4d5ee00a
}

.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #0000001f
}

.mdc-data-table__cell,.mdc-data-table__header-cell {
    border-bottom-color: #0000001f
}

.mdc-data-table__pagination {
    border-top-color: #0000001f
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: #0000000a
}

.mdc-data-table__header-cell,.mdc-data-table__pagination-total,.mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__cell {
    color: #000000de
}

.mat-mdc-table {
    background: white
}

.mat-mdc-table .mdc-data-table__row {
    height: 52px
}

.mat-mdc-table .mdc-data-table__pagination {
    min-height: 52px
}

.mat-mdc-table .mdc-data-table__header-row {
    height: 56px
}

.mdc-data-table__content,.mdc-data-table__cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mdc-data-table__header-cell {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-subtitle2-font-size, 14px);
    line-height: var(--mdc-typography-subtitle2-line-height, 22px);
    font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
    letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);
    -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
    text-transform: var(--mdc-typography-subtitle2-text-transform, none)
}

.mat-mdc-progress-spinner,.mat-mdc-progress-spinner.mat-accent {
    --mdc-circular-progress-active-indicator-color: #4d5ee0
}

.mat-mdc-progress-spinner.mat-warn {
    --mdc-circular-progress-active-indicator-color: #cc2e29
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

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

.mat-badge-content {
    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
}

.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable {
    transition: 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-badge-content {
    color: #fff;
    background: #4d5ee0
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #4d5ee0;
    color: #fff
}

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

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto,sans-serif
}

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

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

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f;
    background: white;
    color: #000000de
}

.mat-bottom-sheet-container {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #0000001f
}

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: white
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #000000de
}

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: white
}

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

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard {
    border: solid 1px #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-button-toggle {
    font-family: Roboto,sans-serif
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

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

.mat-calendar-table-header,.mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content,.mat-date-range-input-separator {
    color: #000000de;
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.mat-calendar-body-in-range:before {
    background: rgba(77,94,224,.2)
}

.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-calendar-body-comparison-bridge-start:before,[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(77,94,224,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(77,94,224,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #4d5ee0;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #4d5ee066
}

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

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #4d5ee04d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#4d5ee04d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(77,94,224,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(77,94,224,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(77,94,224,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #4d5ee0;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #4d5ee066
}

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

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #4d5ee04d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#4d5ee04d
    }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(204,46,41,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249,171,0,.2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right,rgba(204,46,41,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left,rgba(204,46,41,.2) 50%,rgba(249,171,0,.2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

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

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #cc2e2966
}

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

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #cc2e294d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color:#cc2e294d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active,.mat-datepicker-toggle-active.mat-accent {
    color: #4d5ee0
}

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

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    width: 40px;
    height: 40px;
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
    width: 40px;
    height: 40px;
    margin: 0
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
    max-height: 40px;
    max-width: 40px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
    position: absolute;
    top: 50%;
    height: 40px;
    left: 50%;
    width: 40px;
    transform: translate(-50%,-50%)
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

.mat-calendar {
    font-family: Roboto,sans-serif
}

.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-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: white;
    color: #000000de
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-action-row {
    border-top-color: #0000001f
}

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

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

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description,.mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

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

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-expansion-panel-header {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-expansion-panel-content {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0178571429em
}

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

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

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

.mat-icon.mat-primary,.mat-icon.mat-accent {
    color: #4d5ee0
}

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

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

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

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-drawer-side {
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0,0,0,.12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0,0,0,.12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #0009
}

.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background:none
    }
}

.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit {
    background-color: #4d5ee0;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #4d5ee0;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #cc2e29;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #cc2e29
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #cc2e29
}

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

.mat-stepper-vertical-line:before {
    border-left-color: #0000001f
}

.mat-horizontal-stepper-header:before,.mat-horizontal-stepper-header:after,.mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-stepper-vertical,.mat-stepper-horizontal {
    font-family: Roboto,sans-serif
}

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

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 16px
}

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

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

.mat-toolbar {
    background: whitesmoke;
    color: #000000de
}

.mat-toolbar.mat-primary,.mat-toolbar.mat-accent {
    background: #4d5ee0;
    color: #fff
}

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

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

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

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

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height:56px
    }

    .mat-toolbar-row,.mat-toolbar-single-row {
        height: 56px
    }
}

.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    font-family: Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0
}

.mat-tree {
    background: white
}

.mat-tree-node,.mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-tree {
    font-family: Roboto,sans-serif
}

.mat-tree-node,.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-raised-button,.mat-stroked-button,.mat-flat-button {
    padding: 0 1.15em;
    margin: 0 .65em;
    min-width: 3em;
    line-height: 36.4px
}

.mat-standard-chip {
    padding: .5em .85em;
    min-height: 2.5em
}

.material-icons {
    font-size: 24px;
    font-family: Material Icons,Material Icons
}

.material-icons .mat-badge-content {
    font-family: Roboto
}

app-root {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
    position: relative
}

html,body {
    height: 100%;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.5;
    padding-bottom: 1rem;
    padding-top: .5rem;
    background-color: #f5f5f5;
    background-color: rgba(var(--uilab-theme-background-solid, 245, 245, 245),var(--uilab-theme-background-solid-opaque, 1));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: default
}

h1 {
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family-branding, "Barlow", "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1;
    padding-bottom: 1rem;
    padding-top: 2rem
}

h2 {
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family-branding, "Barlow", "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: -.005em;
    line-height: 1.11;
    padding-bottom: 1rem;
    padding-top: 1rem
}

h3 {
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family-branding, "Barlow", "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.14;
    padding-bottom: .5rem;
    padding-top: .5rem
}

h4 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.17;
    padding-bottom: .25rem;
    padding-top: 1rem
}

h5 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.09;
    padding-bottom: .5rem;
    padding-top: 1rem
}

h6 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2;
    padding-bottom: .5rem;
    padding-top: 1rem
}

p {
    padding-bottom: .5em;
    padding-top: .5em
}

ul,ol {
    margin: .5em 0 .5em 2em;
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

b,strong {
    font-weight: 700
}

i,em {
    font-style: italic
}

table {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.71;
    padding-bottom: 1rem;
    padding-top: .5rem;
    width: 100%;
    margin: 16px 0;
    border-collapse: collapse
}

table th,table td {
    padding: 8px 16px;
    text-align: start;
    border: 1px solid rgba(21,23,25,.12);
    border-width: 0 0 1px;
    vertical-align: top
}

table th ul:first-child,table td ul:first-child {
    padding: 0
}

table th {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.67;
    padding-bottom: .125rem;
    padding-top: .125rem;
    background: rgba(21,23,25,.06);
    white-space: nowrap
}

table .number {
    text-align: end
}

table .icons {
    text-align: center
}

code {
    display: block;
    margin: 24px 0;
    padding: 16px;
    font-size: .825rem;
    background: #EEE;
    font-family: Fira Code,monospace;
    border-radius: 4px
}

dl dt {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2;
    padding-bottom: .5rem;
    padding-top: 1rem
}

dl dd {
    padding-bottom: 24px
}

.meta-label dt {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.67;
    padding-bottom: .125rem;
    padding-top: .125rem
}

a[href^="https://"]:after,a[href^="http://"]:after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 4px;
    background: no-repeat top left/75% url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICA8cGF0aCBpZD0iUGF0aF8xIiBkYXRhLW5hbWU9IlBhdGggMSIgZD0iTTExLjU1NiwzVjQuNTU2aDIuNzkyTDYuNywxMi4ybDEuMSwxLjEsNy42NDYtNy42NDZWOC40NDRIMTdWM00xNS40NDQsMTUuNDQ0SDQuNTU2VjQuNTU2SDEwVjNINC41NTZBMS41NTUsMS41NTUsMCwwLDAsMyw0LjU1NlYxNS40NDRBMS41NTYsMS41NTYsMCwwLDAsNC41NTYsMTdIMTUuNDQ0QTEuNTU2LDEuNTU2LDAsMCwwLDE3LDE1LjQ0NFYxMEgxNS40NDRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMykiIGZpbGw9IiM0ZDVlZTAiLz4KPC9zdmc+)
}

.docs-figure,figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 760px;
    width: 100%;
    margin: 0 0 24px;
    background: rgba(21,23,25,.06);
    height: auto
}

.docs-figure.docs-demo--hero .docs-figure__content,figure.docs-demo--hero .docs-figure__content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px
}

.docs-figure.docs-demo .docs-figure__content,figure.docs-demo .docs-figure__content {
    text-align: start
}

.docs-illustration .docs-figure__content {
    width: 100%;
    padding: 0;
    height: auto
}

.docs-illustration.home-hero .docs-figure,.docs-illustration.header-graphic .docs-figure,.docs-illustration.no-bg .docs-figure {
    background: 0
}

.docs-figure__content,figure img {
    position: relative;
    width: 100%;
    text-align: center
}

.docs-figure__content .uilab-menu-surface,figure img .uilab-menu-surface {
    position: static
}

.docs-figure__caption,figcaption {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.71;
    padding-bottom: 1rem;
    padding-top: .5rem;
    width: calc(100% - 80px);
    margin: 0 40px;
    padding: 24px 0;
    text-align: start;
    border-top: 1px solid rgba(21,23,25,.12);
    box-sizing: border-box
}

.docs-figure__caption:empty,figcaption:empty {
    display: none
}

.docs-figure__caption .docs-figure__caption-heading,figcaption .docs-figure__caption-heading {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 2;
    padding-bottom: .125rem;
    padding-top: .125rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px
}

.content-image-left {
    display: flex
}

.content-image-left .docs-figure {
    width: auto
}

.content-image-left>.docs-figure img {
    height: 300px
}

.content-image-left>div {
    flex: 1;
    padding-left: 24px
}

#page_home {
    text-align: center
}

#page_home .page-title {
    display: none
}

#page_home header h1 {
    margin: 56px 0 0;
    padding-top: 0;
    padding-bottom: 16px
}

#page_home header p {
    margin: 0;
    padding: 0
}

#page_home .docs-figure {
    background: 0
}

#page_home .cards .uilab-card {
    margin: 8px 0;
    padding: 24px
}

#page_home .cards p {
    padding: 8px 0 0
}

#page_home h3,#page_home h4,#page_home h6 {
    padding: 0
}

#page_home .uilab-card__primary-action {
    height: 100%;
    padding: 16px
}

#page_home .working-with-ux {
    text-align: left
}

@media (min-width: 940px) {
    #page_home .cards {
        display:flex;
        justify-content: space-between
    }

    #page_home .cards .uilab-card {
        flex: 1;
        margin: 8px;
        cursor: pointer
    }

    #page_home .cards .uilab-card:first-child {
        margin-inline-start:0}

    #page_home .cards .uilab-card:last-child {
        margin-inline-end:0}

    #page_home .cards .uilab-card a {
        text-decoration: none
    }
}

app-footer footer {
    margin: 80px 0 32px
}

.footnote--contact {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-template-rows: auto;
    grid-template-areas: "teams teams teams teams teams teams" "email email email yammer yammer yammer";
    gap: 8px 16px;
    padding: 32px 0 24px;
    text-align: left;
    border-top: 2px solid rgba(21,23,25,.12)
}

.footnote--contact .uilab-card__email {
    grid-area: email
}

.footnote--contact .uilab-card__yammer {
    grid-area: yammer
}

.footnote--contact .uilab-card__teams {
    grid-area: teams
}

.footnote--contact .uilab-card__teams .logo-teams svg {
    width: 80px;
    height: 100%
}

.footnote--contact .uilab-card {
    margin-bottom: 16px
}

.footnote--contact .uilab-card h4 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.71;
    padding-bottom: .5rem;
    padding-top: 1rem
}

.footnote--contact .uilab-card p {
    padding: 0
}

.footnote--contact .uilab-card__primary-action {
    flex-direction: row;
    height: 100%
}

.footnote--contact .footnote-card__media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 80px;
    text-align: center;
    font-size: 24px;
    color: #1517198a;
    background-color: #eaeced;
    border-radius: 0
}

.footnote--contact .footnote-card__primary {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.71;
    padding-bottom: 1rem;
    padding-top: .5rem;
    padding: 16px
}

.footnote--contact .uilab-typography--subtitle2 {
    white-space: nowrap
}

.footnote--copyright {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.67;
    padding-bottom: .125rem;
    padding-top: .125rem
}

.mat-tab-labels .mat-tab-label {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.71;
    padding-bottom: .5rem;
    padding-top: 1rem;
    min-width: 0
}

.mat-tab-body-content {
    padding-top: 24px
}

.card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    grid-column-gap: 1rem;
    grid-row-gap: 1rem
}

.uilab-card {
    background-color: #fff;
    background-color: rgb(var(--uilab-theme-surface, 255, 255, 255));
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f;
    display: flex;
    height: 100%;
    color: #000;
    text-decoration: none;
    border-radius: 4px;
    transition: box-shadow .2s;
    overflow: hidden
}

.uilab-card .uilab-card--link {
    width: 100%;
    color: #000
}

.uilab-card:hover {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.uilab-card .uilab-card--media {
    display: block;
    min-height: 64px;
    width: 100%
}

.uilab-card .uilab-card--thumbnail {
    width: 120px;
    background-color: #eaeced;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 4px 0 0 4px
}

.uilab-card .uilab-card--content {
    flex: 1;
    padding: 16px
}

.uilab-card .uilab-card--header {
    padding: 0 0 8px
}

.uilab-card .uilab-card--header h5 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 2;
    padding-bottom: .125rem;
    padding-top: .125rem;
    text-transform: uppercase
}

.uilab-card .uilab-card--header h4,.uilab-card .uilab-card--header h5 {
    padding: 0
}

.uilab-card .uilab-card--header .status {
    float: right
}

.uilab-card .uilab-card--actions {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    padding: 16px
}

.uilab-card .uilab-card--description {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.71;
    padding-bottom: 1rem;
    padding-top: .5rem
}

.persona-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.persona-chips .persona-chip {
    display: inline-block;
    padding: 0 24px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    border-radius: 25px;
    background-color: #dbdbdb;
    color: #000
}

.persona-chips .persona-chip:link {
    text-decoration: none
}

.persona-chips .persona-chip:visited {
    text-decoration: none;
    color: #000
}

.persona-chips .persona-chip:hover {
    background-color: #e2e2e2
}

.persona-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 32px
}

.persona-cards .uilab-card {
    flex-direction: column;
    width: 320px;
    margin-bottom: 16px
}

.persona-cards .uilab-card .uilab-card--media {
    margin-bottom: 8px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    position: relative;
    box-sizing: border-box;
    background-size: cover
}

.persona-cards .uilab-card .uilab-card--media img {
    width: 100%
}

.persona-cards .uilab-card .uilab-card--header {
    padding: 8px 16px
}

.shimmer {
    background-image: linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.16),rgba(0,0,0,.04),rgba(0,0,0,.16));
    animation: animateShimmer 1.5s linear infinite;
    background-size: 300% 100%
}

@keyframes animateShimmer {
    0% {
        background-position: 100% 0%
    }

    to {
        background-position: 0% 0%
    }
}

.swatch-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
    margin: 24px 0
}

.swatch {
    border: 1px solid #f9fbfc
}

.swatch.uilab-card {
    flex-direction: column
}

.swatch .swatch-details {
    padding: 16px
}

.swatch .swatch-label {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.5;
    padding-bottom: .5rem;
    padding-top: 1rem;
    display: block;
    padding: 0
}

.swatch dl {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 8px 0 0
}

.swatch dt {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 2;
    padding-bottom: .125rem;
    padding-top: .125rem;
    text-transform: uppercase;
    margin: 0;
    line-height: 16px
}

.swatch dd {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.71;
    padding-bottom: 1rem;
    padding-top: .5rem;
    padding: 0
}

@media (max-width: 740px) {
    .swatch-group {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 480px) {
    .swatch-group {
        display:block
    }

    .swatch {
        flex-direction: row;
        margin-bottom: 16px
    }

    .swatch-sample {
        height: 80px;
        width: 240px;
        border-radius: 4px 0 0 4px
    }

    .swatch-details {
        flex: 1
    }
}

.specimen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-top: 8px solid rgba(21,23,25,.06)
}

.specimen>* {
    flex: 1
}

.specimen table {
    margin: 0
}

.specimen th {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 2;
    padding-bottom: .125rem;
    padding-top: .125rem;
    text-transform: uppercase;
    padding: 8px 16px;
    white-space: nowrap;
    opacity: .6
}

.specimen tr:last-child th,.specimen tr:last-child td {
    border: 0
}

.specimen.specimen-barlow .instance h3,.specimen.specimen-roboto .instance h3 {
    font-size: 32px;
    font-weight: 700
}

.specimen.specimen-barlow>*:last-child,.specimen.specimen-roboto>*:last-child {
    flex: 2;
    margin: 0
}

.specimen.specimen-barlow tr.light td,.specimen.specimen-roboto tr.light td {
    font-weight: 300
}

.specimen.specimen-barlow tr.regular td,.specimen.specimen-roboto tr.regular td {
    font-weight: 400
}

.specimen.specimen-barlow tr.medium td,.specimen.specimen-roboto tr.medium td {
    font-weight: 500
}

.specimen.specimen-barlow td,.specimen.specimen-roboto td {
    font-size: 1rem
}

.specimen.specimen-barlow,.specimen.specimen-barlow td {
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif
}

.specimen.specimen-roboto {
    margin-bottom: 48px
}

.specimen.specimen-roboto .instance h3 {
    font-family: Roboto,Helvetica,Arial,sans-serif
}

.specimen .instance.uilab-typography--headline1 {
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family-branding, "Barlow", "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1;
    padding-bottom: 1rem;
    padding-top: 2rem
}

.specimen .instance.uilab-typography--headline2 {
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family-branding, "Barlow", "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: -.005em;
    line-height: 1.11;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.specimen .instance.uilab-typography--headline3 {
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family-branding, "Barlow", "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.14;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.specimen .instance.uilab-typography--headline4 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.17;
    padding-bottom: .25rem;
    padding-top: 1rem
}

.specimen .instance.uilab-typography--headline5 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.09;
    padding-bottom: .5rem;
    padding-top: 1rem
}

.specimen .instance.uilab-typography--headline6 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2;
    padding-bottom: .5rem;
    padding-top: 1rem
}

.specimen .instance.uilab-typography--subtitle1 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.5;
    padding-bottom: .5rem;
    padding-top: 1rem
}

.specimen .instance.uilab-typography--subtitle2 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.71;
    padding-bottom: .5rem;
    padding-top: 1rem
}

.specimen .instance.uilab-typography--body1 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.5;
    padding-bottom: 1rem;
    padding-top: .5rem
}

.specimen .instance.uilab-typography--body2 {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 1.71;
    padding-bottom: 1rem;
    padding-top: .5rem
}

.specimen .instance.uilab-typography--button {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.43;
    padding-bottom: 1.125rem;
    padding-top: 1.125rem
}

.specimen .instance.uilab-typography--caption {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.67;
    padding-bottom: .125rem;
    padding-top: .125rem
}

.specimen .instance.uilab-typography--overline {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .625rem;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 2;
    padding-bottom: .125rem;
    padding-top: .125rem;
    text-transform: uppercase
}

.specimen .instance.uilab-typography--product-name {
    padding: 16px 0;
    font-family: Barlow,Roboto,Helvetica,Arial,sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px
}

.lozenge__platform {
    display: inline-flex
}

.lozenge__platform app-lozenge {
    height: 8px;
    width: 16px;
    margin-left: 1px;
    padding: 0;
    border-radius: 0
}

.lozenge__platform app-lozenge span {
    display: none
}

.lozenge__platform>[class$=-web] {
    background-color: #f0f
}

iframe.externalContent {
    height: calc(100vh - 64px);
    min-height: 400px;
    width: 100%
}

.link {
    color: #00f;
    cursor: pointer
}

.has-section-link {
    display: flex;
    align-content: center
}

.has-section-link .section-link {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.67;
    padding-bottom: .125rem;
    padding-top: .125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    width: 40px;
    margin: 0 0 0 4px;
    padding: 0;
    border-radius: 24px;
    background: none center no-repeat;
    background-size: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='darkgray' d='M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z' /%3E%3C/svg%3E");
    opacity: .42;
    transition: all ease-in-out .3
}

.has-section-link:hover .section-link {
    background-color: #15171914;
    opacity: 1
}

.has-section-link .section-link:hover {
    background-color: #1517191f
}

.uilabContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    box-sizing: border-box
}

.uilabContainer--header {
    flex: 0;
    display: flex;
    margin: 0;
    padding: 8px 8px 8px 24px;
    border-bottom: 1px solid rgba(21,23,25,.12)
}

.uilabContainer--header>:first-child {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px
}

.uilabContainer--header>:last-child {
    flex: 0
}

.uilabContainer--content {
    flex: 1;
    margin: 0;
    padding: 8px 24px 24px
}

.uilabContainer--footer {
    flex: 0;
    margin: 0;
    padding: 24px
}

.cdk-overlay-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 200
}

.toc_header {
    font-size: larger;
    text-decoration: underline;
    padding-top: 8px
}

.toc_list {
    font-size: medium;
    padding-top: 8px;
    padding-bottom: 16px;
    color: #00f;
    cursor: pointer
}

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

.mat-mdc-tab-body-content {
    padding-top: 24px
}

.mdc-tab {
    padding: 0!important
}

.mdc-tab__content {
    padding: 0 24px
}

.mat-tab-labels .mat-tab-label {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial");
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1.71;
    padding-bottom: .5rem;
    padding-top: 1rem;
    min-width: 0
}

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

.mat-tab-label {
    cursor: pointer;
    box-sizing: border-box;
    opacity: .6;
    min-width: 160px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: relative
}

.mdc-tab__text-label {
    color: #000000de!important;
    font-size: 14px
}

.mdc-tab--active {
    min-width: 25px!important;
    padding: 5px;
    background-color: transparent;
    color: #4d5ee0;
    font-weight: 700
}

.uilab-nav-rail__meta {
    padding-top: .35rem!important
}

.mdc-menu-surface {
    display: none;
    position: absolute;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    transform: scale(1);
    transform-origin: top left;
    opacity: 0;
    overflow: auto;
    will-change: transform,opacity;
    z-index: 8;
    transition: opacity 30ms linear,transform .12s cubic-bezier(0,0,.2,1),height .25s cubic-bezier(0,0,.2,1);
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    color: #000;
    color: var(--mdc-theme-on-surface, #000);
    border-radius: 4px;
    border-radius: var(--mdc-shape-medium, 4px);
    transform-origin-left: top left;
    transform-origin-right: top right
}

.mdc-menu-surface:focus {
    outline: 0
}

.mdc-menu-surface--open {
    display: inline-block;
    transform: scale(1);
    opacity: 1
}

.mdc-menu-surface--animating-open {
    display: inline-block;
    transform: scale(.8);
    opacity: 0
}

.mdc-menu-surface--animating-closed {
    display: inline-block;
    opacity: 0;
    transition: opacity 75ms linear
}

.mdc-menu-surface[dir=rtl],[dir=rtl] .mdc-menu-surface {
    transform-origin-left: top right;
    transform-origin-right: top left
}

.mdc-menu-surface--anchor {
    position: relative;
    overflow: visible
}

.mdc-menu-surface--fixed {
    position: fixed
}

.mdc-menu-surface--fullwidth {
    width: 100%
}

.uilab-list-divider {
    border-bottom-color: rgb(var(--uilab-list-divider, 223, 227, 230));
    height: 0;
    list-style-type: none;
    margin: .5rem 1rem;
    border-bottom: 1px solid #dfe3e6
}

@keyframes mdc-ripple-fg-radius-in {
    0% {
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
    }

    to {
        transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    0% {
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }

    to {
        opacity: 0
    }
}

.mdc-ripple-surface {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity;
    position: relative;
    outline: 0;
    overflow: hidden
}

.mdc-ripple-surface:after,.mdc-ripple-surface:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000);
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-ripple-surface:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-ripple-surface:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.mdc-ripple-surface.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-ripple-surface.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after {
    animation: 225ms forwards mdc-ripple-fg-radius-in,75ms forwards mdc-ripple-fg-opacity-in
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: .15s mdc-ripple-fg-opacity-out;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-ripple-surface.mdc-ripple-surface--hover:before,.mdc-ripple-surface:hover:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

.mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

.mdc-ripple-surface.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded {
    overflow: visible
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:before,.mdc-ripple-upgraded--unbounded:after,.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded:after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top, 0%);
    left: var(--mdc-ripple-left, 0%);
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-list-item,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled) .mdc-list-item__graphic,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled) .mdc-list-item__meta {
    transition: color .15s cubic-bezier(.4,0,1,1);
    will-change: color
}

.mdc-list {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    line-height: 1.5rem;
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
    color: #000000de;
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list:focus {
    outline: 0
}

.mdc-list-item__secondary-text {
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}

.mdc-list-item__graphic {
    background-color: transparent;
    color: #00000061;
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__meta {
    color: #00000061;
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--disabled .mdc-list-item__text {
    opacity: .38
}

.mdc-list-item--disabled .mdc-list-item__primary-text,.mdc-list-item--disabled .mdc-list-item__secondary-text,.mdc-list-item--disabled .mdc-list-item__text {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item--activated,.mdc-list-item--activated .mdc-list-item__graphic,.mdc-list-item--selected,.mdc-list-item--selected .mdc-list-item__graphic {
    color: #6200ee;
    color: var(--mdc-theme-primary, #6200ee)
}

.mdc-list--dense {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .812rem
}

.mdc-list-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0 16px;
    height: 48px
}

.mdc-list-item:focus {
    outline: 0
}

.mdc-list-item.mdc-ripple-upgraded--background-focused:before,.mdc-list-item:not(.mdc-list-item--selected):focus:before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    content: ""
}

.mdc-list-item.mdc-list-item--selected:before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px double transparent;
    border-radius: inherit;
    content: ""
}

.mdc-list-item[dir=rtl],[dir=rtl] .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--icon-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px;
    height: 56px
}

.mdc-list--icon-list .mdc-list-item[dir=rtl],[dir=rtl] .mdc-list--icon-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--avatar-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px;
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item[dir=rtl],[dir=rtl] .mdc-list--avatar-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--thumbnail-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px;
    height: 56px
}

.mdc-list--thumbnail-list .mdc-list-item[dir=rtl],[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--image-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px;
    height: 72px
}

.mdc-list--image-list .mdc-list-item[dir=rtl],[dir=rtl] .mdc-list--image-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--video-list .mdc-list-item {
    padding-left: 0;
    padding-right: 16px;
    height: 72px
}

.mdc-list--video-list .mdc-list-item[dir=rtl],[dir=rtl] .mdc-list--video-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 0
}

.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 20px;
    height: 20px
}

.mdc-list--dense .mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list--dense .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list-item__graphic {
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    fill: currentColor;
    object-fit: cover;
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px
}

.mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list--icon-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px
}

.mdc-list--icon-list .mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--thumbnail-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px
}

.mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--image-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 56px;
    height: 56px
}

.mdc-list--image-list .mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--video-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 100px;
    height: 56px
}

.mdc-list--video-list .mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list .mdc-list-item__graphic {
    display: inline-flex
}

.mdc-list-item__meta {
    margin-left: auto;
    margin-right: 0
}

.mdc-list-item__meta:not(.material-icons) {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-caption-font-size, .75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: .0333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit)
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta,[dir=rtl] .mdc-list-item .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

.mdc-list-item__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item__text[for] {
    pointer-events: none
}

.mdc-list-item__primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list--avatar-list .mdc-list-item__primary-text,.mdc-list--icon-list .mdc-list-item__primary-text,.mdc-list--image-list .mdc-list-item__primary-text,.mdc-list--thumbnail-list .mdc-list-item__primary-text,.mdc-list--video-list .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--avatar-list .mdc-list-item__primary-text:before,.mdc-list--icon-list .mdc-list-item__primary-text:before,.mdc-list--image-list .mdc-list-item__primary-text:before,.mdc-list--thumbnail-list .mdc-list-item__primary-text:before,.mdc-list--video-list .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list--avatar-list .mdc-list-item__primary-text:after,.mdc-list--icon-list .mdc-list-item__primary-text:after,.mdc-list--image-list .mdc-list-item__primary-text:after,.mdc-list--thumbnail-list .mdc-list-item__primary-text:after,.mdc-list--video-list .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--dense .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item__secondary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .875rem;
    font-size: var(--mdc-typography-body2-font-size, .875rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: .0178571429em;
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-body2-text-transform, inherit);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__secondary-text {
    font-size: inherit
}

.mdc-list--dense .mdc-list-item {
    height: 40px
}

.mdc-list--two-line .mdc-list-item__text {
    align-self: flex-start
}

.mdc-list--two-line .mdc-list-item {
    height: 64px
}

.mdc-list--two-line.mdc-list--avatar-list .mdc-list-item,.mdc-list--two-line.mdc-list--icon-list .mdc-list-item,.mdc-list--two-line.mdc-list--image-list .mdc-list-item,.mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item,.mdc-list--two-line.mdc-list--video-list .mdc-list-item {
    height: 72px
}

.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic {
    align-self: flex-start;
    margin-top: 16px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item,.mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 36px;
    height: 36px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl],[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

:not(.mdc-list-item--disabled).mdc-list-item {
    cursor: pointer;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity
}

a.mdc-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-list-divider {
    height: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid #dfe3e6
}

.mdc-list-divider--padded {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list-divider--padded[dir=rtl],[dir=rtl] .mdc-list-divider--padded {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list-divider--inset {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list-divider--inset[dir=rtl],[dir=rtl] .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list-divider--inset.mdc-list-divider--padded {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl],[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list .mdc-list-divider--inset-leading {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list .mdc-list-divider--inset-leading[dir=rtl],[dir=rtl] .mdc-list .mdc-list-divider--inset-leading {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--icon-list .mdc-list-divider--inset-leading {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl],[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list--icon-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl],[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list--avatar-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl],[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--image-list .mdc-list-divider--inset-leading {
    margin-left: 88px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl],[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading {
    margin-left: 0;
    margin-right: 88px
}

.mdc-list--image-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 88px;
    margin-right: 0;
    width: calc(100% - 104px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 88px
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--video-list .mdc-list-divider--inset-leading {
    margin-left: 116px;
    margin-right: 0;
    width: calc(100% - 116px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl],[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading {
    margin-left: 0;
    margin-right: 116px
}

.mdc-list--video-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 116px;
    margin-right: 0;
    width: calc(100% - 132px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 116px
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% + -0px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 0
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 0
}

.mdc-list-group .mdc-list {
    padding: 0
}

.mdc-evolution-list-item__primary-text {
    color: #000000de;
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-evolution-list-item__secondary-text {
    color: #0000008a;
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}

.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
    background-color: transparent;
    color: #00000061;
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    color: #00000061;
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-evolution-list-item--disabled .mdc-evolution-list-item__content,.mdc-evolution-list-item--disabled .mdc-evolution-list-item__end,.mdc-evolution-list-item--disabled .mdc-evolution-list-item__start {
    opacity: .38
}

.mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text,.mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text,.mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,.mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end,.mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-evolution-list-item--activated .mdc-evolution-list-item__primary-text,.mdc-evolution-list-item--activated.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,.mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text,.mdc-evolution-list-item--selected.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
    color: #6200ee;
    color: var(--mdc-theme-primary, #6200ee)
}

.mdc-list-group__subheader {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: 1.75rem;
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    margin: .75rem 16px;
    color: #000000de;
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

@media screen and (-ms-high-contrast: active) {
    .mdc-evolution-list-divider:after {
        content: "";
        display: block;
        border-bottom: 1px solid #fff
    }
}

.mdc-evolution-list {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    line-height: 1.5rem;
    margin: 0;
    padding: 8px 0;
    list-style-type: none
}

.mdc-evolution-list:focus {
    outline: 0
}

.mdc-evolution-list-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0 16px;
    align-items: stretch;
    cursor: pointer
}

.mdc-evolution-list-item:focus {
    outline: 0
}

.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line {
    height: 48px
}

.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines {
    height: 64px
}

.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines {
    height: 88px
}

.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start {
    align-self: center;
    margin-top: 0
}

.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start,.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
    align-self: flex-start;
    margin-top: 16px
}

.mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end,.mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
    align-self: center;
    margin-top: 0
}

.mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
    align-self: flex-start;
    margin-top: 16px
}

.mdc-evolution-list-item.mdc-evolution-list-item--disabled,.mdc-evolution-list-item.mdc-evolution-list-item--non-interactive {
    cursor: auto
}

.mdc-evolution-list-item.mdc-ripple-upgraded--background-focused:before,.mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus:before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    content: ""
}

.mdc-evolution-list-item.mdc-evolution-list-item--selected:before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px double transparent;
    border-radius: inherit;
    content: ""
}

a.mdc-evolution-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-evolution-list-item__start {
    fill: currentColor;
    flex-shrink: 0
}

.mdc-evolution-list-item__end {
    flex-shrink: 0
}

.mdc-evolution-list-item__content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    align-self: center;
    flex: 1
}

.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content,.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content {
    align-self: stretch
}

.mdc-evolution-list-item__content[for] {
    pointer-events: none
}

.mdc-evolution-list-item__primary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: 1.75rem;
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text,.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text:before,.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text:after,.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item__secondary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .875rem;
    font-size: var(--mdc-typography-body2-font-size, .875rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: .0178571429em;
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-body2-text-transform, inherit);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item__overline-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text,.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text:before,.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text:after,.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start,.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line {
    height: 56px
}

.mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
    width: 24px;
    height: 24px;
    margin-left: 16px;
    margin-right: 32px
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
    margin-left: 32px;
    margin-right: 16px
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line {
    height: 56px
}

.mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start,.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {
    width: 40px;
    height: 40px
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line {
    height: 56px
}

.mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start,.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {
    width: 56px;
    height: 56px
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line,.mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
    align-self: flex-start;
    margin-top: 8px
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {
    margin-left: 0;
    margin-right: 16px;
    width: 100px;
    height: 56px
}

.mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {
    margin-left: 16px;
    margin-right: 0
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line,.mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {
    margin-left: 8px;
    margin-right: 24px;
    width: 40px;
    height: 40px
}

.mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {
    margin-left: 24px;
    margin-right: 8px
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
    align-self: flex-start;
    margin-top: 8px
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line {
    height: 56px
}

.mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {
    margin-left: 8px;
    margin-right: 24px;
    width: 40px;
    height: 40px
}

.mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {
    margin-left: 24px;
    margin-right: 8px
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
    align-self: flex-start;
    margin-top: 8px
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line {
    height: 56px
}

.mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start,.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {
    width: 36px;
    height: 20px
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
    align-self: flex-start;
    margin-top: 16px
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line {
    height: 56px
}

.mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines {
    height: 72px
}

.mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end,.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
    width: 24px;
    height: 24px
}

.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end,.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
    align-self: flex-start
}

.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    margin-left: 28px;
    margin-right: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-caption-font-size, .75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: .0333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit)
}

.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
    margin-left: 16px;
    margin-right: 28px
}

.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {
    margin-left: 24px;
    margin-right: 8px;
    width: 40px;
    height: 40px
}

.mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {
    margin-left: 8px;
    margin-right: 24px
}

.mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
    align-self: flex-start;
    margin-top: 8px
}

.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {
    margin-left: 24px;
    margin-right: 8px;
    width: 40px;
    height: 40px
}

.mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {
    margin-left: 8px;
    margin-right: 24px
}

.mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
    align-self: flex-start;
    margin-top: 8px
}

.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end,.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end[dir=rtl],[dir=rtl] .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {
    width: 36px;
    height: 20px
}

.mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
    align-self: flex-start;
    margin-top: 16px
}

.mdc-evolution-list-group .mdc-list {
    padding: 0
}

.mdc-evolution-list-group__subheader {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: 1.75rem;
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    margin: .75rem 16px
}

.mdc-evolution-list-divider {
    background-color: #0000001f;
    height: 1px;
    padding: 0;
    background-clip: content-box
}

.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding {
    padding-left: 16px;
    padding-right: auto
}

.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding[dir=rtl],[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding {
    padding-left: auto;
    padding-right: 16px
}

.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 16px;
    padding-right: auto
}

.mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset[dir=rtl],.mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset,[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 16px
}

.mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset {
    padding-left: 16px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 72px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 72px
}

.mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 88px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 88px
}

.mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 72px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 72px
}

.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding {
    padding-left: 0;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding {
    padding-left: auto;
    padding-right: 0
}

.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 116px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 116px
}

.mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 72px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 72px
}

.mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 72px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 72px
}

.mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 84px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 84px
}

.mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset {
    padding-left: 72px;
    padding-right: auto
}

.mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 72px
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:after,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
    z-index: var(--mdc-ripple-z-index, 1)
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple:after {
    animation: 225ms forwards mdc-ripple-fg-radius-in,75ms forwards mdc-ripple-fg-opacity-in
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple:after {
    animation: .15s mdc-ripple-fg-opacity-out;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple:before,:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)
}

:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-opacity, .12)
}

:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:after,:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
}

:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple:before,:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-opacity, .16)
}

:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .24;
    opacity: var(--mdc-ripple-focus-opacity, .24)
}

:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .24;
    opacity: var(--mdc-ripple-press-opacity, .24)
}

:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .24)
}

:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-opacity, .08)
}

:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:after,:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
}

:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple:before,:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-opacity, .12)
}

:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .2;
    opacity: var(--mdc-ripple-focus-opacity, .2)
}

:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .2;
    opacity: var(--mdc-ripple-press-opacity, .2)
}

:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .2)
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mdc-list-item--disabled {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity
}

.mdc-list-item--disabled .mdc-list-item__ripple:after,.mdc-list-item--disabled .mdc-list-item__ripple:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

.mdc-list-item--disabled .mdc-list-item__ripple:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-list-item--disabled .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple:after {
    animation: 225ms forwards mdc-ripple-fg-radius-in,75ms forwards mdc-ripple-fg-opacity-in
}

.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple:after {
    animation: .15s mdc-ripple-fg-opacity-out;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-list-item--disabled .mdc-list-item__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple:after,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
    z-index: var(--mdc-ripple-z-index, 1)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple:after {
    animation: 225ms forwards mdc-ripple-fg-radius-in,75ms forwards mdc-ripple-fg-opacity-in
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple:after {
    animation: .15s mdc-ripple-fg-opacity-out;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple:before,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:hover .mdc-evolution-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple:before,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-opacity, .12)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple:after,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple:before,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:hover .mdc-evolution-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-opacity, .16)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple:before,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .24;
    opacity: var(--mdc-ripple-focus-opacity, .24)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .24;
    opacity: var(--mdc-ripple-press-opacity, .24)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .24)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-opacity, .08)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple:after,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple:before,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:hover .mdc-evolution-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-opacity, .12)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple:before,:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .2;
    opacity: var(--mdc-ripple-focus-opacity, .2)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .2;
    opacity: var(--mdc-ripple-press-opacity, .2)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .2)
}

:not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mdc-evolution-list-item--disabled {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform,opacity
}

.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple:after,.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple:before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple:after {
    animation: 225ms forwards mdc-ripple-fg-radius-in,75ms forwards mdc-ripple-fg-opacity-in
}

.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple:after {
    animation: .15s mdc-ripple-fg-opacity-out;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-evolution-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple:before,.mdc-evolution-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mdc-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled) .mdc-list-item__ripple:after,.mdc-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled) .mdc-list-item__ripple:before {
    transition: opacity .15s cubic-bezier(.4,0,1,1),background-color .15s cubic-bezier(.4,0,1,1);
    will-change: opacity,background-color
}

.uilab-list.m--smaller {
    font-size: .875rem
}

.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled):not(.mdc-list-item--activated):not(.mdc-list-item--selected).mdc-list-item .m--primary:after,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled):not(.mdc-list-item--activated):not(.mdc-list-item--selected).mdc-list-item .m--primary:before {
    background-color: #4d5ee0;
    background-color: rgba(var(--uilab-theme-primary, 77, 94, 224),var(--uilab-theme-primary-opaque, 1))
}

.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--activated:active .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--activated:focus .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--selected:active .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--selected:focus .mdc-list-item__ripple.m--primary:before,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple.m--primary:before {
    opacity: .12;
    opacity: var(--uilab-ripple-opacity-focus, .12)
}

.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--activated:active .mdc-list-item__ripple.m--primary:after,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled).mdc-list-item--selected:active .mdc-list-item__ripple.m--primary:after {
    opacity: 0
}

.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled) .mdc-list-item__graphic,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--disabled) .mdc-list-item__meta {
    color: #0009;
    color: rgba(var(--uilab-theme-text-icon-on-background, 0, 0, 0),var(--uilab-theme-text-icon-on-background-medium, .6))
}

.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--activated).mdc-list-item,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--selected).mdc-list-item {
    color: #000000e6;
    color: rgba(var(--uilab-theme-text-primary-on-background, 0, 0, 0),var(--uilab-theme-text-primary-on-background-high, .9))
}

.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--activated).mdc-list-item:hover,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--activated).mdc-list-item:hover .mdc-list-item__graphic,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--selected).mdc-list-item:hover,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--selected).mdc-list-item:hover .mdc-list-item__graphic {
    color: #4d5ee0;
    color: rgba(var(--uilab-theme-primary, 77, 94, 224),var(--uilab-theme-primary-opaque, 1))
}

.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--activated).mdc-list-item:hover .mdc-list-item__meta,.uilab-list:not(.mdc-list--non-interactive) :not(.mdc-list-item--selected).mdc-list-item:hover .mdc-list-item__meta {
    color: #000000e6;
    color: rgba(var(--uilab-theme-text-icon-on-background, 0, 0, 0),var(--uilab-theme-text-icon-on-background-high, .9))
}

.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--activated.mdc-list-item,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--activated.mdc-list-item:hover,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--selected.mdc-list-item,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--selected.mdc-list-item:hover {
    color: #000000e6;
    color: rgba(var(--uilab-theme-text-primary-on-background, 0, 0, 0),var(--uilab-theme-text-primary-on-background-high, .9))
}

.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--activated.mdc-list-item .mdc-list-item__graphic,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--activated.mdc-list-item .mdc-list-item__meta,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--activated.mdc-list-item:hover .mdc-list-item__graphic,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--activated.mdc-list-item:hover .mdc-list-item__meta,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--selected.mdc-list-item .mdc-list-item__graphic,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--selected.mdc-list-item .mdc-list-item__meta,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--selected.mdc-list-item:hover .mdc-list-item__graphic,.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item--selected.mdc-list-item:hover .mdc-list-item__meta {
    color: #000000e6;
    color: rgba(var(--uilab-theme-text-icon-on-background, 0, 0, 0),var(--uilab-theme-text-icon-on-background-high, .9))
}

.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item.mdc-list-item--disabled .mdc-list-item__graphic {
    color: #00000061;
    color: rgba(var(--uilab-theme-text-icon-on-background, 0, 0, 0),var(--uilab-theme-text-icon-on-background-disabled, .38))
}

.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item.mdc-list-item--disabled .mdc-list-item__meta {
    color: #00000061;
    color: rgba(var(--uilab-theme-text-hint-on-background, 0, 0, 0),var(--uilab-theme-text-hint-on-background-disabled, .38))
}

.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item.mdc-list-item--disabled:hover .mdc-list-item__graphic {
    color: #00000061;
    color: rgba(var(--uilab-theme-text-icon-on-background, 0, 0, 0),var(--uilab-theme-text-icon-on-background-disabled, .38))
}

.uilab-list:not(.mdc-list--non-interactive) .mdc-list-item.mdc-list-item--disabled:hover .mdc-list-item__meta {
    color: #00000061;
    color: rgba(var(--uilab-theme-text-hint-on-background, 0, 0, 0),var(--uilab-theme-text-hint-on-background-disabled, .38))
}

.mdc-list-item__secondary-text {
    color: #0009;
    color: rgba(var(--uilab-theme-text-primary-on-background, 0, 0, 0),var(--uilab-theme-text-primary-on-background-medium, .6))
}

[dir=rtl] .mdc-list-item__meta,[dir=rtl] .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

[dir=rtl] .mdc-list .mdc-list-item__graphic,[dir=rtl] .mdc-list .mdc-list-item__graphic {
    margin-left: 2rem;
    margin-right: 0
}

[dir=rtl] .mdc-list.mdc-list--avatar-list .mdc-list-item__graphic,[dir=rtl] .mdc-list.mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 1rem;
    margin-right: 0
}

.uilab-badge {
    color: #fff;
    color: rgba(var(--uilab-error-ink-color, 255, 255, 255),var(--uilab-error-ink-color-opaque, 1));
    background-color: #fff;
    background-color: rgba(var(--uilab-error-fill-color, 255, 255, 255),var(--uilab-error-fill-color-opaque, 1));
    border-radius: .5rem;
    padding: 0 .3125rem;
    border-color: rgba(var(--uilab-theme-surface, 255, 255, 255),var(--uilab-theme-surface-opaque, 1));
    font-size: .875rem;
    font-weight: 400;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    -webkit-user-select: none;
    user-select: none;
    text-align: center;
    margin-left: .25rem;
    border: .125rem solid #fff
}

.uilab-badge.on-icon-btn-- {
    position: absolute;
    top: .1875rem;
    right: .5rem;
    padding: .0625rem .3125rem;
    font-size: .625rem;
    font-weight: 400;
    overflow: hidden;
    margin-left: 0
}

.uilab-badge.small-- {
    padding-left: .25rem;
    padding-right: .25rem;
    right: .3125rem
}

.uilab-badge.smaller-- {
    padding-left: .1875rem;
    padding-right: .1875rem;
    right: .125rem
}

[dir=rtl] .uilab-badge,[dir=rtl] .uilab-badge {
    margin-right: .25rem;
    margin-left: 0
}

[dir=rtl] .uilab-badge.on-icon-btn--,[dir=rtl] .uilab-badge.on-icon-btn-- {
    top: .1875rem;
    left: .5rem;
    right: auto
}

[dir=rtl] .uilab-badge.small--,[dir=rtl] .uilab-badge.small-- {
    left: .3125rem;
    right: auto
}

[dir=rtl] .uilab-badge.smaller--,[dir=rtl] .uilab-badge.smaller-- {
    left: .125rem;
    right: auto
}

.uilab-list.collection--:first-child {
    padding-bottom: 0
}

.uilab-list.collection--:last-child {
    padding-top: 0
}

.uilab-list__legal {
    text-align: center;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--uilab-font-family, "Roboto", "Helvetica", "Arial", sans-serif);
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.67;
    margin-bottom: 8px;
    padding: 0 16px;
    white-space: nowrap!important
}

.uilab-list__legal-link {
    color: #4d5ee0;
    color: rgba(var(--uilab-theme-primary, 77, 94, 224),var(--uilab-theme-primary-opaque, 1))
}

:root {
    --boundingbox: transparent
}

.sc-uilab-icon {
    opacity: 1!important
}

.show[_ngcontent-kqn-c18]{display:block}.noshow[_ngcontent-kqn-c18]{display:none}@media only screen and (max-width: 810px){[aria-expanded][_ngcontent-kqn-c18]{transition:all .5s;-webkit-transition:all .25s}[aria-expanded][aria-expanded=true][_ngcontent-kqn-c18]{left:0}[aria-expanded][aria-expanded=false][_ngcontent-kqn-c18]{left:-100%}}

.uilab-nav-rail[_ngcontent-civ-c14]{border-right-color:#dfe3e6;border-right-color:rgb(var(--uilab-divider, 223, 227, 230));border-right-style:solid;border-right-width:1px}[dir=rtl][_nghost-civ-c14]   .uilab-nav-rail[_ngcontent-civ-c14], [dir=rtl]   [_nghost-civ-c14]   .uilab-nav-rail[_ngcontent-civ-c14]{border-left-color:#dfe3e6;border-left-color:rgb(var(--uilab-divider, 223, 227, 230));border-left-style:solid;border-left-width:1px}.uilab-list-divider[_ngcontent-civ-c14], .uilab-nav-rail__divider[_ngcontent-civ-c14]{border-bottom-color:#dfe3e6;border-bottom-color:rgb(var(--uilab-list-divider, 223, 227, 230));border-bottom-style:solid;border-bottom-width:1px;height:0;list-style-type:none;margin:.5rem 1rem}@keyframes _ngcontent-civ-c14_mdc-ripple-fg-radius-in{0%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes _ngcontent-civ-c14_mdc-ripple-fg-opacity-in{0%{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes _ngcontent-civ-c14_mdc-ripple-fg-opacity-out{0%{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface[_ngcontent-civ-c14]{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface[_ngcontent-civ-c14]:before, .mdc-ripple-surface[_ngcontent-civ-c14]:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface[_ngcontent-civ-c14]:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface[_ngcontent-civ-c14]:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded[_ngcontent-civ-c14]:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded[_ngcontent-civ-c14]:after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded[_ngcontent-civ-c14]:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation[_ngcontent-civ-c14]:after{animation:_ngcontent-civ-c14_mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation[_ngcontent-civ-c14]:after{animation:_ngcontent-civ-c14_mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface[_ngcontent-civ-c14]:before, .mdc-ripple-surface[_ngcontent-civ-c14]:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface[_ngcontent-civ-c14]:hover:before, .mdc-ripple-surface.mdc-ripple-surface--hover[_ngcontent-civ-c14]:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused[_ngcontent-civ-c14]:before, .mdc-ripple-surface[_ngcontent-civ-c14]:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface[_ngcontent-civ-c14]:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.mdc-ripple-surface[_ngcontent-civ-c14]:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded[_ngcontent-civ-c14]{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface[_ngcontent-civ-c14]:before, .mdc-ripple-surface[_ngcontent-civ-c14]:after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded[_ngcontent-civ-c14]:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded][_ngcontent-civ-c14], .mdc-ripple-upgraded--unbounded[_ngcontent-civ-c14]{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded][_ngcontent-civ-c14]:before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded][_ngcontent-civ-c14]:after, .mdc-ripple-upgraded--unbounded[_ngcontent-civ-c14]:before, .mdc-ripple-upgraded--unbounded[_ngcontent-civ-c14]:after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded[_ngcontent-civ-c14]:before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded[_ngcontent-civ-c14]:after, .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded[_ngcontent-civ-c14]:before, .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded[_ngcontent-civ-c14]:after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded[_ngcontent-civ-c14]:after, .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded[_ngcontent-civ-c14]:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled)   .mdc-list-item__graphic[_ngcontent-civ-c14], .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled)   .mdc-list-item__meta[_ngcontent-civ-c14], .mdc-list-item[_ngcontent-civ-c14]{transition:color .15s 0ms cubic-bezier(.4,0,1,1);will-change:color}.mdc-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled)   .mdc-list-item__ripple[_ngcontent-civ-c14]:before, .mdc-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled)   .mdc-list-item__ripple[_ngcontent-civ-c14]:after{transition:opacity .15s 0ms cubic-bezier(.4,0,1,1),background-color .15s 0ms cubic-bezier(.4,0,1,1);will-change:opacity,background-color}.uilab-list.m--smaller[_ngcontent-civ-c14]{font-size:.875rem}.uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled):not(.mdc-list-item--activated):not(.mdc-list-item--selected).mdc-list-item   .m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled):not(.mdc-list-item--activated):not(.mdc-list-item--selected).mdc-list-item   .m--primary[_ngcontent-civ-c14]:after{background-color:#4d5ee0;background-color:rgba(var(--uilab-theme-primary, 77, 94, 224),var(--uilab-theme-primary-opaque, 1))}.uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--selected   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--selected:hover   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--selected:focus   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--selected:active   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--activated   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--activated:hover   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--activated:focus   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--activated:active   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:before{opacity:.12;opacity:var(--uilab-ripple-opacity-focus, .12)}.uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--activated:active   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:after, .uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled).mdc-list-item--selected:active   .mdc-list-item__ripple.m--primary[_ngcontent-civ-c14]:after{opacity:0}.uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled)   .mdc-list-item__graphic[_ngcontent-civ-c14]{color:#0009;color:rgba(var(--uilab-theme-text-icon-on-background, 0, 0, 0),var(--uilab-theme-text-icon-on-background-medium, .6))}.uilab-list[_ngcontent-civ-c14]:not(.mdc-list--non-interactive)   [_ngcontent-civ-c14]:not(.mdc-list-item--disabled)   .mdc-list-item__meta[_ngcontent]

mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled)   .menu-text-with-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled)   .menu-text-with-icon[_ngcontent-ng-c1434754141]{display:flex;align-items:center}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):before, mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):before{content:"";position:absolute;display:block;left:0;background-color:#fff;width:4px;height:100%;opacity:1}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):hover, mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).menu-trigger-hover, mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):hover, mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).menu-trigger-hover{color:#4d5ee0;--mdc-list-list-item-hover-label-text-color: #4d5ee0;--mdc-list-list-item-label-text-color: #4d5ee0;background-color:#4d5ee00a}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):hover:before, mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).menu-trigger-hover:before, mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):hover:before, mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).menu-trigger-hover:before{background-color:#4d5ee0}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):hover   .mat-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).menu-trigger-hover   .mat-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled):hover   .mat-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).menu-trigger-hover   .mat-icon[_ngcontent-ng-c1434754141]{color:#4d5ee0}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated, mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated{background-color:#4d5ee01f;--mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);color:#000000de}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated   .mat-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated   .menu-text-with-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated   .mat-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated   .menu-text-with-icon[_ngcontent-ng-c1434754141]{color:#000000de}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated:before, mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled).mdc-list-item--activated:before{background-color:#4d5ee0}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled)   .mat-icon[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled)   .mat-icon[_ngcontent-ng-c1434754141]{color:#0009;height:24px!important;width:24px!important}mat-nav-list[_ngcontent-ng-c1434754141]   mat-list-item[_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled)   .menu-text-with-icon[_ngcontent-ng-c1434754141] > span[_ngcontent-ng-c1434754141], mat-nav-list[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:not(.mdc-list-item--disabled)   .menu-text-with-icon[_ngcontent-ng-c1434754141] > span[_ngcontent-ng-c1434754141]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}mat-nav-list.submenu[_ngcontent-ng-c1434754141]{margin:0;padding:0}mat-nav-list.submenu[_ngcontent-ng-c1434754141]   a[mat-list-item][_ngcontent-ng-c1434754141]:before{opacity:0}.menu-placer[_ngcontent-ng-c1434754141]{position:absolute;top:-8px;right:0;height:0;width:0}