/*! Axentix Framework | Developed by Axel SIMONET & Vincent LEVEQUE with ♥ | MIT License */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 1.25rem 0 .75rem
}

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

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

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

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

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

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

a {
    text-decoration: none;
    color: inherit
}

p {
    line-height: 1.6rem
}

.grix {
    display: grid;
    grid-auto-flow: row;
    grid-gap: .25rem
}

.grix.xs1 {
    grid-template-columns: repeat(1, 1fr)
}

.col-xs1 {
    grid-column: auto/span 1
}

.row-xs1 {
    grid-row: auto/span 1
}

.pos-xs1 {
    grid-column-start: 1 !important
}

.pos-row-xs1 {
    grid-row-start: 1 !important
}

.grix.xs2 {
    grid-template-columns: repeat(2, 1fr)
}

.col-xs2 {
    grid-column: auto/span 2
}

.row-xs2 {
    grid-row: auto/span 2
}

.pos-xs2 {
    grid-column-start: 2 !important
}

.pos-row-xs2 {
    grid-row-start: 2 !important
}

.grix.xs3 {
    grid-template-columns: repeat(3, 1fr)
}

.col-xs3 {
    grid-column: auto/span 3
}

.row-xs3 {
    grid-row: auto/span 3
}

.pos-xs3 {
    grid-column-start: 3 !important
}

.pos-row-xs3 {
    grid-row-start: 3 !important
}

.grix.xs4 {
    grid-template-columns: repeat(4, 1fr)
}

.col-xs4 {
    grid-column: auto/span 4
}

.row-xs4 {
    grid-row: auto/span 4
}

.pos-xs4 {
    grid-column-start: 4 !important
}

.pos-row-xs4 {
    grid-row-start: 4 !important
}

.grix.xs5 {
    grid-template-columns: repeat(5, 1fr)
}

.col-xs5 {
    grid-column: auto/span 5
}

.row-xs5 {
    grid-row: auto/span 5
}

.pos-xs5 {
    grid-column-start: 5 !important
}

.pos-row-xs5 {
    grid-row-start: 5 !important
}

.grix.xs6 {
    grid-template-columns: repeat(6, 1fr)
}

.col-xs6 {
    grid-column: auto/span 6
}

.row-xs6 {
    grid-row: auto/span 6
}

.pos-xs6 {
    grid-column-start: 6 !important
}

.pos-row-xs6 {
    grid-row-start: 6 !important
}

.grix.xs7 {
    grid-template-columns: repeat(7, 1fr)
}

.col-xs7 {
    grid-column: auto/span 7
}

.row-xs7 {
    grid-row: auto/span 7
}

.pos-xs7 {
    grid-column-start: 7 !important
}

.pos-row-xs7 {
    grid-row-start: 7 !important
}

.grix.xs8 {
    grid-template-columns: repeat(8, 1fr)
}

.col-xs8 {
    grid-column: auto/span 8
}

.row-xs8 {
    grid-row: auto/span 8
}

.pos-xs8 {
    grid-column-start: 8 !important
}

.pos-row-xs8 {
    grid-row-start: 8 !important
}

.grix.xs9 {
    grid-template-columns: repeat(9, 1fr)
}

.col-xs9 {
    grid-column: auto/span 9
}

.row-xs9 {
    grid-row: auto/span 9
}

.pos-xs9 {
    grid-column-start: 9 !important
}

.pos-row-xs9 {
    grid-row-start: 9 !important
}

.grix.xs10 {
    grid-template-columns: repeat(10, 1fr)
}

.col-xs10 {
    grid-column: auto/span 10
}

.row-xs10 {
    grid-row: auto/span 10
}

.pos-xs10 {
    grid-column-start: 10 !important
}

.pos-row-xs10 {
    grid-row-start: 10 !important
}

.grix.xs11 {
    grid-template-columns: repeat(11, 1fr)
}

.col-xs11 {
    grid-column: auto/span 11
}

.row-xs11 {
    grid-row: auto/span 11
}

.pos-xs11 {
    grid-column-start: 11 !important
}

.pos-row-xs11 {
    grid-row-start: 11 !important
}

.grix.xs12 {
    grid-template-columns: repeat(12, 1fr)
}

.col-xs12 {
    grid-column: auto/span 12
}

.row-xs12 {
    grid-row: auto/span 12
}

.pos-xs12 {
    grid-column-start: 12 !important
}

.pos-row-xs12 {
    grid-row-start: 12 !important
}

@media screen and (min-width: 600px) {
    .grix.sm1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .col-sm1 {
        grid-column: auto/span 1
    }

    .row-sm1 {
        grid-row: auto/span 1
    }

    .pos-sm1 {
        grid-column-start: 1 !important
    }

    .pos-row-sm1 {
        grid-row-start: 1 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .col-sm2 {
        grid-column: auto/span 2
    }

    .row-sm2 {
        grid-row: auto/span 2
    }

    .pos-sm2 {
        grid-column-start: 2 !important
    }

    .pos-row-sm2 {
        grid-row-start: 2 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .col-sm3 {
        grid-column: auto/span 3
    }

    .row-sm3 {
        grid-row: auto/span 3
    }

    .pos-sm3 {
        grid-column-start: 3 !important
    }

    .pos-row-sm3 {
        grid-row-start: 3 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .col-sm4 {
        grid-column: auto/span 4
    }

    .row-sm4 {
        grid-row: auto/span 4
    }

    .pos-sm4 {
        grid-column-start: 4 !important
    }

    .pos-row-sm4 {
        grid-row-start: 4 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .col-sm5 {
        grid-column: auto/span 5
    }

    .row-sm5 {
        grid-row: auto/span 5
    }

    .pos-sm5 {
        grid-column-start: 5 !important
    }

    .pos-row-sm5 {
        grid-row-start: 5 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .col-sm6 {
        grid-column: auto/span 6
    }

    .row-sm6 {
        grid-row: auto/span 6
    }

    .pos-sm6 {
        grid-column-start: 6 !important
    }

    .pos-row-sm6 {
        grid-row-start: 6 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .col-sm7 {
        grid-column: auto/span 7
    }

    .row-sm7 {
        grid-row: auto/span 7
    }

    .pos-sm7 {
        grid-column-start: 7 !important
    }

    .pos-row-sm7 {
        grid-row-start: 7 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .col-sm8 {
        grid-column: auto/span 8
    }

    .row-sm8 {
        grid-row: auto/span 8
    }

    .pos-sm8 {
        grid-column-start: 8 !important
    }

    .pos-row-sm8 {
        grid-row-start: 8 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .col-sm9 {
        grid-column: auto/span 9
    }

    .row-sm9 {
        grid-row: auto/span 9
    }

    .pos-sm9 {
        grid-column-start: 9 !important
    }

    .pos-row-sm9 {
        grid-row-start: 9 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .col-sm10 {
        grid-column: auto/span 10
    }

    .row-sm10 {
        grid-row: auto/span 10
    }

    .pos-sm10 {
        grid-column-start: 10 !important
    }

    .pos-row-sm10 {
        grid-row-start: 10 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .col-sm11 {
        grid-column: auto/span 11
    }

    .row-sm11 {
        grid-row: auto/span 11
    }

    .pos-sm11 {
        grid-column-start: 11 !important
    }

    .pos-row-sm11 {
        grid-row-start: 11 !important
    }
}

@media screen and (min-width: 600px) {
    .grix.sm12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .col-sm12 {
        grid-column: auto/span 12
    }

    .row-sm12 {
        grid-row: auto/span 12
    }

    .pos-sm12 {
        grid-column-start: 12 !important
    }

    .pos-row-sm12 {
        grid-row-start: 12 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .col-md1 {
        grid-column: auto/span 1
    }

    .row-md1 {
        grid-row: auto/span 1
    }

    .pos-md1 {
        grid-column-start: 1 !important
    }

    .pos-row-md1 {
        grid-row-start: 1 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .col-md2 {
        grid-column: auto/span 2
    }

    .row-md2 {
        grid-row: auto/span 2
    }

    .pos-md2 {
        grid-column-start: 2 !important
    }

    .pos-row-md2 {
        grid-row-start: 2 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .col-md3 {
        grid-column: auto/span 3
    }

    .row-md3 {
        grid-row: auto/span 3
    }

    .pos-md3 {
        grid-column-start: 3 !important
    }

    .pos-row-md3 {
        grid-row-start: 3 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .col-md4 {
        grid-column: auto/span 4
    }

    .row-md4 {
        grid-row: auto/span 4
    }

    .pos-md4 {
        grid-column-start: 4 !important
    }

    .pos-row-md4 {
        grid-row-start: 4 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .col-md5 {
        grid-column: auto/span 5
    }

    .row-md5 {
        grid-row: auto/span 5
    }

    .pos-md5 {
        grid-column-start: 5 !important
    }

    .pos-row-md5 {
        grid-row-start: 5 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .col-md6 {
        grid-column: auto/span 6
    }

    .row-md6 {
        grid-row: auto/span 6
    }

    .pos-md6 {
        grid-column-start: 6 !important
    }

    .pos-row-md6 {
        grid-row-start: 6 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .col-md7 {
        grid-column: auto/span 7
    }

    .row-md7 {
        grid-row: auto/span 7
    }

    .pos-md7 {
        grid-column-start: 7 !important
    }

    .pos-row-md7 {
        grid-row-start: 7 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .col-md8 {
        grid-column: auto/span 8
    }

    .row-md8 {
        grid-row: auto/span 8
    }

    .pos-md8 {
        grid-column-start: 8 !important
    }

    .pos-row-md8 {
        grid-row-start: 8 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .col-md9 {
        grid-column: auto/span 9
    }

    .row-md9 {
        grid-row: auto/span 9
    }

    .pos-md9 {
        grid-column-start: 9 !important
    }

    .pos-row-md9 {
        grid-row-start: 9 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .col-md10 {
        grid-column: auto/span 10
    }

    .row-md10 {
        grid-row: auto/span 10
    }

    .pos-md10 {
        grid-column-start: 10 !important
    }

    .pos-row-md10 {
        grid-row-start: 10 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .col-md11 {
        grid-column: auto/span 11
    }

    .row-md11 {
        grid-row: auto/span 11
    }

    .pos-md11 {
        grid-column-start: 11 !important
    }

    .pos-row-md11 {
        grid-row-start: 11 !important
    }
}

@media screen and (min-width: 960px) {
    .grix.md12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .col-md12 {
        grid-column: auto/span 12
    }

    .row-md12 {
        grid-row: auto/span 12
    }

    .pos-md12 {
        grid-column-start: 12 !important
    }

    .pos-row-md12 {
        grid-row-start: 12 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .col-lg1 {
        grid-column: auto/span 1
    }

    .row-lg1 {
        grid-row: auto/span 1
    }

    .pos-lg1 {
        grid-column-start: 1 !important
    }

    .pos-row-lg1 {
        grid-row-start: 1 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .col-lg2 {
        grid-column: auto/span 2
    }

    .row-lg2 {
        grid-row: auto/span 2
    }

    .pos-lg2 {
        grid-column-start: 2 !important
    }

    .pos-row-lg2 {
        grid-row-start: 2 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .col-lg3 {
        grid-column: auto/span 3
    }

    .row-lg3 {
        grid-row: auto/span 3
    }

    .pos-lg3 {
        grid-column-start: 3 !important
    }

    .pos-row-lg3 {
        grid-row-start: 3 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .col-lg4 {
        grid-column: auto/span 4
    }

    .row-lg4 {
        grid-row: auto/span 4
    }

    .pos-lg4 {
        grid-column-start: 4 !important
    }

    .pos-row-lg4 {
        grid-row-start: 4 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .col-lg5 {
        grid-column: auto/span 5
    }

    .row-lg5 {
        grid-row: auto/span 5
    }

    .pos-lg5 {
        grid-column-start: 5 !important
    }

    .pos-row-lg5 {
        grid-row-start: 5 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .col-lg6 {
        grid-column: auto/span 6
    }

    .row-lg6 {
        grid-row: auto/span 6
    }

    .pos-lg6 {
        grid-column-start: 6 !important
    }

    .pos-row-lg6 {
        grid-row-start: 6 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .col-lg7 {
        grid-column: auto/span 7
    }

    .row-lg7 {
        grid-row: auto/span 7
    }

    .pos-lg7 {
        grid-column-start: 7 !important
    }

    .pos-row-lg7 {
        grid-row-start: 7 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .col-lg8 {
        grid-column: auto/span 8
    }

    .row-lg8 {
        grid-row: auto/span 8
    }

    .pos-lg8 {
        grid-column-start: 8 !important
    }

    .pos-row-lg8 {
        grid-row-start: 8 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .col-lg9 {
        grid-column: auto/span 9
    }

    .row-lg9 {
        grid-row: auto/span 9
    }

    .pos-lg9 {
        grid-column-start: 9 !important
    }

    .pos-row-lg9 {
        grid-row-start: 9 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .col-lg10 {
        grid-column: auto/span 10
    }

    .row-lg10 {
        grid-row: auto/span 10
    }

    .pos-lg10 {
        grid-column-start: 10 !important
    }

    .pos-row-lg10 {
        grid-row-start: 10 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .col-lg11 {
        grid-column: auto/span 11
    }

    .row-lg11 {
        grid-row: auto/span 11
    }

    .pos-lg11 {
        grid-column-start: 11 !important
    }

    .pos-row-lg11 {
        grid-row-start: 11 !important
    }
}

@media screen and (min-width: 1280px) {
    .grix.lg12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .col-lg12 {
        grid-column: auto/span 12
    }

    .row-lg12 {
        grid-row: auto/span 12
    }

    .pos-lg12 {
        grid-column-start: 12 !important
    }

    .pos-row-lg12 {
        grid-row-start: 12 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl1 {
        grid-template-columns: repeat(1, 1fr)
    }

    .col-xl1 {
        grid-column: auto/span 1
    }

    .row-xl1 {
        grid-row: auto/span 1
    }

    .pos-xl1 {
        grid-column-start: 1 !important
    }

    .pos-row-xl1 {
        grid-row-start: 1 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl2 {
        grid-template-columns: repeat(2, 1fr)
    }

    .col-xl2 {
        grid-column: auto/span 2
    }

    .row-xl2 {
        grid-row: auto/span 2
    }

    .pos-xl2 {
        grid-column-start: 2 !important
    }

    .pos-row-xl2 {
        grid-row-start: 2 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl3 {
        grid-template-columns: repeat(3, 1fr)
    }

    .col-xl3 {
        grid-column: auto/span 3
    }

    .row-xl3 {
        grid-row: auto/span 3
    }

    .pos-xl3 {
        grid-column-start: 3 !important
    }

    .pos-row-xl3 {
        grid-row-start: 3 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl4 {
        grid-template-columns: repeat(4, 1fr)
    }

    .col-xl4 {
        grid-column: auto/span 4
    }

    .row-xl4 {
        grid-row: auto/span 4
    }

    .pos-xl4 {
        grid-column-start: 4 !important
    }

    .pos-row-xl4 {
        grid-row-start: 4 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl5 {
        grid-template-columns: repeat(5, 1fr)
    }

    .col-xl5 {
        grid-column: auto/span 5
    }

    .row-xl5 {
        grid-row: auto/span 5
    }

    .pos-xl5 {
        grid-column-start: 5 !important
    }

    .pos-row-xl5 {
        grid-row-start: 5 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl6 {
        grid-template-columns: repeat(6, 1fr)
    }

    .col-xl6 {
        grid-column: auto/span 6
    }

    .row-xl6 {
        grid-row: auto/span 6
    }

    .pos-xl6 {
        grid-column-start: 6 !important
    }

    .pos-row-xl6 {
        grid-row-start: 6 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl7 {
        grid-template-columns: repeat(7, 1fr)
    }

    .col-xl7 {
        grid-column: auto/span 7
    }

    .row-xl7 {
        grid-row: auto/span 7
    }

    .pos-xl7 {
        grid-column-start: 7 !important
    }

    .pos-row-xl7 {
        grid-row-start: 7 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl8 {
        grid-template-columns: repeat(8, 1fr)
    }

    .col-xl8 {
        grid-column: auto/span 8
    }

    .row-xl8 {
        grid-row: auto/span 8
    }

    .pos-xl8 {
        grid-column-start: 8 !important
    }

    .pos-row-xl8 {
        grid-row-start: 8 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl9 {
        grid-template-columns: repeat(9, 1fr)
    }

    .col-xl9 {
        grid-column: auto/span 9
    }

    .row-xl9 {
        grid-row: auto/span 9
    }

    .pos-xl9 {
        grid-column-start: 9 !important
    }

    .pos-row-xl9 {
        grid-row-start: 9 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl10 {
        grid-template-columns: repeat(10, 1fr)
    }

    .col-xl10 {
        grid-column: auto/span 10
    }

    .row-xl10 {
        grid-row: auto/span 10
    }

    .pos-xl10 {
        grid-column-start: 10 !important
    }

    .pos-row-xl10 {
        grid-row-start: 10 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl11 {
        grid-template-columns: repeat(11, 1fr)
    }

    .col-xl11 {
        grid-column: auto/span 11
    }

    .row-xl11 {
        grid-row: auto/span 11
    }

    .pos-xl11 {
        grid-column-start: 11 !important
    }

    .pos-row-xl11 {
        grid-row-start: 11 !important
    }
}

@media screen and (min-width: 1920px) {
    .grix.xl12 {
        grid-template-columns: repeat(12, 1fr)
    }

    .col-xl12 {
        grid-column: auto/span 12
    }

    .row-xl12 {
        grid-row: auto/span 12
    }

    .pos-xl12 {
        grid-column-start: 12 !important
    }

    .pos-row-xl12 {
        grid-row-start: 12 !important
    }
}

.gutter-xs0 {
    grid-gap: 0
}

@media screen and (min-width: 600px) {
    .gutter-sm0 {
        grid-gap: 0
    }
}

@media screen and (min-width: 960px) {
    .gutter-md0 {
        grid-gap: 0
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg0 {
        grid-gap: 0
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl0 {
        grid-gap: 0
    }
}

.gutter-xs1 {
    grid-gap: .5rem
}

@media screen and (min-width: 600px) {
    .gutter-sm1 {
        grid-gap: .5rem
    }
}

@media screen and (min-width: 960px) {
    .gutter-md1 {
        grid-gap: .5rem
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg1 {
        grid-gap: .5rem
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl1 {
        grid-gap: .5rem
    }
}

.gutter-xs2 {
    grid-gap: .75rem
}

@media screen and (min-width: 600px) {
    .gutter-sm2 {
        grid-gap: .75rem
    }
}

@media screen and (min-width: 960px) {
    .gutter-md2 {
        grid-gap: .75rem
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg2 {
        grid-gap: .75rem
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl2 {
        grid-gap: .75rem
    }
}

.gutter-xs3 {
    grid-gap: 1rem
}

@media screen and (min-width: 600px) {
    .gutter-sm3 {
        grid-gap: 1rem
    }
}

@media screen and (min-width: 960px) {
    .gutter-md3 {
        grid-gap: 1rem
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg3 {
        grid-gap: 1rem
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl3 {
        grid-gap: 1rem
    }
}

.gutter-xs4 {
    grid-gap: 1.25rem
}

@media screen and (min-width: 600px) {
    .gutter-sm4 {
        grid-gap: 1.25rem
    }
}

@media screen and (min-width: 960px) {
    .gutter-md4 {
        grid-gap: 1.25rem
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg4 {
        grid-gap: 1.25rem
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl4 {
        grid-gap: 1.25rem
    }
}

.gutter-xs5 {
    grid-gap: 1.5rem
}

@media screen and (min-width: 600px) {
    .gutter-sm5 {
        grid-gap: 1.5rem
    }
}

@media screen and (min-width: 960px) {
    .gutter-md5 {
        grid-gap: 1.5rem
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg5 {
        grid-gap: 1.5rem
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl5 {
        grid-gap: 1.5rem
    }
}

.gutter-xs6 {
    grid-gap: 1.75rem
}

@media screen and (min-width: 600px) {
    .gutter-sm6 {
        grid-gap: 1.75rem
    }
}

@media screen and (min-width: 960px) {
    .gutter-md6 {
        grid-gap: 1.75rem
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg6 {
        grid-gap: 1.75rem
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl6 {
        grid-gap: 1.75rem
    }
}

.gutter-xs7 {
    grid-gap: 2rem
}

@media screen and (min-width: 600px) {
    .gutter-sm7 {
        grid-gap: 2rem
    }
}

@media screen and (min-width: 960px) {
    .gutter-md7 {
        grid-gap: 2rem
    }
}

@media screen and (min-width: 1280px) {
    .gutter-lg7 {
        grid-gap: 2rem
    }
}

@media screen and (min-width: 1920px) {
    .gutter-xl7 {
        grid-gap: 2rem
    }
}

.font-w100 {
    font-weight: 100 !important
}

.font-w200 {
    font-weight: 200 !important
}

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

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

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

.font-w600 {
    font-weight: 600 !important
}

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

.font-w800 {
    font-weight: 800 !important
}

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

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

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

.shadow-1 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 2px 5px 2px rgba(0, 0, 0, 0.06)
}

.shadow-2 {
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.10), 0 3px 8px 3px rgba(0, 0, 0, 0.1)
}

.shadow-3 {
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1), 0 5px 12px 4px rgba(0, 0, 0, 0.15)
}

.shadow-4 {
    box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.1), 0 7px 18px 6px rgba(0, 0, 0, 0.15)
}

.shadow-5 {
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, 0.12), 0 10px 25px 8px rgba(0, 0, 0, 0.15)
}

.light-shadow-1 {
    box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.light-shadow-2 {
    box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.light-shadow-3 {
    box-shadow: 0 10px 15px -1px rgba(0, 0, 0, 0.1), 0 6px 8px 0px rgba(0, 0, 0, 0.05)
}

.light-shadow-4 {
    box-shadow: 0 15px 20px -1px rgba(0, 0, 0, 0.11), 0 8px 10px 0px rgba(0, 0, 0, 0.06)
}

.light-shadow-5 {
    box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.12), 0 10px 10px -2px rgba(0, 0, 0, 0.06)
}

.hoverable-1:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.hoverable-1:not(.press):not(.outline):hover {
    box-shadow: 0px 9px 8px 0px rgba(0, 0, 0, 0.10), 0px 5px 8px 3px rgba(0, 0, 0, 0.12) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hoverable-2:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.hoverable-2:not(.press):not(.outline):hover {
    box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 8px 3px rgba(0, 0, 0, 0.16) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hoverable-3:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.hoverable-3:not(.press):not(.outline):hover {
    box-shadow: 0 11px 8px 0 rgba(0, 0, 0, 0.1), 0 8px 12px 4px rgba(0, 0, 0, 0.20) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hoverable-4:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.hoverable-4:not(.press):not(.outline):hover {
    box-shadow: 0 12px 8px 0 rgba(0, 0, 0, 0.1), 0 16px 18px 6px rgba(0, 0, 0, 0.2) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.hoverable-5:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.hoverable-5:not(.press):not(.outline):hover {
    box-shadow: 0 13px 9px 0 rgba(0, 0, 0, 0.12), 0 18px 25px 8px rgba(0, 0, 0, 0.2) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.light-hoverable-1:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.light-hoverable-1:not(.press):not(.outline):hover {
    box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.1), 0 9px 6px -2px rgba(0, 0, 0, 0.06) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.light-hoverable-2:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.light-hoverable-2:not(.press):not(.outline):hover {
    box-shadow: 0 13px 12px -2px rgba(0, 0, 0, 0.11), 0 9px 6px -7px rgba(0, 0, 0, 0.06) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.light-hoverable-3:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.light-hoverable-3:not(.press):not(.outline):hover {
    box-shadow: 0 15px 15px -1px rgba(0, 0, 0, 0.11), 0 11px 8px 0px rgba(0, 0, 0, 0.06) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.light-hoverable-4:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.light-hoverable-4:not(.press):not(.outline):hover {
    box-shadow: 0 20px 20px -1px rgba(0, 0, 0, 0.12), 0 13px 10px 0px rgba(0, 0, 0, 0.07) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.light-hoverable-5:not(.press):not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, -webkit-transform;
    transition-property: box-shadow, transform;
    transition-property: box-shadow, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.light-hoverable-5:not(.press):not(.outline):hover {
    box-shadow: 0 25px 30px -1px rgba(0, 0, 0, 0.13), 0 15px 10px -2px rgba(0, 0, 0, 0.07) !important;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.dropshadow-0 {
    -webkit-filter: none !important;
    filter: none !important
}

.dropshadow-1 {
    -webkit-filter: drop-shadow(0 0.15rem 0.1rem #808080);
    filter: drop-shadow(0 0.15rem 0.1rem #808080)
}

.dropshadow-2 {
    -webkit-filter: drop-shadow(0 0.15rem 0.125rem #5f5f5f);
    filter: drop-shadow(0 0.15rem 0.125rem #5f5f5f)
}

.dropshadow-3 {
    -webkit-filter: drop-shadow(0 0.15rem 0.15rem #494949);
    filter: drop-shadow(0 0.15rem 0.15rem #494949)
}

.dropshadow-4 {
    -webkit-filter: drop-shadow(0 0.15rem 0.15rem #292929);
    filter: drop-shadow(0 0.15rem 0.15rem #292929)
}

.dropshadow-5 {
    -webkit-filter: drop-shadow(0 0.15rem 0.2rem #000000);
    filter: drop-shadow(0 0.15rem 0.2rem #000000)
}

.textshadow-0 {
    text-shadow: none !important
}

.textshadow-1 {
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4)
}

.textshadow-2 {
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3)
}

.textshadow-3 {
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.5)
}

.textshadow-4 {
    text-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2)
}

.w100 {
    width: 100% !important
}

.h100 {
    height: 100% !important
}

.d-block {
    display: block !important
}

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

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-inline {
    display: inline !important
}

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

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

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

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

.fx-col-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important
}

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

.fx-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    flex-direction: row-reverse !important
}

.fx-grow {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important
}

.hide {
    display: none !important
}

@media screen and (max-width: 599px) {
    .hide-xs {
        display: none !important
    }
}

@media screen and (min-width: 600px)and (max-width: 959px) {
    .hide-sm {
        display: none !important
    }
}

@media screen and (min-width: 960px)and (max-width: 1279px) {
    .hide-md {
        display: none !important
    }
}

@media screen and (min-width: 1280px)and (max-width: 1919px) {
    .hide-lg {
        display: none !important
    }
}

@media screen and (min-width: 1920px) {
    .hide-xl {
        display: none !important
    }
}

@media screen and (max-width: 959px) {
    .hide-sm-down {
        display: none !important
    }
}

@media screen and (max-width: 1279px) {
    .hide-md-down {
        display: none !important
    }
}

@media screen and (max-width: 1919px) {
    .hide-lg-down {
        display: none !important
    }
}

@media screen and (min-width: 600px) {
    .hide-sm-up {
        display: none !important
    }
}

@media screen and (min-width: 960px) {
    .hide-md-up {
        display: none !important
    }
}

@media screen and (min-width: 1280px) {
    .hide-lg-up {
        display: none !important
    }
}

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

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

.txt-right {
    text-align: right !important
}

.center {
    justify-items: center !important
}

.left {
    justify-items: start !important
}

.right {
    justify-items: end !important
}

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

.fx-right {
    -webkit-box-pack: end !important;
    justify-content: flex-end !important
}

.fx-left {
    -webkit-box-pack: start !important;
    justify-content: flex-start !important
}

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

.self-left {
    justify-self: start !important
}

.self-right {
    justify-self: end !important
}

.vtop {
    -webkit-box-align: start !important;
    align-items: start !important
}

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

.vbottom {
    -webkit-box-align: end !important;
    align-items: end !important
}

.vstretch {
    -webkit-box-align: stretch !important;
    align-items: stretch !important
}

.vself-top {
    align-self: start !important
}

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

.vself-bottom {
    align-self: end !important
}

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.m-0 {
    margin: 0 !important
}

.p-0 {
    padding: 0 !important
}

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

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

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important
}

.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important
}

.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}

.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

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

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

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

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

.mx-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
}

.my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.px-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.py-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important
}

.mx-auto,
.container {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

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

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

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

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

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

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

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

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

.mt-1 {
    margin-top: 0.25rem !important
}

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

.mb-1 {
    margin-bottom: 0.25rem !important
}

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

.pt-1 {
    padding-top: 0.25rem !important
}

.pr-1 {
    padding-right: 0.25rem !important
}

.pb-1 {
    padding-bottom: 0.25rem !important
}

.pl-1 {
    padding-left: 0.25rem !important
}

.mt-2 {
    margin-top: 0.5rem !important
}

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

.mb-2 {
    margin-bottom: 0.5rem !important
}

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

.pt-2 {
    padding-top: 0.5rem !important
}

.pr-2 {
    padding-right: 0.5rem !important
}

.pb-2 {
    padding-bottom: 0.5rem !important
}

.pl-2 {
    padding-left: 0.5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-5 {
    margin-top: 2.5rem !important
}

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

.mb-5 {
    margin-bottom: 2.5rem !important
}

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

.pt-5 {
    padding-top: 2.5rem !important
}

.pr-5 {
    padding-right: 2.5rem !important
}

.pb-5 {
    padding-bottom: 2.5rem !important
}

.pl-5 {
    padding-left: 2.5rem !important
}

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

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

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

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

.bd-0 {
    border-width: 0 !important
}

.bd-1 {
    border-width: 1px !important
}

.bd-2 {
    border-width: 1.5px !important
}

.bd-3 {
    border-width: 2px !important
}

.bd-4 {
    border-width: 4px !important
}

.bd-5 {
    border-width: 6px !important
}

.bd-t-0 {
    border-top-width: 0 !important
}

.bd-r-0 {
    border-right-width: 0 !important
}

.bd-b-0 {
    border-bottom-width: 0 !important
}

.bd-l-0 {
    border-left-width: 0 !important
}

.bd-t-1 {
    border-top-width: 1px !important
}

.bd-r-1 {
    border-right-width: 1px !important
}

.bd-b-1 {
    border-bottom-width: 1px !important
}

.bd-l-1 {
    border-left-width: 1px !important
}

.bd-t-2 {
    border-top-width: 1.5px !important
}

.bd-r-2 {
    border-right-width: 1.5px !important
}

.bd-b-2 {
    border-bottom-width: 1.5px !important
}

.bd-l-2 {
    border-left-width: 1.5px !important
}

.bd-t-3 {
    border-top-width: 2px !important
}

.bd-r-3 {
    border-right-width: 2px !important
}

.bd-b-3 {
    border-bottom-width: 2px !important
}

.bd-l-3 {
    border-left-width: 2px !important
}

.bd-t-4 {
    border-top-width: 4px !important
}

.bd-r-4 {
    border-right-width: 4px !important
}

.bd-b-4 {
    border-bottom-width: 4px !important
}

.bd-l-4 {
    border-left-width: 4px !important
}

.bd-t-5 {
    border-top-width: 6px !important
}

.bd-r-5 {
    border-right-width: 6px !important
}

.bd-b-5 {
    border-bottom-width: 6px !important
}

.bd-l-5 {
    border-left-width: 6px !important
}

.bd-dashed {
    border-style: dashed !important
}

.bd-dotted {
    border-style: dotted !important
}

.bd-double {
    border-style: double !important
}

.bd-groove {
    border-style: groove !important
}

.bd-hidden {
    border-style: hidden !important
}

.bd-none {
    border-style: none !important
}

.bd-inset {
    border-style: inset !important
}

.bd-outset {
    border-style: outset !important
}

.bd-ridge {
    border-style: ridge !important
}

.bd-solid {
    border-style: solid !important
}

.bd-revert {
    border-style: revert !important
}

.bd-t-dashed {
    border-top-style: dashed !important
}

.bd-r-dashed {
    border-right-style: dashed !important
}

.bd-b-dashed {
    border-bottom-style: dashed !important
}

.bd-l-dashed {
    border-left-style: dashed !important
}

.bd-t-dotted {
    border-top-style: dotted !important
}

.bd-r-dotted {
    border-right-style: dotted !important
}

.bd-b-dotted {
    border-bottom-style: dotted !important
}

.bd-l-dotted {
    border-left-style: dotted !important
}

.bd-t-double {
    border-top-style: double !important
}

.bd-r-double {
    border-right-style: double !important
}

.bd-b-double {
    border-bottom-style: double !important
}

.bd-l-double {
    border-left-style: double !important
}

.bd-t-groove {
    border-top-style: groove !important
}

.bd-r-groove {
    border-right-style: groove !important
}

.bd-b-groove {
    border-bottom-style: groove !important
}

.bd-l-groove {
    border-left-style: groove !important
}

.bd-t-hidden {
    border-top-style: hidden !important
}

.bd-r-hidden {
    border-right-style: hidden !important
}

.bd-b-hidden {
    border-bottom-style: hidden !important
}

.bd-l-hidden {
    border-left-style: hidden !important
}

.bd-t-none {
    border-top-style: none !important
}

.bd-r-none {
    border-right-style: none !important
}

.bd-b-none {
    border-bottom-style: none !important
}

.bd-l-none {
    border-left-style: none !important
}

.bd-t-inset {
    border-top-style: inset !important
}

.bd-r-inset {
    border-right-style: inset !important
}

.bd-b-inset {
    border-bottom-style: inset !important
}

.bd-l-inset {
    border-left-style: inset !important
}

.bd-t-outset {
    border-top-style: outset !important
}

.bd-r-outset {
    border-right-style: outset !important
}

.bd-b-outset {
    border-bottom-style: outset !important
}

.bd-l-outset {
    border-left-style: outset !important
}

.bd-t-ridge {
    border-top-style: ridge !important
}

.bd-r-ridge {
    border-right-style: ridge !important
}

.bd-b-ridge {
    border-bottom-style: ridge !important
}

.bd-l-ridge {
    border-left-style: ridge !important
}

.bd-t-solid {
    border-top-style: solid !important
}

.bd-r-solid {
    border-right-style: solid !important
}

.bd-b-solid {
    border-bottom-style: solid !important
}

.bd-l-solid {
    border-left-style: solid !important
}

.bd-t-revert {
    border-top-style: revert !important
}

.bd-r-revert {
    border-right-style: revert !important
}

.bd-b-revert {
    border-bottom-style: revert !important
}

.bd-l-revert {
    border-left-style: revert !important
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.divider {
    width: 100%;
    border-bottom: solid;
    border-width: thin;
    border-color: rgba(0, 0, 0, .3)
}

.blockquote {
    border-left: 5px solid #2196f3;
    margin: 0;
    padding: 1rem 2rem
}

.container {
    width: 75%
}

@media screen and (max-width: 959px) {
    .container {
        width: 85%
    }
}

@media screen and (max-width: 599px) {
    .container {
        width: 90%
    }
}

.rounded-0 {
    border-radius: 0
}

.rounded-1 {
    border-radius: 5px
}

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

.rounded-3 {
    border-radius: 20px
}

.rounded-4 {
    border-radius: 30px
}

.rounded-full {
    border-radius: 100%
}

.rounded-tl0 {
    border-top-left-radius: 0
}

.rounded-tr0 {
    border-top-right-radius: 0
}

.rounded-bl0 {
    border-bottom-left-radius: 0
}

.rounded-br0 {
    border-bottom-right-radius: 0
}

.rounded-tl1 {
    border-top-left-radius: 5px
}

.rounded-tr1 {
    border-top-right-radius: 5px
}

.rounded-bl1 {
    border-bottom-left-radius: 5px
}

.rounded-br1 {
    border-bottom-right-radius: 5px
}

.rounded-tl2 {
    border-top-left-radius: 10px
}

.rounded-tr2 {
    border-top-right-radius: 10px
}

.rounded-bl2 {
    border-bottom-left-radius: 10px
}

.rounded-br2 {
    border-bottom-right-radius: 10px
}

.rounded-tl3 {
    border-top-left-radius: 20px
}

.rounded-tr3 {
    border-top-right-radius: 20px
}

.rounded-bl3 {
    border-bottom-left-radius: 20px
}

.rounded-br3 {
    border-bottom-right-radius: 20px
}

.rounded-tl4 {
    border-top-left-radius: 30px
}

.rounded-tr4 {
    border-top-right-radius: 30px
}

.rounded-bl4 {
    border-bottom-left-radius: 30px
}

.rounded-br4 {
    border-bottom-right-radius: 30px
}

.rounded-tlfull {
    border-top-left-radius: 100%
}

.rounded-trfull {
    border-top-right-radius: 100%
}

.rounded-blfull {
    border-bottom-left-radius: 100%
}

.rounded-brfull {
    border-bottom-right-radius: 100%
}

.lowercase {
    text-transform: lowercase !important
}

.uppercase {
    text-transform: uppercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.absolute-pos {
    position: absolute !important
}

.fixed-pos {
    position: fixed !important
}

.relative-pos {
    position: relative !important
}

.cursor-default {
    cursor: default !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-not-allowed {
    cursor: not-allowed !important
}

.cursor-grab {
    cursor: -webkit-grab !important;
    cursor: grab !important
}

.cursor-wait {
    cursor: wait !important
}

.cursor-zoom-in {
    cursor: -webkit-zoom-in !important;
    cursor: zoom-in !important
}

.cursor-zoom-out {
    cursor: -webkit-zoom-out !important;
    cursor: zoom-out !important
}

.cursor-none {
    cursor: none !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.overflow-initial {
    overflow: initial !important
}

.overflow-x-initial {
    overflow-x: initial !important
}

.overflow-y-initial {
    overflow-y: initial !important
}

.overflow-inherit {
    overflow: inherit !important
}

.overflow-x-inherit {
    overflow-x: inherit !important
}

.overflow-y-inherit {
    overflow-y: inherit !important
}

.lh-normal {
    line-height: normal !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-2 {
    line-height: 1.25 !important
}

.lh-3 {
    line-height: 1.375 !important
}

.lh-4 {
    line-height: 1.5 !important
}

.lh-5 {
    line-height: 1.625 !important
}

.lh-6 {
    line-height: 2 !important
}

.lh-rem-1 {
    line-height: 1rem !important
}

.lh-rem-2 {
    line-height: 1.25rem !important
}

.lh-rem-3 {
    line-height: 1.5rem !important
}

.lh-rem-4 {
    line-height: 1.75rem !important
}

.lh-rem-5 {
    line-height: 2rem !important
}

.z-index-0 {
    z-index: 0 !important
}

.z-index-1 {
    z-index: 1 !important
}

.z-index-2 {
    z-index: 2 !important
}

.z-index-3 {
    z-index: 3 !important
}

.z-index-4 {
    z-index: 4 !important
}

.z-index-5 {
    z-index: 5 !important
}

.z-index-6 {
    z-index: 6 !important
}

.z-index-7 {
    z-index: 7 !important
}

.z-index-8 {
    z-index: 8 !important
}

.z-index-9 {
    z-index: 9 !important
}

.z-index-10 {
    z-index: 10 !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-10 {
    opacity: 0.1 !important
}

.opacity-20 {
    opacity: 0.2 !important
}

.opacity-30 {
    opacity: 0.3 !important
}

.opacity-40 {
    opacity: 0.4 !important
}

.opacity-50 {
    opacity: 0.5 !important
}

.opacity-60 {
    opacity: 0.6 !important
}

.opacity-70 {
    opacity: 0.7 !important
}

.opacity-80 {
    opacity: 0.8 !important
}

.opacity-90 {
    opacity: 0.9 !important
}

.opacity-100 {
    opacity: 1 !important
}

.responsive-media {
    max-width: 100%;
    height: auto
}

.navbar {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 .5rem;
    height: 3.5rem;
    line-height: 3.5rem
}

.navbar .navbar-logo {
    height: 3rem;
    margin: 0 1rem
}

.navbar .navbar-logo img {
    height: inherit
}

.navbar .navbar-logo.centered {
    margin: 0
}

.navbar .centered {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.navbar .navbar-brand {
    text-decoration: none;
    font-size: 1.5rem;
    color: inherit
}

.navbar ul.navbar-menu {
    list-style: none
}

.navbar .navbar-menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin: 0;
    padding: 0
}

.navbar .navbar-menu .navbar-link {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 0 .6rem;
    -webkit-transition: background-color .23s ease;
    transition: background-color .23s ease;
    cursor: pointer
}

@media screen and (max-width: 599px) {
    .navbar .navbar-menu .navbar-link {
        padding: 0 .4rem
    }
}

.navbar .navbar-menu .navbar-link:hover,
.navbar .navbar-menu .navbar-link.active {
    background-color: rgba(0, 0, 0, .15)
}

.navbar-fixed {
    height: 3.5rem;
    width: 100%;
    position: relative;
    z-index: 100
}

.navbar-fixed .navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.navbar .dropdown {
    z-index: 20
}

.navbar .dropdown .dropdown-content {
    line-height: 1.15
}

.footer {
    min-height: 3rem;
    width: 100%;
    padding: .5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.large-footer {
    margin: 0;
    min-height: 8rem
}

.large-footer .footer-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-bottom: 1rem
}

.large-footer .footer {
    background-color: rgba(0, 0, 0, .2)
}

.layout {
    display: grid;
    grid-gap: 0;
    min-height: 100vh;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "header""main""footer"
}

.layout header {
    grid-area: header
}

.layout main {
    grid-area: main
}

.layout footer {
    grid-area: footer
}

.layout.with-sidenav {
    grid-template-areas: "header header""sidenav main""footer footer";
    grid-template-columns: auto minmax(0, 1fr)
}

.layout.with-sidenav.sidenav-right {
    grid-template-areas: "header header""main sidenav""footer footer";
    grid-template-columns: minmax(0, 1fr) auto
}

.layout.with-sidenav.sidenav-both {
    grid-template-areas: "header header header""sidenav-left main sidenav-right""footer footer footer";
    grid-template-columns: auto minmax(0, 1fr) auto
}

.layout.with-sidenav.sidenav-both .sidenav {
    grid-area: sidenav-left
}

.layout.with-sidenav.sidenav-both .sidenav.right-aligned {
    grid-area: sidenav-right
}

@media screen and (max-width: 959px) {
    .layout.with-sidenav {
        grid-template-areas: "header""main""footer";
        grid-template-columns: minmax(0, 1fr)
    }
}

.layout.with-sidenav .sidenav.fixed {
    position: fixed;
    z-index: 710;
    grid-area: initial
}

.layout.with-sidenav.fixed-sidenav {
    grid-template-areas: "header""main""footer";
    grid-template-columns: minmax(0, 1fr)
}

.layout.with-sidenav.fixed-sidenav .sidenav.fixed {
    position: fixed;
    grid-area: initial
}

.layout.with-sidenav.fixed-sidenav.under-navbar header {
    padding-left: initial
}

.layout.with-sidenav.fixed-sidenav.under-navbar .navbar-fixed .navbar {
    margin-left: 0
}

.layout.with-sidenav.fixed-sidenav.under-navbar.sidenav-right header {
    padding-right: initial
}

.layout.with-sidenav.fixed-sidenav.under-navbar.sidenav-right .navbar-fixed .navbar {
    margin-right: 0
}

@media screen and (min-width: 960px) {
    .layout.with-sidenav .sidenav.fixed {
        grid-area: sidenav;
        position: initial;
        z-index: 690
    }

    .layout.with-sidenav.sidenav-both .sidenav.fixed {
        grid-area: sidenav-left
    }

    .layout.with-sidenav.sidenav-both .sidenav.fixed.right-aligned {
        grid-area: sidenav-right
    }

    .layout.with-sidenav.fixed-sidenav header,
    .layout.with-sidenav.fixed-sidenav main {
        padding-left: 12rem
    }

    .layout.with-sidenav.fixed-sidenav .navbar-fixed .navbar {
        margin-left: 12rem
    }

    .layout.with-sidenav.fixed-sidenav footer {
        padding-left: 12.5rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-right header,
    .layout.with-sidenav.fixed-sidenav.sidenav-right main {
        padding-right: 12rem;
        padding-left: 0
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-right .navbar-fixed .navbar {
        margin-right: 12rem;
        margin-left: 0
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-right footer {
        padding-right: 12.5rem;
        padding-left: .5rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-both header,
    .layout.with-sidenav.fixed-sidenav.sidenav-both main {
        padding-right: 12rem;
        padding-left: 12rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-both:not(.under-navbar) .navbar-fixed .navbar {
        margin-right: 12rem;
        margin-left: 12rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-both footer {
        padding-right: 12.5rem;
        padding-left: 12.5rem
    }

    .layout.with-sidenav.fixed-sidenav.under-navbar .sidenav.fixed {
        top: 3.5rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large header,
    .layout.with-sidenav.fixed-sidenav.sidenav-large main {
        padding-left: 15rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large:not(.under-navbar) .navbar-fixed .navbar {
        margin-left: 15rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large footer {
        padding-left: 15.5rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-right header,
    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-right main {
        padding-right: 15rem;
        padding-left: 0
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-right:not(.under-navbar) .navbar-fixed .navbar {
        margin-right: 15rem;
        margin-left: 0
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-right footer {
        padding-right: 15.5rem;
        padding-left: .5rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both header,
    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both main {
        padding-right: 15rem;
        padding-left: 15rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both:not(.under-navbar) .navbar-fixed .navbar {
        margin-right: 15rem;
        margin-left: 15rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both footer {
        padding-right: 15.5rem;
        padding-left: 15.5rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-right header,
    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-right main {
        padding-left: 12rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-right:not(.under-navbar) .navbar-fixed .navbar {
        margin-left: 12rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-right footer {
        padding-left: 12.5rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-left header,
    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-left main {
        padding-right: 12rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-left:not(.under-navbar) .navbar-fixed .navbar {
        margin-right: 12rem
    }

    .layout.with-sidenav.fixed-sidenav.sidenav-large.sidenav-both.sidenav-large-left footer {
        padding-right: 12.5rem
    }
}

.card .table {
    word-break: normal
}

.table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: none
}

.table.bordered td,
.table.bordered th {
    border: 1px solid #d2d2d2
}

.table.bordered tr {
    border: none
}

.table.centered th,
.table.centered td {
    text-align: center
}

.table.border-0 td,
.table.border-0 th,
.table.striped td,
.table.striped th {
    border: none
}

.table.hover tbody>tr {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.table.hover tbody>tr:hover {
    background-color: rgba(0, 0, 0, .07)
}

.table.striped tbody>tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, .07)
}

.table.striped tr {
    border: none
}

.table caption {
    caption-side: bottom;
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    padding: .5rem 0;
    color: #797676
}

.table td,
.table th {
    text-align: left;
    padding: .8rem .5rem;
    vertical-align: middle;
    border-bottom: 1px solid #d2d2d2
}

.table thead {
    color: inherit
}

.table th {
    font-weight: 700;
    color: inherit
}

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

.responsive-table td,
.responsive-table th {
    max-width: 80vw;
    overflow-wrap: break-word
}

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

@media screen and (max-width: 599px) {
    .responsive-table-2 .table {
        display: -webkit-box;
        display: flex
    }

    .responsive-table-2 .table thead tr {
        display: -webkit-box;
        display: flex;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        border-right: 1px solid #d2d2d2;
        padding-right: .25rem
    }

    .responsive-table-2 .table tbody {
        display: -webkit-box;
        display: flex;
        white-space: nowrap;
        overflow-x: auto
    }

    .responsive-table-2 .table tbody tr {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        height: 100%
    }

    .responsive-table-2 .table td,
    .responsive-table-2 .table th {
        border: 0
    }
}

.btn {
    display: inline-block;
    position: relative;
    text-align: center;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: -webkit-filter;
    transition-property: -webkit-filter;
    transition-property: filter;
    transition-property: filter, -webkit-filter;
    cursor: pointer;
    border: none;
    text-decoration: none;
    outline-style: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 1.2rem;
    padding: calc(0.6rem + 2px) 1.25rem;
    overflow: hidden;
    word-wrap: normal
}

.btn [class*=hoverable-]:not(.press),
.btn [class*=hoverable-]:not(.outline),
.btn [class*=light-hoverable-]:not(.press),
.btn [class*=light-hoverable-]:not(.outline) {
    -webkit-transition-property: box-shadow, -webkit-filter, -webkit-transform;
    transition-property: box-shadow, -webkit-filter, -webkit-transform;
    transition-property: filter, transform, box-shadow;
    transition-property: filter, transform, box-shadow, -webkit-filter, -webkit-transform
}

.btn:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%)
}

.btn.small {
    font-size: 1rem;
    padding: calc(0.45rem + 2px) 1rem
}

.btn.large {
    font-size: 1.4rem;
    padding: calc(1rem + 2px) 1.5rem
}

.btn.press {
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-transition-property: box-shadow, -webkit-transform, -webkit-filter;
    transition-property: box-shadow, -webkit-transform, -webkit-filter;
    transition-property: box-shadow, transform, filter;
    transition-property: box-shadow, transform, filter, -webkit-transform, -webkit-filter;
    box-shadow: inset 0 -0.5rem 0 -0.25rem rgba(0, 0, 0, .25)
}

.btn.press:active {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .25);
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.btn.circle {
    padding: 0;
    font-size: 1.5rem;
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0
}

.btn.circle i {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.btn.circle.small {
    font-size: .9rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem
}

.btn.circle.large {
    font-size: 1.8rem;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem
}

.btn.disabled,
.btn[disabled] {
    pointer-events: none;
    background-color: #c8c8c8 !important;
    color: #787878 !important;
    box-shadow: none
}

.btn.disabled.outline,
.btn[disabled].outline {
    border-color: #c8c8c8
}

.btn.outline {
    background-color: transparent;
    border: 2px solid currentColor;
    padding: .6rem calc(1.25rem - 2px)
}

.btn.outline.circle .outline-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn.outline.small {
    padding: .45rem calc(1rem - 2px)
}

.btn.outline.large {
    padding: 1rem calc(1.5rem - 2px)
}

.btn.outline .outline-text {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.btn.outline::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    background-color: currentColor;
    z-index: -2
}

@media not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) {
        .btn.outline::before {
            border-radius: inherit
        }
    }
}

.btn.outline:hover {
    -webkit-animation-name: fix-outline-button;
    animation-name: fix-outline-button;
    -webkit-animation-delay: .001s;
    animation-delay: .001s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.btn.outline:hover .outline-text {
    color: #fff !important
}

.btn.outline:hover .outline-text.outline-invert {
    color: #000 !important
}

.btn.outline:hover::before {
    opacity: 1
}

.btn.outline.opening::before {
    left: 50%;
    right: 50%;
    -webkit-transition-property: opacity, left, right;
    transition-property: opacity, left, right;
    border-radius: inherit
}

.btn.outline.opening:hover {
    -webkit-animation-delay: .29s;
    animation-delay: .29s
}

.btn.outline.opening:hover::before {
    left: 0;
    right: 0
}

@-webkit-keyframes fix-outline-button {
    from {
        background-color: transparent
    }

    to {
        background-color: currentColor
    }
}

@keyframes fix-outline-button {
    from {
        background-color: transparent
    }

    to {
        background-color: currentColor
    }
}

.sidenav {
    z-index: 710;
    width: 12rem;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
    -webkit-transition: -webkit-transform ease;
    transition: -webkit-transform ease;
    transition: transform ease;
    transition: transform ease, -webkit-transform ease;
    overflow: hidden
}

.sidenav .btn {
    flex-shrink: 0
}

.sidenav.right-aligned {
    left: initial;
    right: 0;
    -webkit-transform: translateX(105%);
    transform: translateX(105%)
}

.sidenav.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto
}

@media screen and (min-width: 960px) {
    .sidenav.fixed {
        -webkit-transform: none;
        transform: none
    }

    .sidenav.fixed .sidenav-header .sidenav-trigger {
        display: none
    }
}

.sidenav.large {
    width: 15rem
}

.sidenav:hover {
    overflow-y: auto
}

@media(hover: none) {
    .sidenav {
        overflow-y: auto
    }
}

.sidenav .sidenav-header {
    min-height: 5rem;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 1rem .5rem;
    position: relative;
    flex-shrink: 0
}

.sidenav .sidenav-header .sidenav-logo {
    height: 3rem
}

.sidenav .sidenav-header .sidenav-trigger {
    background-color: transparent;
    border: none;
    color: inherit;
    position: absolute;
    top: 0;
    left: 0;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer
}

.sidenav .sidenav-header .sidenav-trigger:focus {
    outline: none
}

.sidenav .sidenav-link {
    color: inherit;
    text-decoration: none;
    display: block;
    padding: 0 .75rem;
    -webkit-transition: background-color .23s ease;
    transition: background-color .23s ease;
    line-height: 3rem;
    flex-shrink: 0;
    cursor: pointer
}

.sidenav .sidenav-link:hover,
.sidenav .sidenav-link.active {
    background-color: rgba(0, 0, 0, .15)
}

.sidenav .divider {
    margin: .2rem 0
}

.sidenav .sidenav-footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .93rem .5rem;
    margin-top: auto;
    flex-shrink: 0
}

.sidenav-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 700;
    background-color: rgba(0, 0, 0, .5)
}

.sidenav .dropdown {
    z-index: 30
}

.card {
    position: relative;
    margin: .5rem 0;
    align-self: start;
    word-break: break-word;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden
}

.card .card-header {
    font-size: 1.5rem;
    padding: 1.5rem
}

.card .card-content {
    padding: 1.5rem;
    -webkit-box-flex: 1;
    flex-grow: 1
}

.card .card-content .card-header {
    padding: 0 0 3rem 0
}

.card .card-content .card-footer {
    padding: 3rem 0 0 0
}

.card .card-content p {
    margin: 0
}

.card .card-footer {
    padding: 1.5rem
}

.card .card-image {
    position: relative
}

.card .card-image img {
    width: 100%;
    display: block
}

.grix.vstretch .card {
    align-self: auto
}

.collapsible {
    display: none;
    max-height: 0;
    -webkit-transition: max-height ease;
    transition: max-height ease
}

.sidenav .collapsible {
    flex-shrink: 0
}

.sidenav .collapsible a {
    padding-left: 1.75rem
}

.sidenav .collapsible a:hover,
.sidenav .collapsible a.active {
    background-color: rgba(0, 0, 0, .09)
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    width: 50vw;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scaleX(0) scaleY(0);
    transform: scaleX(0) scaleY(0);
    opacity: 0;
    top: 10%;
    max-height: 80%;
    overflow: auto
}

.modal.active {
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
    opacity: 1
}

@media screen and (max-width: 959px) {
    .modal {
        width: 80vw
    }
}

.modal .modal-header {
    padding: 1rem;
    font-size: 1.5rem
}

.modal .modal-header .modal-trigger {
    position: absolute;
    background-color: transparent;
    color: inherit;
    border: none;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    font-size: 1rem;
    top: 0rem;
    right: 0rem
}

.modal .modal-content {
    padding: 1rem
}

.modal .modal-footer {
    padding: 1rem
}

.modal.falling {
    top: -20%;
    -webkit-transition-property: top, opacity;
    transition-property: top, opacity;
    -webkit-transform: none;
    transform: none
}

.modal.falling.active {
    top: 10%
}

.modal-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color ease;
    transition: background-color ease
}

.modal-overlay.active {
    background-color: rgba(0, 0, 0, .3)
}

.toaster {
    position: fixed;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    pointer-events: none;
    top: 0;
    z-index: 5000;
    max-width: 50%
}

.toaster .toast {
    pointer-events: auto
}

.toaster.toast-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
    top: unset;
    bottom: 0
}

.toaster.toast-bottom .toast {
    margin-bottom: 5rem
}

.toaster.toast-bottom .toast.toast-animated {
    margin-bottom: 1rem
}

.toaster.toaster-left {
    -webkit-box-align: start;
    align-items: flex-start
}

.toaster.toaster-right {
    -webkit-box-align: end;
    align-items: flex-end
}

@media screen and (max-width: 959px) {
    .toaster {
        width: var(--toaster-width);
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: unset
    }

    .toaster.toaster-m-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        top: unset;
        bottom: 0;
        -webkit-box-align: unset;
        align-items: unset
    }

    .toaster.toaster-m-bottom .toast {
        margin-top: 0;
        margin-bottom: 5rem
    }

    .toaster.toaster-m-bottom .toast.toast-animated {
        margin-bottom: .75rem;
        margin-top: .75rem
    }

    .toaster.toaster-m-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        top: 0;
        bottom: unset
    }

    .toaster.toaster-m-top .toast {
        margin-top: 5rem;
        margin-bottom: 0
    }

    .toaster.toaster-m-top .toast.toast-animated {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
}

.toaster .toast {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-items: center;
    padding: 1rem;
    margin-top: 5rem;
    -webkit-transition-property: height, margin, opacity, padding, box-shadow, -webkit-transform;
    transition-property: height, margin, opacity, padding, box-shadow, -webkit-transform;
    transition-property: height, margin, opacity, padding, transform, box-shadow;
    transition-property: height, margin, opacity, padding, transform, box-shadow, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: .2
}

.toaster .toast .toast-trigger {
    margin-left: auto;
    padding-left: .5rem;
    display: -webkit-box;
    display: flex;
    align-self: flex-start;
    cursor: pointer
}

.toaster .toast.toast-animated {
    margin-top: 1rem;
    opacity: 1
}

.form-field {
    margin: .25rem 0 .5rem 0;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative
}

.form-field label {
    display: block;
    font-weight: 500;
    margin-bottom: .5rem;
    word-break: normal
}

.form-field.inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center
}

.form-field.inline label {
    margin-right: .5rem;
    margin-bottom: 0
}

.form-field .form-helper {
    font-size: .75rem;
    color: #747474;
    margin-top: .5rem;
    display: block
}

.form-control {
    position: relative;
    display: block;
    border: 1px solid #bbb8b8;
    padding: .5rem .75rem;
    -webkit-transition: border .2s ease, box-shadow .3s ease;
    transition: border .2s ease, box-shadow .3s ease;
    height: 2.5rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.3;
    color: inherit;
    background-color: inherit
}

.form-control:focus {
    outline: 0;
    border-color: transparent;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 2px 5px 2px rgba(0, 0, 0, 0.06)
}

.form-control[disabled],
.form-control[readonly] {
    background-color: #c8c8c8 !important;
    color: #787878 !important;
    border-color: #c8c8c8
}

.form-material .form-field:not(.form-default) {
    --form-material-color: #4c9f85;
    padding-top: .75rem;
    align-self: start
}

.form-material .form-field:not(.form-default) label {
    font-weight: 400;
    margin: 0;
    position: absolute;
    top: 1.4rem;
    left: 0;
    pointer-events: none;
    -webkit-transition-property: top, color, font-size;
    transition-property: top, color, font-size;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-size: 1rem;
    z-index: 2;
    color: #7c7c7c
}

.form-material .form-field:not(.form-default) .form-control {
    border: none;
    border-bottom: 1px solid #c7c7c7;
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.form-material .form-field:not(.form-default) .form-control:focus {
    box-shadow: none
}

.form-material .form-field:not(.form-default) .form-control[disabled],
.form-material .form-field:not(.form-default) .form-control[readonly] {
    background: transparent !important;
    color: #787878 !important;
    border-bottom: #c7c7c7 dashed thin
}

.form-material .form-field:not(.form-default) .form-control[disabled]+label,
.form-material .form-field:not(.form-default) .form-control[readonly]+label {
    color: #787878
}

.form-material .form-field:not(.form-default)::after {
    content: "";
    position: absolute;
    top: var(--form-material-position);
    left: 0;
    width: 0;
    border-bottom: var(--form-material-color) solid .1rem;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.form-material .form-field:not(.form-default).form-rtl::after {
    left: unset;
    right: 0
}

.form-material .form-field:not(.form-default).active label {
    top: .1rem;
    font-size: .8rem
}

.form-material .form-field:not(.form-default).active.is-focused label {
    color: var(--form-material-color)
}

.form-material .form-field:not(.form-default).active.is-focused::after {
    width: 100%
}

.form-material .form-field:not(.form-default).active .form-control[disabled]+label,
.form-material .form-field:not(.form-default).active .form-control[readonly]+label {
    color: #787878
}

.form-check span {
    cursor: pointer;
    display: inline-block
}

.form-check input {
    cursor: pointer
}

.form-check input:disabled {
    cursor: default
}

.form-check input:disabled+span {
    color: #afafaf !important;
    cursor: default
}

.form-field.inline .form-check {
    margin-left: 0
}

.form-field .form-check {
    font-weight: initial;
    margin-bottom: 0;
    display: inline-block;
    align-self: flex-start
}

.form-material .form-field:not(.form-default) .form-check {
    position: initial;
    pointer-events: auto;
    color: inherit
}

.form-material .form-field:not(.form-default) .form-check input {
    position: absolute;
    pointer-events: none;
    opacity: 0
}

.form-material .form-field:not(.form-default) .form-check input+span {
    position: relative;
    padding-left: 1.25rem
}

.form-material .form-field:not(.form-default) .form-check input+span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    width: 1rem;
    height: 1rem
}

.form-material .form-field:not(.form-default) .form-check input+span::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 50%
}

.form-material .form-field:not(.form-default) .form-check input:disabled+span::before {
    border-color: #afafaf !important
}

.form-material .form-field:not(.form-default) .form-check input[type=checkbox]:checked:disabled+span::before {
    background-color: #afafaf !important
}

.form-material .form-field:not(.form-default) .form-check input[type=radio]:disabled+span::after {
    background-color: #afafaf !important
}

.form-material .form-field:not(.form-default) .form-check input[type=checkbox]+span::before {
    border: var(--form-material-color) solid 2px;
    border-radius: 2px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.form-material .form-field:not(.form-default) .form-check input[type=checkbox]+span::after {
    width: .65rem;
    height: .4rem;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    -webkit-transform: translate(3px, -60%) rotate(-45deg);
    transform: translate(3px, -60%) rotate(-45deg);
    -webkit-transition: border-color .16s ease;
    transition: border-color .16s ease
}

.form-material .form-field:not(.form-default) .form-check input[type=checkbox]:checked+span::after,
.form-material .form-field:not(.form-default) .form-check input[type=checkbox]:indeterminate+span::after {
    border-color: #fff
}

.form-material .form-field:not(.form-default) .form-check input[type=checkbox]:checked+span::before,
.form-material .form-field:not(.form-default) .form-check input[type=checkbox]:indeterminate+span::before {
    background-color: var(--form-material-color)
}

.form-material .form-field:not(.form-default) .form-check input[type=checkbox]:indeterminate+span::after {
    border-left: none;
    -webkit-transform: translate(4px, 3px);
    transform: translate(4px, 3px);
    width: .52rem
}

.form-material .form-field:not(.form-default) .form-check input[type=radio]+span::before {
    border: var(--form-material-color) solid 2px;
    border-radius: 100%
}

.form-material .form-field:not(.form-default) .form-check input[type=radio]+span::after {
    width: 1rem;
    height: 1rem;
    background-color: var(--form-material-color);
    -webkit-transform: scale(0) translateY(-100%);
    transform: scale(0) translateY(-100%);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    border-radius: 100%
}

.form-material .form-field:not(.form-default) .form-check input[type=radio]+span.full::after {
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%)
}

.form-material .form-field:not(.form-default) .form-check input[type=radio]:checked+span::after {
    -webkit-transform: scale(0.5) translateY(-100%);
    transform: scale(0.5) translateY(-100%)
}

.form-material .form-field:not(.form-default) .form-check input[type=radio]:checked+span.full::after {
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%)
}

select.form-control {
    cursor: pointer;
    padding: .3rem .75rem
}

select.form-control:not([multiple]) {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%20aria-hidden%3D'true'%20focusable%3D'false'%20width%3D'1.5rem'%20height%3D'1.5rem'%20style%3D'-ms-transform%3A%20rotate(360deg)%3B%20-webkit-transform%3A%20rotate(360deg)%3B%20transform%3A%20rotate(360deg)%3B'%20preserveAspectRatio%3D'xMidYMid%20meet'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M8.12%209.29L12%2013.17l3.88-3.88a.996.996%200%201%201%201.41%201.41l-4.59%204.59a.996.996%200%200%201-1.41%200L6.7%2010.7a.996.996%200%200%201%200-1.41c.39-.38%201.03-.39%201.42%200z'%20fill%3D'%23626262'%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: right -0.75rem center
}

select.form-control[disabled] {
    cursor: default
}

select.form-control[multiple] {
    height: auto;
    padding: 0
}

@media(pointer: coarse) {
    select.form-control[multiple] {
        height: 2.5rem;
        padding: .5rem .75rem
    }
}

select.form-control[multiple] option {
    padding: .5rem .75rem
}

.form-material .form-field:not(.form-default) .form-control:not([multiple]) {
    background-position: right -0.25rem center
}

textarea.form-control {
    width: 100%;
    resize: vertical
}

textarea.form-control:not([rows]) {
    min-height: 6rem;
    max-height: 30rem
}

textarea.form-control[rows] {
    height: initial
}

.form-material .form-field:not(.form-default) textarea.form-control {
    margin-top: .75rem;
    -webkit-transition: .3s ease border;
    transition: .3s ease border
}

.form-material .form-field:not(.form-default).active textarea.form-control[disabled]+label,
.form-material .form-field:not(.form-default).active textarea.form-control[readonly]+label {
    color: #787878
}

.form-material .form-field:not(.form-default).active.is-txtarea-focused label {
    color: var(--form-material-color)
}

.form-material .form-field:not(.form-default).active.is-txtarea-focused textarea.form-control {
    border-bottom: .1rem solid var(--form-material-color)
}

.form-switch {
    position: relative;
    pointer-events: auto;
    color: inherit;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer
}

.form-switch input {
    position: absolute;
    pointer-events: none;
    opacity: 0
}

.form-switch .slider {
    --form-switch-active-color: #4c9f85;
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 3rem;
    height: 1.75rem;
    background-color: #e2e2e2;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    border-radius: 1rem;
    margin: 0 .5rem
}

.form-switch .slider::before {
    content: "";
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    left: .25rem;
    top: .25rem;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: left .3s ease;
    transition: left .3s ease;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .5)
}

.form-switch .slider.small {
    width: 2.5rem;
    height: 1.5rem
}

.form-switch .slider.small::before {
    width: 1rem;
    height: 1rem
}

.form-switch .slider.large {
    width: 3.5rem;
    height: 2rem
}

.form-switch .slider.large::before {
    width: 1.5rem;
    height: 1.5rem
}

.form-switch .slider.thin {
    height: .75rem;
    margin-top: .5rem
}

.form-switch .slider.thin::before {
    top: -0.25rem;
    left: -0.25rem;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .75)
}

.form-switch .slider.thin.small {
    height: .5rem
}

.form-switch .slider.thin.large {
    height: 1rem
}

.form-switch input:checked+.slider {
    background-color: var(--form-switch-active-color)
}

.form-switch input:checked+.slider::before {
    left: 50%
}

.form-switch input:checked+.slider.thin::before {
    left: 60%
}

.form-field .form-switch {
    font-weight: initial;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: inline-flex;
    align-self: flex-start
}

.form-file {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    width: 100%;
    padding-top: .75rem;
    margin: .25rem 0 .5rem 0
}

.form-file label {
    z-index: 2;
    flex-shrink: 0
}

.form-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.form-file .form-file-path {
    width: 100%;
    border-bottom: 1px solid #c7c7c7;
    margin: auto 0 .25rem .5rem;
    height: 1.75rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.grix .pagination {
    align-self: start
}

.pagination {
    display: -webkit-box;
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 1rem 0;
    flex-wrap: wrap
}

.pagination li {
    padding: 0;
    margin: 0 .25rem;
    font-size: 1rem;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: .1s ease;
    transition: .1s ease;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.pagination li a {
    padding: .75rem 1rem;
    color: inherit
}

.pagination li:hover {
    background-color: rgba(0, 0, 0, .1)
}

.pagination li.active {
    background-color: #2196f3;
    color: #fff
}

.pagination li.disabled {
    background-color: rgba(0, 0, 0, .2);
    opacity: .6;
    cursor: not-allowed
}

.pagination li i {
    opacity: .6
}

.pagination.small li {
    font-size: .825rem
}

.pagination.small li a {
    padding: .5rem .75rem
}

.pagination.large li {
    font-size: 1.25rem
}

.pagination.large li a {
    padding: 1rem 1.25rem
}

.spinner {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 3.5rem
}

.spinner:before {
    content: "";
    display: block;
    padding-top: 100%
}

.spinner svg {
    -webkit-animation: sp-rotate 2s linear infinite;
    animation: sp-rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: inherit
}

.spinner svg .spinner-path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: sp-dash 1.5s ease-in-out infinite;
    animation: sp-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    color: inherit;
    stroke: currentColor
}

.spinner .spinner-txt {
    margin: auto;
    font-size: .9rem
}

.spinner.rainbow svg .spinner-path {
    -webkit-animation: sp-dash 1.5s ease-in-out infinite, sp-colors 6s ease-in-out infinite;
    animation: sp-dash 1.5s ease-in-out infinite, sp-colors 6s ease-in-out infinite
}

.spinner.large {
    width: 5rem
}

.spinner.large .spinner-txt {
    font-size: 1.1rem
}

.spinner.small {
    width: 2rem
}

.spinner.small .spinner-txt {
    font-size: .5rem
}

@-webkit-keyframes sp-colors {
    0% {
        stroke: #2196f3
    }

    25% {
        stroke: #e92626
    }

    50% {
        stroke: #61b399
    }

    75% {
        stroke: #27e927
    }

    100% {
        stroke: #658fa3
    }
}

@keyframes sp-colors {
    0% {
        stroke: #2196f3
    }

    25% {
        stroke: #e92626
    }

    50% {
        stroke: #61b399
    }

    75% {
        stroke: #27e927
    }

    100% {
        stroke: #658fa3
    }
}

@-webkit-keyframes sp-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes sp-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sp-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@keyframes sp-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

.progress {
    display: -webkit-box;
    display: flex;
    height: .5rem;
    font-size: .5rem;
    width: 100%;
    background-color: #cbd9e0;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.progress.large {
    height: .75rem;
    font-size: .7rem
}

.progress.small {
    height: .25rem;
    font-size: .3rem
}

.progress .progress-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition: width .5s ease;
    transition: width .5s ease
}

.progress.indeterminate .progress-bar {
    -webkit-animation: pbar-indeterminate 1s infinite linear;
    animation: pbar-indeterminate 1s infinite linear;
    width: 100%;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.progress.indeterminate .progress-bar.rainbow {
    -webkit-animation: pbar-indeterminate 1s infinite linear, pbar-colors 3s ease-in-out infinite;
    animation: pbar-indeterminate 1s infinite linear, pbar-colors 3s ease-in-out infinite
}

@-webkit-keyframes pbar-indeterminate {
    0% {
        -webkit-transform: translateX(0) scaleX(0);
        transform: translateX(0) scaleX(0)
    }

    40% {
        -webkit-transform: translateX(0) scaleX(0.4);
        transform: translateX(0) scaleX(0.4)
    }

    100% {
        -webkit-transform: translateX(100%) scaleX(0.5);
        transform: translateX(100%) scaleX(0.5)
    }
}

@keyframes pbar-indeterminate {
    0% {
        -webkit-transform: translateX(0) scaleX(0);
        transform: translateX(0) scaleX(0)
    }

    40% {
        -webkit-transform: translateX(0) scaleX(0.4);
        transform: translateX(0) scaleX(0.4)
    }

    100% {
        -webkit-transform: translateX(100%) scaleX(0.5);
        transform: translateX(100%) scaleX(0.5)
    }
}

@-webkit-keyframes pbar-colors {
    0% {
        background-color: #2196f3
    }

    25% {
        background-color: #e92626
    }

    50% {
        background-color: #61b399
    }

    75% {
        background-color: #27e927
    }

    100% {
        background-color: #658fa3
    }
}

@keyframes pbar-colors {
    0% {
        background-color: #2196f3
    }

    25% {
        background-color: #e92626
    }

    50% {
        background-color: #61b399
    }

    75% {
        background-color: #27e927
    }

    100% {
        background-color: #658fa3
    }
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 10
}

.dropdown.dropdown-vp .dropdown-content {
    overflow-y: auto
}

.dropdown .dropdown-content {
    position: absolute;
    left: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap
}

.dropdown .dropdown-content.right-aligned {
    right: 0;
    left: unset
}

.dropdown .dropdown-content.constrain-width {
    right: 0;
    left: 0;
    word-break: break-word;
    white-space: normal
}

.dropdown .dropdown-content .dropdown-item {
    color: inherit;
    padding: 1rem 1.25rem;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.dropdown .dropdown-content .dropdown-item.active {
    background-color: #2196f3;
    color: #fff
}

.dropdown .dropdown-content .dropdown-item:hover:not(.active) {
    background-color: rgba(0, 0, 0, .2)
}

.dropdown.active-hover:hover .dropdown-content {
    display: -webkit-box;
    display: flex
}

.dropdown.anim-fade .dropdown-content {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    opacity: 0
}

.dropdown.anim-fade.active .dropdown-content {
    opacity: 1
}

.tab {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-width: 100vw
}

.tab .tab-menu {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-box-align: center;
    align-items: center;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    --tab-active-color: #2196f3
}

.tab .tab-menu .tab-link {
    position: relative;
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.tab .tab-menu .tab-link a {
    display: block;
    text-overflow: ellipsis;
    padding: 1rem 1.25rem
}

.tab .tab-menu::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: var(--tab-bar-left-offset);
    right: var(--tab-bar-right-offset);
    border-bottom: .1rem solid var(--tab-active-color);
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: inherit;
    transition-duration: inherit
}

.tab.full-width .tab-menu .tab-link {
    width: 100%
}

.tab .tab-arrow {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-transition-duration: inherit;
    transition-duration: inherit
}

.tab .tab-arrow .tab-menu {
    overflow: hidden
}

.tab .tab-arrow .tab-prev,
.tab .tab-arrow .tab-next {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    padding: .5rem;
    z-index: 10;
    display: none
}

.tab .tab-arrow .tab-prev {
    left: 0
}

.tab .tab-arrow .tab-next {
    right: 0
}

.tab .tab-arrow.tab-arrow-show .tab-prev,
.tab .tab-arrow.tab-arrow-show .tab-next {
    display: -webkit-box;
    display: flex
}

.fab:not(i) {
    position: fixed;
    z-index: 200
}

.fab:not(i) .fab-menu {
    position: absolute;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    visibility: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.fab:not(i) .fab-menu .fab-item {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: inherit;
    transition-timing-function: inherit
}

.fab:not(i).active .fab-menu {
    visibility: visible
}

.fab:not(i).active .fab-item {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.fab:not(i).fab-dir-x .fab-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    left: unset;
    right: unset;
    top: 0;
    bottom: 0
}

.caroulix {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    -webkit-transition-property: none;
    transition-property: none
}

.caroulix .caroulix-item {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.caroulix .caroulix-item.active {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}

.caroulix .caroulix-item img {
    width: 100%
}

.caroulix .caroulix-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    z-index: 50;
    cursor: pointer;
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease
}

@media screen and (max-width: 599px) {
    .caroulix .caroulix-arrow {
        width: 2rem;
        height: 2rem;
        font-size: .8rem
    }
}

.caroulix .caroulix-arrow:hover {
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.10), 0 3px 8px 3px rgba(0, 0, 0, 0.1)
}

.caroulix .caroulix-arrow.caroulix-prev {
    left: .75rem
}

.caroulix .caroulix-arrow.caroulix-next {
    right: .75rem
}

.caroulix .caroulix-indicators {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: absolute;
    bottom: 1.5rem;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style-type: none
}

.caroulix .caroulix-indicators li {
    background-color: #fff;
    border-radius: 50%;
    margin: 0 .5rem;
    height: 1rem;
    width: 1rem;
    opacity: .75;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    cursor: pointer
}

.caroulix .caroulix-indicators li:hover,
.caroulix .caroulix-indicators li.active {
    opacity: 1
}

.caroulix .caroulix-indicators.caroulix-flat li {
    border-radius: unset;
    border-bottom: .5rem solid transparent;
    border-top: .5rem solid transparent;
    width: 1.75rem;
    height: 1.25rem;
    background-clip: padding-box
}

@media screen and (max-width: 599px) {
    .caroulix .caroulix-indicators {
        bottom: .75rem
    }

    .caroulix .caroulix-indicators li {
        height: .75rem;
        width: .75rem
    }

    .caroulix .caroulix-indicators.caroulix-flat {
        bottom: .5rem
    }
}

.tooltip {
    position: absolute;
    display: block;
    pointer-events: none;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    z-index: 999
}

.lightbox {
    display: block;
    will-change: top, left, width, height, filter, position;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: top, left, width, height, position, -webkit-filter;
    transition-property: top, left, width, height, position, -webkit-filter;
    transition-property: top, left, width, height, filter, position;
    transition-property: top, left, width, height, filter, position, -webkit-filter;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.lightbox:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.lightbox.active {
    position: absolute;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    z-index: 1000
}

.lightbox-overlay {
    position: fixed;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: opacity, background-color;
    transition-property: opacity, background-color;
    opacity: 0;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.lightbox-overlay .lightbox-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.cyan.dark-5 {
    background-color: #07363c;
    color: #fff
}

.txt-cyan.txt-dark-5 {
    color: #07363c !important
}

.bd-cyan.bd-dark-5 {
    border-color: #07363c !important
}

.cyan.dark-4 {
    background-color: #0b5761;
    color: #fff
}

.txt-cyan.txt-dark-4 {
    color: #0b5761 !important
}

.bd-cyan.bd-dark-4 {
    border-color: #0b5761 !important
}

.cyan.dark-3 {
    background-color: #0f7886;
    color: #fff
}

.txt-cyan.txt-dark-3 {
    color: #0f7886 !important
}

.bd-cyan.bd-dark-3 {
    border-color: #0f7886 !important
}

.cyan.dark-2 {
    background-color: #1399aa;
    color: #fff
}

.txt-cyan.txt-dark-2 {
    color: #1399aa !important
}

.bd-cyan.bd-dark-2 {
    border-color: #1399aa !important
}

.cyan.dark-1 {
    background-color: #17bacf;
    color: #000
}

.txt-cyan.txt-dark-1 {
    color: #17bacf !important
}

.bd-cyan.bd-dark-1 {
    border-color: #17bacf !important
}

.cyan {
    background-color: #28d1e7;
    color: #000
}

.txt-cyan {
    color: #28d1e7 !important
}

.bd-cyan {
    border-color: #28d1e7 !important
}

.cyan.light-1 {
    background-color: #4dd9eb;
    color: #000
}

.txt-cyan.txt-light-1 {
    color: #4dd9eb !important
}

.bd-cyan.bd-light-1 {
    border-color: #4dd9eb !important
}

.cyan.light-2 {
    background-color: #71e1ef;
    color: #000
}

.txt-cyan.txt-light-2 {
    color: #71e1ef !important
}

.bd-cyan.bd-light-2 {
    border-color: #71e1ef !important
}

.cyan.light-3 {
    background-color: #96e9f3;
    color: #000
}

.txt-cyan.txt-light-3 {
    color: #96e9f3 !important
}

.bd-cyan.bd-light-3 {
    border-color: #96e9f3 !important
}

.cyan.light-4 {
    background-color: #bbf0f7;
    color: #000
}

.txt-cyan.txt-light-4 {
    color: #bbf0f7 !important
}

.bd-cyan.bd-light-4 {
    border-color: #bbf0f7 !important
}

.yellow.dark-5 {
    background-color: #585007;
    color: #fff
}

.txt-yellow.txt-dark-5 {
    color: #585007 !important
}

.bd-yellow.bd-dark-5 {
    border-color: #585007 !important
}

.yellow.dark-4 {
    background-color: #7e730a;
    color: #fff
}

.txt-yellow.txt-dark-4 {
    color: #7e730a !important
}

.bd-yellow.bd-dark-4 {
    border-color: #7e730a !important
}

.yellow.dark-3 {
    background-color: #a4950d;
    color: #000
}

.txt-yellow.txt-dark-3 {
    color: #a4950d !important
}

.bd-yellow.bd-dark-3 {
    border-color: #a4950d !important
}

.yellow.dark-2 {
    background-color: #cab70f;
    color: #000
}

.txt-yellow.txt-dark-2 {
    color: #cab70f !important
}

.bd-yellow.bd-dark-2 {
    border-color: #cab70f !important
}

.yellow.dark-1 {
    background-color: #edd815;
    color: #000
}

.txt-yellow.txt-dark-1 {
    color: #edd815 !important
}

.bd-yellow.bd-dark-1 {
    border-color: #edd815 !important
}

.yellow {
    background-color: #f0de3b;
    color: #000
}

.txt-yellow {
    color: #f0de3b !important
}

.bd-yellow {
    border-color: #f0de3b !important
}

.yellow.light-1 {
    background-color: #f3e461;
    color: #000
}

.txt-yellow.txt-light-1 {
    color: #f3e461 !important
}

.bd-yellow.bd-light-1 {
    border-color: #f3e461 !important
}

.yellow.light-2 {
    background-color: #f6eb87;
    color: #000
}

.txt-yellow.txt-light-2 {
    color: #f6eb87 !important
}

.bd-yellow.bd-light-2 {
    border-color: #f6eb87 !important
}

.yellow.light-3 {
    background-color: #f9f1ad;
    color: #000
}

.txt-yellow.txt-light-3 {
    color: #f9f1ad !important
}

.bd-yellow.bd-light-3 {
    border-color: #f9f1ad !important
}

.yellow.light-4 {
    background-color: #fcf8d3;
    color: #000
}

.txt-yellow.txt-light-4 {
    color: #fcf8d3 !important
}

.bd-yellow.bd-light-4 {
    border-color: #fcf8d3 !important
}

.orange.dark-5 {
    background-color: #5b2c00;
    color: #fff
}

.txt-orange.txt-dark-5 {
    color: #5b2c00 !important
}

.bd-orange.bd-dark-5 {
    border-color: #5b2c00 !important
}

.orange.dark-4 {
    background-color: #844000;
    color: #fff
}

.txt-orange.txt-dark-4 {
    color: #844000 !important
}

.bd-orange.bd-dark-4 {
    border-color: #844000 !important
}

.orange.dark-3 {
    background-color: #ad5300;
    color: #fff
}

.txt-orange.txt-dark-3 {
    color: #ad5300 !important
}

.bd-orange.bd-dark-3 {
    border-color: #ad5300 !important
}

.orange.dark-2 {
    background-color: #d56700;
    color: #000
}

.txt-orange.txt-dark-2 {
    color: #d56700 !important
}

.bd-orange.bd-dark-2 {
    border-color: #d56700 !important
}

.orange.dark-1 {
    background-color: #fe7b00;
    color: #000
}

.txt-orange.txt-dark-1 {
    color: #fe7b00 !important
}

.bd-orange.bd-dark-1 {
    border-color: #fe7b00 !important
}

.orange {
    background-color: #ff9028;
    color: #000
}

.txt-orange {
    color: #ff9028 !important
}

.bd-orange {
    border-color: #ff9028 !important
}

.orange.light-1 {
    background-color: #ffa551;
    color: #000
}

.txt-orange.txt-light-1 {
    color: #ffa551 !important
}

.bd-orange.bd-light-1 {
    border-color: #ffa551 !important
}

.orange.light-2 {
    background-color: #ffba7a;
    color: #000
}

.txt-orange.txt-light-2 {
    color: #ffba7a !important
}

.bd-orange.bd-light-2 {
    border-color: #ffba7a !important
}

.orange.light-3 {
    background-color: #ffcfa2;
    color: #000
}

.txt-orange.txt-light-3 {
    color: #ffcfa2 !important
}

.bd-orange.bd-light-3 {
    border-color: #ffcfa2 !important
}

.orange.light-4 {
    background-color: #ffe4cb;
    color: #000
}

.txt-orange.txt-light-4 {
    color: #ffe4cb !important
}

.bd-orange.bd-light-4 {
    border-color: #ffe4cb !important
}

.magenta.dark-5 {
    background-color: #380538;
    color: #fff
}

.txt-magenta.txt-dark-5 {
    color: #380538 !important
}

.bd-magenta.bd-dark-5 {
    border-color: #380538 !important
}

.magenta.dark-4 {
    background-color: #5d095d;
    color: #fff
}

.txt-magenta.txt-dark-4 {
    color: #5d095d !important
}

.bd-magenta.bd-dark-4 {
    border-color: #5d095d !important
}

.magenta.dark-3 {
    background-color: #820d82;
    color: #fff
}

.txt-magenta.txt-dark-3 {
    color: #820d82 !important
}

.bd-magenta.bd-dark-3 {
    border-color: #820d82 !important
}

.magenta.dark-2 {
    background-color: #a710a7;
    color: #fff
}

.txt-magenta.txt-dark-2 {
    color: #a710a7 !important
}

.bd-magenta.bd-dark-2 {
    border-color: #a710a7 !important
}

.magenta.dark-1 {
    background-color: #cc14cc;
    color: #fff
}

.txt-magenta.txt-dark-1 {
    color: #cc14cc !important
}

.bd-magenta.bd-dark-1 {
    border-color: #cc14cc !important
}

.magenta {
    background-color: #e920e9;
    color: #fff
}

.txt-magenta {
    color: #e920e9 !important
}

.bd-magenta {
    border-color: #e920e9 !important
}

.magenta.light-1 {
    background-color: #ed45ed;
    color: #fff
}

.txt-magenta.txt-light-1 {
    color: #ed45ed !important
}

.bd-magenta.bd-light-1 {
    border-color: #ed45ed !important
}

.magenta.light-2 {
    background-color: #f06af0;
    color: #000
}

.txt-magenta.txt-light-2 {
    color: #f06af0 !important
}

.bd-magenta.bd-light-2 {
    border-color: #f06af0 !important
}

.magenta.light-3 {
    background-color: #f48ff4;
    color: #000
}

.txt-magenta.txt-light-3 {
    color: #f48ff4 !important
}

.bd-magenta.bd-light-3 {
    border-color: #f48ff4 !important
}

.magenta.light-4 {
    background-color: #f8b5f8;
    color: #000
}

.txt-magenta.txt-light-4 {
    color: #f8b5f8 !important
}

.bd-magenta.bd-light-4 {
    border-color: #f8b5f8 !important
}

.blue.dark-5 {
    background-color: #042844;
    color: #fff
}

.txt-blue.txt-dark-5 {
    color: #042844 !important
}

.bd-blue.bd-dark-5 {
    border-color: #042844 !important
}

.blue.dark-4 {
    background-color: #063e6b;
    color: #fff
}

.txt-blue.txt-dark-4 {
    color: #063e6b !important
}

.bd-blue.bd-dark-4 {
    border-color: #063e6b !important
}

.blue.dark-3 {
    background-color: #085592;
    color: #fff
}

.txt-blue.txt-dark-3 {
    color: #085592 !important
}

.bd-blue.bd-dark-3 {
    border-color: #085592 !important
}

.blue.dark-2 {
    background-color: #0a6bb8;
    color: #fff
}

.txt-blue.txt-dark-2 {
    color: #0a6bb8 !important
}

.bd-blue.bd-dark-2 {
    border-color: #0a6bb8 !important
}

.blue.dark-1 {
    background-color: #0c82df;
    color: #fff
}

.txt-blue.txt-dark-1 {
    color: #0c82df !important
}

.bd-blue.bd-dark-1 {
    border-color: #0c82df !important
}

.blue {
    background-color: #2196f3;
    color: #fff
}

.txt-blue {
    color: #2196f3 !important
}

.bd-blue {
    border-color: #2196f3 !important
}

.blue.light-1 {
    background-color: #48a8f5;
    color: #000
}

.txt-blue.txt-light-1 {
    color: #48a8f5 !important
}

.bd-blue.bd-light-1 {
    border-color: #48a8f5 !important
}

.blue.light-2 {
    background-color: #6ebbf7;
    color: #000
}

.txt-blue.txt-light-2 {
    color: #6ebbf7 !important
}

.bd-blue.bd-light-2 {
    border-color: #6ebbf7 !important
}

.blue.light-3 {
    background-color: #95cdf9;
    color: #000
}

.txt-blue.txt-light-3 {
    color: #95cdf9 !important
}

.bd-blue.bd-light-3 {
    border-color: #95cdf9 !important
}

.blue.light-4 {
    background-color: #bcdffb;
    color: #000
}

.txt-blue.txt-light-4 {
    color: #bcdffb !important
}

.bd-blue.bd-light-4 {
    border-color: #bcdffb !important
}

.red.dark-5 {
    background-color: #3d0606;
    color: #fff
}

.txt-red.txt-dark-5 {
    color: #3d0606 !important
}

.bd-red.bd-dark-5 {
    border-color: #3d0606 !important
}

.red.dark-4 {
    background-color: #620a0a;
    color: #fff
}

.txt-red.txt-dark-4 {
    color: #620a0a !important
}

.bd-red.bd-dark-4 {
    border-color: #620a0a !important
}

.red.dark-3 {
    background-color: #870e0e;
    color: #fff
}

.txt-red.txt-dark-3 {
    color: #870e0e !important
}

.bd-red.bd-dark-3 {
    border-color: #870e0e !important
}

.red.dark-2 {
    background-color: #ac1111;
    color: #fff
}

.txt-red.txt-dark-2 {
    color: #ac1111 !important
}

.bd-red.bd-dark-2 {
    border-color: #ac1111 !important
}

.red.dark-1 {
    background-color: #d11515;
    color: #fff
}

.txt-red.txt-dark-1 {
    color: #d11515 !important
}

.bd-red.bd-dark-1 {
    border-color: #d11515 !important
}

.red {
    background-color: #e92626;
    color: #fff
}

.txt-red {
    color: #e92626 !important
}

.bd-red {
    border-color: #e92626 !important
}

.red.light-1 {
    background-color: #ed4b4b;
    color: #000
}

.txt-red.txt-light-1 {
    color: #ed4b4b !important
}

.bd-red.bd-light-1 {
    border-color: #ed4b4b !important
}

.red.light-2 {
    background-color: #f17070;
    color: #000
}

.txt-red.txt-light-2 {
    color: #f17070 !important
}

.bd-red.bd-light-2 {
    border-color: #f17070 !important
}

.red.light-3 {
    background-color: #f49595;
    color: #000
}

.txt-red.txt-light-3 {
    color: #f49595 !important
}

.bd-red.bd-light-3 {
    border-color: #f49595 !important
}

.red.light-4 {
    background-color: #f8baba;
    color: #000
}

.txt-red.txt-light-4 {
    color: #f8baba !important
}

.bd-red.bd-light-4 {
    border-color: #f8baba !important
}

.green.dark-5 {
    background-color: #063e06;
    color: #fff
}

.txt-green.txt-dark-5 {
    color: #063e06 !important
}

.bd-green.bd-dark-5 {
    border-color: #063e06 !important
}

.green.dark-4 {
    background-color: #0a630a;
    color: #fff
}

.txt-green.txt-dark-4 {
    color: #0a630a !important
}

.bd-green.bd-dark-4 {
    border-color: #0a630a !important
}

.green.dark-3 {
    background-color: #0e880e;
    color: #fff
}

.txt-green.txt-dark-3 {
    color: #0e880e !important
}

.bd-green.bd-dark-3 {
    border-color: #0e880e !important
}

.green.dark-2 {
    background-color: #12ad12;
    color: #fff
}

.txt-green.txt-dark-2 {
    color: #12ad12 !important
}

.bd-green.bd-dark-2 {
    border-color: #12ad12 !important
}

.green.dark-1 {
    background-color: #15d215;
    color: #000
}

.txt-green.txt-dark-1 {
    color: #15d215 !important
}

.bd-green.bd-dark-1 {
    border-color: #15d215 !important
}

.green {
    background-color: #27e927;
    color: #000
}

.txt-green {
    color: #27e927 !important
}

.bd-green {
    border-color: #27e927 !important
}

.green.light-1 {
    background-color: #4ced4c;
    color: #000
}

.txt-green.txt-light-1 {
    color: #4ced4c !important
}

.bd-green.bd-light-1 {
    border-color: #4ced4c !important
}

.green.light-2 {
    background-color: #71f171;
    color: #000
}

.txt-green.txt-light-2 {
    color: #71f171 !important
}

.bd-green.bd-light-2 {
    border-color: #71f171 !important
}

.green.light-3 {
    background-color: #96f496;
    color: #000
}

.txt-green.txt-light-3 {
    color: #96f496 !important
}

.bd-green.bd-light-3 {
    border-color: #96f496 !important
}

.green.light-4 {
    background-color: #bbf8bb;
    color: #000
}

.txt-green.txt-light-4 {
    color: #bbf8bb !important
}

.bd-green.bd-light-4 {
    border-color: #bbf8bb !important
}

.viride.dark-5 {
    background-color: #173129;
    color: #fff
}

.txt-viride.txt-dark-5 {
    color: #173129 !important
}

.bd-viride.bd-dark-5 {
    border-color: #173129 !important
}

.viride.dark-4 {
    background-color: #254c40;
    color: #fff
}

.txt-viride.txt-dark-4 {
    color: #254c40 !important
}

.bd-viride.bd-dark-4 {
    border-color: #254c40 !important
}

.viride.dark-3 {
    background-color: #326857;
    color: #fff
}

.txt-viride.txt-dark-3 {
    color: #326857 !important
}

.bd-viride.bd-dark-3 {
    border-color: #326857 !important
}

.viride.dark-2 {
    background-color: #3f836e;
    color: #fff
}

.txt-viride.txt-dark-2 {
    color: #3f836e !important
}

.bd-viride.bd-dark-2 {
    border-color: #3f836e !important
}

.viride.dark-1 {
    background-color: #4c9f85;
    color: #000
}

.txt-viride.txt-dark-1 {
    color: #4c9f85 !important
}

.bd-viride.bd-dark-1 {
    border-color: #4c9f85 !important
}

.viride {
    background-color: #61b399;
    color: #000
}

.txt-viride {
    color: #61b399 !important
}

.bd-viride {
    border-color: #61b399 !important
}

.viride.light-1 {
    background-color: #7dc0ab;
    color: #000
}

.txt-viride.txt-light-1 {
    color: #7dc0ab !important
}

.bd-viride.bd-light-1 {
    border-color: #7dc0ab !important
}

.viride.light-2 {
    background-color: #98cebd;
    color: #000
}

.txt-viride.txt-light-2 {
    color: #98cebd !important
}

.bd-viride.bd-light-2 {
    border-color: #98cebd !important
}

.viride.light-3 {
    background-color: #b4dbce;
    color: #000
}

.txt-viride.txt-light-3 {
    color: #b4dbce !important
}

.bd-viride.bd-light-3 {
    border-color: #b4dbce !important
}

.viride.light-4 {
    background-color: #cfe8e0;
    color: #000
}

.txt-viride.txt-light-4 {
    color: #cfe8e0 !important
}

.bd-viride.bd-light-4 {
    border-color: #cfe8e0 !important
}

.mole.dark-5 {
    background-color: #372c1d;
    color: #fff
}

.txt-mole.txt-dark-5 {
    color: #372c1d !important
}

.bd-mole.bd-dark-5 {
    border-color: #372c1d !important
}

.mole.dark-4 {
    background-color: #52412b;
    color: #fff
}

.txt-mole.txt-dark-4 {
    color: #52412b !important
}

.bd-mole.bd-dark-4 {
    border-color: #52412b !important
}

.mole.dark-3 {
    background-color: #6d5739;
    color: #fff
}

.txt-mole.txt-dark-3 {
    color: #6d5739 !important
}

.bd-mole.bd-dark-3 {
    border-color: #6d5739 !important
}

.mole.dark-2 {
    background-color: #886c47;
    color: #fff
}

.txt-mole.txt-dark-2 {
    color: #886c47 !important
}

.bd-mole.bd-dark-2 {
    border-color: #886c47 !important
}

.mole.dark-1 {
    background-color: #a38155;
    color: #000
}

.txt-mole.txt-dark-1 {
    color: #a38155 !important
}

.bd-mole.bd-dark-1 {
    border-color: #a38155 !important
}

.mole {
    background-color: #b3956d;
    color: #000
}

.txt-mole {
    color: #b3956d !important
}

.bd-mole {
    border-color: #b3956d !important
}

.mole.light-1 {
    background-color: #c1a888;
    color: #000
}

.txt-mole.txt-light-1 {
    color: #c1a888 !important
}

.bd-mole.bd-light-1 {
    border-color: #c1a888 !important
}

.mole.light-2 {
    background-color: #cfbca3;
    color: #000
}

.txt-mole.txt-light-2 {
    color: #cfbca3 !important
}

.bd-mole.bd-light-2 {
    border-color: #cfbca3 !important
}

.mole.light-3 {
    background-color: #ddcfbd;
    color: #000
}

.txt-mole.txt-light-3 {
    color: #ddcfbd !important
}

.bd-mole.bd-light-3 {
    border-color: #ddcfbd !important
}

.mole.light-4 {
    background-color: #ebe3d8;
    color: #000
}

.txt-mole.txt-light-4 {
    color: #ebe3d8 !important
}

.bd-mole.bd-light-4 {
    border-color: #ebe3d8 !important
}

.amaranth.dark-5 {
    background-color: #380613;
    color: #fff
}

.txt-amaranth.txt-dark-5 {
    color: #380613 !important
}

.bd-amaranth.bd-dark-5 {
    border-color: #380613 !important
}

.amaranth.dark-4 {
    background-color: #5c0b1f;
    color: #fff
}

.txt-amaranth.txt-dark-4 {
    color: #5c0b1f !important
}

.bd-amaranth.bd-dark-4 {
    border-color: #5c0b1f !important
}

.amaranth.dark-3 {
    background-color: #810f2b;
    color: #fff
}

.txt-amaranth.txt-dark-3 {
    color: #810f2b !important
}

.bd-amaranth.bd-dark-3 {
    border-color: #810f2b !important
}

.amaranth.dark-2 {
    background-color: #a61337;
    color: #fff
}

.txt-amaranth.txt-dark-2 {
    color: #a61337 !important
}

.bd-amaranth.bd-dark-2 {
    border-color: #a61337 !important
}

.amaranth.dark-1 {
    background-color: #ca1743;
    color: #fff
}

.txt-amaranth.txt-dark-1 {
    color: #ca1743 !important
}

.bd-amaranth.bd-dark-1 {
    border-color: #ca1743 !important
}

.amaranth {
    background-color: #e62454;
    color: #fff
}

.txt-amaranth {
    color: #e62454 !important
}

.bd-amaranth {
    border-color: #e62454 !important
}

.amaranth.light-1 {
    background-color: #ea4971;
    color: #fff
}

.txt-amaranth.txt-light-1 {
    color: #ea4971 !important
}

.bd-amaranth.bd-light-1 {
    border-color: #ea4971 !important
}

.amaranth.light-2 {
    background-color: #ee6d8d;
    color: #000
}

.txt-amaranth.txt-light-2 {
    color: #ee6d8d !important
}

.bd-amaranth.bd-light-2 {
    border-color: #ee6d8d !important
}

.amaranth.light-3 {
    background-color: #f392aa;
    color: #000
}

.txt-amaranth.txt-light-3 {
    color: #f392aa !important
}

.bd-amaranth.bd-light-3 {
    border-color: #f392aa !important
}

.amaranth.light-4 {
    background-color: #f7b6c6;
    color: #000
}

.txt-amaranth.txt-light-4 {
    color: #f7b6c6 !important
}

.bd-amaranth.bd-light-4 {
    border-color: #f7b6c6 !important
}

.airforce.dark-5 {
    background-color: #162126;
    color: #fff
}

.txt-airforce.txt-dark-5 {
    color: #162126 !important
}

.bd-airforce.bd-dark-5 {
    border-color: #162126 !important
}

.airforce.dark-4 {
    background-color: #26373f;
    color: #fff
}

.txt-airforce.txt-dark-4 {
    color: #26373f !important
}

.bd-airforce.bd-dark-4 {
    border-color: #26373f !important
}

.airforce.dark-3 {
    background-color: #354d59;
    color: #fff
}

.txt-airforce.txt-dark-3 {
    color: #354d59 !important
}

.bd-airforce.bd-dark-3 {
    border-color: #354d59 !important
}

.airforce.dark-2 {
    background-color: #446372;
    color: #fff
}

.txt-airforce.txt-dark-2 {
    color: #446372 !important
}

.bd-airforce.bd-dark-2 {
    border-color: #446372 !important
}

.airforce.dark-1 {
    background-color: #537a8c;
    color: #fff
}

.txt-airforce.txt-dark-1 {
    color: #537a8c !important
}

.bd-airforce.bd-dark-1 {
    border-color: #537a8c !important
}

.airforce {
    background-color: #658fa3;
    color: #000
}

.txt-airforce {
    color: #658fa3 !important
}

.bd-airforce {
    border-color: #658fa3 !important
}

.airforce.light-1 {
    background-color: #7fa2b2;
    color: #000
}

.txt-airforce.txt-light-1 {
    color: #7fa2b2 !important
}

.bd-airforce.bd-light-1 {
    border-color: #7fa2b2 !important
}

.airforce.light-2 {
    background-color: #98b4c2;
    color: #000
}

.txt-airforce.txt-light-2 {
    color: #98b4c2 !important
}

.bd-airforce.bd-light-2 {
    border-color: #98b4c2 !important
}

.airforce.light-3 {
    background-color: #b2c7d1;
    color: #000
}

.txt-airforce.txt-light-3 {
    color: #b2c7d1 !important
}

.bd-airforce.bd-light-3 {
    border-color: #b2c7d1 !important
}

.airforce.light-4 {
    background-color: #cbd9e0;
    color: #000
}

.txt-airforce.txt-light-4 {
    color: #cbd9e0 !important
}

.bd-airforce.bd-light-4 {
    border-color: #cbd9e0 !important
}

.meadow.dark-5 {
    background-color: #06361e;
    color: #fff
}

.txt-meadow.txt-dark-5 {
    color: #06361e !important
}

.bd-meadow.bd-dark-5 {
    border-color: #06361e !important
}

.meadow.dark-4 {
    background-color: #0a5b32;
    color: #fff
}

.txt-meadow.txt-dark-4 {
    color: #0a5b32 !important
}

.bd-meadow.bd-dark-4 {
    border-color: #0a5b32 !important
}

.meadow.dark-3 {
    background-color: #0e7f47;
    color: #fff
}

.txt-meadow.txt-dark-3 {
    color: #0e7f47 !important
}

.bd-meadow.bd-dark-3 {
    border-color: #0e7f47 !important
}

.meadow.dark-2 {
    background-color: #13a45b;
    color: #fff
}

.txt-meadow.txt-dark-2 {
    color: #13a45b !important
}

.bd-meadow.bd-dark-2 {
    border-color: #13a45b !important
}

.meadow.dark-1 {
    background-color: #17c970;
    color: #000
}

.txt-meadow.txt-dark-1 {
    color: #17c970 !important
}

.bd-meadow.bd-dark-1 {
    border-color: #17c970 !important
}

.meadow {
    background-color: #22e684;
    color: #000
}

.txt-meadow {
    color: #22e684 !important
}

.bd-meadow {
    border-color: #22e684 !important
}

.meadow.light-1 {
    background-color: #47ea98;
    color: #000
}

.txt-meadow.txt-light-1 {
    color: #47ea98 !important
}

.bd-meadow.bd-light-1 {
    border-color: #47ea98 !important
}

.meadow.light-2 {
    background-color: #6beead;
    color: #000
}

.txt-meadow.txt-light-2 {
    color: #6beead !important
}

.bd-meadow.bd-light-2 {
    border-color: #6beead !important
}

.meadow.light-3 {
    background-color: #90f2c1;
    color: #000
}

.txt-meadow.txt-light-3 {
    color: #90f2c1 !important
}

.bd-meadow.bd-light-3 {
    border-color: #90f2c1 !important
}

.meadow.light-4 {
    background-color: #b5f7d6;
    color: #000
}

.txt-meadow.txt-light-4 {
    color: #b5f7d6 !important
}

.bd-meadow.bd-light-4 {
    border-color: #b5f7d6 !important
}

.grey.dark-5 {
    background-color: #3f3f3f;
    color: #fff
}

.txt-grey.txt-dark-5 {
    color: #3f3f3f !important
}

.bd-grey.bd-dark-5 {
    border-color: #3f3f3f !important
}

.grey.dark-4 {
    background-color: #535353;
    color: #fff
}

.txt-grey.txt-dark-4 {
    color: #535353 !important
}

.bd-grey.bd-dark-4 {
    border-color: #535353 !important
}

.grey.dark-3 {
    background-color: #686868;
    color: #fff
}

.txt-grey.txt-dark-3 {
    color: #686868 !important
}

.bd-grey.bd-dark-3 {
    border-color: #686868 !important
}

.grey.dark-2 {
    background-color: #7c7c7c;
    color: #fff
}

.txt-grey.txt-dark-2 {
    color: #7c7c7c !important
}

.bd-grey.bd-dark-2 {
    border-color: #7c7c7c !important
}

.grey.dark-1 {
    background-color: #919191;
    color: #000
}

.txt-grey.txt-dark-1 {
    color: #919191 !important
}

.bd-grey.bd-dark-1 {
    border-color: #919191 !important
}

.grey {
    background-color: #a5a5a5;
    color: #000
}

.txt-grey {
    color: #a5a5a5 !important
}

.bd-grey {
    border-color: #a5a5a5 !important
}

.grey.light-1 {
    background-color: #b9b9b9;
    color: #000
}

.txt-grey.txt-light-1 {
    color: #b9b9b9 !important
}

.bd-grey.bd-light-1 {
    border-color: #b9b9b9 !important
}

.grey.light-2 {
    background-color: #cecece;
    color: #000
}

.txt-grey.txt-light-2 {
    color: #cecece !important
}

.bd-grey.bd-light-2 {
    border-color: #cecece !important
}

.grey.light-3 {
    background-color: #e2e2e2;
    color: #000
}

.txt-grey.txt-light-3 {
    color: #e2e2e2 !important
}

.bd-grey.bd-light-3 {
    border-color: #e2e2e2 !important
}

.grey.light-4 {
    background-color: #f7f7f7;
    color: #000
}

.txt-grey.txt-light-4 {
    color: #f7f7f7 !important
}

.bd-grey.bd-light-4 {
    border-color: #f7f7f7 !important
}

.primary {
    background-color: #2196f3;
    color: #fff
}

.txt-primary {
    color: #2196f3 !important
}

.bd-primary {
    border-color: #2196f3 !important
}

.secondary {
    background-color: #22ac72;
    color: #fff
}

.txt-secondary {
    color: #22ac72 !important
}

.bd-secondary {
    border-color: #22ac72 !important
}

.success {
    background-color: #12ad12;
    color: #fff
}

.txt-success {
    color: #12ad12 !important
}

.bd-success {
    border-color: #12ad12 !important
}

.warning {
    background-color: #fccc2e;
    color: #000
}

.txt-warning {
    color: #fccc2e !important
}

.bd-warning {
    border-color: #fccc2e !important
}

.error {
    background-color: #df2c29;
    color: #fff
}

.txt-error {
    color: #df2c29 !important
}

.bd-error {
    border-color: #df2c29 !important
}

.white {
    background-color: #fff;
    color: #000
}

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

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

.black {
    background-color: #000;
    color: #fff
}

.txt-black {
    color: #000 !important
}

.bd-black {
    border-color: #000 !important
}

.transparent {
    background-color: transparent;
    color: #000
}

.txt-transparent {
    color: transparent !important
}

.bd-transparent {
    border-color: transparent !important
}