/*!
 * Bootstrap v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
: root {
    --blue:  # 007bff;
    --indigo:  # 6610f2;
    --purple:  # 6f42c1;
    --pink:  # e83e8c;
    --red:  # dc3545;
    --orange:  # fd7e14;
    --yellow:  # ffc107;
    --green:  # 28a745;
    --teal:  # 20c997;
    --cyan:  # 17a2b8;
    --white:  # fff;
    --gray:  # 6c757d;
    --gray - dark:  # 343a40;
    --primary:  # 007bff;
    --secondary:  # 6c757d;
    --success:  # 28a745;
    --info:  # 17a2b8;
    --warning:  # ffc107;
    --danger:  # dc3545;
    --light:  # f8f9fa;
    --dark:  # 343a40;
    --breakpoint - xs: 0;
    --breakpoint - sm: 576px;
    --breakpoint - md: 768px;
    --breakpoint - lg: 992px;
    --breakpoint - xl: 1200px;
    --font - family - sans - serif: -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: -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:  # 212529;
    text - align: left;
    background - color:  # fff
}
[tabindex = "-1"]: focus: not(: focus - visible) {
    outline: 0!important
}
hr {
    box - sizing: content - box;
    height: 0;
    overflow: visible
}
h1, h2, h3, h4, h5, h6 {
    margin - top: 0;
    margin - bottom: .5rem
}
p {
    margin - top: 0;
    margin - bottom: 1rem
}
abbr[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:  # 007bff;
    text - decoration: none;
    background - color: transparent
}
a: hover {
    color:  # 0056b3;
    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: .75rem;
    padding - bottom: .75rem;
    color:  # 6c757d;
    text - align: left;
    caption - side: bottom
}
th {
    text - align: inherit
}
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:  # 6c757d
}
.blockquote - footer::before {
    content: "\2014\00A0"
}
.img - fluid {
    max - width: 100 % ;
    height: auto
}
.img - thumbnail {
    padding: .25rem;
    background - color:  # fff;
    border: 1px solid # dee2e6;
    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:  # 6c757d
}
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:  # 212529;
    border - radius: .2rem
}
kbd kbd {
    padding: 0;
    font - size: 100 % ;
    font - weight: 700
}
pre {
    display: block;
    font - size: 87.5 % ;
    color:  # 212529
}
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: -ms - flexbox;
    display: flex;
    -ms - flex - wrap: wrap;
    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 {
    -ms - flex - preferred - size: 0;
    flex - basis: 0;
    -ms - flex - positive: 1;
    flex - grow: 1;
    max - width: 100 %
}
.row - cols - 1 >  * {
    -ms - flex: 0 0 100 % ;
    flex: 0 0 100 % ;
    max - width: 100 %
}
.row - cols - 2 >  * {
    -ms - flex: 0 0 50 % ;
    flex: 0 0 50 % ;
    max - width: 50 %
}
.row - cols - 3 >  * {
    -ms - flex: 0 0 33.333333 % ;
    flex: 0 0 33.333333 % ;
    max - width: 33.333333 %
}
.row - cols - 4 >  * {
    -ms - flex: 0 0 25 % ;
    flex: 0 0 25 % ;
    max - width: 25 %
}
.row - cols - 5 >  * {
    -ms - flex: 0 0 20 % ;
    flex: 0 0 20 % ;
    max - width: 20 %
}
.row - cols - 6 >  * {
    -ms - flex: 0 0 16.666667 % ;
    flex: 0 0 16.666667 % ;
    max - width: 16.666667 %
}
.col - auto {
    -ms - flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max - width: 100 %
}
.col - 1 {
    -ms - flex: 0 0 8.333333 % ;
    flex: 0 0 8.333333 % ;
    max - width: 8.333333 %
}
.col - 2 {
    -ms - flex: 0 0 16.666667 % ;
    flex: 0 0 16.666667 % ;
    max - width: 16.666667 %
}
.col - 3 {
    -ms - flex: 0 0 25 % ;
    flex: 0 0 25 % ;
    max - width: 25 %
}
.col - 4 {
    -ms - flex: 0 0 33.333333 % ;
    flex: 0 0 33.333333 % ;
    max - width: 33.333333 %
}
.col - 5 {
    -ms - flex: 0 0 41.666667 % ;
    flex: 0 0 41.666667 % ;
    max - width: 41.666667 %
}
.col - 6 {
    -ms - flex: 0 0 50 % ;
    flex: 0 0 50 % ;
    max - width: 50 %
}
.col - 7 {
    -ms - flex: 0 0 58.333333 % ;
    flex: 0 0 58.333333 % ;
    max - width: 58.333333 %
}
.col - 8 {
    -ms - flex: 0 0 66.666667 % ;
    flex: 0 0 66.666667 % ;
    max - width: 66.666667 %
}
.col - 9 {
    -ms - flex: 0 0 75 % ;
    flex: 0 0 75 % ;
    max - width: 75 %
}
.col - 10 {
    -ms - flex: 0 0 83.333333 % ;
    flex: 0 0 83.333333 % ;
    max - width: 83.333333 %
}
.col - 11 {
    -ms - flex: 0 0 91.666667 % ;
    flex: 0 0 91.666667 % ;
    max - width: 91.666667 %
}
.col - 12 {
    -ms - flex: 0 0 100 % ;
    flex: 0 0 100 % ;
    max - width: 100 %
}
.order - first {
    -ms - flex - order: -1;
    order: -1
}
.order - last {
    -ms - flex - order: 13;
    order: 13
}
.order - 0 {
    -ms - flex - order: 0;
    order: 0
}
.order - 1 {
    -ms - flex - order: 1;
    order: 1
}
.order - 2 {
    -ms - flex - order: 2;
    order: 2
}
.order - 3 {
    -ms - flex - order: 3;
    order: 3
}
.order - 4 {
    -ms - flex - order: 4;
    order: 4
}
.order - 5 {
    -ms - flex - order: 5;
    order: 5
}
.order - 6 {
    -ms - flex - order: 6;
    order: 6
}
.order - 7 {
    -ms - flex - order: 7;
    order: 7
}
.order - 8 {
    -ms - flex - order: 8;
    order: 8
}
.order - 9 {
    -ms - flex - order: 9;
    order: 9
}
.order - 10 {
    -ms - flex - order: 10;
    order: 10
}
.order - 11 {
    -ms - flex - order: 11;
    order: 11
}
.order - 12 {
    -ms - flex - order: 12;
    order: 12
}
.offset - 1 {
    margin - left: 8.333333 %
}
.offset - 2 {
    margin - left: 16.666667 %
}
.offset - 3 {
    margin - left: 25 %
}
.offset - 4 {
    margin - left: 33.333333 %
}
.offset - 5 {
    margin - left: 41.666667 %
}
.offset - 6 {
    margin - left: 50 %
}
.offset - 7 {
    margin - left: 58.333333 %
}
.offset - 8 {
    margin - left: 66.666667 %
}
.offset - 9 {
    margin - left: 75 %
}
.offset - 10 {
    margin - left: 83.333333 %
}
.offset - 11 {
    margin - left: 91.666667 %
}
 @ media(min - width: 576px) {
    .col - sm {
        -ms - flex - preferred - size: 0;
        flex - basis: 0;
        -ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }
    .row - cols - sm - 1 >  * {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .row - cols - sm - 2 >  * {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .row - cols - sm - 3 >  * {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .row - cols - sm - 4 >  * {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .row - cols - sm - 5 >  * {
        -ms - flex: 0 0 20 % ;
        flex: 0 0 20 % ;
        max - width: 20 %
    }
    .row - cols - sm - 6 >  * {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - sm - auto {
        -ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: 100 %
    }
    .col - sm - 1 {
        -ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }
    .col - sm - 2 {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - sm - 3 {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .col - sm - 4 {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .col - sm - 5 {
        -ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }
    .col - sm - 6 {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .col - sm - 7 {
        -ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }
    .col - sm - 8 {
        -ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }
    .col - sm - 9 {
        -ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }
    .col - sm - 10 {
        -ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }
    .col - sm - 11 {
        -ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }
    .col - sm - 12 {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .order - sm - first {
        -ms - flex - order: -1;
        order: -1
    }
    .order - sm - last {
        -ms - flex - order: 13;
        order: 13
    }
    .order - sm - 0 {
        -ms - flex - order: 0;
        order: 0
    }
    .order - sm - 1 {
        -ms - flex - order: 1;
        order: 1
    }
    .order - sm - 2 {
        -ms - flex - order: 2;
        order: 2
    }
    .order - sm - 3 {
        -ms - flex - order: 3;
        order: 3
    }
    .order - sm - 4 {
        -ms - flex - order: 4;
        order: 4
    }
    .order - sm - 5 {
        -ms - flex - order: 5;
        order: 5
    }
    .order - sm - 6 {
        -ms - flex - order: 6;
        order: 6
    }
    .order - sm - 7 {
        -ms - flex - order: 7;
        order: 7
    }
    .order - sm - 8 {
        -ms - flex - order: 8;
        order: 8
    }
    .order - sm - 9 {
        -ms - flex - order: 9;
        order: 9
    }
    .order - sm - 10 {
        -ms - flex - order: 10;
        order: 10
    }
    .order - sm - 11 {
        -ms - flex - order: 11;
        order: 11
    }
    .order - sm - 12 {
        -ms - flex - order: 12;
        order: 12
    }
    .offset - sm - 0 {
        margin - left: 0
    }
    .offset - sm - 1 {
        margin - left: 8.333333 %
    }
    .offset - sm - 2 {
        margin - left: 16.666667 %
    }
    .offset - sm - 3 {
        margin - left: 25 %
    }
    .offset - sm - 4 {
        margin - left: 33.333333 %
    }
    .offset - sm - 5 {
        margin - left: 41.666667 %
    }
    .offset - sm - 6 {
        margin - left: 50 %
    }
    .offset - sm - 7 {
        margin - left: 58.333333 %
    }
    .offset - sm - 8 {
        margin - left: 66.666667 %
    }
    .offset - sm - 9 {
        margin - left: 75 %
    }
    .offset - sm - 10 {
        margin - left: 83.333333 %
    }
    .offset - sm - 11 {
        margin - left: 91.666667 %
    }
}
 @ media(min - width: 768px) {
    .col - md {
        -ms - flex - preferred - size: 0;
        flex - basis: 0;
        -ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }
    .row - cols - md - 1 >  * {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .row - cols - md - 2 >  * {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .row - cols - md - 3 >  * {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .row - cols - md - 4 >  * {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .row - cols - md - 5 >  * {
        -ms - flex: 0 0 20 % ;
        flex: 0 0 20 % ;
        max - width: 20 %
    }
    .row - cols - md - 6 >  * {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - md - auto {
        -ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: 100 %
    }
    .col - md - 1 {
        -ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }
    .col - md - 2 {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - md - 3 {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .col - md - 4 {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .col - md - 5 {
        -ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }
    .col - md - 6 {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .col - md - 7 {
        -ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }
    .col - md - 8 {
        -ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }
    .col - md - 9 {
        -ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }
    .col - md - 10 {
        -ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }
    .col - md - 11 {
        -ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }
    .col - md - 12 {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .order - md - first {
        -ms - flex - order: -1;
        order: -1
    }
    .order - md - last {
        -ms - flex - order: 13;
        order: 13
    }
    .order - md - 0 {
        -ms - flex - order: 0;
        order: 0
    }
    .order - md - 1 {
        -ms - flex - order: 1;
        order: 1
    }
    .order - md - 2 {
        -ms - flex - order: 2;
        order: 2
    }
    .order - md - 3 {
        -ms - flex - order: 3;
        order: 3
    }
    .order - md - 4 {
        -ms - flex - order: 4;
        order: 4
    }
    .order - md - 5 {
        -ms - flex - order: 5;
        order: 5
    }
    .order - md - 6 {
        -ms - flex - order: 6;
        order: 6
    }
    .order - md - 7 {
        -ms - flex - order: 7;
        order: 7
    }
    .order - md - 8 {
        -ms - flex - order: 8;
        order: 8
    }
    .order - md - 9 {
        -ms - flex - order: 9;
        order: 9
    }
    .order - md - 10 {
        -ms - flex - order: 10;
        order: 10
    }
    .order - md - 11 {
        -ms - flex - order: 11;
        order: 11
    }
    .order - md - 12 {
        -ms - flex - order: 12;
        order: 12
    }
    .offset - md - 0 {
        margin - left: 0
    }
    .offset - md - 1 {
        margin - left: 8.333333 %
    }
    .offset - md - 2 {
        margin - left: 16.666667 %
    }
    .offset - md - 3 {
        margin - left: 25 %
    }
    .offset - md - 4 {
        margin - left: 33.333333 %
    }
    .offset - md - 5 {
        margin - left: 41.666667 %
    }
    .offset - md - 6 {
        margin - left: 50 %
    }
    .offset - md - 7 {
        margin - left: 58.333333 %
    }
    .offset - md - 8 {
        margin - left: 66.666667 %
    }
    .offset - md - 9 {
        margin - left: 75 %
    }
    .offset - md - 10 {
        margin - left: 83.333333 %
    }
    .offset - md - 11 {
        margin - left: 91.666667 %
    }
}
 @ media(min - width: 992px) {
    .col - lg {
        -ms - flex - preferred - size: 0;
        flex - basis: 0;
        -ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }
    .row - cols - lg - 1 >  * {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .row - cols - lg - 2 >  * {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .row - cols - lg - 3 >  * {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .row - cols - lg - 4 >  * {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .row - cols - lg - 5 >  * {
        -ms - flex: 0 0 20 % ;
        flex: 0 0 20 % ;
        max - width: 20 %
    }
    .row - cols - lg - 6 >  * {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - lg - auto {
        -ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: 100 %
    }
    .col - lg - 1 {
        -ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }
    .col - lg - 2 {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - lg - 3 {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .col - lg - 4 {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .col - lg - 5 {
        -ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }
    .col - lg - 6 {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .col - lg - 7 {
        -ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }
    .col - lg - 8 {
        -ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }
    .col - lg - 9 {
        -ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }
    .col - lg - 10 {
        -ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }
    .col - lg - 11 {
        -ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }
    .col - lg - 12 {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .order - lg - first {
        -ms - flex - order: -1;
        order: -1
    }
    .order - lg - last {
        -ms - flex - order: 13;
        order: 13
    }
    .order - lg - 0 {
        -ms - flex - order: 0;
        order: 0
    }
    .order - lg - 1 {
        -ms - flex - order: 1;
        order: 1
    }
    .order - lg - 2 {
        -ms - flex - order: 2;
        order: 2
    }
    .order - lg - 3 {
        -ms - flex - order: 3;
        order: 3
    }
    .order - lg - 4 {
        -ms - flex - order: 4;
        order: 4
    }
    .order - lg - 5 {
        -ms - flex - order: 5;
        order: 5
    }
    .order - lg - 6 {
        -ms - flex - order: 6;
        order: 6
    }
    .order - lg - 7 {
        -ms - flex - order: 7;
        order: 7
    }
    .order - lg - 8 {
        -ms - flex - order: 8;
        order: 8
    }
    .order - lg - 9 {
        -ms - flex - order: 9;
        order: 9
    }
    .order - lg - 10 {
        -ms - flex - order: 10;
        order: 10
    }
    .order - lg - 11 {
        -ms - flex - order: 11;
        order: 11
    }
    .order - lg - 12 {
        -ms - flex - order: 12;
        order: 12
    }
    .offset - lg - 0 {
        margin - left: 0
    }
    .offset - lg - 1 {
        margin - left: 8.333333 %
    }
    .offset - lg - 2 {
        margin - left: 16.666667 %
    }
    .offset - lg - 3 {
        margin - left: 25 %
    }
    .offset - lg - 4 {
        margin - left: 33.333333 %
    }
    .offset - lg - 5 {
        margin - left: 41.666667 %
    }
    .offset - lg - 6 {
        margin - left: 50 %
    }
    .offset - lg - 7 {
        margin - left: 58.333333 %
    }
    .offset - lg - 8 {
        margin - left: 66.666667 %
    }
    .offset - lg - 9 {
        margin - left: 75 %
    }
    .offset - lg - 10 {
        margin - left: 83.333333 %
    }
    .offset - lg - 11 {
        margin - left: 91.666667 %
    }
}
 @ media(min - width: 1200px) {
    .col - xl {
        -ms - flex - preferred - size: 0;
        flex - basis: 0;
        -ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }
    .row - cols - xl - 1 >  * {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .row - cols - xl - 2 >  * {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .row - cols - xl - 3 >  * {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .row - cols - xl - 4 >  * {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .row - cols - xl - 5 >  * {
        -ms - flex: 0 0 20 % ;
        flex: 0 0 20 % ;
        max - width: 20 %
    }
    .row - cols - xl - 6 >  * {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - xl - auto {
        -ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: 100 %
    }
    .col - xl - 1 {
        -ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }
    .col - xl - 2 {
        -ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }
    .col - xl - 3 {
        -ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }
    .col - xl - 4 {
        -ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }
    .col - xl - 5 {
        -ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }
    .col - xl - 6 {
        -ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }
    .col - xl - 7 {
        -ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }
    .col - xl - 8 {
        -ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }
    .col - xl - 9 {
        -ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }
    .col - xl - 10 {
        -ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }
    .col - xl - 11 {
        -ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }
    .col - xl - 12 {
        -ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }
    .order - xl - first {
        -ms - flex - order: -1;
        order: -1
    }
    .order - xl - last {
        -ms - flex - order: 13;
        order: 13
    }
    .order - xl - 0 {
        -ms - flex - order: 0;
        order: 0
    }
    .order - xl - 1 {
        -ms - flex - order: 1;
        order: 1
    }
    .order - xl - 2 {
        -ms - flex - order: 2;
        order: 2
    }
    .order - xl - 3 {
        -ms - flex - order: 3;
        order: 3
    }
    .order - xl - 4 {
        -ms - flex - order: 4;
        order: 4
    }
    .order - xl - 5 {
        -ms - flex - order: 5;
        order: 5
    }
    .order - xl - 6 {
        -ms - flex - order: 6;
        order: 6
    }
    .order - xl - 7 {
        -ms - flex - order: 7;
        order: 7
    }
    .order - xl - 8 {
        -ms - flex - order: 8;
        order: 8
    }
    .order - xl - 9 {
        -ms - flex - order: 9;
        order: 9
    }
    .order - xl - 10 {
        -ms - flex - order: 10;
        order: 10
    }
    .order - xl - 11 {
        -ms - flex - order: 11;
        order: 11
    }
    .order - xl - 12 {
        -ms - flex - order: 12;
        order: 12
    }
    .offset - xl - 0 {
        margin - left: 0
    }
    .offset - xl - 1 {
        margin - left: 8.333333 %
    }
    .offset - xl - 2 {
        margin - left: 16.666667 %
    }
    .offset - xl - 3 {
        margin - left: 25 %
    }
    .offset - xl - 4 {
        margin - left: 33.333333 %
    }
    .offset - xl - 5 {
        margin - left: 41.666667 %
    }
    .offset - xl - 6 {
        margin - left: 50 %
    }
    .offset - xl - 7 {
        margin - left: 58.333333 %
    }
    .offset - xl - 8 {
        margin - left: 66.666667 %
    }
    .offset - xl - 9 {
        margin - left: 75 %
    }
    .offset - xl - 10 {
        margin - left: 83.333333 %
    }
    .offset - xl - 11 {
        margin - left: 91.666667 %
    }
}
.table {
    width: 100 % ;
    margin - bottom: 1rem;
    color:  # 212529;
	font-size: 22px
}
.table td, .table th {
    padding: .75rem;
    vertical - align: top;
    border - top: 1px solid # dee2e6
}
.table thead th {
    vertical - align: bottom;
    border - bottom: 2px solid # dee2e6
}
.table tbody + tbody {
    border - top: 2px solid # dee2e6
}
.table - sm td, .table - sm th {
    padding: .3rem
}
.table - bordered {
    border: 1px solid # dee2e6
}
.table - bordered td, .table - bordered th {
    border: 1px solid # dee2e6
}
.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, .05)
}
.table - hover tbody tr: hover {
    color:  # 212529;
    background - color: rgba(0, 0, 0, .075)
}
.table - primary, .table - primary > td, .table - primary > th {
    background - color:  # b8daff
}
.table - primary tbody + tbody, .table - primary td, .table - primary th, .table - primary thead th {
    border - color:  # 7abaff
}
.table - hover.table - primary: hover {
    background - color:  # 9fcdff
}
.table - hover.table - primary: hover > td, .table - hover.table - primary: hover > th {
    background - color:  # 9fcdff
}
.table - secondary, .table - secondary > td, .table - secondary > th {
    background - color:  # d6d8db
}
.table - secondary tbody + tbody, .table - secondary td, .table - secondary th, .table - secondary thead th {
    border - color:  # b3b7bb
}
.table - hover.table - secondary: hover {
    background - color:  # c8cbcf
}
.table - hover.table - secondary: hover > td, .table - hover.table - secondary: hover > th {
    background - color:  # c8cbcf
}
.table - success, .table - success > td, .table - success > th {
    background - color:  # c3e6cb
}
.table - success tbody + tbody, .table - success td, .table - success th, .table - success thead th {
    border - color:  # 8fd19e
}
.table - hover.table - success: hover {
    background - color:  # b1dfbb
}
.table - hover.table - success: hover > td, .table - hover.table - success: hover > th {
    background - color:  # b1dfbb
}
.table - info, .table - info > td, .table - info > th {
    background - color:  # bee5eb
}
.table - info tbody + tbody, .table - info td, .table - info th, .table - info thead th {
    border - color:  # 86cfda
}
.table - hover.table - info: hover {
    background - color:  # abdde5
}
.table - hover.table - info: hover > td, .table - hover.table - info: hover > th {
    background - color:  # abdde5
}
.table - warning, .table - warning > td, .table - warning > th {
    background - color:  # ffeeba
}
.table - warning tbody + tbody, .table - warning td, .table - warning th, .table - warning thead th {
    border - color:  # ffdf7e
}
.table - hover.table - warning: hover {
    background - color:  # ffe8a1
}
.table - hover.table - warning: hover > td, .table - hover.table - warning: hover > th {
    background - color:  # ffe8a1
}
.table - danger, .table - danger > td, .table - danger > th {
    background - color:  # f5c6cb
}
.table - danger tbody + tbody, .table - danger td, .table - danger th, .table - danger thead th {
    border - color:  # ed969e
}
.table - hover.table - danger: hover {
    background - color:  # f1b0b7
}
.table - hover.table - danger: hover > td, .table - hover.table - danger: hover > th {
    background - color:  # f1b0b7
}
.table - light, .table - light > td, .table - light > th {
    background - color:  # fdfdfe
}
.table - light tbody + tbody, .table - light td, .table - light th, .table - light thead th {
    border - color:  # fbfcfc
}
.table - hover.table - light: hover {
    background - color:  # ececf6
}
.table - hover.table - light: hover > td, .table - hover.table - light: hover > th {
    background - color:  # ececf6
}
.table - dark, .table - dark > td, .table - dark > th {
    background - color:  # c6c8ca
}
.table - dark tbody + tbody, .table - dark td, .table - dark th, .table - dark thead th {
    border - color:  # 95999c
}
.table - hover.table - dark: hover {
    background - color:  # b9bbbe
}
.table - hover.table - dark: hover > td, .table - hover.table - dark: hover > th {
    background - color:  # b9bbbe
}
.table - active, .table - active > td, .table - active > th {
    background - color: rgba(0, 0, 0, .075)
}
.table - hover.table - active: hover {
    background - color: rgba(0, 0, 0, .075)
}
.table - hover.table - active: hover > td, .table - hover.table - active: hover > th {
    background - color: rgba(0, 0, 0, .075)
}
.table.thead - dark th {
    color:  # fff;
    background - color:  # 343a40;
    border - color:  # 454d55
}
.table.thead - light th {
    color:  # 495057;
    background - color:  # e9ecef;
    border - color:  # dee2e6
}
.table - dark {
    color:  # fff;
    background - color:  # 343a40
}
.table - dark td, .table - dark th, .table - dark thead th {
    border - color:  # 454d55
}
.table - dark.table - bordered {
    border: 0
}
.table - dark.table - striped tbody tr: nth - of - type(odd) {
    background - color: rgba(255, 255, 255, .05)
}
.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
    }
    .table - responsive - sm > .table - bordered {
        border: 0
    }
}
 @ media(max - width: 767.98px) {
    .table - responsive - md {
        display: block;
        width: 100 % ;
        overflow - x: auto;
        -webkit - overflow - scrolling: touch
    }
    .table - responsive - md > .table - bordered {
        border: 0
    }
}
 @ media(max - width: 991.98px) {
    .table - responsive - lg {
        display: block;
        width: 100 % ;
        overflow - x: auto;
        -webkit - overflow - scrolling: touch
    }
    .table - responsive - lg > .table - bordered {
        border: 0
    }
}
 @ media(max - width: 1199.98px) {
    .table - responsive - xl {
        display: block;
        width: 100 % ;
        overflow - x: auto;
        -webkit - overflow - scrolling: touch
    }
    .table - responsive - xl > .table - bordered {
        border: 0
    }
}
.table - responsive {
    display: block;
    width: 100 % ;
    overflow - x: auto;
    -webkit - overflow - scrolling: touch
}
.table - responsive > .table - bordered {
    border: 0
}
.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:  # 495057;
    background - color:  # fff;
    background - clip: padding - box;
    border: 1px solid # ced4da;
    border - radius: .25rem;
    transition: border - color.15s ease - in - out,
    box - shadow.15s ease - in - out
}
 @ media(prefers - reduced - motion: reduce) {
    .form - control {
        transition: none
    }
}
.form - control::-ms - expand {
    background - color: transparent;
    border: 0
}
.form - control: -moz - focusring {
    color: transparent;
    text - shadow: 0 0 0 # 495057
}
.form - control: focus {
    color:  # 495057;
    background - color:  # fff;
    border - color:  # 80bdff;
    outline: 0;
    box - shadow: 0 0 0.2rem rgba(0, 123, 255, .25)
}
.form - control::-webkit - input - placeholder {
    color:  # 6c757d;
    opacity: 1
}
.form - control::-moz - placeholder {
    color:  # 6c757d;
    opacity: 1
}
.form - control: -ms - input - placeholder {
    color:  # 6c757d;
    opacity: 1
}
.form - control::-ms - input - placeholder {
    color:  # 6c757d;
    opacity: 1
}
.form - control::placeholder {
    color:  # 6c757d;
    opacity: 1
}
.form - control: disabled, .form - control[readonly]{
    background - color:  # e9ecef;
    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:  # 495057;
    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:  # 212529;
    background - color: transparent;
    border: solid transparent;
    border - width: 1px 0
}
.form - control - plaintext.form - control - lg, .form - control - plaintext.form - control - sm {
    padding - right: 0;
    padding - left: 0
}
.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: .3rem
}
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: -ms - flexbox;
    display: flex;
    -ms - flex - wrap: wrap;
    flex - wrap: wrap;
    margin - right: -5px;
    margin - left: -5px
}
.form - row > .col, .form - row > [class *= col - ]{
    padding - right: 5px;
    padding - left: 5px
}
.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:  # 6c757d
}
.form - check - label {
    margin - bottom: 0
}
.form - check - inline {
    display: -ms - inline - flexbox;
    display: inline - flex;
    -ms - flex - align: center;
    align - items: center;
    padding - left: 0;
    margin - right: .75rem
}
.form - check - inline.form - check - input {
    position: static;
    margin - top: 0;
    margin - right: .3125rem;
    margin - left: 0
}
.valid - feedback {
    display: none;
    width: 100 % ;
    margin - top: .25rem;
    font - size: 80 % ;
    color:  # 28a745
}
.valid - tooltip {
    position: absolute;
    top: 100 % ;
    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(40, 167, 69, .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:  # 28a745;
    padding - right: calc(1.5em + .75rem);
    background - image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background - repeat: no - repeat;
    background - position: right calc(.375em + .1875rem)center;
    background - size: calc(.75em + .375rem)calc(.75em + .375rem)
}
.form - control.is - valid: focus, .was - validated.form - control: valid: focus {
    border - color:  # 28a745;
    box - shadow: 0 0 0.2rem rgba(40, 167, 69, .25)
}
.was - validated textarea.form - control: valid, textarea.form - control.is - valid {
    padding - right: calc(1.5em + .75rem);
    background - position: top calc(.375em + .1875rem)right calc(.375em + .1875rem)
}
.custom - select.is - valid, .was - validated.custom - select: valid {
    border - color:  # 28a745;
    padding - right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")no - repeat right.75rem center / 8px 10px,
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") # fff no - repeat center right 1.75rem / calc(.75em + .375rem)calc(.75em + .375rem)
}
.custom - select.is - valid: focus, .was - validated.custom - select: valid: focus {
    border - color:  # 28a745;
    box - shadow: 0 0 0.2rem rgba(40, 167, 69, .25)
}
.form - check - input.is - valid~.form - check - label, .was - validated.form - check - input: valid~.form - check - label {
    color:  # 28a745
}
.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:  # 28a745
}
.custom - control - input.is - valid~.custom - control - label::before, .was - validated.custom - control - input: valid~.custom - control - label::before {
    border - color:  # 28a745
}
.custom - control - input.is - valid: checked~.custom - control - label::before, .was - validated.custom - control - input: valid: checked~.custom - control - label::before {
    border - color:  # 34ce57;
    background - color:  # 34ce57
}
.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.2rem rgba(40, 167, 69, .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:  # 28a745
}
.custom - file - input.is - valid~.custom - file - label, .was - validated.custom - file - input: valid~.custom - file - label {
    border - color:  # 28a745
}
.custom - file - input.is - valid: focus~.custom - file - label, .was - validated.custom - file - input: valid: focus~.custom - file - label {
    border - color:  # 28a745;
    box - shadow: 0 0 0.2rem rgba(40, 167, 69, .25)
}
.invalid - feedback {
    display: none;
    width: 100 % ;
    margin - top: .25rem;
    font - size: 80 % ;
    color:  # dc3545
}
.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(220, 53, 69, .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:  # dc3545;
    padding - right: calc(1.5em + .75rem);
    background - image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background - repeat: no - repeat;
    background - position: right calc(.375em + .1875rem)center;
    background - size: calc(.75em + .375rem)calc(.75em + .375rem)
}
.form - control.is - invalid: focus, .was - validated.form - control: invalid: focus {
    border - color:  # dc3545;
    box - shadow: 0 0 0.2rem rgba(220, 53, 69, .25)
}
.was - validated textarea.form - control: invalid, textarea.form - control.is - invalid {
    padding - right: calc(1.5em + .75rem);
    background - position: top calc(.375em + .1875rem)right calc(.375em + .1875rem)
}
.custom - select.is - invalid, .was - validated.custom - select: invalid {
    border - color:  # dc3545;
    padding - right: calc(.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")no - repeat right.75rem center / 8px 10px,
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") # fff no - repeat center right 1.75rem / calc(.75em + .375rem)calc(.75em + .375rem)
}
.custom - select.is - invalid: focus, .was - validated.custom - select: invalid: focus {
    border - color:  # dc3545;
    box - shadow: 0 0 0.2rem rgba(220, 53, 69, .25)
}
.form - check - input.is - invalid~.form - check - label, .was - validated.form - check - input: invalid~.form - check - label {
    color:  # dc3545
}
.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:  # dc3545
}
.custom - control - input.is - invalid~.custom - control - label::before, .was - validated.custom - control - input: invalid~.custom - control - label::before {
    border - color:  # dc3545
}
.custom - control - input.is - invalid: checked~.custom - control - label::before, .was - validated.custom - control - input: invalid: checked~.custom - control - label::before {
    border - color:  # e4606d;
    background - color:  # e4606d
}
.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.2rem rgba(220, 53, 69, .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:  # dc3545
}
.custom - file - input.is - invalid~.custom - file - label, .was - validated.custom - file - input: invalid~.custom - file - label {
    border - color:  # dc3545
}
.custom - file - input.is - invalid: focus~.custom - file - label, .was - validated.custom - file - input: invalid: focus~.custom - file - label {
    border - color:  # dc3545;
    box - shadow: 0 0 0.2rem rgba(220, 53, 69, .25)
}
.form - inline {
    display: -ms - flexbox;
    display: flex;
    -ms - flex - flow: row wrap;
    flex - flow: row wrap;
    -ms - flex - align: center;
    align - items: center
}
.form - inline.form - check {
    width: 100 %
}
 @ media(min - width: 576px) {
    .form - inline label {
        display: -ms - flexbox;
        display: flex;
        -ms - flex - align: center;
        align - items: center;
        -ms - flex - pack: center;
        justify - content: center;
        margin - bottom: 0
    }
    .form - inline.form - group {
        display: -ms - flexbox;
        display: flex;
        -ms - flex: 0 0 auto;
        flex: 0 0 auto;
        -ms - flex - flow: row wrap;
        flex - flow: row wrap;
        -ms - flex - align: center;
        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: -ms - flexbox;
        display: flex;
        -ms - flex - align: center;
        align - items: center;
        -ms - flex - pack: center;
        justify - content: center;
        width: auto;
        padding - left: 0
    }
    .form - inline.form - check - input {
        position: relative;
        -ms - flex - negative: 0;
        flex - shrink: 0;
        margin - top: 0;
        margin - right: .25rem;
        margin - left: 0
    }
    .form - inline.custom - control {
        -ms - flex - align: center;
        align - items: center;
        -ms - flex - pack: center;
        justify - content: center
    }
    .form - inline.custom - control - label {
        margin - bottom: 0
    }
}
.btn {
    display: inline - block;
    font - weight: 400;
    color:  # 212529;
    text - align: center;
    vertical - align: middle;
    -webkit - user - select: none;
    -moz - user - select: none;
    -ms - user - select: none;
    user - select: none;
    background - color: transparent;
    border: 1px solid transparent;
    padding: .375rem.75rem;
    font - size: 1rem;
    line - height: 1.5;
    border - radius: .25rem;
    transition: color.15s ease - in - out,
    background - color.15s ease - in - out,
    border - color.15s ease - in - out,
    box - shadow.15s ease - in - out
}
 @ media(prefers - reduced - motion: reduce) {
    .btn {
        transition: none
    }
}
.btn: hover {
    color:  # 212529;
    text - decoration: none
}
.btn.focus, .btn: focus {
    outline: 0;
    box - shadow: 0 0 0.2rem rgba(0, 123, 255, .25)
}
.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 {
    color:  # fff;
    background - color:  # 007bff;
    border - color:  # 007bff
}
.btn - primary: hover {
    color:  # fff;
    background - color:  # 0069d9;
    border - color:  # 0062cc
}
.btn - primary.focus, .btn - primary: focus {
    color:  # fff;
    background - color:  # 0069d9;
    border - color:  # 0062cc;
    box - shadow: 0 0 0.2rem rgba(38, 143, 255, .5)
}
.btn - primary.disabled, .btn - primary: disabled {
    color:  # fff;
    background - color:  # 007bff;
    border - color:  # 007bff
}
.btn - primary: not(: disabled): not(.disabled).active, .btn - primary: not(: disabled): not(.disabled): active, .show > .btn - primary.dropdown - toggle {
    color:  # fff;
    background - color:  # 0062cc;
    border - color:  # 005cbf
}
.btn - primary: not(: disabled): not(.disabled).active: focus, .btn - primary: not(: disabled): not(.disabled): active: focus, .show > .btn - primary.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(38, 143, 255, .5)
}
.btn - secondary {
    color:  # fff;
    background - color:  # 6c757d;
    border - color:  # 6c757d
}
.btn - secondary: hover {
    color:  # fff;
    background - color:  # 5a6268;
    border - color:  # 545b62
}
.btn - secondary.focus, .btn - secondary: focus {
    color:  # fff;
    background - color:  # 5a6268;
    border - color:  # 545b62;
    box - shadow: 0 0 0.2rem rgba(130, 138, 145, .5)
}
.btn - secondary.disabled, .btn - secondary: disabled {
    color:  # fff;
    background - color:  # 6c757d;
    border - color:  # 6c757d
}
.btn - secondary: not(: disabled): not(.disabled).active, .btn - secondary: not(: disabled): not(.disabled): active, .show > .btn - secondary.dropdown - toggle {
    color:  # fff;
    background - color:  # 545b62;
    border - color:  # 4e555b
}
.btn - secondary: not(: disabled): not(.disabled).active: focus, .btn - secondary: not(: disabled): not(.disabled): active: focus, .show > .btn - secondary.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(130, 138, 145, .5)
}
.btn - success {
    color:  # fff;
    background - color:  # 28a745;
    border - color:  # 28a745
}
.btn - success: hover {
    color:  # fff;
    background - color:  # 218838;
    border - color:  # 1e7e34
}
.btn - success.focus, .btn - success: focus {
    color:  # fff;
    background - color:  # 218838;
    border - color:  # 1e7e34;
    box - shadow: 0 0 0.2rem rgba(72, 180, 97, .5)
}
.btn - success.disabled, .btn - success: disabled {
    color:  # fff;
    background - color:  # 28a745;
    border - color:  # 28a745
}
.btn - success: not(: disabled): not(.disabled).active, .btn - success: not(: disabled): not(.disabled): active, .show > .btn - success.dropdown - toggle {
    color:  # fff;
    background - color:  # 1e7e34;
    border - color:  # 1c7430
}
.btn - success: not(: disabled): not(.disabled).active: focus, .btn - success: not(: disabled): not(.disabled): active: focus, .show > .btn - success.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(72, 180, 97, .5)
}
.btn - info {
    color:  # fff;
    background - color:  # 17a2b8;
    border - color:  # 17a2b8
}
.btn - info: hover {
    color:  # fff;
    background - color:  # 138496;
    border - color:  # 117a8b
}
.btn - info.focus, .btn - info: focus {
    color:  # fff;
    background - color:  # 138496;
    border - color:  # 117a8b;
    box - shadow: 0 0 0.2rem rgba(58, 176, 195, .5)
}
.btn - info.disabled, .btn - info: disabled {
    color:  # fff;
    background - color:  # 17a2b8;
    border - color:  # 17a2b8
}
.btn - info: not(: disabled): not(.disabled).active, .btn - info: not(: disabled): not(.disabled): active, .show > .btn - info.dropdown - toggle {
    color:  # fff;
    background - color:  # 117a8b;
    border - color:  # 10707f
}
.btn - info: not(: disabled): not(.disabled).active: focus, .btn - info: not(: disabled): not(.disabled): active: focus, .show > .btn - info.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(58, 176, 195, .5)
}
.btn - warning {
    color:  # 212529;
    background - color:  # ffc107;
    border - color:  # ffc107
}
.btn - warning: hover {
    color:  # 212529;
    background - color:  # e0a800;
    border - color:  # d39e00
}
.btn - warning.focus, .btn - warning: focus {
    color:  # 212529;
    background - color:  # e0a800;
    border - color:  # d39e00;
    box - shadow: 0 0 0.2rem rgba(222, 170, 12, .5)
}
.btn - warning.disabled, .btn - warning: disabled {
    color:  # 212529;
    background - color:  # ffc107;
    border - color:  # ffc107
}
.btn - warning: not(: disabled): not(.disabled).active, .btn - warning: not(: disabled): not(.disabled): active, .show > .btn - warning.dropdown - toggle {
    color:  # 212529;
    background - color:  # d39e00;
    border - color:  # c69500
}
.btn - warning: not(: disabled): not(.disabled).active: focus, .btn - warning: not(: disabled): not(.disabled): active: focus, .show > .btn - warning.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(222, 170, 12, .5)
}
.btn - danger {
    color:  # fff;
    background - color:  # dc3545;
    border - color:  # dc3545
}
.btn - danger: hover {
    color:  # fff;
    background - color:  # c82333;
    border - color:  # bd2130
}
.btn - danger.focus, .btn - danger: focus {
    color:  # fff;
    background - color:  # c82333;
    border - color:  # bd2130;
    box - shadow: 0 0 0.2rem rgba(225, 83, 97, .5)
}
.btn - danger.disabled, .btn - danger: disabled {
    color:  # fff;
    background - color:  # dc3545;
    border - color:  # dc3545
}
.btn - danger: not(: disabled): not(.disabled).active, .btn - danger: not(: disabled): not(.disabled): active, .show > .btn - danger.dropdown - toggle {
    color:  # fff;
    background - color:  # bd2130;
    border - color:  # b21f2d
}
.btn - danger: not(: disabled): not(.disabled).active: focus, .btn - danger: not(: disabled): not(.disabled): active: focus, .show > .btn - danger.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(225, 83, 97, .5)
}
.btn - light {
    color:  # 212529;
    background - color:  # f8f9fa;
    border - color:  # f8f9fa
}
.btn - light: hover {
    color:  # 212529;
    background - color:  # e2e6ea;
    border - color:  # dae0e5
}
.btn - light.focus, .btn - light: focus {
    color:  # 212529;
    background - color:  # e2e6ea;
    border - color:  # dae0e5;
    box - shadow: 0 0 0.2rem rgba(216, 217, 219, .5)
}
.btn - light.disabled, .btn - light: disabled {
    color:  # 212529;
    background - color:  # f8f9fa;
    border - color:  # f8f9fa
}
.btn - light: not(: disabled): not(.disabled).active, .btn - light: not(: disabled): not(.disabled): active, .show > .btn - light.dropdown - toggle {
    color:  # 212529;
    background - color:  # dae0e5;
    border - color:  # d3d9df
}
.btn - light: not(: disabled): not(.disabled).active: focus, .btn - light: not(: disabled): not(.disabled): active: focus, .show > .btn - light.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(216, 217, 219, .5)
}
.btn - dark {
    color:  # fff;
    background - color:  # 343a40;
    border - color:  # 343a40
}
.btn - dark: hover {
    color:  # fff;
    background - color:  # 23272b;
    border - color:  # 1d2124
}
.btn - dark.focus, .btn - dark: focus {
    color:  # fff;
    background - color:  # 23272b;
    border - color:  # 1d2124;
    box - shadow: 0 0 0.2rem rgba(82, 88, 93, .5)
}
.btn - dark.disabled, .btn - dark: disabled {
    color:  # fff;
    background - color:  # 343a40;
    border - color:  # 343a40
}
.btn - dark: not(: disabled): not(.disabled).active, .btn - dark: not(: disabled): not(.disabled): active, .show > .btn - dark.dropdown - toggle {
    color:  # fff;
    background - color:  # 1d2124;
    border - color:  # 171a1d
}
.btn - dark: not(: disabled): not(.disabled).active: focus, .btn - dark: not(: disabled): not(.disabled): active: focus, .show > .btn - dark.dropdown - toggle: focus {
    box - shadow: 0 0 0.2rem rgba(82, 88, 93, .5)
}
.btn - outline - primary {
    color:  # 007bff;
    border - color:  # 007bff
}
.btn - outline - primary: hover {
    color:  # fff;
    background - color:  # 007bff;
    border - color:  # 007bff
}
.btn - outline - primary.focus, .btn - outline - primary: focus {
    box - shadow: 0 0 0.2rem rgba(0, 123, 255, .5)
}
.btn - outline - primary.disabled, .btn - outline - primary: disabled {
    color:  # 007bff;
    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:  # 007bff;
    border - color:  # 007bff
}
.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.2rem rgba(0, 123, 255, .5)
}
.btn - outline - secondary {
    color:  # 6c757d;
    border - color:  # 6c757d
}
.btn - outline - secondary: hover {
    color:  # fff;
    background - color:  # 6c757d;
    border - color:  # 6c757d
}
.btn - outline - secondary.focus, .btn - outline - secondary: focus {
    box - shadow: 0 0 0.2rem rgba(108, 117, 125, .5)
}
.btn - outline - secondary.disabled, .btn - outline - secondary: disabled {
    color:  # 6c757d;
    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:  # 6c757d;
    border - color:  # 6c757d
}
.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.2rem rgba(108, 117, 125, .5)
}
.btn - outline - success {
    color:  # 28a745;
    border - color:  # 28a745
}
.btn - outline - success: hover {
    color:  # fff;
    background - color:  # 28a745;
    border - color:  # 28a745
}
.btn - outline - success.focus, .btn - outline - success: focus {
    box - shadow: 0 0 0.2rem rgba(40, 167, 69, .5)
}
.btn - outline - success.disabled, .btn - outline - success: disabled {
    color:  # 28a745;
    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:  # 28a745;
    border - color:  # 28a745
}
.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.2rem rgba(40, 167, 69, .5)
}
.btn - outline - info {
    color:  # 17a2b8;
    border - color:  # 17a2b8
}
.btn - outline - info: hover {
    color:  # fff;
    background - color:  # 17a2b8;
    border - color:  # 17a2b8
}
.btn - outline - info.focus, .btn - outline - info: focus {
    box - shadow: 0 0 0.2rem rgba(23, 162, 184, .5)
}
.btn - outline - info.disabled, .btn - outline - info: disabled {
    color:  # 17a2b8;
    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:  # 17a2b8;
    border - color:  # 17a2b8
}
.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.2rem rgba(23, 162, 184, .5)
}
.btn - outline - warning {
    color:  # ffc107;
    border - color:  # ffc107
}
.btn - outline - warning: hover {
    color:  # 212529;
    background - color:  # ffc107;
    border - color:  # ffc107
}
.btn - outline - warning.focus, .btn - outline - warning: focus {
    box - shadow: 0 0 0.2rem rgba(255, 193, 7, .5)
}
.btn - outline - warning.disabled, .btn - outline - warning: disabled {
    color:  # ffc107;
    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:  # 212529;
    background - color:  # ffc107;
    border - color:  # ffc107
}
.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.2rem rgba(255, 193, 7, .5)
}
.btn - outline - danger {
    color:  # dc3545;
    border - color:  # dc3545
}
.btn - outline - danger: hover {
    color:  # fff;
    background - color:  # dc3545;
    border - color:  # dc3545
}
.btn - outline - danger.focus, .btn - outline - danger: focus {
    box - shadow: 0 0 0.2rem rgba(220, 53, 69, .5)
}
.btn - outline - danger.disabled, .btn - outline - danger: disabled {
    color:  # dc3545;
    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:  # dc3545;
    border - color:  # dc3545
}
.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.2rem rgba(220, 53, 69, .5)
}
.btn - outline - light {
    color:  # f8f9fa;
    border - color:  # f8f9fa
}
.btn - outline - light: hover {
    color:  # 212529;
    background - color:  # f8f9fa;
    border - color:  # f8f9fa
}
.btn - outline - light.focus, .btn - outline - light: focus {
    box - shadow: 0 0 0.2rem rgba(248, 249, 250, .5)
}
.btn - outline - light.disabled, .btn - outline - light: disabled {
    color:  # f8f9fa;
    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:  # 212529;
    background - color:  # f8f9fa;
    border - color:  # f8f9fa
}
.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.2rem rgba(248, 249, 250, .5)
}
.btn - outline - dark {
    color:  # 343a40;
    border - color:  # 343a40
}
.btn - outline - dark: hover {
    color:  # fff;
    background - color:  # 343a40;
    border - color:  # 343a40
}
.btn - outline - dark.focus, .btn - outline - dark: focus {
    box - shadow: 0 0 0.2rem rgba(52, 58, 64, .5)
}
.btn - outline - dark.disabled, .btn - outline - dark: disabled {
    color:  # 343a40;
    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:  # 343a40;
    border - color:  # 343a40
}
.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.2rem rgba(52, 58, 64, .5)
}
.btn - link {
    font - weight: 400;
    color:  # 007bff;
    text - decoration: none
}
.btn - link: hover {
    color:  # 0056b3;
    text - decoration: underline
}
.btn - link.focus, .btn - link: focus {
    text - decoration: underline
}
.btn - link.disabled, .btn - link: disabled {
    color:  # 6c757d;
    pointer - events: none
}
.btn - group - lg > .btn, .btn - lg {
    padding: .5rem 1rem;
    font - size: 1.25rem;
    line - height: 1.5;
    border - radius: .3rem
}
.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 %
}
.fade {
    transition: opacity.15s linear
}
 @ media(prefers - reduced - motion: reduce) {
    .fade {
        transition: none
    }
}
.fade: not(.show) {
    opacity: 0
}
.collapse: not(.show) {
    display: none
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height.35s ease
}
 @ media(prefers - reduced - motion: reduce) {
    .collapsing {
        transition: none
    }
}
.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}
.dropdown - toggle {
    white - space: nowrap
}
.dropdown - toggle::after {
    display: inline - block;
    margin - left: .255em;
    vertical - align: .255em;
    content: "";
    border - top: .3em solid;
    border - right: .3em solid transparent;
    border - bottom: 0;
    border - left: .3em solid transparent
}
.dropdown - toggle: empty::after {
    margin - left: 0
}
.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:  # 212529;
    text - align: left;
    list - style: none;
    background - color:  # fff;
    background - clip: padding - box;
    border: 1px 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: .255em;
    vertical - align: .255em;
    content: "";
    border - top: 0;
    border - right: .3em solid transparent;
    border - bottom: .3em solid;
    border - left: .3em solid transparent
}
.dropup.dropdown - toggle: empty::after {
    margin - left: 0
}
.dropright.dropdown - menu {
    top: 0;
    right: auto;
    left: 100 % ;
    margin - top: 0;
    margin - left: .125rem
}
.dropright.dropdown - toggle::after {
    display: inline - block;
    margin - left: .255em;
    vertical - align: .255em;
    content: "";
    border - top: .3em solid transparent;
    border - right: 0;
    border - bottom: .3em solid transparent;
    border - left: .3em solid
}
.dropright.dropdown - toggle: empty::after {
    margin - left: 0
}
.dropright.dropdown - toggle::after {
    vertical - align: 0
}
.dropleft.dropdown - menu {
    top: 0;
    right: 100 % ;
    left: auto;
    margin - top: 0;
    margin - right: .125rem
}
.dropleft.dropdown - toggle::after {
    display: inline - block;
    margin - left: .255em;
    vertical - align: .255em;
    content: ""
}
.dropleft.dropdown - toggle::after {
    display: none
}
.dropleft.dropdown - toggle::before {
    display: inline - block;
    margin - right: .255em;
    vertical - align: .255em;
    content: "";
    border - top: .3em solid transparent;
    border - right: .3em solid;
    border - bottom: .3em solid transparent
}
.dropleft.dropdown - toggle: empty::after {
    margin - left: 0
}
.dropleft.dropdown - toggle::before {
    vertical - align: 0
}
.dropdown - 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 # e9ecef
}
.dropdown - item {
    display: block;
    width: 100 % ;
    padding: .25rem 1.5rem;
    clear: both;
    font - weight: 400;
    color:  # 212529;
    text - align: inherit;
    white - space: nowrap;
    background - color: transparent;
    border: 0
}
.dropdown - item: focus, .dropdown - item: hover {
    color:  # 16181b;
    text - decoration: none;
    background - color:  # f8f9fa
}
.dropdown - item.active, .dropdown - item: active {
    color:  # fff;
    text - decoration: none;
    background - color:  # 007bff
}
.dropdown - item.disabled, .dropdown - item: disabled {
    color:  # 6c757d;
    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:  # 6c757d;
    white - space: nowrap
}
.dropdown - item - text {
    display: block;
    padding: .25rem 1.5rem;
    color:  # 212529
}
.btn - group, .btn - group - vertical {
    position: relative;
    display: -ms - inline - flexbox;
    display: inline - flex;
    vertical - align: middle
}
.btn - group - vertical > .btn, .btn - group > .btn {
    position: relative;
    -ms - flex: 1 1 auto;
    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: -ms - flexbox;
    display: flex;
    -ms - flex - wrap: wrap;
    flex - wrap: wrap;
    -ms - flex - pack: start;
    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 {
    -ms - flex - direction: column;
    flex - direction: column;
    -ms - flex - align: start;
    align - items: flex - start;
    -ms - flex - pack: center;
    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: -ms - flexbox;
    display: flex;
    -ms - flex - wrap: wrap;
    flex - wrap: wrap;
    -ms - flex - align: stretch;
    align - items: stretch;
    width: 100 %
}
.input - group > .custom - file, .input - group > .custom - select, .input - group > .form - control, .input - group > .form - control - plaintext {
    position: relative;
    -ms - flex: 1 1 auto;
    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: -ms - flexbox;
    display: flex;
    -ms - flex - align: center;
    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: -ms - flexbox;
    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: -ms - flexbox;
    display: flex;
    -ms - flex - align: center;
    align - items: center;
    padding: .375rem.75rem;
    margin - bottom: 0;
    font - size: 1rem;
    font - weight: 400;
    line - height: 1.5;
    color:  # 495057;
    text - align: center;
    white - space: nowrap;
    background - color:  # e9ecef;
    border: 1px solid # ced4da;
    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: .3rem
}
.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.5rem
}
.custom - control - inline {
    display: -ms - inline - flexbox;
    display: inline - flex;
    margin - right: 1rem
}
.custom - control - input {
    position: absolute;
    left: 0;
    z - index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}
.custom - control - input: checked~.custom - control - label::before {
    color:  # fff;
    border - color:  # 007bff;
    background - color:  # 007bff
}
.custom - control - input: focus~.custom - control - label::before {
    box - shadow: 0 0 0.2rem rgba(0, 123, 255, .25)
}
.custom - control - input: focus: not(: checked)~.custom - control - label::before {
    border - color:  # 80bdff
}
.custom - control - input: not(: disabled): active~.custom - control - label::before {
    color:  # fff;
    background - color:  # b3d7ff;
    border - color:  # b3d7ff
}
.custom - control - input: disabled~.custom - control - label, .custom - control - input[disabled]~.custom - control - label {
    color:  # 6c757d
}
.custom - control - input: disabled~.custom - control - label::before, .custom - control - input[disabled]~.custom - control - label::before {
    background - color:  # e9ecef
}
.custom - control - label {
    position: relative;
    margin - bottom: 0;
    vertical - align: top
}
.custom - control - label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer - events: none;
    content: "";
    background - color:  # fff;
    border:  # adb5bd solid 1px
}
.custom - control - label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    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:  # 007bff;
    background - color:  # 007bff
}
.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(0, 123, 255, .5)
}
.custom - checkbox.custom - control - input: disabled: indeterminate~.custom - control - label::before {
    background - color: rgba(0, 123, 255, .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(0, 123, 255, .5)
}
.custom - switch {
    padding - left: 2.25rem
}
.custom - switch .custom - control - label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer - events: all;
    border - radius: .5rem
}
.custom - switch .custom - control - label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background - color:  # adb5bd;
    border - radius: .5rem;
    transition: background - color.15s ease - in - out,
    border - color.15s ease - in - out,
    box - shadow.15s ease - in - out,
    -webkit - transform.15s ease - in - out;
    transition: transform.15s ease - in - out,
    background - color.15s ease - in - out,
    border - color.15s ease - in - out,
    box - shadow.15s ease - in - out;
    transition: transform.15s ease - in - out,
    background - color.15s ease - in - out,
    border - color.15s ease - in - out,
    box - shadow.15s ease - in - out,
    -webkit - transform.15s ease - in - out
}
 @ media(prefers - reduced - motion: reduce) {
    .custom - switch .custom - control - label::after {
        transition: none
    }
}
.custom - switch .custom - control - input: checked~.custom - control - label::after {
    background - color:  # fff;
    -webkit - transform: translateX(.75rem);
    transform: translateX(.75rem)
}
.custom - switch .custom - control - input: disabled: checked~.custom - control - label::before {
    background - color: rgba(0, 123, 255, .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:  # 495057;
    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='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")no - repeat right.75rem center / 8px 10px;
    border: 1px solid # ced4da;
    border - radius: .25rem;
    -webkit - appearance: none;
    -moz - appearance: none;
    appearance: none
}
.custom - select: focus {
    border - color:  # 80bdff;
    outline: 0;
    box - shadow: 0 0 0.2rem rgba(0, 123, 255, .25)
}
.custom - select: focus::-ms - value {
    color:  # 495057;
    background - color:  # fff
}
.custom - select[multiple], .custom - select[size]: not([size = "1"]) {
    height: auto;
    padding - right: .75rem;
    background - image: none
}
.custom - select: disabled {
    color:  # 6c757d;
    background - color:  # e9ecef
}
.custom - select::-ms - expand {
    display: none
}
.custom - select: -moz - focusring {
    color: transparent;
    text - shadow: 0 0 0 # 495057
}
.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:  # 80bdff;
    box - shadow: 0 0 0.2rem rgba(0, 123, 255, .25)
}
.custom - file - input: disabled~.custom - file - label, .custom - file - input[disabled]~.custom - file - label {
    background - color:  # e9ecef
}
.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:  # 495057;
        background - color:  # fff;
        border: 1px solid # ced4da;
        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:  # 495057;
        content: "Browse";
        background - color:  # e9ecef;
        border - left: inherit;
        border - radius: 0.25rem.25rem 0
    }
    .custom - range {
        width: 100 % ;
        height: 1.4rem;
        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 # fff,
        0 0 0.2rem rgba(0, 123, 255, .25)
    }
    .custom - range: focus::-moz - range - thumb {
        box - shadow: 0 0 0 1px # fff,
        0 0 0.2rem rgba(0, 123, 255, .25)
    }
    .custom - range: focus::-ms - thumb {
        box - shadow: 0 0 0 1px # fff,
        0 0 0.2rem rgba(0, 123, 255, .25)
    }
    .custom - range::-moz - focus - outer {
        border: 0
    }
    .custom - range::-webkit - slider - thumb {
        width: 1rem;
        height: 1rem;
        margin - top:  - .25rem;
        background - color:  # 007bff;
        border: 0;
        border - radius: 1rem;
        -webkit - transition: background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out;
        transition: background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out;
        -webkit - appearance: none;
        appearance: none
    }
     @ media(prefers - reduced - motion: reduce) {
        .custom - range::-webkit - slider - thumb {
            -webkit - transition: none;
            transition: none
        }
    }
    .custom - range::-webkit - slider - thumb: active {
        background - color:  # b3d7ff
    }
    .custom - range::-webkit - slider - runnable - track {
        width: 100 % ;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background - color:  # dee2e6;
        border - color: transparent;
        border - radius: 1rem
    }
    .custom - range::-moz - range - thumb {
        width: 1rem;
        height: 1rem;
        background - color:  # 007bff;
        border: 0;
        border - radius: 1rem;
        -moz - transition: background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out;
        transition: background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out;
        -moz - appearance: none;
        appearance: none
    }
     @ media(prefers - reduced - motion: reduce) {
        .custom - range::-moz - range - thumb {
            -moz - transition: none;
            transition: none
        }
    }
    .custom - range::-moz - range - thumb: active {
        background - color:  # b3d7ff
    }
    .custom - range::-moz - range - track {
        width: 100 % ;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background - color:  # dee2e6;
        border - color: transparent;
        border - radius: 1rem
    }
    .custom - range::-ms - thumb {
        width: 1rem;
        height: 1rem;
        margin - top: 0;
        margin - right: .2rem;
        margin - left: .2rem;
        background - color:  # 007bff;
        border: 0;
        border - radius: 1rem;
        -ms - transition: background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out;
        transition: background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out;
        appearance: none
    }
     @ media(prefers - reduced - motion: reduce) {
        .custom - range::-ms - thumb {
            -ms - transition: none;
            transition: none
        }
    }
    .custom - range::-ms - thumb: active {
        background - color:  # b3d7ff
    }
    .custom - range::-ms - track {
        width: 100 % ;
        height: .5rem;
        color: transparent;
        cursor: pointer;
        background - color: transparent;
        border - color: transparent;
        border - width: .5rem
    }
    .custom - range::-ms - fill - lower {
        background - color:  # dee2e6;
        border - radius: 1rem
    }
    .custom - range::-ms - fill - upper {
        margin - right: 15px;
        background - color:  # dee2e6;
        border - radius: 1rem
    }
    .custom - range: disabled::-webkit - slider - thumb {
        background - color:  # adb5bd
    }
    .custom - range: disabled::-webkit - slider - runnable - track {
        cursor: default
    }
    .custom - range: disabled::-moz - range - thumb {
        background - color:  # adb5bd
    }
    .custom - range: disabled::-moz - range - track {
        cursor: default
    }
    .custom - range: disabled::-ms - thumb {
        background - color:  # adb5bd
    }
    .custom - control - label::before, .custom - file - label, .custom - select {
        transition: background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out
    }
     @ media(prefers - reduced - motion: reduce) {
        .custom - control - label::before,
        .custom - file - label,
        .custom - select {
            transition: none
        }
    }
    .nav {
        display: -ms - flexbox;
        display: flex;
        -ms - flex - wrap: wrap;
        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:  # 6c757d;
        pointer - events: none;
        cursor: default
    }
    .nav - tabs {
        border - bottom: 1px solid # dee2e6
    }
    .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:  # e9ecef # e9ecef # dee2e6
    }
    .nav - tabs.nav - link.disabled {
        color:  # 6c757d;
        background - color: transparent;
        border - color: transparent
    }
    .nav - tabs.nav - item.show.nav - link, .nav - tabs.nav - link.active {
        color:  # 495057;
        background - color:  # fff;
        border - color:  # dee2e6 # dee2e6 # 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:  # 007bff
    }
    .nav - fill.nav - item, .nav - fill > .nav - link {
        -ms - flex: 1 1 auto;
        flex: 1 1 auto;
        text - align: center
    }
    .nav - justified.nav - item, .nav - justified > .nav - link {
        -ms - flex - preferred - size: 0;
        flex - basis: 0;
        -ms - flex - positive: 1;
        flex - grow: 1;
        text - align: center
    }
    .tab - content > .tab - pane {
        display: none
    }
    .tab - content > .active {
        display: block
    }
    .navbar {
        position: relative;
        display: -ms - flexbox;
        display: flex;
        -ms - flex - wrap: wrap;
        flex - wrap: wrap;
        -ms - flex - align: center;
        align - items: center;
        -ms - flex - pack: justify;
        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: -ms - flexbox;
        display: flex;
        -ms - flex - wrap: wrap;
        flex - wrap: wrap;
        -ms - flex - align: center;
        align - items: center;
        -ms - flex - pack: justify;
        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: -ms - flexbox;
        display: flex;
        -ms - flex - direction: column;
        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 {
        -ms - flex - preferred - size: 100 % ;
        flex - basis: 100 % ;
        -ms - flex - positive: 1;
        flex - grow: 1;
        -ms - flex - align: center;
        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 {
            -ms - flex - flow: row nowrap;
            flex - flow: row nowrap;
            -ms - flex - pack: start;
            justify - content: flex - start
        }
        .navbar - expand - sm.navbar - nav {
            -ms - flex - direction: row;
            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 {
            -ms - flex - wrap: nowrap;
            flex - wrap: nowrap
        }
        .navbar - expand - sm.navbar - collapse {
            display: -ms - flexbox!important;
            display: flex!important;
            -ms - flex - preferred - size: auto;
            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 {
            -ms - flex - flow: row nowrap;
            flex - flow: row nowrap;
            -ms - flex - pack: start;
            justify - content: flex - start
        }
        .navbar - expand - md.navbar - nav {
            -ms - flex - direction: row;
            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 {
            -ms - flex - wrap: nowrap;
            flex - wrap: nowrap
        }
        .navbar - expand - md.navbar - collapse {
            display: -ms - flexbox!important;
            display: flex!important;
            -ms - flex - preferred - size: auto;
            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 {
            -ms - flex - flow: row nowrap;
            flex - flow: row nowrap;
            -ms - flex - pack: start;
            justify - content: flex - start
        }
        .navbar - expand - lg.navbar - nav {
            -ms - flex - direction: row;
            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 {
            -ms - flex - wrap: nowrap;
            flex - wrap: nowrap
        }
        .navbar - expand - lg.navbar - collapse {
            display: -ms - flexbox!important;
            display: flex!important;
            -ms - flex - preferred - size: auto;
            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 {
            -ms - flex - flow: row nowrap;
            flex - flow: row nowrap;
            -ms - flex - pack: start;
            justify - content: flex - start
        }
        .navbar - expand - xl.navbar - nav {
            -ms - flex - direction: row;
            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 {
            -ms - flex - wrap: nowrap;
            flex - wrap: nowrap
        }
        .navbar - expand - xl.navbar - collapse {
            display: -ms - flexbox!important;
            display: flex!important;
            -ms - flex - preferred - size: auto;
            flex - basis: auto
        }
        .navbar - expand - xl.navbar - toggler {
            display: none
        }
    }
    .navbar - expand {
        -ms - flex - flow: row nowrap;
        flex - flow: row nowrap;
        -ms - flex - pack: start;
        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 {
        -ms - flex - direction: row;
        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 {
        -ms - flex - wrap: nowrap;
        flex - wrap: nowrap
    }
    .navbar - expand.navbar - collapse {
        display: -ms - flexbox!important;
        display: flex!important;
        -ms - flex - preferred - size: auto;
        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: -ms - flexbox;
        display: flex;
        -ms - flex - direction: column;
        flex - direction: column;
        min - width: 0;
        word - wrap: break - word;
        background - color:  # fff;
        background - clip: border - box;
        border: 1px solid rgba(0, 0, 0, .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: calc(.25rem - 1px);
        border - top - right - radius: calc(.25rem - 1px)
    }
    .card > .list - group: last - child {
        border - bottom - width: 0;
        border - bottom - right - radius: calc(.25rem - 1px);
        border - bottom - left - radius: calc(.25rem - 1px)
    }
    .card > .card - header + .list - group, .card > .list - group + .card - footer {
        border - top: 0
    }
    .card - body {
        -ms - flex: 1 1 auto;
        flex: 1 1 auto;
        min - height: 1px;
        padding: 1.25rem
    }
    .card - title {
        margin - bottom: .75rem
    }
    .card - subtitle {
        margin - top:  - .375rem;
        margin - bottom: 0
    }
    .card - text: last - child {
        margin - bottom: 0
    }
    .card - link: hover {
        text - decoration: none
    }
    .card - link + .card - link {
        margin - left: 1.25rem
    }
    .card - header {
        padding: .75rem 1.25rem;
        margin - bottom: 0;
        background - color: rgba(0, 0, 0, .03);
        border - bottom: 1px solid rgba(0, 0, 0, .125)
    }
    .card - header: first - child {
        border - radius: calc(.25rem - 1px)calc(.25rem - 1px)0 0
    }
    .card - footer {
        padding: .75rem 1.25rem;
        background - color: rgba(0, 0, 0, .03);
        border - top: 1px solid rgba(0, 0, 0, .125)
    }
    .card - footer: last - child {
        border - radius: 0 0 calc(.25rem - 1px)calc(.25rem - 1px)
    }
    .card - header - tabs {
        margin - right:  - .625rem;
        margin - bottom:  - .75rem;
        margin - left:  - .625rem;
        border - bottom: 0
    }
    .card - header - pills {
        margin - right:  - .625rem;
        margin - left:  - .625rem
    }
    .card - img - overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
        border - radius: calc(.25rem - 1px)
    }
    .card - img, .card - img - bottom, .card - img - top {
        -ms - flex - negative: 0;
        flex - shrink: 0;
        width: 100 %
    }
    .card - img, .card - img - top {
        border - top - left - radius: calc(.25rem - 1px);
        border - top - right - radius: calc(.25rem - 1px)
    }
    .card - img, .card - img - bottom {
        border - bottom - right - radius: calc(.25rem - 1px);
        border - bottom - left - radius: calc(.25rem - 1px)
    }
    .card - deck.card {
        margin - bottom: 15px
    }
     @ media(min - width: 576px) {
        .card - deck {
            display: -ms - flexbox;
            display: flex;
            -ms - flex - flow: row wrap;
            flex - flow: row wrap;
            margin - right: -15px;
            margin - left: -15px
        }
        .card - deck.card {
            -ms - flex: 1 0 0 % ;
            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: -ms - flexbox;
            display: flex;
            -ms - flex - flow: row wrap;
            flex - flow: row wrap
        }
        .card - group > .card {
            -ms - flex: 1 0 0 % ;
            flex: 1 0 0 % ;
            margin - bottom: 0
        }
        .card - group > .card + .card {
            margin - left: 0;
            border - left: 0
        }
        .card - group > .card: not(: last - child) {
            border - top - right - radius: 0;
            border - bottom - right - radius: 0
        }
        .card - group > .card: not(: last - child).card - 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: .75rem
    }
     @ media(min - width: 576px) {
        .card - columns {
            -webkit - column - count: 3;
            -moz - column - count: 3;
            column - count: 3;
            -webkit - column - gap: 1.25rem;
            -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: -1px
    }
    .breadcrumb {
        display: -ms - flexbox;
        display: flex;
        -ms - flex - wrap: wrap;
        flex - wrap: wrap;
        padding: .75rem 1rem;
        margin - bottom: 1rem;
        list - style: none;
        background - color:  # e9ecef;
        border - radius: .25rem
    }
    .breadcrumb - item {
        display: -ms - flexbox;
        display: flex
    }
    .breadcrumb - item + .breadcrumb - item {
        padding - left: .5rem
    }
    .breadcrumb - item + .breadcrumb - item::before {
        display: inline - block;
        padding - right: .5rem;
        color:  # 6c757d;
        content: "/"
    }
    .breadcrumb - item + .breadcrumb - item: hover::before {
        text - decoration: underline
    }
    .breadcrumb - item + .breadcrumb - item: hover::before {
        text - decoration: none
    }
    .breadcrumb - item.active {
        color:  # 6c757d
    }
    .pagination {
        display: -ms - flexbox;
        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:  # 007bff;
        background - color:  # fff;
        border: 1px solid # dee2e6
    }
    .page - link: hover {
        z - index: 2;
        color:  # 0056b3;
        text - decoration: none;
        background - color:  # e9ecef;
        border - color:  # dee2e6
    }
    .page - link: focus {
        z - index: 3;
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(0, 123, 255, .25)
    }
    .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:  # fff;
        background - color:  # 007bff;
        border - color:  # 007bff
    }
    .page - item.disabled.page - link {
        color:  # 6c757d;
        pointer - events: none;
        cursor: auto;
        background - color:  # fff;
        border - color:  # dee2e6
    }
    .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: .3rem;
        border - bottom - left - radius: .3rem
    }
    .pagination - lg.page - item: last - child.page - link {
        border - top - right - radius: .3rem;
        border - bottom - right - radius: .3rem
    }
    .pagination - sm.page - link {
        padding: .25rem.5rem;
        font - size: .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: 75 % ;
        font - weight: 700;
        line - height: 1;
        text - align: center;
        white - space: nowrap;
        vertical - align: baseline;
        border - radius: .25rem;
        transition: color.15s ease - in - out,
        background - color.15s ease - in - out,
        border - color.15s ease - in - out,
        box - shadow.15s ease - in - out
    }
     @ media(prefers - reduced - motion: reduce) {
        .badge {
            transition: none
        }
    }
    a.badge: focus, a.badge: hover {
        text - decoration: none
    }
    .badge: empty {
        display: none
    }
    .btn.badge {
        position: relative;
        top: -1px
    }
    .badge - pill {
        padding - right: .6em;
        padding - left: .6em;
        border - radius: 10rem
    }
    .badge - primary {
        color:  # fff;
        background - color:  # 007bff
    }
    a.badge - primary: focus, a.badge - primary: hover {
        color:  # fff;
        background - color:  # 0062cc
    }
    a.badge - primary.focus, a.badge - primary: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(0, 123, 255, .5)
    }
    .badge - secondary {
        color:  # fff;
        background - color:  # 6c757d
    }
    a.badge - secondary: focus, a.badge - secondary: hover {
        color:  # fff;
        background - color:  # 545b62
    }
    a.badge - secondary.focus, a.badge - secondary: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(108, 117, 125, .5)
    }
    .badge - success {
        color:  # fff;
        background - color:  # 28a745
    }
    a.badge - success: focus, a.badge - success: hover {
        color:  # fff;
        background - color:  # 1e7e34
    }
    a.badge - success.focus, a.badge - success: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(40, 167, 69, .5)
    }
    .badge - info {
        color:  # fff;
        background - color:  # 17a2b8
    }
    a.badge - info: focus, a.badge - info: hover {
        color:  # fff;
        background - color:  # 117a8b
    }
    a.badge - info.focus, a.badge - info: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(23, 162, 184, .5)
    }
    .badge - warning {
        color:  # 212529;
        background - color:  # ffc107
    }
    a.badge - warning: focus, a.badge - warning: hover {
        color:  # 212529;
        background - color:  # d39e00
    }
    a.badge - warning.focus, a.badge - warning: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(255, 193, 7, .5)
    }
    .badge - danger {
        color:  # fff;
        background - color:  # dc3545
    }
    a.badge - danger: focus, a.badge - danger: hover {
        color:  # fff;
        background - color:  # bd2130
    }
    a.badge - danger.focus, a.badge - danger: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(220, 53, 69, .5)
    }
    .badge - light {
        color:  # 212529;
        background - color:  # f8f9fa
    }
    a.badge - light: focus, a.badge - light: hover {
        color:  # 212529;
        background - color:  # dae0e5
    }
    a.badge - light.focus, a.badge - light: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(248, 249, 250, .5)
    }
    .badge - dark {
        color:  # fff;
        background - color:  # 343a40
    }
    a.badge - dark: focus, a.badge - dark: hover {
        color:  # fff;
        background - color:  # 1d2124
    }
    a.badge - dark.focus, a.badge - dark: focus {
        outline: 0;
        box - shadow: 0 0 0.2rem rgba(52, 58, 64, .5)
    }
    .jumbotron {
        padding: 2rem 1rem;
        margin - bottom: 2rem;
        background - color:  # e9ecef;
        border - radius: .3rem
    }
     @ 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: 700
    }
    .alert - dismissible {
        padding - right: 4rem
    }
    .alert - dismissible.close {
        position: absolute;
        top: 0;
        right: 0;
        padding: .75rem 1.25rem;
        color: inherit
    }
    .alert - primary {
        color:  # 004085;
        background - color:  # cce5ff;
        border - color:  # b8daff
    }
    .alert - primary hr {
        border - top - color:  # 9fcdff
    }
    .alert - primary.alert - link {
        color:  # 002752
    }
    .alert - secondary {
        color:  # 383d41;
        background - color:  # e2e3e5;
        border - color:  # d6d8db
    }
    .alert - secondary hr {
        border - top - color:  # c8cbcf
    }
    .alert - secondary.alert - link {
        color:  # 202326
    }
    .alert - success {
        color:  # 155724;
        background - color:  # d4edda;
        border - color:  # c3e6cb
    }
    .alert - success hr {
        border - top - color:  # b1dfbb
    }
    .alert - success.alert - link {
        color:  # 0b2e13
    }
    .alert - info {
        color:  # 0c5460;
        background - color:  # d1ecf1;
        border - color:  # bee5eb
    }
    .alert - info hr {
        border - top - color:  # abdde5
    }
    .alert - info.alert - link {
        color:  # 062c33
    }
    .alert - warning {
        color:  # 856404;
        background - color:  # fff3cd;
        border - color:  # ffeeba
    }
    .alert - warning hr {
        border - top - color:  # ffe8a1
    }
    .alert - warning.alert - link {
        color:  # 533f03
    }
    .alert - danger {
        color:  # 721c24;
        background - color:  # f8d7da;
        border - color:  # f5c6cb
    }
    .alert - danger hr {
        border - top - color:  # f1b0b7
    }
    .alert - danger.alert - link {
        color:  # 491217
    }
    .alert - light {
        color:  # 818182;
        background - color:  # fefefe;
        border - color:  # fdfdfe
    }
    .alert - light hr {
        border - top - color:  # ececf6
    }
    .alert - light.alert - link {
        color:  # 686868
    }
    .alert - dark {
        color:  # 1b1e21;
        background - color:  # d6d8d9;
        border - color:  # c6c8ca
    }
    .alert - dark hr {
        border - top - color:  # b9bbbe
    }
    .alert - dark.alert - link {
        color:  # 040505
    }
     @ -webkit - keyframes progress - bar - stripes {
        from {
            background - position: 1rem 0
        }
        to {
            background - position: 0 0
        }
    }
     @ keyframes progress - bar - stripes {
        from {
            background - position: 1rem 0
        }
        to {
            background - position: 0 0
        }
    }
    .progress {
        display: -ms - flexbox;
        display: flex;
        height: 1rem;
        overflow: hidden;
        line - height: 0;
        font - size: .75rem;
        background - color:  # e9ecef;
        border - radius: .25rem
    }
    .progress - bar {
        display: -ms - flexbox;
        display: flex;
        -ms - flex - direction: column;
        flex - direction: column;
        -ms - flex - pack: center;
        justify - content: center;
        overflow: hidden;
        color:  # fff;
        text - align: center;
        white - space: nowrap;
        background - color:  # 007bff;
        transition: width.6s ease
    }
     @ media(prefers - reduced - motion: reduce) {
        .progress - bar {
            transition: none
        }
    }
    .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: 1rem 1rem
    }
    .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: -ms - flexbox;
        display: flex;
        -ms - flex - align: start;
        align - items: flex - start
    }
    .media - body {
        -ms - flex: 1;
        flex: 1
    }
    .list - group {
        display: -ms - flexbox;
        display: flex;
        -ms - flex - direction: column;
        flex - direction: column;
        padding - left: 0;
        margin - bottom: 0;
        border - radius: .25rem
    }
    .list - group - item - action {
        width: 100 % ;
        color:  # 495057;
        text - align: inherit
    }
    .list - group - item - action: focus, .list - group - item - action: hover {
        z - index: 1;
        color:  # 495057;
        text - decoration: none;
        background - color:  # f8f9fa
    }
    .list - group - item - action: active {
        color:  # 212529;
        background - color:  # e9ecef
    }
    .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:  # 6c757d;
        pointer - events: none;
        background - color:  # fff
    }
    .list - group - item.active {
        z - index: 2;
        color:  # fff;
        background - color:  # 007bff;
        border - color:  # 007bff
    }
    .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 {
        -ms - flex - direction: row;
        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 {
            -ms - flex - direction: row;
            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 {
            -ms - flex - direction: row;
            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 {
            -ms - flex - direction: row;
            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 {
            -ms - flex - direction: row;
            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:  # 004085;
        background - color:  # b8daff
    }
    .list - group - item - primary.list - group - item - action: focus, .list - group - item - primary.list - group - item - action: hover {
        color:  # 004085;
        background - color:  # 9fcdff
    }
    .list - group - item - primary.list - group - item - action.active {
        color:  # fff;
        background - color:  # 004085;
        border - color:  # 004085
    }
    .list - group - item - secondary {
        color:  # 383d41;
        background - color:  # d6d8db
    }
    .list - group - item - secondary.list - group - item - action: focus, .list - group - item - secondary.list - group - item - action: hover {
        color:  # 383d41;
        background - color:  # c8cbcf
    }
    .list - group - item - secondary.list - group - item - action.active {
        color:  # fff;
        background - color:  # 383d41;
        border - color:  # 383d41
    }
    .list - group - item - success {
        color:  # 155724;
        background - color:  # c3e6cb
    }
    .list - group - item - success.list - group - item - action: focus, .list - group - item - success.list - group - item - action: hover {
        color:  # 155724;
        background - color:  # b1dfbb
    }
    .list - group - item - success.list - group - item - action.active {
        color:  # fff;
        background - color:  # 155724;
        border - color:  # 155724
    }
    .list - group - item - info {
        color:  # 0c5460;
        background - color:  # bee5eb
    }
    .list - group - item - info.list - group - item - action: focus, .list - group - item - info.list - group - item - action: hover {
        color:  # 0c5460;
        background - color:  # abdde5
    }
    .list - group - item - info.list - group - item - action.active {
        color:  # fff;
        background - color:  # 0c5460;
        border - color:  # 0c5460
    }
    .list - group - item - warning {
        color:  # 856404;
        background - color:  # ffeeba
    }
    .list - group - item - warning.list - group - item - action: focus, .list - group - item - warning.list - group - item - action: hover {
        color:  # 856404;
        background - color:  # ffe8a1
    }
    .list - group - item - warning.list - group - item - action.active {
        color:  # fff;
        background - color:  # 856404;
        border - color:  # 856404
    }
    .list - group - item - danger {
        color:  # 721c24;
        background - color:  # f5c6cb
    }
    .list - group - item - danger.list - group - item - action: focus, .list - group - item - danger.list - group - item - action: hover {
        color:  # 721c24;
        background - color:  # f1b0b7
    }
    .list - group - item - danger.list - group - item - action.active {
        color:  # fff;
        background - color:  # 721c24;
        border - color:  # 721c24
    }
    .list - group - item - light {
        color:  # 818182;
        background - color:  # fdfdfe
    }
    .list - group - item - light.list - group - item - action: focus, .list - group - item - light.list - group - item - action: hover {
        color:  # 818182;
        background - color:  # ececf6
    }
    .list - group - item - light.list - group - item - action.active {
        color:  # fff;
        background - color:  # 818182;
        border - color:  # 818182
    }
    .list - group - item - dark {
        color:  # 1b1e21;
        background - color:  # c6c8ca
    }
    .list - group - item - dark.list - group - item - action: focus, .list - group - item - dark.list - group - item - action: hover {
        color:  # 1b1e21;
        background - color:  # b9bbbe
    }
    .list - group - item - dark.list - group - item - action.active {
        color:  # fff;
        background - color:  # 1b1e21;
        border - color:  # 1b1e21
    }
    .close {
        float: right;
        font - size: 1.5rem;
        font - weight: 700;
        line - height: 1;
        color:  # 000;
        text - shadow: 0 1px 0 # fff;
        opacity: .5
    }
    .close: hover {
        color:  # 000;
        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 {
        -ms - flex - preferred - size: 350px;
        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.25rem.75rem rgba(0, 0, 0, .1);
        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: -ms - flexbox;
        display: flex;
        -ms - flex - align: center;
        align - items: center;
        padding: .25rem.75rem;
        color:  # 6c757d;
        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 {
        transition: -webkit - transform.3s ease - out;
        transition: transform.3s ease - out;
        transition: transform.3s ease - out,
        -webkit - transform.3s ease - out;
        -webkit - transform: translate(0, -50px);
        transform: translate(0, -50px)
    }
     @ media(prefers - reduced - motion: reduce) {
        .modal.fade.modal - dialog {
            transition: none
        }
    }
    .modal.show.modal - dialog {
        -webkit - transform: none;
        transform: none
    }
    .modal.modal - static.modal - dialog {
        -webkit - transform: scale(1.02);
        transform: scale(1.02)
    }
    .modal - dialog - scrollable {
        display: -ms - flexbox;
        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 {
        -ms - flex - negative: 0;
        flex - shrink: 0
    }
    .modal - dialog - scrollable.modal - body {
        overflow - y: auto
    }
    .modal - dialog - centered {
        display: -ms - flexbox;
        display: flex;
        -ms - flex - align: center;
        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 {
        -ms - flex - direction: column;
        flex - direction: column;
        -ms - flex - pack: center;
        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: -ms - flexbox;
        display: flex;
        -ms - flex - direction: column;
        flex - direction: column;
        width: 100 % ;
        pointer - events: auto;
        background - color:  # fff;
        background - clip: padding - box;
        border: 1px solid rgba(0, 0, 0, .2);
        border - radius: .3rem;
        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: -ms - flexbox;
        display: flex;
        -ms - flex - align: start;
        align - items: flex - start;
        -ms - flex - pack: justify;
        justify - content: space - between;
        padding: 1rem 1rem;
        border - bottom: 1px solid # dee2e6;
        border - top - left - radius: calc(.3rem - 1px);
        border - top - right - radius: calc(.3rem - 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;
        -ms - flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1rem
    }
    .modal - footer {
        display: -ms - flexbox;
        display: flex;
        -ms - flex - wrap: wrap;
        flex - wrap: wrap;
        -ms - flex - align: center;
        align - items: center;
        -ms - flex - pack: end;
        justify - content: flex - end;
        padding: .75rem;
        border - top: 1px solid # dee2e6;
        border - bottom - right - radius: calc(.3rem - 1px);
        border - bottom - left - radius: calc(.3rem - 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
        }
    }
    .tooltip {
        position: absolute;
        z - index: 1070;
        display: block;
        margin: 0;
        font - family: -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:  # 000
    }
    .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:  # 000
    }
    .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:  # 000
    }
    .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:  # 000
    }
    .tooltip - inner {
        max - width: 200px;
        padding: .25rem.5rem;
        color:  # fff;
        text - align: center;
        background - color:  # 000;
        border - radius: .25rem
    }
    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z - index: 1060;
        display: block;
        max - width: 276px;
        font - family: -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: .3rem
    }
    .popover.arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: .5rem;
        margin: 0.3rem
    }
    .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: .3rem 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: .3rem 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(.3rem - 1px);
        border - top - right - radius: calc(.3rem - 1px)
    }
    .popover - header: empty {
        display: none
    }
    .popover - body {
        padding: .5rem.75rem;
        color:  # 212529
    }
    .carousel {
        position: relative
    }
    .carousel.pointer - event {
        -ms - touch - action: pan - y;
        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;
        transition: -webkit - transform.6s ease - in - out;
        transition: transform.6s ease - in - out;
        transition: transform.6s ease - in - out,
        -webkit - transform.6s ease - in - out
    }
     @ media(prefers - reduced - motion: reduce) {
        .carousel - item {
            transition: none
        }
    }
    .carousel - item - next, .carousel - item - prev, .carousel - item.active {
        display: block
    }
    .active.carousel - item - right, .carousel - item - next: not(.carousel - item - left) {
        -webkit - transform: translateX(100 % );
        transform: translateX(100 % )
    }
    .active.carousel - item - left, .carousel - item - prev: not(.carousel - item - right) {
        -webkit - transform: translateX(-100 % );
        transform: translateX(-100 % )
    }
    .carousel - fade.carousel - item {
        opacity: 0;
        transition - property: opacity;
        -webkit - transform: none;
        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;
        transition: opacity 0s.6s
    }
     @ media(prefers - reduced - motion: reduce) {
        .carousel - fade.active.carousel - item - left,
        .carousel - fade.active.carousel - item - right {
            transition: none
        }
    }
    .carousel - control - next, .carousel - control - prev {
        position: absolute;
        top: 0;
        bottom: 0;
        z - index: 1;
        display: -ms - flexbox;
        display: flex;
        -ms - flex - align: center;
        align - items: center;
        -ms - flex - pack: center;
        justify - content: center;
        width: 15 % ;
        color:  # fff;
        text - align: center;
        opacity: .5;
        transition: opacity.15s ease
    }
     @ media(prefers - reduced - motion: reduce) {
        .carousel - control - next,
        .carousel - control - prev {
            transition: none
        }
    }
    .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: -ms - flexbox;
        display: flex;
        -ms - flex - pack: center;
        justify - content: center;
        padding - left: 0;
        margin - right: 15 % ;
        margin - left: 15 % ;
        list - style: none
    }
    .carousel - indicators li {
        box - sizing: content - box;
        -ms - flex: 0 1 auto;
        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;
        transition: opacity.6s ease
    }
     @ media(prefers - reduced - motion: reduce) {
        .carousel - indicators li {
            transition: none
        }
    }
    .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
    }
     @ -webkit - keyframes spinner - border {
        to {
            -webkit - transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
     @ keyframes spinner - border {
        to {
            -webkit - transform: rotate(360deg);
            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 % {
            -webkit - transform: scale(0);
            transform: scale(0)
        }
        50 % {
            opacity: 1;
            -webkit - transform: none;
            transform: none
        }
    }
     @ keyframes spinner - grow {
        0 % {
            -webkit - transform: scale(0);
            transform: scale(0)
        }
        50 % {
            opacity: 1;
            -webkit - transform: none;
            transform: none
        }
    }
    .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
    }
    .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:  # 007bff!important
    }
    a.bg - primary: focus, a.bg - primary: hover, button.bg - primary: focus, button.bg - primary: hover {
        background - color:  # 0062cc!important
    }
    .bg - secondary {
        background - color:  # 6c757d!important
    }
    a.bg - secondary: focus, a.bg - secondary: hover, button.bg - secondary: focus, button.bg - secondary: hover {
        background - color:  # 545b62!important
    }
    .bg - success {
        background - color:  # 28a745!important
    }
    a.bg - success: focus, a.bg - success: hover, button.bg - success: focus, button.bg - success: hover {
        background - color:  # 1e7e34!important
    }
    .bg - info {
        background - color:  # 17a2b8!important
    }
    a.bg - info: focus, a.bg - info: hover, button.bg - info: focus, button.bg - info: hover {
        background - color:  # 117a8b!important
    }
    .bg - warning {
        background - color:  # ffc107!important
    }
    a.bg - warning: focus, a.bg - warning: hover, button.bg - warning: focus, button.bg - warning: hover {
        background - color:  # d39e00!important
    }
    .bg - danger {
        background - color:  # dc3545!important
    }
    a.bg - danger: focus, a.bg - danger: hover, button.bg - danger: focus, button.bg - danger: hover {
        background - color:  # bd2130!important
    }
    .bg - light {
        background - color:  # f8f9fa!important
    }
    a.bg - light: focus, a.bg - light: hover, button.bg - light: focus, button.bg - light: hover {
        background - color:  # dae0e5!important
    }
    .bg - dark {
        background - color:  # 343a40!important
    }
    a.bg - dark: focus, a.bg - dark: hover, button.bg - dark: focus, button.bg - dark: hover {
        background - color:  # 1d2124!important
    }
    .bg - white {
        background - color:  # fff!important
    }
    .bg - transparent {
        background - color: transparent!important
    }
    .border {
        border: 1px solid # dee2e6!important
    }
    .border - top {
        border - top: 1px solid # dee2e6!important
    }
    .border - right {
        border - right: 1px solid # dee2e6!important
    }
    .border - bottom {
        border - bottom: 1px solid # dee2e6!important
    }
    .border - left {
        border - left: 1px solid # dee2e6!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:  # 007bff!important
    }
    .border - secondary {
        border - color:  # 6c757d!important
    }
    .border - success {
        border - color:  # 28a745!important
    }
    .border - info {
        border - color:  # 17a2b8!important
    }
    .border - warning {
        border - color:  # ffc107!important
    }
    .border - danger {
        border - color:  # dc3545!important
    }
    .border - light {
        border - color:  # f8f9fa!important
    }
    .border - dark {
        border - color:  # 343a40!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: .3rem!important
    }
    .rounded - circle {
        border - radius: 50 % !important
    }
    .rounded - pill {
        border - radius: 50rem!important
    }
    .rounded - 0 {
        border - radius: 0!important
    }
    .clearfix::after {
        display: block;
        clear: both;
        content: ""
    }
    .d - none {
        display: none!important
    }
    .d - inline {
        display: inline!important
    }
    .d - inline - block {
        display: inline - block!important
    }
    .d - block {
        display: block!important
    }
    .d - table {
        display: table!important
    }
    .d - table - row {
        display: table - row!important
    }
    .d - table - cell {
        display: table - cell!important
    }
    .d - flex {
        display: -ms - flexbox!important;
        display: flex!important
    }
    .d - inline - flex {
        display: -ms - inline - flexbox!important;
        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: -ms - flexbox!important;
            display: flex!important
        }
        .d - sm - inline - flex {
            display: -ms - inline - flexbox!important;
            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: -ms - flexbox!important;
            display: flex!important
        }
        .d - md - inline - flex {
            display: -ms - inline - flexbox!important;
            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: -ms - flexbox!important;
            display: flex!important
        }
        .d - lg - inline - flex {
            display: -ms - inline - flexbox!important;
            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: -ms - flexbox!important;
            display: flex!important
        }
        .d - xl - inline - flex {
            display: -ms - inline - flexbox!important;
            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: -ms - flexbox!important;
            display: flex!important
        }
        .d - print - inline - flex {
            display: -ms - inline - flexbox!important;
            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.857143 %
    }
    .embed - responsive - 16by9::before {
        padding - top: 56.25 %
    }
    .embed - responsive - 4by3::before {
        padding - top: 75 %
    }
    .embed - responsive - 1by1::before {
        padding - top: 100 %
    }
    .flex - row {
        -ms - flex - direction: row!important;
        flex - direction: row!important
    }
    .flex - column {
        -ms - flex - direction: column!important;
        flex - direction: column!important
    }
    .flex - row - reverse {
        -ms - flex - direction: row - reverse!important;
        flex - direction: row - reverse!important
    }
    .flex - column - reverse {
        -ms - flex - direction: column - reverse!important;
        flex - direction: column - reverse!important
    }
    .flex - wrap {
        -ms - flex - wrap: wrap!important;
        flex - wrap: wrap!important
    }
    .flex - nowrap {
        -ms - flex - wrap: nowrap!important;
        flex - wrap: nowrap!important
    }
    .flex - wrap - reverse {
        -ms - flex - wrap: wrap - reverse!important;
        flex - wrap: wrap - reverse!important
    }
    .flex - fill {
        -ms - flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }
    .flex - grow - 0 {
        -ms - flex - positive: 0!important;
        flex - grow: 0!important
    }
    .flex - grow - 1 {
        -ms - flex - positive: 1!important;
        flex - grow: 1!important
    }
    .flex - shrink - 0 {
        -ms - flex - negative: 0!important;
        flex - shrink: 0!important
    }
    .flex - shrink - 1 {
        -ms - flex - negative: 1!important;
        flex - shrink: 1!important
    }
    .justify - content - start {
        -ms - flex - pack: start!important;
        justify - content: flex - start!important
    }
    .justify - content - end {
        -ms - flex - pack: end!important;
        justify - content: flex - end!important
    }
    .justify - content - center {
        -ms - flex - pack: center!important;
        justify - content: center!important
    }
    .justify - content - between {
        -ms - flex - pack: justify!important;
        justify - content: space - between!important
    }
    .justify - content - around {
        -ms - flex - pack: distribute!important;
        justify - content: space - around!important
    }
    .align - items - start {
        -ms - flex - align: start!important;
        align - items: flex - start!important
    }
    .align - items - end {
        -ms - flex - align: end!important;
        align - items: flex - end!important
    }
    .align - items - center {
        -ms - flex - align: center!important;
        align - items: center!important
    }
    .align - items - baseline {
        -ms - flex - align: baseline!important;
        align - items: baseline!important
    }
    .align - items - stretch {
        -ms - flex - align: stretch!important;
        align - items: stretch!important
    }
    .align - content - start {
        -ms - flex - line - pack: start!important;
        align - content: flex - start!important
    }
    .align - content - end {
        -ms - flex - line - pack: end!important;
        align - content: flex - end!important
    }
    .align - content - center {
        -ms - flex - line - pack: center!important;
        align - content: center!important
    }
    .align - content - between {
        -ms - flex - line - pack: justify!important;
        align - content: space - between!important
    }
    .align - content - around {
        -ms - flex - line - pack: distribute!important;
        align - content: space - around!important
    }
    .align - content - stretch {
        -ms - flex - line - pack: stretch!important;
        align - content: stretch!important
    }
    .align - self - auto {
        -ms - flex - item - align: auto!important;
        align - self: auto!important
    }
    .align - self - start {
        -ms - flex - item - align: start!important;
        align - self: flex - start!important
    }
    .align - self - end {
        -ms - flex - item - align: end!important;
        align - self: flex - end!important
    }
    .align - self - center {
        -ms - flex - item - align: center!important;
        align - self: center!important
    }
    .align - self - baseline {
        -ms - flex - item - align: baseline!important;
        align - self: baseline!important
    }
    .align - self - stretch {
        -ms - flex - item - align: stretch!important;
        align - self: stretch!important
    }
     @ media(min - width: 576px) {
        .flex - sm - row {
            -ms - flex - direction: row!important;
            flex - direction: row!important
        }
        .flex - sm - column {
            -ms - flex - direction: column!important;
            flex - direction: column!important
        }
        .flex - sm - row - reverse {
            -ms - flex - direction: row - reverse!important;
            flex - direction: row - reverse!important
        }
        .flex - sm - column - reverse {
            -ms - flex - direction: column - reverse!important;
            flex - direction: column - reverse!important
        }
        .flex - sm - wrap {
            -ms - flex - wrap: wrap!important;
            flex - wrap: wrap!important
        }
        .flex - sm - nowrap {
            -ms - flex - wrap: nowrap!important;
            flex - wrap: nowrap!important
        }
        .flex - sm - wrap - reverse {
            -ms - flex - wrap: wrap - reverse!important;
            flex - wrap: wrap - reverse!important
        }
        .flex - sm - fill {
            -ms - flex: 1 1 auto!important;
            flex: 1 1 auto!important
        }
        .flex - sm - grow - 0 {
            -ms - flex - positive: 0!important;
            flex - grow: 0!important
        }
        .flex - sm - grow - 1 {
            -ms - flex - positive: 1!important;
            flex - grow: 1!important
        }
        .flex - sm - shrink - 0 {
            -ms - flex - negative: 0!important;
            flex - shrink: 0!important
        }
        .flex - sm - shrink - 1 {
            -ms - flex - negative: 1!important;
            flex - shrink: 1!important
        }
        .justify - content - sm - start {
            -ms - flex - pack: start!important;
            justify - content: flex - start!important
        }
        .justify - content - sm - end {
            -ms - flex - pack: end!important;
            justify - content: flex - end!important
        }
        .justify - content - sm - center {
            -ms - flex - pack: center!important;
            justify - content: center!important
        }
        .justify - content - sm - between {
            -ms - flex - pack: justify!important;
            justify - content: space - between!important
        }
        .justify - content - sm - around {
            -ms - flex - pack: distribute!important;
            justify - content: space - around!important
        }
        .align - items - sm - start {
            -ms - flex - align: start!important;
            align - items: flex - start!important
        }
        .align - items - sm - end {
            -ms - flex - align: end!important;
            align - items: flex - end!important
        }
        .align - items - sm - center {
            -ms - flex - align: center!important;
            align - items: center!important
        }
        .align - items - sm - baseline {
            -ms - flex - align: baseline!important;
            align - items: baseline!important
        }
        .align - items - sm - stretch {
            -ms - flex - align: stretch!important;
            align - items: stretch!important
        }
        .align - content - sm - start {
            -ms - flex - line - pack: start!important;
            align - content: flex - start!important
        }
        .align - content - sm - end {
            -ms - flex - line - pack: end!important;
            align - content: flex - end!important
        }
        .align - content - sm - center {
            -ms - flex - line - pack: center!important;
            align - content: center!important
        }
        .align - content - sm - between {
            -ms - flex - line - pack: justify!important;
            align - content: space - between!important
        }
        .align - content - sm - around {
            -ms - flex - line - pack: distribute!important;
            align - content: space - around!important
        }
        .align - content - sm - stretch {
            -ms - flex - line - pack: stretch!important;
            align - content: stretch!important
        }
        .align - self - sm - auto {
            -ms - flex - item - align: auto!important;
            align - self: auto!important
        }
        .align - self - sm - start {
            -ms - flex - item - align: start!important;
            align - self: flex - start!important
        }
        .align - self - sm - end {
            -ms - flex - item - align: end!important;
            align - self: flex - end!important
        }
        .align - self - sm - center {
            -ms - flex - item - align: center!important;
            align - self: center!important
        }
        .align - self - sm - baseline {
            -ms - flex - item - align: baseline!important;
            align - self: baseline!important
        }
        .align - self - sm - stretch {
            -ms - flex - item - align: stretch!important;
            align - self: stretch!important
        }
    }
     @ media(min - width: 768px) {
        .flex - md - row {
            -ms - flex - direction: row!important;
            flex - direction: row!important
        }
        .flex - md - column {
            -ms - flex - direction: column!important;
            flex - direction: column!important
        }
        .flex - md - row - reverse {
            -ms - flex - direction: row - reverse!important;
            flex - direction: row - reverse!important
        }
        .flex - md - column - reverse {
            -ms - flex - direction: column - reverse!important;
            flex - direction: column - reverse!important
        }
        .flex - md - wrap {
            -ms - flex - wrap: wrap!important;
            flex - wrap: wrap!important
        }
        .flex - md - nowrap {
            -ms - flex - wrap: nowrap!important;
            flex - wrap: nowrap!important
        }
        .flex - md - wrap - reverse {
            -ms - flex - wrap: wrap - reverse!important;
            flex - wrap: wrap - reverse!important
        }
        .flex - md - fill {
            -ms - flex: 1 1 auto!important;
            flex: 1 1 auto!important
        }
        .flex - md - grow - 0 {
            -ms - flex - positive: 0!important;
            flex - grow: 0!important
        }
        .flex - md - grow - 1 {
            -ms - flex - positive: 1!important;
            flex - grow: 1!important
        }
        .flex - md - shrink - 0 {
            -ms - flex - negative: 0!important;
            flex - shrink: 0!important
        }
        .flex - md - shrink - 1 {
            -ms - flex - negative: 1!important;
            flex - shrink: 1!important
        }
        .justify - content - md - start {
            -ms - flex - pack: start!important;
            justify - content: flex - start!important
        }
        .justify - content - md - end {
            -ms - flex - pack: end!important;
            justify - content: flex - end!important
        }
        .justify - content - md - center {
            -ms - flex - pack: center!important;
            justify - content: center!important
        }
        .justify - content - md - between {
            -ms - flex - pack: justify!important;
            justify - content: space - between!important
        }
        .justify - content - md - around {
            -ms - flex - pack: distribute!important;
            justify - content: space - around!important
        }
        .align - items - md - start {
            -ms - flex - align: start!important;
            align - items: flex - start!important
        }
        .align - items - md - end {
            -ms - flex - align: end!important;
            align - items: flex - end!important
        }
        .align - items - md - center {
            -ms - flex - align: center!important;
            align - items: center!important
        }
        .align - items - md - baseline {
            -ms - flex - align: baseline!important;
            align - items: baseline!important
        }
        .align - items - md - stretch {
            -ms - flex - align: stretch!important;
            align - items: stretch!important
        }
        .align - content - md - start {
            -ms - flex - line - pack: start!important;
            align - content: flex - start!important
        }
        .align - content - md - end {
            -ms - flex - line - pack: end!important;
            align - content: flex - end!important
        }
        .align - content - md - center {
            -ms - flex - line - pack: center!important;
            align - content: center!important
        }
        .align - content - md - between {
            -ms - flex - line - pack: justify!important;
            align - content: space - between!important
        }
        .align - content - md - around {
            -ms - flex - line - pack: distribute!important;
            align - content: space - around!important
        }
        .align - content - md - stretch {
            -ms - flex - line - pack: stretch!important;
            align - content: stretch!important
        }
        .align - self - md - auto {
            -ms - flex - item - align: auto!important;
            align - self: auto!important
        }
        .align - self - md - start {
            -ms - flex - item - align: start!important;
            align - self: flex - start!important
        }
        .align - self - md - end {
            -ms - flex - item - align: end!important;
            align - self: flex - end!important
        }
        .align - self - md - center {
            -ms - flex - item - align: center!important;
            align - self: center!important
        }
        .align - self - md - baseline {
            -ms - flex - item - align: baseline!important;
            align - self: baseline!important
        }
        .align - self - md - stretch {
            -ms - flex - item - align: stretch!important;
            align - self: stretch!important
        }
    }
     @ media(min - width: 992px) {
        .flex - lg - row {
            -ms - flex - direction: row!important;
            flex - direction: row!important
        }
        .flex - lg - column {
            -ms - flex - direction: column!important;
            flex - direction: column!important
        }
        .flex - lg - row - reverse {
            -ms - flex - direction: row - reverse!important;
            flex - direction: row - reverse!important
        }
        .flex - lg - column - reverse {
            -ms - flex - direction: column - reverse!important;
            flex - direction: column - reverse!important
        }
        .flex - lg - wrap {
            -ms - flex - wrap: wrap!important;
            flex - wrap: wrap!important
        }
        .flex - lg - nowrap {
            -ms - flex - wrap: nowrap!important;
            flex - wrap: nowrap!important
        }
        .flex - lg - wrap - reverse {
            -ms - flex - wrap: wrap - reverse!important;
            flex - wrap: wrap - reverse!important
        }
        .flex - lg - fill {
            -ms - flex: 1 1 auto!important;
            flex: 1 1 auto!important
        }
        .flex - lg - grow - 0 {
            -ms - flex - positive: 0!important;
            flex - grow: 0!important
        }
        .flex - lg - grow - 1 {
            -ms - flex - positive: 1!important;
            flex - grow: 1!important
        }
        .flex - lg - shrink - 0 {
            -ms - flex - negative: 0!important;
            flex - shrink: 0!important
        }
        .flex - lg - shrink - 1 {
            -ms - flex - negative: 1!important;
            flex - shrink: 1!important
        }
        .justify - content - lg - start {
            -ms - flex - pack: start!important;
            justify - content: flex - start!important
        }
        .justify - content - lg - end {
            -ms - flex - pack: end!important;
            justify - content: flex - end!important
        }
        .justify - content - lg - center {
            -ms - flex - pack: center!important;
            justify - content: center!important
        }
        .justify - content - lg - between {
            -ms - flex - pack: justify!important;
            justify - content: space - between!important
        }
        .justify - content - lg - around {
            -ms - flex - pack: distribute!important;
            justify - content: space - around!important
        }
        .align - items - lg - start {
            -ms - flex - align: start!important;
            align - items: flex - start!important
        }
        .align - items - lg - end {
            -ms - flex - align: end!important;
            align - items: flex - end!important
        }
        .align - items - lg - center {
            -ms - flex - align: center!important;
            align - items: center!important
        }
        .align - items - lg - baseline {
            -ms - flex - align: baseline!important;
            align - items: baseline!important
        }
        .align - items - lg - stretch {
            -ms - flex - align: stretch!important;
            align - items: stretch!important
        }
        .align - content - lg - start {
            -ms - flex - line - pack: start!important;
            align - content: flex - start!important
        }
        .align - content - lg - end {
            -ms - flex - line - pack: end!important;
            align - content: flex - end!important
        }
        .align - content - lg - center {
            -ms - flex - line - pack: center!important;
            align - content: center!important
        }
        .align - content - lg - between {
            -ms - flex - line - pack: justify!important;
            align - content: space - between!important
        }
        .align - content - lg - around {
            -ms - flex - line - pack: distribute!important;
            align - content: space - around!important
        }
        .align - content - lg - stretch {
            -ms - flex - line - pack: stretch!important;
            align - content: stretch!important
        }
        .align - self - lg - auto {
            -ms - flex - item - align: auto!important;
            align - self: auto!important
        }
        .align - self - lg - start {
            -ms - flex - item - align: start!important;
            align - self: flex - start!important
        }
        .align - self - lg - end {
            -ms - flex - item - align: end!important;
            align - self: flex - end!important
        }
        .align - self - lg - center {
            -ms - flex - item - align: center!important;
            align - self: center!important
        }
        .align - self - lg - baseline {
            -ms - flex - item - align: baseline!important;
            align - self: baseline!important
        }
        .align - self - lg - stretch {
            -ms - flex - item - align: stretch!important;
            align - self: stretch!important
        }
    }
     @ media(min - width: 1200px) {
        .flex - xl - row {
            -ms - flex - direction: row!important;
            flex - direction: row!important
        }
        .flex - xl - column {
            -ms - flex - direction: column!important;
            flex - direction: column!important
        }
        .flex - xl - row - reverse {
            -ms - flex - direction: row - reverse!important;
            flex - direction: row - reverse!important
        }
        .flex - xl - column - reverse {
            -ms - flex - direction: column - reverse!important;
            flex - direction: column - reverse!important
        }
        .flex - xl - wrap {
            -ms - flex - wrap: wrap!important;
            flex - wrap: wrap!important
        }
        .flex - xl - nowrap {
            -ms - flex - wrap: nowrap!important;
            flex - wrap: nowrap!important
        }
        .flex - xl - wrap - reverse {
            -ms - flex - wrap: wrap - reverse!important;
            flex - wrap: wrap - reverse!important
        }
        .flex - xl - fill {
            -ms - flex: 1 1 auto!important;
            flex: 1 1 auto!important
        }
        .flex - xl - grow - 0 {
            -ms - flex - positive: 0!important;
            flex - grow: 0!important
        }
        .flex - xl - grow - 1 {
            -ms - flex - positive: 1!important;
            flex - grow: 1!important
        }
        .flex - xl - shrink - 0 {
            -ms - flex - negative: 0!important;
            flex - shrink: 0!important
        }
        .flex - xl - shrink - 1 {
            -ms - flex - negative: 1!important;
            flex - shrink: 1!important
        }
        .justify - content - xl - start {
            -ms - flex - pack: start!important;
            justify - content: flex - start!important
        }
        .justify - content - xl - end {
            -ms - flex - pack: end!important;
            justify - content: flex - end!important
        }
        .justify - content - xl - center {
            -ms - flex - pack: center!important;
            justify - content: center!important
        }
        .justify - content - xl - between {
            -ms - flex - pack: justify!important;
            justify - content: space - between!important
        }
        .justify - content - xl - around {
            -ms - flex - pack: distribute!important;
            justify - content: space - around!important
        }
        .align - items - xl - start {
            -ms - flex - align: start!important;
            align - items: flex - start!important
        }
        .align - items - xl - end {
            -ms - flex - align: end!important;
            align - items: flex - end!important
        }
        .align - items - xl - center {
            -ms - flex - align: center!important;
            align - items: center!important
        }
        .align - items - xl - baseline {
            -ms - flex - align: baseline!important;
            align - items: baseline!important
        }
        .align - items - xl - stretch {
            -ms - flex - align: stretch!important;
            align - items: stretch!important
        }
        .align - content - xl - start {
            -ms - flex - line - pack: start!important;
            align - content: flex - start!important
        }
        .align - content - xl - end {
            -ms - flex - line - pack: end!important;
            align - content: flex - end!important
        }
        .align - content - xl - center {
            -ms - flex - line - pack: center!important;
            align - content: center!important
        }
        .align - content - xl - between {
            -ms - flex - line - pack: justify!important;
            align - content: space - between!important
        }
        .align - content - xl - around {
            -ms - flex - line - pack: distribute!important;
            align - content: space - around!important
        }
        .align - content - xl - stretch {
            -ms - flex - line - pack: stretch!important;
            align - content: stretch!important
        }
        .align - self - xl - auto {
            -ms - flex - item - align: auto!important;
            align - self: auto!important
        }
        .align - self - xl - start {
            -ms - flex - item - align: start!important;
            align - self: flex - start!important
        }
        .align - self - xl - end {
            -ms - flex - item - align: end!important;
            align - self: flex - end!important
        }
        .align - self - xl - center {
            -ms - flex - item - align: center!important;
            align - self: center!important
        }
        .align - self - xl - baseline {
            -ms - flex - item - align: baseline!important;
            align - self: baseline!important
        }
        .align - self - xl - stretch {
            -ms - flex - item - align: stretch!important;
            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.125rem.25rem rgba(0, 0, 0, .075)!important
    }
    .shadow {
        box - shadow: 0.5rem 1rem rgba(0, 0, 0, .15)!important
    }
    .shadow - lg {
        box - shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!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:  # 007bff!important
    }
    a.text - primary: focus, a.text - primary: hover {
        color:  # 0056b3!important
    }
    .text - secondary {
        color:  # 6c757d!important
    }
    a.text - secondary: focus, a.text - secondary: hover {
        color:  # 494f54!important
    }
    .text - success {
        color:  # 28a745!important
    }
    a.text - success: focus, a.text - success: hover {
        color:  # 19692c!important
    }
    .text - info {
        color:  # 17a2b8!important
    }
    a.text - info: focus, a.text - info: hover {
        color:  # 0f6674!important
    }
    .text - warning {
        color:  # ffc107!important
    }
    a.text - warning: focus, a.text - warning: hover {
        color:  # ba8b00!important
    }
    .text - danger {
        color:  # dc3545!important
    }
    a.text - danger: focus, a.text - danger: hover {
        color:  # a71d2a!important
    }
    .text - light {
        color:  # f8f9fa!important
    }
    a.text - light: focus, a.text - light: hover {
        color:  # cbd3da!important
    }
    .text - dark {
        color:  # 343a40!important
    }
    a.text - dark: focus, a.text - dark: hover {
        color:  # 121416!important
    }
    .text - body {
        color:  # 212529!important
    }
    .text - muted {
        color:  # 6c757d!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;
        overflow - 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 # adb5bd;
            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
        }
        .table {
            border - collapse: collapse!important
        }
        .table td,
        .table th {
            background - color:  # fff!important
        }
        .table - bordered td,
        .table - bordered th {
            border: 1px solid # dee2e6!important
        }
        .table - dark {
            color: inherit
        }
        .table - dark tbody + tbody,
        .table - dark td,
        .table - dark th,
        .table - dark thead th {
            border - color:  # dee2e6
        }
        .table.thead - dark th {
            color: inherit;
            border - color:  # dee2e6
        }
    }
    /*# sourceMappingURL=bootstrap.min.css.map */