@charset "UTF-8"; /*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
    --blue: #886ab5;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #fd3995;
    --orange: #ffc241;
    --yellow: #ffc241;
    --green: #1dc9b7;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #868e96;
    --gray-dark: #495057;
    --primary: #886ab5;
    --secondary: #868e96;
    --success: #1dc9b7;
    --info: #2196F3;
    --warning: #ffc241;
    --danger: #fd3995;
    --light: #fff;
    --dark: #505050;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1399px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.47;
    color: #212529;
    text-align: left;
    background-color: #fff
}

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

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

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

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

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

    ul ul {
        margin-bottom: 0
    }

b {
    font-weight: bolder
}

small {
    font-size: 80%
}

a {
    color: #886ab5;
    text-decoration: none;
    background-color: transparent
}

    a:hover {
        color: #967bbd;
        text-decoration: underline
    }

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none
    }

        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

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

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

label {
    display: inline-block;
    margin-bottom: .3rem
}

button {
    border-radius: 0
}

    button:focus:not(:focus-visible) {
        outline: 0
    }

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

button, input {
    overflow: visible
}

button {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

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

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

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

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

[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
}

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

[hidden] {
    display: none !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.57
}

.h1, h1 {
    font-size: 1.5rem
}

.h2, h2 {
    font-size: 1.375rem
}

.h3, h3 {
    font-size: 1.1875rem
}

.h4, h4 {
    font-size: 1.0625rem
}

.h5, h5 {
    font-size: .9375rem
}

.h6, h6 {
    font-size: .875rem
}

.display-1 {
    font-size: 5rem;
    font-weight: 300;
    line-height: 1.57
}

.display-2 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.57
}

.display-3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.57
}

.display-4 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.57
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

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

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

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

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

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

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.75rem;
    margin-left: -.75rem
}

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

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

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

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:1399px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-control {
    display: block;
    width: 100%;
    height: calc(1.47em + 1rem + 2px);
    padding: .5rem .875rem;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.47;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #886ab5;
        outline: 0;
        -webkit-box-shadow: 0 0 0 .2rem transparent;
        box-shadow: 0 0 0 .2rem transparent
    }

    .form-control::-webkit-input-placeholder {
        color: #868e96;
        opacity: 1
    }

    .form-control::-moz-placeholder {
        color: #868e96;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #868e96;
        opacity: 1
    }

    .form-control::-ms-input-placeholder {
        color: #868e96;
        opacity: 1
    }

    .form-control::placeholder {
        color: #868e96;
        opacity: 1
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #f3f3f3;
        opacity: 1
    }

input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.col-form-label {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.47
}

.col-form-label-lg {
    padding-top: calc(.75rem + 1px);
    padding-bottom: calc(.75rem + 1px);
    font-size: 1rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    font-size: .75rem;
    line-height: 1.5
}

.form-control-sm {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .844rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: 4px
}

.form-control-lg {
    height: calc(1.5em + 1.5rem + 2px);
    padding: .75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px
}

.form-group {
    margin-bottom: 1.5rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #1dc9b7
}

.is-valid ~ .valid-feedback {
    display: block
}

.form-control.is-valid {
    border-color: #1dc9b7;
    padding-right: calc(1.47em + 1rem);
    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='%231dc9b7' 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(.3675em + .25rem) center;
    background-size: calc(.735em + .5rem) calc(.735em + .5rem)
}

    .form-control.is-valid:focus {
        border-color: #1dc9b7;
        -webkit-box-shadow: 0 0 0 .2rem rgba(29,201,183,.25);
        box-shadow: 0 0 0 .2rem rgba(29,201,183,.25)
    }

.custom-control-input.is-valid ~ .custom-control-label {
    color: #1dc9b7
}

    .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #1dc9b7
    }

.custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #37e2d0;
    background-color: #37e2d0
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(29,201,183,.25);
    box-shadow: 0 0 0 .2rem rgba(29,201,183,.25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #1dc9b7
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #fd3995
}

.is-invalid ~ .invalid-feedback {
    display: block
}

.form-control.is-invalid {
    border-color: #fd3995;
    padding-right: calc(1.47em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' 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='%23fd3995' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.3675em + .25rem) center;
    background-size: calc(.735em + .5rem) calc(.735em + .5rem)
}

    .form-control.is-invalid:focus {
        border-color: #fd3995;
        -webkit-box-shadow: 0 0 0 .2rem rgba(253,57,149,.25);
        box-shadow: 0 0 0 .2rem rgba(253,57,149,.25)
    }

.custom-control-input.is-invalid ~ .custom-control-label {
    color: #fd3995
}

    .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #fd3995
    }

.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #fe6bb0;
    background-color: #fe6bb0
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 .2rem rgba(253,57,149,.25);
    box-shadow: 0 0 0 .2rem rgba(253,57,149,.25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #fd3995
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .5rem 1.125rem;
    font-size: .8125rem;
    line-height: 1.47;
    border-radius: 4px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

    .btn:hover {
        color: #212529;
        text-decoration: none
    }

    .btn:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 .2rem transparent;
        box-shadow: 0 0 0 .2rem transparent
    }

    .btn.disabled, .btn:disabled {
        opacity: .65
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer
    }

a.btn.disabled {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #886ab5;
    border-color: #886ab5
}

    .btn-primary:hover {
        color: #fff;
        background-color: #7453a6;
        border-color: #6e4e9e
    }

    .btn-primary:focus {
        color: #fff;
        background-color: #7453a6;
        border-color: #6e4e9e;
        -webkit-box-shadow: 0 0 0 .2rem rgba(154,128,192,.5);
        box-shadow: 0 0 0 .2rem rgba(154,128,192,.5)
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #886ab5;
        border-color: #886ab5
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #6e4e9e;
        border-color: #684a95
    }

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(154,128,192,.5);
            box-shadow: 0 0 0 .2rem rgba(154,128,192,.5)
        }

.btn-info {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3
}

    .btn-info:hover {
        color: #fff;
        background-color: #0c83e2;
        border-color: #0c7cd5
    }

    .btn-info:focus {
        color: #fff;
        background-color: #0c83e2;
        border-color: #0c7cd5;
        -webkit-box-shadow: 0 0 0 .2rem rgba(66,166,245,.5);
        box-shadow: 0 0 0 .2rem rgba(66,166,245,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #2196f3;
        border-color: #2196f3
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #0c7cd5;
        border-color: #0b75c9
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(66,166,245,.5);
            box-shadow: 0 0 0 .2rem rgba(66,166,245,.5)
        }

.btn-danger {
    color: #fff;
    background-color: #fd3995;
    border-color: #fd3995
}

    .btn-danger:hover {
        color: #fff;
        background-color: #fd1381;
        border-color: #fc077a
    }

    .btn-danger:focus {
        color: #fff;
        background-color: #fd1381;
        border-color: #fc077a;
        -webkit-box-shadow: 0 0 0 .2rem rgba(253,87,165,.5);
        box-shadow: 0 0 0 .2rem rgba(253,87,165,.5)
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #fd3995;
        border-color: #fd3995
    }

    .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #fc077a;
        border-color: #f40274
    }

        .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(253,87,165,.5);
            box-shadow: 0 0 0 .2rem rgba(253,87,165,.5)
        }

.btn-dark {
    color: #fff;
    background-color: #505050;
    border-color: #505050
}

    .btn-dark:hover {
        color: #fff;
        background-color: #3d3d3d;
        border-color: #363636
    }

    .btn-dark:focus {
        color: #fff;
        background-color: #3d3d3d;
        border-color: #363636;
        -webkit-box-shadow: 0 0 0 .2rem rgba(106,106,106,.5);
        box-shadow: 0 0 0 .2rem rgba(106,106,106,.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #505050;
        border-color: #505050
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: #363636;
        border-color: #303030
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(106,106,106,.5);
            box-shadow: 0 0 0 .2rem rgba(106,106,106,.5)
        }

.btn-link {
    font-weight: 400;
    color: #886ab5;
    text-decoration: none
}

    .btn-link:hover {
        color: #967bbd;
        text-decoration: underline
    }

    .btn-link:focus {
        text-decoration: underline
    }

    .btn-link.disabled, .btn-link:disabled {
        color: #868e96;
        pointer-events: none
    }

.btn-group-lg > .btn, .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px
}

.btn-group-sm > .btn, .btn-sm {
    padding: .375rem .844rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: 4px
}

.btn-block {
    display: block;
    width: 100%
}

    .btn-block + .btn-block {
        margin-top: .5rem
    }

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.btn-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

    .btn-group > .btn {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .btn-group > .btn:hover {
            z-index: 1
        }

        .btn-group > .btn:active, .btn-group > .btn:focus {
            z-index: 1
        }

        .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
            margin-left: -1px
        }

        .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

    .input-group > .form-control {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0
    }

        .input-group > .form-control + .form-control {
            margin-left: -1px
        }

        .input-group > .form-control:focus {
            z-index: 3
        }

        .input-group > .form-control:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

    .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

.input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .input-group-append .btn {
        position: relative;
        z-index: 2
    }

        .input-group-append .btn:focus {
            z-index: 3
        }

        .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text {
            margin-left: -1px
        }

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem .875rem;
    margin-bottom: 0;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.47;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #f3f3f3;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

    .input-group-text input[type=checkbox], .input-group-text input[type=radio] {
        margin-top: 0
    }

.input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1.5rem + 2px)
}

.input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text {
    padding: .75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 4px
}

.input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + .75rem + 2px)
}

.input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text {
    padding: .375rem .844rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: 4px
}

.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn: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 > .btn, .input-group > .input-group-append > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.194375rem;
    padding-left: 1.625rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1.125rem;
    height: 1.1596875rem;
    opacity: 0
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #6e4e9e;
        background-color: #7a59ad
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        -webkit-box-shadow: 0 0 0 .2rem transparent;
        box-shadow: 0 0 0 .2rem transparent
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #967bbd
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #beaed7;
        background-color: #beaed7;
        border-color: #beaed7
    }

    .custom-control-input:disabled ~ .custom-control-label, .custom-control-input[disabled] ~ .custom-control-label {
        color: #868e96
    }

        .custom-control-input:disabled ~ .custom-control-label::before, .custom-control-input[disabled] ~ .custom-control-label::before {
            background-color: #f3f3f3
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

    .custom-control-label::before {
        position: absolute;
        top: .0346875rem;
        left: -1.625rem;
        display: block;
        width: 1.125rem;
        height: 1.125rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 2px
    }

    .custom-control-label::after {
        position: absolute;
        top: .0346875rem;
        left: -1.625rem;
        display: block;
        width: 1.125rem;
        height: 1.125rem;
        content: "";
        background: 50%/.5rem no-repeat
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 2px
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    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='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #886ab5;
    background-color: #886ab5
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #beaed7
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: #beaed7
}

.custom-control-label::before {
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 4px
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem
}

.card-title {
    margin-bottom: 1rem
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1rem
}

.card-img, .card-img-bottom {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.card-img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.card-group > .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #886ab5;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #967bbd;
        text-decoration: none;
        background-color: #f3f3f3;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        -webkit-box-shadow: 0 0 0 .2rem transparent;
        box-shadow: 0 0 0 .2rem transparent
    }

.alert {
    position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-link {
    font-weight: 700
}

.alert-primary {
    color: #47375e;
    background-color: #e7e1f0;
    border-color: #ded5ea
}

    .alert-primary .alert-link {
        color: #2f243e
    }

.alert-info {
    color: #114e7e;
    background-color: #d3eafd;
    border-color: #c1e2fc
}

    .alert-info .alert-link {
        color: #0b3251
    }

.alert-danger {
    color: #841e4d;
    background-color: #ffd7ea;
    border-color: #fec8e1
}

    .alert-danger .alert-link {
        color: #5a1535
    }

.alert-dark {
    color: #2a2a2a;
    background-color: #dcdcdc;
    border-color: #cecece
}

    .alert-dark .alert-link {
        color: #111
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: .75rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: .75rem 0
    }

    to {
        background-position: 0 0
    }
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

.bg-primary {
    background-color: #886ab5 !important
}

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

.bg-info {
    background-color: #2196f3 !important
}

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

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

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

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

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

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

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

.rounded-sm {
    border-radius: 4px !important
}

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

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

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

.rounded-lg {
    border-radius: 4px !important
}

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

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

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

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

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

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

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

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

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

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

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

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

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

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

@media (min-width:1399px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
}

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

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

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}

.shadow-none {
    -webkit-box-shadow: none !important;
    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
}

.m-0 {
    margin: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-6 {
    margin: 2.5rem !important
}

.mt-6, .my-6 {
    margin-top: 2.5rem !important
}

.mr-6 {
    margin-right: 2.5rem !important
}

.mb-6, .my-6 {
    margin-bottom: 2.5rem !important
}

.ml-6 {
    margin-left: 2.5rem !important
}

.p-0 {
    padding: 0 !important
}

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

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

.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
}

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

.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
}

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

.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
}

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

.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
}

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

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

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

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

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

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

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

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

.p-6 {
    padding: 2.5rem !important
}

.pt-6, .py-6 {
    padding-top: 2.5rem !important
}

.px-6 {
    padding-right: 2.5rem !important
}

.py-6 {
    padding-bottom: 2.5rem !important
}

.pl-6, .px-6 {
    padding-left: 2.5rem !important
}

.m-auto {
    margin: auto !important
}

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

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

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

.ml-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 {
        margin-right: 0 !important
    }

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

    .ml-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 {
        margin-right: .25rem !important
    }

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

    .ml-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 {
        margin-right: .5rem !important
    }

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

    .ml-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 {
        margin-right: 1rem !important
    }

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

    .ml-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 {
        margin-right: 1.5rem !important
    }

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

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

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

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

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

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

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

    .m-sm-6 {
        margin: 2.5rem !important
    }

    .mt-sm-6, .my-sm-6 {
        margin-top: 2.5rem !important
    }

    .mr-sm-6 {
        margin-right: 2.5rem !important
    }

    .mb-sm-6, .my-sm-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-sm-6 {
        margin-left: 2.5rem !important
    }

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

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

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

    .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
    }

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

    .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
    }

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

    .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
    }

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

    .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
    }

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

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

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

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

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

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

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

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

    .p-sm-6 {
        padding: 2.5rem !important
    }

    .pt-sm-6, .py-sm-6 {
        padding-top: 2.5rem !important
    }

    .px-sm-6 {
        padding-right: 2.5rem !important
    }

    .py-sm-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-sm-6, .px-sm-6 {
        padding-left: 2.5rem !important
    }

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

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

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

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

    .ml-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 {
        margin-right: 0 !important
    }

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

    .ml-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 {
        margin-right: .25rem !important
    }

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

    .ml-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 {
        margin-right: .5rem !important
    }

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

    .ml-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 {
        margin-right: 1rem !important
    }

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

    .ml-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 {
        margin-right: 1.5rem !important
    }

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

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

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

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

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

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

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

    .m-md-6 {
        margin: 2.5rem !important
    }

    .mt-md-6, .my-md-6 {
        margin-top: 2.5rem !important
    }

    .mr-md-6 {
        margin-right: 2.5rem !important
    }

    .mb-md-6, .my-md-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-md-6 {
        margin-left: 2.5rem !important
    }

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

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

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

    .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
    }

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

    .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
    }

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

    .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
    }

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

    .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
    }

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

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

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

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

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

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

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

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

    .p-md-6 {
        padding: 2.5rem !important
    }

    .pt-md-6, .py-md-6 {
        padding-top: 2.5rem !important
    }

    .px-md-6 {
        padding-right: 2.5rem !important
    }

    .py-md-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-md-6, .px-md-6 {
        padding-left: 2.5rem !important
    }

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

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

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

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

    .ml-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 {
        margin-right: 0 !important
    }

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

    .ml-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 {
        margin-right: .25rem !important
    }

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

    .ml-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 {
        margin-right: .5rem !important
    }

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

    .ml-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 {
        margin-right: 1rem !important
    }

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

    .ml-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 {
        margin-right: 1.5rem !important
    }

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

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

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

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

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

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

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

    .m-lg-6 {
        margin: 2.5rem !important
    }

    .mt-lg-6, .my-lg-6 {
        margin-top: 2.5rem !important
    }

    .mr-lg-6 {
        margin-right: 2.5rem !important
    }

    .mb-lg-6, .my-lg-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-lg-6 {
        margin-left: 2.5rem !important
    }

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

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

    .px-lg-0 {
        padding-right: 0 !important
    }

    .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
    }

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

    .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
    }

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

    .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
    }

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

    .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
    }

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

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

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

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

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

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

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

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

    .p-lg-6 {
        padding: 2.5rem !important
    }

    .pt-lg-6, .py-lg-6 {
        padding-top: 2.5rem !important
    }

    .px-lg-6 {
        padding-right: 2.5rem !important
    }

    .py-lg-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-lg-6, .px-lg-6 {
        padding-left: 2.5rem !important
    }

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

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

    .mr-lg-auto {
        margin-right: auto !important
    }

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

    .ml-lg-auto {
        margin-left: auto !important
    }
}

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

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

    .mr-xl-0 {
        margin-right: 0 !important
    }

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

    .ml-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 {
        margin-right: .25rem !important
    }

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

    .ml-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 {
        margin-right: .5rem !important
    }

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

    .ml-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 {
        margin-right: 1rem !important
    }

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

    .ml-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 {
        margin-right: 1.5rem !important
    }

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

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

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

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

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

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

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

    .m-xl-6 {
        margin: 2.5rem !important
    }

    .mt-xl-6, .my-xl-6 {
        margin-top: 2.5rem !important
    }

    .mr-xl-6 {
        margin-right: 2.5rem !important
    }

    .mb-xl-6, .my-xl-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-xl-6 {
        margin-left: 2.5rem !important
    }

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

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

    .px-xl-0 {
        padding-right: 0 !important
    }

    .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
    }

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

    .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
    }

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

    .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
    }

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

    .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
    }

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

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

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

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

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

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

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

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

    .p-xl-6 {
        padding: 2.5rem !important
    }

    .pt-xl-6, .py-xl-6 {
        padding-top: 2.5rem !important
    }

    .px-xl-6 {
        padding-right: 2.5rem !important
    }

    .py-xl-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-xl-6, .px-xl-6 {
        padding-left: 2.5rem !important
    }

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

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

    .mr-xl-auto {
        margin-right: auto !important
    }

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

    .ml-xl-auto {
        margin-left: auto !important
    }
}

.text-justify {
    text-align: justify !important
}

.text-left {
    text-align: left !important
}

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

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

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

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

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

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

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

@media (min-width:1399px) {
    .text-xl-left {
        text-align: left !important
    }

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

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

.text-primary {
    color: #886ab5 !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #62468d !important
}

.text-info {
    color: #2196f3 !important
}

a.text-info:focus, a.text-info:hover {
    color: #0a6ebd !important
}

.text-danger {
    color: #fd3995 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #e7026e !important
}

.text-dark {
    color: #505050 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #2a2a2a !important
}

.text-body {
    color: #212529 !important
}

.text-white-50 {
    color: rgba(255,255,255,.5) !important
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    img {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    @page {
        size: letter
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }
}

body {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial;
    font-size: .8125rem;
    letter-spacing: .1px
}

.page-content {
    color: #666
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-weight: 400
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: 300;
        display: block;
        font-size: .9375rem;
        line-height: 1.5;
        margin: 2px 0 1.5rem
    }

    .h2 small, .h3 small, h2 small, h3 small {
        font-size: .9375rem
    }

    .h4 small, h4 small {
        font-size: .875rem
    }

    .h5 small, .h6 small, h5 small, h6 small {
        font-size: .8125rem
    }

.text-gradient {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,#6e4e9e),color-stop(50%,#62468d),color-stop(75%,#0c7cd5),to(#0960a5));
    background: linear-gradient(180deg,#6e4e9e 25%,#62468d 50%,#0c7cd5 75%,#0960a5 100%);
    color: #886ab5;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none
}
/*!
 * Font Awesome Pro 7.0.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2025 Fonticons, Inc.
 */

:is(.fas,.fass,.far,.fasr,.fal,.fasl,.fat,.fast,.fad,.fadr,.fadl,.fadt,.fasds,.fasdr,.fasdl,.fasdt,.fab,.faslr,.faslpr,.fawsb,.fatl,.fans,.fands,.faes,.fajr,.fajfr,.fajdr,.facr,.fa-solid,.fa-semibold,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa-chisel,.fa-etch,.fa-jelly,.fa-jelly-duo,.fa-jelly-fill,.fa-notdog,.fa-notdog-duo,.fa-slab,.fa-slab-press,.fa-thumbprint,.fa-whiteboard,.fa):before {
    content: var(--fa)/""
}

@supports not (content:""/"") {
    :is(.fas,.fass,.far,.fasr,.fal,.fasl,.fat,.fast,.fad,.fadr,.fadl,.fadt,.fasds,.fasdr,.fasdl,.fasdt,.fab,.faslr,.faslpr,.fawsb,.fatl,.fans,.fands,.faes,.fajr,.fajfr,.fajdr,.facr,.fa-solid,.fa-semibold,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa-chisel,.fa-etch,.fa-jelly,.fa-jelly-duo,.fa-jelly-fill,.fa-notdog,.fa-notdog-duo,.fa-slab,.fa-slab-press,.fa-thumbprint,.fa-whiteboard,.fa):before {
        content: var(--fa)
    }
}

:is(.fad,.fa-duotone,.fadr,.fadl,.fadt,.fasds,.fa-sharp-duotone,.fasdr,.fasdl,.fasdt,.fatl,.fa-thumbprint,.fands,.fa-notdog-duo,.fajdr,.fa-jelly-duo):after {
    content: var(--fa);
    font-feature-settings: "ss01"
}

@supports not (content:""/"") {
    :is(.fad,.fa-duotone,.fadr,.fadl,.fadt,.fasds,.fa-sharp-duotone,.fasdr,.fasdl,.fasdt,.fatl,.fa-thumbprint,.fands,.fa-notdog-duo,.fajdr,.fa-jelly-duo):after {
        content: var(--fa)
    }
}

@keyframes fa-beat {
    0%,90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale,1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity,.4)
    }
}

@keyframes fa-beat-fade {
    0%,to {
        opacity: var(--fa-beat-fade-opacity,.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale,1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    24%,8% {
        transform: rotate(-18deg)
    }

    12%,28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,to {
        transform: rotate(0)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

:host, :root {
    --fa-family-brands: "Font Awesome 7 Brands";
    --fa-font-brands: normal 400 1em/1 var(--fa-family-brands)
}

@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-brands-400.woff2)
}

:host, :root {
    --fa-family-duotone: "Font Awesome 7 Duotone";
    --fa-font-duotone: normal 900 1em/1 var(--fa-family-duotone);
    --fa-style-family-duotone: var(--fa-family-duotone)
}

@font-face {
    font-family: "Font Awesome 7 Duotone";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-duotone-900.woff2)
}

:host, :root {
    --fa-font-light: normal 300 1em/1 var(--fa-family-classic)
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-light-300.woff2)
}

:host, :root {
    --fa-font-regular: normal 400 1em/1 var(--fa-family-classic)
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-regular-400.woff2)
}

:host, :root {
    --fa-font-solid: normal 900 1em/1 var(--fa-family-classic)
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-solid-900.woff2)
}

:host, :root {
    --fa-family-classic: "Font Awesome 7 Pro";
    --fa-font-thin: normal 100 1em/1 var(--fa-family-classic);
    --fa-style-family-classic: var(--fa-family-classic)
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-thin-100.woff2)
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url(https://coi.sempre.dev.br/webfonts/fa-brands-400.woff2) format("woff2")
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 900;
    src: url(https://coi.sempre.dev.br/webfonts/fa-solid-900.woff2) format("woff2")
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 400;
    src: url(https://coi.sempre.dev.br/webfonts/fa-regular-400.woff2) format("woff2")
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 300;
    src: url(https://coi.sempre.dev.br/webfonts/fa-light-300.woff2) format("woff2")
}

@font-face {
    font-family: "Font Awesome 5 Duotone";
    font-display: block;
    font-weight: 900;
    src: url(https://coi.sempre.dev.br/webfonts/fa-duotone-900.woff2) format("woff2")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-solid-900.woff2) format("woff2")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-brands-400.woff2) format("woff2")
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-regular-400.woff2) format("woff2");
    unicode-range: u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc
}

@font-face {
    font-family: FontAwesome;
    font-display: block;
    src: url(https://coi.sempre.dev.br/webfonts/fa-v4compatibility.woff2) format("woff2");
    unicode-range: u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a
}

@font-face {
    font-family: nextgen-icons;
    src: url(https://coi.sempre.dev.br/webfonts/nextgen-icons.eot);
    src: url(https://coi.sempre.dev.br/webfonts/nextgen-icons.eot?#iefix) format("embedded-opentype"),url(https://coi.sempre.dev.br/webfonts/nextgen-icons.woff2) format("woff2"),url(https://coi.sempre.dev.br/webfonts/webfonts/nextgen-icons.woff) format("woff"),url(https://coi.sempre.dev.br/webfonts/webfonts/nextgen-icons.ttf) format("truetype"),url(https://coi.sempre.dev.br/webfonts/webfonts/nextgen-icons.svg#nextgen-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" base-"], [class^=base-], [data-icon]:before {
    font-family: nextgen-icons;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

body {
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial;
    font-size: .8125rem;
    letter-spacing: .1px
}

.page-content {
    color: #666
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    font-weight: 400
}

    .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-weight: 300;
        display: block;
        font-size: .9375rem;
        line-height: 1.5;
        margin: 2px 0 1.5rem
    }

    .h2 small, .h3 small, h2 small, h3 small {
        font-size: .9375rem
    }

    .h4 small, h4 small {
        font-size: .875rem
    }

    .h5 small, .h6 small, h5 small, h6 small {
        font-size: .8125rem
    }

.text-gradient {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(25%,#6e4e9e),color-stop(50%,#62468d),color-stop(75%,#0c7cd5),to(#0960a5));
    background: linear-gradient(180deg,#6e4e9e 25%,#62468d 50%,#0c7cd5 75%,#0960a5 100%);
    color: #886ab5;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none
}

.bg-brand-gradient, .page-logo {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(51,148,225,.18)),to(transparent));
    background-image: linear-gradient(270deg,rgba(51,148,225,.18),transparent);
    background-color: #584475
}

.page-logo, body:not(.header-function-fixed) .page-logo {
    -webkit-transition: all 470ms cubic-bezier(.34,1.25,.3,1);
    transition: all 470ms cubic-bezier(.34,1.25,.3,1)
}

[class*=btn-outline-] {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.info-card img.cover {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.info-card img.cover {
    background-size: cover
}

.pattern-0 {
    background-size: 10px 10px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.07) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent);
    -pie-background: linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 75%,transparent 75%,transparent) 0 0/10px 10px transparent
}

.pattern-1 {
    background-size: 5px 5px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.04) 75%,transparent 75%,transparent);
    -pie-background: linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.04) 75%,transparent 75%,transparent) 0 0/5px 5px transparent
}

.pattern-2 {
    background-size: 15px 15px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,.2)),color-stop(50%,transparent),to(transparent));
    background-image: linear-gradient(rgba(255,255,255,.2) 50%,transparent 50%,transparent);
    -pie-background: linear-gradient(rgba(255,255,255,.2) 50%,transparent 50%,transparent) 0 0/15px transparent
}

.pattern-3 {
    background-size: 15px 15px;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,rgba(255,255,255,.2)),color-stop(50%,transparent),to(transparent));
    background-image: linear-gradient(90deg,rgba(255,255,255,.2) 50%,transparent 50%,transparent);
    -pie-background: linear-gradient(90deg,rgba(255,255,255,.2) 50%,transparent 50%,transparent) 0 0/15px 15px transparent
}

.pattern-4 {
    background-size: 37px 37px;
    background-position: 0 0,18.5px 18.5px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)),linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));
    -pie-background: linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)) 0 0/37px,linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)) 37px 37px/74px,transparent
}

.pattern-5 {
    background-size: 37px 37px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)),linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2));
    -pie-background: linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)) 0 0/60px,linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.2) 75%,rgba(255,255,255,.2)) 0 0/60px,#eee
}

:root {
    --theme-primary: #886ab5;
    --theme-secondary: #6c757d;
    --theme-success: #1dc9b7;
    --theme-info: #2196F3;
    --theme-warning: #ffc241;
    --theme-danger: #fd3995;
    --theme-light: #fff;
    --theme-dark: #505050;
    --theme-rgb-primary: 136,106,181;
    --theme-rgb-success: 29,201,183;
    --theme-rgb-info: 33,150,243;
    --theme-rgb-warning: 255,194,65;
    --theme-rgb-danger: 253,57,149;
    --theme-rgb-fusion: 80,80,80;
    --theme-primary-50: #ccbfdf;
    --theme-primary-100: #beaed7;
    --theme-primary-200: #b19dce;
    --theme-primary-300: #c49dff;
    --theme-primary-400: #967bbd;
    --theme-primary-500: #886ab5;
    --theme-primary-600: #7a59ad;
    --theme-primary-700: #6e4e9e;
    --theme-primary-800: #62468d;
    --theme-primary-900: #563d7c;
    --theme-success-50: #7aece0;
    --theme-success-100: #63e9db;
    --theme-success-200: #4de5d5;
    --theme-success-300: #37e2d0;
    --theme-success-400: #21dfcb;
    --theme-success-500: #1dc9b7;
    --theme-success-600: #1ab3a3;
    --theme-success-700: #179c8e;
    --theme-success-800: #13867a;
    --theme-success-900: #107066;
    --theme-info-50: #9acffa;
    --theme-info-100: #82c4f8;
    --theme-info-200: #6ab8f7;
    --theme-info-300: #51adf6;
    --theme-info-400: #39a1f4;
    --theme-info-500: #2196F3;
    --theme-info-600: #0d8aee;
    --theme-info-700: #0c7cd5;
    --theme-info-800: #0a6ebd;
    --theme-info-900: #0960a5;
    --theme-warning-50: #ffebc1;
    --theme-warning-100: #ffe3a7;
    --theme-warning-200: #ffdb8e;
    --theme-warning-300: #ffd274;
    --theme-warning-400: #ffca5b;
    --theme-warning-500: #ffc241;
    --theme-warning-600: #ffba28;
    --theme-warning-700: #ffb20e;
    --theme-warning-800: #f4a500;
    --theme-warning-900: #da9400;
    --theme-danger-50: #feb7d9;
    --theme-danger-100: #fe9ecb;
    --theme-danger-200: #fe85be;
    --theme-danger-300: #fe6bb0;
    --theme-danger-400: #fd52a3;
    --theme-danger-500: #fd3995;
    --theme-danger-600: #fd2087;
    --theme-danger-700: #fc077a;
    --theme-danger-800: #e7026e;
    --theme-danger-900: #ce0262;
    --theme-fusion-50: #909090;
    --theme-fusion-100: #838383;
    --theme-fusion-200: #767676;
    --theme-fusion-300: dimgray;
    --theme-fusion-400: #5d5d5d;
    --theme-fusion-500: #505050;
    --theme-fusion-600: #434343;
    --theme-fusion-700: #363636;
    --theme-fusion-800: #2a2a2a;
    --theme-fusion-900: #1d1d1d;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1399px
}

.btn, .btn:active:focus, .btn:focus, a, a:active, a:focus, button, button:active, button:focus {
    outline: 0;
    outline: 0
}

input::-moz-focus-inner {
    border: 0
}

html {
    scroll-behavior: smooth
}

    html body {
        direction: ltr;
        text-rendering: optimizeLegibility;
        background-color: #fff
    }

        html body a {
            color: #886ab5;
            text-decoration: none;
            background-color: transparent
        }

            html body a:hover {
                color: #967bbd;
                text-decoration: underline
            }

.page-logo {
    height: 4.125rem;
    width: 16.875rem;
    -webkit-box-shadow: 0 0 28px 0 rgba(0,0,0,.13);
    box-shadow: 0 0 28px 0 rgba(0,0,0,.13);
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 1px;
    padding: 0 2rem
}

    .page-logo img {
        width: 28px;
        height: 28px
    }

    .page-logo .page-logo-link {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

.page-logo-text {
    margin-left: .5rem;
    font-weight: 300;
    font-size: 1rem;
    color: #fff;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: left
}

.info-card {
    position: relative;
    width: 16.875rem;
    height: 9.53rem;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem;
    -webkit-transition: all .7s cubic-bezier(.34,1.25,.3,1);
    transition: all .7s cubic-bezier(.34,1.25,.3,1)
}

    .info-card img.cover {
        opacity: .5;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        height: auto
    }

    .info-card .info-card-text {
        margin-left: 1rem;
        color: inherit;
        text-shadow: #000 0 1px;
        z-index: 1;
        position: relative;
        line-height: normal
    }

        .info-card .info-card-text > span {
            font-weight: 300
        }

@media (min-width:1399px) {
    .info-card:hover {
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        will-change: opacity
    }

        .info-card:hover img.cover {
            opacity: .7;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }
}

.info-card-text {
    font-size: .875rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    line-height: 1.35
}

    .info-card-text > span {
        font-size: .875rem;
        display: block;
        font-weight: 300
    }

.page-wrapper {
    position: relative
}

.page-inner {
    min-height: 100vh
}

.page-inner, .page-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%
}

.page-content-wrapper {
    background-color: #faf8fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0;
    min-width: 0;
    max-width: 100%;
    min-height: 1px
}

.page-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.alt {
    padding: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.h-alt-f {
    height: calc(100vh - 11.4375rem);
    width: 100%
}

.alert-primary {
    color: #696969;
    background-color: #f3f1f5;
    border-color: #d6d3da
}

.alert-danger {
    color: #e7026e;
    background-color: #ffe5f1;
    border-color: #fe9ecb
}

.alert-info {
    color: #0a6ebd;
    background-color: #e3f2fd;
    border-color: #82c4f8
}

.alert-icon {
    width: 2.5rem
}

    .alert-icon > i {
        font-size: 1.75rem
    }

    .alert-icon + div {
        padding-left: .25rem
    }

[data-breadcrumb-seperator] + [data-breadcrumb-seperator]:before {
    content: attr(data-breadcrumb-seperator)
}

.btn-w-m {
    min-width: 85px
}

.btn-m-s {
    margin: 3px 1px
}

.btn-shadow, .btn-shadow:focus {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05)
}

    .btn-shadow:active, .btn-shadow:focus:active {
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.3) !important;
        box-shadow: 0 0 0 0 rgba(0,0,0,.3) !important
    }

    .btn-shadow:focus:not(.disabled):not([disabled]):hover, .btn-shadow:not(.disabled):not([disabled]):hover {
        -webkit-box-shadow: 0 6px 17px 0 rgba(0,0,0,.3);
        box-shadow: 0 6px 17px 0 rgba(0,0,0,.3)
    }

.btn:active {
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.15) inset !important
}

.btn-primary {
    -webkit-box-shadow: 0 2px 6px 0 rgba(136,106,181,.5);
    box-shadow: 0 2px 6px 0 rgba(136,106,181,.5)
}

.btn-info {
    -webkit-box-shadow: 0 2px 6px 0 rgba(33,150,243,.5);
    box-shadow: 0 2px 6px 0 rgba(33,150,243,.5)
}

.btn-danger {
    -webkit-box-shadow: 0 2px 6px 0 rgba(253,57,149,.5);
    box-shadow: 0 2px 6px 0 rgba(253,57,149,.5)
}

.btn-dark {
    -webkit-box-shadow: 0 2px 6px 0 rgba(80,80,80,.5);
    box-shadow: 0 2px 6px 0 rgba(80,80,80,.5)
}

.btn-icon {
    width: calc(2.1rem + 2px);
    padding: 0;
    line-height: 2.1rem
}

    .btn-icon:not([class*=-primary]):not([class*=-secondary]):not([class*=-default]):not([class*=-success]):not([class*=-info]):not([class*=-warning]):not([class*=-danger]):not([class*=-dark]):not([class*=-light]):not(.nav-item):hover {
        background-color: rgba(0,0,0,.05);
        border-color: transparent
    }

    .btn-icon:not([class*=-primary]):not([class*=-secondary]):not([class*=-default]):not([class*=-success]):not([class*=-info]):not([class*=-warning]):not([class*=-danger]):not([class*=-dark]):not([class*=-light]):not(.nav-item):not(.active):not(:active):not(:hover):not(:focus) {
        background: 0 0;
        color: #434343
    }

    .btn-icon:not([class*=-primary]):not([class*=-secondary]):not([class*=-default]):not([class*=-success]):not([class*=-info]):not([class*=-warning]):not([class*=-danger]):not([class*=-dark]):not([class*=-light]):not(.nav-item):focus {
        border-color: rgba(80,80,80,.1) !important
    }

    .btn-icon.btn-sm {
        width: calc(1.5rem + 2px);
        line-height: 1.5rem
    }

    .btn-icon.btn-lg {
        width: calc(3rem + 2px);
        line-height: 3rem
    }

.card, .card-group {
    -webkit-box-shadow: 0 0 13px 0 rgba(74,53,107,.08);
    box-shadow: 0 0 13px 0 rgba(74,53,107,.08)
}

    .card-group > :last-child, .card > :last-child {
        margin-bottom: 0
    }

    .card-group > .card {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.card-title {
    font-size: .9375rem
}

.h-auto {
    height: auto !important
}

.w-auto {
    width: auto !important
}

.min-width-0 {
    min-width: 0
}

.width-0 {
    width: 0
}

.width-1 {
    width: 1.5rem
}

.width-2 {
    width: 2rem
}

.width-3 {
    width: 2.5rem
}

.width-4 {
    width: 2.75rem
}

.width-5 {
    width: 3rem
}

.width-6 {
    width: 3.25rem
}

.width-7 {
    width: 3.5rem
}

.width-8 {
    width: 3.75rem
}

.width-9 {
    width: 4rem
}

.width-10 {
    width: 4.25rem
}

.width-sm {
    min-width: 10rem
}

.width-lg {
    min-width: 15rem
}

.width-xl {
    min-width: 20rem
}

.height-0 {
    height: 0
}

.height-1 {
    height: 1.5rem
}

.height-2 {
    height: 2rem
}

.height-3 {
    height: 2.5rem
}

.height-4 {
    height: 2.75rem
}

.height-5 {
    height: 3rem
}

.height-6 {
    height: 3.25rem
}

.height-7 {
    height: 3.5rem
}

.height-8 {
    height: 3.75rem
}

.height-9 {
    height: 4rem
}

.height-10 {
    height: 4.25rem
}

.height-sm {
    min-height: 10rem
}

.height-lg {
    min-height: 15rem
}

.height-xl {
    min-height: 20rem
}

.bg-img-none {
    background-image: none !important
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-900 {
    font-weight: 900 !important
}

.fs-sm {
    font-size: .78125rem !important
}

.fs-b {
    font-size: .8125rem !important
}

.fs-md {
    font-size: .875rem !important
}

.fs-lg {
    font-size: .9375rem !important
}

.fs-xl {
    font-size: 1rem !important
}

.fs-xxl {
    font-size: 1.75rem !important
}

.opacity-5 {
    opacity: .05
}

.opacity-10 {
    opacity: .1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-35 {
    opacity: .35
}

.opacity-40 {
    opacity: .4
}

.opacity-45 {
    opacity: .45
}

.opacity-50 {
    opacity: .5
}

.opacity-55 {
    opacity: .55
}

.opacity-60 {
    opacity: .6
}

.opacity-65 {
    opacity: .65
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-85 {
    opacity: .85
}

.opacity-90 {
    opacity: .9
}

.opacity-95 {
    opacity: .95
}

.opacity-100 {
    opacity: 1
}

.bg-white {
    background-color: #fff;
    color: #666
}

.bg-faded {
    background-color: #f7f9fa
}

.rounded-plus {
    border-radius: 10px
}

.rounded-bottom {
    border-radius: 0 0 4px
}

.shadow-0 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.shadow-1 {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.02),0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.02),0 1px 2px rgba(0,0,0,.1)
}

.shadow-2 {
    -webkit-box-shadow: 0 .1rem .15rem rgba(0,0,0,.1);
    box-shadow: 0 .1rem .15rem rgba(0,0,0,.1)
}

.shadow-3 {
    -webkit-box-shadow: 0 .1rem .15rem rgba(0,0,0,.125);
    box-shadow: 0 .1rem .15rem rgba(0,0,0,.125)
}

.shadow-4 {
    -webkit-box-shadow: 0 .1rem .25rem rgba(0,0,0,.125);
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.125)
}

.shadow-5 {
    -webkit-box-shadow: 0 .125rem .325rem rgba(0,0,0,.175);
    box-shadow: 0 .125rem .325rem rgba(0,0,0,.175)
}

@media only screen and (max-width:992px) {
    .height-mobile-auto {
        height: auto;
        min-height: auto;
        max-height: auto
    }

    .width-mobile-auto {
        width: auto;
        min-width: auto;
        max-width: auto
    }
}

.disabled:not(.btn), .disabled:not(.btn) > * {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
    opacity: .8;
    cursor: not-allowed
}

    .disabled:not(.btn) ul, .disabled:not(.btn) > * ul {
        display: none
    }

.container.container-sm {
    max-width: 576px
}

.container.container-md {
    max-width: 768px
}

.container.container-lg {
    max-width: 992px
}

@media (max-width:767.98px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (max-width:991.98px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (max-width:1398.98px) {
    .hidden-lg-down {
        display: none !important
    }
}

.hidden-xl-down {
    display: none !important
}

* > .frame-wrap:last-child {
    margin-bottom: 0 !important
}

[data-hasmore] {
    position: relative;
    color: #fff
}

    [data-hasmore]:before {
        content: attr(data-hasmore);
        border-radius: inherit;
        background: rgba(0,0,0,.4);
        height: inherit;
        width: 100%;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-weight: 500;
        font-size: inherit
    }

.shadow-bottom:after {
    content: "";
    height: 6px;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg==);
    background-size: cover;
    top: -5px;
    left: 0;
    right: 0;
    opacity: .06
}

.shadow-bottom:after {
    top: auto;
    bottom: -5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg==)
}

.press-scale-down {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

    .press-scale-down:active {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: inherit !important
}

::-moz-selection {
    background: #505050;
    color: #fff
}

::selection {
    background: #505050;
    color: #fff
}

::-moz-selection {
    background: #505050;
    color: #fff
}

button:focus, input:focus {
    outline: 0
}

::-ms-clear {
    width: 0;
    height: 0
}

a {
    text-decoration: none !important
}

[role=button], a, button, input, label, summary {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open {
    padding-right: 8px !important
}

body:not(.mobile-view-activated).mod-main-boxed.modal-open {
    padding-right: 0 !important
}

.btn-group .btn:not([class*=btn-outline-]):not(.btn-icon):not(.btn-light) {
    border-right: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1)
}

.input-group-append .btn:not([class*=btn-outline-]):not(.btn-icon):not(:first-child) {
    border-left: 1px solid rgba(0,0,0,.1)
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .text-gradient {
        background: 0 0
    }

    .ie-d-none {
        display: none !important
    }
}

@media (min-width:992px) {
    .page-content {
        padding: 1.5rem 2rem
    }
}

@media only screen and (max-width:992px) {
    body {
        overflow-x: hidden
    }

    .page-logo-text {
        font-size: 1rem
    }

    .page-wrapper {
        padding-left: 0;
        background: #fff
    }

        .page-wrapper .page-content {
            padding: 1.5rem 1.5rem;
            color: #222;
            font-size: 14px;
            min-height: calc(100vh - 6.9375rem)
        }
}

@media only screen and (max-width:576px) {
    .page-content {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .card[class*=p-] .card-body {
        padding: 0 !important
    }

    .card .card-body {
        padding: 1rem
    }

    .alert {
        padding: 1rem
    }
}

.form-label {
    font-weight: 500
}

.form-control:focus ~ .input-group-prepend {
    background: #886ab5
}

.input-group-text {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.custom-checkbox .custom-control-label::after {
    background-size: 50% 50%
}

input[type=checkbox]:checked + .custom-control-label, input[type=radio]:checked + .custom-control-label {
    font-weight: 500
}

.help-block {
    color: #909090
}

.help-block, .invalid-feedback, .valid-feedback {
    font-size: .6875rem;
    margin-top: .325rem
}

.form-group:last-child, .form-group:only-child {
    margin-bottom: 0
}

@keyframes loading {
    from {
        background-position: 0 0
    }

    to {
        background-position: -13px 0
    }
}

@-webkit-keyframes loading {
    from {
        background-position: 0 0
    }

    to {
        background-position: -13px 0
    }
}
/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */

@-webkit-keyframes seconds {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes seconds {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes delayed {
    99% {
        visibility: hidden
    }

    100% {
        visibility: visible
    }
}

@keyframes delayed {
    99% {
        visibility: hidden
    }

    100% {
        visibility: visible
    }
}

@keyframes subtle {
    0% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

@-webkit-keyframes subtle {
    0% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

@-webkit-keyframes highlight {
    from {
        background: #ffebc1
    }

    to {
        background: 0 0
    }
}

@keyframes highlight {
    from {
        background: #ffebc1
    }

    to {
        background: 0 0
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes animateFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animateFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animateFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animateFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animateFadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animateFadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes animateFadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes animateFadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.page-content > .alert {
    animation: animateFadeInUp .3s;
    -webkit-animation: animateFadeInUp .3s
}

.page-content > .card, .page-content > .row {
    animation: animateFadeInUp .7s;
    -webkit-animation: animateFadeInUp .7s
}

html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class=root-text] {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.bg-primary-50 {
    background-color: #ccbfdf;
    color: rgba(0,0,0,.8)
}

    .bg-primary-50:hover {
        color: rgba(0,0,0,.8)
    }

.bg-primary-100 {
    background-color: #beaed7;
    color: rgba(0,0,0,.8)
}

    .bg-primary-100:hover {
        color: rgba(0,0,0,.8)
    }

.bg-primary-200 {
    background-color: #b19dce;
    color: rgba(0,0,0,.8)
}

    .bg-primary-200:hover {
        color: rgba(0,0,0,.8)
    }

.bg-primary-300 {
    background-color: #a38cc6;
    color: #fff
}

    .bg-primary-300:hover {
        color: #fff
    }

.bg-primary-400 {
    background-color: #967bbd;
    color: #fff
}

    .bg-primary-400:hover {
        color: #fff
    }

.bg-primary-500 {
    background-color: #886ab5;
    color: #fff
}

    .bg-primary-500:hover {
        color: #fff
    }

.bg-primary-600 {
    background-color: #7a59ad;
    color: #fff
}

    .bg-primary-600:hover {
        color: #fff
    }

.bg-primary-700 {
    background-color: #6e4e9e;
    color: #fff
}

    .bg-primary-700:hover {
        color: #fff
    }

.bg-primary-800 {
    background-color: #62468d;
    color: #fff
}

    .bg-primary-800:hover {
        color: #fff
    }

.bg-primary-900 {
    background-color: #563d7c;
    color: #fff
}

    .bg-primary-900:hover {
        color: #fff
    }

.color-primary-50 {
    color: #ccbfdf
}

.color-primary-100 {
    color: #beaed7
}

.color-primary-200 {
    color: #b19dce
}

.color-primary-300 {
    color: #a38cc6
}

.color-primary-400 {
    color: #967bbd
}

.color-primary-500 {
    color: #886ab5
}

.color-primary-600 {
    color: #7a59ad
}

.color-primary-700 {
    color: #6e4e9e
}

.color-primary-800 {
    color: #62468d
}

.color-primary-900 {
    color: #563d7c
}

.bg-info-50 {
    background-color: #9acffa;
    color: rgba(0,0,0,.8)
}

    .bg-info-50:hover {
        color: rgba(0,0,0,.8)
    }

.bg-info-100 {
    background-color: #82c4f8;
    color: rgba(0,0,0,.8)
}

    .bg-info-100:hover {
        color: rgba(0,0,0,.8)
    }

.bg-info-200 {
    background-color: #6ab8f7;
    color: rgba(0,0,0,.8)
}

    .bg-info-200:hover {
        color: rgba(0,0,0,.8)
    }

.bg-info-300 {
    background-color: #51adf6;
    color: #fff
}

    .bg-info-300:hover {
        color: #fff
    }

.bg-info-400 {
    background-color: #39a1f4;
    color: #fff
}

    .bg-info-400:hover {
        color: #fff
    }

.bg-info-500 {
    background-color: #2196f3;
    color: #fff
}

    .bg-info-500:hover {
        color: #fff
    }

.bg-info-600 {
    background-color: #0d8aee;
    color: #fff
}

    .bg-info-600:hover {
        color: #fff
    }

.bg-info-700 {
    background-color: #0c7cd5;
    color: #fff
}

    .bg-info-700:hover {
        color: #fff
    }

.bg-info-800 {
    background-color: #0a6ebd;
    color: #fff
}

    .bg-info-800:hover {
        color: #fff
    }

.bg-info-900 {
    background-color: #0960a5;
    color: #fff
}

    .bg-info-900:hover {
        color: #fff
    }

.color-info-50 {
    color: #9acffa
}

.color-info-100 {
    color: #82c4f8
}

.color-info-200 {
    color: #6ab8f7
}

.color-info-300 {
    color: #51adf6
}

.color-info-400 {
    color: #39a1f4
}

.color-info-500 {
    color: #2196f3
}

.color-info-600 {
    color: #0d8aee
}

.color-info-700 {
    color: #0c7cd5
}

.color-info-800 {
    color: #0a6ebd
}

.color-info-900 {
    color: #0960a5
}

.bg-danger-50 {
    background-color: #feb7d9;
    color: rgba(0,0,0,.8)
}

    .bg-danger-50:hover {
        color: rgba(0,0,0,.8)
    }

.bg-danger-100 {
    background-color: #fe9ecb;
    color: rgba(0,0,0,.8)
}

    .bg-danger-100:hover {
        color: rgba(0,0,0,.8)
    }

.bg-danger-200 {
    background-color: #fe85be;
    color: rgba(0,0,0,.8)
}

    .bg-danger-200:hover {
        color: rgba(0,0,0,.8)
    }

.bg-danger-300 {
    background-color: #fe6bb0;
    color: rgba(0,0,0,.8)
}

    .bg-danger-300:hover {
        color: rgba(0,0,0,.8)
    }

.bg-danger-400 {
    background-color: #fd52a3;
    color: #fff
}

    .bg-danger-400:hover {
        color: #fff
    }

.bg-danger-500 {
    background-color: #fd3995;
    color: #fff
}

    .bg-danger-500:hover {
        color: #fff
    }

.bg-danger-600 {
    background-color: #fd2087;
    color: #fff
}

    .bg-danger-600:hover {
        color: #fff
    }

.bg-danger-700 {
    background-color: #fc077a;
    color: #fff
}

    .bg-danger-700:hover {
        color: #fff
    }

.bg-danger-800 {
    background-color: #e7026e;
    color: #fff
}

    .bg-danger-800:hover {
        color: #fff
    }

.bg-danger-900 {
    background-color: #ce0262;
    color: #fff
}

    .bg-danger-900:hover {
        color: #fff
    }

.color-danger-50 {
    color: #feb7d9
}

.color-danger-100 {
    color: #fe9ecb
}

.color-danger-200 {
    color: #fe85be
}

.color-danger-300 {
    color: #fe6bb0
}

.color-danger-400 {
    color: #fd52a3
}

.color-danger-500 {
    color: #fd3995
}

.color-danger-600 {
    color: #fd2087
}

.color-danger-700 {
    color: #fc077a
}

.color-danger-800 {
    color: #e7026e
}

.color-danger-900 {
    color: #ce0262
}

.color-white {
    color: #fff
}

.bg-primary-gradient {
    background-image: linear-gradient(250deg,rgba(86,61,124,.7),transparent)
}

.bg-danger-gradient {
    background-image: linear-gradient(250deg,rgba(206,2,98,.7),transparent)
}

.bg-info-gradient {
    background-image: linear-gradient(250deg,rgba(9,96,165,.7),transparent)
}

body:not(.mobile-detected)::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

    body:not(.mobile-detected)::-webkit-scrollbar:hover {
        background-color: rgba(0,0,0,.01)
    }

body:not(.mobile-detected)::-webkit-scrollbar-track-piece {
    background-color: #efefef
}

    body:not(.mobile-detected)::-webkit-scrollbar-track-piece:hover {
        background-color: #d0d0d0
    }

body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical {
    background-color: #838383
}

    body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical:hover {
        background-color: #696969
    }

:-webkit-full-screen [data-action=app-fullscreen] {
    color: #ccc
}

:-moz-full-screen [data-action=app-fullscreen] {
    color: #ccc
}

@media print {
    @page {
        size: letter portrait;
        margin: 1cm;
        padding: 0;
        border: none;
        border-collapse: collapse
    }

    .card, .card-body, .container {
        display: inline;
        padding: 0;
        margin: 0;
        border: 0
    }

    a:link {
        font-weight: 700;
        text-decoration: underline;
        color: #06c
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 700 !important
    }

    .btn {
        display: none !important
    }

    .container.card, .page-content, .page-wrapper {
        padding: 0;
        display: block;
        margin: 0;
        border: 0 !important;
        width: auto;
        float: none
    }
}

.bg-brand-gradient, .page-logo {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(51,148,225,.18)),to(transparent));
    background-image: linear-gradient(270deg,rgba(51,148,225,.18),transparent);
    background-color: #2b4c81
}

.btn-primary {
    color: #fff;
    background-color: #3365b7;
    border-color: #4679cc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)
}

    .btn-primary:hover {
        color: #fff;
        background-color: #1d478b;
        border-color: #3060af
    }

.text-danger {
    color: #9f0101 !important
}


.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
    background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
    background-color: #2b4c81;
}

.btn-primary {
    color: #fff;
    background-color: #3365b7;
    border-color: #4679cc;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .btn-primary:hover {
        color: #fff;
        background-color: #1d478b;
        border-color: #3060af;
    }
.text-danger {
    color: #9f0101 !important;
}