:root {
    --blue: #467bcb;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #d35f41;
    --orange: #fd7e14;
    --yellow: #f1ae1b;
    --green: #2c9b5e;
    --teal: #20c997;
    --cyan: #00878d;
    --white: #fff;
    --gray: #718096;
    --gray-dark: #2d3748;
    --primary: #467bcb;
    --secondary: #718096;
    --success: #2c9b5e;
    --info: #00878d;
    --warning: #f1ae1b;
    --danger: #d35f41;
    --dark: #2d3748;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto 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 {
    box-sizing: border-box
}

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

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

body {
    margin: 0;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1a202c;
    text-align: left;
    background-color: #e2e8f0
}

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

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

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

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

.wrap {
    white-space: normal;
}

.arabic{
    font-family: 'Noto Naskh Arabic', serif;
    font-size:18px;
}

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

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

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #467bcb;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #2b5799;
    text-decoration: underline
}

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

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

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

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

figure {
    margin: 0 0 1rem
}

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

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

table {
    border-collapse: collapse
}

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

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

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

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[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] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none!important
}

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

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

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

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

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

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

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

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

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

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #718096
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.blockquote {
    border-left: 4px solid #cbd5e0;
    padding-left: 1rem
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: transparent;
    border: 1px solid #cbd5e0;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #718096
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #1a202c;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #1a202c
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    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:1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

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

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

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

.col,
.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: 15px;
    padding-left: 15px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        order: -1
    }
    .order-sm-last {
        order: 13
    }
    .order-sm-0 {
        order: 0
    }
    .order-sm-1 {
        order: 1
    }
    .order-sm-2 {
        order: 2
    }
    .order-sm-3 {
        order: 3
    }
    .order-sm-4 {
        order: 4
    }
    .order-sm-5 {
        order: 5
    }
    .order-sm-6 {
        order: 6
    }
    .order-sm-7 {
        order: 7
    }
    .order-sm-8 {
        order: 8
    }
    .order-sm-9 {
        order: 9
    }
    .order-sm-10 {
        order: 10
    }
    .order-sm-11 {
        order: 11
    }
    .order-sm-12 {
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-md-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-md-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        order: -1
    }
    .order-md-last {
        order: 13
    }
    .order-md-0 {
        order: 0
    }
    .order-md-1 {
        order: 1
    }
    .order-md-2 {
        order: 2
    }
    .order-md-3 {
        order: 3
    }
    .order-md-4 {
        order: 4
    }
    .order-md-5 {
        order: 5
    }
    .order-md-6 {
        order: 6
    }
    .order-md-7 {
        order: 7
    }
    .order-md-8 {
        order: 8
    }
    .order-md-9 {
        order: 9
    }
    .order-md-10 {
        order: 10
    }
    .order-md-11 {
        order: 11
    }
    .order-md-12 {
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-lg-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-lg-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        order: -1
    }
    .order-lg-last {
        order: 13
    }
    .order-lg-0 {
        order: 0
    }
    .order-lg-1 {
        order: 1
    }
    .order-lg-2 {
        order: 2
    }
    .order-lg-3 {
        order: 3
    }
    .order-lg-4 {
        order: 4
    }
    .order-lg-5 {
        order: 5
    }
    .order-lg-6 {
        order: 6
    }
    .order-lg-7 {
        order: 7
    }
    .order-lg-8 {
        order: 8
    }
    .order-lg-9 {
        order: 9
    }
    .order-lg-10 {
        order: 10
    }
    .order-lg-11 {
        order: 11
    }
    .order-lg-12 {
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }
    .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }
    .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }
    .row-cols-xl-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }
    .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }
    .row-cols-xl-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        order: -1
    }
    .order-xl-last {
        order: 13
    }
    .order-xl-0 {
        order: 0
    }
    .order-xl-1 {
        order: 1
    }
    .order-xl-2 {
        order: 2
    }
    .order-xl-3 {
        order: 3
    }
    .order-xl-4 {
        order: 4
    }
    .order-xl-5 {
        order: 5
    }
    .order-xl-6 {
        order: 6
    }
    .order-xl-7 {
        order: 7
    }
    .order-xl-8 {
        order: 8
    }
    .order-xl-9 {
        order: 9
    }
    .order-xl-10 {
        order: 10
    }
    .order-xl-11 {
        order: 11
    }
    .order-xl-12 {
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.markdown-result table,
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #1a202c
}

.markdown-result table td,
.markdown-result table th,
.table td,
.table th {
    padding: .5rem;
    vertical-align: top;
    border-top: 1px solid #cbd5e0
}

.markdown-result table thead th,
.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #cbd5e0
}

.markdown-result table tbody+tbody,
.table tbody+tbody {
    border-top: 2px solid #cbd5e0
}

.table-sm td,
.table-sm th {
    padding: .2rem
}

.markdown-result table,
.table-bordered {
    border: 1px solid #cbd5e0
}

.markdown-result table td,
.markdown-result table th,
.table-bordered td,
.table-bordered th {
    border: 1px solid #cbd5e0
}

.markdown-result table thead td,
.markdown-result table thead th,
.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .03)
}

.table-hover tbody tr:hover {
    color: #1a202c;
    background-color: rgba(0, 0, 0, .05)
}

.table-primary,
.table-primary>td,
.table-primary>th {
    background-color: #e9eff9
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
    border-color: #90b0e0
}

.table-hover .table-primary:hover {
    background-color: #d5e0f4
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #d5e0f4
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
    background-color: #eef0f2
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
    border-color: #aab3c0
}

.table-hover .table-secondary:hover {
    background-color: #e0e3e7
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #e0e3e7
}

.table-success,
.table-success>td,
.table-success>th {
    background-color: #e6f3ec
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
    border-color: #80c39e
}

.table-hover .table-success:hover {
    background-color: #d5ebdf
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
    background-color: #d5ebdf
}

.table-info,
.table-info>td,
.table-info>th {
    background-color: #e0f1f1
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
    border-color: #66b7bb
}

.table-hover .table-info:hover {
    background-color: #cee9e9
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
    background-color: #cee9e9
}

.table-warning,
.table-warning>td,
.table-warning>th {
    background-color: #fdf5e4
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
    border-color: #f7ce76
}

.table-hover .table-warning:hover {
    background-color: #fbeccc
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
    background-color: #fbeccc
}

.table-danger,
.table-danger>td,
.table-danger>th {
    background-color: #faece8
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
    border-color: #e59f8d
}

.table-hover .table-danger:hover {
    background-color: #f5dbd3
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
    background-color: #f5dbd3
}

.table-dark,
.table-dark>td,
.table-dark>th {
    background-color: #e6e7e9
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #818791
}

.table-hover .table-dark:hover {
    background-color: #d8dadd
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
    background-color: #d8dadd
}

.table-active,
.table-active>td,
.table-active>th {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, .05)
}

.markdown-result table .thead-dark th,
.table .thead-dark th {
    color: #fff;
    background-color: #2d3748;
    border-color: #3c4960
}

.markdown-result table .thead-light th,
.table .thead-light th {
    color: #4a5568;
    background-color: #edf2f7;
    border-color: #cbd5e0
}

.table-dark {
    color: #fff;
    background-color: #2d3748
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #3c4960
}

.markdown-result table.table-dark,
.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .03)
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .markdown-result .table-responsive-sm>table,
    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .markdown-result .table-responsive-md>table,
    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .markdown-result .table-responsive-lg>table,
    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
    .markdown-result .table-responsive-xl>table,
    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.markdown-result .table-responsive>table,
.table-responsive>.table-bordered {
    border: 0
}

.markdown-result table thead th,
.table thead th {
    border-bottom-width: 1px;
    font-weight: 500;
    font-size: calc(1rem - 1px)
}

.table-sm {
    font-size: .875rem
}

.table-sm thead th {
    font-size: calc(.875rem - 1px)
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4a5568;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #cbd5e0;
    border-radius: .25rem
}

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

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

.form-control:focus {
    color: #4a5568;
    background-color: #fff;
    border-color: #467bcb;
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}

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

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

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

.form-control:disabled,
.form-control[readonly] {
    background-color: #edf2f7;
    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
}

select.form-control:focus::-ms-value {
    color: #4a5568;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

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

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

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #1a202c;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.bs-searchbox .form-control-plaintext.form-control,
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.bs-searchbox .form-control,
.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

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

select.form-control[multiple],
select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

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

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

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

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

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    color: #a0aec0
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

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

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(44, 155, 94, .9);
    border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #2c9b5e
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #2c9b5e;
    box-shadow: 0 0 0 0 rgba(44, 155, 94, .25)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
    border-color: #2c9b5e
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #2c9b5e;
    box-shadow: 0 0 0 0 rgba(44, 155, 94, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #2c9b5e
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
    color: #2c9b5e
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #2c9b5e
}

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

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0 rgba(44, 155, 94, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
    border-color: #2c9b5e
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #2c9b5e
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color: #2c9b5e;
    box-shadow: 0 0 0 0 rgba(44, 155, 94, .25)
}

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

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(211, 95, 65, .9);
    border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #d35f41
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #d35f41;
    box-shadow: 0 0 0 0 rgba(211, 95, 65, .25)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    border-color: #d35f41
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
    border-color: #d35f41;
    box-shadow: 0 0 0 0 rgba(211, 95, 65, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #d35f41
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #d35f41
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #d35f41
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    border-color: #dd826a;
    background-color: #dd826a
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0 rgba(211, 95, 65, .25)
}

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

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #d35f41
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color: #d35f41;
    box-shadow: 0 0 0 0 rgba(211, 95, 65, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width:576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }
    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-plaintext {
        display: inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }
    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }
    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }
    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }
    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #4a5568
}

input:-webkit-autofill:focus,
select:-webkit-autofill:focus,
textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 0 0 transparent
}

.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
    box-shadow: none
}

input.form-control:-moz-focusring,
select:not(.custom-select).form-control:-moz-focusring,
textarea.form-control:-moz-focusring {
    text-shadow: none
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #1a202c;
    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: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem
}

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

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}

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

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

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

.btn-primary,
.sw .toolbar>.btn {
    color: #fff;
    background-color: #467bcb;
    border-color: #467bcb
}

.btn-primary:hover,
.sw .toolbar>.btn:hover {
    color: #fff;
    background-color: #5284ce;
    border-color: #3469b9
}

.btn-primary.focus,
.btn-primary:focus,
.sw .toolbar>.btn:focus,
.sw .toolbar>.focus.btn {
    color: #fff;
    background-color: #5284ce;
    border-color: #3469b9
}

.btn-primary.disabled,
.btn-primary:disabled,
.sw .toolbar>.btn:disabled,
.sw .toolbar>.disabled.btn {
    color: #fff;
    background-color: #467bcb;
    border-color: #467bcb
}

.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.sw .toolbar.show>.dropdown-toggle.btn,
.sw .toolbar>.btn:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #3162ad;
    border-color: #3162ad
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.sw .toolbar.show>.dropdown-toggle.btn:focus,
.sw .toolbar>.btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0 rgba(98, 143, 211, .5)
}

.btn-secondary {
    color: #fff;
    background-color: #718096;
    border-color: #718096
}

.btn-secondary:hover {
    color: #fff;
    background-color: #7a889d;
    border-color: #616e83
}

.btn-secondary.focus,
.btn-secondary:focus {
    color: #fff;
    background-color: #7a889d;
    border-color: #616e83
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: #718096;
    border-color: #718096
}

.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #5a677a;
    border-color: #5a677a
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(134, 147, 166, .5)
}

.btn-success {
    color: #fff;
    background-color: #2c9b5e;
    border-color: #2c9b5e
}

.btn-success:hover {
    color: #fff;
    background-color: #2fa765;
    border-color: #247f4d
}

.btn-success.focus,
.btn-success:focus {
    color: #fff;
    background-color: #2fa765;
    border-color: #247f4d
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #2c9b5e;
    border-color: #2c9b5e
}

.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #217346;
    border-color: #217346
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(76, 170, 118, .5)
}

.btn-info {
    color: #fff;
    background-color: #00878d;
    border-color: #00878d
}

.btn-info:hover {
    color: #fff;
    background-color: #00969c;
    border-color: #006569
}

.btn-info.focus,
.btn-info:focus {
    color: #fff;
    background-color: #00969c;
    border-color: #006569
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #00878d;
    border-color: #00878d
}

.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #00565a;
    border-color: #00565a
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(38, 153, 158, .5)
}

.btn-warning {
    color: #1a202c;
    background-color: #f1ae1b;
    border-color: #f1ae1b
}

.btn-warning:hover {
    color: #1a202c;
    background-color: #f2b329;
    border-color: #db9b0d
}

.btn-warning.focus,
.btn-warning:focus {
    color: #1a202c;
    background-color: #f2b329;
    border-color: #db9b0d
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #1a202c;
    background-color: #f1ae1b;
    border-color: #f1ae1b
}

.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #cc900d;
    border-color: #cc900d
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(209, 153, 30, .5)
}

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

.btn-danger:hover {
    color: #fff;
    background-color: #d6694d;
    border-color: #c34c2d
}

.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #d6694d;
    border-color: #c34c2d
}

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

.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b7472a;
    border-color: #b7472a
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(218, 119, 94, .5)
}

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

.btn-dark:hover {
    color: #fff;
    background-color: #333e51;
    border-color: #1f2632
}

.btn-dark.focus,
.btn-dark:focus {
    color: #fff;
    background-color: #333e51;
    border-color: #1f2632
}

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

.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #191f29;
    border-color: #191f29
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(77, 85, 99, .5)
}

.btn-outline-primary {
    color: #467bcb;
    border-color: #467bcb
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #467bcb;
    border-color: #467bcb
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #467bcb;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #467bcb;
    border-color: #467bcb
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(70, 123, 203, .5)
}

.btn-outline-secondary {
    color: #718096;
    border-color: #718096
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #718096;
    border-color: #718096
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #718096;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #718096;
    border-color: #718096
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(113, 128, 150, .5)
}

.btn-outline-success {
    color: #2c9b5e;
    border-color: #2c9b5e
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #2c9b5e;
    border-color: #2c9b5e
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #2c9b5e;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #2c9b5e;
    border-color: #2c9b5e
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(44, 155, 94, .5)
}

.btn-outline-info {
    color: #00878d;
    border-color: #00878d
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #00878d;
    border-color: #00878d
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #00878d;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #00878d;
    border-color: #00878d
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(0, 135, 141, .5)
}

.btn-outline-warning {
    color: #f1ae1b;
    border-color: #f1ae1b
}

.btn-outline-warning:hover {
    color: #1a202c;
    background-color: #f1ae1b;
    border-color: #f1ae1b
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #f1ae1b;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #1a202c;
    background-color: #f1ae1b;
    border-color: #f1ae1b
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(241, 174, 27, .5)
}

.btn-outline-danger {
    color: #d35f41;
    border-color: #d35f41
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d35f41;
    border-color: #d35f41
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #d35f41;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #d35f41;
    border-color: #d35f41
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(211, 95, 65, .5)
}

.btn-outline-dark {
    color: #2d3748;
    border-color: #2d3748
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #2d3748;
    border-color: #2d3748
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #2d3748;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #2d3748;
    border-color: #2d3748
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(45, 55, 72, .5)
}

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

.btn-link:hover {
    color: #2b5799;
    text-decoration: underline
}

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

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

.btn-group-lg>.btn,
.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .375rem
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.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:not(:disabled):not(.disabled):active {
    position: relative;
    top: 1px
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden
}

.fade {
    transition: opacity .15s
}

.collapsing {
    transition: height .35s ease
}

.collapse:not(.show) {
    display: none!important
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .15em;
    vertical-align: .15em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #1a202c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-sm-right {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-md-right {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-lg-right {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0
    }
    .dropdown-menu-xl-right {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .15em;
    vertical-align: .15em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: .15em;
    vertical-align: .15em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: .15em;
    vertical-align: .15em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: .15em;
    vertical-align: .15em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #edf2f7
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #1a202c;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #11141c;
    text-decoration: none;
    background-color: #edf2f7
}

.dropdown-item.active,
.dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: #e2e8f0
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #718096;
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #718096;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #1a202c
}

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

.dropdown-item {
    font-size: .875rem
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

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

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

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

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

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

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

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

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

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

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

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
    margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
    z-index: 4
}

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

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

.input-group>.custom-file {
    display: flex;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

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

.input-group-append,
.input-group-prepend {
    display: flex
}

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

.input-group-append .btn:focus,
.input-group-prepend .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,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -1px
}

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4a5568;
    text-align: center;
    white-space: nowrap;
    background-color: #edf2f7;
    border: 1px solid #cbd5e0;
    border-radius: .25rem
}

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

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

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .375rem
}

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

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
    padding-right: 1.75rem
}

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

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.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.5rem;
    padding-left: 1.75rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

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

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #1a202c;
    background-color: #1a202c
}

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

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

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

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

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

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

.custom-control-label::before {
    position: absolute;
    top: .125rem;
    left: -1.75rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #a0aec0 solid 1px
}

.custom-control-label::after {
    position: absolute;
    top: .125rem;
    left: -1.75rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.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: #1a202c;
    background-color: #1a202c
}

.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: rgba(26, 32, 44, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(26, 32, 44, .5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(26, 32, 44, .5)
}

.custom-switch {
    padding-left: 2.6875rem
}

.custom-switch .custom-control-label::before {
    left: -2.6875rem;
    width: 2.1875rem;
    pointer-events: all;
    border-radius: .625rem
}

.custom-switch .custom-control-label::after {
    top: calc(.125rem + 2px);
    left: calc(-2.6875rem + 2px);
    width: calc(1.25rem - 4px);
    height: calc(1.25rem - 4px);
    background-color: #a0aec0;
    border-radius: .625rem
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    transform: translateX(.9375rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(26, 32, 44, .5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4a5568;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%232d3748' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #cbd5e0;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #467bcb;
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}

.custom-select:focus::-ms-value {
    color: #4a5568;
    background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #718096;
    background-color: #edf2f7
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #4a5568
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #467bcb;
    box-shadow: 0 0 0 0 transparent
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
    background-color: #edf2f7
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4a5568;
    background-color: #fff;
    border: 1px solid #cbd5e0;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #4a5568;
    content: "Browse";
    background-color: #edf2f7;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    height: 1.25rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #e2e8f0, 0 0 0 0 transparent
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #e2e8f0, 0 0 0 0 transparent
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #e2e8f0, 0 0 0 0 transparent
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -.375rem;
    background-color: #1a202c;
    border: 0;
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #5c729c
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e2e8f0;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #1a202c;
    border: 0;
    border-radius: 1rem;
    -moz-appearance: none;
    appearance: none
}

.custom-range::-moz-range-thumb:active {
    background-color: #5c729c
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e2e8f0;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    background-color: #1a202c;
    border: 0;
    border-radius: 1rem;
    appearance: none
}

.custom-range::-ms-thumb:active {
    background-color: #5c729c
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .625rem
}

.custom-range::-ms-fill-lower {
    background-color: #e2e8f0;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #e2e8f0;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #a0aec0
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #a0aec0
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #a0aec0
}

.custom-control .custom-control-input:not(:disabled):not(:checked):not(:active):focus~.custom-control-label::before,
.custom-control .custom-control-input:not(:disabled):not(:checked):not(:active):hover~.custom-control-label::before {
    border-color: #647a96
}

.was-validated .custom-control .custom-control-input:not(:disabled):not(:checked):not(:active):focus~.custom-control-label::before,
.was-validated .custom-control .custom-control-input:not(:disabled):not(:checked):not(:active):hover~.custom-control-label::before {
    border-color: inherit
}

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

.custom-switch .custom-control-label::after {
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: transparent
}

.custom-file-label {
    overflow: hidden;
    white-space: nowrap;
    padding-right: 80px;
    text-overflow: ellipsis
}

.form-control-lg .custom-file-label {
    padding-right: 95px
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #a0aec0;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #cbd5e0
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e2e8f0 #e2e8f0 #cbd5e0
}

.nav-tabs .nav-link.disabled {
    color: #a0aec0;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #4a5568;
    background-color: #fff;
    border-color: #cbd5e0 #cbd5e0 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #467bcb
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    outline: 0
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width:575.98px) {
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid,
    .navbar-expand-sm>.container-lg,
    .navbar-expand-sm>.container-md,
    .navbar-expand-sm>.container-sm,
    .navbar-expand-sm>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width:767.98px) {
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid,
    .navbar-expand-md>.container-lg,
    .navbar-expand-md>.container-md,
    .navbar-expand-md>.container-sm,
    .navbar-expand-md>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-md .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width:991.98px) {
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width:1199.98px) {
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid,
    .navbar-expand-xl>.container-lg,
    .navbar-expand-xl>.container-md,
    .navbar-expand-xl>.container-sm,
    .navbar-expand-xl>.container-xl {
        flex-wrap: nowrap
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex!important;
        flex-basis: auto
    }
    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .5);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

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

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

.card-subtitle {
    margin-top: -.25rem;
    margin-bottom: 0
}

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

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

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

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 0 solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: .25rem .25rem 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: #fff;
    border-top: 0 solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 .25rem .25rem
}

.card-header-tabs {
    margin-right: -.5rem;
    margin-bottom: -.5rem;
    margin-left: -.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: .25rem
}

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

.card-img,
.card-img-top {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }
    .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }
    .card-group>.card {
        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-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }
    .card-group>.card:not(:last-child) .card-footer,
    .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-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }
    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .5rem
}

@media (min-width:576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }
    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion {
    overflow-anchor: none
}

.accordion>.card {
    overflow: hidden
}

.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: 0
}

.accordion>.card {
    border-width: 1px;
    box-shadow: none
}

.accordion>.card>.card-header {
    padding: 0
}

.accordion>.card>.card-header>.btn {
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0
}

.card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.card-footer,
.card-header {
    display: flex;
    align-items: center
}

.card-header>.h1,
.card-header>.h2,
.card-header>.h3,
.card-header>.h4,
.card-header>.h5,
.card-header>.h6,
.card-header>h1,
.card-header>h2,
.card-header>h3,
.card-header>h4,
.card-header>h5,
.card-header>h6 {
    margin-bottom: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    font-size: .875rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem
}

.breadcrumb-item {
    display: flex
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #718096;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #718096
}

.breadcrumb-item.active {
    font-weight: 500
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

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

.page-link:hover {
    z-index: 2;
    color: #2b5799;
    text-decoration: none;
    background-color: #edf2f7;
    border-color: #e2e8f0
}

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

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 3;
    color: #467bcb;
    background-color: #e9eff9;
    border-color: #467bcb
}

.page-item.disabled .page-link {
    color: #a0aec0;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #e2e8f0
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 80%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .5em;
    padding-left: .5em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #467bcb
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #3162ad
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(70, 123, 203, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #718096
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #5a677a
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(113, 128, 150, .5)
}

.badge-success {
    color: #fff;
    background-color: #2c9b5e
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #217346
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(44, 155, 94, .5)
}

.badge-info {
    color: #fff;
    background-color: #00878d
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #00565a
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 135, 141, .5)
}

.badge-warning {
    color: #1a202c;
    background-color: #f1ae1b
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #1a202c;
    background-color: #cc900d
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(241, 174, 27, .5)
}

.badge-danger {
    color: #fff;
    background-color: #d35f41
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #b7472a
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(211, 95, 65, .5)
}

.badge-dark {
    color: #fff;
    background-color: #2d3748
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #191f29
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(45, 55, 72, .5)
}

.badge {
    vertical-align: text-bottom
}

.btn .badge {
    vertical-align: baseline
}

.badge-pill {
    padding-right: .55em
}

.badge-light {
    color: #1a202c;
    background-color: #f7fafc
}

a.badge-light:focus,
a.badge-light:hover {
    color: #1a202c;
    background-color: #d2e3ee
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(247, 250, 252, .5)
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #edf2f7;
    border-radius: .375rem
}

@media (min-width:576px) {
    .jumbotron {
        padding: 4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

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

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 400;
    text-decoration: underline;
    color: inherit
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-success {
    color: #288f56;
    background-color: #eef7f2;
    border-color: #80c39e
}

.alert-success hr {
    border-top-color: #6fbb91
}

.alert-success .alert-link:hover {
    color: #175332
}

.alert-info {
    color: #007c82;
    background-color: #ebf5f6;
    border-color: #66b7bb
}

.alert-info hr {
    border-top-color: #54afb3
}

.alert-info .alert-link:hover {
    color: #003336
}

.alert-warning {
    color: #dea019;
    background-color: #fef9ed;
    border-color: #f7ce76
}

.alert-warning hr {
    border-top-color: #f6c55e
}

.alert-warning .alert-link:hover {
    color: #996e11
}

.alert-danger {
    color: #c2573c;
    background-color: #fbf2f0;
    border-color: #e59f8d
}

.alert-danger hr {
    border-top-color: #e08e78
}

.alert-danger .alert-link:hover {
    color: #883d2a
}

.alert-warning {
    color: #b78415;
    border-color: #f2b42d
}

.progress {
    display: flex;
    height: .75rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #edf2f7;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #467bcb
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: .75rem .75rem
}

.progress-bar-animated {
    transform: translateZ(0)
}

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

.progress-bar {
    transition: width .6s ease
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        -webkit-animation: none;
        animation: none
    }
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    flex: 1
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-item-action {
    width: 100%;
    color: #4a5568;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #4a5568;
    text-decoration: none;
    background-color: #edf2f7
}

.list-group-item-action:active {
    color: #1a202c;
    background-color: #edf2f7
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #718096;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: inherit;
    background-color: #e2e8f0;
    border-color: #e2e8f0
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }
    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }
    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }
    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }
    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }
    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }
    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #24406a;
    background-color: #cbdaf0
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #24406a;
    background-color: #b7ccea
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #24406a;
    border-color: #24406a
}

.list-group-item-secondary {
    color: #3b434e;
    background-color: #d7dbe2
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #3b434e;
    background-color: #c8ced7
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #3b434e;
    border-color: #3b434e
}

.list-group-item-success {
    color: #175131;
    background-color: #c4e3d2
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #175131;
    background-color: #b3dbc5
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #175131;
    border-color: #175131
}

.list-group-item-info {
    color: #004649;
    background-color: #b8dddf
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #004649;
    background-color: #a6d5d7
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #004649;
    border-color: #004649
}

.list-group-item-warning {
    color: #7d5a0e;
    background-color: #fbe8bf
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #7d5a0e;
    background-color: #fadfa7
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #7d5a0e;
    border-color: #7d5a0e
}

.list-group-item-danger {
    color: #6e3122;
    background-color: #f3d2ca
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #6e3122;
    background-color: #eec0b5
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #6e3122;
    border-color: #6e3122
}

.list-group-item-dark {
    color: #171d25;
    background-color: #c4c7cc
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #171d25;
    background-color: #b6bac0
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #171d25;
    border-color: #171d25
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: inherit;
    text-shadow: none;
    opacity: .5
}

.close:hover {
    color: inherit;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

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

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: .875rem;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    opacity: 0;
    border-radius: .25rem
}

.toast:not(:last-child) {
    margin-bottom: .75rem
}

.toast.showing {
    opacity: 1
}

.toast.show {
    display: block;
    opacity: 1
}

.toast.hide {
    display: none
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #718096;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
    padding: .75rem
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transform: scale(.9)
}

.modal.show .modal-dialog {
    transform: scale(1)
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
    flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, .2);
    border-radius: .375rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0 solid #cbd5e0;
    border-top-left-radius: calc(.375rem - 1px);
    border-top-right-radius: calc(.375rem - 1px)
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 0 solid #cbd5e0;
    border-bottom-right-radius: calc(.375rem - 1px);
    border-bottom-left-radius: calc(.375rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem)
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content
    }
    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

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

.modal.fade .modal-dialog {
    transition: transform .15s
}

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

.modal-header {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.modal-footer {
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .1), 0 -1px 2px 0 rgba(0, 0, 0, .06)
}

.modal-content-bottom .modal-dialog,
.modal-content-left .modal-dialog,
.modal-content-right .modal-dialog,
.modal-content-top .modal-dialog {
    margin: 0
}

.modal-content-bottom .modal-content,
.modal-content-bottom .modal-header,
.modal-content-left .modal-content,
.modal-content-left .modal-header,
.modal-content-right .modal-content,
.modal-content-right .modal-header,
.modal-content-top .modal-content,
.modal-content-top .modal-header {
    border-radius: 0
}

.modal-content-left .modal-content,
.modal-content-left .modal-dialog,
.modal-content-right .modal-content,
.modal-content-right .modal-dialog {
    min-height: calc(var(--vh, 1vh) * 100)
}

.modal-content-left .modal-footer,
.modal-content-left .modal-header,
.modal-content-right .modal-footer,
.modal-content-right .modal-header {
    flex-shrink: 0
}

.modal-content-right {
    padding-right: 0!important
}

.modal-content-right .modal-dialog {
    margin-left: auto
}

.modal-content-right.fade .modal-dialog {
    transform: translateX(25px)
}

.modal-content-right.show .modal-dialog {
    transform: translateX(0)
}

.modal-content-left.fade .modal-dialog {
    transform: translateX(-25px)
}

.modal-content-left.show .modal-dialog {
    transform: translateX(0)
}

.modal-content-bottom,
.modal-content-top {
    padding-right: 0!important
}

.modal-content-bottom .modal-dialog,
.modal-content-top .modal-dialog {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: auto
}

.modal-content-bottom.show .modal-dialog,
.modal-content-top.show .modal-dialog {
    transform: translateY(0)!important
}

.modal-content-bottom .modal-dialog {
    bottom: 0
}

.modal-content-bottom.fade .modal-dialog {
    transform: translateY(25px)
}

.modal-content-top .modal-dialog {
    top: 0
}

.modal-content-top.fade .modal-dialog {
    transform: translateY(-25px)
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #1a202c
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #1a202c
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #1a202c
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #1a202c
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #1a202c;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .375rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .375rem
}

.popover .arrow::after,
.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
    bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .375rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .375rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.375rem - 1px);
    border-top-right-radius: calc(.375rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: .5rem .75rem;
    color: #1a202c
}

.popover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    border-color: transparent
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
    transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.carousel-item {
    transition: transform .6s ease-in-out
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: opacity 0s .6s
}

.carousel-control-next,
.carousel-control-prev {
    transition: opacity .15s ease
}

.carousel-indicators li {
    transition: opacity .6s ease
}

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

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

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

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

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.btn>.spinner-border,
.btn>.spinner-grow {
    vertical-align: middle
}

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

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

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

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

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

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

.bg-primary {
    background-color: #467bcb!important
}

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

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

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

.bg-success {
    background-color: #2c9b5e!important
}

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

.bg-info {
    background-color: #00878d!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-0 {
    border: 0!important
}

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

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

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

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

.border-primary {
    border-color: #467bcb!important
}

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

.border-success {
    border-color: #2c9b5e!important
}

.border-info {
    border-color: #00878d!important
}

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

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

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

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

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

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

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

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

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

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

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

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

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

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

.d-flex {
    display: flex!important
}

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

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-row {
        display: table-row!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: flex!important
    }
    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-row {
        display: table-row!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: flex!important
    }
    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-row {
        display: table-row!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: flex!important
    }
    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-row {
        display: table-row!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: flex!important
    }
    .d-xl-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }
    .d-print-inline {
        display: inline!important
    }
    .d-print-inline-block {
        display: inline-block!important
    }
    .d-print-block {
        display: block!important
    }
    .d-print-table {
        display: table!important
    }
    .d-print-table-row {
        display: table-row!important
    }
    .d-print-table-cell {
        display: table-cell!important
    }
    .d-print-flex {
        display: flex!important
    }
    .d-print-inline-flex {
        display: inline-flex!important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row!important
    }
    .flex-sm-column {
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-sm-fill {
        flex: 1 1 auto!important
    }
    .flex-sm-grow-0 {
        flex-grow: 0!important
    }
    .flex-sm-grow-1 {
        flex-grow: 1!important
    }
    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-sm-start {
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        justify-content: center!important
    }
    .justify-content-sm-between {
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        justify-content: space-around!important
    }
    .align-items-sm-start {
        align-items: flex-start!important
    }
    .align-items-sm-end {
        align-items: flex-end!important
    }
    .align-items-sm-center {
        align-items: center!important
    }
    .align-items-sm-baseline {
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        align-items: stretch!important
    }
    .align-content-sm-start {
        align-content: flex-start!important
    }
    .align-content-sm-end {
        align-content: flex-end!important
    }
    .align-content-sm-center {
        align-content: center!important
    }
    .align-content-sm-between {
        align-content: space-between!important
    }
    .align-content-sm-around {
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        align-content: stretch!important
    }
    .align-self-sm-auto {
        align-self: auto!important
    }
    .align-self-sm-start {
        align-self: flex-start!important
    }
    .align-self-sm-end {
        align-self: flex-end!important
    }
    .align-self-sm-center {
        align-self: center!important
    }
    .align-self-sm-baseline {
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row!important
    }
    .flex-md-column {
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-md-fill {
        flex: 1 1 auto!important
    }
    .flex-md-grow-0 {
        flex-grow: 0!important
    }
    .flex-md-grow-1 {
        flex-grow: 1!important
    }
    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-md-start {
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        justify-content: center!important
    }
    .justify-content-md-between {
        justify-content: space-between!important
    }
    .justify-content-md-around {
        justify-content: space-around!important
    }
    .align-items-md-start {
        align-items: flex-start!important
    }
    .align-items-md-end {
        align-items: flex-end!important
    }
    .align-items-md-center {
        align-items: center!important
    }
    .align-items-md-baseline {
        align-items: baseline!important
    }
    .align-items-md-stretch {
        align-items: stretch!important
    }
    .align-content-md-start {
        align-content: flex-start!important
    }
    .align-content-md-end {
        align-content: flex-end!important
    }
    .align-content-md-center {
        align-content: center!important
    }
    .align-content-md-between {
        align-content: space-between!important
    }
    .align-content-md-around {
        align-content: space-around!important
    }
    .align-content-md-stretch {
        align-content: stretch!important
    }
    .align-self-md-auto {
        align-self: auto!important
    }
    .align-self-md-start {
        align-self: flex-start!important
    }
    .align-self-md-end {
        align-self: flex-end!important
    }
    .align-self-md-center {
        align-self: center!important
    }
    .align-self-md-baseline {
        align-self: baseline!important
    }
    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row!important
    }
    .flex-lg-column {
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-lg-fill {
        flex: 1 1 auto!important
    }
    .flex-lg-grow-0 {
        flex-grow: 0!important
    }
    .flex-lg-grow-1 {
        flex-grow: 1!important
    }
    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-lg-start {
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        justify-content: center!important
    }
    .justify-content-lg-between {
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        justify-content: space-around!important
    }
    .align-items-lg-start {
        align-items: flex-start!important
    }
    .align-items-lg-end {
        align-items: flex-end!important
    }
    .align-items-lg-center {
        align-items: center!important
    }
    .align-items-lg-baseline {
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        align-items: stretch!important
    }
    .align-content-lg-start {
        align-content: flex-start!important
    }
    .align-content-lg-end {
        align-content: flex-end!important
    }
    .align-content-lg-center {
        align-content: center!important
    }
    .align-content-lg-between {
        align-content: space-between!important
    }
    .align-content-lg-around {
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        align-content: stretch!important
    }
    .align-self-lg-auto {
        align-self: auto!important
    }
    .align-self-lg-start {
        align-self: flex-start!important
    }
    .align-self-lg-end {
        align-self: flex-end!important
    }
    .align-self-lg-center {
        align-self: center!important
    }
    .align-self-lg-baseline {
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row!important
    }
    .flex-xl-column {
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }
    .flex-xl-fill {
        flex: 1 1 auto!important
    }
    .flex-xl-grow-0 {
        flex-grow: 0!important
    }
    .flex-xl-grow-1 {
        flex-grow: 1!important
    }
    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }
    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }
    .justify-content-xl-start {
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        justify-content: center!important
    }
    .justify-content-xl-between {
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        justify-content: space-around!important
    }
    .align-items-xl-start {
        align-items: flex-start!important
    }
    .align-items-xl-end {
        align-items: flex-end!important
    }
    .align-items-xl-center {
        align-items: center!important
    }
    .align-items-xl-baseline {
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        align-items: stretch!important
    }
    .align-content-xl-start {
        align-content: flex-start!important
    }
    .align-content-xl-end {
        align-content: flex-end!important
    }
    .align-content-xl-center {
        align-content: center!important
    }
    .align-content-xl-between {
        align-content: space-between!important
    }
    .align-content-xl-around {
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        align-content: stretch!important
    }
    .align-self-xl-auto {
        align-self: auto!important
    }
    .align-self-xl-start {
        align-self: flex-start!important
    }
    .align-self-xl-end {
        align-self: flex-end!important
    }
    .align-self-xl-center {
        align-self: center!important
    }
    .align-self-xl-baseline {
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

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

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

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

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

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    -ms-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

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

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

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

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

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

.shadow-sm {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)!important
}

.shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)!important
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)!important
}

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

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

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

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

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

.w-auto {
    width: auto!important
}

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

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

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

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

.h-auto {
    height: auto!important
}

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

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

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

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

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

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

.m-0 {
    margin: 0!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto!important
}

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

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

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

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

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-n1 {
        margin: -.25rem!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem!important
    }
    .m-sm-n2 {
        margin: -.5rem!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem!important
    }
    .m-sm-n3 {
        margin: -1rem!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem!important
    }
    .m-sm-n4 {
        margin: -1.5rem!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem!important
    }
    .m-sm-n5 {
        margin: -3rem!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-n1 {
        margin: -.25rem!important
    }
    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem!important
    }
    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem!important
    }
    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem!important
    }
    .m-md-n2 {
        margin: -.5rem!important
    }
    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem!important
    }
    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem!important
    }
    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem!important
    }
    .m-md-n3 {
        margin: -1rem!important
    }
    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem!important
    }
    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem!important
    }
    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem!important
    }
    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem!important
    }
    .m-md-n4 {
        margin: -1.5rem!important
    }
    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem!important
    }
    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem!important
    }
    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem!important
    }
    .m-md-n5 {
        margin: -3rem!important
    }
    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem!important
    }
    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem!important
    }
    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem!important
    }
    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-n1 {
        margin: -.25rem!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem!important
    }
    .m-lg-n2 {
        margin: -.5rem!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem!important
    }
    .m-lg-n3 {
        margin: -1rem!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem!important
    }
    .m-lg-n4 {
        margin: -1.5rem!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem!important
    }
    .m-lg-n5 {
        margin: -3rem!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-n1 {
        margin: -.25rem!important
    }
    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem!important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem!important
    }
    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem!important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem!important
    }
    .m-xl-n2 {
        margin: -.5rem!important
    }
    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem!important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem!important
    }
    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem!important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem!important
    }
    .m-xl-n3 {
        margin: -1rem!important
    }
    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem!important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem!important
    }
    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem!important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem!important
    }
    .m-xl-n4 {
        margin: -1.5rem!important
    }
    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem!important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem!important
    }
    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem!important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem!important
    }
    .m-xl-n5 {
        margin: -3rem!important
    }
    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem!important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem!important
    }
    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem!important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important
}

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

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

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

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

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

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

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

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

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

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

.font-weight-lighter {
    font-weight: lighter!important
}

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

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

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

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

.text-primary {
    color: #467bcb!important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #2b5799!important
}

.text-secondary {
    color: #718096!important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #4f5b6b!important
}

.text-success {
    color: #2c9b5e!important
}

a.text-success:focus,
a.text-success:hover {
    color: #1b5f3a!important
}

.text-info {
    color: #00878d!important
}

a.text-info:focus,
a.text-info:hover {
    color: #003e41!important
}

.text-warning {
    color: #f1ae1b!important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #b47f0b!important
}

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

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

.text-dark {
    color: #2d3748!important
}

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

.text-body {
    color: #1a202c!important
}

.text-muted {
    color: #a0aec0!important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5)!important
}

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

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    word-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,
     ::after,
     ::before {
        text-shadow: none!important;
        box-shadow: none!important
    }
    a:not(.btn) {
        text-decoration: underline
    }
    abbr[title]::after {
        content: " (" attr(title) ")"
    }
    pre {
        white-space: pre-wrap!important
    }
    blockquote,
    pre {
        border: 1px solid #a0aec0;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img,
    tr {
        page-break-inside: avoid
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    @page {
        size: a3
    }
    body {
        min-width: 992px!important
    }
    .container {
        min-width: 992px!important
    }
    .navbar {
        display: none
    }
    .badge {
        border: 1px solid #000
    }
    .markdown-result table,
    .table {
        border-collapse: collapse!important
    }
    .markdown-result table td,
    .markdown-result table th,
    .table td,
    .table th {
        background-color: #fff!important
    }
    .markdown-result table td,
    .markdown-result table th,
    .table-bordered td,
    .table-bordered th {
        border: 1px solid #e2e8f0!important
    }
    .table-dark {
        color: inherit
    }
    .table-dark tbody+tbody,
    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: #cbd5e0
    }
    .markdown-result table .thead-dark th,
    .table .thead-dark th {
        color: inherit;
        border-color: #cbd5e0
    }
}

.material-icons {
    font-size: 1.5em
}

.feather {
    width: 1.375em;
    height: 1.375em
}

.simplebar-track.simplebar-vertical {
    width: 7px
}

.simplebar-track.simplebar-horizontal {
    height: 7px
}

.swiper-container {
    width: 100%
}

.swiper-wrapper {
    margin-bottom: 1px
}

.swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 0 0 5px 0 #333
}

.swiper-pagination-fraction {
    color: rgba(255, 255, 255, .75);
    text-shadow: 0 0 5px #333
}

:root {
    --swiper-pagination-color: #6c757d
}

.swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px
}

.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: 0
}

.swiper-button-next.vertical,
.swiper-button-prev.vertical {
    left: 50%;
    margin-top: 0;
    margin-left: -20px
}

.swiper-button-next-sm,
.swiper-button-prev-sm {
    width: 26px;
    height: 26px;
    margin-top: -13px
}

.swiper-button-next-sm.vertical,
.swiper-button-prev-sm.vertical {
    margin-left: -13px
}

.swiper-button-next,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: 0 0
}

.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
    content: ''
}

.swiper-button-next>i,
.swiper-button-prev>i,
.swiper-container-rtl .swiper-button-next>i,
.swiper-container-rtl .swiper-button-prev>i {
    color: #868a8f;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    font-size: 40px
}

.swiper-button-next-sm>i,
.swiper-button-prev-sm>i {
    font-size: 26px
}

.swiper-button-next.swiper-button-disabled>i,
.swiper-button-prev.swiper-button-disabled>i {
    box-shadow: none
}

.swiper-button-next.vertical {
    top: auto;
    bottom: 10px
}

.swiper-button-prev.vertical {
    top: 10px
}

.swiper-button-next2:not(.vertical),
.swiper-button-prev2:not(.vertical) {
    top: 0;
    right: 0;
    margin-top: 0
}

.swiper-button-next2:not(.vertical):not(.swiper-button-disabled),
.swiper-button-prev2:not(.vertical):not(.swiper-button-disabled) {
    opacity: .7
}

.swiper-button-next2:not(.vertical):not(.swiper-button-disabled):hover,
.swiper-button-prev2:not(.vertical):not(.swiper-button-disabled):hover {
    opacity: .9
}

.swiper-button-next2:not(.vertical)>i,
.swiper-button-prev2:not(.vertical)>i {
    border-radius: 0;
    box-shadow: none
}

.swiper-button-prev2:not(.vertical) {
    right: 40px;
    left: auto
}

.swiper-button-prev2:not(.vertical).swiper-button-prev-sm {
    right: 26px
}

@media (min-width:992px) {
    .swiper-button-next.autohide,
    .swiper-button-prev.autohide,
    .swiper-container-rtl .swiper-button-next.autohide,
    .swiper-container-rtl .swiper-button-prev.autohide {
        transition: transform .2s ease-out
    }
    .swiper-container:hover .swiper-button-next.autohide,
    .swiper-container:hover .swiper-button-prev.autohide,
    .swiper-container:hover .swiper-container-rtl .swiper-button-next.autohide,
    .swiper-container:hover .swiper-container-rtl .swiper-button-prev.autohide {
        transform: translateX(0)
    }
}

.swiper-button-next.autohide,
.swiper-container-rtl .swiper-button-prev.autohide {
    transform: translateX(50px)
}

.swiper-button-next.autohide.vertical,
.swiper-container-rtl .swiper-button-prev.autohide.vertical {
    transform: translateX(0);
    transform: translateY(50px)
}

.swiper-button-prev.autohide,
.swiper-container-rtl .swiper-button-next.autohide {
    transform: translateX(-50px)
}

.swiper-button-prev.autohide.vertical,
.swiper-container-rtl .swiper-button-next.autohide.vertical {
    transform: translateX(0);
    transform: translateY(-50px)
}

.swiper-button-prev.autohide.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next.autohide.swiper-button-prev2 {
    transform: translateX(100px)
}

.bootbox .modal-header {
    padding-bottom: 0
}

.bootbox .modal-footer {
    padding-top: 0
}

.bootbox .modal-footer,
.bootbox .modal-header {
    box-shadow: none
}

.bootbox-alert .bootbox-accept {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.noty_theme__mint.noty_bar {
    position: relative;
    overflow: hidden;
    margin: 4px 0;
    box-shadow: rgba(0, 0, 0, .298039) 0 0 5px 0
}

.noty_theme__mint.noty_bar .noty_progressbar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: .2;
    background-color: #000
}

.noty_theme__mint.noty_bar .noty_body {
    padding: 1.25em;
    font-size: 13px
}

.noty_theme__mint.noty_bar .noty_buttons {
    padding: 0 10px .5em 10px
}

.noty_theme__mint.noty_type__alert,
.noty_theme__mint.noty_type__notification {
    color: #1a202c;
    background-color: rgba(255, 255, 255, .9)
}

.noty_theme__mint.noty_type__warning {
    color: #1a202c;
    background-color: rgba(241, 174, 27, .9)
}

.noty_theme__mint.noty_type__error {
    color: #fff;
    background-color: rgba(211, 95, 65, .9)
}

.noty_theme__mint.noty_type__info,
.noty_theme__mint.noty_type__information {
    color: #fff;
    background-color: rgba(0, 135, 141, .9)
}

.noty_theme__mint.noty_type__success {
    color: #fff;
    background-color: rgba(44, 155, 94, .9)
}

.drag-handle {
    cursor: default
}

.remove-handle {
    cursor: pointer
}

.sortable-ghost,
.sortable-swap-highlight {
    position: relative;
    z-index: 2
}

.sortable-ghost {
    outline: 2px dashed #718096
}

.sortable-swap-highlight {
    outline: 2px dotted #718096
}

table.dataTable {
    border-collapse: collapse!important
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    top: 50%
}

table.table-sm.dataTable>tbody>tr.child ul.dtr-details>li {
    padding: .1em 0;
    font-size: 90%
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 90%
}

@media (max-width:767.98px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center
    }
    div.dataTables_wrapper div.dataTables_info {
        padding-bottom: .85em;
        white-space: normal
    }
}

div.dataTables_wrapper div.dataTables_filter input {
    max-width: 220px
}

.flatpickr-calendar {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dayContainer,
.flatpickr-calendar,
.flatpickr-days {
    width: 254px
}

.dayContainer {
    min-width: 254px;
    max-width: 254px
}

.dayContainer,
.flatpickr-months,
.flatpickr-weekdays {
    padding: .5rem
}

.flatpickr-day {
    height: 34px;
    line-height: 33px
}

.flatpickr-day.inRange {
    box-shadow: none
}

.datepicker-wrap>[data-toggle],
.daterangepicker-wrap>[data-toggle] {
    cursor: pointer
}

.flatpickr-current-month {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px 0 0;
    font-size: 120%
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    max-width: 110px;
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    color: #4a5568;
    vertical-align: middle;
    border: 1px solid #cbd5e0;
    margin-right: .5rem;
    border-radius: .25rem;
    font-size: .875rem
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    border-radius: 0
}

.flatpickr-current-month input.cur-year {
    line-height: 1.5
}

.flatpickr-current-month .numInputWrapper {
    width: 6.5ch
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    top: 4px
}

.flatpickr-monthSelect-month {
    width: 30%;
    border-radius: .25rem
}

.flatpickr-monthSelect-month.selected {
    background-color: #467bcb
}

.flatpickr-input[readonly] {
    background-color: #fff
}

.flatpickr-calendar.inline {
    box-shadow: none;
    border-width: 1px;
    border-color: #cbd5e0
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #467bcb;
    border-color: #467bcb
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover,
.flatpickr-monthSelect-month:not(.selected):focus,
.flatpickr-monthSelect-month:not(.selected):hover {
    color: #467bcb;
    background: #e9eff9;
    border-color: #e9eff9
}

.flatpickr-calendar.showTimeInput.hasTime.noCalendar .flatpickr-time {
    border-top: 0
}

.flatpickr-time input {
    background: #fff
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #fff
}

.flatpickr-monthSelect-theme-light .flatpickr-next-month,
.flatpickr-monthSelect-theme-light .flatpickr-prev-month {
    display: none
}

.clockpicker-popover {
    margin-top: 1px
}

.clockpicker-popover .popover-title {
    background-color: transparent
}

.clockpicker-popover .text-primary {
    color: #00878d!important
}

.popover.colorpicker-bs-popover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.colorpicker-bar {
    font-size: 11px;
    line-height: inherit
}

.colorpicker-alpha-color,
.colorpicker-bar,
.colorpicker-hue,
.colorpicker-saturation {
    box-shadow: none
}

.bootstrap-select>.dropdown-toggle {
    color: #4a5568;
    border-color: #cbd5e0;
    background-color: #fff
}

.bootstrap-select>.dropdown-toggle.disabled {
    opacity: 1;
    color: #718096;
    background-color: #edf2f7
}

.bootstrap-select>.dropdown-toggle:focus {
    outline: 0!important
}

.bootstrap-select>.dropdown-toggle:not(:disabled):not(.disabled):active {
    top: 0
}

.bootstrap-select.show:not(.is-valid):not(.is-invalid)>.dropdown-toggle,
.bootstrap-select:not(.is-valid):not(.is-invalid)>.dropdown-toggle:not(:disabled):not(.disabled):active,
.bootstrap-select:not(.is-valid):not(.is-invalid)>.dropdown-toggle:not(:disabled):not(.disabled):focus {
    border-color: #467bcb;
    background-color: #fff
}

.bootstrap-select>.dropdown-menu {
    border-color: #cbd5e0
}

.bootstrap-select>.dropdown-menu>.inner {
    scrollbar-width: thin
}

.bootstrap-select .dropdown-item:focus {
    outline: 0
}

.bootstrap-select .dropdown-item.active {
    color: #11141c;
    background-color: #dbe5ef
}

.bootstrap-select .dropdown-item:active:not(.active) {
    color: #11141c;
    background-color: #edf2f7
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    right: 5px
}

.bootstrap-select .bs-ok-default::after {
    content: '';
    border: 0;
    transform: none;
    width: 18px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E")
}

.bootstrap-select .no-results {
    padding: 3px 9px;
    margin: 0 8px
}

.bootstrap-select.is-invalid,
.bootstrap-select.is-valid {
    padding-right: 0
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #a0aec0
}

.bs-select-sm .dropdown-menu.inner {
    font-size: .875rem
}

.bs-select-lg .dropdown-menu.inner {
    font-size: 1.25rem
}

.bs-searchbox {
    padding: 0 8px 8px
}

.bs-searchbox .form-control {
    border-color: #cbd5e0!important;
    box-shadow: none!important
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select>select:valid+.dropdown-toggle {
    border-color: #2c9b5e!important
}

.bootstrap-select.is-valid .dropdown-toggle.focus,
.bootstrap-select.is-valid .dropdown-toggle:focus,
.was-validated .bootstrap-select>select:valid+.dropdown-toggle.focus,
.was-validated .bootstrap-select>select:valid+.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(44, 155, 94, .25)!important
}

.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select>select:invalid+.dropdown-toggle {
    border-color: #d35f41!important
}

.bootstrap-select.is-invalid .dropdown-toggle.focus,
.bootstrap-select.is-invalid .dropdown-toggle:focus,
.was-validated .bootstrap-select>select:invalid+.dropdown-toggle.focus,
.was-validated .bootstrap-select>select:invalid+.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(211, 95, 65, .25)!important
}

.bootstrap-select .dropdown-menu li a span.text {
    display: flex
}

.bootstrap-select .dropdown-menu li small {
    align-self: center
}

.bootstrap-select .dropdown-menu li.active small {
    color: #a0aec0!important
}

.bs-select-clear {
    display: none;
    color: #a0aec0;
    width: 16px;
    height: 16px;
    position: absolute;
    text-align: center
}

.bs-select-clear::before {
    font-family: 'Material Icons';
    content: '\e14c';
    font-size: 1rem;
    font-weight: 400
}

.bs-select-clear:hover {
    color: #1a202c;
    cursor: pointer
}

.bs-select+.bs-select-clear {
    margin-top: 7px;
    margin-left: -47px
}

.bs-searchbox .bs-select.form-control+.bs-select-clear,
.bs-select.form-control-sm+.bs-select-clear {
    margin-top: 3px;
    margin-left: -40px
}

.bs-select.form-control-lg+.bs-select-clear {
    margin-top: 12px;
    margin-left: -59px
}

.bootstrap-touchspin .input-group-btn>.btn {
    width: 2.5em
}

.bootstrap-touchspin .bs-touchspin-vertical {
    margin-right: calc(35px - 1px)
}

.bootstrap-touchspin .bs-touchspin-vertical+.input-group-append {
    margin-right: 34px;
    margin-left: -35px
}

.bootstrap-touchspin .input-group-btn-vertical {
    position: absolute;
    right: 0;
    height: 100%
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    line-height: 1;
    position: absolute!important;
    right: 0;
    width: 35px;
    height: 50%;
    padding: 0;
    text-align: center;
    top: inherit!important
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    top: 0;
    height: calc(50% + 1px);
    border-radius: 0 .25rem 0 0
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:focus,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover {
    z-index: 1
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    bottom: 0;
    border-radius: 0 0 .25rem 0
}

.noUi-horizontal {
    height: .25rem
}

.noUi-vertical {
    width: .25rem
}

.noUi-target {
    border: 0;
    background: #eceff6;
    box-shadow: none
}

.noUi-connects,
.noUi-target {
    border-radius: .25rem
}

.noUi-connect {
    background: #467bcb
}

.noUi-handle {
    border: 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -1px rgba(0, 0, 0, .12), 0 -4px 6px -1px rgba(0, 0, 0, .1), 0 -2px 4px -1px rgba(0, 0, 0, .06);
    border-radius: 50%
}

.noUi-handle::after,
.noUi-handle::before {
    display: none
}

.noUi-handle:focus {
    outline: 0
}

.noUi-horizontal .noUi-handle {
    width: 1.375rem;
    height: 1.375rem;
    cursor: ew-resize;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc((.25rem - 1.375rem)/ 2);
    right: -.6875rem
}

.noUi-vertical .noUi-handle {
    width: 1.375rem;
    height: 1.375rem;
    cursor: ns-resize;
    right: calc((.25rem - 1.375rem)/ 2);
    top: -.6875rem
}

.noUi-tooltip {
    display: flex;
    color: #fff;
    border: 0;
    background-color: #1a202c;
    font-size: 12px;
    padding: 1px 5px
}

.noUi-tooltip::after {
    content: '';
    border: 4px solid;
    display: inline-block;
    position: absolute
}

.noUi-horizontal .noUi-tooltip {
    position: static;
    transform: none;
    margin-bottom: 54px
}

.noUi-horizontal .noUi-tooltip::after {
    border-color: #1a202c transparent transparent;
    top: -6px;
    left: 50%;
    margin-left: -4px
}

.noUi-vertical .noUi-tooltip {
    margin-right: 3px
}

.noUi-vertical .noUi-tooltip::after {
    border-color: transparent transparent transparent #1a202c;
    right: -8px;
    top: 50%;
    margin-top: -4px
}

.slider-secondary .noUi-connect {
    background: #718096
}

.slider-success .noUi-connect {
    background: #2c9b5e
}

.slider-info .noUi-connect {
    background: #00878d
}

.slider-warning .noUi-connect {
    background: #f1ae1b
}

.slider-danger .noUi-connect {
    background: #d35f41
}

.slider-dark .noUi-connect {
    background: #2d3748
}

.note-editor.note-frame {
    border-color: #cbd5e0;
    box-shadow: none
}

.note-editor.note-frame .modal-header {
    border-bottom-width: 1px;
    align-items: center
}

.note-editor.note-frame .modal-body {
    overflow: auto!important;
    scrollbar-width: thin
}

.note-editor.note-frame .modal-footer {
    border-top-width: 1px
}

.note-editor.note-frame .modal-footer>p {
    margin-bottom: 0
}

.note-editor.note-frame.focus {
    border-color: #467bcb
}

.note-editor.note-frame.fullscreen {
    border-radius: 0;
    border: 0
}

.card-header.note-toolbar {
    display: block;
    padding: 0 0 5px 5px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card-header.note-toolbar .note-btn {
    height: 31px
}

.note-popover .popover-content {
    border-radius: .25rem
}

.note-group-image-url {
    overflow: unset!important
}

.note-editor.note-frame .note-editing-area .note-editable {
    scrollbar-width: thin
}

.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar {
    border-color: #cbd5e0
}

textarea.summernote {
    display: block!important;
    height: 0;
    padding: 0;
    border: 0;
    visibility: hidden
}

.was-validated textarea:invalid+.note-editor {
    border-color: #d35f41
}

.was-validated textarea:valid+.note-editor {
    border-color: #2c9b5e
}

.was-validated .note-form-control:invalid,
.was-validated .note-form-control:valid {
    border-color: #cbd5e0
}

.was-validated .note-form-control:invalid:focus,
.was-validated .note-form-control:valid:focus {
    border-color: #467bcb
}

textarea.is-invalid+.note-editor {
    border-color: #d35f41
}

textarea.is-valid+.note-editor {
    border-color: #2c9b5e
}

.fc-event.fc-event-draggable,
button.fc-event {
    cursor: -webkit-grab!important;
    cursor: grab!important
}

.fc-event.fc-event-draggable.fc-event-dragging,
.fc-event.fc-event-draggable:active,
button.fc-event.fc-event-dragging,
button.fc-event:active {
    cursor: -webkit-grabbing!important;
    cursor: grabbing!important
}

@media (max-width:767.98px) {
    .fc .fc-toolbar {
        flex-direction: column;
        align-items: start
    }
    .fc-toolbar-chunk:not(:last-child) {
        margin-bottom: .5rem
    }
}

.sw {
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    border: 0;
    border-radius: .25rem
}

.sw .tab-content:not(.card-body) {
    padding: 0
}

.sw .toolbar {
    padding: 1rem
}

.sw .toolbar>.btn {
    margin-right: 0
}

.sw-theme-arrows>.tab-content>.tab-pane {
    padding: 1rem
}

.sw-theme-arrows>.nav .nav-link.active {
    border-color: #467bcb!important;
    background: #467bcb!important
}

.sw-theme-arrows>.nav .nav-link.active::after {
    border-left-color: #467bcb!important
}

.sw-theme-arrows>.nav .nav-link.done {
    border-color: #87aadd!important;
    background: #87aadd!important
}

.sw-theme-arrows>.nav .nav-link.done::after {
    border-left-color: #87aadd!important
}

@media screen and (max-width:640px) {
    .sw-theme-arrows>.nav .nav-link {
        font-size: .875rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: .25rem;
        padding-bottom: .25rem
    }
}

.select2-container--default .select2-selection--single {
    border-color: #cbd5e0;
    height: calc(1.5em + .75rem + 2px);
    display: flex;
    align-items: center;
    color: #4a5568
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: .75rem;
    padding-right: calc(.75rem + 8px);
    width: 100%
}

.select2-container--default.select2-container--focus .select2-selection--single {
    outline: 0;
    border-color: #467bcb
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    color: #718096;
    background-color: #edf2f7
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    width: 8px;
    right: .75rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: inherit
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: inherit
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-color: #467bcb;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    border-bottom: 0;
    padding-bottom: 1px
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-color: #467bcb;
    border-top: 0;
    padding-top: 1px
}

.select2-dropdown {
    border-color: #467bcb;
    border-radius: .25rem
}

.select2-dropdown.select2-dropdown--below {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

.select2-search--dropdown {
    padding: 0 .375rem
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #cbd5e0;
    outline: 0
}

.select2-search--dropdown .select2-search__field {
    font-size: .875rem;
    font-family: sans-serif;
    line-height: normal;
    padding: .1875rem .375rem;
    color: #4a5568
}

.select2-results {
    padding: .375rem
}

.select2-results__option {
    padding: 5.5px .375rem;
    line-height: 15px;
    color: #4a5568;
    font-size: .875rem
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #4a5568;
    background-color: #edf2f7
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: #11141c;
    background-color: #dbe5ef
}

.select2-dropdown--above .select2-search--dropdown {
    margin-top: .5rem
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #a0aec0
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 6px
}

.select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
    color: #a0aec0
}

.select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color: #a0aec0
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
    color: #a0aec0
}

.select2-container--default .select2-selection--multiple {
    border-color: #cbd5e0;
    display: flex
}

.select2-container .select2-selection--multiple {
    min-height: 38px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #467bcb
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #4a5568;
    border-color: #4a5568;
    color: #fff;
    font-weight: 300;
    margin-right: 4px;
    margin-top: 4px;
    padding: 0 4px 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 4px
}

.select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
    background-color: inherit;
    color: #ccc
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 234px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 .75rem
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: inherit!important;
    opacity: .5;
    font-family: sans-serif
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: 1
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-family: sans-serif;
    color: #a0aec0;
    font-size: 1.375rem;
    font-weight: 400;
    margin-right: .375rem
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover {
    color: #1a202c
}

.select2-hidden-accessible.is-invalid+.select2-container--default .select2-selection--multiple,
.select2-hidden-accessible.is-invalid+.select2-container--default .select2-selection--single,
.was-validated .select2-hidden-accessible:invalid+.select2-container--default .select2-selection--multiple,
.was-validated .select2-hidden-accessible:invalid+.select2-container--default .select2-selection--single {
    border-color: #d35f41
}

.select2-hidden-accessible.is-invalid~.select2-container .select2-dropdown,
.was-validated .select2-hidden-accessible:invalid~.select2-container .select2-dropdown {
    border-color: #d35f41
}

.select2-hidden-accessible.is-valid+.select2-container--default .select2-selection--multiple,
.select2-hidden-accessible.is-valid+.select2-container--default .select2-selection--single,
.was-validated .select2-hidden-accessible:valid+.select2-container--default .select2-selection--multiple,
.was-validated .select2-hidden-accessible:valid+.select2-container--default .select2-selection--single {
    border-color: #2c9b5e
}

.select2-hidden-accessible.is-valid~.select2-container .select2-dropdown,
.was-validated .select2-hidden-accessible:valid~.select2-container .select2-dropdown {
    border-color: #2c9b5e
}

[data-select2-size=sm]+.select2-container--default .select2-selection--single {
    height: calc(1.5em + .5rem + 2px);
    font-size: .875rem
}

[data-select2-size=sm]+.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: .5rem;
    padding-right: calc(.5rem + 8px)
}

[data-select2-size=sm]+.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: .5rem;
    top: 2px
}

[data-select2-size=lg]+.select2-container--default .select2-selection--single {
    height: calc(1.5em + 1rem + 2px);
    font-size: 1.25rem
}

[data-select2-size=lg]+.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1rem;
    padding-right: calc(1rem + 8px)
}

[data-select2-size=lg]+.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 1rem;
    top: 9px
}

.tagin {
    display: none
}

.tagin-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: calc(.375rem - 2px) calc(.75rem - 2px);
    position: relative;
    overflow: hidden;
    cursor: text
}

.tagin-wrapper.focus {
    color: #4a5568;
    background-color: #fff;
    border-color: #467bcb;
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}

.tagin.is-valid+.tagin-wrapper,
.was-validated .tagin:valid+.tagin-wrapper {
    border-color: #2c9b5e
}

.tagin.is-invalid+.tagin-wrapper,
.was-validated .tagin:invalid+.tagin-wrapper {
    border-color: #d35f41
}

.tagin-tag {
    border-radius: .25rem;
    color: #fff;
    border: 0;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    height: 24px;
    margin: 2px;
    font-weight: 300;
    background-color: #718096;
    transition: transform .1s
}

.tagin-tag-remove {
    margin-left: 2px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23a0aec0' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E")
}

.tagin-tag-remove:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/%3E%3C/svg%3E")
}

.tagin-input {
    margin-left: 2px;
    border-color: transparent;
    outline: 0;
    border-width: 1px 0;
    padding: 0 2px 0 0;
    height: 28px;
    color: #4a5568
}

.tagin-input:not(.tagin-input-hidden) {
    width: 4px;
    min-width: 4px
}

.tagin-input-hidden {
    position: absolute;
    top: 0;
    left: -9999px;
    overflow: hidden;
    visibility: hidden;
    white-space: nowrap
}

:not(select) {
    scrollbar-width: thin
}

@media (min-width:768px) {
     ::-webkit-scrollbar {
        width: 9px
    }
     ::-webkit-scrollbar:horizontal {
        height: 9px
    }
     ::-webkit-scrollbar-track {
        background: #f2f2f2
    }
     ::-webkit-scrollbar-track:vertical {
        border-left: 1px solid #d9d9d9
    }
     ::-webkit-scrollbar-track:horizontal {
        border-top: 1px solid #d9d9d9
    }
     ::-webkit-scrollbar-thumb {
        background: #c2c2c2
    }
     ::-webkit-scrollbar-thumb:vertical {
        border-left: 1px solid #9c9c9c
    }
     ::-webkit-scrollbar-thumb:horizontal {
        border-top: 1px solid #9c9c9c
    }
     ::-webkit-scrollbar-thumb:hover {
        background: #919191
    }
     ::-webkit-scrollbar-thumb:hover:vertical {
        border-left: 1px solid #6a6a6a
    }
     ::-webkit-scrollbar-thumb:hover:horizontal {
        border-top: 1px solid #6a6a6a
    }
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px
}

.gutters-sm>.col,
.gutters-sm>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px
}

.table-align-middle td,
.table-align-middle th {
    vertical-align: middle!important
}

.table-text-center td,
.table-text-center th {
    text-align: center
}

.nostretch,
.table-nostretch td,
.table-nostretch th {
    width: 1%;
    white-space: nowrap
}

.thead-primary {
    background-color: #e9eff9
}

.markdown-result table .thead-primary th,
.table .thead-primary th {
    border-color: #90b0e0
}

.table-primary thead {
    background-color: #467bcb;
    color: #e9eff9
}

.thead-secondary {
    background-color: #eef0f2
}

.markdown-result table .thead-secondary th,
.table .thead-secondary th {
    border-color: #aab3c0
}

.table-secondary thead {
    background-color: #718096;
    color: #eef0f2
}

.thead-success {
    background-color: #e6f3ec
}

.markdown-result table .thead-success th,
.table .thead-success th {
    border-color: #80c39e
}

.table-success thead {
    background-color: #2c9b5e;
    color: #e6f3ec
}

.thead-info {
    background-color: #e0f1f1
}

.markdown-result table .thead-info th,
.table .thead-info th {
    border-color: #66b7bb
}

.table-info thead {
    background-color: #00878d;
    color: #e0f1f1
}

.thead-warning {
    background-color: #fdf5e4
}

.markdown-result table .thead-warning th,
.table .thead-warning th {
    border-color: #f7ce76
}

.table-warning thead {
    background-color: #f1ae1b
}

.thead-danger {
    background-color: #faece8
}

.markdown-result table .thead-danger th,
.table .thead-danger th {
    border-color: #e59f8d
}

.table-danger thead {
    background-color: #d35f41;
    color: #faece8
}

.column-filter>th {
    vertical-align: middle!important;
    font-weight: 400;
    padding-right: .5rem!important
}

.table-sm .column-filter>th {
    padding-right: .2rem!important
}

.has-checkAll>tbody>tr:not(.detail-row)>td:first-child,
.has-checkAll>thead>tr:last-child>th:first-child {
    width: 31px;
    text-align: center
}

.detail-toggle {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    text-decoration: none!important;
    font-size: 24px;
    line-height: 1
}

.detail-toggle::before {
    content: '\e148';
    font-family: 'Material Icons'
}

.detail-toggle[aria-expanded=true]::before {
    content: '\e15d'
}

.detail-toggle:focus {
    outline: 0
}

.detail-row {
    transition: none;
    background-color: rgba(0, 0, 0, .03)
}

.detail-row.show>td {
    border-top-width: 2px
}

.detail-row:hover {
    background-color: rgba(0, 0, 0, .03)!important
}

ul.data-detail {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

ul.data-detail>li {
    padding: .1em 0;
    font-size: 90%
}

ul.data-detail span:first-child {
    display: inline-block;
    min-width: 75px;
    font-weight: 700
}

a.sorting {
    position: relative;
    display: block;
    padding-right: 16px;
    color: #1a202c
}

a.sorting:hover {
    text-decoration: none
}

a.sorting::after,
a.sorting::before {
    position: absolute;
    top: calc(50% - 11px);
    opacity: .3
}

a.sorting::before {
    content: "\2191";
    right: 7px
}

a.sorting::after {
    content: "\2193";
    right: 0
}

a.sorting.asc::before {
    opacity: 1
}

a.sorting.desc::after {
    opacity: 1
}

.thead-dark a.sorting {
    color: #fff
}

.table-form>tbody>tr>td:nth-child(odd) {
    background-color: rgba(0, 0, 0, .05);
    vertical-align: middle;
    width: 1%;
    white-space: nowrap;
    text-align: right;
    padding-left: 1rem;
    padding-top: 0;
    padding-bottom: 0
}

.table-form>tbody>tr>td:nth-child(odd)>label {
    display: block;
    margin-bottom: 0;
    font-size: .875em
}

.table-form>tbody>tr>td:nth-child(even) {
    padding: 0
}

.table-form>tbody>tr>td:nth-child(even)>.custom-select,
.table-form>tbody>tr>td:nth-child(even)>.form-control {
    border: 0
}

.table-form>tbody>tr>td:nth-child(even)>.custom-file label {
    border-color: transparent
}

.input-icon {
    position: relative;
    display: block;
    width: 100%
}

.input-icon>i,
.input-icon>svg {
    position: absolute
}

.input-icon>i[class^=fa] {
    text-align: center;
    width: 1.25em
}

.input-icon.input-icon-lg {
    font-size: 1.25rem
}

.input-icon.input-icon-sm {
    font-size: .875rem
}

.input-icon>svg {
    top: 8px
}

.input-icon.input-icon-sm>svg {
    top: 6px
}

.input-icon.input-icon-lg>svg {
    top: 10px
}

.input-icon>i.material-icons {
    top: 7px
}

.input-icon.input-icon-sm>i.material-icons {
    top: 5px
}

.input-icon.input-icon-lg>i.material-icons {
    top: 9px
}

.input-icon>i[class^=fa] {
    top: 11px
}

.input-icon.input-icon-sm>i[class^=fa] {
    top: 9px
}

.input-icon.input-icon-lg>i[class^=fa] {
    top: 15px
}

.input-icon:not(.input-icon-right)>svg {
    left: .563rem
}

.input-icon.input-icon-sm:not(.input-icon-right)>svg {
    left: .37533rem
}

.input-icon.input-icon-lg:not(.input-icon-right)>svg {
    left: .75067rem
}

.input-icon:not(.input-icon-right)>i.material-icons {
    left: .5rem
}

.input-icon.input-icon-sm:not(.input-icon-right)>i.material-icons {
    left: .33333rem
}

.input-icon.input-icon-lg:not(.input-icon-right)>i.material-icons {
    left: .66667rem
}

.input-icon:not(.input-icon-right)>i[class^=fa] {
    left: .625rem
}

.input-icon.input-icon-sm:not(.input-icon-right)>i[class^=fa] {
    left: .41667rem
}

.input-icon.input-icon-lg:not(.input-icon-right)>i[class^=fa] {
    left: .83333rem
}

.input-icon:not(.input-icon-right)>.form-control {
    padding-left: calc(.75rem + 1.5em)
}

.bs-searchbox .input-icon.input-icon-sm:not(.input-icon-right)>.form-control,
.input-icon.input-icon-sm:not(.input-icon-right)>.form-control-sm {
    padding-left: calc(.5rem + 1.5em)
}

.input-icon.input-icon-lg:not(.input-icon-right)>.form-control-lg {
    padding-left: calc(1rem + 1.5em)
}

.input-icon.input-icon-right>svg {
    right: .563rem
}

.input-icon.input-icon-right.input-icon-sm>svg {
    right: .37533rem
}

.input-icon.input-icon-right.input-icon-lg>svg {
    right: .75067rem
}

.input-icon.input-icon-right>i.material-icons {
    right: .5rem
}

.input-icon.input-icon-right.input-icon-sm>i.material-icons {
    right: .33333rem
}

.input-icon.input-icon-right.input-icon-lg>i.material-icons {
    right: .66667rem
}

.input-icon.input-icon-right>i[class^=fa] {
    right: .625rem
}

.input-icon.input-icon-sm.input-icon-right>i[class^=fa] {
    right: .41667rem
}

.input-icon.input-icon-lg.input-icon-right>i[class^=fa] {
    right: .83333rem
}

.input-icon.input-icon-right>.form-control {
    padding-right: calc(.75rem + 1.5em)
}

.bs-searchbox .input-icon.input-icon-right.input-icon-sm>.form-control,
.input-icon.input-icon-right.input-icon-sm>.form-control-sm {
    padding-right: calc(.5rem + 1.5em)
}

.input-icon.input-icon-right.input-icon-lg>.form-control-lg {
    padding-right: calc(1rem + 1.5em)
}

.floating-label {
    position: relative;
    display: block;
    width: 100%
}

.floating-label>.form-control,
.floating-label>label {
    height: 3.125rem;
    padding: .75rem
}

.floating-label>textarea.form-control {
    height: auto;
    min-height: 3.125rem
}

.floating-label>label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    cursor: text;
    transition: all .1s;
    pointer-events: none;
    color: #a0aec0;
    border: 1px solid transparent
}

.floating-label>.form-control::-moz-placeholder {
    opacity: 0
}

.floating-label>.form-control:-ms-input-placeholder {
    opacity: 0
}

.floating-label>.form-control::placeholder {
    opacity: 0
}

.floating-label>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem
}

.floating-label>.form-control:not(:-ms-input-placeholder) {
    padding-top: 1.25rem;
    padding-bottom: .25rem
}

.floating-label>.form-control:focus,
.floating-label>.form-control:not(:placeholder-shown) {
    padding-top: 1.25rem;
    padding-bottom: .25rem
}

.floating-label>.form-control:not(:-moz-placeholder-shown)~label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 75%
}

.floating-label>.form-control:not(:-ms-input-placeholder)~label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 75%
}

.floating-label>.form-control:focus~label,
.floating-label>.form-control:not(:placeholder-shown)~label {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 75%
}

.floating-label.input-icon>svg {
    width: 2.125em;
    height: 2.125em
}

.floating-label.input-icon>i.material-icons {
    font-size: 2.25em
}

.floating-label.input-icon>i[class^=fa] {
    font-size: 1.625em
}

.floating-label.input-icon:not(.input-icon-right)>.form-control,
.floating-label.input-icon:not(.input-icon-right)>label {
    padding-left: calc(.75rem + 2.25em)
}

.floating-label.input-icon:not(.input-icon-right)>.form-control:not(:-moz-placeholder-shown)~label {
    padding-left: calc(.75rem + 2.25em + 9px)
}

.floating-label.input-icon:not(.input-icon-right)>.form-control:not(:-ms-input-placeholder)~label {
    padding-left: calc(.75rem + 2.25em + 9px)
}

.floating-label.input-icon:not(.input-icon-right)>.form-control:focus~label,
.floating-label.input-icon:not(.input-icon-right)>.form-control:not(:placeholder-shown)~label {
    padding-left: calc(.75rem + 2.25em + 9px)
}

.floating-label.input-icon.input-icon-right>.form-control,
.floating-label.input-icon.input-icon-right>label {
    padding-right: calc(.75rem + 2.25em)
}

.floating-label.input-icon.input-icon-right>.form-control:not(:-moz-placeholder-shown)~label {
    padding-right: calc(.75rem + 2.25em + 9px)
}

.floating-label.input-icon.input-icon-right>.form-control:not(:-ms-input-placeholder)~label {
    padding-right: calc(.75rem + 2.25em + 9px)
}

.floating-label.input-icon.input-icon-right>.form-control:focus~label,
.floating-label.input-icon.input-icon-right>.form-control:not(:placeholder-shown)~label {
    padding-right: calc(.75rem + 2.25em + 9px)
}

.floating-label-sm {
    font-size: .875rem
}

.floating-label-sm>.form-control,
.floating-label-sm>label {
    height: 2.438rem;
    padding: .5rem
}

.floating-label-sm>.form-control:not(:-moz-placeholder-shown) {
    padding-top: calc(1.25rem - .125rem);
    padding-bottom: calc(.25rem - .125rem)
}

.floating-label-sm>.form-control:not(:-ms-input-placeholder) {
    padding-top: calc(1.25rem - .125rem);
    padding-bottom: calc(.25rem - .125rem)
}

.floating-label-sm>.form-control:focus,
.floating-label-sm>.form-control:not(:placeholder-shown) {
    padding-top: calc(1.25rem - .125rem);
    padding-bottom: calc(.25rem - .125rem)
}

.floating-label-sm>.form-control:not(:-moz-placeholder-shown)~label {
    padding-top: calc(.25rem - .125rem);
    padding-bottom: calc(.25rem - .125rem);
    font-size: 75%
}

.floating-label-sm>.form-control:not(:-ms-input-placeholder)~label {
    padding-top: calc(.25rem - .125rem);
    padding-bottom: calc(.25rem - .125rem);
    font-size: 75%
}

.floating-label-sm>.form-control:focus~label,
.floating-label-sm>.form-control:not(:placeholder-shown)~label {
    padding-top: calc(.25rem - .125rem);
    padding-bottom: calc(.25rem - .125rem);
    font-size: 75%
}

.floating-label-sm.input-icon>svg {
    top: 5px
}

.floating-label-sm.input-icon:not(.input-icon-right)>.form-control,
.floating-label-sm.input-icon:not(.input-icon-right)>label {
    padding-left: calc(.5rem + 2.25em)
}

.floating-label-sm.input-icon:not(.input-icon-right)>.form-control:not(:-moz-placeholder-shown)~label {
    padding-left: calc(.5rem + 2.25em + 9px)
}

.floating-label-sm.input-icon:not(.input-icon-right)>.form-control:not(:-ms-input-placeholder)~label {
    padding-left: calc(.5rem + 2.25em + 9px)
}

.floating-label-sm.input-icon:not(.input-icon-right)>.form-control:focus~label,
.floating-label-sm.input-icon:not(.input-icon-right)>.form-control:not(:placeholder-shown)~label {
    padding-left: calc(.5rem + 2.25em + 9px)
}

.floating-label-sm.input-icon.input-icon-right>.form-control,
.floating-label-sm.input-icon.input-icon-right>label {
    padding-right: calc(.5rem + 2.25em)
}

.floating-label-sm.input-icon.input-icon-right>.form-control:not(:-moz-placeholder-shown)~label {
    padding-right: calc(.5rem + 2.25em + 9px)
}

.floating-label-sm.input-icon.input-icon-right>.form-control:not(:-ms-input-placeholder)~label {
    padding-right: calc(.5rem + 2.25em + 9px)
}

.floating-label-sm.input-icon.input-icon-right>.form-control:focus~label,
.floating-label-sm.input-icon.input-icon-right>.form-control:not(:placeholder-shown)~label {
    padding-right: calc(.5rem + 2.25em + 9px)
}

.floating-label-lg {
    font-size: 1.25rem
}

.floating-label-lg>.form-control,
.floating-label-lg>label {
    height: 4rem;
    padding: 1rem
}

.floating-label-lg>.form-control:not(:-moz-placeholder-shown) {
    padding-top: calc(1.25rem + .125rem);
    padding-bottom: calc(.25rem + .125rem)
}

.floating-label-lg>.form-control:not(:-ms-input-placeholder) {
    padding-top: calc(1.25rem + .125rem);
    padding-bottom: calc(.25rem + .125rem)
}

.floating-label-lg>.form-control:focus,
.floating-label-lg>.form-control:not(:placeholder-shown) {
    padding-top: calc(1.25rem + .125rem);
    padding-bottom: calc(.25rem + .125rem)
}

.floating-label-lg>.form-control:not(:-moz-placeholder-shown)~label {
    padding-top: calc(.25rem + .125rem);
    padding-bottom: calc(.25rem + .125rem);
    font-size: 75%
}

.floating-label-lg>.form-control:not(:-ms-input-placeholder)~label {
    padding-top: calc(.25rem + .125rem);
    padding-bottom: calc(.25rem + .125rem);
    font-size: 75%
}

.floating-label-lg>.form-control:focus~label,
.floating-label-lg>.form-control:not(:placeholder-shown)~label {
    padding-top: calc(.25rem + .125rem);
    padding-bottom: calc(.25rem + .125rem);
    font-size: 75%
}

.floating-label-lg.input-icon:not(.input-icon-right)>.form-control,
.floating-label-lg.input-icon:not(.input-icon-right)>label {
    padding-left: calc(1rem + 2.25em)
}

.floating-label-lg.input-icon:not(.input-icon-right)>.form-control:not(:-moz-placeholder-shown)~label {
    padding-left: calc(1rem + 2.25em + 12px)
}

.floating-label-lg.input-icon:not(.input-icon-right)>.form-control:not(:-ms-input-placeholder)~label {
    padding-left: calc(1rem + 2.25em + 12px)
}

.floating-label-lg.input-icon:not(.input-icon-right)>.form-control:focus~label,
.floating-label-lg.input-icon:not(.input-icon-right)>.form-control:not(:placeholder-shown)~label {
    padding-left: calc(1rem + 2.25em + 12px)
}

.floating-label-lg.input-icon.input-icon-right>.form-control,
.floating-label-lg.input-icon.input-icon-right>label {
    padding-right: calc(1rem + 2.25em)
}

.floating-label-lg.input-icon.input-icon-right>.form-control:not(:-moz-placeholder-shown)~label {
    padding-right: calc(1rem + 2.25em + 12px)
}

.floating-label-lg.input-icon.input-icon-right>.form-control:not(:-ms-input-placeholder)~label {
    padding-right: calc(1rem + 2.25em + 12px)
}

.floating-label-lg.input-icon.input-icon-right>.form-control:focus~label,
.floating-label-lg.input-icon.input-icon-right>.form-control:not(:placeholder-shown)~label {
    padding-right: calc(1rem + 2.25em + 12px)
}

.custom-select[multiple],
.form-control[multiple] {
    padding: .375rem
}

.bs-searchbox .custom-select.form-control[multiple],
.bs-searchbox .form-control[multiple],
.custom-select[multiple].form-control-sm,
.form-control[multiple].form-control-sm {
    padding: .25rem
}

.custom-select[multiple].form-control-lg,
.form-control[multiple].form-control-lg {
    padding: .5rem
}

[data-toggle=clear] {
    cursor: pointer;
    color: #a0aec0
}

.input-clearable [data-toggle=clear] {
    display: none
}

.input-clearable .form-control:not(:-moz-placeholder-shown):focus+[data-toggle=clear] {
    display: block
}

.input-clearable .form-control:not(:-ms-input-placeholder):focus+[data-toggle=clear] {
    display: block
}

.input-clearable .form-control:not(:placeholder-shown):focus+[data-toggle=clear] {
    display: block
}

.input-clearable:hover .form-control:not(:-moz-placeholder-shown)+[data-toggle=clear] {
    display: block
}

.input-clearable:hover .form-control:not(:-ms-input-placeholder)+[data-toggle=clear] {
    display: block
}

.input-clearable:hover .form-control:not(:placeholder-shown)+[data-toggle=clear] {
    display: block
}

label.input-clearable {
    margin-bottom: 0
}

.btn-group-xs>.btn,
.btn-xs {
    padding: .125rem .375rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .15rem
}

.btn-light {
    color: #1a202c;
    background-color: #fff;
    border-color: #cbd5e0
}

.btn-light:hover {
    color: #1a202c;
    background-color: #f7fafc;
    border-color: #a0aec0
}

.btn-light.focus,
.btn-light:focus {
    color: #1a202c;
    background-color: #f7fafc;
    border-color: #a0aec0
}

.btn-light.disabled,
.btn-light:disabled {
    color: #1a202c;
    background-color: #fff;
    border-color: #cbd5e0
}

.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #1a202c;
    background-color: #e2e8f0;
    border-color: #a0aec0
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(176, 186, 197, .5)
}

.btn-outline-light {
    color: #fff;
    border-color: #fff
}

.btn-outline-light:hover {
    color: #1a202c;
    background-color: #fff;
    border-color: #fff
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #fff;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
    color: #1a202c;
    background-color: #fff;
    border-color: #fff
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .5)
}

.btn.has-icon {
    display: inline-flex;
    align-items: center
}

.btn.has-icon.btn-block {
    display: flex;
    justify-content: center
}

.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px!important;
    height: 38px;
    padding: 0!important
}

.btn-group-lg>.btn-icon,
.btn-group-lg>.btn-icon.btn,
.btn-icon.btn-lg {
    width: 48px!important;
    height: 48px
}

.btn-group-sm>.btn-icon,
.btn-group-sm>.btn-icon.btn,
.btn-icon.btn-sm {
    width: 31px!important;
    height: 31px
}

.btn-group-xs>.btn-icon,
.btn-group-xs>.btn-icon.btn,
.btn-icon.btn-xs {
    width: 24px!important;
    height: 24px
}

.btn-app {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    height: 68px
}

.btn-app>i,
.btn-app>svg {
    display: block
}

.btn-app>i {
    font-size: 2em
}

.btn-app>i.material-icons {
    font-size: 2.375em
}

.btn-app>svg {
    width: 2em;
    height: 2em
}

.btn-app.btn-sm,
.btn-group-sm>.btn-app.btn {
    height: 58px
}

.btn-app.btn-lg,
.btn-group-lg>.btn-app.btn {
    height: 86px
}

.dropdown-toggle.no-caret::after {
    display: none
}

.dropdown-item.has-icon {
    display: flex;
    align-items: center
}

@media (min-width:992px) {
    .dropdown-hover .dropdown-menu {
        margin: 0
    }
    .dropdown-hover:hover>.dropdown-menu {
        display: block
    }
    .dropdown-hover>.dropdown-toggle:not(.forwardable):active {
        pointer-events: none
    }
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-item {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center
}

.dropdown-submenu>.dropdown-menu {
    top: -2px;
    left: calc(100% - 2px);
    overflow: hidden;
    min-width: 150px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.btn-group-circle>.btn {
    width: 38px;
    border-radius: 50%!important;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-group-circle>.btn:not(:first-child) {
    margin-left: .25rem!important
}

.btn-group-circle>.btn.focus,
.btn-group-circle>.btn:focus {
    box-shadow: none
}

.btn-group-circle.btn-group-sm>.btn {
    width: 31px
}

.btn-group-circle.btn-group-lg>.btn {
    width: 48px
}

.custom-control-nolabel {
    display: inline-block;
    width: 1.25rem;
    margin: 0;
    padding-left: 0!important;
    vertical-align: middle
}

.custom-control-nolabel .custom-control-label {
    display: block
}

.custom-control-nolabel .custom-control-label::after,
.custom-control-nolabel .custom-control-label::before {
    left: 0!important
}

.custom-control-nolabel.custom-switch {
    width: 2.1875rem
}

.custom-control-nolabel.custom-switch .custom-control-label::after {
    left: 2px!important
}

.custom-color {
    display: inline-flex;
    flex-wrap: wrap;
    margin: -2px
}

.custom-color .color-item {
    height: 1.25rem;
    margin: 2px
}

.custom-color .color-item.color-item-light label {
    box-shadow: 0 0 2px 0 #888 inset
}

.custom-color .color-item.color-item-light .custom-control-input:checked~label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23333' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-color label {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer
}

.custom-color .custom-control-input:checked~label::after {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-color .custom-control-input:disabled~label {
    opacity: .65;
    pointer-events: none
}

.custom-color.custom-color-lg .color-item {
    height: 1.875rem
}

.custom-color.custom-color-lg .custom-control-input:checked~label::after,
.custom-color.custom-color-lg label {
    width: 1.875rem;
    height: 1.875rem
}

.nav-link {
    color: #4a5568
}

.nav-link.active {
    color: #467bcb
}

.nav-link.has-icon {
    display: flex;
    align-items: center
}

.nav-link.has-icon>i[class^=fa] {
    font-size: 21px;
    width: 1.15em;
    text-align: center
}

.nav-link.nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    padding: 0
}

.nav-link.nav-icon>i[class^=fa] {
    font-size: 21px
}

.nav-link.nav-link-img {
    display: flex;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 1px
}

.nav-link.nav-link-img img {
    width: 38px;
    height: 38px;
    border: 2px solid #fff
}

.nav-tabs-simple .nav-link {
    border-color: transparent!important;
    background-color: transparent!important
}

.nav-tabs-simple .nav-link.active {
    box-shadow: 0 -2px 0 0 #467bcb inset
}

.nav-circle .nav-link {
    border-radius: 50%
}

.nav-link.nav-link-faded:hover {
    color: #467bcb;
    background-color: #e9eff9
}

.nav-link.nav-link-faded:focus {
    outline: 0
}

.nav .show>.nav-link.nav-link-faded,
.nav-link.nav-link-faded.active,
.nav-link.nav-link-faded:active,
.nav-pills .nav-link.nav-link-faded.active,
.navbar-nav .show>.nav-link.nav-link-faded {
    color: #3367b5;
    background-color: #c9d8f0
}

.nav-label {
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    font-size: 70%;
    color: #a0aec0;
    padding-left: 1rem;
    font-weight: 500
}

.nav-notif .dropdown-menu {
    overflow: hidden;
    width: 300px
}

@media (max-width:575.98px) {
    .nav-notif .dropdown-menu {
        position: fixed!important;
        top: 3.375rem;
        right: 14px;
        left: 14px;
        width: auto;
        margin: 0
    }
}

.nav-section {
    padding: 1rem;
    position: -webkit-sticky;
    position: sticky;
    top: 3.5rem
}

.nav-section label {
    font-size: .875rem;
    padding-left: .875rem
}

.nav-section .nav-link {
    font-size: .875rem;
    padding: .375rem .875rem
}

.nav-section .nav-link.active {
    background-color: #cbd5e0
}

.nav-section .nav-link:focus {
    outline: 0
}

.tab-content:not(.card-body) {
    padding: 1rem;
    border-top-width: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.nav-gap-x-1>.nav-item+.nav-item,
.nav-gap-x-1>.nav-link+.nav-link:not(.nav-item) {
    margin-left: .25rem
}

.nav-gap-y-1>.nav-item+.nav-item,
.nav-gap-y-1>.nav-link+.nav-link:not(.nav-item) {
    margin-top: .25rem
}

.nav-gap-x-2>.nav-item+.nav-item,
.nav-gap-x-2>.nav-link+.nav-link:not(.nav-item) {
    margin-left: .5rem
}

.nav-gap-y-2>.nav-item+.nav-item,
.nav-gap-y-2>.nav-link+.nav-link:not(.nav-item) {
    margin-top: .5rem
}

.nav-gap-x-3>.nav-item+.nav-item,
.nav-gap-x-3>.nav-link+.nav-link:not(.nav-item) {
    margin-left: 1rem
}

.nav-gap-y-3>.nav-item+.nav-item,
.nav-gap-y-3>.nav-link+.nav-link:not(.nav-item) {
    margin-top: 1rem
}

.nav-gap-x-4>.nav-item+.nav-item,
.nav-gap-x-4>.nav-link+.nav-link:not(.nav-item) {
    margin-left: 1.5rem
}

.nav-gap-y-4>.nav-item+.nav-item,
.nav-gap-y-4>.nav-link+.nav-link:not(.nav-item) {
    margin-top: 1.5rem
}

.nav-gap-x-5>.nav-item+.nav-item,
.nav-gap-x-5>.nav-link+.nav-link:not(.nav-item) {
    margin-left: 3rem
}

.nav-gap-y-5>.nav-item+.nav-item,
.nav-gap-y-5>.nav-link+.nav-link:not(.nav-item) {
    margin-top: 3rem
}

.main-navbar {
    background-color: #fff;
    padding-top: .25rem;
    padding-bottom: .25rem;
    height: 48px
}

.main-navbar .nav-link {
    white-space: nowrap
}

.main-navbar .nav-link:not([data-scroll])>i,
.main-navbar .nav-link:not([data-scroll])>svg {
    margin-right: .25rem
}

.main-navbar .dropdown {
    position: static
}

.main-navbar .dropdown-menu {
    top: 44px;
    left: auto;
    overflow: auto;
    max-height: calc(calc(var(--vh, 1vh) * 100) - 113px)
}

.main-navbar .navbar-collapse {
    overflow: hidden;
    scroll-behavior: smooth
}

[data-scroll=left],
[data-scroll=right] {
    padding: .5rem 1rem!important
}

[data-scroll=left] {
    margin-right: .5rem
}

[data-scroll=right] {
    margin-left: .5rem
}

@media (min-width:992px) {
    .sticky-navbar .main-header {
        position: relative;
        box-shadow: 0 -1px #cbd5e0 inset
    }
}

@media (max-width:991.98px) {
    .main-navbar {
        display: none
    }
}

.accordion-unstacked>.card {
    border-width: 1px;
    box-shadow: none;
    overflow: hidden
}

.accordion-unstacked>.card:not(:first-of-type) {
    margin-top: .5rem
}

.accordion-unstacked>.card>.card-header {
    padding: 0
}

.accordion-unstacked>.card>.card-header>.btn {
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0
}

.accordion-unstacked.accordion-active-primary>.card.active {
    border-color: #467bcb
}

.accordion-unstacked.accordion-active-primary>.card.active>.card-header>.dropdown-toggle {
    color: #467bcb
}

.accordion-unstacked.accordion-bg-primary>.card {
    border-color: #467bcb;
    background-color: #467bcb
}

.accordion-unstacked.accordion-bg-primary>.card>.card-header>.dropdown-toggle[aria-expanded=false] {
    color: #fff
}

.accordion-unstacked.accordion-bg-primary>.card>.card-header>.dropdown-toggle[aria-expanded=true] {
    color: #467bcb
}

.accordion-unstacked.accordion-bg-primary>.card.active {
    background-color: #e9eff9
}

.accordion-unstacked.accordion-active-success>.card.active {
    border-color: #2c9b5e
}

.accordion-unstacked.accordion-active-success>.card.active>.card-header>.dropdown-toggle {
    color: #2c9b5e
}

.accordion-unstacked.accordion-bg-success>.card {
    border-color: #2c9b5e;
    background-color: #2c9b5e
}

.accordion-unstacked.accordion-bg-success>.card>.card-header>.dropdown-toggle[aria-expanded=false] {
    color: #fff
}

.accordion-unstacked.accordion-bg-success>.card>.card-header>.dropdown-toggle[aria-expanded=true] {
    color: #2c9b5e
}

.accordion-unstacked.accordion-bg-success>.card.active {
    background-color: #e6f3ec
}

.accordion-unstacked.accordion-active-info>.card.active {
    border-color: #00878d
}

.accordion-unstacked.accordion-active-info>.card.active>.card-header>.dropdown-toggle {
    color: #00878d
}

.accordion-unstacked.accordion-bg-info>.card {
    border-color: #00878d;
    background-color: #00878d
}

.accordion-unstacked.accordion-bg-info>.card>.card-header>.dropdown-toggle[aria-expanded=false] {
    color: #fff
}

.accordion-unstacked.accordion-bg-info>.card>.card-header>.dropdown-toggle[aria-expanded=true] {
    color: #00878d
}

.accordion-unstacked.accordion-bg-info>.card.active {
    background-color: #e0f1f1
}

.accordion-unstacked.accordion-active-warning>.card.active {
    border-color: #f1ae1b
}

.accordion-unstacked.accordion-active-warning>.card.active>.card-header>.dropdown-toggle {
    color: #b78415
}

.accordion-unstacked.accordion-bg-warning>.card {
    border-color: #f1ae1b;
    background-color: #f1ae1b
}

.accordion-unstacked.accordion-bg-warning>.card>.card-header>.dropdown-toggle[aria-expanded=false] {
    color: #1a202c
}

.accordion-unstacked.accordion-bg-warning>.card>.card-header>.dropdown-toggle[aria-expanded=true] {
    color: #1a202c
}

.accordion-unstacked.accordion-bg-warning>.card.active {
    background-color: #fdf5e4
}

.accordion-unstacked.accordion-active-danger>.card.active {
    border-color: #d35f41
}

.accordion-unstacked.accordion-active-danger>.card.active>.card-header>.dropdown-toggle {
    color: #d35f41
}

.accordion-unstacked.accordion-bg-danger>.card {
    border-color: #d35f41;
    background-color: #d35f41
}

.accordion-unstacked.accordion-bg-danger>.card>.card-header>.dropdown-toggle[aria-expanded=false] {
    color: #fff
}

.accordion-unstacked.accordion-bg-danger>.card>.card-header>.dropdown-toggle[aria-expanded=true] {
    color: #d35f41
}

.accordion-unstacked.accordion-bg-danger>.card.active {
    background-color: #faece8
}

.accordion-unstacked.accordion-active-dark>.card.active {
    border-color: #2d3748
}

.accordion-unstacked.accordion-active-dark>.card.active>.card-header>.dropdown-toggle {
    color: #2d3748
}

.accordion-unstacked.accordion-bg-dark>.card {
    border-color: #2d3748;
    background-color: #2d3748
}

.accordion-unstacked.accordion-bg-dark>.card>.card-header>.dropdown-toggle[aria-expanded=false] {
    color: #fff
}

.accordion-unstacked.accordion-bg-dark>.card>.card-header>.dropdown-toggle[aria-expanded=true] {
    color: #2d3748
}

.accordion-unstacked.accordion-bg-dark>.card.active {
    background-color: #e6e7e9
}

[class*=accordion-bg]>.card {
    transition: background-color .35s ease
}

[class*=accordion-bg]>.card>.card-header {
    background-color: transparent
}

[class*=accordion-bg]>.card>.card-header>.dropdown-toggle[aria-expanded=false] {
    background-color: transparent!important
}

.accordion-unstacked>.card>.card-header,
.accordion>.card>.card-header {
    border: 0
}

.accordion-unstacked>.card>.card-header>.dropdown-toggle,
.accordion>.card>.card-header>.dropdown-toggle {
    display: flex;
    align-items: center
}

.accordion-unstacked>.card>.card-header>.dropdown-toggle:not([aria-expanded=true]),
.accordion>.card>.card-header>.dropdown-toggle:not([aria-expanded=true]) {
    background-color: rgba(0, 0, 0, .04);
    color: #718096
}

.accordion-unstacked>.card>.card-header>.dropdown-toggle::after,
.accordion>.card>.card-header>.dropdown-toggle::after {
    margin-left: auto;
    transition: transform .35s ease
}

.accordion-unstacked>.card>.card-header>.dropdown-toggle[aria-expanded=true]::after,
.accordion>.card>.card-header>.dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(180deg)
}

.accordion-flush>.card {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.accordion-flush>.card>.card-header {
    border: 0
}

.card>.accordion-flush:first-child>.card:first-child {
    border-top: 0;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.accordion-flush:last-child>.card:last-child {
    border-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-fullscreen {
    position: fixed;
    z-index: 1031;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    width: 100%!important;
    height: 100%!important;
    margin: 0!important;
    border: 0;
    border-radius: 0
}

.card-fullscreen>.card-footer,
.card-fullscreen>.card-header {
    flex-shrink: 0;
    border-radius: 0
}

.card-loader-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.breadcrumb {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.breadcrumb .breadcrumb-item {
    display: inline
}

.breadcrumb .breadcrumb-item>a {
    color: #8e9aac
}

.breadcrumb .breadcrumb-item>a:hover {
    text-decoration: none;
    color: #718096
}

.breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    content: '';
    width: 18px;
    height: 18px;
    vertical-align: middle;
    padding-right: 0;
    margin-right: .5rem
}

.breadcrumb-style1 .breadcrumb-item+.breadcrumb-item::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%238e9aac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E")
}

.breadcrumb-style2 .breadcrumb-item+.breadcrumb-item::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%238e9aac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E")
}

.breadcrumb-style3 .breadcrumb-item+.breadcrumb-item::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%238e9aac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='13 17 18 12 13 7'%3E%3C/polyline%3E%3Cpolyline points='6 17 11 12 6 7'%3E%3C/polyline%3E%3C/svg%3E")
}

.main-breadcrumb {
    margin: -15px -15px 15px
}

.main-breadcrumb .breadcrumb {
    margin-bottom: 0;
    border-radius: 0
}

.page-item.active .page-link {
    color: #3367b5;
    background-color: #c9d8f0
}

.page-link:hover {
    color: #467bcb;
    background-color: #e9eff9
}

.page-link:focus,
.page-link:hover {
    border-color: #467bcb
}

.page-link.has-icon {
    display: inline-flex;
    align-items: center;
    height: 38px
}

.pagination-sm .page-link.has-icon {
    height: 31px
}

.pagination-lg .page-link.has-icon {
    height: 56px
}

.pagination-circle .page-link {
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%!important;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination-circle .page-item:not(:last-child) .page-link {
    margin-right: .25rem
}

.pagination-circle.pagination-sm .page-link {
    width: 34px;
    height: 34px
}

.pagination-circle.pagination-lg .page-link {
    width: 56px;
    height: 56px
}

.has-badge {
    position: relative
}

.has-badge>.badge {
    position: absolute;
    top: -4px;
    right: -4px
}

.alert-accent {
    border-width: 0 0 0 4px;
    border-radius: 0
}

.progress-vertical {
    position: relative;
    display: inline-block;
    width: .75rem;
    margin-bottom: 0
}

.progress-vertical .progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%
}

.list-group-sm .list-group-item {
    padding: .375rem .625rem;
    font-size: .875rem
}

.list-group-borderless .list-group-item {
    margin-bottom: 0;
    border: 0
}

.list-group-item.has-icon {
    display: flex;
    align-items: center
}

.list-group-striped .list-group-item:nth-of-type(odd):not(.list-group-item-action) {
    background-color: rgba(0, 0, 0, .05)
}

.list-group-striped .list-group-item:nth-of-type(odd).list-group-item-action:not(:hover):not(:focus) {
    background-color: rgba(0, 0, 0, .05)
}

.toast-wrapper {
    position: fixed;
    z-index: 1070
}

.toast-wrapper>.toast {
    margin: 7.5px
}

.toast-wrapper.top-right {
    top: 0;
    right: 0
}

.toast-wrapper.top-left {
    top: 0;
    left: 0
}

.toast-wrapper.bottom-right {
    right: 0;
    bottom: 0
}

.toast-wrapper.bottom-left {
    left: 0;
    bottom: 0
}

.tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-primary.bs-tooltip-top .arrow::before {
    border-top-color: #467bcb
}

.tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-primary.bs-tooltip-right .arrow::before {
    border-right-color: #467bcb
}

.tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-primary.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #467bcb
}

.tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-primary.bs-tooltip-left .arrow::before {
    border-left-color: #467bcb
}

.tooltip-primary .tooltip-inner {
    color: #fff;
    background-color: #467bcb
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-secondary.bs-tooltip-top .arrow::before {
    border-top-color: #718096
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-secondary.bs-tooltip-right .arrow::before {
    border-right-color: #718096
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-secondary.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #718096
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-secondary.bs-tooltip-left .arrow::before {
    border-left-color: #718096
}

.tooltip-secondary .tooltip-inner {
    color: #fff;
    background-color: #718096
}

.tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-success.bs-tooltip-top .arrow::before {
    border-top-color: #2c9b5e
}

.tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-success.bs-tooltip-right .arrow::before {
    border-right-color: #2c9b5e
}

.tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-success.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #2c9b5e
}

.tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-success.bs-tooltip-left .arrow::before {
    border-left-color: #2c9b5e
}

.tooltip-success .tooltip-inner {
    color: #fff;
    background-color: #2c9b5e
}

.tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-info.bs-tooltip-top .arrow::before {
    border-top-color: #00878d
}

.tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-info.bs-tooltip-right .arrow::before {
    border-right-color: #00878d
}

.tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-info.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #00878d
}

.tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-info.bs-tooltip-left .arrow::before {
    border-left-color: #00878d
}

.tooltip-info .tooltip-inner {
    color: #fff;
    background-color: #00878d
}

.tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-warning.bs-tooltip-top .arrow::before {
    border-top-color: #f1ae1b
}

.tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-warning.bs-tooltip-right .arrow::before {
    border-right-color: #f1ae1b
}

.tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-warning.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #f1ae1b
}

.tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-warning.bs-tooltip-left .arrow::before {
    border-left-color: #f1ae1b
}

.tooltip-warning .tooltip-inner {
    color: #1a202c;
    background-color: #f1ae1b
}

.tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip-danger.bs-tooltip-top .arrow::before {
    border-top-color: #d35f41
}

.tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip-danger.bs-tooltip-right .arrow::before {
    border-right-color: #d35f41
}

.tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip-danger.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #d35f41
}

.tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip-danger.bs-tooltip-left .arrow::before {
    border-left-color: #d35f41
}

.tooltip-danger .tooltip-inner {
    color: #fff;
    background-color: #d35f41
}

.popover-static {
    position: relative;
    z-index: unset;
    max-width: 100%;
    border-color: transparent;
    font-size: inherit;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.popover-static.bs-popover-auto[x-placement^=left] .arrow,
.popover-static.bs-popover-auto[x-placement^=right] .arrow,
.popover-static.bs-popover-left .arrow,
.popover-static.bs-popover-right .arrow {
    top: 7px
}

.popover-static.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-static.bs-popover-right .arrow::before {
    border-right-color: rgba(0, 0, 0, .175)
}

.popover-static.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-static.bs-popover-left .arrow::before {
    border-left-color: rgba(0, 0, 0, .175)
}

[class^="popover popover-header-"] .popover-header {
    margin-right: -1px;
    margin-top: -1px;
    margin-left: -1px;
    border-bottom-width: 0
}

[class^="popover popover-"]:not([class^="popover popover-header-"]):not([class^="popover popover-static"]) .popover-body,
[class^="popover popover-"]:not([class^="popover popover-static"]) .popover-header {
    color: #fff
}

[class^="popover popover-"]:not([class^="popover popover-header-"]) .popover-header {
    border-color: rgba(0, 0, 0, .125)
}

.popover-header-warning .popover-header,
.popover-warning .popover-body,
.popover-warning .popover-header {
    color: #1a202c!important
}

.bs-popover-auto[class^="popover popover-"][x-placement^=bottom] .popover-header::before,
[class^="popover popover-"].bs-popover-bottom .popover-header::before {
    border-bottom: 0
}

.popover-header-primary .popover-header,
.popover-primary,
.popover-primary .popover-header {
    background-color: #467bcb
}

.popover-header-primary.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-header-primary.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-header-primary.bs-popover-bottom .arrow::after,
.popover-header-primary.bs-popover-bottom .arrow::before,
.popover-primary.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-primary.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-primary.bs-popover-bottom .arrow::after,
.popover-primary.bs-popover-bottom .arrow::before {
    border-bottom-color: #467bcb
}

.popover-primary {
    border-color: #467bcb
}

.popover-primary.bs-popover-auto[x-placement^=top] .arrow::after,
.popover-primary.bs-popover-auto[x-placement^=top] .arrow::before,
.popover-primary.bs-popover-top .arrow::after,
.popover-primary.bs-popover-top .arrow::before {
    border-top-color: #467bcb
}

.popover-primary.bs-popover-auto[x-placement^=right] .arrow::after,
.popover-primary.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-primary.bs-popover-right .arrow::after,
.popover-primary.bs-popover-right .arrow::before {
    border-right-color: #467bcb
}

.popover-primary.bs-popover-auto[x-placement^=left] .arrow::after,
.popover-primary.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-primary.bs-popover-left .arrow::after,
.popover-primary.bs-popover-left .arrow::before {
    border-left-color: #467bcb
}

.popover-header-secondary .popover-header,
.popover-secondary,
.popover-secondary .popover-header {
    background-color: #718096
}

.popover-header-secondary.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-header-secondary.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-header-secondary.bs-popover-bottom .arrow::after,
.popover-header-secondary.bs-popover-bottom .arrow::before,
.popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-secondary.bs-popover-bottom .arrow::after,
.popover-secondary.bs-popover-bottom .arrow::before {
    border-bottom-color: #718096
}

.popover-secondary {
    border-color: #718096
}

.popover-secondary.bs-popover-auto[x-placement^=top] .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^=top] .arrow::before,
.popover-secondary.bs-popover-top .arrow::after,
.popover-secondary.bs-popover-top .arrow::before {
    border-top-color: #718096
}

.popover-secondary.bs-popover-auto[x-placement^=right] .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-secondary.bs-popover-right .arrow::after,
.popover-secondary.bs-popover-right .arrow::before {
    border-right-color: #718096
}

.popover-secondary.bs-popover-auto[x-placement^=left] .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-secondary.bs-popover-left .arrow::after,
.popover-secondary.bs-popover-left .arrow::before {
    border-left-color: #718096
}

.popover-header-success .popover-header,
.popover-success,
.popover-success .popover-header {
    background-color: #2c9b5e
}

.popover-header-success.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-header-success.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-header-success.bs-popover-bottom .arrow::after,
.popover-header-success.bs-popover-bottom .arrow::before,
.popover-success.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-success.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-success.bs-popover-bottom .arrow::after,
.popover-success.bs-popover-bottom .arrow::before {
    border-bottom-color: #2c9b5e
}

.popover-success {
    border-color: #2c9b5e
}

.popover-success.bs-popover-auto[x-placement^=top] .arrow::after,
.popover-success.bs-popover-auto[x-placement^=top] .arrow::before,
.popover-success.bs-popover-top .arrow::after,
.popover-success.bs-popover-top .arrow::before {
    border-top-color: #2c9b5e
}

.popover-success.bs-popover-auto[x-placement^=right] .arrow::after,
.popover-success.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-success.bs-popover-right .arrow::after,
.popover-success.bs-popover-right .arrow::before {
    border-right-color: #2c9b5e
}

.popover-success.bs-popover-auto[x-placement^=left] .arrow::after,
.popover-success.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-success.bs-popover-left .arrow::after,
.popover-success.bs-popover-left .arrow::before {
    border-left-color: #2c9b5e
}

.popover-header-info .popover-header,
.popover-info,
.popover-info .popover-header {
    background-color: #00878d
}

.popover-header-info.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-header-info.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-header-info.bs-popover-bottom .arrow::after,
.popover-header-info.bs-popover-bottom .arrow::before,
.popover-info.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-info.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-info.bs-popover-bottom .arrow::after,
.popover-info.bs-popover-bottom .arrow::before {
    border-bottom-color: #00878d
}

.popover-info {
    border-color: #00878d
}

.popover-info.bs-popover-auto[x-placement^=top] .arrow::after,
.popover-info.bs-popover-auto[x-placement^=top] .arrow::before,
.popover-info.bs-popover-top .arrow::after,
.popover-info.bs-popover-top .arrow::before {
    border-top-color: #00878d
}

.popover-info.bs-popover-auto[x-placement^=right] .arrow::after,
.popover-info.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-info.bs-popover-right .arrow::after,
.popover-info.bs-popover-right .arrow::before {
    border-right-color: #00878d
}

.popover-info.bs-popover-auto[x-placement^=left] .arrow::after,
.popover-info.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-info.bs-popover-left .arrow::after,
.popover-info.bs-popover-left .arrow::before {
    border-left-color: #00878d
}

.popover-header-warning .popover-header,
.popover-warning,
.popover-warning .popover-header {
    background-color: #f1ae1b
}

.popover-header-warning.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-header-warning.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-header-warning.bs-popover-bottom .arrow::after,
.popover-header-warning.bs-popover-bottom .arrow::before,
.popover-warning.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-warning.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-warning.bs-popover-bottom .arrow::after,
.popover-warning.bs-popover-bottom .arrow::before {
    border-bottom-color: #f1ae1b
}

.popover-warning {
    border-color: #f1ae1b
}

.popover-warning.bs-popover-auto[x-placement^=top] .arrow::after,
.popover-warning.bs-popover-auto[x-placement^=top] .arrow::before,
.popover-warning.bs-popover-top .arrow::after,
.popover-warning.bs-popover-top .arrow::before {
    border-top-color: #f1ae1b
}

.popover-warning.bs-popover-auto[x-placement^=right] .arrow::after,
.popover-warning.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-warning.bs-popover-right .arrow::after,
.popover-warning.bs-popover-right .arrow::before {
    border-right-color: #f1ae1b
}

.popover-warning.bs-popover-auto[x-placement^=left] .arrow::after,
.popover-warning.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-warning.bs-popover-left .arrow::after,
.popover-warning.bs-popover-left .arrow::before {
    border-left-color: #f1ae1b
}

.popover-danger,
.popover-danger .popover-header,
.popover-header-danger .popover-header {
    background-color: #d35f41
}

.popover-danger.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-danger.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-danger.bs-popover-bottom .arrow::after,
.popover-danger.bs-popover-bottom .arrow::before,
.popover-header-danger.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-header-danger.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-header-danger.bs-popover-bottom .arrow::after,
.popover-header-danger.bs-popover-bottom .arrow::before {
    border-bottom-color: #d35f41
}

.popover-danger {
    border-color: #d35f41
}

.popover-danger.bs-popover-auto[x-placement^=top] .arrow::after,
.popover-danger.bs-popover-auto[x-placement^=top] .arrow::before,
.popover-danger.bs-popover-top .arrow::after,
.popover-danger.bs-popover-top .arrow::before {
    border-top-color: #d35f41
}

.popover-danger.bs-popover-auto[x-placement^=right] .arrow::after,
.popover-danger.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-danger.bs-popover-right .arrow::after,
.popover-danger.bs-popover-right .arrow::before {
    border-right-color: #d35f41
}

.popover-danger.bs-popover-auto[x-placement^=left] .arrow::after,
.popover-danger.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-danger.bs-popover-left .arrow::after,
.popover-danger.bs-popover-left .arrow::before {
    border-left-color: #d35f41
}

.popover-dark,
.popover-dark .popover-header,
.popover-header-dark .popover-header {
    background-color: #2d3748
}

.popover-dark.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-dark.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-dark.bs-popover-bottom .arrow::after,
.popover-dark.bs-popover-bottom .arrow::before,
.popover-header-dark.bs-popover-auto[x-placement^=bottom] .arrow::after,
.popover-header-dark.bs-popover-auto[x-placement^=bottom] .arrow::before,
.popover-header-dark.bs-popover-bottom .arrow::after,
.popover-header-dark.bs-popover-bottom .arrow::before {
    border-bottom-color: #2d3748
}

.popover-dark {
    border-color: #2d3748
}

.popover-dark.bs-popover-auto[x-placement^=top] .arrow::after,
.popover-dark.bs-popover-auto[x-placement^=top] .arrow::before,
.popover-dark.bs-popover-top .arrow::after,
.popover-dark.bs-popover-top .arrow::before {
    border-top-color: #2d3748
}

.popover-dark.bs-popover-auto[x-placement^=right] .arrow::after,
.popover-dark.bs-popover-auto[x-placement^=right] .arrow::before,
.popover-dark.bs-popover-right .arrow::after,
.popover-dark.bs-popover-right .arrow::before {
    border-right-color: #2d3748
}

.popover-dark.bs-popover-auto[x-placement^=left] .arrow::after,
.popover-dark.bs-popover-auto[x-placement^=left] .arrow::before,
.popover-dark.bs-popover-left .arrow::after,
.popover-dark.bs-popover-left .arrow::before {
    border-left-color: #2d3748
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.sidebar {
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 235px;
    height: 100%;
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .1), 1px 0 2px 0 rgba(0, 0, 0, .06);
    background-color: #fff
}

.sidebar-header {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 3.5rem;
    padding: 0 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.sidebar-header [data-toggle=sidebar] {
    display: none
}

.sidebar-body {
    position: relative;
    overflow-y: auto;
    height: calc(100% - 3.5rem)
}

.sidebar-backdrop {
    position: fixed;
    z-index: 1030;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .5)
}

@media (max-width:991.98px) {
    .sidebar-expand .sidebar-backdrop {
        display: block;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }
}

.logo {
    color: #1a202c;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.1;
    display: flex;
    align-items: center
}

.logo:hover {
    text-decoration: none;
    color: #1a202c
}

.logo img {
    width: 40px;
    height: 40px;
    margin-right: .5rem;
    background-color: white;
    border-radius: 3px;
}

.main-header {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1030;
    top: 0;
    display: flex;
    align-items: center;
    height: 3.5rem;
    padding: 0 15px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.main-body {
    padding: 15px
}

.sidebar-body,
.sidebar-header {
    width: 235px
}

@media (min-width:992px) {
    .main {
        margin-left: 235px
    }
    .sidebar-collapse .sidebar {
        width: 3.5rem
    }
    .sidebar-collapse .sidebar .show+ul {
        display: none;
        height: 0
    }
    .sidebar-collapse .sidebar .nav-label {
        display: none
    }
    .sidebar-collapse .sidebar:hover {
        width: 235px
    }
    .sidebar-collapse .sidebar:hover .show+ul {
        display: block;
        height: auto
    }
    .sidebar-collapse .sidebar:hover .nav-label {
        display: block
    }
    .sidebar-collapse .main {
        margin-left: 3.5rem
    }
    .sticky-navbar .sidebar {
        transform: translate3d(-235px, 0, 0)
    }
    .sticky-navbar .main {
        margin-left: 0
    }
}

@media (max-width:991.98px) {
    .sidebar {
        transform: translate3d(-235px, 0, 0)
    }
    .sidebar-expand {
        overflow: hidden
    }
    .sidebar-expand .sidebar {
        transform: translate3d(0, 0, 0);
        border-right: 0!important
    }
    .sidebar-expand .sidebar-header [data-toggle=sidebar] {
        display: flex
    }
}

.inner-wrapper {
    position: relative;
    height: calc(calc(var(--vh, 1vh) * 100) - 3.5rem);
    transition: transform .3s
}

@media (min-width:992px) {
    .sticky-navbar .inner-wrapper {
        height: calc(calc(var(--vh, 1vh) * 100) - 3.5rem - 48px)
    }
}

.inner-main,
.inner-sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column
}

.inner-sidebar {
    left: 0;
    width: 235px;
    border-right: 1px solid #cbd5e0;
    background-color: #fff;
    z-index: 1
}

.inner-main {
    right: 0;
    left: 235px
}

.inner-main-footer,
.inner-main-header,
.inner-sidebar-footer,
.inner-sidebar-header {
    height: 3.5rem;
    border-bottom: 1px solid #cbd5e0;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    flex-shrink: 0
}

.inner-main-body,
.inner-sidebar-body {
    padding: 1rem;
    overflow-y: auto;
    position: relative;
    flex: 1 1 auto
}

.inner-main-body .sticky-top,
.inner-sidebar-body .sticky-top {
    z-index: 999
}

.inner-main-footer,
.inner-main-header {
    background-color: #fff
}

.inner-main-footer,
.inner-sidebar-footer {
    border-top: 1px solid #cbd5e0;
    border-bottom: 0;
    height: auto;
    min-height: 3.5rem
}

@media (max-width:767.98px) {
    .inner-sidebar {
        left: -235px
    }
    .inner-main {
        left: 0
    }
    .inner-expand .main-body {
        overflow: hidden
    }
    .inner-expand .inner-wrapper {
        transform: translate3d(235px, 0, 0)
    }
}

.timeline {
    position: relative
}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - (2px / 2));
    width: 2px;
    background-color: #6c757d
}

.timeline-container {
    position: relative;
    width: 50%
}

.timeline-container::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    right: -8px;
    background-color: #fff;
    border: 2px solid #6c757d;
    top: 13px;
    border-radius: 50%;
    z-index: 1
}

.timeline-container.right::after {
    left: -8px
}

.timeline-container.left {
    padding-right: 15px
}

.timeline-container.right {
    left: 50%;
    padding-left: 15px
}

.timeline-container:not(:last-child) {
    margin-bottom: 15px
}

.timeline-left .timeline-container,
.timeline-right .timeline-container {
    width: 100%
}

.timeline-left .timeline-container.right,
.timeline-right .timeline-container.right {
    left: 0
}

.timeline-left::before {
    left: 7px
}

.timeline-left .timeline-container.left,
.timeline-left .timeline-container.right {
    padding-left: 23px;
    padding-right: 0
}

.timeline-left .timeline-container.left::after,
.timeline-left .timeline-container.right::after {
    left: 0
}

.timeline-right::before {
    right: 7px;
    left: auto
}

.timeline-right .timeline-container.left,
.timeline-right .timeline-container.right {
    padding-right: 23px;
    padding-left: 0
}

.timeline-right .timeline-container.left::after,
.timeline-right .timeline-container.right::after {
    right: 0;
    left: auto
}

.img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0
}

.img.offline::after,
.img.online::after {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    right: 2px;
    bottom: 2px;
    box-shadow: 0 0 0 2px #fff
}

.img.online::after {
    background-color: #4cc065
}

.img.offline::after {
    background-color: #ccc
}

[data-cover] {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.overlay,
.overlay-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s ease;
    opacity: 0
}

.overlay {
    z-index: 1
}

.img:hover .overlay,
.overlay.overlay-show {
    opacity: .5
}

.overlay-content {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    flex-direction: column
}

.img:hover .overlay-content,
.overlay-content.overlay-show {
    opacity: 1
}

.list-with-gap {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -.25rem
}

.list-with-gap>* {
    margin: .25rem
}

.filemgr-thumb {
    height: 100px;
    background-color: #f7fafc;
    font-size: 3.5rem;
    margin-bottom: 1rem
}

.btn-starred {
    color: #a0aec0
}

.btn-starred.active {
    color: #f5c94b
}

.mail-item {
    padding-top: 0!important;
    padding-bottom: 0!important;
    border-radius: 0!important;
    background-color: #edf2f7
}

.mail-item .media {
    align-items: center;
    position: relative
}

.mail-item.unread {
    font-weight: 700;
    background-color: #fff
}

.mail-item.unread .small {
    font-weight: 700
}

.mail-item.checked {
    background-color: #fdf2db
}

.mail-item .media-body {
    cursor: pointer;
    display: flex;
    overflow: hidden
}

@media (min-width:576px) {
    .mail-item .media-body {
        align-items: center;
        height: 37px
    }
}

@media (max-width:575.98px) {
    .mail-item .media-body {
        justify-content: center;
        flex-direction: column;
        height: 76px
    }
}

.mail-item .custom-checkbox .custom-control-input:not(:checked)~.custom-control-label::before {
    background-color: transparent
}

@media (min-width:576px) {
    .mail-item:hover {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 -4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 -2px 4px -1px rgba(0, 0, 0, .06);
        z-index: 1;
        border-color: rgba(0, 0, 0, .25)
    }
}

@media (max-width:575.98px) {
    .mail-item .btn-starred {
        position: absolute!important;
        right: 0;
        top: 50%!important;
        margin-top: -12px;
        font-size: 1rem
    }
}

@media (min-width:576px) {
    .mail-item-from {
        width: 210px
    }
    .mail-item-subject {
        max-width: calc(100% - 220px)
    }
}

.mail-item-from,
.mail-item-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:575.98px) {
    .mail-item-summary {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.chat-wrapper .inner-sidebar {
    width: 320px
}

.chat-wrapper .inner-main {
    left: 320px
}

.chat-wrapper .inner-main-body {
    background: url(../img/pattern/pattern1.png)
}

@media (max-width:767.98px) {
    .chat-wrapper .inner-sidebar {
        left: -320px
    }
    .chat-wrapper .inner-main {
        left: 0
    }
    .inner-expand .chat-wrapper {
        transform: translate3d(320px, 0, 0)
    }
}

.chat-wrapper .media {
    position: relative;
    align-items: center
}

.chat-wrapper .media .media-body {
    margin-left: 1rem
}

.chat-wrapper .media .media-body h6 {
    margin-bottom: 0
}

.msg-status::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../img/check.svg)
}

.msg-status.read {
    color: #4fc3f7
}

.msg-status.read::after {
    background-image: url(../img/check-read.svg)
}

.msg-status.sent {
    color: #a0aec0
}

.contact-status,
.msg-preview,
.msg-preview-time {
    font-size: 80%;
    color: #a0aec0;
    margin-top: 2px;
    margin-bottom: 0
}

.contact-status.online,
.msg-preview-time.online,
.msg-preview.online {
    color: #4cc065
}

.msg-preview.unread {
    font-weight: 700;
    font-size: .875rem;
    color: #1a202c
}

.msg-preview .badge {
    font-weight: 400;
    font-size: 90%
}

.msg-preview-time {
    position: absolute;
    top: 0;
    right: 0
}

.msg-status {
    position: absolute;
    right: 5px;
    bottom: -1px
}

.chat-msg {
    display: flex;
    margin-bottom: 1rem
}

.chat-msg>.popover {
    font-size: .875rem;
    max-width: 80%;
    border-color: #cbd5e0
}

.chat-msg>.popover:not(.right) {
    background-color: #fff
}

.chat-msg>.popover:not(.right)>.arrow::after {
    border-right-color: #fff
}

.chat-msg>.popover>.popover-body {
    min-width: 50px;
    padding-bottom: 1rem
}

.chat-msg.right {
    justify-content: flex-end
}

.chat-msg.right .popover {
    background-color: #effdde
}

.chat-msg.right .popover>.arrow::after {
    border-left-color: #effdde
}

.chat-msg .popover-body p {
    margin-bottom: 0
}

.chat-divider {
    display: flex;
    justify-content: center;
    margin: 1rem 0
}

.chat-divider>span {
    background-color: #98a2aa;
    color: #fff;
    padding: .125rem .5rem;
    font-size: 80%;
    border-radius: 1rem
}

.chat-attach {
    margin: .5rem 0 0;
    background-color: #f7f7f7;
    padding: .5rem
}

.chat-attach a {
    color: #1a202c
}

.right .chat-attach {
    background-color: #e3fcc6
}

time.chat-time {
    position: absolute;
    right: 5px;
    bottom: 0;
    font-size: 80%;
    color: #a0aec0
}

.right time.chat-time {
    right: 20px
}

.chat-form {
    width: 100%
}

.chat-form input[type=file] {
    display: none
}

.chat-form textarea {
    border: 0;
    max-height: 100px
}

.chat-form .chat-btn-attach {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 0
}

.chat-form .chat-btn-attach i {
    font-size: 24px
}

.chat-attach {
    margin: .5rem 0 0;
    background-color: #f7f7f7;
    padding: .5rem
}

.chat-attach a {
    color: #1a202c
}

.right .chat-attach {
    background-color: #e3fcc6
}

.login-page {
    background: url(../img/pattern/pattern1.png)
}

.login-page .card {
    display: inline-flex;
    /* max-width: 350px; */
    width: 100%
}

.todo-item {
    position: relative;
    width: 100%
}

.todo-item i[class^=fa] {
    color: #f1ae1b
}

.todo-item>time {
    position: absolute;
    right: 0;
    bottom: -.75rem
}

.todo-item.done {
    text-decoration: line-through;
    color: #a0aec0
}

.todo-item.done .btn-link,
.todo-item.done .small,
.todo-item.done i[class^=fa] {
    color: #a0aec0!important
}

.todo-item.done>time {
    text-decoration: line-through
}

.todo-item.done .color-item>label {
    background-color: #a0aec0
}

.todo-item .color-item>label {
    background-color: #4a5568
}

.forum-item>.media-body>p {
    font-size: 80%;
    margin-bottom: 0
}

.forum-content {
    transition: none!important
}

.pricing-price {
    display: flex;
    line-height: .7
}

.pricing-price small {
    font-size: 50%
}

.form-group>label:not(.custom-control-label) {
    font-weight: 500;
    font-size: .875rem
}

.form-fieldset {
    padding: 1rem;
    border: 1px solid #cbd5e0;
    border-radius: .25rem;
    margin-bottom: 1rem
}

.form-fieldset>legend {
    width: auto;
    padding: 0 .5rem;
    margin-bottom: 0
}

.autowidth-hidden {
    position: absolute;
    top: 0;
    left: -9999px;
    overflow: hidden;
    visibility: hidden;
    white-space: nowrap;
    border: 0 solid
}

.autowidth {
    min-width: 2rem;
    width: 2rem;
    max-width: 100%
}

[data-toggle=password] {
    cursor: pointer
}

input[type=password]+[data-toggle=password] {
    color: #a0aec0
}

input[type=text]+[data-toggle=password] {
    color: #4a5568
}

.autocomplete-items {
    top: auto;
    left: auto
}

.treeview-toggle {
    cursor: pointer;
    white-space: nowrap
}

.treeview-toggle::after {
    display: inline-block;
    margin-left: .15em;
    vertical-align: .15em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.treeview-toggle:empty::after {
    margin-left: 0
}

.treeview-toggle:not(.show)::after {
    transform: rotate(-90deg)
}

.treeview-toggle:not(.show)+ul {
    display: none
}

.nav.treeview {
    flex-direction: column
}

.nav.treeview .nav {
    flex-direction: column
}

.nav.treeview .treeview-toggle {
    display: flex;
    align-items: center
}

.nav.treeview .treeview-toggle::after {
    margin-left: auto
}

.nav.treeview i,
.nav.treeview svg {
    margin-right: 1rem
}

.nav.treeview svg {
    width: 24px
}

.nav.treeview:not(.treeview-folder) ul {
    padding-left: 1rem
}

.nav.treeview:not(.treeview-folder) ul a {
    font-size: .9375rem;
    padding-top: .25rem;
    padding-bottom: .25rem
}

.nav.treeview .treeview-toggle.has-icon+ul {
    padding-left: calc(1rem + 1.5em)
}

.treeview-folder ul {
    position: relative
}

.treeview-folder ul::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(1rem + (1.5em / 2));
    border-left: 1px dotted rgba(0, 0, 0, .25)
}

.treeview-folder ul>li>a {
    position: relative
}

.treeview-folder ul>li>a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(1.5em / 2 * -1);
    border-top: 1px dotted rgba(0, 0, 0, .25);
    width: calc((1.5em / 2) + (1rem / 2))
}

.bg-gray-100 {
    background-color: #f7fafc
}

.bg-gray-200 {
    background-color: #edf2f7
}

.bg-gray-300 {
    background-color: #e2e8f0
}

.bg-gray-400 {
    background-color: #cbd5e0
}

.bg-gray-500 {
    background-color: #a0aec0
}

.bg-gray-600 {
    background-color: #718096
}

.bg-gray-700 {
    background-color: #4a5568
}

.bg-gray-800 {
    background-color: #2d3748
}

.bg-gray-900 {
    background-color: #1a202c
}

.bg-blue {
    background-color: #467bcb
}

.bg-indigo {
    background-color: #6610f2
}

.bg-purple {
    background-color: #6f42c1
}

.bg-pink {
    background-color: #e83e8c
}

.bg-orange {
    background-color: #fd7e14
}

.bg-teal {
    background-color: #20c997
}

.border-gray-100 {
    border-color: #f7fafc
}

.border-gray-200 {
    border-color: #edf2f7
}

.border-gray-300 {
    border-color: #e2e8f0
}

.border-gray-400 {
    border-color: #cbd5e0
}

.border-gray-500 {
    border-color: #a0aec0
}

.border-gray-600 {
    border-color: #718096
}

.border-gray-700 {
    border-color: #4a5568
}

.border-gray-800 {
    border-color: #2d3748
}

.border-gray-900 {
    border-color: #1a202c
}

.filemgr-thumb,
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.text-blue {
    color: #467bcb!important
}

a.text-blue:focus,
a.text-blue:hover {
    color: #2b5799!important
}

.text-indigo {
    color: #6610f2!important
}

a.text-indigo:focus,
a.text-indigo:hover {
    color: #4709ac!important
}

.text-purple {
    color: #6f42c1!important
}

a.text-purple:focus,
a.text-purple:hover {
    color: #4e2d89!important
}

.text-pink {
    color: #e83e8c!important
}

a.text-pink:focus,
a.text-pink:hover {
    color: #c21766!important
}

.text-orange {
    color: #fd7e14!important
}

a.text-orange:focus,
a.text-orange:hover {
    color: #c35a02!important
}

.text-teal {
    color: #20c997!important
}

a.text-teal:focus,
a.text-teal:hover {
    color: #158765!important
}

.font-size-base {
    font-size: 1rem
}

.font-size-sm {
    font-size: .875rem
}

.font-size-lg {
    font-size: 1.25rem
}

.text-decoration-underline {
    text-decoration: underline
}

.font-size-90 {
    font-size: 90%
}

.text-gray-100 {
    color: #f7fafc
}

.text-gray-200 {
    color: #edf2f7
}

.text-gray-300 {
    color: #e2e8f0
}

.text-gray-400 {
    color: #cbd5e0
}

.text-gray-500 {
    color: #a0aec0
}

.text-gray-600 {
    color: #718096
}

.text-gray-700 {
    color: #4a5568
}

.text-gray-800 {
    color: #2d3748
}

.text-gray-900 {
    color: #1a202c
}

.text-light {
    color: #f7fafc!important
}

a.text-light:focus,
a.text-light:hover {
    color: #bfd7e7!important
}

.bigger-130 {
    transition: transform .05s
}

.bigger-130:hover {
    transform: scale(1.3)
}

.icon-inline {
    vertical-align: text-bottom
}

.icon-inline.material-icons {
    font-size: 1.25em
}

svg.icon-inline {
    width: 1.25em;
    height: 1.25em
}

.opacity-0 {
    opacity: 0
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-100 {
    opacity: 1
}

.divider-text {
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #a0aec0;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .5px;
    margin: 15px 0
}

.divider-text::after,
.divider-text::before {
    content: '';
    display: block;
    flex: 1;
    height: 1px;
    background-color: rgba(0, 0, 0, .1)
}

.divider-text::before {
    margin-right: 10px
}

.divider-text::after {
    margin-left: 10px
}

.stroke-width-1 {
    stroke-width: 1
}

.transition-none {
    transition: none
}

#ajaxloader {
    position: fixed;
    z-index: 1051;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../img/loading.svg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top
}

.sticky-navbar #ajaxloader {
    background-position-y: 100px
}

.alert-error-load pre {
    margin-bottom: 0
}